})
\n } "\\"Required\\""){kind=icon}
: null}\n }\n)
\n }){kind=icon}
\n \n \n })
\n Drag & Drop your files or | Filename | \nCategory | \nDate | \n|
|---|---|---|---|
| \n {isAdmin? There are no files uploaded by this company : \n There are no files uploaded by you or your company. \n browseFileInputRef.current.click()}>\n Upload\n \n \n }\n | \n |||
| \n \n \n | \n {category} | \n {window.innerWidth <= 600 ? \n\n \n \n {date.getMonth() + 1 + \"/\" + date.getDate() + \"/\" + date.getFullYear() }\n \n \n | :\n \n \n \n {formatDate(date.toString())}\n \n {file.name.toLowerCase().indexOf('.pdf') >= 0 || file.name.toLowerCase().indexOf('.docx') >= 0 || checkImgFileExt(file.name) ? \n \n }){kind=icon} { setAnchorEl(event.currentTarget); setMenuOpen(true); setFileForOptions(file); }}\n />\n | \n }\n
| \n \n \n | \n {file.category} | \n {window.innerWidth <= 600 ? \n\n \n {date.getMonth() + 1 + \"/\" + date.getDate() + \"/\" + date.getFullYear() }\n \n { setAnchorEl(event.currentTarget); setMenuOpen(true); setFileForOptions(file); }}\n />\n | :\n \n \n {formatDate(date.toString())}\n {file.fileName.toLowerCase().indexOf('.pdf') >= 0 || file.fileName.toLowerCase().indexOf('.docx') >= 0 || checkImgFileExt(file.fileName) ? \n \n { setAnchorEl(event.currentTarget); setMenuOpen(true); setFileForOptions(file); }}\n />\n | \n }\n
(Component: React.ComponentType
, componentName?: string, className?: string): React.ComponentClass
{\n\treturn withAITracking(WendalApplicationInsightsReactPlugin, Component, componentName, className);\n}\n\nexport {WendalHistory, WendalApplicationInsightsReactPlugin, WendalApplicationInsights};\n\n","import React from 'react';\nimport MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';\nimport {withWendalTracking} from \"../../WendalApplicationInsights\";\n\nclass LoadingIcon extends React.Component {\n render() {\n return (\n Please sign in with your email address Not on Wendal Yet? Sign up \n By continuing, you agree to Wendal’s Not on Wendal Yet? Sign up Chief Executive Officer Max Data Indicator {maxDataIndicator} \n Automated Deal Status:\n {ceo.AutomatedDealStatus??\"None\"}\n Score})
\n \n \n \n \n \n \n Revised and Effective: October 1, 2019\n \n
\n Wendal® is committed to protecting your privacy and providing a safe online experience for all of our users while offering the highest quality of services. This Privacy Policy describes what personal information Wendal gathers and how we use it, the rights afforded to you under certain data protection laws, and the measures we maintain and implement to safeguard personal information provided to us.\n
\n This Privacy Policy addresses how we collect, use, and retain personal information on individuals who access our Website (“wendal.com”), use the Ask Wendal personality assessment application (“Professional Surveys”), or who otherwise provide us information for our routine business purposes.\n
\n IF YOU DO NOT AGREE WITH HOW WENDAL COLLECTS, USES, AND DISCLOSES YOUR PERSONAL INFORMATION, INCLUDING THE DISCLOSURE OF YOUR PROFESSIONAL SURVEY RESULTS WITH THIRD PARTIES, THEN DO NOT ACCESS WENDAL’S WEBSITE OR PARTICIPATE IN WENDAL’S PROFESSIONAL SURVEYS. ANY ACTIVE PARTICIPATION IN WENDAL’S PROFESSIONAL SURVEYS WILL BE DEEMED YOUR CONSENT TO, AND ACCEPTANCE OF, THIS PRIVACY POLICY.\n
\n Defining Personal Information\n
\n For purposes of this Privacy Policy, the term “personal information” refers to any information that can be used to distinguish or trace an individual’s identity, either alone or when combined with other personal or identifying information, that is linked or linkable to a specific individual, and that is subject to, or otherwise afforded protection under, a data privacy law, statute, or regulation.\n
\n The Personal Information We Collect and Why We Collect It\n
\n Users Accounts and Profiles. We collect personal information on all individuals who register for, and create a profile on, our Website. Here, you are required to provide your name, email address (which serves as your user name), job title, and account password. If you do not provide this information, then we will be unable to verify your registration and provide you with a user account and profile.\n
\n Professional Surveys and Responses. Wendal’s Professional Surveys are designed to collect and analyze information about specific industries and employers in order to assist our customers and other individuals in making decisions about businesses, such as potential investment opportunities. Toward that end, individuals participating in the Professional Surveys must provide a broad range of information related to their business, including the following: business investment history; business sector; revenue, expenses, and similar financial data; business location; corporate structure; corporate records (e.g., articles of incorporation, shareholder agreements, term sheets); and, employment history of senior managers and personnel. In addition, individuals participating in the Professional Surveys undertake a “personality test” and are required to provide personal information in response to questions therein, including your management style; communication preferences; financial ideology; moral, behavioral, and phycological predispositions; the type of car you drive; near death experiences; and personality descriptors. All individuals who participate in Wendal’s Professional Surveys will be provided a score/grade, which will be transmitted and disclosed to Wendal’s customers (e.g., third party investors, corporate subscribers of Wendal’s Professional Surveys), who may rely upon such information and data, in full or in part, to decide whether to invest, or otherwise engage with, your business. In order to provide an accurate score/grade, the individuals participating in the Professional Surveys must answer all of these questions accurately.\n
\n Demographic/Special Categories of Data. Wendal’s Professional Surveys may also collect demographic data, which may include special categories of data, such as data related to an individual’s race, ethnicity, and trade union membership. All such demographic questions are purely voluntary, and participants will not be penalized for not answering such questions. Wendal uses this demographic information to analyze the survey participants and, at times, to compare results among different groups of participants.\n
\n Consumer Inquiries & Communications. There may be other times where you provide Wendal with information about yourself or others. For example, if you communicate with Wendal’s helpline or a sales representative, you may provide your personal information, such as contact data (e.g., name, address, telephone, email) and other personal information related to your communication (e.g., employer, consumer preferences, and interests). We will collect and retain the personal information that we think is reasonably necessary to your inquiry or that is otherwise related to your communication. We will collect and retain such information in accordance with the purposes you provided it, and with our legitimate business interests.\n
\n Vendors, Suppliers, and Similar Business Contacts. In addition, we may collect and process the following categories of personal information concerning our customers, vendors, suppliers, and similar business contacts: name, contact details, job title, bank account details and financial information (including credit/income history), transaction history, and business correspondence and communications. We process this information to facilitate routine and common business practices, such as those related to sales orders and management, promotion and quotation submitting, warranty management, credit collection, compliance with legal requirements, tax and accounting purposes, and defense or promotion of our interests and claims.\n
\n Deidentified and Aggregated Data\n
\n Wendal creates statistical, aggregated data relating to individuals that participate in our Professional Surveys in order to improve and enhance Wendal’s learning capabilities and prediction accuracy. Aggregated data includes data derived from personal information, but which is rendered anonymous and does not identify, or cannot be linked to, any individual.\n
\n Cookies and Automated Tracking\n
\n We use a tool called “Google Analytics” to collect information about individuals who use our Website. Google Analytics collects information such as how often users visit this Website, what pages they visit when they do so, and what other sites they used prior to coming to this Website. We use the information we get from Google Analytics only to improve this Website. Google Analytics collects only the Internet Protocol (IP) address assigned to you on the date you visit this site, rather than your name or other personal information. We do not combine the information collected through the use of Google Analytics with any personally identifiable information. Although Google Analytics plants a permanent cookie on your web browser to identify you as a unique user the next time you visit this site, the cookie cannot be used by anyone but Google. Google’s ability to use and share information collected by Google Analytics about your visits to this Website is restricted by the Google Analytics Terms of Use and the Google Privacy Policy. You can prevent Google Analytics from recognizing you on return visits to this site by disabling cookies on your browser. Google Analytics also uses electronic images known as web beacons (sometimes called single pixel gifs) and are used along with cookies to compile aggregated statistics to analyze how our site is used. You can find additional information on how to install a browser add-on to prevent your data from being used by Google Analytics at
\n Disclosure of Personal Data\n
\n We do not sell or rent your personal information to another business or a third party for monetary or other valuable consideration, and we only share or provide access to your personal information in the following circumstances:\n
\n Disclosure to Corporate Subscribers. All individuals who participate in Wendal’s Professional Surveys will be provided a score/grade, which will be transmitted and disclosed to Wendal’s customers (e.g., third party investors, corporate subscribers of Wendal’s Professional Surveys), and who may rely upon such information, in full or in part, to decide whether to invest, or otherwise engage with, your business. By participating in the survey, you hereby direct Wendal to intentionally disclose your score/grade and your personal information associated with it, to Wendal’s customers (e.g., third party investors, corporate subscribers of Wendal’s Professional Surveys) to intentionally interact with such third parties, provided the third parties do not sell the personal information.\n
\n Service Providers and Consultants. Any personal information that is provided to Wendal is made available to our technical agents, service providers, and consultants who make our Website and other products and services available to you. For example, Wendal uses Microsoft Azure to assist with the platform administration and maintenance of our Professional Surveys. Microsoft Azure’s terms and conditions, including its privacy policy, can be accessed at azure.microsoft.com/en-us/support/legal/. We may also disclose your personal information to agents and third party consultants to assist with routine business administration, our legal and regulatory compliance, or to investigate or defend our business interests.\n
\n Required Disclosures. We may disclose personal information with courts, tribunals, opposing or other related parties to any legal proceedings and their professional advisors, in response to a court order, subpoena, civil discovery request, other legal process, or as otherwise required by law.\n
\n Legal Compliance and Protecting Wendal’s Interests. We may disclose your personal information with any third party when we believe disclosure is necessary to comply with the law or to protect Wendal’s rights, interests, or property. We reserve the right to investigate any fraudulent or other activities involving Wendal’s property or interests, including our Professional Surveys, and to disclose any information reasonably necessary for any of these purposes, including to law enforcement or regulatory authorities and with any other organization.\n
\n Corporate Restructuring. We may disclose your personal information in the event of a merger, divestiture, restructuring, reorganization, dissolution, or other sale or transfer of some or all of Wendal’s business or assets, whether as a going concern or as part of bankruptcy, liquidation, or similar proceeding, in which your personal information held by Wendal or our Website users is among the assets transferred.\n
\n Data Retention Policy and Criteria\n
\n For individuals who participate in Wendal’s Professional Survey or otherwise engage with us as consumer, Wendal retains your personal information for the time period reasonably necessary to satisfy the purpose for which it was collected or as long as necessary to comply with legal obligations or for the establishment, exercise or defense of a legal claim. For our vendors, suppliers, and other business contacts, we retain your personal information for the duration needed to complete or facilitate our contract, agreement or engagement, and for a reasonable amount of time thereafter in accordance with our legitimate business needs and functions. To the extent that Wendal transmits and discloses your Professional Survey score/grade, and your personal information associated with it, to Wendal’s customers (i.e., third party investors, corporate subscribers of Wendal’s Professional Surveys), the data and personal information will be subject to the data retention schedule set forth by Wendal’s customers in their sole discretion.\n
\n Data Localization and International Transfers\n
\n The information (including personal information) that Wendal collects and uses is stored in the United States. If you are located outside of the United States, please be aware that information you submit to us will be transferred to the United States, and that the United States may not provide the same level of protection as the laws in your country. Wendal does *not* participate in the U.S. Privacy Shield program. In addition, Wendal’s third party service providers may collect and retain your information in a jurisdiction outside your country of residence. By continuing to provide us such information you hereby consent to the transfer of your information to the United States, or these other locations, in accordance with this Privacy Policy.\n
\n Data Safeguards\n
\n Wendal has implemented commercially reasonable measures to protect the personal information it collects from loss, misuse, and its unauthorized access, disclosure, alteration, and destruction. Please note that despite our reasonable efforts, no security measure is perfect or impenetrable, and we cannot guarantee the full security of your personal information. In other words, you provide us with your personal information at your own risk and we disclaim any liability for the loss, misuse, or compromise of your personal information.\n
\n Your Responsibilities and Representations\n
\n With regard to any personal information that you provide Wendal, regardless of whether that personal information relates to you or a third party, you hereby represent and warrant to Wendal that (i) such personal information is accurate and complete, (ii) you have the lawful basis to provide Wendal with such personal information, and (iii) you have provided this Privacy Policy to, and received consent from, any third party whose personal information you have provided to Wendal. You further represent that you are at least eighteen (18) years of age or older and any personal information provided to us relates to, and only to, an individual at least eighteen (18) years of age.\n
\n Your Rights and Privileges\n
\n Depending on the jurisdiction in which you reside, you may have the following rights with respect to the personal information. If you wish to exercise any of these rights, please contact us in accordance with the instructions provided below in the “Contact Information” section. We may need to collect and process information about you solely for the purpose of responding and satisfying any such data request.\n
\n Marketing. You may, at any time, request that we stop sending you marketing or information-related materials by contacting us directly in accordance with the instructions provided below in the “Contact Information” section.\n
\n California Privacy Rights. Pursuant to California’s “Shine the Light” law, California residents who provide personal information (as defined in the applicable statute) to obtain products or services for personal, family, or household use are entitled to request and obtain from us, once a calendar year, information about the personal information we shared, if any, with other businesses for marketing uses. Wendal does not, at any time, share your personal information with a third party with whom we know, or have reason to believe, uses your personal information to undertake independent direct marketing. Wendal is not subject, and is not legally required to respond to data requests undertaken pursuant, to the California Consumer Privacy Act of 2018, as amended (“CCPA”). However, if you have questions or concerns about Wendal’s data processing activities, please contact in accordance with the instructions provided below in the “Contact Information” section, and we will seek to accommodate any question or request you may have.\n
\n Nevada Privacy Rights. Pursuant to Nevada law, a “consumer” (as the term is defined therein), may, at any time, submit a verified request through a designated request address to an “operator” directing the operator not to make any sale of his or her personal information that the operator has collected or will collect about the consumer. For clarity purposes, Wendal does not sell or exchange your personal information for monetary consideration to a third party for the third party to license or sell the information to additional persons or parties.\n
\n Children’s Privacy. Our Website is not directed to children under eighteen (18) years of age, and we do not intend to collect personal information from minors. By using this Website, or otherwise engaging with Wendal, you represent and warrant to Wendal that you are over the age of eighteen (18).\n
\n Do Not Track. Some browsers have a “Do Not Track” feature, which permits you to inform websites you visit that you do not want them to track your online activity. These features are not yet uniform across browsers. At this time, Wendal’s Website is not able to respond to “Do Not Track” browser requests.\n
\n European Union Privacy Rights. If you are located in the European Economic Area, you may have certain rights with respect to the personal information we have about you. To the extent permitted by the European Union (EU) General Data Protection Regulation (GDPR), and applicable EU Member State data protection laws, you may request the following: access to the personal information we hold about you; that inaccurate, outdated, or no longer necessary information be corrected, erased, or restricted; and, we provide your with your personal information in a format that allows you to transfer it to another entity. You also may withdraw your consent at any time if, and only if, we are solely relying on your consent for the processing of your personal information. You may object to our processing of your personal information where that processing is based on our legitimate interest. For purposes of clarity, we do not engage in any activity that subjects our survey participants, customers, or others to a decision based solely on automated processing, including profiling, which produces legal effects, or similarly significantly results, impacting them. We process your personal information in accordance with the legal bases set forth in the GDPR. For example, our processing of personal information (as described herein) is justified based on the following GDPR provisions and which may overlap: (1) processing is based on your consent; (2) processing is necessary for our legitimate interests as set out herein; (3) processing is necessary for the performance of a contract to which you are a party; and (4) processing is required to comply with a legal or statutory obligation in the EU or in an EU Member State.\n
\n You have the right to lodge a complaint with your competent data protection authority. If you wish to exercise any of these rights, please contact us in accordance with the instructions provided below in the “Contact Information” section. We may need to collect and process information about you solely for the purpose of responding and satisfying any data right request you may have.\n
\n Changes To Our Privacy Policy\n
\n We will occasionally update this Privacy Policy. We recommend that you check the Privacy Policy when you visit our site to be sure you are aware of and understand our current Privacy Policy. If we make material changes to this Privacy Policy or in how we will use or collect your personal information, we will prominently post such changes prior to implementing the change. We will not make material changes in how we handle previously collected personal information that have retroactive effect, unless legally required to do so, and we will, to the extent practicable, email registered Website visitors with information on material changes to this Privacy Policy.\n
\n Contact Information\n
\n If you have any questions about this Privacy Policy or our privacy practices, or would like to exercise any of the rights described herein, please email us at \n \n \n \n \n \n IMPORTANT: PLEASE READ THESE TERMS OF USE CAREFULLY. BY ACCESSING, INSTALLING, USING, OR RUNNING THE WEB-BASED APPLICATION KNOWN AS “WENDAL”, YOU AGREE TO BE BOUND BY THESE TERMS OF USE AND REPRESENT THAT YOU ARE AUTHORIZED TO ENTER INTO THIS AGREEMENT ON BEHALF OF YOURSELF AND AS AN AUTHORIZED REPRESENTATIVE OF YOUR ORGANIZATION, IF APPLICABLE.\n \n
\n These Wendal Terms of Use (these “Terms of Use” or “Agreement”) form a legal agreement between Wendal Inc., a Delaware corporation (“Wendal”) and the individual, corporation, institution, or organization (“You” and/or “Licensee”) that is accessing and using the Wendal professional survey application and/or the Wendal website at: https://wendal.io/ (the “Application”). As used herein, the term Application includes all software components and configurations, online or electronic help files, and operating manuals about the Application (“Documentation”), and any information, reports or results provided by the Application (“Results”).\n
\n 1. LICENSE\n
\n 1.1 License Grant. Subject to Your compliance with the terms of this Agreement, Wendal hereby grants to You a limited, non-exclusive, non-transferable. non-sublicensable, revocable, personal license to access and use the Application. For corporate or institutional subscribers of the Application (“Corporate Subscribers”), usage of the Application is subject to any usage limitations set forth in Your written order form or agreement with Wendal (“Order”), and to use exclusively for Your internal business purposes. For individuals, the Application may only be used for Your personal, non-commercial purposes. (The foregoing shall be referred to as the “Permitted Use” as applicable.) The Application is licensed, not sold. All rights not expressly granted to You herein are reserved to Wendal.\n
\n 1.2 Scope of Access and Use. The Application is for the exclusive use of Authorized Users. As used herein, an “Authorized User” is an individual authorized by You to use the Application. For Corporate Subscribers, Authorized Users includes the employees, contractors, students, and agents that You authorize to use the Application for a Permitted Use. You are responsible for all use of the Application by Your Authorized Users and shall indemnity and hold Wendal harmless for any misuse of the Application by Your Authorized Users.\n
\n 1.3 License Restrictions. Except as expressly permitted by this Agreement, You shall not, and shall ensure Your Users do not, undertake, facilitate, or otherwise engage in any of the following: (i) copying of the Application, in whole or in part, (ii) modifying, correcting, adapting, translating, enhancing, or otherwise preparing derivative works or improvements of any Application, (iii) renting, leasing, lending, selling, sublicensing, assigning, distributing, publishing, transferring, or otherwise making available the Application to any third party, (iv) reverse engineering, disassembling, decompiling, decoding, or adapting the Application, or otherwise attempting to derive or gain access to the source code of the Application, in whole or in part, (v) bypassing or breaching any security device or protection used for or contained in the Application, (vi) removing, deleting, effacing, altering, obscuring, translating, combining, supplementing, or otherwise changing any trademarks, terms of any Documentation, warranties, disclaimers, or copyright notices or other proprietary rights notices or other symbols, notices, marks, or serial numbers on or relating to any copy of the Application, (vii) using the Application in any manner or for any purpose that infringes, misappropriates, or otherwise violates any intellectual property right or privacy right of any person, or that violates any applicable law, statute, or regulation, or any judicial or administrative order, rule, or judgment, (viii) using the Application for purposes of benchmarking or competitive analysis of the Application; or in order to develop, use, or create a competitive product, offering, or service; or to compete with the business of Wendal, or otherwise to the detriment or commercial disadvantage of Wendal; (ix) using the Application on any device or equipment not permitted by the Documentation, or (x) access or use the Application in any manner that is inconsistent with the terms of this Agreement.\n
\n 2 Term and Termination\n
\n 2.1 Term. The term of this Agreement shall be set forth in the Order or, in the absence of an Order, shall continue until terminated by a party. Without prejudice to any other rights, Wendal may terminate this Agreement immediately upon notice to You if You fail to comply with any of the term(s) hereof. You may terminate this license as provided in your Order or, in the absence of an Order: (a) by providing written notice of termination to Wendal; or (b) by erasing all copies of the Application including all Documentation.\n
\n 2.2 Effect of Termination or Expiration. In the event of the termination or expiration of this Agreement, the licenses granted hereunder shall immediately terminate and You shall immediately cease all use of the Application and shall destroy any copies of the Application in Your or Your Authorized User’s possession, custody, or control. Termination or expiration of this Agreement shall be without prejudice to any other right or remedy to which Wendal may be entitled under this Agreement or applicable law. Termination or expiration of this Agreement shall not relieve You of Your obligations which survive termination hereof.\n
\n 3 Security and Audits\n
\n 3.1 Security Measures. The Application may contain technological measures designed to prevent unauthorized or illegal use of the Application. You acknowledge and agree that: (i) Wendal may use these and other lawful measures to verify Your compliance with these Terms of Use and to enforce Wendal’s rights in and to the Application; (ii) Wendal may deny any individual access to and/or use of the Application if Wendal, in its sole and reasonable discretion, believes that person’s use of the Application would violate any provision of this Agreement; and (iii) Wendal (or a third-party acting on its behalf) may collect, maintain, process and use diagnostic, technical, usage and related information, including information about Your computers, systems and Application, that Wendal may gather or that may be transmitted to Wendal from the Application in order for Wendal to support the Application.\n
\n 3.2 Audits. For Corporate Subscribers: You grant to Wendal or its third party auditors the right to audit or examine Your records and/or information technology environment to verify Your compliance with the terms of this Agreement and the Order; provided however, that Wendal provides reasonable written notice of the foregoing audit or examination, and such audit or examination is conducted in a manner that does not unreasonably interfere with Your normal business operations. In the event such audit or examination discloses non-compliance with this Agreement, You shall promptly pay to Wendal any applicable license fees that may be due and shall pay for all the cost of the audit or examination described herein in addition to any other remedies available to Wendal at law or in equity.\n
\n 4 Application Support\n
\n 4.1 Updates and Upgrades. Wendal shall release bug fixes, patches, corrections or other updates (“Updates”) or new releases (“Upgrades”) to the Application in its sole discretion. All such Updates or Upgrades shall be considered part of the Application and shall be subject to the terms and conditions of this Agreement.\n
\n 4.2 Support Services. If specified in an Order, Wendal may provide support services for the Application (“Support Services”). Any supplemental product, Application, code, or documentation provided to a You as part of the Support Services shall be considered part of the Application, as applicable, and subject to the terms and conditions of this Agreement.\n
\n 4.3 Professional Services. Subject to the terms of a separate written statement of work, Wendal may perform professional consulting to You in the form of technical consulting, data management or data consulting services. All such professional services shall be subject to additional charge and the payment terms and other terms and conditions set forth in the statement of work.\n
\n 5 Fees. Wendal provides the Application under various pricing models including on a transactional or pay-as-you-go basis, as well as on a subscription basis. All access and use of the Application on a transactional basis is subject to the pricing term displayed at the time of the transaction. All access and use of the Application on a subscription model shall be subject to the pricing terms set forth in the Order.\n
\n 6 Confidential Information. You acknowledge that during the Term of this Agreement You may receive, have access to, or become aware of, trade secrets, proprietary information, or other confidential information of Wendal, including information or data related to the Application (“Confidential Information”). You agree to implement and maintain commercially reasonable security measures to safeguard and protect the secrecy and confidentiality of all such Confidential Information, whether or not identified or marked as confidential at the time of its disclosure, and not to disclose any Confidential Information to any person, firm, or entity other than its own employees who have a “need to know” such Confidential Information related to the Permitted Use. Further, You shall not use or disclose any Confidential Information for any purpose not permitted by this Agreement. Unless otherwise protected by law, the restrictions on disclosure set forth herein shall not apply when, and to the extent that, Confidential Information: (i) is part of the public domain through no action or failure to act by You; (ii) is made available to the general public by Wendal or a third party who is lawfully in possession of such information, not as a result of any action or failure to act on the part of You; (iii) was previously known to You free of any obligation to keep it confidential; (iv) is subsequently disclosed to You free of any obligation to keep it confidential; or (v) is independently developed by You or a third party other than in breach of this Agreement.\n
\n 7 Intellectual Property\n
\n 7.1 Ownership. The Application is licensed, not sold. You do not acquire ownership rights in the Application, Documentation, or Results. Corporate Subscriber may use the functionality of the Application to configure professional survey elements to its business needs, including by assigning a weight to certain survey elements. In all such cases, the configurations shall be part of the Application and the property of Wendal. You agree that You will not state, imply or claim ownership of Wendal, the Application, or any Results, or take any actions adverse to the proprietary interests of Wendal in and to the Application.\n
\n 7.2 IP Protection. You shall, during the Term (i) undertake all commercially reasonable measures to safeguard the Application (including all copies thereof) from infringement, misappropriation, theft, misuse, or unauthorized access; (ii) at Wendal's expense, take all such steps as Wendal may reasonably require to assist Wendal in maintaining the validity, enforceability and Wendal's ownership of the intellectual property rights in the Application; (iii) promptly notify Wendal in writing if You become aware of any actual or suspected infringement, misappropriation or other violation of Wendal's intellectual property rights in or relating to the Application; (iv) promptly notify Wendal in writing if You become aware of any claim that the Application, including any production, use, marketing, sale or other disposition of the Application, in whole or in part, infringes, misappropriates or otherwise violates the intellectual property rights or other rights of any third party; and (v) at Wendal’s sole expense, fully cooperate with and assist Wendal in all reasonable ways in the conduct of any legal action by Wendal to prevent or abate any actual or threatened infringement, misappropriation or violation of Wendal’s rights in, and to attempt to resolve any legal actions relating to, the Application.\n
\n 7.3 Your Data. Wendal shall access and use the information You enter into or transmit to the Application in accordance with the terms of the Wendal Privacy Policy viewable at https://wendal.io/ (“Your Data”). Wendal shall use Your Data in order to provide the Application to You, including Results, and to verify the proper use of the Application. In addition, You agree that Wendal shall have the right to use, compile, and monitor all data transmitted to Wendal via the Application, including Your Data, for its own business purposes provided that such data is anonymized and aggregated so that it may not be attributed to You or any specific individual or Licensee. Wendal may use such statistical information to improve the Application and to create new products and services. To the extent You provide Wendal with any feedback, ideas, or technical improvement suggestions about the Application (“Feedback”), You acknowledge and agree that Wendal shall be the owner of all such Feedback and may use and incorporate the Feedback into the Application without compensation or attribution to You. With regard to any personally identifiable information You enter into or transmit to the Application, regardless of whether that personally identifiable information relates to You or a third party, You hereby represent and warrant to Wendal that (i) such personally identifiable information is accurate and complete, (ii) You have the lawful basis to enter into or transmit to the Application such personally identifiable information, and (iii) You have provided the Wendal Privacy Policy to, and received consent from, any third party whose personally identifiable information You have entered into or transmitted to the Application.\n
\n 8 Disclaimers and Liability\n
\n 8.1 LIMITED WARRANTY. To the extent that Your use of the Application is provided to You free of charge, Wendal provides the Application to you on an “AS IS” basis without warranties of any kind, express or implied. For Corporate Subscribers, Wendal warrants that the Application will operate in accordance with its Documentation for a period of ninety (90) days after installation. Your sole remedy and Wendal’s sole liability for any breach of warranty shall be for Wendal to repair or replace the Application. The above warranty is conditioned upon Your use of Application in accordance with the terms of this Agreement. YOU ACKNOWLEDGE AND AGREE THAT THE FOREGOING WARRANTIES ARE THE ONLY WARRANTIES MADE BY WENDAL REGARDING THE APPLICATION AND ARE IN LIEU OF ALL OTHER WARRANTIES, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE WHICH WARRANTIES ARE HEREBY DISCLAIMED.\n
\n 8.2 LIMITATION OF LIABILITY. TO THE FULLEST EXTENT PERMITTED BY APPLICABLE LAW, IN NO EVENT SHALL WENDAL BE LIABLE FOR ANY INCIDENTAL, SPECIAL, INDIRECT, OR CONSEQUENTIAL DAMAGES WHATSOEVER, INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF PROFITS, LOSS OF DATA, BUSINESS INTERRUPTION, OR ANY OTHER COMMERCIAL DAMAGES OR LOSSES, ARISING OUT OF OR RELATED TO YOUR USE OR INABILITY TO USE THE APPLICATION, REGARDLESS OF THE THEORY OF LIABILITY (CONTRACT, TORT OR OTHERWISE) AND EVEN IF WENDAL HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. IN NO EVENT SHALL WENDAL’S TOTAL LIABILITY TO YOU FOR ANY AND ALL DAMAGES EXCEED THE LESSER OF THE AMOUNT OF THE FEES PAID FOR THE APPLICATION, OR $100. THE FOREGOING LIMITATIONS WILL APPLY EVEN IF A REMEDY STATED HEREIN FAILS OF ITS ESSENTIAL PURPOSE.\n
\n 9 Indemnification. You shall indemnify, defend and hold harmless Wendal and its affiliates, employees, agents, officers, directors, shareholders, representatives, successors and assigns from and against any loss, liability, cause of action, cost or expense (including reasonable attorneys’ fees) arising from, arising in connection with or related to: (i) the material breach of any term of this Agreement by You, or any Authorized User; (ii) Your acts and omissions in connection with use of the Application; (iii) Your use of the Application in violation of any applicable law, rule or regulation; or (iv) the violation, infringement or misappropriation by You or any employee or agent of You, of the intellectual property rights of Wendal or the proprietary rights of any third party.\n
\n 10 Miscellaneous\n
\n 10.1 Amendments. Wendal reserves the right to change or modify these Terms of Use by displaying an updated copy of these Terms of Use at: https://wendal.io/ . All such changes will: (a) be applied prospectively; and (b) will apply to all similarly situated users of the Application. If any changes to these Terms of Use are unacceptable to You, You may terminate this Agreement upon written notice of termination to Wendal or may cease all use of the Application. Continued use of the Application following the effective date of any changes constitutes Your acceptance of the changes. This Agreement may not be amended by any pre-printed terms or conditions of Your purchase order.\n
\n 10.2 Export Controls. You shall comply with all federal, state, local and foreign laws, regulations, rules and ordinances pertaining to the operations and conduct of Your business and the license granted to You under this Agreement. You may not use or otherwise export or re-export the Application without the consent of Wendal and then only as authorized by United States law. In particular, but without limitation, the Application may not be exported or re-exported (a) into any U.S. embargoed countries or (b) to anyone on the U.S. Treasury Department’s list of Specially Designated Nationals or the U.S. Department of Commerce Denied Person’s List or Entity List.\n
\n 10.2 Governing Law; Disputes. This Agreement shall be governed by the laws of the State of Ohio, excluding its conflicts of law rules. The Federal and state courts in Hamilton County, Ohio will have exclusive jurisdiction of any legal action arising out of this Agreement and each party irrevocably submits to the exclusive jurisdiction of such courts. The parties expressly disclaim the application of the 1980 U.N. Convention on Contracts for the International Sale of Goods. You acknowledges that Wendal has invested significant resources and expense in the development of the Application and that violations of the terms of this Agreement could cause irreparable harm to Wendal. Accordingly, Wendal shall have the right to seek immediate injunctive relief without the necessity of posting bond in the event of Your breach or threatened breach of any confidentiality obligation, or in the event of Your infringement or misappropriation of Wendal’s intellectual property rights.\n
\n 10.3 Notice to Government End Users. The Application, including any documentation, is provided to the United States Government with RESTRICTED RIGHTS. The Licensed Application is a “commercial item” developed exclusively at private expense, consisting of “commercial computer software” and “commercial computer software documentation” as such terms are defined or used in the applicable U.S. Federal Acquisition Regulations (“FAR”). The Application is licensed hereunder only as a commercial item and with only those rights as are granted to all other Licensees pursuant to the terms and conditions of this Agreement. Nothing in this Agreement requires Wendal to produce or furnish technical data for or to You. All Application provided to the U.S. Government pursuant to solicitations issued on or after December 1, 1995 is provided with the commercial rights and restrictions described elsewhere herein. The Application is classified as “restricted computer software” and provided to the U.S. Government with RESTRICTED RIGHTS, as provided under applicable federal acquisition laws and regulations. The manufacturer is Wendal Inc., 910 Madison Ave, Covington, KY 41011.\n
\n 10.4 Notices. All notices and demands hereunder shall be in writing and shall be served by personal service or by U.S. mail at the address of the receiving party set forth in this Agreement (or at such different address as may be designated by such party by written notice to the other party). All notices or demands by mail shall be by certified or registered mail, return receipt requested, or by nationally-recognized private express courier and shall be deemed complete upon receipt. Should You have any questions concerning this Agreement, or if You desire to contact Wendal for any reason, please write to the following: Wendal Inc., 910 Madison Ave, Covington, KY 41011 Attn: Brad Zapp.\n
\n 10.5 Miscellaneous. In the event that any term of this Agreement is declared invalid or unenforceable by any court of competent jurisdiction or any federal or state government agency having jurisdiction over the subject matter of this Agreement, the remaining terms and provisions that are not affected thereby shall remain in full force and effect. A waiver of any provision of this Agreement shall only be effective if in a writing signed by the party against which the waiver is claimed. This Agreement may not be assigned by You without the prior written consent of Wendal.\n
\n 10.6 Entire Agreement. This Agreement together with the Order is the entire agreement between You and Wendal relating to the subject matter of this Agreement and supersedes all prior or contemporaneous oral or written communications, proposals and representations with respect to the subject matter of this Agreement.\n
\n \n \n );\n }\n\n constructor(props) {\n super(props);\n globalProps = props;\n\n if (window.location.href.indexOf('#access_token') > -1 || window.location.href.indexOf('&access_token') > -1) {\n this.setState({loading: 'true', loggingIn: 'true'});\n window.location.href = window.location.href.replace('#state=arbitrary_data_you_can_receive_in_the_response&', '#').replace('#access_token', '?access_token');\n } else {\n if (window.location.href.indexOf('#error') > -1) {\n window.location.href = window.location.href.replace('#error', '?error');\n }\n\n const token = sessionStorage.getItem('jwtToken');\n if (token !== undefined && token !== null && token !== '') {\n const organizationPermissions = JSON.parse(sessionStorage.getItem('permissions'));\n if (organizationPermissions && organizationPermissions.includes('EditOrganization')) {\n globalProps.history.push('/admin/dashboard');\n } else {\n globalProps.history.push('/dashboard');\n }\n }\n const queryParams = new URLSearchParams(window.location.search);\n const b2cCode = queryParams.get(\"access_token\");\n if (b2cCode !== null) {\n this.setState({loading: 'true', loggingIn: 'true'});\n }\n\n this.state = {email: '', password: '', loading: 'false'};\n }\n }\n\n componentDidMount() {\n window.addEventListener(\"message\", (event) => {\n if (event.data !== null && typeof(event.data) === \"string\" && event.data.indexOf('||GOOGLE||') > -1) {\n this.openNewWindow(googleUrl);\n }\n else if (event.data !== null && typeof(event.data) === \"string\" && event.data.indexOf('||MICROSOFT||') > -1) {\n this.openNewWindow(azureUrl);\n }\n else if (event.data !== null && typeof(event.data) === \"string\" && event.data.indexOf('||ERROR||NOTFOUND') > -1) {\n globalProps.history.push('/login/accounttype');\n window.location.reload();\n }\n else if (event.data !== null && event.data.type === 'b2cIdToken' && event.data.data !== null) {\n const b2cCode = event.data.data;\n if (b2cCode !== undefined && b2cCode !== null) {\n axios.defaults.headers.common['Authorization'] = 'Bearer ' + b2cCode;\n this.setState({loading: 'true', loggingIn: 'true'});\n if (this.refs.errorMessage) {\n this.refs.errorMessage.innerHTML = \"\";\n }\n this.loginUser();\n }\n }\n });\n const queryParams = new URLSearchParams(window.location.search);\n\n const b2cCode = queryParams.get(\"access_token\");\n if (b2cCode !== null) {\n this.setState({loading: true, loggingIn: true});\n axios.defaults.headers.common['Authorization'] = 'Bearer ' + b2cCode;\n this.loginUser(b2cCode);\n }\n }\n\n openNewWindow(url) {\n const self = this;\n if (window.innerWidth >= 600) {\n let newWin = window.open(url, null, 'width=700,height=800');\n if (!newWin || newWin.closed === true || typeof newWin.closed == 'undefined')\n self.refs.errorMessage.innerHTML = \"Pop-up blocker might be enabled! If you cannot see it, please add this site to your exception list.\";\n else {\n setTimeout(function() {\n try {\n if (newWin.screenX === 0) {\n self.refs.errorMessage.innerHTML = \"Pop-up blocker might be enabled! If you cannot see it, please add this site to your exception list.\";\n } else {\n self.refs.errorMessage.innerHTML = \"\";\n }\n } catch{}\n }, 2500);\n }\n } else {\n sessionStorage.setItem('redirectTo', 'login');\n window.location.href = url;\n }\n }\n\n handleEnter(event) {\n if (event.key === 'Enter') {\n event.preventDefault();\n if (!this.state.loginEmail || this.state.loginEmail===\"\"){\n this.refs.errorMessage.innerHTML = \"Please enter an email.\";\n return;\n }\n this.userDiscovery();\n }\n }\n\n userDiscovery = () => {\n const self = this;\n self.setState({discovering: true});\n const userService = ServiceLocator.Instance.getUserService();\n userService.userDiscovery(this.state.loginEmail).then((userDiscoveryResponse) => {\n self.setState({discovering: false});\n switch (userDiscoveryResponse) {\n case \"local\":\n this.openNewWindow(`${localAccountUrl}&email=${encodeURIComponent(this.state.loginEmail)}`);\n break;\n case \"AAD\":\n this.openNewWindow(azureUrl);\n break;\n case \"Google\":\n this.openNewWindow(googleUrl);\n break;\n default:\n self.refs.errorMessage.innerHTML = \"You may not have an account yet.\";\n }\n }).catch(() => {\n self.setState({discovering: false});\n self.refs.errorMessage.innerHTML = \"You may not have an account yet.\";\n });\n };\n\n loginUser(event) {\n const self = this;\n self.setState({loggingIn: 'true'});\n axios.post(apiBaseUrl + 'auth').then(function (authorizationResponse) {\n if (authorizationResponse.status === 200) {\n // Store user token\n const authorizationData = authorizationResponse.data;\n const user = authorizationData.User;\n\n axios.defaults.headers.common['Authorization'] = 'Bearer ' + authorizationData.Token;\n\n WendalApplicationInsights.setAuthenticatedUserContext(user.Id, undefined, true);\n\n let userIcon = require('../../Wendal.png');\n if (user.ImageUrl !== null && user.ImageUrl !== undefined && user.ImageUrl !== \"\") {\n userIcon = user.ImageUrl;\n }\n\n let allPermissions = authorizationData.Organizations;\n\n if (user.CurrentCompanyId === undefined || user.CurrentCompanyId === null || user.CurrentCompanyId === '') {\n if (user.CurrentOrganizationId === undefined || user.CurrentOrganizationId === null || user.CurrentOrganizationId === '') {\n if (user.CompanyAssociations !== undefined && user.CompanyAssociations !== null && user.CompanyAssociations.length > 0) {\n user.CurrentCompanyId = user.CompanyAssociations[0].CompanyId;\n }\n }\n }\n\n if (user.CurrentOrganizationId === undefined || user.CurrentOrganizationId === null || user.CurrentOrganizationId === '') {\n if (user.CurrentCompanyId === undefined || user.CurrentCompanyId === null || user.CurrentCompanyId === '') {\n if (user.OrganizationIds !== undefined && user.OrganizationIds !== null && user.OrganizationIds.length > 0) {\n user.CurrentOrganizationId = user.OrganizationIds[0];\n }\n }\n }\n\n if (allPermissions.find(organization => organization.OrganizationId === user.CurrentOrganizationId) === undefined) {\n user.CurrentOrganizationId = '';\n if (user.CompanyAssociations !== undefined && user.CompanyAssociations !== null && user.CompanyAssociations.length > 0) {\n user.CurrentCompanyId = user.CompanyAssociations[0].CompanyId;\n } else if (user.OrganizationIds !== undefined && user.OrganizationIds !== null && user.OrganizationIds.length > 0) {\n user.CurrentOrganizationId = user.OrganizationIds[0];\n }\n } else {\n if (user.CurrentOrganizationId !== '') {\n user.CurrentCompanyId = '';\n } else if (user.CurrentCompanyId !== '') {\n user.CurrentOrganizationId = '';\n }\n }\n\n if (user.OrganizationIds.length === 0 && user.CurrentOrganizationId !== null && user.CurrentOrganizationId !== '') {\n user.OrganizationIds.push(user.CurrentOrganizationId);\n }\n\n let organizationPermissions = [];\n if (user.CurrentOrganizationId !== '') {\n let organizationMaybe = allPermissions.find(organization => organization.OrganizationId === user.CurrentOrganizationId);\n\n if (organizationMaybe !== undefined && organizationMaybe.IsCurrentlyLicensed === false && organizationMaybe.IsAdvocate === false) {\n const licensedOrganizations = allPermissions.filter(organization => organization.IsCurrentlyLicensed === true || organization.IsAdvocate === true);\n if (licensedOrganizations.length === 0 && user.CompanyAssociations.length === 0) {\n self.setState({loading: 'false', loggingIn: 'false'});\n return self.refs.errorMessage.innerHTML = \"Uh oh! It looks like you don't have an active user license. Contact your organization administrator if this is incorrect.\";\n } else if (licensedOrganizations.length > 0) {\n user.CurrentOrganizationId = licensedOrganizations[0].OrganizationId;\n organizationMaybe = licensedOrganizations[0];\n } else if (user.CompanyAssociations.length > 0) {\n user.CurrentCompanyId = user.CompanyAssociations[0].CompanyId;\n user.CurrentOrganizationId = '';\n }\n }\n\n const organizationPermissionIds = organizationMaybe ? organizationMaybe.PermissionIds : [];\n if (organizationPermissionIds !== undefined) {\n organizationPermissionIds.forEach((id) => {\n switch (id.toUpperCase()) {\n case \"5C563D8F-B484-416F-8064-6DFCF59C1A54\":\n organizationPermissions.push(\"ManageCompanies\");\n break;\n case \"50E90A39-EA99-4B9A-978D-BAAAC688EC62\":\n organizationPermissions.push(\"EditQuestionnaire\");\n break;\n case \"D0984D65-1555-460B-96D8-8AF574E95A09\":\n organizationPermissions.push(\"ManagePayments\");\n break;\n case \"47E07DC2-9DAE-4F4C-B0D9-62713E644120\":\n organizationPermissions.push(\"EditUser\");\n break;\n case \"3BC9F98B-E383-4FE6-96FD-5E00CD86F218\":\n organizationPermissions.push(\"EditPermissions\");\n break;\n case \"005CFA9B-CB92-41F0-AE60-2D2A00B3573A\":\n organizationPermissions.push(\"EditOrganization\");\n break;\n case \"523F3CB0-0B7A-4DA4-964A-970A1CD172B8\":\n organizationPermissions.push(\"DeleteUser\");\n break;\n case \"DAB5CB70-7F04-46F3-88AC-34E128C76698\":\n organizationPermissions.push(\"DeleteOrganization\");\n break;\n default:\n break;\n }\n });\n }\n }\n\n Promise.all([\n self.getCurrentOrganizationOrCompany(user.CurrentOrganizationId, user.CurrentCompanyId),\n self.getAllCompanies(user.CompanyAssociations),\n self.getAllUserOrganizations()\n ])\n .then(() => {\n const cookies = new Cookies();\n clarity.identify(user.EmailAddress, {emailAddress: user.EmailAddress});\n clarity.setTag('emailAddress', user.EmailAddress);\n //window.heap.identify(user.EmailAddress);\n sessionStorage.setItem('user', JSON.stringify(user));\n sessionStorage.setItem('currentEngagementOrganizationId', user.CurrentEngagementId);\n sessionStorage.setItem('userId', user.Id);\n sessionStorage.setItem('jwtToken', authorizationData.Token);\n sessionStorage.setItem('companyId', user.CurrentCompanyId);\n const currentCompany = userCompanies.find(company => company.Id === user.CurrentCompanyId);\n let hideUserInfoFlag = currentCompany !== undefined ? currentCompany.HideUserInfo : false;\n sessionStorage.setItem('companyHideUserInfoFlag', hideUserInfoFlag);\n const newLocationTag = cookies.get('newLocationTag');\n if (currentCompany !== undefined && newLocationTag !== undefined) {\n self.loadCompanyTags(currentCompany.Id).then(() => {\n const companyLocationTag = companyTags.find(x => x.LocationId !== null);\n if (companyLocationTag) {\n self.removeTag(currentCompany.Id, companyLocationTag.Id).then(() => {\n try {\n self.addTag(currentCompany.Id, newLocationTag).then(() => {\n cookies.remove('newLocationTag')\n });\n } catch (e) {/*ignore*/}\n sessionStorage.setItem('permissions', JSON.stringify(organizationPermissions));\n sessionStorage.setItem('allPermissions', JSON.stringify(allPermissions));\n sessionStorage.setItem('userIcon', userIcon);\n sessionStorage.setItem('currentOrganization', JSON.stringify(organization));\n sessionStorage.setItem('orgId', user.CurrentOrganizationId);\n sessionStorage.setItem('userOrganizations', JSON.stringify(userOrganizations));\n sessionStorage.setItem('userCompanies', JSON.stringify(userCompanies));\n sessionStorage.setItem('newSubmissions', '');\n\n const orgId = cookies.get('inviteOrg');\n if (orgId !== undefined && orgId !== null && orgId.length > 0) {\n clarity.setTag('userType', 'Applicant');\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n //window.heap.addUserProperties({userType : \"Applicant\"});\n globalProps.history.push('/organizations/apply');\n } else if (user.CurrentOrganizationId !== '') {\n clarity.setTag('userType', 'OrgUser');\n clarity.identify(user.EmailAddress, { userType: 'OrgUser' });\n //window.heap.addUserProperties({userType : \"OrgUser\"});\n globalProps.history.push('/admin/dashboard');\n } else {\n clarity.setTag('userType', 'Applicant');\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n //window.heap.addUserProperties({userType : \"Applicant\"});\n globalProps.history.push('/dashboard');\n }\n });\n } else {\n try {\n self.addTag(currentCompany.Id, newLocationTag).then(() => {\n cookies.remove('newLocationTag')\n });\n } catch (e) {/*ignore*/}\n sessionStorage.setItem('permissions', JSON.stringify(organizationPermissions));\n sessionStorage.setItem('allPermissions', JSON.stringify(allPermissions));\n sessionStorage.setItem('userIcon', userIcon);\n sessionStorage.setItem('currentOrganization', JSON.stringify(organization));\n sessionStorage.setItem('orgId', user.CurrentOrganizationId);\n sessionStorage.setItem('userOrganizations', JSON.stringify(userOrganizations));\n sessionStorage.setItem('userCompanies', JSON.stringify(userCompanies));\n sessionStorage.setItem('newSubmissions', '');\n\n const orgId = cookies.get('inviteOrg');\n if (orgId !== undefined && orgId !== null && orgId.length > 0) {\n clarity.setTag('userType', 'Applicant');\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n //window.heap.addUserProperties({userType : \"Applicant\"});\n globalProps.history.push('/organizations/apply');\n } else if (user.CurrentOrganizationId !== '') {\n clarity.setTag('userType', 'OrgUser');\n clarity.identify(user.EmailAddress, { userType: 'OrgUser' });\n //window.heap.addUserProperties({userType : \"OrgUser\"});\n globalProps.history.push('/admin/dashboard');\n } else {\n clarity.setTag('userType', 'Applicant');\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n //window.heap.addUserProperties({userType : \"Applicant\"});\n globalProps.history.push('/dashboard');\n }\n }\n });\n } else {\n sessionStorage.setItem('permissions', JSON.stringify(organizationPermissions));\n sessionStorage.setItem('allPermissions', JSON.stringify(allPermissions));\n sessionStorage.setItem('userIcon', userIcon);\n sessionStorage.setItem('currentOrganization', JSON.stringify(organization));\n sessionStorage.setItem('orgId', user.CurrentOrganizationId);\n sessionStorage.setItem('userOrganizations', JSON.stringify(userOrganizations));\n sessionStorage.setItem('userCompanies', JSON.stringify(userCompanies));\n sessionStorage.setItem('newSubmissions', '');\n\n const orgId = cookies.get('inviteOrg');\n if (orgId !== undefined && orgId !== null && orgId.length > 0) {\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n //window.heap.addUserProperties({userType : \"Applicant\"});\n globalProps.history.push('/organizations/apply');\n } else if (user.CurrentOrganizationId !== '') {\n clarity.setTag('userType', 'OrgUser');\n clarity.identify(user.EmailAddress, { userType: 'OrgUser' });\n //window.heap.addUserProperties({userType : \"OrgUser\"});\n globalProps.history.push('/admin/dashboard');\n } else {\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n //window.heap.addUserProperties({userType : \"Applicant\"});\n globalProps.history.push('/dashboard');\n }\n }\n });\n }\n })\n .catch(function (error) {\n if (error.toString().indexOf('401') > -1) {\n self.refs.errorMessage.innerHTML = \"Uh oh! Couldn't authenticate you - perhaps you need to create an account first?\";\n self.setState({loading: 'false', loggingIn: 'false'});\n }\n console.log(error);\n self.setState({loading: 'false', loggingIn: 'false'});\n });\n }\n\n loadCompanyTags = (companyId) => {\n this.setState({loadingTags: true});\n const companyService = ServiceLocator.Instance.getCompanyService();\n return companyService.getCompany(companyId).then((companyData) => {\n companyTags = companyData.Tags;\n });\n };\n\n removeTag = (companyId, linkId) => {\n const companyService = ServiceLocator.Instance.getCompanyService();\n return companyService.removeCompanyTag(companyId, linkId);\n };\n\n addTag = (companyId, tagLink) => {\n const companyService = ServiceLocator.Instance.getCompanyService();\n return companyService.createCompanyTag(companyId, tagLink);\n };\n\n getCurrentOrganizationOrCompany = (orgId, companyId) => {\n const self = this;\n\n if (orgId !== '') {\n return (\n organizationService.getAsync(orgId).then((orgResponse) => {\n organization = orgResponse\n })\n .catch(function (error) {\n window.$alertError(\"Error retrieving your organization data.\");\n console.log(error);\n self.setState({loading: 'false', loggingIn: 'false'});\n })\n )\n } else if (companyId === '') {\n return window.$alertError(\"Uh oh! Something was wrong with your user account.\");\n }\n };\n\n getAllCompanies(companyAssociations) {\n return Promise.all(companyAssociations.map(association => {\n return (\n companyService.getCompany(association.CompanyId)\n .then((companyResponse) => {\n userCompanies.push(companyResponse);\n })\n .catch((error) => {\n console.log(error)\n })\n )\n }));\n }\n\n getAllUserOrganizations() {\n return axios\n .get(`${apiBaseUrl}organizations/all/by_user?withAllCompanies=true`)\n .then(response => {\n response.data.forEach((organization) => {\n userOrganizations.push(organization);\n });\n });\n }\n}\n\nlet globalProps;\n\nconst style = {\n margin: 15,\n};\n\nLogin = withStyles(styles, {withTheme: true})(Login);\nexport default withWendalTracking(Login);\n","import React, {useState} from \"react\";\nimport MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';\nimport Modal from '@material-ui/core/Modal';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport Typography from '@material-ui/core/Typography';\nimport {makeStyles} from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n modalPaper: {\n position: 'absolute',\n maxWidth: '80%',\n backgroundColor: theme.palette.background.paper,\n boxShadow: theme.shadows[5],\n padding: theme.spacing(4), \n outline: 'none',\n maxHeight: '80%',\n overflowY: 'auto',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)', \n },\n closeImg: {\n cursor: 'pointer',\n float: 'right',\n marginTop: '4px',\n width: '30px',\n },\n openModalSpan: {\n color: '#005678', \n cursor: 'pointer', \n fontWeight: 800,\n '&:hover': {\n color: '#B6DD7A',\n }\n }\n}));\n\nexport const NewTerms = () => {\n const classes = useStyles();\n const [open, setOpen] = useState(false);\n\n const openModal = () => {\n setOpen(true);\n }\n\n const handleCloseModal = () => {\n setOpen(false);\n };\n return (\n \n \n ®\n
\n \n \n
\n {this.state.loading === 'true' || this.state.loggingIn === 'true' ?\n \n :\n Loading...
\n \n }\n Welcome to Wendal
\n Sign in with your email address
\n \n {globalProps.match.params.reason === \"accounttype\" ? \"You may not have an account yet.\" : \"\"}\n \n
\n
\n and acknowledge you've read our \n \n : \"\"\n }\n
\n \n \n \n \n \n \n IMPORTANT: PLEASE READ THESE TERMS OF USE CAREFULLY. BY ACCESSING, INSTALLING, USING, OR RUNNING THE WEB-BASED APPLICATION KNOWN AS “WENDAL”, YOU AGREE TO BE BOUND BY THESE TERMS OF USE AND REPRESENT THAT YOU ARE AUTHORIZED TO ENTER INTO THIS AGREEMENT ON BEHALF OF YOURSELF AND AS AN AUTHORIZED REPRESENTATIVE OF YOUR ORGANIZATION, IF APPLICABLE.\n \n
\n These Wendal Terms of Use (these “Terms of Use” or “Agreement”) form a legal agreement between Wendal Inc., a Delaware corporation (“Wendal”) and the individual, corporation, institution, or organization (“You” and/or “Licensee”) that is accessing and using the Wendal professional survey application and/or the Wendal website at: https://wendal.io/ (the “Application”). As used herein, the term Application includes all software components and configurations, online or electronic help files, and operating manuals about the Application (“Documentation”), and any information, reports or results provided by the Application (“Results”).\n
\n 1. LICENSE\n
\n 1.1 License Grant. Subject to Your compliance with the terms of this Agreement, Wendal hereby grants to You a limited, non-exclusive, non-transferable. non-sublicensable, revocable, personal license to access and use the Application. For corporate or institutional subscribers of the Application (“Corporate Subscribers”), usage of the Application is subject to any usage limitations set forth in Your written order form or agreement with Wendal (“Order”), and to use exclusively for Your internal business purposes. For individuals, the Application may only be used for Your personal, non-commercial purposes. (The foregoing shall be referred to as the “Permitted Use” as applicable.) The Application is licensed, not sold. All rights not expressly granted to You herein are reserved to Wendal.\n
\n 1.2 Scope of Access and Use. The Application is for the exclusive use of Authorized Users. As used herein, an “Authorized User” is an individual authorized by You to use the Application. For Corporate Subscribers, Authorized Users includes the employees, contractors, students, and agents that You authorize to use the Application for a Permitted Use. You are responsible for all use of the Application by Your Authorized Users and shall indemnity and hold Wendal harmless for any misuse of the Application by Your Authorized Users.\n
\n 1.3 License Restrictions. Except as expressly permitted by this Agreement, You shall not, and shall ensure Your Users do not, undertake, facilitate, or otherwise engage in any of the following: (i) copying of the Application, in whole or in part, (ii) modifying, correcting, adapting, translating, enhancing, or otherwise preparing derivative works or improvements of any Application, (iii) renting, leasing, lending, selling, sublicensing, assigning, distributing, publishing, transferring, or otherwise making available the Application to any third party, (iv) reverse engineering, disassembling, decompiling, decoding, or adapting the Application, or otherwise attempting to derive or gain access to the source code of the Application, in whole or in part, (v) bypassing or breaching any security device or protection used for or contained in the Application, (vi) removing, deleting, effacing, altering, obscuring, translating, combining, supplementing, or otherwise changing any trademarks, terms of any Documentation, warranties, disclaimers, or copyright notices or other proprietary rights notices or other symbols, notices, marks, or serial numbers on or relating to any copy of the Application, (vii) using the Application in any manner or for any purpose that infringes, misappropriates, or otherwise violates any intellectual property right or privacy right of any person, or that violates any applicable law, statute, or regulation, or any judicial or administrative order, rule, or judgment, (viii) using the Application for purposes of benchmarking or competitive analysis of the Application; or in order to develop, use, or create a competitive product, offering, or service; or to compete with the business of Wendal, or otherwise to the detriment or commercial disadvantage of Wendal; (ix) using the Application on any device or equipment not permitted by the Documentation, or (x) access or use the Application in any manner that is inconsistent with the terms of this Agreement.\n
\n 2 Term and Termination\n
\n 2.1 Term. The term of this Agreement shall be set forth in the Order or, in the absence of an Order, shall continue until terminated by a party. Without prejudice to any other rights, Wendal may terminate this Agreement immediately upon notice to You if You fail to comply with any of the term(s) hereof. You may terminate this license as provided in your Order or, in the absence of an Order: (a) by providing written notice of termination to Wendal; or (b) by erasing all copies of the Application including all Documentation.\n
\n 2.2 Effect of Termination or Expiration. In the event of the termination or expiration of this Agreement, the licenses granted hereunder shall immediately terminate and You shall immediately cease all use of the Application and shall destroy any copies of the Application in Your or Your Authorized User’s possession, custody, or control. Termination or expiration of this Agreement shall be without prejudice to any other right or remedy to which Wendal may be entitled under this Agreement or applicable law. Termination or expiration of this Agreement shall not relieve You of Your obligations which survive termination hereof.\n
\n 3 Security and Audits\n
\n 3.1 Security Measures. The Application may contain technological measures designed to prevent unauthorized or illegal use of the Application. You acknowledge and agree that: (i) Wendal may use these and other lawful measures to verify Your compliance with these Terms of Use and to enforce Wendal’s rights in and to the Application; (ii) Wendal may deny any individual access to and/or use of the Application if Wendal, in its sole and reasonable discretion, believes that person’s use of the Application would violate any provision of this Agreement; and (iii) Wendal (or a third-party acting on its behalf) may collect, maintain, process and use diagnostic, technical, usage and related information, including information about Your computers, systems and Application, that Wendal may gather or that may be transmitted to Wendal from the Application in order for Wendal to support the Application.\n
\n 3.2 Audits. For Corporate Subscribers: You grant to Wendal or its third party auditors the right to audit or examine Your records and/or information technology environment to verify Your compliance with the terms of this Agreement and the Order; provided however, that Wendal provides reasonable written notice of the foregoing audit or examination, and such audit or examination is conducted in a manner that does not unreasonably interfere with Your normal business operations. In the event such audit or examination discloses non-compliance with this Agreement, You shall promptly pay to Wendal any applicable license fees that may be due and shall pay for all the cost of the audit or examination described herein in addition to any other remedies available to Wendal at law or in equity.\n
\n 4 Application Support\n
\n 4.1 Updates and Upgrades. Wendal shall release bug fixes, patches, corrections or other updates (“Updates”) or new releases (“Upgrades”) to the Application in its sole discretion. All such Updates or Upgrades shall be considered part of the Application and shall be subject to the terms and conditions of this Agreement.\n
\n 4.2 Support Services. If specified in an Order, Wendal may provide support services for the Application (“Support Services”). Any supplemental product, Application, code, or documentation provided to a You as part of the Support Services shall be considered part of the Application, as applicable, and subject to the terms and conditions of this Agreement.\n
\n 4.3 Professional Services. Subject to the terms of a separate written statement of work, Wendal may perform professional consulting to You in the form of technical consulting, data management or data consulting services. All such professional services shall be subject to additional charge and the payment terms and other terms and conditions set forth in the statement of work.\n
\n 5 Fees. Wendal provides the Application under various pricing models including on a transactional or pay-as-you-go basis, as well as on a subscription basis. All access and use of the Application on a transactional basis is subject to the pricing term displayed at the time of the transaction. All access and use of the Application on a subscription model shall be subject to the pricing terms set forth in the Order.\n
\n 6 Confidential Information. You acknowledge that during the Term of this Agreement You may receive, have access to, or become aware of, trade secrets, proprietary information, or other confidential information of Wendal, including information or data related to the Application (“Confidential Information”). You agree to implement and maintain commercially reasonable security measures to safeguard and protect the secrecy and confidentiality of all such Confidential Information, whether or not identified or marked as confidential at the time of its disclosure, and not to disclose any Confidential Information to any person, firm, or entity other than its own employees who have a “need to know” such Confidential Information related to the Permitted Use. Further, You shall not use or disclose any Confidential Information for any purpose not permitted by this Agreement. Unless otherwise protected by law, the restrictions on disclosure set forth herein shall not apply when, and to the extent that, Confidential Information: (i) is part of the public domain through no action or failure to act by You; (ii) is made available to the general public by Wendal or a third party who is lawfully in possession of such information, not as a result of any action or failure to act on the part of You; (iii) was previously known to You free of any obligation to keep it confidential; (iv) is subsequently disclosed to You free of any obligation to keep it confidential; or (v) is independently developed by You or a third party other than in breach of this Agreement.\n
\n 7 Intellectual Property\n
\n 7.1 Ownership. The Application is licensed, not sold. You do not acquire ownership rights in the Application, Documentation, or Results. Corporate Subscriber may use the functionality of the Application to configure professional survey elements to its business needs, including by assigning a weight to certain survey elements. In all such cases, the configurations shall be part of the Application and the property of Wendal. You agree that You will not state, imply or claim ownership of Wendal, the Application, or any Results, or take any actions adverse to the proprietary interests of Wendal in and to the Application.\n
\n 7.2 IP Protection. You shall, during the Term (i) undertake all commercially reasonable measures to safeguard the Application (including all copies thereof) from infringement, misappropriation, theft, misuse, or unauthorized access; (ii) at Wendal's expense, take all such steps as Wendal may reasonably require to assist Wendal in maintaining the validity, enforceability and Wendal's ownership of the intellectual property rights in the Application; (iii) promptly notify Wendal in writing if You become aware of any actual or suspected infringement, misappropriation or other violation of Wendal's intellectual property rights in or relating to the Application; (iv) promptly notify Wendal in writing if You become aware of any claim that the Application, including any production, use, marketing, sale or other disposition of the Application, in whole or in part, infringes, misappropriates or otherwise violates the intellectual property rights or other rights of any third party; and (v) at Wendal’s sole expense, fully cooperate with and assist Wendal in all reasonable ways in the conduct of any legal action by Wendal to prevent or abate any actual or threatened infringement, misappropriation or violation of Wendal’s rights in, and to attempt to resolve any legal actions relating to, the Application.\n
\n 7.3 Your Data. Wendal shall access and use the information You enter into or transmit to the Application in accordance with the terms of the Wendal Privacy Policy viewable at https://wendal.io/ (“Your Data”). Wendal shall use Your Data in order to provide the Application to You, including Results, and to verify the proper use of the Application. In addition, You agree that Wendal shall have the right to use, compile, and monitor all data transmitted to Wendal via the Application, including Your Data, for its own business purposes provided that such data is anonymized and aggregated so that it may not be attributed to You or any specific individual or Licensee. Wendal may use such statistical information to improve the Application and to create new products and services. To the extent You provide Wendal with any feedback, ideas, or technical improvement suggestions about the Application (“Feedback”), You acknowledge and agree that Wendal shall be the owner of all such Feedback and may use and incorporate the Feedback into the Application without compensation or attribution to You. With regard to any personally identifiable information You enter into or transmit to the Application, regardless of whether that personally identifiable information relates to You or a third party, You hereby represent and warrant to Wendal that (i) such personally identifiable information is accurate and complete, (ii) You have the lawful basis to enter into or transmit to the Application such personally identifiable information, and (iii) You have provided the Wendal Privacy Policy to, and received consent from, any third party whose personally identifiable information You have entered into or transmitted to the Application.\n
\n 8 Disclaimers and Liability\n
\n 8.1 LIMITED WARRANTY. To the extent that Your use of the Application is provided to You free of charge, Wendal provides the Application to you on an “AS IS” basis without warranties of any kind, express or implied. For Corporate Subscribers, Wendal warrants that the Application will operate in accordance with its Documentation for a period of ninety (90) days after installation. Your sole remedy and Wendal’s sole liability for any breach of warranty shall be for Wendal to repair or replace the Application. The above warranty is conditioned upon Your use of Application in accordance with the terms of this Agreement. YOU ACKNOWLEDGE AND AGREE THAT THE FOREGOING WARRANTIES ARE THE ONLY WARRANTIES MADE BY WENDAL REGARDING THE APPLICATION AND ARE IN LIEU OF ALL OTHER WARRANTIES, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE WHICH WARRANTIES ARE HEREBY DISCLAIMED.\n
\n 8.2 LIMITATION OF LIABILITY. TO THE FULLEST EXTENT PERMITTED BY APPLICABLE LAW, IN NO EVENT SHALL WENDAL BE LIABLE FOR ANY INCIDENTAL, SPECIAL, INDIRECT, OR CONSEQUENTIAL DAMAGES WHATSOEVER, INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF PROFITS, LOSS OF DATA, BUSINESS INTERRUPTION, OR ANY OTHER COMMERCIAL DAMAGES OR LOSSES, ARISING OUT OF OR RELATED TO YOUR USE OR INABILITY TO USE THE APPLICATION, REGARDLESS OF THE THEORY OF LIABILITY (CONTRACT, TORT OR OTHERWISE) AND EVEN IF WENDAL HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. IN NO EVENT SHALL WENDAL’S TOTAL LIABILITY TO YOU FOR ANY AND ALL DAMAGES EXCEED THE LESSER OF THE AMOUNT OF THE FEES PAID FOR THE APPLICATION, OR $100. THE FOREGOING LIMITATIONS WILL APPLY EVEN IF A REMEDY STATED HEREIN FAILS OF ITS ESSENTIAL PURPOSE.\n
\n 9 Indemnification. You shall indemnify, defend and hold harmless Wendal and its affiliates, employees, agents, officers, directors, shareholders, representatives, successors and assigns from and against any loss, liability, cause of action, cost or expense (including reasonable attorneys’ fees) arising from, arising in connection with or related to: (i) the material breach of any term of this Agreement by You, or any Authorized User; (ii) Your acts and omissions in connection with use of the Application; (iii) Your use of the Application in violation of any applicable law, rule or regulation; or (iv) the violation, infringement or misappropriation by You or any employee or agent of You, of the intellectual property rights of Wendal or the proprietary rights of any third party.\n
\n 10 Miscellaneous\n
\n 10.1 Amendments. Wendal reserves the right to change or modify these Terms of Use by displaying an updated copy of these Terms of Use at: https://wendal.io/ . All such changes will: (a) be applied prospectively; and (b) will apply to all similarly situated users of the Application. If any changes to these Terms of Use are unacceptable to You, You may terminate this Agreement upon written notice of termination to Wendal or may cease all use of the Application. Continued use of the Application following the effective date of any changes constitutes Your acceptance of the changes. This Agreement may not be amended by any pre-printed terms or conditions of Your purchase order.\n
\n 10.2 Export Controls. You shall comply with all federal, state, local and foreign laws, regulations, rules and ordinances pertaining to the operations and conduct of Your business and the license granted to You under this Agreement. You may not use or otherwise export or re-export the Application without the consent of Wendal and then only as authorized by United States law. In particular, but without limitation, the Application may not be exported or re-exported (a) into any U.S. embargoed countries or (b) to anyone on the U.S. Treasury Department’s list of Specially Designated Nationals or the U.S. Department of Commerce Denied Person’s List or Entity List.\n
\n 10.2 Governing Law; Disputes. This Agreement shall be governed by the laws of the State of Ohio, excluding its conflicts of law rules. The Federal and state courts in Hamilton County, Ohio will have exclusive jurisdiction of any legal action arising out of this Agreement and each party irrevocably submits to the exclusive jurisdiction of such courts. The parties expressly disclaim the application of the 1980 U.N. Convention on Contracts for the International Sale of Goods. You acknowledges that Wendal has invested significant resources and expense in the development of the Application and that violations of the terms of this Agreement could cause irreparable harm to Wendal. Accordingly, Wendal shall have the right to seek immediate injunctive relief without the necessity of posting bond in the event of Your breach or threatened breach of any confidentiality obligation, or in the event of Your infringement or misappropriation of Wendal’s intellectual property rights.\n
\n 10.3 Notice to Government End Users. The Application, including any documentation, is provided to the United States Government with RESTRICTED RIGHTS. The Licensed Application is a “commercial item” developed exclusively at private expense, consisting of “commercial computer software” and “commercial computer software documentation” as such terms are defined or used in the applicable U.S. Federal Acquisition Regulations (“FAR”). The Application is licensed hereunder only as a commercial item and with only those rights as are granted to all other Licensees pursuant to the terms and conditions of this Agreement. Nothing in this Agreement requires Wendal to produce or furnish technical data for or to You. All Application provided to the U.S. Government pursuant to solicitations issued on or after December 1, 1995 is provided with the commercial rights and restrictions described elsewhere herein. The Application is classified as “restricted computer software” and provided to the U.S. Government with RESTRICTED RIGHTS, as provided under applicable federal acquisition laws and regulations. The manufacturer is Wendal Inc., 910 Madison Ave, Covington, KY 41011.\n
\n 10.4 Notices. All notices and demands hereunder shall be in writing and shall be served by personal service or by U.S. mail at the address of the receiving party set forth in this Agreement (or at such different address as may be designated by such party by written notice to the other party). All notices or demands by mail shall be by certified or registered mail, return receipt requested, or by nationally-recognized private express courier and shall be deemed complete upon receipt. Should You have any questions concerning this Agreement, or if You desire to contact Wendal for any reason, please write to the following: Wendal Inc., 910 Madison Ave, Covington, KY 41011 Attn: Brad Zapp.\n
\n 10.5 Miscellaneous. In the event that any term of this Agreement is declared invalid or unenforceable by any court of competent jurisdiction or any federal or state government agency having jurisdiction over the subject matter of this Agreement, the remaining terms and provisions that are not affected thereby shall remain in full force and effect. A waiver of any provision of this Agreement shall only be effective if in a writing signed by the party against which the waiver is claimed. This Agreement may not be assigned by You without the prior written consent of Wendal.\n
\n 10.6 Entire Agreement. This Agreement together with the Order is the entire agreement between You and Wendal relating to the subject matter of this Agreement and supersedes all prior or contemporaneous oral or written communications, proposals and representations with respect to the subject matter of this Agreement.\n
\n \n \n \n \n \n \n Revised and Effective: October 1, 2019\n \n
\n Wendal® is committed to protecting your privacy and providing a safe online experience for all of our users while offering the highest quality of services. This Privacy Policy describes what personal information Wendal gathers and how we use it, the rights afforded to you under certain data protection laws, and the measures we maintain and implement to safeguard personal information provided to us.\n
\n This Privacy Policy addresses how we collect, use, and retain personal information on individuals who access our Website (“wendal.com”), use the Ask Wendal personality assessment application (“Professional Surveys”), or who otherwise provide us information for our routine business purposes.\n
\n IF YOU DO NOT AGREE WITH HOW WENDAL COLLECTS, USES, AND DISCLOSES YOUR PERSONAL INFORMATION, INCLUDING THE DISCLOSURE OF YOUR PROFESSIONAL SURVEY RESULTS WITH THIRD PARTIES, THEN DO NOT ACCESS WENDAL’S WEBSITE OR PARTICIPATE IN WENDAL’S PROFESSIONAL SURVEYS. ANY ACTIVE PARTICIPATION IN WENDAL’S PROFESSIONAL SURVEYS WILL BE DEEMED YOUR CONSENT TO, AND ACCEPTANCE OF, THIS PRIVACY POLICY.\n
\n Defining Personal Information\n
\n For purposes of this Privacy Policy, the term “personal information” refers to any information that can be used to distinguish or trace an individual’s identity, either alone or when combined with other personal or identifying information, that is linked or linkable to a specific individual, and that is subject to, or otherwise afforded protection under, a data privacy law, statute, or regulation.\n
\n The Personal Information We Collect and Why We Collect It\n
\n Users Accounts and Profiles. We collect personal information on all individuals who register for, and create a profile on, our Website. Here, you are required to provide your name, email address (which serves as your user name), job title, and account password. If you do not provide this information, then we will be unable to verify your registration and provide you with a user account and profile.\n
\n Professional Surveys and Responses. Wendal’s Professional Surveys are designed to collect and analyze information about specific industries and employers in order to assist our customers and other individuals in making decisions about businesses, such as potential investment opportunities. Toward that end, individuals participating in the Professional Surveys must provide a broad range of information related to their business, including the following: business investment history; business sector; revenue, expenses, and similar financial data; business location; corporate structure; corporate records (e.g., articles of incorporation, shareholder agreements, term sheets); and, employment history of senior managers and personnel. In addition, individuals participating in the Professional Surveys undertake a “personality test” and are required to provide personal information in response to questions therein, including your management style; communication preferences; financial ideology; moral, behavioral, and phycological predispositions; the type of car you drive; near death experiences; and personality descriptors. All individuals who participate in Wendal’s Professional Surveys will be provided a score/grade, which will be transmitted and disclosed to Wendal’s customers (e.g., third party investors, corporate subscribers of Wendal’s Professional Surveys), who may rely upon such information and data, in full or in part, to decide whether to invest, or otherwise engage with, your business. In order to provide an accurate score/grade, the individuals participating in the Professional Surveys must answer all of these questions accurately.\n
\n Demographic/Special Categories of Data. Wendal’s Professional Surveys may also collect demographic data, which may include special categories of data, such as data related to an individual’s race, ethnicity, and trade union membership. All such demographic questions are purely voluntary, and participants will not be penalized for not answering such questions. Wendal uses this demographic information to analyze the survey participants and, at times, to compare results among different groups of participants.\n
\n Consumer Inquiries & Communications. There may be other times where you provide Wendal with information about yourself or others. For example, if you communicate with Wendal’s helpline or a sales representative, you may provide your personal information, such as contact data (e.g., name, address, telephone, email) and other personal information related to your communication (e.g., employer, consumer preferences, and interests). We will collect and retain the personal information that we think is reasonably necessary to your inquiry or that is otherwise related to your communication. We will collect and retain such information in accordance with the purposes you provided it, and with our legitimate business interests.\n
\n Vendors, Suppliers, and Similar Business Contacts. In addition, we may collect and process the following categories of personal information concerning our customers, vendors, suppliers, and similar business contacts: name, contact details, job title, bank account details and financial information (including credit/income history), transaction history, and business correspondence and communications. We process this information to facilitate routine and common business practices, such as those related to sales orders and management, promotion and quotation submitting, warranty management, credit collection, compliance with legal requirements, tax and accounting purposes, and defense or promotion of our interests and claims.\n
\n Deidentified and Aggregated Data\n
\n Wendal creates statistical, aggregated data relating to individuals that participate in our Professional Surveys in order to improve and enhance Wendal’s learning capabilities and prediction accuracy. Aggregated data includes data derived from personal information, but which is rendered anonymous and does not identify, or cannot be linked to, any individual.\n
\n Cookies and Automated Tracking\n
\n We use a tool called “Google Analytics” to collect information about individuals who use our Website. Google Analytics collects information such as how often users visit this Website, what pages they visit when they do so, and what other sites they used prior to coming to this Website. We use the information we get from Google Analytics only to improve this Website. Google Analytics collects only the Internet Protocol (IP) address assigned to you on the date you visit this site, rather than your name or other personal information. We do not combine the information collected through the use of Google Analytics with any personally identifiable information. Although Google Analytics plants a permanent cookie on your web browser to identify you as a unique user the next time you visit this site, the cookie cannot be used by anyone but Google. Google’s ability to use and share information collected by Google Analytics about your visits to this Website is restricted by the Google Analytics Terms of Use and the Google Privacy Policy. You can prevent Google Analytics from recognizing you on return visits to this site by disabling cookies on your browser. Google Analytics also uses electronic images known as web beacons (sometimes called single pixel gifs) and are used along with cookies to compile aggregated statistics to analyze how our site is used. You can find additional information on how to install a browser add-on to prevent your data from being used by Google Analytics at
\n Disclosure of Personal Data\n
\n We do not sell or rent your personal information to another business or a third party for monetary or other valuable consideration, and we only share or provide access to your personal information in the following circumstances:\n
\n Disclosure to Corporate Subscribers. All individuals who participate in Wendal’s Professional Surveys will be provided a score/grade, which will be transmitted and disclosed to Wendal’s customers (e.g., third party investors, corporate subscribers of Wendal’s Professional Surveys), and who may rely upon such information, in full or in part, to decide whether to invest, or otherwise engage with, your business. By participating in the survey, you hereby direct Wendal to intentionally disclose your score/grade and your personal information associated with it, to Wendal’s customers (e.g., third party investors, corporate subscribers of Wendal’s Professional Surveys) to intentionally interact with such third parties, provided the third parties do not sell the personal information.\n
\n Service Providers and Consultants. Any personal information that is provided to Wendal is made available to our technical agents, service providers, and consultants who make our Website and other products and services available to you. For example, Wendal uses Microsoft Azure to assist with the platform administration and maintenance of our Professional Surveys. Microsoft Azure’s terms and conditions, including its privacy policy, can be accessed at azure.microsoft.com/en-us/support/legal/. We may also disclose your personal information to agents and third party consultants to assist with routine business administration, our legal and regulatory compliance, or to investigate or defend our business interests.\n
\n Required Disclosures. We may disclose personal information with courts, tribunals, opposing or other related parties to any legal proceedings and their professional advisors, in response to a court order, subpoena, civil discovery request, other legal process, or as otherwise required by law.\n
\n Legal Compliance and Protecting Wendal’s Interests. We may disclose your personal information with any third party when we believe disclosure is necessary to comply with the law or to protect Wendal’s rights, interests, or property. We reserve the right to investigate any fraudulent or other activities involving Wendal’s property or interests, including our Professional Surveys, and to disclose any information reasonably necessary for any of these purposes, including to law enforcement or regulatory authorities and with any other organization.\n
\n Corporate Restructuring. We may disclose your personal information in the event of a merger, divestiture, restructuring, reorganization, dissolution, or other sale or transfer of some or all of Wendal’s business or assets, whether as a going concern or as part of bankruptcy, liquidation, or similar proceeding, in which your personal information held by Wendal or our Website users is among the assets transferred.\n
\n Data Retention Policy and Criteria\n
\n For individuals who participate in Wendal’s Professional Survey or otherwise engage with us as consumer, Wendal retains your personal information for the time period reasonably necessary to satisfy the purpose for which it was collected or as long as necessary to comply with legal obligations or for the establishment, exercise or defense of a legal claim. For our vendors, suppliers, and other business contacts, we retain your personal information for the duration needed to complete or facilitate our contract, agreement or engagement, and for a reasonable amount of time thereafter in accordance with our legitimate business needs and functions. To the extent that Wendal transmits and discloses your Professional Survey score/grade, and your personal information associated with it, to Wendal’s customers (i.e., third party investors, corporate subscribers of Wendal’s Professional Surveys), the data and personal information will be subject to the data retention schedule set forth by Wendal’s customers in their sole discretion.\n
\n Data Localization and International Transfers\n
\n The information (including personal information) that Wendal collects and uses is stored in the United States. If you are located outside of the United States, please be aware that information you submit to us will be transferred to the United States, and that the United States may not provide the same level of protection as the laws in your country. Wendal does *not* participate in the U.S. Privacy Shield program. In addition, Wendal’s third party service providers may collect and retain your information in a jurisdiction outside your country of residence. By continuing to provide us such information you hereby consent to the transfer of your information to the United States, or these other locations, in accordance with this Privacy Policy.\n
\n Data Safeguards\n
\n Wendal has implemented commercially reasonable measures to protect the personal information it collects from loss, misuse, and its unauthorized access, disclosure, alteration, and destruction. Please note that despite our reasonable efforts, no security measure is perfect or impenetrable, and we cannot guarantee the full security of your personal information. In other words, you provide us with your personal information at your own risk and we disclaim any liability for the loss, misuse, or compromise of your personal information.\n
\n Your Responsibilities and Representations\n
\n With regard to any personal information that you provide Wendal, regardless of whether that personal information relates to you or a third party, you hereby represent and warrant to Wendal that (i) such personal information is accurate and complete, (ii) you have the lawful basis to provide Wendal with such personal information, and (iii) you have provided this Privacy Policy to, and received consent from, any third party whose personal information you have provided to Wendal. You further represent that you are at least eighteen (18) years of age or older and any personal information provided to us relates to, and only to, an individual at least eighteen (18) years of age.\n
\n Your Rights and Privileges\n
\n Depending on the jurisdiction in which you reside, you may have the following rights with respect to the personal information. If you wish to exercise any of these rights, please contact us in accordance with the instructions provided below in the “Contact Information” section. We may need to collect and process information about you solely for the purpose of responding and satisfying any such data request.\n
\n Marketing. You may, at any time, request that we stop sending you marketing or information-related materials by contacting us directly in accordance with the instructions provided below in the “Contact Information” section.\n
\n California Privacy Rights. Pursuant to California’s “Shine the Light” law, California residents who provide personal information (as defined in the applicable statute) to obtain products or services for personal, family, or household use are entitled to request and obtain from us, once a calendar year, information about the personal information we shared, if any, with other businesses for marketing uses. Wendal does not, at any time, share your personal information with a third party with whom we know, or have reason to believe, uses your personal information to undertake independent direct marketing. Wendal is not subject, and is not legally required to respond to data requests undertaken pursuant, to the California Consumer Privacy Act of 2018, as amended (“CCPA”). However, if you have questions or concerns about Wendal’s data processing activities, please contact in accordance with the instructions provided below in the “Contact Information” section, and we will seek to accommodate any question or request you may have.\n
\n Nevada Privacy Rights. Pursuant to Nevada law, a “consumer” (as the term is defined therein), may, at any time, submit a verified request through a designated request address to an “operator” directing the operator not to make any sale of his or her personal information that the operator has collected or will collect about the consumer. For clarity purposes, Wendal does not sell or exchange your personal information for monetary consideration to a third party for the third party to license or sell the information to additional persons or parties.\n
\n Children’s Privacy. Our Website is not directed to children under eighteen (18) years of age, and we do not intend to collect personal information from minors. By using this Website, or otherwise engaging with Wendal, you represent and warrant to Wendal that you are over the age of eighteen (18).\n
\n Do Not Track. Some browsers have a “Do Not Track” feature, which permits you to inform websites you visit that you do not want them to track your online activity. These features are not yet uniform across browsers. At this time, Wendal’s Website is not able to respond to “Do Not Track” browser requests.\n
\n European Union Privacy Rights. If you are located in the European Economic Area, you may have certain rights with respect to the personal information we have about you. To the extent permitted by the European Union (EU) General Data Protection Regulation (GDPR), and applicable EU Member State data protection laws, you may request the following: access to the personal information we hold about you; that inaccurate, outdated, or no longer necessary information be corrected, erased, or restricted; and, we provide your with your personal information in a format that allows you to transfer it to another entity. You also may withdraw your consent at any time if, and only if, we are solely relying on your consent for the processing of your personal information. You may object to our processing of your personal information where that processing is based on our legitimate interest. For purposes of clarity, we do not engage in any activity that subjects our survey participants, customers, or others to a decision based solely on automated processing, including profiling, which produces legal effects, or similarly significantly results, impacting them. We process your personal information in accordance with the legal bases set forth in the GDPR. For example, our processing of personal information (as described herein) is justified based on the following GDPR provisions and which may overlap: (1) processing is based on your consent; (2) processing is necessary for our legitimate interests as set out herein; (3) processing is necessary for the performance of a contract to which you are a party; and (4) processing is required to comply with a legal or statutory obligation in the EU or in an EU Member State.\n
\n You have the right to lodge a complaint with your competent data protection authority. If you wish to exercise any of these rights, please contact us in accordance with the instructions provided below in the “Contact Information” section. We may need to collect and process information about you solely for the purpose of responding and satisfying any data right request you may have.\n
\n Changes To Our Privacy Policy\n
\n We will occasionally update this Privacy Policy. We recommend that you check the Privacy Policy when you visit our site to be sure you are aware of and understand our current Privacy Policy. If we make material changes to this Privacy Policy or in how we will use or collect your personal information, we will prominently post such changes prior to implementing the change. We will not make material changes in how we handle previously collected personal information that have retroactive effect, unless legally required to do so, and we will, to the extent practicable, email registered Website visitors with information on material changes to this Privacy Policy.\n
\n Contact Information\n
\n If you have any questions about this Privacy Policy or our privacy practices, or would like to exercise any of the rights described herein, please email us at \n }\n \n )\n}","import * as React from \"react\";\nimport {withWendalTracking} from \"../../../WendalApplicationInsights\";\n\nfunction UnderReviewStatus({ color }) {\n return (\n \n );\n}\n\nexport default UnderReviewStatus;","import React, { useEffect, useRef } from \"react\";\nimport anime from 'animejs/lib/anime.es.js';\nimport '../../../main.scss';\n\nexport const NewLoadingIcon = ({ playing = true, setLoopComplete = () => {} }) => { \n const tlRef = useRef(null); // Ref to hold the timeline\n\n useEffect(() => {\n tlRef.current = anime.timeline({\n direction: 'normal',\n loop: true,\n easing: 'easeInOutExpo',\n loopComplete: () => {\n setLoopComplete(true);\n },\n loopBegin: () => {\n setLoopComplete(false);\n }\n });\n \n const duration = 500;\n \n tlRef.current\n .add({\n targets: '.green-lg',\n left: '0%',\n top: '53%',\n duration: duration\n })\n .add({\n targets: '.blue-sm',\n left: '55%',\n top: '0.5%',\n duration: duration\n }, `-=${duration}`)\n .add({\n targets: '.green-sm',\n left: '51%',\n top: '81%',\n duration: duration\n }, `-=${duration}`)\n .add({\n targets: '.green-md',\n left: '11%',\n top: '11%',\n duration: duration\n }, `-=${duration}`)\n .add({\n targets: '.blue-lg',\n left: '61%',\n top: '34%',\n duration: duration\n }, `-=${duration}`)\n .add({\n targets: '.green-lg',\n left: '26.5%',\n top: '26.5%',\n duration: duration\n }, `+=0`)\n .add({\n targets: '.blue-sm',\n left: '40.5%',\n top: '40.5%',\n duration: duration\n }, `-=${duration}`)\n .add({\n targets: '.green-sm',\n left: '40.5%',\n top: '40.5%',\n duration: duration\n }, `-=${duration}`)\n .add({\n targets: '.green-md',\n left: '34%',\n top: '34%',\n duration: duration\n }, `-=${duration}`)\n .add({\n targets: '.blue-lg',\n left: '3%',\n top: '3%',\n width: '94%',\n height: '94%',\n backgroundColor: '#B6DD7A',\n duration: duration\n }, `-=${duration}`)\n .add({\n targets: '.green-lg',\n left: '53%',\n top: '30%',\n duration: duration / 2\n }, `+=0`)\n .add({\n targets: '.blue-sm',\n left: '46%',\n top: '81%',\n duration: duration / 2\n }, `-=${duration / 2}`)\n .add({\n targets: '.green-sm',\n left: '39%',\n top: '0%',\n duration: duration / 2\n }, `-=${duration / 2}`)\n .add({\n targets: '.green-md',\n left: '0%',\n top: '68%',\n duration: duration / 2\n }, `-=${duration / 2}`)\n .add({\n targets: '.blue-lg',\n left: '6%',\n top: '16%',\n width: '40%',\n height: '40%',\n backgroundColor: '#005678',\n duration: duration / 2\n }, `-=${duration / 2}`);\n return () => tlRef.current.pause(); // Cleanup on unmount\n }, []);\n\n useEffect(() => {\n if (tlRef.current && playing!==null) {\n if (playing) {\n tlRef.current.play();\n } else {\n tlRef.current.pause();\n }\n }\n }, [playing]);\n\n return (\n {icon}\n {message}
\n \n \n \n \n \n \n \n \n \n );\n};\n","import React, { useState, useEffect } from 'react';\n\nexport function MobileKeyboardDetection () {\n const [initialHeight, setInitialHeight] = useState(window.visualViewport.height);\n\n \n /* const isKeyboardInput = (elem) =>\n {(elem.tagName === 'INPUT' &&\n !['button', 'submit', 'checkbox', 'file', 'image'].includes(\n elem.type,\n )) ||\n elem.hasAttribute('contenteditable')}*/\n\n\n useEffect(() => {\n setInitialHeight(window.visualViewport.height);\n /*const handleFocusIn = (e) => {\n if (!e.target) {\n return;\n }\n const target = e.target\n if (isKeyboardInput(target)) {\n setOpen(true);\n //checkKeyboardStatus(true);\n }\n }\n \n const handleFocusOut = (e) => {\n if (!e.target) {\n return;\n }\n const target = e.target\n if (isKeyboardInput(target)) {\n setOpen(false);\n // window.alert('Keyboard closed');\n //checkKeyboardStatus(false);\n }\n }*/\n \n //window.addEventListener('focusin', handleFocusIn);\n //window.addEventListener('focusout', handleFocusOut);\n window.addEventListener('resize', checkKeyboardStatus);\n\n return () => {\n // window.removeEventListener('focusin', handleFocusIn);\n //window.removeEventListener('focusout', handleFocusOut);\n window.removeEventListener('resize', checkKeyboardStatus);\n }\n\n }, []);\n\n // Function to check if the keyboard is open based on viewport height change\n const checkKeyboardStatus = () => {\n const currentHeight = window.visualViewport.height;\n let navWrapper = document.getElementById('mobile-navigation-wrapper');\n let botFillContainer = document.getElementById('fill-container');\n let drawerMenu = document.getElementById('mobile-drawer');\n let drawerContent = document.getElementById('drawer-content');\n let mobileLogin = document.getElementsByClassName('mobile-login-wrapper');\n let notesInput = document.getElementById('notes-input-form');\n let teamTable = document.getElementsByClassName('team-member-table');\n \n if (currentHeight < initialHeight - 100) { // 100 is an arbitrary threshold value for small height differences\n if(navWrapper){\n navWrapper.style.display = 'none';\n }\n if(botFillContainer){\n botFillContainer.style.paddingBottom = '20px';\n }\n if(drawerMenu ){\n if(drawerMenu.style.height != 'calc(100% - 75px)'){\n drawerMenu.style.display = 'none';\n }\n drawerContent.style.overflowY = 'auto';\n }\n if(mobileLogin[0]){\n mobileLogin[0].style.overflowY = 'auto';\n }\n if(notesInput){\n notesInput.style.bottom = 'calc(20px + 2.93rem)';\n }\n if(teamTable[0]){\n teamTable[0].style.display = 'none';\n }\n } \n else {\n if(navWrapper){\n navWrapper.style.display = 'flex';\n }\n if(botFillContainer){\n botFillContainer.style.paddingBottom = 'calc(8vh + 60px)';\n }\n if(drawerMenu){\n if(drawerMenu.style.height != 'calc(100% - 75px)'){\n drawerMenu.style.display = 'block';\n }\n drawerContent.style.overflowY = 'none';\n }\n \n if(mobileLogin[0]){\n window.scrollTo({top: 0, behavior: 'smooth'});\n mobileLogin[0].style.overflowY = 'hidden'; \n }\n\n if(notesInput){\n notesInput.style.bottom = 'calc(8vh + 60px + 2.93rem)';\n }\n if(teamTable[0]){\n teamTable[0].style.display = 'block';\n }\n } \n\n return null;\n };\n\n return ;\n };","import React, { useEffect, useRef, useState } from \"react\";\nimport '../../../main.scss';\nimport {Link} from 'react-router-dom';\nimport {NewLoadingIcon} from \"../../Common/NewLoadingIcon/NewLoadingIcon\";\nimport anime from 'animejs/lib/anime.es.js';\nimport { MobileKeyboardDetection } from \"../Common/KeyboardDetection/MobileKeyboardDetection\";\n\nexport const NewMobileLogin = ({handleSubmit, emailError, setEmail, discoveringUser}) => {\n // the loading state is currently only used for animation purposes\n const [loading, setLoading] = useState(true);\n const [playing, setPlaying] = useState(true);\n const [loopComplete, setLoopComplete] = useState(false);\n const [loginAnimationComplete, setLoginAnimationComplete] = useState(false);\n\n\n useEffect(()=>{\n if (loading) {\n setTimeout(()=>{\n setLoading(false);\n }, 2000);\n } \n },[loading])\n\n useEffect(()=>{\n if (!loading && loopComplete) {\n setPlaying(false);\n animateLogin();\n }\n },[loopComplete])\n\n useEffect(() =>{\n if(loginAnimationComplete){ \n let loginLoadingIcon = document.getElementsByClassName('loading-icon-container');\n if(loginLoadingIcon[0]){\n loginLoadingIcon[0].style.display = 'none';\n }\n }\n }, [loginAnimationComplete])\n\n const animateLogin = () => {\n const timeline = anime.timeline({\n autoplay: true,\n direction: 'normal',\n easing: 'easeInOutExpo',\n loopComplete: () => {\n setLoginAnimationComplete(true);\n },\n loopBegin: () => {\n setLoginAnimationComplete(false);\n }\n });\n // group 1\n timeline.add({\n targets: '.green-lg',\n zIndex: 4,\n duration: 1,\n })\n timeline.add({\n targets: '.green-lg',\n scale: 70,\n duration: 300,\n })\n timeline.add({\n targets: '.loading-icon-container',\n opacity: 0,\n zIndex: -1,\n duration: 1\n }, '+=2000')\n // group 2\n timeline.add({\n targets: '.wendal-logo-wrapper',\n opacity: 1,\n top: '42%',\n duration: 300,\n },'+=0')\n timeline.add({\n targets: '.dot-pattern-wrapper',\n top: '26%',\n duration: 300,\n },'-=300')\n // group 3\n timeline.add({\n targets: '.logo-robot',\n transformOrigin: 'center',\n scale: 1.63,\n translateX: '50%',\n duration: 300,\n },'+=1000')\n timeline.add({\n targets: '.logo-name',\n scale: 0.5,\n translateX: '-50%',\n opacity: 0,\n duration: 300,\n },'-=300')\n timeline.add({\n targets: '.wendal-logo-wrapper',\n top: '22.5%',\n duration: 300,\n },'-=300')\n timeline.add({\n targets: '.mobile-login-content',\n translateX: '-100%',\n duration: 300,\n },'-=300')\n timeline.add({\n targets: '.dot-pattern-wrapper',\n top: '32.5%',\n duration: 300,\n },'-=300')\n }\n\n return (\n \n \n )\n}","import React, { useContext, useEffect, useRef, useState } from 'react';\nimport '../../main.scss';\nimport {Link} from \"react-router-dom\";\nimport axios from 'axios';\nimport Cookies from 'universal-cookie';\nimport CircularProgress from '../Common/LoadingIcon.js';\nimport { NewTerms } from '../Common/New/NewTerms.js';\nimport { NewPrivacyPolicy } from '../Common/New/NewPrivacyPolicy.js';\nimport WendalSnackbar from \"../Common/WendalSnackbar.js\";\nimport {WendalApplicationInsights, withWendalTracking} from \"../../WendalApplicationInsights.ts\";\nimport {ServiceLocator} from \"../../Services/ServiceLocator.ts\";\nimport {clarity} from \"react-microsoft-clarity\";\nimport wendalLogo from '../../Wendal.png';\nimport { NewPopupSnackbar } from '../Common/NewPopupSnackbar/NewPopupSnackbar.js';\nimport UnderReviewStatus from '../Common/Icons/UnderReviewStatus.js';\nimport {NewMobileLogin} from '../Mobile/NewMobileLogin/NewMobileLogin.js';\nimport { useMediaQuery } from '@material-ui/core';\n\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\nconst localAccountUrl = process.env.REACT_APP_LOGIN_URI;\nconst googleUrl = process.env.REACT_APP_GOOGLE_LOGIN_URI;\nconst azureUrl = process.env.REACT_APP_AZURE_LOGIN_URI;\n\nconst organizationService = ServiceLocator.Instance.getOrganizationService();\nconst companyService = ServiceLocator.Instance.getCompanyService();\nconst userService = ServiceLocator.Instance.getUserService();\n\nlet userCompanies = [];\nlet userOrganizations = [];\nlet organization;\nlet companyTags = [];\n\nconst NewLogin = (props) => {\n\n const globalProps = props;\n\n const [email, setEmail] = useState('');\n const [loggingIn, setLoggingIn] = useState(false);\n const [discoveringUser, setDiscoveringUser] = useState(false);\n const [emailError, setEmailError] = useState({error:false, message:''});\n const [snackbarOpen, setSnackbarOpen] = useState(false);\n const [snackBarMessage, setSnackBarMessage] = useState({message: '', variant: ''});\n\n useEffect(() => {\n\n const awaitAnimaitonTimer = setTimeout(awaitAnimaiton, 1000);\n\n if (window.location.href.indexOf('#access_token') > -1 || window.location.href.indexOf('&access_token') > -1) {\n setLoggingIn(true);\n window.location.href = window.location.href.replace('#state=arbitrary_data_you_can_receive_in_the_response&', '#').replace('#access_token', '?access_token');\n } else {\n if (window.location.href.indexOf('#error') > -1) {\n window.location.href = window.location.href.replace('#error', '?error');\n }\n\n const token = sessionStorage.getItem('jwtToken');\n if (token !== undefined && token !== null && token !== '') {\n const organizationPermissions = JSON.parse(sessionStorage.getItem('permissions'));\n if (organizationPermissions && organizationPermissions.includes('EditOrganization')) {\n globalProps.history.push('/admin/dashboard');\n } else {\n globalProps.history.push('/dashboard');\n }\n }\n const cookies = new Cookies();\n const cookieToken = cookies.get('jwtToken');\n if (cookieToken !== undefined && cookieToken !== null && cookieToken !== '') {\n axios.defaults.headers.common['Authorization'] = 'Bearer ' + cookieToken;\n loginUser(cookieToken);\n }\n }\n\n window.addEventListener(\"message\", (event) => {\n if (event.data !== null && typeof(event.data) === \"string\" && event.data.indexOf('||GOOGLE||') > -1) {\n openNewWindow(googleUrl);\n }\n else if (event.data !== null && typeof(event.data) === \"string\" && event.data.indexOf('||MICROSOFT||') > -1) {\n openNewWindow(azureUrl);\n }\n else if (event.data !== null && typeof(event.data) === \"string\" && event.data.indexOf('||ERROR||NOTFOUND') > -1) {\n globalProps.history.push('/login/accounttype');\n window.location.reload();\n }\n else if (event.data !== null && event.data.type === 'b2cIdToken' && event.data.data !== null) {\n const b2cCode = event.data.data;\n if (b2cCode !== undefined && b2cCode !== null) {\n axios.defaults.headers.common['Authorization'] = 'Bearer ' + b2cCode;\n if (emailError.error) {\n setEmailError({error:false,message:''});\n }\n loginUser();\n }\n }\n });\n const queryParams = new URLSearchParams(window.location.search);\n\n const b2cCode = queryParams.get(\"access_token\");\n if (b2cCode !== null) {\n axios.defaults.headers.common['Authorization'] = 'Bearer ' + b2cCode;\n loginUser(b2cCode);\n }\n\n // Cleanup function\n return () => {\n clearTimeout(awaitAnimaitonTimer);\n }\n\n }, []);\n\n // Put anything in here that you want to call after the animation\n const awaitAnimaiton = () => {\n //setSnackbarOpen(globalProps.match.params.reason === \"inactivity\");\n if(globalProps.match.params.reason === \"inactivity\"){\n setSnackBarMessage({message: 'You have been logged out due to inactivity. Please log in again to continue', variant: 'danger'}); \n setSnackbarOpen(true);\n }\n else if(globalProps.match.params.reason === \"verified\"){\n setSnackBarMessage({message: \"Your account has been verified! Log in to continue.\", variant: 'confirmation'});\n setSnackbarOpen(true);\n }\n }\n\n const openNewWindow = (url) => {\n if (window.innerWidth >= 600) {\n let newWin = window.open(url, null, 'width=700,height=800');\n if (!newWin || newWin.closed === true || typeof newWin.closed == 'undefined')\n setEmailError({error:true, message:'Pop-up blocker might be enabled! If you cannot see it, please add this site to your exception list.'});\n else {\n setTimeout(function() {\n try {\n if (newWin.screenX === 0) {\n setEmailError({error:true, message:'Pop-up blocker might be enabled! If you cannot see it, please add this site to your exception list.'});\n } else {\n setEmailError({error:false, message:''});\n }\n } catch{}\n }, 2500);\n }\n } else {\n sessionStorage.setItem('redirectTo', 'login');\n window.location.href = url;\n }\n }\n\n const userDiscovery = async () => {\n setDiscoveringUser(true);\n try {\n const userDiscoveryResponse = await userService.userDiscovery(email);\n switch (userDiscoveryResponse) {\n case 'local':\n openNewWindow(`${localAccountUrl}&email=${encodeURIComponent(email)}`);\n break;\n case 'AAD':\n openNewWindow(azureUrl);\n break;\n case 'Google':\n openNewWindow(googleUrl);\n break;\n default:\n setEmailError({error:true, message:'You may not have an account yet.'});\n }\n } catch (error) {\n setEmailError({error:true, message:'You may not have an account yet.'});\n } finally {\n setDiscoveringUser(false);\n }\n };\n\n const sendReverifyCode = (emailAddress, userId, companyId, engagementOrgId) => { \n axios.post(`${apiBaseUrl}users/reverify/${userId}/${companyId}/${engagementOrgId}`, emailAddress, {\n headers: {\n 'Content-Type': 'application/json'\n }\n }).then(() => { \n setSnackBarMessage({message: 'You\\'re account is not verfied. A verification email has been sent to you', variant: 'danger'});\n setSnackbarOpen(true);\n setLoggingIn(false);\n });\n }\n const sendOrgReverifyCode = (emailAddress, userId, orgId) => {\n axios.post(`${apiBaseUrl}users/reverify/${userId}/${orgId}`, emailAddress, {\n headers: {\n 'Content-Type': 'application/json'\n }\n }).then(() => {\n setSnackBarMessage({message: 'You\\'re account is not verfied. A verification email has been sent to you', variant: 'danger'});\n setSnackbarOpen(true);\n setLoggingIn(false);\n });\n }\n\n const loginUser = (event) => {\n document.cookie = \"chatBubbleClosed=false\"\n setLoggingIn(true);\n axios.post(apiBaseUrl + 'auth').then(function (authorizationResponse) { \n if (authorizationResponse.status === 200) {\n // Store user token\n const authorizationData = authorizationResponse.data;\n const user = authorizationData.User;\n if(!user.IsVerified){ \n let companyId = user.CurrentCompanyId;\n let engagementId = user.CurrentEngagementId;\n let orgId = user.CurrentOrganizationId;\n if(!companyId){\n if(user.CompanyAssociations.length > 0){\n companyId = user.CompanyAssociations[0].CompanyId;\n engagementId = !engagementId ? user.CompanyAssociations[0].OrganizationIds[0] : engagementId;\n }\n else{\n orgId = user.OrganizationIds[0];\n }\n } \n else{\n let companyOrgIds = user.CompanyAssociations.find(ca => ca.CompanyId == companyId).OrganizationIds;\n if(companyOrgIds.find(orgId => orgId == engagementId) == undefined){\n engagementId = companyOrgIds[0];\n }\n }\n \n \n if(companyId !== null && companyId !== undefined && engagementId != null && engagementId != undefined) { \n return sendReverifyCode(user.EmailAddress, user.Id, companyId, engagementId);\n }\n else if(orgId !== undefined && orgId !== null){\n return sendOrgReverifyCode(user.EmailAddress, user.Id, orgId);\n }\n }\n\n axios.defaults.headers.common['Authorization'] = 'Bearer ' + authorizationData.Token;\n\n WendalApplicationInsights.setAuthenticatedUserContext(user.Id, undefined, true);\n\n let userIcon = require('../../Wendal.png');\n if (user.ImageUrl !== null && user.ImageUrl !== undefined && user.ImageUrl !== \"\") {\n userIcon = user.ImageUrl;\n }\n\n let allPermissions = authorizationData.Organizations;\n let companyNull = user.CurrentCompanyId === undefined || user.CurrentCompanyId === null || user.CurrentCompanyId === '';\n let orgNull = user.CurrentOrganizationId === undefined || user.CurrentOrganizationId === null || user.CurrentOrganizationId === '';\n let currentEngagementNull = user.CurrentEngagementId === null || user.CurrentEngagementId === '' || user.CurrentEngagementId === undefined;\n\n if (companyNull) {\n if (orgNull) {\n if (user.CompanyAssociations !== undefined && user.CompanyAssociations !== null && user.CompanyAssociations.length > 0) {\n user.CurrentCompanyId = user.CompanyAssociations[0].CompanyId;\n if(currentEngagementNull)\n user.CurrentEngagementId = user.CompanyAssociations[0].OrganizationIds[0];\n }\n }\n }\n\n if (orgNull) {\n if (companyNull) {\n if (user.OrganizationIds !== undefined && user.OrganizationIds !== null && user.OrganizationIds.length > 0) {\n user.CurrentOrganizationId = user.OrganizationIds[0];\n }\n }\n }\n\n if (allPermissions.find(organization => organization.OrganizationId === user.CurrentOrganizationId) === undefined) {\n user.CurrentOrganizationId = '';\n if (user.CompanyAssociations !== undefined && user.CompanyAssociations !== null && user.CompanyAssociations.length > 0) {\n if(companyNull)\n user.CurrentCompanyId = user.CompanyAssociations[0].CompanyId;\n if(currentEngagementNull)\n user.CurrentEngagementId = user.CompanyAssociations[0].OrganizationIds[0];\n } else if (user.OrganizationIds !== undefined && user.OrganizationIds !== null && user.OrganizationIds.length > 0) {\n if(orgNull)\n user.CurrentOrganizationId = user.OrganizationIds[0];\n }\n } else {\n if (user.CurrentOrganizationId !== '') {\n user.CurrentCompanyId = '';\n user.CurrentEngagementId = '';\n } else if (user.CurrentCompanyId !== '') {\n user.CurrentOrganizationId = '';\n }\n }\n\n if (user.OrganizationIds.length === 0 && user.CurrentOrganizationId !== null && user.CurrentOrganizationId !== '') {\n user.OrganizationIds.push(user.CurrentOrganizationId);\n }\n\n let organizationPermissions = [];\n if (user.CurrentOrganizationId !== '') {\n let organizationMaybe = allPermissions.find(organization => organization.OrganizationId === user.CurrentOrganizationId);\n\n if (organizationMaybe !== undefined && organizationMaybe.IsCurrentlyLicensed === false && organizationMaybe.IsAdvocate === false) {\n const licensedOrganizations = allPermissions.filter(organization => organization.IsCurrentlyLicensed === true || organization.IsAdvocate === true);\n if (licensedOrganizations.length === 0 && user.CompanyAssociations.length === 0) {\n setLoggingIn(false);\n setEmailError({error:true, message:\"Uh oh! It looks like you don't have an active user license. Contact your organization administrator if this is incorrect.\"});\n return;\n } else if (licensedOrganizations.length > 0) {\n user.CurrentOrganizationId = licensedOrganizations[0].OrganizationId;\n organizationMaybe = licensedOrganizations[0];\n } else if (user.CompanyAssociations.length > 0) {\n user.CurrentCompanyId = user.CompanyAssociations[0].CompanyId; \n if(currentEngagementNull)\n user.CurrentEngagementId = user.CompanyAssociations[0].OrganizationIds[0];\n \n user.CurrentOrganizationId = '';\n }\n }\n\n const organizationPermissionIds = organizationMaybe ? organizationMaybe.PermissionIds : [];\n if (organizationPermissionIds !== undefined) {\n organizationPermissionIds.forEach((id) => {\n switch (id.toUpperCase()) {\n case \"5C563D8F-B484-416F-8064-6DFCF59C1A54\":\n organizationPermissions.push(\"ManageCompanies\");\n break;\n case \"50E90A39-EA99-4B9A-978D-BAAAC688EC62\":\n organizationPermissions.push(\"EditQuestionnaire\");\n break;\n case \"D0984D65-1555-460B-96D8-8AF574E95A09\":\n organizationPermissions.push(\"ManagePayments\");\n break;\n case \"47E07DC2-9DAE-4F4C-B0D9-62713E644120\":\n organizationPermissions.push(\"EditUser\");\n break;\n case \"3BC9F98B-E383-4FE6-96FD-5E00CD86F218\":\n organizationPermissions.push(\"EditPermissions\");\n break;\n case \"005CFA9B-CB92-41F0-AE60-2D2A00B3573A\":\n organizationPermissions.push(\"EditOrganization\");\n break;\n case \"523F3CB0-0B7A-4DA4-964A-970A1CD172B8\":\n organizationPermissions.push(\"DeleteUser\");\n break;\n case \"DAB5CB70-7F04-46F3-88AC-34E128C76698\":\n organizationPermissions.push(\"DeleteOrganization\");\n break;\n default:\n break;\n }\n });\n }\n }\n\n Promise.all([\n getCurrentOrganizationOrCompany(user.CurrentOrganizationId, user.CurrentCompanyId),\n getAllCompanies(user.CompanyAssociations),\n getAllUserOrganizations()\n ])\n .then(() => {\n const cookies = new Cookies();\n clarity.identify(user.EmailAddress, {emailAddress: user.EmailAddress});\n clarity.setTag('emailAddress', user.EmailAddress);\n //window.heap.identify(user.EmailAddress);\n sessionStorage.setItem('user', JSON.stringify(user));\n sessionStorage.setItem('currentEngagementOrganizationId', user.CurrentEngagementId);\n sessionStorage.setItem('userId', user.Id);\n sessionStorage.setItem('jwtToken', authorizationData.Token);\n const cookieToken = cookies.get('jwtToken');\n if (cookieToken === undefined || cookieToken === null || cookieToken === '') {\n var date = new Date();\n date.setDate(date.getDate() + 1);\n cookies.set('jwtToken', authorizationData.Token, { expires: date, path: \"/\" });\n }\n sessionStorage.setItem('companyId', user.CurrentCompanyId);\n const currentCompany = userCompanies.find(company => company.Id === user.CurrentCompanyId);\n let hideUserInfoFlag = currentCompany !== undefined ? currentCompany.HideUserInfo : false;\n sessionStorage.setItem('companyHideUserInfoFlag', hideUserInfoFlag);\n \n /* const newLocationTag = cookies.get('newLocationTag');\n if (currentCompany !== undefined && newLocationTag !== undefined) {\n loadCompanyTags(currentCompany.Id).then(() => {\n const companyLocationTag = companyTags.find(x => x.LocationId !== null);\n if (companyLocationTag) {\n removeTag(currentCompany.Id, companyLocationTag.Id).then(() => {\n try {\n addTag(currentCompany.Id, newLocationTag).then(() => {\n cookies.remove('newLocationTag')\n });\n } catch (e) {}\n sessionStorage.setItem('permissions', JSON.stringify(organizationPermissions));\n sessionStorage.setItem('allPermissions', JSON.stringify(allPermissions));\n sessionStorage.setItem('userIcon', userIcon);\n sessionStorage.setItem('currentOrganization', JSON.stringify(organization));\n sessionStorage.setItem('orgId', user.CurrentOrganizationId);\n sessionStorage.setItem('userOrganizations', JSON.stringify(userOrganizations));\n sessionStorage.setItem('userCompanies', JSON.stringify(userCompanies));\n sessionStorage.setItem('newSubmissions', '');\n\n const orgId = cookies.get('inviteOrg');\n if (orgId !== undefined && orgId !== null && orgId.length > 0 && user.CurrentOrganizationId === '') {\n clarity.setTag('userType', 'Applicant');\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n window.heap.addUserProperties({userType : \"Applicant\"});\n globalProps.history.push('/organizations/apply');\n } else if (user.CurrentOrganizationId !== '') {\n clarity.setTag('userType', 'OrgUser');\n clarity.identify(user.EmailAddress, { userType: 'OrgUser' });\n window.heap.addUserProperties({userType : \"OrgUser\"});\n globalProps.history.push('/admin/dashboard');\n } else {\n clarity.setTag('userType', 'Applicant');\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n window.heap.addUserProperties({userType : \"Applicant\"});\n globalProps.history.push('/dashboard');\n }\n });\n } else {\n try {\n addTag(currentCompany.Id, newLocationTag).then(() => {\n cookies.remove('newLocationTag')\n });\n } catch (e) {}\n sessionStorage.setItem('permissions', JSON.stringify(organizationPermissions));\n sessionStorage.setItem('allPermissions', JSON.stringify(allPermissions));\n sessionStorage.setItem('userIcon', userIcon);\n sessionStorage.setItem('currentOrganization', JSON.stringify(organization));\n sessionStorage.setItem('orgId', user.CurrentOrganizationId);\n sessionStorage.setItem('userOrganizations', JSON.stringify(userOrganizations));\n sessionStorage.setItem('userCompanies', JSON.stringify(userCompanies));\n sessionStorage.setItem('newSubmissions', '');\n\n const orgId = cookies.get('inviteOrg');\n if (orgId !== undefined && orgId !== null && orgId.length > 0 && user.CurrentOrganizationId === '') {\n clarity.setTag('userType', 'Applicant');\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n window.heap.addUserProperties({userType : \"Applicant\"});\n globalProps.history.push('/organizations/apply');\n } else if (user.CurrentOrganizationId !== '') {\n clarity.setTag('userType', 'OrgUser');\n clarity.identify(user.EmailAddress, { userType: 'OrgUser' });\n window.heap.addUserProperties({userType : \"OrgUser\"});\n globalProps.history.push('/admin/dashboard');\n } else {\n clarity.setTag('userType', 'Applicant');\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n window.heap.addUserProperties({userType : \"Applicant\"});\n globalProps.history.push('/dashboard');\n }\n }\n });\n } else { */\n \n sessionStorage.setItem('permissions', JSON.stringify(organizationPermissions));\n sessionStorage.setItem('allPermissions', JSON.stringify(allPermissions));\n sessionStorage.setItem('userIcon', userIcon);\n sessionStorage.setItem('currentOrganization', JSON.stringify(organization));\n sessionStorage.setItem('orgId', user.CurrentOrganizationId);\n sessionStorage.setItem('userOrganizations', JSON.stringify(userOrganizations));\n sessionStorage.setItem('userCompanies', JSON.stringify(userCompanies));\n sessionStorage.setItem('newSubmissions', '');\n\n const orgId = cookies.get('inviteOrg');\n if (orgId !== undefined && orgId !== null && orgId.length > 0 && user.CurrentOrganizationId === '') {\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n //window.heap.addUserProperties({userType : \"Applicant\"});\n globalProps.history.push('/organizations/apply');\n } else if (user.CurrentOrganizationId !== '') {\n clarity.setTag('userType', 'OrgUser');\n clarity.identify(user.EmailAddress, { userType: 'OrgUser' });\n //window.heap.addUserProperties({userType : \"OrgUser\"});\n try{\n window.OneSignalDeferred.push(async function(OneSignal) {\n await OneSignal.login(user.Id+'.'+orgId);\n });\n }\n catch(error){\n console.log('one signal error', error);\n }\n globalProps.history.push('/admin/dashboard');\n } else {\n clarity.identify(user.EmailAddress, { userType: 'Applicant' });\n //window.heap.addUserProperties({userType : \"Applicant\"});\n try{\n window.OneSignalDeferred.push(async function(OneSignal) {\n await OneSignal.login(user.Id+'.'+user.CurrentCompanyId+'.'+user.CurrentEngagementId);\n });\n }\n catch(error){\n console.log('one signal error', error);\n }\n globalProps.history.push('/dashboard');\n }\n });\n }\n })\n .catch(function (error) {\n if (error.toString().indexOf('401') > -1) {\n setEmailError({error:true, message:\"Uh oh! Couldn't authenticate you - perhaps you need to create an account first?\"});\n }\n console.log(error);\n setLoggingIn(false);\n });\n }\n\n const loadCompanyTags = (companyId) => {\n const companyService = ServiceLocator.Instance.getCompanyService();\n return companyService.getCompany(companyId).then((companyData) => {\n companyTags = companyData.Tags;\n });\n };\n\n const removeTag = (companyId, linkId) => {\n const companyService = ServiceLocator.Instance.getCompanyService();\n return companyService.removeCompanyTag(companyId, linkId);\n };\n\n const addTag = (companyId, tagLink) => {\n const companyService = ServiceLocator.Instance.getCompanyService();\n return companyService.createCompanyTag(companyId, tagLink);\n };\n\n const getCurrentOrganizationOrCompany = (orgId, companyId) => {\n if (orgId !== '') {\n return (\n organizationService.getAsync(orgId).then((orgResponse) => {\n organization = orgResponse\n })\n .catch(function (error) {\n window.$alertError(\"Error retrieving your organization data.\");\n console.log(error);\n setLoggingIn(false);\n })\n )\n } else if (companyId === '') {\n return window.$alertError(\"Uh oh! Something was wrong with your user account.\");\n }\n };\n\n const getAllCompanies = (companyAssociations) => {\n return Promise.all(companyAssociations.map(association => {\n return companyService.getCompany(association.CompanyId)\n .then((companyResponse) => {\n userCompanies.push(companyResponse);\n })\n .catch(() => {\n });\n }));\n }\n\n const getAllUserOrganizations = () => {\n return axios\n .get(`${apiBaseUrl}organizations/all/by_user?withAllCompanies=true`)\n .then(response => {\n response.data.forEach((organization) => {\n userOrganizations.push(organization);\n });\n });\n }\n\n const handleSubmit = (event) => {\n event.preventDefault();\n setEmailError({error:false,message:''});\n setSnackbarOpen(false);\n if (!email || email.match(/^ *$/) !== null){\n setEmailError({error:true, message:\"Please enter an email.\"});\n return;\n }\n\n if (discoveringUser) return; // Prevent submission if already discovering\n \n userDiscovery();\n }\n\n const handleSnackbarClose = () => {\n setSnackbarOpen();\n }\n\n const desktopView = useMediaQuery('(min-width:960px');\n\n const cookies = new Cookies();\n return (\n <>\n {desktopView ? \n \n \n \n \n })
\n \n
\n \n Welcome to Wendal
\n \n \n })
\n \n : \n \n \n \n \n
\n \n })
\n \n {loggingIn === true ?\n \n \n :\n <>\n Loading...
Welcome to Wendal
\n Please sign in with your email address
\n
\n \n \n \n
\n And acknowledge you've read our
\n {cookies.get('orgId') !== undefined && cookies.get('orgId') !== null ? \n \n \n
\n {window.$intl.poweredBy} \n \n \n ®\n
\n \n );\n }\n}\n\nexport default PasswordStrengthBar;","import React, { Component } from 'react';\nimport { Link } from \"react-router-dom\";\nimport { MuiThemeProvider } from 'material-ui/styles';\nimport { withStyles } from '@material-ui/core/styles';\nimport RaisedButton from 'material-ui/RaisedButton';\nimport TextField from '@material-ui/core/TextField';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport axios from 'axios';\nimport Cookies from 'universal-cookie';\nimport SplashLogo from \"../../components/Common/SplashLogo.js\";\nimport CircularProgress from '../../components/Common/LoadingIcon.js';\nimport PrivacyPolicy from \"../../components/Common/PrivacyPolicy.js\";\nimport Terms from \"../../components/Common/Terms.js\";\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport { v4 as uuidv4 } from 'uuid';\nimport { withWendalTracking } from \"../../WendalApplicationInsights\";\nimport { ServiceLocator } from \"../../Services/ServiceLocator\";\nimport PasswordStrengthBar from \"./PasswordStrengthBar/index.tsx\";\nimport { Feedback } from '@material-ui/icons';\nimport Tooltip from \"@material-ui/core/Tooltip\";\n\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\nconst googleUrl = process.env.REACT_APP_GOOGLE_REGISTER_URI;\nconst azureUrl = process.env.REACT_APP_AZURE_REGISTER_URI;\n\nconst organizationService = ServiceLocator.Instance.getOrganizationService()\nconst companyService = ServiceLocator.Instance.getCompanyService()\nconst dashboardConfigurationService = ServiceLocator.Instance.getDashboardConfigurationService()\n\nconst configurationId = '88A7771E-23F3-42B3-8A5C-F4DE52522CC6';\n\nlet jobTitles = [];\nlet orgConfiguration;\nlet company;\nlet user;\n\nlet headerImageUrl = require('../../Wendal white.png');\nlet contentImageUrl = require('../../Wendal.png');\n\nconst countriesOptions = [{ name: \"United States\", value: \"USA\" },\n{ name: \"Canada\", value: \"Canada\" },\n{ name: \"Mexico\", value: \"Mexico\" },\n{ name: \"Other\", value: \"Other\" }];\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n position: 'relative',\n },\n modalPaper: {\n position: 'absolute',\n width: theme.spacing.unit * 100,\n maxWidth: '80%',\n backgroundColor: theme.palette.background.paper,\n boxShadow: theme.shadows[5],\n padding: theme.spacing.unit * 4,\n outline: 'none',\n maxHeight: '80%',\n overflowY: 'auto'\n },\n closeImg: { cursor: 'pointer', float: 'right', marginTop: '4px', width: '30px' },\n menuButton: {\n marginLeft: 5,\n marginRight: 13,\n },\n formControl: {\n width: '100%',\n margin: '0 auto'\n },\n selectEmpty: {\n marginTop: theme.spacing.unit * 2,\n },\n});\n\nclass Register extends Component { \n\n constructor(props) {\n super(props);\n globalProps = props;\n\n if (window.location.href.indexOf('#id_token') > -1 || window.location.href.indexOf('&id_token') > -1) {\n window.location.href = window.location.href.replace('#state=arbitrary_data_you_can_receive_in_the_response&', '#').replace('#id_token', '?id_token');\n }\n\n if (window.location.href.indexOf('#error') > -1) {\n window.location.href = window.location.href.replace('#error', '?error');\n }\n\n const token = sessionStorage.getItem('jwtToken');\n if (token !== undefined && token !== null && token !== '') {\n globalProps.history.push('/dashboard');\n }\n \n user = {\n id: uuidv4(),\n firstName: '',\n lastName: '',\n emailAddress: '',\n updatedOn: null,\n createdBy: null,\n updatedBy: null,\n createdOn: new Date(),\n organizationIds: [],\n currentCompanyId: null,\n currentOrganizationId: null,\n currentEngagementId: null,\n imageUrl: null,\n isAdvocate: false,\n isAdvocateSponsor: false,\n isSystemAdministrator: false,\n companyAssociations: [],\n age: null,\n sex: '',\n raceOrEthnicity: '',\n mentalImpairmentStatus: '',\n wendalStars: null,\n organizationStars: null,\n AzureIdentityProvider: '',\n isVerified: false\n };\n\n const cookies = new Cookies();\n const orgImageUrl = cookies.get('orgImageUrl');\n //load the location id's for mexico and other\n Promise.all([\n this.loadMexico(),\n this.loadOther()\n ]);\n if (orgImageUrl !== null && orgImageUrl !== undefined && orgImageUrl.length > 0) {\n contentImageUrl = orgImageUrl;\n }\n if (globalProps.match.params.orgId !== null && globalProps.match.params.orgId !== undefined && globalProps.match.params.orgId.length > 0) {\n axios.post(apiBaseUrl + 'organizations/slug', globalProps.match.params.orgId, {\n headers: {\n 'Content-Type': 'application/json'\n }\n })\n .then(function (response) {\n if (response.status === 200) {\n let organization = response.data;\n cookies.set('orgId', organization, { path: '/' });\n if (globalProps.match.params.companyId !== null && globalProps.match.params.companyId !== undefined && globalProps.match.params.companyId.length > 0) {\n companyService.getCompany(globalProps.match.params.companyId)\n .then((companyResponse) => {\n cookies.set('inviteOrg', organization, { path: '/' });\n sessionStorage.setItem('inviteOrg', organization); \n sessionStorage.setItem('inviteCompany', JSON.stringify(companyResponse.data));\n if (globalProps.match.params.jobTitleId !== null && globalProps.match.params.jobTitleId !== undefined && globalProps.match.params.jobTitleId.length > 0) {\n sessionStorage.setItem('inviteJobTitle', globalProps.match.params.jobTitleId);\n } else {\n sessionStorage.setItem('inviteJobTitle', '');\n }\n globalProps.history.push('/register');\n window.location.reload();\n }).catch(function (error) {\n window.$alertError(\"Error retrieving your company data.\");\n console.log(error);\n });\n } else {\n cookies.set('inviteOrg', organization, { path: '/' }); \n sessionStorage.setItem('inviteOrg', organization);\n sessionStorage.setItem('inviteCompany', '');\n sessionStorage.setItem('inviteJobTitle', '');\n globalProps.history.push('/register');\n window.location.reload();\n }\n } else {\n window.$alertError(\"Error retrieving your organization data.\");\n }\n })\n .catch(function (error) {\n console.log(error);\n });\n } else {\n this.loadOrganization();\n }\n \n this.state = {\n firstName: '',\n lastName: '',\n email: '',\n jobTitle: '',\n password: '',\n companyName: '',\n companyCountry: '',\n companyState: '',\n domain: '',\n jobTitleEl: null,\n countryEl: null,\n stateEl: null,\n loading: true,\n privacyPolicy: false,\n claimsData: null,\n AzureIdentityProvider: null,\n localAccount: false,\n searched: false,\n searchResults: [],\n isOfAge: false,\n mexicoLocationId: null,\n otherLocationId: null\n };\n\n\n }\n\n async componentDidMount() {\n \n window.addEventListener(\"message\", (event) => {\n if (event.data !== null && typeof (event.data) === \"string\" && event.data.indexOf('||ERROR||') > -1) {\n if (event.data.indexOf('cancelled entering') > -1) {\n window.location.reload();\n } else {\n if (event.data.indexOf('SignUp-VC') > -1) {\n if (this.refs.errorMessage) {\n this.refs.errorMessage.innerHTML = \"Looks like you may already have an account! Try signing in instead, or use a new email address.\";\n } else {\n window.$alertError(\"Looks like you may already have an account! Try signing in instead, or use a new email address.\");\n }\n } else {\n if (event.data.indexOf('consent') > -1) {\n window.$alertError(\"Sorry, you denied consent to your account. Please try again or use the form below.\");\n } else {\n window.$alertError('Looks like you may already have an account! Try signing in instead, or use a new email address.');\n }\n }\n }\n } else if (event.data !== null && event.data.type === 'b2cIdToken' && event.data.data !== null) {\n const claimsData = this.parseJwt(event.data.data);\n let email = claimsData.email;\n if (email === undefined) {\n email = claimsData.UPNfromAAD;\n }\n const firstName = claimsData.given_name;\n const lastName = claimsData.family_name;\n const authType = claimsData.authenticationSource;\n let azureIdCreds = null;\n //if user signed up with azure ad or google\n //if has tid then is azure ad and if only has oid then is google\n if (authType === 'socialIdpAuthentication') {\n let tid = '';\n if (claimsData.hasOwnProperty('tid')) {\n tid = claimsData.tid;\n }\n const oid = claimsData.oid;\n if (tid === '')\n azureIdCreds = oid;\n else\n azureIdCreds = tid + ':' + oid;\n }\n const queryParams = new URLSearchParams(window.location.search);\n const error = queryParams.get(\"error\");\n const errorDescription = queryParams.get(\"error_description\");\n if (error !== null && errorDescription !== null) {\n setTimeout(() => {\n window.$alertError('Authentication error - ' + errorDescription.split('Correlation')[0]);\n }, 500);\n } else {\n this.setState({\n firstName: firstName,\n lastName: lastName,\n email: email,\n claimsData: claimsData,\n AzureIdentityProvider: azureIdCreds\n });\n }\n }\n });\n }\n\n setAgeError(){\n const self = this;\n document.body.scrollTop = document.documentElement.scrollTop = 0;\n self.refs.errorMessage2.innerHTML = \"Please verify your age before creating your account\";\n self.refs.ageConsent.style.color=\"red\";\n }\n\n render() {\n const { classes } = this.props;\n let locationRequired = true;\n const self = this;\n try {\n const cookies = new Cookies();\n const teamLocationRequired = cookies.get('teamLocationRequired');\n if (teamLocationRequired.toString() === 'false') {\n locationRequired = false;\n }\n } catch (e) {\n }\n\n if (this.state.loading) {\n return (\n \n {[1, 2, 3, 4, 5].map((el: number) => (\n \n \n \n );\n }\n\n return (\n \n \n ®\n
\n \n
\n
\n \n \n \n \n \n ®\n
\n \n {window.$intl.returningUser}\n \n \n {window.innerWidth > 960 ?\n \n \n {/*\n }\n */}\n {/* */}\n \n \n \n \n \n \n \n \n \n {orgConfiguration !== undefined && orgConfiguration[\"5d4209b8-bf4a-4648-81d5-610ed1b51cf7\"] ?\n orgConfiguration[\"5d4209b8-bf4a-4648-81d5-610ed1b51cf7\"].split(/\\n/g).map((line) => {\n return {line}\n
\n })\n :\n \n Fundraising is hard, at least make it fair.\n \n }\n \n {orgConfiguration !== undefined && orgConfiguration[\"3a20fa74-e9d6-4756-be23-d3d5742f8c93\"] ?\n orgConfiguration[\"3a20fa74-e9d6-4756-be23-d3d5742f8c93\"].split(/\\n/g).map((line) => {\n return {line}\n
\n })\n :\n \n By talking to Wendal, you will get an unbiased opportunity for funding and\n up to 4 free team behavior profiles back to help build your team.\n \n }\n \n {orgConfiguration !== undefined && orgConfiguration[\"98038930-006f-46e7-9161-3944447be6a3\"] ?\n orgConfiguration[\"98038930-006f-46e7-9161-3944447be6a3\"].split(/\\n/g).map((line) => {\n return {line}\n
\n })\n :\n \n Wendal is a platform that increases your chances for fair and unbiased\n opportunities for fundraising your company.\n \n }\n
\n
\n In under 30 minutes, you will get transparent feedback, including your teams\n behavior profiles, free.\n \n {this.state.claimsData === null && this.state.localAccount === false ?\n \n \n \n :\n Create Your Free Account
\n \n \n \n {\n this.setState({ isOfAge: !this.state.isOfAge })\n self.refs.errorMessage2.innerHTML = \"\";\n self.refs.errorMessage.innerHTML = \"\";\n self.refs.ageConsent.style.color = \"inherit\";\n }\n }>\n \n \n \n I verify that I am 1) at least 18 years of age or 2) at least 13 years of age and have parent or legal guardian consent and supervision to use Wendal.\n \n \n
\n \n this.openNewWindow(azureUrl) : () => { this.setAgeError() }}>\n \n \n }){kind=icon}
\n \n Work or school account\n this.openNewWindow(googleUrl) : () => { this.setAgeError() }}>\n \n \n }){kind=icon}
\n \n Continue with Google\n - OR -
\n
\n
\n
\n \n \n
\n \n \n }\n\n
\n \n {this.state.localAccount === false ?\n \n \n \n :\n
\n
\n \n \n }\n
} arrow placement=\"right\">\n
\n
\n \n \n : \"\"\n }\n
\n
\n
\n {locationRequired === true ?\n \n \n : \"\"\n }\n
\n \n Location - start typing a zip/postal code and select below:\n {this.state.searching === true ?
\n \n {this.state.location.cityName}, {this.state.location.provinceName}, {this.state.location.countryName} - { this.selectLocation(this.state.location) }}>Selected\n \n : \"\"\n }\n {!this.state.location && this.state.searched === true && this.state.searchResults.length === 0 ?\n No results found.\n : \"\"\n }\n {!this.state.location && this.state.searchResults.length > 0 && this.state.searching !== true ?\n this.state.searchResults.map((locationResult) => {\n return \n {locationResult.cityName}, {locationResult.provinceName}, {locationResult.countryName} - { this.selectLocation(locationResult) }}>Select\n ;\n })\n : \"\"\n }\n {this.state.searchResults.length === 10 && this.state.searching !== true ? To view more results, continue typing : \"\"}\n
\n \n \n \n \n \n
\n \n \n \n \n \n \n \n Our TeamPrint wheel features 22 different personality profiles to help you better\n understand yourself and your team. Optimize teamwork and leadership by using\n TeamPrint for your next open position!\n \n \n \n \n
\n \n \n {orgConfiguration !== undefined && orgConfiguration[\"377dc4cb-19e9-4e13-953e-4d8ea1218dba\"] ?\n orgConfiguration[\"377dc4cb-19e9-4e13-953e-4d8ea1218dba\"].split(/\\n/g).map((line) => {\n return {line}\n
\n })\n :\n \n “I appreciate this process [for the] lack of bias, the transparent feedback… I\n hope this\n is adopted by other funds so more capital goes towards female or minority\n founders.”\n \n }\n
\n
\n - Celine, Founder of Flowly\n \n \n \n {orgConfiguration !== undefined && orgConfiguration[\"9cc7d5ee-272b-4925-9fe6-b10d5b536d36\"] ?\n orgConfiguration[\"9cc7d5ee-272b-4925-9fe6-b10d5b536d36\"].split(/\\n/g).map((line) => {\n return {line}\n
\n })\n :\n \n \"I found the application process [to be] the best VC process I've ever seen\"\n \n }\n
\n
\n - Andrew Rowland, ClassKick\n \n {this.state.errored === true\n ? \n );\n }\n\n componentDidMount() {\n const queryParams = new URLSearchParams(window.location.search);\n const b2cCode = queryParams.get(\"id_token\");\n const b2cAccessCode = queryParams.get(\"access_token\");\n const error = queryParams.get(\"error\");\n const errorDescription = queryParams.get(\"error_description\");\n const claims = this.parseJwt(b2cAccessCode);\n\n if (window.location.href.indexOf('#access_token') < 0) {\n if (claims !== null) {\n if (window.innerWidth >= 600) {\n if (claims.homeRealm === 'Google') {\n window.parent.postMessage(`||GOOGLE||`, window.opener);\n } else if (claims.homeRealm === 'AAD') {\n window.parent.postMessage(`||MICROSOFT||`, window.opener);\n } else if (claims.homeRealm === 'notFound') {\n window.parent.postMessage(`||ERROR||NOTFOUND`, window.opener);\n }\n } else {\n if (claims.homeRealm === 'Google') {\n window.parent.postMessage(`||GOOGLE||`, window.opener);\n } else if (claims.homeRealm === 'AAD') {\n window.parent.postMessage(`||MICROSOFT||`, window.opener);\n } else if (claims.homeRealm === 'notFound') {\n window.parent.postMessage(`||ERROR||NOTFOUND`, window.opener);\n }\n }\n }\n if (error !== null){\n if (errorDescription.indexOf('cancelled entering') < 0 || window.innerWidth < 600) {\n this.setState({errored: true});\n }\n setTimeout(function () {\n if (window.opener == null)\n window.parent.postMessage(`||ERROR||${errorDescription}`, window.opener);\n else\n window.opener.postMessage(`||ERROR||${errorDescription}`, window.origin);\n window.close();\n }, 1000);\n }\n else if (b2cCode !== undefined && b2cCode !== null) {\n this.setState({successful: true});\n if (window.innerWidth >= 600) {\n let payload = {type: 'b2cIdToken', data: b2cCode}\n if (window.opener == null)\n window.parent.postMessage(payload, window.origin);\n else\n window.opener.postMessage(payload, window.opener);\n setTimeout(function () {\n window.close();\n }, 1000);\n } else {\n const redirectTo = sessionStorage.getItem('redirectTo');\n sessionStorage.removeItem('redirectTo');\n window.location.href = window.location.origin + `/${redirectTo ? redirectTo : 'login'}?id_token=` + b2cCode;\n }\n }\n else if (b2cAccessCode !== undefined && b2cAccessCode !== null && claims !== null && claims.oid !== 'null') {\n this.setState({successful: true});\n if (window.innerWidth >= 600) {\n let payload = {type: 'b2cIdToken', data: b2cAccessCode}\n if (window.opener == null)\n window.parent.postMessage(payload, window.origin);\n else\n window.opener.postMessage(payload, window.opener);\n window.close();\n } else {\n const redirectTo = sessionStorage.getItem('redirectTo');\n sessionStorage.removeItem('redirectTo');\n window.location.href = window.location.origin + `/${redirectTo ? redirectTo : 'login'}?access_token=` + b2cAccessCode;\n }\n }\n }\n };\n\n parseJwt = (token) => {\n try {\n const base64Url = token.split('.')[1];\n const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\n const jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) {\n return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);\n }).join(''));\n\n return JSON.parse(jsonPayload);\n } catch(e) {\n return null;\n }\n };\n}\n\nlet globalProps;\n\nb2cRedirect = withStyles(styles, {withTheme: false})(b2cRedirect);\nexport default withWendalTracking(b2cRedirect);\n","import React, {Component} from 'react';\nimport {withStyles} from '@material-ui/core/styles';\nimport MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';\nimport RaisedButton from 'material-ui/RaisedButton';\nimport axios from 'axios';\nimport CircularProgress from '../../components/Common/LoadingIcon.js';\nimport PrivacyPolicy from \"../../components/Common/PrivacyPolicy.js\";\nimport Terms from \"../../components/Common/Terms.js\";\nimport {withWendalTracking} from \"../../WendalApplicationInsights\";\nimport PasswordStrengthBar from \"./PasswordStrengthBar/index.tsx\";\nimport {TextField} from \"@material-ui/core\";\n\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\nconst googleUrl = process.env.REACT_APP_GOOGLE_VERIFY_URI;\nconst azureUrl = process.env.REACT_APP_AZURE_VERIFY_URI;\n\nlet headerImageUrl = require('../../Wendal white.png');\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n position: 'relative',\n },\n modalPaper: {\n position: 'absolute',\n width: theme.spacing.unit * 100,\n maxWidth: '80%',\n backgroundColor: theme.palette.background.paper,\n boxShadow: theme.shadows[5],\n padding: theme.spacing.unit * 4,\n outline: 'none',\n maxHeight: '80%',\n overflowY: 'auto'\n },\n formControl: {\n width: '100%',\n maxWidth: 350,\n },\n closeImg: {cursor: 'pointer', float: 'right', marginTop: '4px', width: '30px'},\n menuButton: {\n marginLeft: 5,\n marginRight: 13,\n },\n});\n\nclass Login extends Component {\n state = {\n loading: true,\n verifiedFailed: false,\n settingPassword: false,\n password: '',\n passwordStrength: 0\n };\n\n render() {\n const {classes} = this.props;\n let verifyEmail = undefined;\n try {\n verifyEmail = JSON.parse(sessionStorage.getItem('verifyEmail'));\n } catch(e) {}\n\n if (this.state.loading && (verifyEmail === undefined || verifyEmail === null || verifyEmail.length === 0)) {\n return (\n \n : \"\"}\n {this.state.successful === true ?\n Cancellation or error encountered.
Go BackAuthentication completed. Redirecting...
\n : \"\"\n }\n \n \n );\n }\n\n return (\n \n \n ®\n
\n \n \n Welcome to Wendal®!\n \n
Ⓒ {new Date().getFullYear()} Wendal Inc. All rights reserved.\n \n );\n }\n\n constructor(props) {\n super(props);\n globalProps = props;\n\n if (window.location.href.indexOf('#id_token') > -1 || window.location.href.indexOf('&id_token') > -1) {\n window.location.href = window.location.href.replace('#state=arbitrary_data_you_can_receive_in_the_response&', '#').replace('#id_token', '?id_token');\n }\n\n if (window.location.href.indexOf('#error') > -1) {\n window.location.href = window.location.href.replace('#error', '?error');\n }\n\n const token = sessionStorage.getItem('jwtToken');\n if (token !== undefined && token !== null && token !== '') {\n const organizationPermissions = JSON.parse(sessionStorage.getItem('permissions'));\n if (organizationPermissions && organizationPermissions.includes('EditOrganization')) {\n globalProps.history.push('/admin/dashboard');\n } else {\n globalProps.history.push('/dashboard');\n }\n }\n\n this.checkCode();\n }\n\n setPassword = () => {\n this.setState({settingPassword: true});\n\n const re = /^(?=.*\\d)(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*[A-Z]).{8,}$/;\n const passesRequirements = re.test(this.state.password);\n if (passesRequirements === false) {\n this.setState({settingPassword: false});\n setTimeout(() => {\n window.$alertError(\"Please choose a stronger password with at least one uppercase letter, lowercase letter, number, and symbol in !@#$%^&*\");\n }, 500);\n return;\n }\n\n let verifyEmail = undefined;\n try {\n verifyEmail = JSON.parse(sessionStorage.getItem('verifyEmail'));\n } catch (e) {}\n const payload = {\n email: verifyEmail.email.trim(),\n password: this.state.password\n };\n\n Promise.all([this.createAzureUser(payload), this.verifyUser()]).then(() => {\n if (this.state.settingPassword === true) {\n this.setState({settingPassword: false});\n sessionStorage.setItem('newRegistration', 'yes');\n sessionStorage.setItem('verifyEmail', '');\n sessionStorage.setItem('verifyId', '');\n globalProps.history.push('/login/verified');\n }\n });\n };\n\n createAzureUser = (payload) => {\n return axios.post(`${apiBaseUrl}users/createAzure`, payload).then((response) => {\n if (response.status !== 200) {\n this.setState({settingPassword: false});\n window.$alertError('Something went wrong setting your password. Please try again or choose another account type.');\n }\n }).catch((error) => {\n console.log(error);\n this.setState({settingPassword: false});\n window.$alertError('Something went wrong setting your password. Please try again or choose another account type.');\n });\n };\n\n verifyUser = () => {\n const verifyId = globalProps.match.params.verifyId;\n return axios.put(`${apiBaseUrl}users/verify_user/${verifyId}`).then((response) => {\n if (response.status !== 200) {\n this.setState({settingPassword: false});\n window.$alertError(\"We were unable to verify your invite. It may have expired.\");\n }\n }).catch((e) => {\n this.setState({settingPassword: false});\n window.$alertError(\"We were unable to verify your invite. It may have expired.\");\n });\n };\n\n checkCode = () => {\n const self = this;\n const verifyId = globalProps.match.params.verifyId;\n if (verifyId !== undefined && verifyId !== null) {\n sessionStorage.setItem('verifyId', verifyId);\n axios.post(`${apiBaseUrl}auth/verify/${verifyId}`).then((response) => {\n if (response.status === 200) {\n const verifyEmail = response.data;\n sessionStorage.setItem('verifyEmail', JSON.stringify(verifyEmail));\n self.setState({loading: false});\n } else {\n window.$alertError(\"We were unable to verify your invite. It may have expired.\");\n }\n }).catch((e) => {\n window.$alertError(\"We were unable to verify your invite. It may have expired.\");\n });\n }\n };\n\n componentDidMount() {\n window.addEventListener(\"message\", (event) => {\n if (event.data !== null && typeof(event.data) === \"string\" && event.data.indexOf('||ERROR||') > -1) {\n if (event.data.indexOf('cancelled entering') > -1) {\n window.location.reload();\n } else {\n window.$alertError(\"Uh oh! Something went wrong. Most likely, you didn't use the same email address as your invite. Please refresh and try again.\");\n }\n }\n else if (event.data !== null && event.data.type === 'b2cIdToken' && event.data.data !== null) {\n const claimsData = this.parseJwt(event.data.data);\n let email = claimsData.email;\n if (email === undefined) {\n email = claimsData.UPNfromAAD;\n }\n let verifyEmail = undefined;\n try {\n verifyEmail = JSON.parse(sessionStorage.getItem('verifyEmail'));\n } catch (e) {}\n if (email === undefined || email === null || verifyEmail === undefined || verifyEmail === null) {\n\n }\n else if (email.trim().toLocaleLowerCase() === verifyEmail.email.trim().toLocaleLowerCase()) {\n Promise.resolve(this.verifyUser()).then(() => {\n sessionStorage.setItem('newRegistration', 'yes');\n sessionStorage.setItem('verifyEmail', '');\n sessionStorage.setItem('verifyId', '');\n globalProps.history.push('/login/verified');\n });\n } else if (verifyEmail.email.trim().length > 0) {\n this.setState({loading: false, verifiedFailed: true});\n setTimeout(() => {\n window.$alertError(\"Uh oh! You didn't use the same email address as your invite. Please try again.\");\n }, 500);\n }\n }\n });\n \n const queryParams = new URLSearchParams(window.location.search);\n const b2cCode = queryParams.get(\"id_token\");\n if (b2cCode !== null) {\n const claimsData = this.parseJwt(b2cCode);\n const email = claimsData.emails[0];\n const verifyEmail = sessionStorage.getItem('verifyEmail');\n if (email.trim().toLocaleLowerCase() === verifyEmail.trim().toLocaleLowerCase()) {\n Promise.resolve(this.verifyUser()).then(() => {\n sessionStorage.setItem('newRegistration', 'yes');\n sessionStorage.setItem('verifyEmail', '');\n sessionStorage.setItem('verifyId', '');\n globalProps.history.push('/login/verified');\n });\n } else if (verifyEmail.trim().length > 0) {\n this.setState({loading: false, verifiedFailed: true});\n setTimeout(() => {\n window.$alertError(\"Uh oh! You didn't use the same email address as your invite. Please try again.\");\n }, 500);\n }\n }\n\n const error = queryParams.get(\"error\");\n const errorDescription = queryParams.get(\"error_description\");\n if (error !== null && errorDescription !== null) {\n setTimeout(() => {\n window.$alertError('Authentication error - ' + errorDescription.split('Correlation')[0]);\n }, 500);\n }\n }\n\n openNewWindow(url) {\n window.open(url, null, 'width=600,height=800');\n }\n\n parseJwt = (token) => {\n const base64Url = token.split('.')[1];\n const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\n const jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) {\n return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);\n }).join(''));\n\n return JSON.parse(jsonPayload);\n }\n\n handleEnter(event) {\n if (event.key === 'Enter') {\n this.setPassword(event);\n event.preventDefault();\n }\n }\n}\n\nlet globalProps;\n\nconst style = {\n margin: 15,\n};\n\nLogin = withStyles(styles, {withTheme: true})(Login);\nexport default withWendalTracking(Login);\n","import React, {Component} from 'react';\nimport {Link} from \"react-router-dom\";\nimport {MuiThemeProvider} from 'material-ui/styles';\nimport {withStyles} from '@material-ui/core/styles';\nimport RaisedButton from 'material-ui/RaisedButton';\nimport TextField from '@material-ui/core/TextField';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport axios from 'axios';\nimport Cookies from 'universal-cookie';\nimport SplashLogo from \"../../components/Common/SplashLogo.js\";\nimport CircularProgress from '../../components/Common/LoadingIcon.js';\nimport PrivacyPolicy from \"../../components/Common/PrivacyPolicy.js\";\nimport Terms from \"../../components/Common/Terms.js\";\nimport {v4 as uuidv4} from 'uuid';\nimport {WendalApplicationInsights, withWendalTracking} from \"../../WendalApplicationInsights\";\nimport {ServiceLocator} from \"../../Services/ServiceLocator\";\n\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\n\nconst organizationService = ServiceLocator.Instance.getOrganizationService()\nconst companyService = ServiceLocator.Instance.getCompanyService()\nconst dashboardConfigurationService = ServiceLocator.Instance.getDashboardConfigurationService()\nconst userService = new ServiceLocator().getUserService();\n\nconst configurationId = '88A7771E-23F3-42B3-8A5C-F4DE52522CC6';\n\nlet jobTitles = [];\nlet orgConfiguration;\nlet company;\n\nlet orgId = '';\nlet user;\nlet authorizationData;\nlet organization;\nlet userCompanies = [];\nlet userOrganizations = [];\n\nlet headerImageUrl = require('../../Wendal white.png');\nlet contentImageUrl = require('../../Wendal.png');\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n position: 'relative',\n },\n modalPaper: {\n position: 'absolute',\n width: theme.spacing.unit * 100,\n maxWidth: '80%',\n backgroundColor: theme.palette.background.paper,\n boxShadow: theme.shadows[5],\n padding: theme.spacing.unit * 4,\n outline: 'none',\n maxHeight: '80%',\n overflowY: 'auto'\n },\n closeImg: {cursor: 'pointer', float: 'right', marginTop: '4px', width: '30px'},\n menuButton: {\n marginLeft: 5,\n marginRight: 13,\n },\n formControl: {\n width: '100%',\n maxWidth: 350,\n margin: '0 auto'\n },\n selectEmpty: {\n marginTop: theme.spacing.unit * 2,\n },\n});\n\nclass OneTime extends Component {\n\n constructor(props) {\n super(props);\n globalProps = props;\n\n const token = sessionStorage.getItem('jwtToken');\n if (token !== undefined && token !== null && token !== '') {\n globalProps.history.push('/dashboard');\n }\n\n const cookies = new Cookies();\n const orgImageUrl = cookies.get('orgImageUrl');\n if (orgImageUrl !== null && orgImageUrl !== undefined && orgImageUrl.length > 0) {\n contentImageUrl = orgImageUrl;\n }\n this.state = {\n uniqueId: '',\n firstName: '',\n lastName: '',\n email: '',\n jobTitle: '',\n password: '',\n companyName: '',\n companyCountry: '',\n companyState: '',\n domain: '',\n jobTitleEl: null,\n countryEl: null,\n stateEl: null,\n loading: true,\n privacyPolicy: false\n };\n const self = this;\n if (globalProps.match.params.orgId !== null && globalProps.match.params.orgId !== undefined && globalProps.match.params.orgId.length > 0) {\n axios.post(apiBaseUrl + 'organizations/slug', globalProps.match.params.orgId, {\n headers: {\n 'Content-Type': 'application/json'\n }\n })\n .then(function (response) {\n if (response.status === 200) {\n orgId = response.data;\n let organization = response.data;\n cookies.set('orgId', organization, {path: '/'});\n sessionStorage.setItem('inviteOrg', organization);\n sessionStorage.setItem('inviteCompany', '');\n sessionStorage.setItem('inviteJobTitle', '');\n self.loadOrganization();\n } else {\n window.$alertError(\"Error retrieving your organization data.\");\n }\n })\n .catch(function (error) {\n console.log(error);\n });\n } else {\n this.loadOrganization();\n }\n }\n\n render() {\n const {classes} = this.props;\n\n if (this.state.loading) {\n return (\n \n \n ®\n
\n \n \n \n Welcome to Wendal!
\n Please finish creating your account below.\n You must use this email address to complete setup:\n {verifyEmail.email}\n
\n {verifyEmail.forceMicrosoftLogin === true || verifyEmail.forceGoogleLogin === false ?\n this.openNewWindow(azureUrl)}>\n \n \n : \"\"\n }\n {verifyEmail.forceGoogleLogin === true || verifyEmail.forceMicrosoftLogin === false ?\n \n \n Work or school account\n this.openNewWindow(googleUrl)}>\n \n \n : \"\"\n }\n {verifyEmail.forceGoogleLogin === false && verifyEmail.forceMicrosoftLogin === false ?\n }/){kind=icon}
\n \n Continue with Google\n \n \n : \"\"\n }\n - OR -
\n
\n
\n { this.state.password.length > 0 ?\n \n \n : \"\"\n }\n
Ⓒ {new Date().getFullYear()} Wendal Inc. All rights reserved.\n \n );\n }\n\n return (\n \n \n ®\n
\n \n
\n
\n \n \n \n \n \n ®\n \n
\n \n \n \n \n \n \n {orgConfiguration !== undefined && orgConfiguration[\"5d4209b8-bf4a-4648-81d5-610ed1b51cf7\"] ?\n orgConfiguration[\"5d4209b8-bf4a-4648-81d5-610ed1b51cf7\"].split(/\\n/g).map((line) => {\n return {line}\n
\n })\n :\n \n Fundraising is hard, at least make it fair.\n \n }\n \n {orgConfiguration !== undefined && orgConfiguration[\"3a20fa74-e9d6-4756-be23-d3d5742f8c93\"] ?\n orgConfiguration[\"3a20fa74-e9d6-4756-be23-d3d5742f8c93\"].split(/\\n/g).map((line) => {\n return {line}\n
\n })\n :\n \n By talking to Wendal, you will get an unbiased opportunity for funding and\n up to 4 free team behavior profiles back to help build your team.\n \n }\n \n {orgConfiguration !== undefined && orgConfiguration[\"98038930-006f-46e7-9161-3944447be6a3\"] ?\n orgConfiguration[\"98038930-006f-46e7-9161-3944447be6a3\"].split(/\\n/g).map((line) => {\n return {line}\n
\n })\n :\n \n Wendal is a platform that increases your chances for fair and unbiased\n opportunities for fundraising your company.\n \n }\n
\n
\n In under 30 minutes, you will get transparent feedback, including your teams\n behavior profiles, free.\n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n Our TeamPrint wheel features 22 different personality profiles to help you better\n understand yourself and your team. Optimize teamwork and leadership by using\n TeamPrint for your next open position!\n \n \n \n \n
\n \n \n {orgConfiguration !== undefined && orgConfiguration[\"377dc4cb-19e9-4e13-953e-4d8ea1218dba\"] ?\n orgConfiguration[\"377dc4cb-19e9-4e13-953e-4d8ea1218dba\"].split(/\\n/g).map((line) => {\n return {line}\n
\n })\n :\n \n “I appreciate this process [for the] lack of bias, the transparent feedback… I\n hope this\n is adopted by other funds so more capital goes towards female or minority\n founders.”\n \n }\n
\n
\n - Celine, Founder of Flowly\n \n \n \n {orgConfiguration !== undefined && orgConfiguration[\"9cc7d5ee-272b-4925-9fe6-b10d5b536d36\"] ?\n orgConfiguration[\"9cc7d5ee-272b-4925-9fe6-b10d5b536d36\"].split(/\\n/g).map((line) => {\n return {line}\n
\n })\n :\n \n \"I found the application process [to be] the best VC process I've ever seen\"\n \n }\n
\n
\n - Andrew Rowland, ClassKick\n \n \n );\n }\n\n return (\n \n \n ®\n
\n \n
\n
\n \n \n );\n }\n\n handleCompanySelect = (event) => {\n this.setState({selectedCompany: event.target.value});\n };\n\n associateCompany() {\n const self = this;\n self.refs.btnAssociate.style = \"display: none;\";\n self.refs.divLoading.style = \"display: block; margin-bottom: 20px;\";\n\n const sessionUser = JSON.parse(sessionStorage.getItem('user'));\n const selectedCompany = sessionUser.CompanyAssociations.find(x => x.CompanyId === self.state.selectedCompany);\n if (selectedCompany.OrganizationIds.indexOf(self.state.organization.Id) > -1) {\n const cookies = new Cookies();\n sessionStorage.setItem('inviteOrg', '');\n cookies.remove('inviteOrg');\n globalProps.history.push('/dashboard');\n } else {\n organizationService.associateCompanyWithOrganization(self.state.organization.Id, self.state.selectedCompany)\n .then(() => {\n axios.get(apiBaseUrl + 'auth/regenerate').then((authResponse) => {\n if (authResponse.status === 200) { \n const user = authResponse.data.User;\n axios.defaults.headers.common['Authorization'] = 'Bearer ' + authResponse.data.Token;\n\n let allPermissions = authResponse.data.Organizations;\n\n sessionStorage.setItem('user', JSON.stringify(user));\n sessionStorage.setItem('userId', user.Id);\n sessionStorage.setItem('jwtToken', authResponse.data.Token);\n sessionStorage.setItem('orgId', '');\n sessionStorage.setItem('companyId', self.state.selectedCompany);\n let hideUserInfoFlag = userCompanies.find(company => company.Id === self.state.selectedCompany);\n sessionStorage.setItem('companyHideUserInfoFlag', hideUserInfoFlag);\n sessionStorage.setItem('permissions', '');\n sessionStorage.setItem('allPermissions', JSON.stringify(allPermissions));\n sessionStorage.setItem('currentOrganization', '');\n sessionStorage.setItem('currentEngagementOrganizationId', self.state.organization.Id);\n\n axios.post(apiBaseUrl + `questionnaires/organization/${self.state.organization.Id}/team/${self.state.selectedCompany}/consent`)\n .then((consentResponse) => {\n if (consentResponse.status !== 200 && consentResponse.status !== 401) {\n window.$alertError(\"Uh oh! Something went wrong.\");\n self.refs.btnAssociate.style = \"display: block;\";\n self.refs.divLoading.style = \"display: none;\";\n } else {\n self.getCompaniesAndOrganizations(user);\n }\n }).catch(() => {\n self.getCompaniesAndOrganizations(user);\n });\n } else {\n globalProps.history.push('/login');\n }\n })\n })\n .catch((error) => {\n window.$alertError(\"Uh oh! Something went wrong.\");\n console.log(error);\n self.refs.btnAssociate.style = \"display: block\";\n self.refs.divLoading.style = \"display: none;\";\n });\n }\n }\n\n getCompaniesAndOrganizations = (user) => {\n const self = this;\n Promise.all([self.getAllCompanies(user.CompanyAssociations),\n self.getAllUserOrganizations()])\n .then(() => {\n self.refs.btnAssociate.style = \"display: block\";\n self.refs.divLoading.style = \"display: none;\";\n sessionStorage.setItem('userOrganizations', JSON.stringify(userOrganizations));\n sessionStorage.setItem('userCompanies', JSON.stringify(userCompanies));\n const cookies = new Cookies();\n sessionStorage.setItem('inviteOrg', '');\n cookies.remove('orgId');\n cookies.remove('inviteOrg');\n\n globalProps.history.push('/dashboard');\n });\n };\n\n getAllCompanies(companyAssociations) {\n return Promise.all(companyAssociations.map(association => {\n return (\n companyService.getCompany(association.CompanyId)\n .then((company) => {\n userCompanies.push(company);\n })\n .catch((error) => {\n console.log(error)\n })\n )\n }));\n }\n\n getAllUserOrganizations() {\n return axios\n .get(`${apiBaseUrl}organizations/all/by_user?withAllCompanies=true`)\n .then(response => userOrganizations.push.apply(userOrganizations, response.data));\n }\n}\n\nAssociateCompanyWithOrganization = withStyles(styles, {withTheme: true})(AssociateCompanyWithOrganization);\nexport default withWendalTracking(AssociateCompanyWithOrganization);\n","import React, { Component } from 'react';\nimport { Link } from \"react-router-dom\";\nimport { withStyles } from '@material-ui/core/styles';\nimport MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';\nimport RaisedButton from 'material-ui/RaisedButton';\nimport Cookies from 'universal-cookie';\nimport SplashLogo from \"../../components/Common/SplashLogo.js\";\nimport PrivacyPolicy from \"../../components/Common/PrivacyPolicy.js\";\nimport Terms from \"../../components/Common/Terms.js\";\nimport {withWendalTracking} from \"../../WendalApplicationInsights\";\nimport axios from 'axios';\n\nlet headerImageUrl = require('../../Wendal.png');\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n position: 'relative',\n },\n modalPaper: {\n position: 'absolute',\n width: theme.spacing.unit * 100,\n maxWidth: '80%',\n backgroundColor: theme.palette.background.paper,\n boxShadow: theme.shadows[5],\n padding: theme.spacing.unit * 4,\n outline: 'none',\n maxHeight: '80%',\n overflowY: 'auto'\n },\n closeImg: {cursor:'pointer', float:'right', marginTop: '-10px', width: '30px'},\n menuButton: {\n marginLeft: 5,\n marginRight: 13,\n },\n});\n\nclass AccountCreated extends Component {\n render() {\n const { classes } = this.props;\n const emailAddress = sessionStorage.getItem('verificationEmailAddress');\n return (\n \n \n ®\n
\n { this.state.organization.ImageUrl !== null ?\n \n {this.state.organization.Name}
\n }\n
\n \n Choose the company you are representing for this organization.\n \n
\n
\n
\n \n \n \n \n
\n
Ⓒ {new Date().getFullYear()} Wendal Inc. All rights reserved.\n \n );\n }\n\n constructor(props){\n super(props);\n\n const cookies = new Cookies();\n const orgImageUrl = cookies.get('orgImageUrl');\n if (orgImageUrl !== null && orgImageUrl !== undefined && orgImageUrl.length > 0) {\n headerImageUrl = orgImageUrl;\n }\n }\n\n sendReverifyCode = () => {\n const emailAddress = sessionStorage.getItem('verificationEmailAddress');\n axios.post(`${apiBaseUrl}users/reverify`, emailAddress, {\n headers: {\n 'Content-Type': 'application/json'\n }\n }).then(() => {\n window.$alertSuccess('Check your inbox for another email within one minute.');\n });\n }\n}\n\nconst style = {\n margin: 7,\n};\nAccountCreated = withStyles(styles, { withTheme: true })(AccountCreated);\nexport default withWendalTracking(AccountCreated);\n","import * as React from \"react\";\nimport {withWendalTracking} from \"../../../WendalApplicationInsights\";\n\nfunction SvgBurger(props) {\n return (\n \n \n ®\n
\n \n
\n \n Verification Required\n \n \n Check your {emailAddress} inbox for a verification link. Click that link and you'll be all set to log in.\n \n
\n \n Didn't get the email?\n Go to login\n
Check your spam folder, or
\n
\n
Ⓒ {new Date().getFullYear()} Wendal Inc. All rights reserved.\n \n );\n }\n let profile;\n profile = (\n \n \n ) : (\n \"\"\n )}\n \n \n );\n let adminTeam;\n if (currentOrgId !== \"\")\n adminTeam = (\n \n \n );\n let currentOrg = \"\";\n try {\n currentOrg = JSON.parse(sessionStorage.getItem(\"currentOrganization\"));\n } catch (e) {}\n let orgSettings;\n if (currentOrgId !== \"\")\n orgSettings = (\n \n \n ) : (\n \"\"\n )}\n \n \n );\n let compUsers;\n if (currentCompanyId !== \"\" && ((companyHideUserInfoFlag && isCompanyAdmin) || !companyHideUserInfoFlag))\n compUsers = (\n \n {permissions && permissions.includes(\"EditOrganization\") ? (\n \n \n ) : (\n \"\"\n )}\n \n \n );\n /*let systemAdministrator;\n if (user.IsSystemAdministrator)\n systemAdministrator = (\n \n {adminDash}\n {orgSettings}\n {adminTeam}\n {myDashboard}\n {compUsers}\n {profile}\n {/*systemAdministrator*/}\n
\n );\n }\n}\n\nNavigationDrawer.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nNavigationDrawer = withRouter(NavigationDrawer);\nexport default withWendalTracking(withStyles(styles)(NavigationDrawer));\n","import React from 'react';\nimport Drawer from \"@material-ui/core/Drawer\";\nimport ClearRounded from \"@material-ui/icons/ClearRounded\";\nimport {makeStyles, withStyles} from \"@material-ui/core/styles\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {withWendalTracking} from \"../../WendalApplicationInsights\";\nimport { useMediaQuery } from '@material-ui/core';\n\nlet styles = makeStyles((theme) => ({\n drawer: {\n left: 'auto'\n },\n drawerMobile: {\n left: 0,\n zIndex: '1301 !important'\n },\n drawerPaper: {\n width: 350,\n height: 'calc(100% - 39px);',\n padding: 20,\n outline: 'none',\n marginTop: 0,\n borderRadius: '10px 0 0 10px',\n },\n drawerPaperMobile: {\n width: '100%',\n height: '100%',\n outline: 'none',\n position: 'absolute',\n },\n header: {\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n borderBottom: `1px solid ${theme.palette.secondary.main}`,\n paddingBottom: '1rem',\n },\n headerMobile: {\n padding: '30px 30px 0 30px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingBottom: '1rem',\n boxShadow: '0px 4px 38px rgba(0, 105, 167, 0.15)',\n },\n closeButton: {\n fontSize: '25px',\n marginLeft: 'auto',\n color: theme.palette.primary.main,\n '&:hover': {\n cursor: 'pointer'\n }\n },\n container: {\n padding: '10px 0',\n display: 'block',\n overflowX: 'hidden',\n overflowY: 'auto',\n height: `calc(100% - 120px)`\n },\n containerMobile: {\n padding: '15px 30px 15px',\n display: 'block',\n overflowX: 'hidden',\n overflowY: 'auto',\n height: `calc(100% - 120px)`\n },\n backdrop: {\n backgroundColor: 'rgba(0, 86, 120, 0.3)',\n }\n}));\n\nconst DrawerMenuRight = (props) => {\n\n const mobileView = useMediaQuery('(max-width: 600px)');\n\n const classes = styles();\n\n return (\n \n \n {props.title}
\n \n {props.children}\n \n \n \n \n Organization\n {organizationMenuItems}\n \n : \"\"\n }\n {companyMenuItems.length > 0 ?\n \n Team\n {companyMenuItems}\n \n : \"\"\n }\n \n \n \n
\n {adminDash}\n {adminTeam}\n {myDashboard}\n {compUsers}\n {/*systemAdministrator*/}\n
\n )\n }\n}\n\nNavigationDrawerMobile.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nNavigationDrawerMobile = withRouter(NavigationDrawerMobile);\nexport default withWendalTracking(withStyles(styles)(NavigationDrawerMobile));\n","import {ISubmissionFactory} from \"../../../../questionnaires/src/ISubmissionFactory\";\nimport {ISubmission} from \"../../../../questionnaires/src/ISubmission\";\nimport {AbstractQuestionnaireApi} from \"../../../../questionnaires/src/AbstractQuestionnaireApi\";\nimport {IQuestionnaire} from \"../../../../questionnaires/src/IQuestionnaire\";\nimport {IUser} from \"../../../../questionnaires/src/IUser\";\nimport {ITeamScore} from \"../../../../questionnaires/src/ITeamScore\";\nimport {ServiceLocator} from \"../../Services/ServiceLocator\";\nimport {IJobTitle} from \"../../../../questionnaires/src/IJobTitle\";\nimport {ISlimQuestionnaire} from \"../../../../questionnaires/src/ISlimQuestionnaire\";\nimport {IOptionalPlugin} from \"../../../../questionnaires/src/IOptionalPlugin\";\n\nexport class RealQuestionnaireApi extends AbstractQuestionnaireApi {\n\tpublic constructor(submissionFactory: ISubmissionFactory, licenseId: string, questionnaire: IQuestionnaire,\n\t\t\t\t\t slimQuestionnaire: ISlimQuestionnaire | null, optionalPlugin: IOptionalPlugin | null,\n\t\t\t\t\t submission: ISubmission | null, teamSubmissions: ISubmission[] | null,\n\t\t\t\t\t teamScore: ITeamScore | null, user: IUser, users: IUser[] | null, companyId?: string | null,\n\t\t\t\t\t jobTitles?: IJobTitle[] | null, submissionEvent?: any) {\n\t\tsuper(submissionFactory, licenseId, questionnaire, slimQuestionnaire, optionalPlugin, submission, teamSubmissions, teamScore, user, users, companyId, jobTitles, submissionEvent);\n\t}\n\n\tprotected saveQuestionnaire(questionnaire: IQuestionnaire): Promise } \n \n \n \n \n );\n }\n\n return render();\n}\n\n\n\nexport default (Documents);\n","import React, { useEffect, useState, useRef } from \"react\";\nimport '../../../main.scss';\nimport PathBuilder from \"./NewPathBuilder/NewPathBuilder\";\nimport NewOrgQuestionnaire from \"./NewQuestionnaires/NewOrgQuestionnaire\";\nimport NewDashboardTemplate from \"../../Common/NewDashboardTemplate/NewDashboardTemplate\";\nimport NewTemplateBuilder from \"./NewPathBuilder/TemplateBuilder/NewTemplateBuilder.js\";\nimport Documents from \"./NewQuestionnaires/NewDocuments.js\";\nimport CircularProgress from '../../../components/Common/LoadingIcon.js';\nimport axios from 'axios';\nimport {ServiceLocator} from \"../../../Services/ServiceLocator\";\n\nlet globalQuestionnaires = [];\nlet intelligencePathSteps = [];\nlet globalTemplateClonedOn = null;\nlet globalTemplateUpdatedOn = null;\nlet globalClonedTemplateId = null;\nlet globalGroupedQuestionnaires = [];\nlet globalStepFilters = [];\nlet globalInitialStepFilters = [];\nlet globalJobTitles = [];\nlet globalTemplateFilters = [];\nlet globalInitialTemplateFilters = [];\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\n\nconst FlowBuilder = (props) => {\n\n const [questionnaires, setQuestionnaires] = useState(null);\n const [intelligencePaths, setIntelligencePaths] = useState(null);\n const [loading, setLoading] = useState(true);\n const [viewingTemplate, setViewingTemplate] = useState(null);\n const [clonedTemplateId, setClonedTemplateId] = useState(null);\n const [initialStepFilters, setInitialStepFilters] = useState([]);\n const [stepFilters, setStepFilters] = useState([]);\n const [jobTitles, setJobTitles] = useState([]);\n const [templateFilters, setTemplateFilters] = useState([]);\n const [initialTemplateFilters, setInitialTemplateFilters] = useState([]);\n const [fileCategories, setFileCategories] = useState([])\n const [groupedQuestionnaires, setGroupedQuestionnaires] = useState(null);\n const [globalFileCategories, setGlobalFileCategories] = useState([]);\n const [appliedTemplate, setAppliedTemplate] = useState(null); \n //const [loadingIntelPaths, setLoadingIntelPaths]\n\n const hasRun = useRef(false);\n\n let currentOrg;\n try{\n currentOrg = JSON.parse(sessionStorage.getItem('currentOrganization'));\n }\n catch(ex){}\n\n const loadIntelligencePath = (orgId) => {\n return axios.get(apiBaseUrl + 'organizations/' + orgId + '/intelligence_path').then(function (pathResponse) {\n if (pathResponse.status === 200) {\n intelligencePathSteps = pathResponse.data.PathSteps.sort(function (a, b) {\n return a.Order - b.Order;\n });\n globalTemplateClonedOn = pathResponse.data.TemplateClonedOn;\n globalTemplateUpdatedOn = pathResponse.data.TemplateUpdatedOn;\n }\n })\n .catch(function (error) {\n console.log(error);\n });\n };\n\n const hash = (value) => {\n const valueAsString = JSON.stringify(value);\n let hashCode = 0;\n\n for (let index = 0; index < valueAsString.length; index++) {\n const character = valueAsString.charAt(index);\n\n hashCode = ((hashCode << 5) - hashCode) + character;\n hashCode |= 0;\n }\n\n return hashCode;\n };\n\n const groupBy = (array, keyGetter) => {\n const hashPrefix = \"Hash\";\n\n const dictionary = array.reduce(function (dictionary, item) {\n const key = keyGetter(item);\n const dictionaryKey = `${hashPrefix}${hash(key)}`;\n let hashBucket = dictionary[dictionaryKey];\n\n if (hashBucket === undefined || hashBucket === null) {\n hashBucket = [];\n dictionary[dictionaryKey] = hashBucket;\n }\n\n let thisGrouping = null;\n\n for (const grouping of hashBucket) {\n if (grouping.key === key) {\n thisGrouping = grouping;\n\n break;\n }\n }\n\n if (thisGrouping === null) {\n thisGrouping = {\n key: key,\n items: []\n };\n\n hashBucket.push(thisGrouping);\n }\n\n thisGrouping.items.push(item);\n\n return dictionary;\n }, {});\n\n const groupings = [];\n\n for (const key in dictionary) {\n if (dictionary.hasOwnProperty(key) === false ||\n key.startsWith(hashPrefix) === false) {\n continue;\n }\n\n const grouping = dictionary[key];\n\n groupings.push(grouping);\n }\n\n return groupings;\n };\n\n const loadQuestionnaires = (orgId) => {\n return axios.get(apiBaseUrl + 'questionnaires/' + orgId + '/all').then(function (questionnaireResponse) {\n if (questionnaireResponse.status === 200) {\n let questionnaires = questionnaireResponse.data.filter(questionnaire => questionnaire.IsActive === true && questionnaire.CreatingOrganizationId === orgId);\n \n questionnaires = questionnaires.sort(function (a, b) {\n return (a.Name > b.Name) ? 1 : ((b.Name > a.Name) ? -1 : 0);\n });\n globalGroupedQuestionnaires = groupBy(questionnaires, questionnaire => questionnaire.ParentId)[0];\n \n globalQuestionnaires = questionnaireResponse.data;\n }\n }).catch();\n };\n \n const loadClonedTemplateId = (orgId) => {\n const organizationService = ServiceLocator.Instance.getOrganizationService();\n return organizationService.getMostRecentClonedTemplateId(orgId).then((templateId) => {\n globalClonedTemplateId = templateId;\n if (templateId === '00000000-0000-0000-0000-000000000000') {\n globalClonedTemplateId = null;\n }\n });\n }; \n\n const loadStepFilters = (orgId) => {\n const organizationService = ServiceLocator.Instance.getOrganizationService();\n return organizationService.getStepFilters(orgId).then((stepFiltersResponse) => {\n globalStepFilters = stepFiltersResponse;\n globalInitialStepFilters = JSON.parse(JSON.stringify(stepFiltersResponse));\n })\n .catch(function (error) {\n console.log(error);\n });\n };\n\n const loadJobTitles = (orgId) => {\n const platformService = ServiceLocator.Instance.getPlatformService();\n return platformService.getJobTitles().then((jobTitlesResponse) => {\n globalJobTitles = jobTitlesResponse.sort(function (a, b) {\n return sortByTitle(a, b)\n });\n })\n .catch(function (error) {\n console.log(error);\n });\n };\n \n const loadFileCategories = (orgId) => {\n return axios.get(apiBaseUrl + 'organizations/' + orgId + '/file_categories').then(function (categoriesResponse){\n if (categoriesResponse.status === 200){\n setGlobalFileCategories(categoriesResponse.data);\n }\n }).catch()\n }\n\n const loadAllTemplateFilters = (orgId) =>{\n const organizationService = ServiceLocator.Instance.getOrganizationService();\n return organizationService.getAllTemplateStepFilters(orgId).then((filters) => {\n globalTemplateFilters = filters;\n globalInitialTemplateFilters = JSON.parse(JSON.stringify(filters));\n });\n }\n \n const sortByTitle = (a, b) => {\n if (a.Title < b.Title) return -1;\n if (b.Title > a.Title) return 1;\n return 0;\n };\n\n const loadData = (orgId) =>{\n Promise.all([loadIntelligencePath(orgId), loadQuestionnaires(orgId), loadClonedTemplateId(orgId), loadStepFilters(orgId), loadJobTitles(orgId), loadAllTemplateFilters(orgId), loadFileCategories(orgId)]).then(() => {\n currentOrg = JSON.parse(sessionStorage.getItem('currentOrganization'));\n setQuestionnaires(globalQuestionnaires);\n setIntelligencePaths(intelligencePathSteps);\n setClonedTemplateId(globalClonedTemplateId);\n setGroupedQuestionnaires(globalGroupedQuestionnaires);\n setViewingTemplate(null);\n setLoading(false);\n setInitialStepFilters(globalInitialStepFilters);\n setStepFilters(globalStepFilters);\n setJobTitles(globalJobTitles);\n setTemplateFilters(globalTemplateFilters);\n setInitialTemplateFilters(globalInitialTemplateFilters);\n setFileCategories(globalFileCategories);\n });\n }\n\n const constructor = () =>{\n if(hasRun.current){\n return;\n }\n hasRun.current = true;\n const orgId = sessionStorage.getItem('orgId');\n loadData(orgId);\n }\n\n constructor();\n\n useEffect(() =>{\n if (document.getElementsByClassName(\"newdashboardBody\")[0]){\n document.getElementsByClassName(\"newdashboardBody\")[0].style.height = \"auto\"\n }\n }, []);\n\n if(loading)\n return
\n\n return (\n \n \n )\n}\nexport default FlowBuilder;","import React from \"react\";\nimport {withStyles} from \"@material-ui/core/styles\";\nimport {withRouter} from \"react-router-dom\";\nimport {withWendalTracking} from \"../../../WendalApplicationInsights\";\n\nconst styles = muiTheme => ({\n root: {\n flexGrow: 1,\n },\n modalPaper: {\n position: 'absolute',\n width: muiTheme.spacing.unit * 100,\n backgroundColor: muiTheme.palette.background.paper,\n boxShadow: muiTheme.shadows[5],\n padding: muiTheme.spacing.unit * 4,\n outline: 'none',\n },\n label: {\n \"&$focusedLabel\": {\n color: \"#e57231\"\n },\n \"&$erroredLabel\": {\n color: \"#e57231\"\n }\n },\n focusedLabel: {},\n erroredLabel: {},\n underline: {\n \"&$error:after\": {\n borderBottomColor: \"#e57231\"\n },\n \"&:after\": {\n borderBottom: `2px solid #e57231`\n }\n },\n error: {},\n closeImg: {cursor: 'pointer', float: 'right', marginTop: '4px', width: '30px'},\n rlglRow: {\n \"& td\": {\n borderBottom: \"1px solid #006AA74D\"\n }\n }\n});\n\nexport function RedLightGreenLightReportRow (props){\n const getColors = (rlglrow) => {\n let greenProfiles = [];\n let redProfiles = [];\n let greenLeadership = [];\n let redLeadership = [];\n let greenSocial = [];\n let greenUniqueness = [];\n let greenEmotionality = [];\n let redEmotionality = [];\n let greenAccountability = [];\n let redGrit = [];\n let redTeamSpeed = [];\n let redTeamMorale = [];\n let greenTeamDisruption = [];\n let redTeamDiversity = [];\n let maxDataIndicator = rlglrow.Stars ?? 0;\n\n if (rlglrow.JobTitle === \"Chief Executive Officer\" || rlglrow.JobTitle === \"1cdbf1b1-6670-eb11-9889-000d3a60bedf\")\n {\n greenProfiles = [\"Accelerator\", \"Artisan\", \"Crusader\", \"Disruptor\", \"Problem Solver\", \"Visionary\"];\n redProfiles = [\"Wild Card\", \"Traditionalist\", \"Subject Matter Expert\", \"Explorer\", \"Ally\"];\n greenLeadership = [\"Alpha\", \"Champion\"];\n redLeadership = [];\n greenSocial = [\"Party Animal\"];\n greenUniqueness = [\"Silver\", \"Gold\"];\n greenEmotionality = [\"Very Unemotional\", \"Extremely Unemotional\"];\n redEmotionality = [\"Very Emotional\", \"Extremely Emotional\"];\n greenAccountability = [\"Yes\"];\n redGrit = [\"Silver\", \"Gold\"];\n redTeamSpeed = [\"Slow\"];\n redTeamMorale = [\"Lackluster\"];\n greenTeamDisruption = [\"Disruptive\"];\n redTeamDiversity = [\"Uniform\"];\n\n }\n else if (rlglrow.JobTitle === \"Chief Technical Officer\")\n {\n greenProfiles = [\"Academic\", \"Mediator\", \"Operator\", \"Traditionalist\", \"Architect\", \"Explorer\"];\n redProfiles = [\"Problem Solver\", \"Accelerator\", \"Closer\", \"Crusader\", \"Mingler\", \"Ally\", \"Subject Matter Expert\", \"Organizer\"];\n greenLeadership = [\"Alpha\", \"Champion\"];\n redLeadership = [\"Volunteer\"];\n greenSocial = [];\n greenUniqueness = [\"Silver\", \"Gold\"];\n greenEmotionality = [];\n redEmotionality = [\"Very Emotional\", \"Extremely Emotional\"];\n greenAccountability = [ \"Yes\"];\n redGrit = [\"Silver\", \"Gold\"];\n redTeamSpeed = [];\n redTeamMorale = [];\n greenTeamDisruption = [];\n redTeamDiversity = [];\n\n }\n else\n {\n greenProfiles = [];\n redProfiles = [];\n greenLeadership = [];\n redLeadership = [];\n greenSocial = [];\n greenUniqueness = [\"Silver\", \"Gold\"];\n greenEmotionality = [];\n redEmotionality = [\"Very Emotional\", \"Extremely Emotional\"];\n greenAccountability = [];\n redGrit = [];\n redTeamSpeed = [];\n redTeamMorale = [];\n greenTeamDisruption = [];\n redTeamDiversity = [];\n \n\n }\n \n let certifiedColor=-1, profileColor=-1, leadershipColor=-1, socialColor=-1, uniquenessColor=-1, emotionalityColor=-1, accountabilityColor=-1,\n gritColor=-1, teamSpeedColor=-1, teamDisruptionColor=-1, teamDiversityColor=-1, teamMoraleColor=-1;\n\n if(rlglrow.Certified === true){\n certifiedColor = 1;\n maxDataIndicator ++;\n }\n else if(rlglrow.Certified === false){\n certifiedColor = 0;\n maxDataIndicator --;\n }\n if(greenProfiles.indexOf(rlglrow.Profile) > -1){\n profileColor = 1;\n maxDataIndicator++;\n }\n else if(redProfiles.indexOf(rlglrow.Profile) > -1){\n profileColor = 0;\n maxDataIndicator --;\n }\n\n if(greenLeadership.indexOf(rlglrow.Leadership) > -1){\n leadershipColor = 1;\n maxDataIndicator++;\n }\n else if(redLeadership.indexOf(rlglrow.Leadership) > -1){\n leadershipColor = 0;\n maxDataIndicator --;\n }\n\n if(greenSocial.indexOf(rlglrow.Social) > -1){\n socialColor = 1;\n maxDataIndicator++;\n }\n\n if(greenUniqueness.indexOf(rlglrow.UniquenessMedal) > -1){\n uniquenessColor = 1;\n maxDataIndicator++;\n }\n\n if(greenEmotionality.indexOf(rlglrow.Emotionality) > -1){\n emotionalityColor = 1;\n maxDataIndicator++;\n }\n else if(redEmotionality.indexOf(rlglrow.Emotionality) > -1){\n emotionalityColor = 0;\n maxDataIndicator --;\n }\n if(greenAccountability.indexOf(rlglrow.Accountability) > -1){\n accountabilityColor = 1;\n maxDataIndicator++;\n }\n if(redGrit.indexOf(rlglrow.GritMedal) > -1){\n gritColor = 0;\n maxDataIndicator--;\n }\n\n if(redTeamSpeed.indexOf(rlglrow.TeamSpeed) > -1){\n teamSpeedColor = 0;\n maxDataIndicator--;\n }\n\n if(redTeamMorale.indexOf(rlglrow.TeamMorale) > -1){\n teamMoraleColor = 0;\n maxDataIndicator--;\n }\n if(greenTeamDisruption.indexOf(rlglrow.TeamDisruption) > -1){\n teamDisruptionColor = 1;\n maxDataIndicator++;\n }\n if(redTeamDiversity.indexOf(rlglrow.TeamDiversity) > -1){\n teamDiversityColor = 0;\n maxDataIndicator--;\n }\n \n return {certifiedColor: certifiedColor, profileColor:profileColor, leadershipColor:leadershipColor, socialColor:socialColor, uniquenessColor:uniquenessColor,\n emotionalityColor:emotionalityColor, accountabilityColor:accountabilityColor, gritColor:gritColor, teamSpeedColor:teamSpeedColor, \n teamDisruptionColor, teamDiversityColor, teamMoraleColor, maxDataIndicator};\n }\n\n let rlglrow = props.rlglrow;\n rlglrow.MaxDataIndicator = 0;\n let {certifiedColor, profileColor, leadershipColor, socialColor, uniquenessColor, emotionalityColor, accountabilityColor, gritColor, teamSpeedColor,\n teamDisruptionColor, teamDiversityColor, teamMoraleColor, maxDataIndicator} = getColors(rlglrow);\n let industry =\" \";\n let jobTitle = \" \";\n let state = \"\"\n // make sure \"Other:X\" industries are not too long\n if (rlglrow.Industry !== null) { \n industry = rlglrow.Industry.includes(\"Other:\") ? rlglrow.Industry.substr(0,6) + \" \" + rlglrow.Industry.substr(rlglrow.Industry.indexOf(\":\")+1): rlglrow.Industry;}\n if (rlglrow.JobTitle !==null){\n jobTitle = rlglrow.JobTitle === \"1cdbf1b1-6670-eb11-9889-000d3a60bedf\" ? \"Cheif Executive Officer\" : rlglrow.JobTitle\n }\n if (rlglrow.State !== null){\n state = rlglrow.State === \"Arkansas\" ? \"AR\" : rlglrow.State;\n }\n\n return(\n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\nconst RedLightGreenLightReportRowWrapped = withRouter(withStyles(styles)(RedLightGreenLightReportRow));\nexport default withWendalTracking(RedLightGreenLightReportRowWrapped);\n","import React, {Component, useState, useRef, useEffect} from 'react';\nimport MuiThemeProvider from \"material-ui/styles/MuiThemeProvider\";\nimport CircularProgress from \"../../Common/LoadingIcon\";\nimport axios from \"axios\";\nimport {RedLightGreenLightReportRow} from \"../Dashboard/NewRedLightGreenLightReportRow\";\nimport Pagination from \"react-js-pagination\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport Cookies from \"universal-cookie\";\nimport TextField from \"@material-ui/core/TextField\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport {FormControl, InputLabel, ListItemIcon, ListItemText, Select, Checkbox} from \"@material-ui/core\";\nimport DrawerMenuRight from \"../../Common/DrawerMenuRight\";\nimport { MenuProps } from \"../Dashboard/filterUtils\";\nimport {withWendalTracking} from \"../../../WendalApplicationInsights\";\nimport {withStyles} from \"@material-ui/core/styles\";\nimport PropTypes from \"prop-types\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { use } from 'react';\nimport '../../../main.scss';\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\n\nconst styles = muiTheme => ({\n formControl: {\n margin: \"5px 0 15px 0\",\n width: \"100%\",\n \"& .MuiOutlinedInput-notchedOutline, &:hover .MuiOutlinedInput-notchedOutline\":{\n borderColor: \"#88d2d9 !important\"\n },\n \"&.Mui-focused\": {\n \"& .MuiOutlinedInput-notchedOutline\": {\n borderColor: \"#88d2d9 !important\",\n }\n },\n \"& input\":{\n \"& :focus\":{\n border: \"2px solid #88d2d9\"\n },\n color: \"#005678\",\n border: \"1px solid #88d2d9\"\n },\n \"& .MuiOutlinedInput-root\": {\n color: \"#005678\"\n }\n },\n indeterminateColor: {\n color: \"#f50057\"\n },\n selectAllText: {\n fontWeight: 500\n },\n selectedAll: {\n backgroundColor: \"rgba(0, 0, 0, 0.08)\",\n \"&:hover\": {\n backgroundColor: \"rgba(0, 0, 0, 0.08)\"\n }\n },\n searchWrapper:{\n minWidth: \"325px\",\n maxWidth: \"730px\",\n width: \"50%\",\n },\n searchBar: {\n width: \"680px\",\n height: \"45px\",\n border: \"1px solid #D8DFE1\",\n backgroundColor: \"color-mix(in srgb, #D8DFE1, transparent 85%)\",\n borderRadius: \"10px\",\n paddingLeft: \"10px\",\n color: \"#005678\",\n fontSize: \"1rem\",\n minWidth: \"275px\",\n maxWidth: \"680px\",\n width: \"calc(100% - 50px)\"\n },\n searchIcon: {\n width: \"35px\",\n height: \"35px\",\n position: \"relative\",\n right: \"50px\",\n top: \"15px\",\n },\n tableHead:{\n position: \"sticky\",\n top: 0,\n boxShadow: \"0 0 0 1px #7fb4d2\",\n },\n sortableRlglHeader: {\n padding: \"10px\",\n cursor: \"pointer\" \n },\n rlglHeader:{\n padding: \"10px\",\n },\n paginationWrapper: {\n color:\"#005678\",\n zIndex: 1,\n position: \"relative\",\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n});\n\nfunction Reports(props){\n const {classes} = props;\n const[loading, setLoading] = useState(true);\n const[redLightGreenLightData, setRedLightGreenLightData] = useState(new Array(0));\n const[defaultRlGlData, setDefaultRlGlData] = useState(new Array(0));\n const[activePage, setActivePage] = useState(1);\n const[filtersOpen, setFiltersOpen] = useState(false);\n const[jobTitleFilter, setJobTitleFilter] = useState([]);\n const[dealFlowFilter, setDealFlowFilter] = useState([]);\n const[industryFilter, setIndustryFiler] = useState([]);\n const[startDateFilter,setStartDateFilter] = useState(null);\n const[endDateFilter,setEndDateFilter] = useState(null);\n const[sortKey, setSortKey] = useState(null);\n const[sortOrder, setSortOrder] = useState(null);\n const[timer, setTimer] = useState(null);\n\n const beginDateLabel = window.$intl.beginDate;\n const endDateLabel = window.$intl.endDate;\n const rows = [];\n\n const constructorHasRun = useRef(false);\n\n const constructor = () =>{\n if(constructorHasRun.current){\n return;\n }\n constructorHasRun.current = true;\n const jwtToken = sessionStorage.getItem('jwtToken');\n if (!jwtToken || jwtToken === '') {\n globalProps.history.push('/login');\n return;\n }\n };\n\n constructor();\n\n const getOrgRedLightGreenLight = (orgId) => {\n if (orgId !== '' && orgId !== null) {\n return axios.get(apiBaseUrl + 'organizations/' + orgId + '/redlight_greenlight').then(function (orgResponse) {\n if (orgResponse.status === 200) {\n setRedLightGreenLightData(orgResponse.data)\n setDefaultRlGlData(orgResponse.data)\n } else {\n window.$alertError(\"Error retrieving your red light green light data.\");\n }\n })\n .catch(function (error) {\n console.log(error);\n });\n }\n };\n\n useEffect(() =>{\n if (constructorHasRun.current){\n const orgId = sessionStorage.getItem('orgId');\n getOrgRedLightGreenLight(orgId)\n .then(() => {\n setLoading(false);\n });\n }\n if (document.getElementsByClassName(\"newdashboardBody\")[0]){\n document.getElementsByClassName(\"newdashboardBody\")[0].style.height = \"calc(100vh - 140px)\"\n }\n },[]);\n\n const handlePageChange = (pageNumber) => {\n sessionStorage.setItem('activePage', pageNumber);\n setActivePage(pageNumber);\n };\n\n const compareBy = (key, order) => {\n return function (a, b) {\n let toReturn = 0;\n if (a[key] !== null && b[key] !== null) {\n switch (typeof (a[key])) {\n case \"string\":\n if (a[key].toLowerCase() < b[key].toLowerCase()) toReturn = -1;\n else if (a[key].toLowerCase() > b[key].toLowerCase()) toReturn = 1;\n break;\n case \"boolean\":\n if (a[key] < b[key]) toReturn = -1;\n else if (a[key] > b[key]) toReturn = 1;\n break;\n case \"number\":\n if (a[key] < b[key]) toReturn = -1;\n else if (a[key] > b[key]) toReturn = 1;\n break;\n default:\n // Fall through\n }\n } else {\n if (a[key] !== null) toReturn = 1;\n else if (b[key] !== null) toReturn = -1;\n }\n \n\n if (toReturn === 0 && key === 'CompanyName') {\n if (a['CompanyName'] !== null && b['CompanyName'] !== null) {\n if (a['CompanyName'].toLowerCase() < b['CompanyName'].toLowerCase()) toReturn = -1;\n else if (a['CompanyName'].toLowerCase() > b['CompanyName'].toLowerCase()) toReturn = 1;\n } else {\n if (a['CompanyName'] !== null) toReturn = 1;\n else if (b['CompanyName'] !== null) toReturn = -1;\n }\n }\n if (toReturn === 0 && key === 'State') {\n if (a['State'] !== null && b['State'] !== null) {\n if (a['State'].toLowerCase() < b['State'].toLowerCase()) toReturn = -1;\n else if (a['State'].toLowerCase() > b['State'].toLowerCase()) toReturn = 1;\n } else {\n if (a['State'] !== null) toReturn = 1;\n else if (b['State'] !== null) toReturn = -1;\n }\n }\n if (toReturn === 0 && key === 'JobTitle') {\n if (a['JobTitle'] !== null && b['JobTitle'] !== null) {\n if (a['JobTitle'].toLowerCase() < b['JobTitle'].toLowerCase()) toReturn = -1;\n else if (a['JobTitle'].toLowerCase() > b['JobTitle'].toLowerCase()) toReturn = 1;\n } else {\n if (a['JobTitle'] !== null) toReturn = 1;\n else if (b['JobTitle'] !== null) toReturn = -1;\n }\n }\n if (toReturn === 0 && key === 'Fullname') {\n if (a['Fullname'] !== null && b['Fullname'] !== null) {\n if (a['Fullname'].toLowerCase() < b['Fullname'].toLowerCase()) toReturn = -1;\n else if (a['Fullname'].toLowerCase() > b['Fullname'].toLowerCase()) toReturn = 1;\n } else {\n if (a['Fullname'] !== null) toReturn = 1;\n else if (b['Fullname'] !== null) toReturn = -1;\n }\n }\n if (toReturn === 0 && key === 'Profile') {\n if (a['Profile'] !== null && b['Profile'] !== null) {\n if (a['Profile'].toLowerCase() < b['Profile'].toLowerCase()) toReturn = -1;\n else if (a['Profile'].toLowerCase() > b['Profile'].toLowerCase()) toReturn = 1;\n } else {\n if (a['Profile'] !== null) toReturn = 1;\n else if (b['Profile'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'AttentionScore') {\n if (a['AttentionScore'] !== null && b['AttentionScore'] !== null) {\n if (a['AttentionScore'].toLowerCase() < b['AttentionScore'].toLowerCase()) toReturn = -1;\n else if (a['AttentionScore'].toLowerCase() > b['AttentionScore'].toLowerCase()) toReturn = 1;\n } else {\n if (a['AttentionScore'] !== null) toReturn = 1;\n else if (b['AttentionScore'] !== null) toReturn = -1;\n }\n }\n if (toReturn === 0 && key === 'ToxicityTrait') {\n if (a['ToxicityTrait'] !== null && b['ToxicityTrait'] !== null) {\n if (a['ToxicityTrait'].toLowerCase() < b['ToxicityTrait'].toLowerCase()) toReturn = -1;\n else if (a['ToxicityTrait'].toLowerCase() > b['ToxicityTrait'].toLowerCase()) toReturn = 1;\n } else {\n if (a['ToxicityTrait'] !== null) toReturn = 1;\n else if (b['ToxicityTrait'] !== null) toReturn = -1;\n }\n }\n if (toReturn === 0 && key === 'Leadership') {\n if (a['Leadership'] !== null && b['Leadership'] !== null) {\n if (a['Leadership'].toLowerCase() < b['Leadership'].toLowerCase()) toReturn = -1;\n else if (a['Leadership'].toLowerCase() > b['Leadership'].toLowerCase()) toReturn = 1;\n } else {\n if (a['Leadership'] !== null) toReturn = 1;\n else if (b['Leadership'] !== null) toReturn = -1;\n }\n }\n if (toReturn === 0 && key === 'Industry') {\n if (a['Industry'] !== null && b['Industry'] !== null) {\n if (a['Industry'].toLowerCase() < b['Industry'].toLowerCase()) toReturn = -1;\n else if (a['Industry'].toLowerCase() > b['Industry'].toLowerCase()) toReturn = 1;\n } else {\n if (a['Industry'] !== null) toReturn = 1;\n else if (b['Industry'] !== null) toReturn = -1;\n }\n }\n if (toReturn === 0 && key === 'Country') {\n if (a['Country'] !== null && b['Country'] !== null) {\n if (a['Country'].toLowerCase() < b['Country'].toLowerCase()) toReturn = -1;\n else if (a['Country'].toLowerCase() > b['Country'].toLowerCase()) toReturn = 1;\n } else {\n if (a['Country'] !== null) toReturn = 1;\n else if (b['Country'] !== null) toReturn = -1;\n }\n }\n if (toReturn === 0 && key === 'Certified') {\n if (a['Certified'] !== null && b['Certified'] !== null) {\n if (a['Certified'] < b['Certified']) toReturn = -1;\n else if (a['Certified'] > b['Certified']) toReturn = 1;\n } else {\n if (a['Certified'] !== null) toReturn = 1;\n else if (b['Certified'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'Social') {\n if (a['Social'] !== null && b['Social'] !== null) {\n if (a['Social'].toLowerCase() < b['Social'].toLowerCase()) toReturn = -1;\n else if (a['Social'].toLowerCase() > b['Social'].toLowerCase()) toReturn = 1;\n } else {\n if (a['Social'] !== null) toReturn = 1;\n else if (b['Social'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'UniquenessMedal') {\n if (a['UniquenessMedal'] !== null && b['UniquenessMedal'] !== null) {\n if (a['UniquenessMedal'].toLowerCase() < b['UniquenessMedal'].toLowerCase()) toReturn = -1;\n else if (a['UniquenessMedal'].toLowerCase() > b['UniquenessMedal'].toLowerCase()) toReturn = 1;\n } else {\n if (a['UniquenessMedal'] !== null) toReturn = 1;\n else if (b['UniquenessMedal'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'Emotionality') {\n if (a['Emotionality'] !== null && b['Emotionality'] !== null) {\n if (a['Emotionality'].toLowerCase() < b['Emotionality'].toLowerCase()) toReturn = -1;\n else if (a['Emotionality'].toLowerCase() > b['Emotionality'].toLowerCase()) toReturn = 1;\n } else {\n if (a['Emotionality'] !== null) toReturn = 1;\n else if (b['Emotionality'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'Accountability') {\n if (a['Accountability'] !== null && b['Accountability'] !== null) {\n if (a['Accountability'].toLowerCase() < b['Accountability'].toLowerCase()) toReturn = -1;\n else if (a['Accountability'].toLowerCase() > b['Accountability'].toLowerCase()) toReturn = 1;\n } else {\n if (a['Accountability'] !== null) toReturn = 1;\n else if (b['Accountability'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'GritMedal') {\n if (a['GritMedal'] !== null && b['GritMedal'] !== null) {\n if (a['GritMedal'].toLowerCase() < b['GritMedal'].toLowerCase()) toReturn = -1;\n else if (a['GritMedal'].toLowerCase() > b['GritMedal'].toLowerCase()) toReturn = 1;\n } else {\n if (a['GritMedal'] !== null) toReturn = 1;\n else if (b['GritMedal'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'TeamSpeed') {\n if (a['TeamSpeed'] !== null && b['TeamSpeed'] !== null) {\n if (a['TeamSpeed'].toLowerCase() < b['TeamSpeed'].toLowerCase()) toReturn = -1;\n else if (a['TeamSpeed'].toLowerCase() > b['TeamSpeed'].toLowerCase()) toReturn = 1;\n } else {\n if (a['TeamSpeed'] !== null) toReturn = 1;\n else if (b['TeamSpeed'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'TeamMorale') {\n if (a['TeamMorale'] !== null && b['TeamMorale'] !== null) {\n if (a['TeamMorale'].toLowerCase() < b['TeamMorale'].toLowerCase()) toReturn = -1;\n else if (a['TeamMorale'].toLowerCase() > b['TeamMorale'].toLowerCase()) toReturn = 1;\n } else {\n if (a['TeamMorale'] !== null) toReturn = 1;\n else if (b['TeamMorale'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'TeamDisruption') {\n if (a['TeamDisruption'] !== null && b['TeamDisruption'] !== null) {\n if (a['TeamDisruption'].toLowerCase() < b['TeamDisruption'].toLowerCase()) toReturn = -1;\n else if (a['TeamDisruption'].toLowerCase() > b['TeamDisruption'].toLowerCase()) toReturn = 1;\n } else {\n if (a['TeamDisruption'] !== null) toReturn = 1;\n else if (b['TeamDisruption'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'TeamDiversity') {\n if (a['TeamDiversity'] !== null && b['TeamDiversity'] !== null) {\n if (a['TeamDiversity'].toLowerCase() < b['TeamDiversity'].toLowerCase()) toReturn = -1;\n else if (a['TeamDiversity'].toLowerCase() > b['TeamDiversity'].toLowerCase()) toReturn = 1;\n } else {\n if (a['TeamDiversity'] !== null) toReturn = 1;\n else if (b['TeamDiversity'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'MaxDataIndicator') {\n if (a['MaxDataIndicator'] !== null && b['MaxDataIndicator'] !== null) {\n if (a['MaxDataIndicator'] < b['MaxDataIndicator']) toReturn = -1;\n else if (a['MaxDataIndicator'] > b['MaxDataIndicator']) toReturn = 1;\n } else {\n if (a['MaxDataIndicator'] !== null) toReturn = 1;\n else if (b['MaxDataIndicator'] !== null) toReturn = -1;\n }\n }\n\n if (toReturn === 0 && key === 'TP_Submissions') {\n if (a['TP_Submissions'] > b['TP_Submissions']) return -1;\n if (a['TP_Submissions'] < b['TP_Submissions']) return 1;\n }\n\n // Calculate asc or desc\n if (order === 'desc') toReturn = toReturn * -1;\n\n return toReturn;\n };\n }\n\n const sortBy = (key, maintainOrder) => {\n const cookies = new Cookies();\n let localSortOrder = 'asc';\n if (key === sortKey && sortOrder === 'asc') {\n localSortOrder = 'desc';\n }\n\n if (maintainOrder === true) {\n localSortOrder = sortOrder;\n }\n /* cookies.set('adminSortBy', key, {path: '/'});\n cookies.set('adminSortOrder', sortOrder, {path: '/'}); */\n let arrayCopy = redLightGreenLightData.sort(compareBy(key, localSortOrder));\n setSortKey(key);\n setSortOrder(localSortOrder);\n setRedLightGreenLightData(arrayCopy);\n }\n\n const sortAgain = (redLightGreenLightData) => {\n let arrayCopy = redLightGreenLightData.sort(compareBy(sortKey, sortOrder));\n setRedLightGreenLightData(arrayCopy);\n }\n\n const search = (searchTerm) => {\n clearTimeout(timer);\n // only search once the user has stopped typing for 1 second\n const newTimer = setTimeout(() =>{\n sessionStorage.setItem('searchTerm', searchTerm);\n sessionStorage.setItem('activePage', 1);\n if (searchTerm.trim() === '') {\n applyFilters(dealFlowFilter, jobTitleFilter, industryFilter, startDateFilter, endDateFilter);\n } else {\n const filteredSearch = applyFiltersForSearch(dealFlowFilter, jobTitleFilter, industryFilter, startDateFilter, endDateFilter);\n const searchPeople = [];\n searchTerm = searchTerm.toLowerCase();\n filteredSearch.forEach((row) => {\n try {\n if (row !== undefined && row.Fullname !== null && row.Fullname.toLowerCase().indexOf(searchTerm) > -1) {\n searchPeople.push(row);\n }\n else if (row !== undefined && row.CompanyName !== null && row.CompanyName.toLowerCase().indexOf(searchTerm) > -1) {\n searchPeople.push(row);\n }\n } catch (e) {\n console.log(e);\n }\n });\n setRedLightGreenLightData(searchPeople);\n setActivePage(1)\n }\n },1000)\n setTimer(newTimer);\n }\n\n const handleStartDateFilter = (date) => {\n setStartDateFilter(date)\n applyFilters(dealFlowFilter, jobTitleFilter, industryFilter, date, endDateFilter);\n }\n\n const handleEndDateFilter = (date) => {\n setEndDateFilter(date)\n applyFilters(dealFlowFilter, jobTitleFilter, industryFilter, startDateFilter, date);\n }\n\n const handleIndustryFilter = (event, newValue) => {\n let filterValue = industryFilter;\n const selectedValue = newValue.props.value;\n if (selectedValue === \"clear\") {\n filterValue = [];\n }\n else {\n if (filterValue.indexOf(selectedValue) < 0) {\n filterValue.push(selectedValue);\n } else {\n filterValue.splice(filterValue.indexOf(selectedValue), 1);\n }\n }\n setIndustryFiler(filterValue);\n applyFilters(dealFlowFilter, jobTitleFilter, filterValue, startDateFilter, endDateFilter);\n };\n\n const handleDealFlowStatusFilter = (event, newValue) => {\n let filterValue = dealFlowFilter;\n const selectedValue = newValue.props.value;\n if (selectedValue === \"clear\") {\n filterValue = [];\n }\n else {\n if (filterValue.indexOf(selectedValue) < 0) {\n filterValue.push(selectedValue);\n } else {\n filterValue.splice(filterValue.indexOf(selectedValue), 1);\n }\n }\n setDealFlowFilter(filterValue);\n applyFilters(filterValue, jobTitleFilter, industryFilter, startDateFilter, endDateFilter);\n };\n\n const handleJobTitleFilter = (event, newValue) => {\n let filterValue = jobTitleFilter;\n const selectedValue = newValue.props.value;\n if (selectedValue === \"clear\") {\n filterValue = [];\n }\n else {\n if (filterValue.indexOf(selectedValue) < 0) {\n filterValue.push(selectedValue);\n } else {\n filterValue.splice(filterValue.indexOf(selectedValue), 1);\n }\n }\n setJobTitleFilter(filterValue);\n applyFilters(dealFlowFilter, filterValue, industryFilter, startDateFilter, endDateFilter);\n };\n\n const applyFilters = (dealFlowStatusFilter, jobTitleFilter, industryFilter, startDateFilter, endDateFilter) => {\n const filteredRows = applyFiltersForSearch(dealFlowStatusFilter, jobTitleFilter, industryFilter, startDateFilter, endDateFilter);\n setRedLightGreenLightData(filteredRows);\n setActivePage(1);\n setTimeout(() => {\n handlePageChange(1);\n sortAgain(filteredRows);\n }, 100);\n };\n\n const applyFiltersForSearch = (dealFlowStatusFilter, jobTitleFilter, industryFilter, startDateFilter, endDateFilter) => {\n let filteredOutRows = [];\n defaultRlGlData.forEach((dataRow) => {\n try {\n if (dealFlowStatusFilter && dealFlowStatusFilter.length > 0) {\n if (dataRow === undefined || dataRow.DealFlowStatus === null || dealFlowStatusFilter.indexOf(dataRow.DealFlowStatus) < 0) {\n filteredOutRows.push(dataRow);\n }\n }\n if (jobTitleFilter && jobTitleFilter.length > 0) {\n if (dataRow === undefined || dataRow.JobTitle === null || jobTitleFilter.indexOf(dataRow.JobTitle) < 0) {\n filteredOutRows.push(dataRow);\n }\n }\n if (industryFilter && industryFilter.length > 0) {\n if (dataRow === undefined || dataRow.Industry === null || industryFilter.indexOf(dataRow.Industry) < 0) {\n filteredOutRows.push(dataRow);\n }\n }\n \n let dateToFilter = new Date(dataRow.SubmissionDate);\n if (startDateFilter !== null && startDateFilter !== undefined) {\n if (dataRow === undefined || dataRow.SubmissionDate === null || dateToFilter < startDateFilter) {\n filteredOutRows.push(dataRow);\n }\n }\n\n if (endDateFilter !== null && endDateFilter !== undefined) {\n if (dataRow === undefined || dataRow.SubmissionDate === null || dateToFilter > endDateFilter) {\n filteredOutRows.push(dataRow);\n }\n }\n\n } catch (e) {\n console.log(e);\n }\n });\n let filteredRows = [];\n defaultRlGlData.forEach((row) => {\n if (filteredOutRows.indexOf(row) < 0) {\n filteredRows.push(row);\n }\n });\n return filteredRows;\n };\n\n const sortAlphabetically = (a, b) => {\n if (a < b) return -1;\n if (b > a) return 1;\n return 0;\n };\n \n if (loading) {\n return (\n {rlglrow.CompanyName} \n {industry} \n {state} \n {rlglrow.Fullname} \n {jobTitle} \n\n {certifiedColor === 1 ?\n {\"Yes\"} \n : certifiedColor === 0 ?\n {\"No\"} \n :\n {\"\"} \n }\n {profileColor === 1?\n {rlglrow.Profile} \n :profileColor === 0?\n {rlglrow.Profile} \n :\n {rlglrow.Profile} \n }\n {leadershipColor === 1?\n {rlglrow.Leadership} \n :leadershipColor === 0?\n {rlglrow.Leadership} \n :\n {rlglrow.Leadership} \n }\n {socialColor === 1?\n {rlglrow.Social} \n :socialColor === 0?\n {rlglrow.Social} \n :\n {rlglrow.Social} \n }\n {uniquenessColor === 1?\n {rlglrow.UniquenessMedal} \n :uniquenessColor === 0?\n {rlglrow.UniquenessMedal} \n :\n {rlglrow.UniquenessMedal} \n }\n {emotionalityColor === 1?\n {rlglrow.Emotionality} \n :emotionalityColor === 0?\n {rlglrow.Emotionality} \n :\n {rlglrow.Emotionality} \n }\n {accountabilityColor === 1?\n {rlglrow.Accountability} \n :accountabilityColor === 0?\n {rlglrow.Accountability} \n :\n {rlglrow.Accountability} \n }\n {gritColor === 1?\n {rlglrow.GritMedal} \n :gritColor === 0?\n {rlglrow.GritMedal} \n :\n {rlglrow.GritMedal} \n }\n {teamSpeedColor === 1?\n {rlglrow.TeamSpeed} \n :teamSpeedColor === 0?\n {rlglrow.TeamSpeed} \n :\n {rlglrow.TeamSpeed} \n }\n {teamMoraleColor === 1?\n {rlglrow.TeamMorale} \n :teamMoraleColor === 0?\n {rlglrow.TeamMorale} \n :\n {rlglrow.TeamMorale} \n }\n {teamDisruptionColor === 1?\n {rlglrow.TeamDisruption} \n :teamDisruptionColor === 0?\n {rlglrow.TeamDisruption} \n :\n {rlglrow.TeamDisruption} \n }\n {teamDiversityColor === 1?\n {rlglrow.TeamDiversity} \n :teamDiversityColor === 0?\n {rlglrow.TeamDiversity} \n :\n {rlglrow.TeamDiversity} \n }\n {maxDataIndicator < 3 ?\n {\"Avoid\"} \n :\n maxDataIndicator === 3 || maxDataIndicator === 4 ?\n {\"Neutral\"} \n : maxDataIndicator > 4 && maxDataIndicator < 9 ? \n {\"Recommend\"} \n : {\"Highly Recommend\"} \n }\n {rlglrow.AutomatedDealStatus} \n \n \n \n \n \n \n \n \n
\n \n \n \n \n {rows.slice((activePage - 1) * 20, (activePage) * 20)}\n \n sortBy('CompanyName', false)}\n style={{textAlign: 'left', backgroundColor: \"#EBF0F3\", minWidth: \"175px\"}}>\n \n \n {window.$intl.companyNameRLGL}\n {sortKey === 'CompanyName' ? sortIcon : ''}\n \n sortBy('Industry', false)}\n style={{textAlign: 'left', backgroundColor: \"#EBF0F3\"}}>\n \n \n {window.$intl.industry}\n {sortKey === 'Industry' ? sortIcon : ''}\n \n sortBy('State', false)}\n style={{textAlign: 'left', backgroundColor: \"#EBF0F3\", minWidth: \"45px\"}}>\n \n \n {window.$intl.state}\n {sortKey === 'State' ? sortIcon : ''}\n \n sortBy('Fullname', false)}\n style={{textAlign: 'left', backgroundColor: \"#D8DFE1\"}}>\n \n \n Name\n {sortKey === 'Fullname' ? sortIcon : ''}\n \n sortBy('JobTitle', false)}\n style={{textAlign: 'left', backgroundColor: \"#D8DFE1\"}}>\n \n \n {window.$intl.jobTitleCaps}\n {sortKey === 'JobTitle' ? sortIcon : ''}\n \n sortBy('Certified', false)}\n style={{textAlign: 'left', backgroundColor: \"#D8DFE1\"}}>\n \n \n {window.$intl.certified}\n {sortKey === 'Certified' ? sortIcon : ''}\n \n sortBy('Profile', false)}\n style={{textAlign: 'left', backgroundColor: \"#D8DFE1\"}}>\n \n \n {window.$intl.profile}\n {sortKey === 'Profile' ? sortIcon : ''}\n \n sortBy('Leadership', false)}\n style={{textAlign: 'left', backgroundColor: \"#D8DFE1\"}}>\n \n \n {window.$intl.leadership}\n {sortKey === 'Leadership' ? sortIcon : ''}\n \n sortBy('Social', false)}\n style={{textAlign: 'left', backgroundColor: \"#D8DFE1\"}}>\n \n \n {window.$intl.social}\n {sortKey === 'Social' ? sortIcon : ''}\n \n sortBy('UniquenessMedal', false)}\n style={{textAlign: 'left', backgroundColor: \"#D8DFE1\"}}>\n \n \n {window.$intl.uniquenessMedal}\n {sortKey === 'UniquenessMedal' ? sortIcon : ''}\n \n sortBy('Emotionality', false)}\n style={{textAlign: 'left', backgroundColor: \"#D8DFE1\"}}>\n \n \n {window.$intl.emotionality}\n {sortKey === 'Emotionality' ? sortIcon : ''}\n \n sortBy('Accountability', false)}\n style={{textAlign: 'left', backgroundColor: \"#D8DFE1\"}}>\n \n \n Reliability\n {sortKey === 'Accountability' ? sortIcon : ''}\n \n sortBy('GritMedal', false)}\n style={{textAlign: 'left', backgroundColor: \"#D8DFE1\"}}>\n \n \n {window.$intl.gritMedal}\n {sortKey === 'GritMedal' ? sortIcon : ''}\n \n sortBy('TeamSpeed', false)}\n style={{textAlign: 'left', backgroundColor: \"#005678\", color: \"white\"}}>\n \n \n {window.$intl.teamSpeed}\n {sortKey === 'TeamSpeed' ? sortIcon : ''}\n \n sortBy('TeamMorale', false)}\n style={{textAlign: 'left', backgroundColor: \"#005678\", color: \"white\"}}>\n \n \n {window.$intl.teamMorale}\n {sortKey === 'TeamMorale' ? sortIcon : ''}\n \n sortBy('TeamDisruption', false)}\n style={{textAlign: 'left', backgroundColor: \"#005678\", color: \"white\"}}>\n \n \n {window.$intl.teamDisruption}\n {sortKey === 'TeamDisruption' ? sortIcon : ''}\n \n sortBy('TeamDiversity', false)}\n style={{textAlign: 'left', backgroundColor: \"#005678\", color: \"white\"}}>\n \n \n {window.$intl.teamDiversity}\n {sortKey === 'TeamDiversity' ? sortIcon : ''}\n \n \n \n \n {window.$intl.maxDataIndicator}\n \n sortBy('AutomatedDealStatus', false)}\n style={{textAlign: 'left', backgroundColor: \"#F5F5F6\"}}>\n \n \n {window.$intl.automatedDealStatus}\n {sortKey === 'AutomatedDealStatus' ? sortIcon : ''}\n \n \n Showing {displayingMin} - {displayingMax} of {rowCount}\n \n \n );\n\n return(\n \n \n );\n}\n\nReports.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nlet globalProps;\n\nconst ReportsWrapped = withStyles(styles)(Reports)\nexport default withWendalTracking(ReportsWrapped);","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {withStyles} from '@material-ui/core/styles';\nimport CircularProgress from '../../../components/Common/LoadingIcon.js';\nimport DashboardTemplate from \"../../../components/Common/NewDashboardTemplate/NewDashboardTemplate.js\";\nimport PathBuilder from \"../../../components/Admin/PathBuilder/PathBuilder.js\";\nimport TemplateBuilder from \"../PathBuilder/TemplateBuilder\";\nimport \"react-tabs/style/react-tabs.css\";\nimport {CompaniesTable} from \"./NewCompaniesTable/NewCompaniesTable\";\nimport {Metrics} from \"./Metrics\";\nimport {ConclusionsMetrics} from \"./ConclusionsMetrics\";\nimport {QuestionnairesTable} from \"./QuestionnairesTable\";\nimport Versions from '../Questionnaires/Versions';\nimport DashboardMobile from \"../Dashboard/DashboardMobile\";\nimport {withWendalTracking} from \"../../../WendalApplicationInsights\";\nimport {AbstractDashboard} from \"./AbstractDashboard\";\nimport Documents from \"../Questionnaires/Documents\";\nimport FlowBuilder from '../FlowBuilder/FlowBuilder.js';\nimport Reports from \"../Reports/NewReports\";\n\nconst styles = muiTheme => ({\n root: {\n flexGrow: 1,\n },\n modalPaper: {\n position: 'absolute',\n width: muiTheme.spacing.unit * 100,\n backgroundColor: muiTheme.palette.background.paper,\n boxShadow: muiTheme.shadows[5],\n padding: muiTheme.spacing.unit * 4,\n outline: 'none',\n },\n label: {\n \"&$focusedLabel\": {\n color: \"#e57231\"\n },\n \"&$erroredLabel\": {\n color: \"#e57231\"\n }\n },\n focusedLabel: {},\n erroredLabel: {},\n underline: {\n \"&$error:after\": {\n borderBottomColor: \"#e57231\"\n },\n \"&:after\": {\n borderBottom: `2px solid #e57231`\n }\n },\n error: {},\n closeImg: {cursor: 'pointer', float: 'right', marginTop: '-10px', width: '30px'},\n});\n\nclass Admin extends AbstractDashboard { \n state = {\n loading: true,\n tabIndex: 0,\n tabIndexValuationMetrics: 0,\n panelIndex: 0,\n displayingQuestionnaireGroup: null, \n };\n\n constructor(props) { \n super(props);\n globalProps = props;\n const jwtToken = sessionStorage.getItem('jwtToken');\n sessionStorage.setItem('dashView','org')\n if (!jwtToken || jwtToken === '') {\n globalProps.history.push('/login');\n return;\n }\n const companyId = sessionStorage.getItem('companyId');\n const orgId = sessionStorage.getItem('orgId');\n sessionStorage.setItem('updatedCompanies',JSON.stringify(null))\n sessionStorage.setItem('adminCompany', '');\n if (orgId === undefined || orgId === null || orgId.trim() === '') {\n if (companyId !== undefined && companyId !== null && companyId.trim() !== '') {\n globalProps.history.push('/dashboard');\n }\n sessionStorage.setItem('jwtToken', '');\n globalProps.history.push('/login');\n }\n\n const currentOrg = JSON.parse(sessionStorage.getItem('userOrganizations')).find(org => org.Id === orgId);\n if (currentOrg !== undefined && currentOrg.IsSuspended) {\n globalProps.history.push('/settings/suspended');\n }\n }\n\n componentDidMount() {\n // Load admin data\n if (window.innerWidth > 960) {\n sessionStorage.setItem('dashView','org')\n const orgId = sessionStorage.getItem('orgId');\n this.loadScreeners(orgId);\n }\n this.setPanelIndex();\n }\n componentDidUpdate(){\n if(this.props.match.params.tab !== this.currTab){\n this.setPanelIndex();\n }\n }\n \n render() {\n const {classes} = this.props;\n\n if (window.innerWidth <= 960) {\n return \n \n {tabPanels}\n \n \n \n {search(event.target.value)}}>\n \n {setFiltersOpen(true)}}\n style={{margin: 'auto 10px', cursor: 'pointer', fontSize: '1rem'}}>\n })
\n \n {this.state.loading ?\n \n \n :\n \n {this.state.panelIndex === 0 ?\n \n }\n ![\"Grit](\"https://wendalstorageprod.blob.core.windows.net/wendal-prod/grit-medal-silver.png\")
;\n }\n else if (gritMedal === \"Gold\") {\n grit = ![\"Grit](\"https://wendalstorageprod.blob.core.windows.net/wendal-prod/grit-medal-gold.png\")
;\n } else {\n grit = None\n }\n\n return(\n <>\n \n \n Leadership:
{user.Leadership??\"None\"}\n \n \n Social:
{user.Social??\"None\"}\n \n \n Emotionality:
{user.Emotionality??\"None\"}\n \n \n Accountability:
{user.Accountability??\"None\"}\n \n \n \n )\n\n }\n\n if (error){\n return Grit:
{grit}\n {error};\n }\n \n return (\n \n {loadingCeo ? \n )\n}\n","import React from 'react';\nimport { useState, useEffect } from 'react'\nimport Modal from \"@material-ui/core/Modal\";\nimport '../../../../../../main.scss';\nexport default function orgTeamsFilterModal(props) {\n\n\n const [sortBy, setSortBy] = useState(props.sortBy);\n const [selectedJobTitle, setSelectedJobTitle] = useState(props.jobTitle);\n const [selectedProfiles, setSelectedProfiles] = useState(props.profiles);\n\n const allProfiles = [\"Accelerator\", \"Disruptor\", \"Problem Solver\", \"Strategist\", \"Architect\", \"SME\", \"Academic\", \"Artisan\", \"Traditionalist\", \"Operator\",\n \"Mediator\", \"Ally\", \"Mingler\", \"Crusader\", \"Closer\", \"Influencer\", \"Visionary\", \"Organizer\", \"Wild Card\", \"Explorer\"];\n\n function selectSort(sortByThis) {\n if (sortByThis === sortBy) {\n setSortBy(\"\");\n }\n else {\n setSortBy(sortByThis);\n }\n }\n\n function selectProfile(profile) {\n if (selectedProfiles.includes(profile)) {\n var profiles = selectedProfiles;\n profiles.splice(selectedProfiles.indexOf(profile), 1);\n setSelectedProfiles(profiles);\n\n }\n else {\n var profiles = selectedProfiles;\n selectedProfiles.push(profile);\n }\n }\n\n function clearAll() {\n setSortBy(\"\");\n setSelectedJobTitle(\"\");\n setSelectedProfiles([]);\n }\n\n return ({error} :\n <>\n \n \n \n \n \n
\n \n {colorTrait(\"Profile\", ceo.Profile)===\"#FF2136\" &&}\n {colorTrait(\"Profile\", ceo.Profile)===\"#008A00\" &&}\n \n \n \n \n {`${ceo.Fullname}`}
\n \n \n \n {displayCeoTraits(ceo)}\n \n \n \n }\n }\n \n {loadingMaxDataIndicator ? \n \n \n }\n \n \n \n \n Team Speed:
{ceo.TeamSpeed??\"None\"}\n \n \n Team Morale:
{ceo.TeamMorale??\"None\"}\n \n \n Team Disruption:
{ceo.TeamDisruption??\"None\"}\n \n \n Team Diversity:
{ceo.TeamDiversity??\"None\"}\n \n \n )\n}\n","import React, { useEffect, useRef, useState } from \"react\";\nimport ListView from \"../../../../Common/Icons/ListView\";\nimport MapView from \"../../../../Common/Icons/MapView\";\nimport VerifiedFlag from \"../../../../Common/Icons/VerifiedFlag\";\nimport NewTeamMapView from \"../../../../Users/NewMyTeam/NewTeamMapView/NewTeamMapView\";\nimport { CircularProgress } from \"@material-ui/core\";\nimport { getTrait } from \"../../../../Common/GetTrait\";\nimport { TeamsTabReport } from \"./TeamsTabReport/TeamsTabReport\";\nimport NewFilterModal from \"./OrgTeamsFilterModal/OrgTeamsFilterModal\";\nimport { ServiceLocator } from \"../../../../../Services/ServiceLocator\";\nimport CloseIcon from \"../../../../Common/Icons/CloseIcon\";\nimport shave from \"shave\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { NewSubmissionResultModal } from \"../../../../Common/NewSubmissionResultsModal/NewSubmissionResultsModal\";\nimport { RealQuestionnaireApiWrapper } from \"../../../../CustomQuestionnaire/RealQuestionnaireApiWrapper\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport html2pdf from \"html2pdf.js\";\n\nlet submission;\nlet questionnaire;\nlet submissionUser;\n\nconst questionnaireService = ServiceLocator.Instance.getQuestionnaireService();\nexport const OrgTeamsTab = ({ companyId, company, organizationId, allUsers, teamReport, loadingTeamReport, questionnaires }) => {\n\n const [listView, setListView] = useState(false);\n const [mapUser, setMapUser] = useState(null);\n const [mapUserLoading, setMapUserLoading] = useState(false);\n const [detailStatus, setDetailStatus] = useState({error:false, text: \"Click a team member on the Map to view their information\"});\n const [filterModalOpen, setFilterModalOpen] = useState(false);\n const [displayUsers, setDisplayUsers] = useState([]);\n const [filteredUsers, setFilteredUsers] = useState([]);\n const [numberOfPages, setNumberOfPages] = useState(1);\n const [loadingResults, setLoadingResults] = useState(false);\n\n const [jobTitles, setJobTitles] = useState([]);\n\n const [searchTerm, setSearchTerm] = useState(\"\");\n\n const [stateSortBy, setSortBy] = useState(\"\");\n const [filterJobTitle, setFilterJobTitle] = useState(\"\");\n const [filterProfiles, setFilterProfiles] = useState([]);\n\n const [resultsOpen, setResultsOpen] = useState(false);\n\n const [viewQuestionnaire, setViewQuestionnaire] = useState(null);\n const [viewSubmission, setViewSubmission] = useState(null);\n const [submissionLoading, setSubmissionLoading] = useState(null);\n\n // To position flag correctly\n const userNameRef = useRef(null);\n const [wrapUserName, setWrapUserName] = useState(false);\n\n\n useEffect(()=>{\n getJobTitles();\n },[]);\n\n useEffect(()=>{\n if(allUsers){\n setDisplayUsers(allUsers);\n setFilteredUsers(allUsers);\n }\n },[allUsers]);\n\n useEffect(() => {\n searchMembers(searchTerm);\n }, [filteredUsers]);\n\n useEffect(()=>{setWrapUserName(false);},[mapUserLoading])\n\n useEffect(()=>{\n if(mapUser && !mapUserLoading && userNameRef.current){\n if (userNameRef.current.offsetHeight > 21){\n \n setWrapUserName(true);\n }\n const nameHeight = 40;\n shave('.user-overview h5', nameHeight);\n }\n },[mapUserLoading, userNameRef])\n\n // Check for if user has shared teamprint\n useEffect(()=>{\n if(mapUser){\n const variables = mapUser.variables;\n if(Object.keys(variables).length===0){\n setDetailStatus({error:true, text: \"This user hasn't shared their teamprint yet\"});\n } else {\n setDetailStatus({error:false, text: \"Click a team member on the Map to view their information\"});\n }\n }\n },[mapUser]);\n\n function getJobTitles(){\n const platformService = ServiceLocator.Instance.getPlatformService();\n return platformService.getJobTitles().then((jobTitlesResponse) => {\n let titles = jobTitlesResponse.sort(function (a, b) {\n return sortByTitle(a, b);\n });\n setJobTitles(titles);\n });\n };\n\n function applyFilters(sortBy, jobTitle, profiles) {\n setFilterModalOpen(false);\n let users = allUsers.filter(u => true);\n if (jobTitle !== \"\") {\n users = users.filter(u => u.jobTitle === jobTitle)\n }\n if (profiles.length > 0) {\n users = users.filter(u => profiles.includes(u.profile));\n }\n let sortedUsers = users.sort(function (a, b) {\n return sortUsers(a, b, sortBy);\n });\n setSortBy(sortBy);\n setFilterJobTitle(jobTitle);\n setFilterProfiles(profiles);\n setFilteredUsers(sortedUsers);\n\n }\n\n function sortUsers(a, b, sortBy) {\n if (sortBy === \"Name\") {\n let aName = a.firstName + \" \" + a.lastName;\n let bName = b.firstName + \" \" + b.lastName;\n if (aName < bName) return -1;\n if (aName > bName) return 1;\n return 0;\n }\n else if (sortBy === \"Email\") {\n if (a.email < b.email) return -1;\n if (a.email > b.email) return 1;\n return 0;\n }\n else if (sortBy === \"Job Title\") {\n if (a.jobTitle < b.jobTitle) return -1;\n if (a.jobTitle > b.jobTitle) return 1;\n return 0;\n }\n else if (sortBy === \"Profile\") {\n if (a.profile < b.profile) return -1;\n if (a.profile > b.profile) return 1;\n return 0;\n }\n }\n\n function sortByTitle(a, b){\n if (a.Title < b.Title) return -1;\n if (b.Title > a.Title) return 1;\n return 0;\n };\n\n function searchMembers(searchInput) {\n setSearchTerm(searchInput);\n var searchString = (searchInput).toLowerCase();\n let foundUsers = [];\n filteredUsers.forEach(user => {\n var fullName = (user.firstName + \" \" + user.lastName).toLowerCase();\n if (fullName.includes(searchString) || user.email.includes(searchString)) {\n foundUsers.push(user);\n }\n });\n setDisplayUsers(foundUsers);\n setNumberOfPages(Math.ceil(foundUsers.length / 8))\n }\n\n function displayUserVariables(user) {\n if (user.variables === null || user.variables === undefined) {\n return \n props.applyFilters(sortBy, selectedJobTitle, selectedProfiles)}> \n }){kind=icon}
Filter\n \n \n \n \n \n {props.listView && Sort and Filter
\n \n \n \n \n \n Sort By\n }\n \n \n \n \n \n \n \n Filter\n \n \n \n \n \n Job Title\n \n \n \n TeamPrint Profile\n \n \n {allProfiles.map((profile) => {\n return \n }) }\n \n No Profile Traits Found;\n }\n \n let leadership = user.variables.LeadershipAttribute;\n let social = user.variables.SocialAttribute;\n let formality = user.variables.FormalityAttribute;\n let pace = user.variables.PaceAttribute;\n\n if (!leadership || leadership == undefined) {\n leadership = getTrait(user.variables.LeadershipScore, 'Leadership');\n }\n if (!social || social == undefined) {\n social = getTrait(user.variables.SocialScore, 'Social');\n }\n if (!pace || pace == undefined) {\n pace = getTrait(user.variables.PaceScore, 'Pace');\n }\n if (!formality || formality == undefined) {\n formality = getTrait(user.variables.FormalityScore, 'Formality');\n }\n\n return \n \n }\n\n function displayUserBadges(user) {\n var badges = [];\n if (user.variables === null) {\n return {user.variables.Category}\n {user.variables.Profile}\n {leadership}\n {social}\n {pace}\n {formality}\n No Badges Found\n }\n var honestyMedal = user.variables[\"Charge\"];\n var gritMedal = user.variables[\"GritMedal\"];\n var eiMedal = user.variables[\"EmotionalIntelligenceMedal\"];\n var uniquenessMedal = user.variables[\"UniquenessMedal\"];\n if (honestyMedal === \"Honest 1\") {\n badges.push(![\"Honesty](\"https://wendalstorageprod.blob.core.windows.net/wendal-prod/honesty-medal-silver.png\")
);\n }\n else if (honestyMedal === \"Honest 2\") {\n badges.push(![\"](\"https://wendalstorageprod.blob.core.windows.net/wendal-prod/honesty-medal-gold.png\")
);\n }\n if (gritMedal === \"Silver\") {\n badges.push();\n }\n else if (gritMedal === \"Gold\") {\n badges.push();\n }\n if (eiMedal === 'Silver') {\n badges.push(![\"Emotional](\"https://wendalstorageprod.blob.core.windows.net/wendal-prod/EI-medal-silver.png\")
);\n }\n else if (eiMedal === 'Gold') {\n badges.push(![\"Emotional](\"https://wendalstorageprod.blob.core.windows.net/wendal-prod/EI-medal-gold.png\")
);\n }\n if (uniquenessMedal === \"Very Unique\") {\n badges.push(![\"Uniqueness](\"https://wendalstorageprod.blob.core.windows.net/wendal-prod/uniqueness-medal-silver.png\")
);\n }\n else if (uniquenessMedal === \"True Unicorn\") {\n badges.push(![\"Uniqueness](\"https://wendalstorageprod.blob.core.windows.net/wendal-prod/uniqueness-medal-gold.png\")
);\n }\n if (badges.length === 0) {\n return This user does not have any badges\n }\n return badges;\n }\n\n const loadUser = (userId) => {\n const userService = ServiceLocator.Instance.getUserService();\n return userService.getUser(userId).then((result) => {\n submissionUser = result;\n }).catch(() => {\n \n window.$alertError(\"Uh oh! Something went wrong loading your results :(\");\n });\n };\n\n const loadQuestionnaire = (licenseId) => {\n return Promise.resolve(questionnaireService.getLicensedQuestionnaireByIdAsync(licenseId)).then((result) => {\n //questionnaire = questionnaires.find(q => q.LicenseId == result.LicenseId);\n if(result.SubmissionResultView == null){\n questionnaire = questionnaires.find(q => q.Questionnaire.Id == result.Id).Questionnaire;\n }\n else{\n questionnaire = result;\n }\n }).catch(() => {\n window.$alertError(\"Uh oh! Something went wrong loading your results :(\");\n }); \n\n };\n\n const loadSubmission = (licenseId, submissionId) => {\n return Promise.resolve(questionnaireService.getSubmissionByIdAsync(licenseId, submissionId)).then((result) => {\n submission = result;\n sessionStorage.setItem('adminSubmission', JSON.stringify(submission));\n }).catch(() => { \n window.$alertError(\"Uh oh! Something went wrong loading your results :(\");\n });\n };\n\n const triggerRetake = () => {\n const confirm = window.confirm(\"Do you want to trigger a retake on this submission?\");\n if (confirm !== true) return;\n const organizationService = ServiceLocator.Instance.getOrganizationService();\n const orgId = sessionStorage.getItem('orgId');\n organizationService.triggerSubmissionRetake(orgId, mapUser.submissionId).then(() => {\n window.$alertSuccess(\"Retake triggered for this submission!\");\n });\n };\n\n const handleOpenDownload = () =>{\n setLoadingResults(true);\n\n Promise.all([loadUser(mapUser.id), loadQuestionnaire(mapUser.licenseId), loadSubmission(mapUser.licenseId, mapUser.submissionId)]).then(() => {\n const questionnaireApi = new RealQuestionnaireApiWrapper(questionnaire.Id, questionnaire, questionnaire,\n null, submission, [submission], null,\n submissionUser, [submissionUser], company, null);\n\n handleDownloadClick(questionnaireApi, submission.LicenseId)\n });\n }\n\n const handleDownloadClick = (questionnaireApi, licenseId) => {\n let contextApi = questionnaireApi.questionnaireApi;\n let user = contextApi.user;\n let questionnaireName = contextApi.questionnaire.Title;\n let fileName =user.LastName + \"_\" + questionnaireName + \"_download\";\n return Promise.resolve(questionnaireService.getScoredPdf(user.Id, licenseId)).then((result) => {\n if(result === '' || result === undefined || result === null){\n window.alert(\"PDF could not be found, please allow a few minutes for processing if you've recently taken this submission. Otherwise, there may have been an error during generation. Please contact an administrator or Wendal Support.\")\n }\n else {\n const win = window.open(\"\", \"Title\", \"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=1,height=1,left=1, top=1\");\n // win.opener.focus();\n //win.blur();\n\n win.document.body.innerHTML = result;\n if(questionnaireName.indexOf(\"Venture Mind Index\") >= 0){\n win.document.getElementById('container-user').style = \"display: none\";\n }\n let script = document.createElement('script');\n let currentScripts = win.document.scripts;\n script.textContent = currentScripts[0].textContent;\n win.document.head.appendChild(script);\n \n let pdfString = win.document.body;\n \n win.close();\n\n let opt = {\n margin: 1,\n filename: fileName,\n image: {type: 'jpeg', quality: 0.95},\n html2canvas: {scale: 2, useCORS: true, logging: false},\n pagebreak: {mode: 'avoid-all'}\n };\n\n\n let worker = html2pdf().set(opt).from(pdfString).save();\n }\n setLoadingResults(false);\n });\n };\n\n const openSubmission = () =>{\n setResultsOpen(false);\n setSubmissionLoading(true);\n \n Promise.all([loadUser(mapUser.id), loadQuestionnaire(mapUser.licenseId), loadSubmission(mapUser.licenseId, mapUser.submissionId)]).then(() => {\n setViewQuestionnaire(questionnaire);\n setViewSubmission(submission);\n setResultsOpen(true);\n setSubmissionLoading(false);\n });\n };\n\n const handleCloseResults = () =>{\n setResultsOpen(false);\n }\n\n const truncateTeamprintScore = (score) => {\n const rounded = Math.round(score * 100) / 100;\n return Number.isInteger(rounded) ? rounded : rounded.toFixed(2);\n }\n\n if (resultsOpen) {\n const questionnaireApi = new RealQuestionnaireApiWrapper(viewQuestionnaire.Id, viewQuestionnaire, viewQuestionnaire,\n null, viewSubmission, [viewSubmission], null,\n submissionUser, [submissionUser], company, null);\n\n return ( \n \n )\n}","import React, { useEffect, useRef, useState } from 'react';\nimport '../../../../../main.scss';\nimport { NotesView } from '../../../../Dashboard/NewMinitab/NewNotesTab/NotesView/NotesView';\nimport { CircularProgress } from '@material-ui/core';\nimport {v4 as uuidv4} from \"uuid\";\nimport axios from 'axios';\nimport { ServiceLocator } from '../../../../../Services/ServiceLocator';\n\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\n\nconst userService = ServiceLocator.Instance.getUserService();\n\nexport const OrgNotes = ({ organization, notes, company, addNotes, loadNotes, unreadNotes, setUnreadNotes, loadingNotes }) => {\n const [sendingNote, setSendingNote] = useState(false);\n const [newNote, setNewNote] = useState('');\n const [searchFilter, setSearchFilter] = useState(\"\");\n const [filteredNotes, setFilteredNotes] = useState([]);\n const [visibility, setVisibility] = useState({ org:true, company: false })\n\n const notesViewRef = useRef(null);\n\n const orgId = organization.Id;\n const companyId = company.CompanyId;\n\n useEffect(()=>{\n if(notes && !loadingNotes) {\n let filtered = applyFilters(notes);\n setFilteredNotes(filtered);\n }\n },[notes, searchFilter, loadingNotes]);\n\n const scrollToTop = () => {\n if (notesViewRef.current) {\n notesViewRef.current.scrollTo({\n top: 0,\n behavior: 'smooth', \n });\n }\n }\n\n const markNoteAsRead = async (note) => {\n\n note.ReadByOrganization = true;\n \n try {\n await axios.put(apiBaseUrl + \"organizations/\" + note.OrganizationId + \"/companies/\" + note.CompanyId + \"/notes/\" + note.Id + \"/mark_read\", note);\n let copy = unreadNotes;\n copy -= 1;\n setUnreadNotes(copy);\n }\n catch (error) {\n console.log(error);\n }\n }\n\n const handleCreateNote = async (event) => {\n event.preventDefault();\n\n if (sendingNote) return;\n\n \n if (newNote.trim() === ''){\n return window.$alertWarning('Please write a new note first.');\n }\n setSendingNote(true);\n\n let payload = {\n id: uuidv4(),\n organizationId: orgId,\n companyId: companyId,\n createdOn: new Date(),\n updatedOn: null,\n createdBy: sessionStorage.getItem('userId'),\n updatedBy: null,\n encoding: \"PlainText\",\n content: newNote,\n isOrganizationVisible: visibility.org,\n isCompanyVisible: visibility.company,\n readByCompany: !visibility.org && !visibility.company,\n readByOrganization: !visibility.org && !visibility.company\n };\n try{\n const response = await axios.post(apiBaseUrl + 'organizations/' + orgId + '/companies/' + companyId + '/notes', payload);\n let note = response.data;\n const userResponse = await userService.getUser(note.CreatedBy)\n note.User = userResponse;\n // addNotes takes in an array\n addNotes([response.data]);\n setNewNote('');\n setSendingNote(false);\n scrollToTop();\n\n } catch (error) {\n window.$alertError('Uh oh! Failed to save your note.');\n setSendingNote(false);\n console.log(error);\n }\n }\n\n const searchNotes = (note) => {\n const text = note.Content.toLowerCase();\n const name = `${note.User?.FirstName || \"\"} ${note.User?.LastName || \"\"}`.toLowerCase();\n if (searchFilter===\"\") return true;\n const searchLowerCase = searchFilter.toLowerCase(); \n return text.includes(searchLowerCase) || name.includes(searchLowerCase);\n }\n\n const applyFilters = (notes) => {\n let newNotes = notes.filter((note)=>{\n return searchNotes(note);\n });\n return newNotes;\n }\n\n const handleVisibility = (value) => {\n let visible = {}\n switch (value) {\n case '0':\n visible = {\n org:true,\n company: false\n } \n break;\n case '1':\n visible={\n org:false,\n company:false,\n }\n break;\n case '2':\n visible={\n org:true,\n company:true\n }\n break;\n default:\n visible = {\n org:true,\n company: false\n } \n break;\n }\n setVisibility(visible);\n }\n\n return(\n <>\n \n \n \n \n \n searchMembers(event.target.value) }>\n \n }){kind=icon}
\n }){kind=icon}
setFilterModalOpen(true) }>\n \n {filterJobTitle !== \"\" ?\n : null}\n {filterProfiles.length > 0 ?\n : null}\n \n \n {/* \n {}}>\n */}\n {}}>\n \n {!mapUserLoading && !submissionLoading ? \n {\n if(mapUser)\n openSubmission();\n else{\n window.$alertWarning('There is no user selected. Please select a user from the wheel to see their profile!');\n }\n }}>\n : \n }\n \n \n \n {mapUserLoading ? \n {detailStatus.text} :\n <>\n \n \n \n \n \n {`${mapUser.firstName} ${mapUser.lastName}`}
\n \n {mapUser.submissionVerified&&\n \n {submissionLoading ? \n \n \n }\n {truncateTeamprintScore(Number(mapUser.variables.QuestionnaireScore))}
\n \n \n Information
\n \n Email:{`${mapUser.email}`}\n \n \n Job Title:{`${mapUser.jobTitle}`}\n \n \n \n Badges
\n \n {displayUserBadges(mapUser)}\n \n \n \n }\n }\n Characteristic
\n {displayUserVariables(mapUser)}\n \n \n {filterModalOpen ? \n \n \n );\n}","import React from 'react';\nimport './WendalBotLoading.scss';\n\nexport const WendalBotLoading = ({loading}) => {\n\n \n return \n}","import React, { useState, useEffect, useRef } from 'react';\nimport { CircularProgress } from \"@material-ui/core\";\nimport axios from 'axios';\nimport {WendalBotLoading } from './WendalBotLoading';\n\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\nlet submissionOutdated = false;\n\nexport const AIDiligenceTab = ({ questionnaires, companyReport, fileUploads, justSubmitted, setJustSubmitted, submission, setSubmission, answers, setAnswers, questions, setQuestions }) => {\n\n const [loading, setLoading] = useState(true)\n //const [companySummary, setCompanySummary] = useState('A VC firm that leverages AI & data to change how starups are evaluated and funded. We invest in companies across North America and in anything that touches or involves software, data, fintech, and consumer package goods.')\n const [companySummary, setCompanySummary] = useState(\"\");\n const [investScore, setInvestScore] = useState(5);\n const [outdated, setOutdated] = useState(false);\n const [licenseId, setLicenseId] = useState(null);\n\n useEffect(()=>{\n let licenseId = questionnaires.find(q => q.Questionnaire && q.Questionnaire.Title === 'AI Diligence')?.LicenseId;\n setLicenseId(licenseId);\n },[questionnaires])\n\n useEffect(()=>{\n if(answers !== null){\n setAnswers(answers);\n setOutdated(submissionOutdated);\n setLoading(false);\n }\n else if(licenseId){\n getSubmissions();\n getQuestions();\n getOutdated();\n }\n },[licenseId])\n\n useEffect(()=> {\n if(questions && questions.length > 0 && submission){\n matchAnswersToQuestions();\n }\n },[questions,submission]) \n\n\n const getSubmissions= () => {\n const orgId = sessionStorage.getItem('orgId');\n const companyId = JSON.parse(sessionStorage.getItem('adminCompany')).CompanyId;\n return axios.get(apiBaseUrl + 'questionnaires/' + orgId + '/licensed/' + licenseId + '/submission/company/' + companyId).then(response => {\n let submissions = response.data;\n try{\n let latestSubmission = submissions.sort((a,b) => new Date(b.CreatedOn) - new Date(a.CreatedOn))[0];\n setSubmission(latestSubmission);\n }\n catch(error){\n setSubmission(\"empty\"); \n setAnswers({});\n setLoading(false); \n }\n })\n }\n\n const getQuestions= () => {\n return axios.get(apiBaseUrl + 'questionnaires/' + licenseId + '/questions').then(response => {\n setQuestions(response.data);\n })\n }\n\n const getOutdated= () => {\n const orgId = sessionStorage.getItem('orgId');\n const companyId = JSON.parse(sessionStorage.getItem('adminCompany')).CompanyId;\n return axios.get(apiBaseUrl + 'organizations/' + orgId + '/is_ai_outdated/' + companyId).then(response => {\n setOutdated(response.data);\n submissionOutdated = response.data;\n })\n }\n\n const matchAnswersToQuestions = () => {\n let questionsWithAnswers = {};\n let allAnswers = {...submission.BooleanQuestionAnswers, ...submission.NumericQuestionAnswers,...submission.FreeFormQuestionAnswers};\n questions.forEach(question=>{\n let answer = allAnswers[question.Id];\n if(typeof answer === 'string'){\n //remove the doc references and then the space left behind - can have multiple documents referenced back to back so hanlde for trailing space last\n answer = answer.replace(/[\\[].*?[\\]]/g, '');\n answer = answer.replace(/\\s+[.]/g, '.');\n if(answer.includes('Please try another query or topic') || answer.includes('Information not available')){\n answer = 'Not Found';\n }\n }\n questionsWithAnswers[(question.Id).toString().toUpperCase()] = answer;\n })\n setAnswers(questionsWithAnswers);\n setLoading(false);\n } \n\n const updateReport = () => {\n //If there is already a submission being generated, don't create another one\n if(justSubmitted){\n getSubmissionAfterUpdate(1);\n }\n else{\n setLoading(true);\n setJustSubmitted(true);\n const userId = sessionStorage.getItem('userId');\n const companyId = JSON.parse(sessionStorage.getItem('adminCompany')).CompanyId;\n return axios.post(apiBaseUrl + 'questionnaires/take/' + userId + '/' + licenseId + '/' +companyId).then(response => {\n \n getSubmissionAfterUpdate(1);\n })\n .catch(error => {\n setLoading(false);\n setAnswers({});\n window.$alertError('There was an issue with generating the AI report. Please refresh the page and try again.');\n })\n }\n }\n\n const getSubmissionAfterUpdate = (i) => {\n if(i > 15){\n setLoading(false);\n setAnswers({});\n window.$alertError('There was an issue with generating the AI report. Please refresh the page and try again.');\n return;\n }\n setTimeout(() => {\n const orgId = sessionStorage.getItem('orgId');\n const companyId = JSON.parse(sessionStorage.getItem('adminCompany')).CompanyId;\n return axios.get(apiBaseUrl + 'questionnaires/' + orgId + '/licensed/' + licenseId + '/submission/company/' + companyId).then(response => {\n let submissions = response.data;\n if(submissions === null || submissions === undefined || submissions.length === 0){\n return getSubmissionAfterUpdate(i+1)\n }\n let latestSubmission = submissions.sort((a,b) => new Date(b.CreatedOn) - new Date(a.CreatedOn))[0];\n const now = new Date().getTime();\n const createdOn = new Date(latestSubmission.CreatedOn + \"Z\").getTime();\n const diffInMilliseconds = now - createdOn;\n const diffInSeconds = diffInMilliseconds / 1000;\n if(diffInSeconds > 120){\n return getSubmissionAfterUpdate(i+1)\n }\n setSubmission(latestSubmission);\n setJustSubmitted(false);\n setLoading(false);\n })}, 5000);\n\n }\n\n\n // may want to change good/bad className to something more relevant/descriptive\n return (\n \n {loadingNotes ? \n \n {filteredNotes.map((note, index)=>(\n \n }\n \n \n \n \n {loading || answers === null || justSubmitted ?\n \n )\n}","import React, { useEffect, useState } from 'react'\nimport { NewDataRoom } from '../../../Dashboard/NewMinitab/NewDataRoom/NewDataRoom.js';\nimport { OrgTeamsTab } from './OrgTeamsTab/OrgTeamsTab.js';\nimport { OrgNotes } from './OrgNotes/OrgNotes.js';\nimport { AIDiligenceTab } from './AIDiligenceTab/AIDiligenceTab.js';\nimport '../../../../main.scss';\n\nexport function NewMinitab(props) {\n var unreadNoteCount = 0;\n if (props.unreadNotes != null) {\n unreadNoteCount = props.unreadNotes;\n }\n\n const [justSubmittedAiDiligence, setJustSubmittedAiDiligence] = useState(false);\n const [diligenceSubmission, setDiligenceSubmission] = useState(null);\n const [diligenceAnswers, setDiligenceAnswers] = useState(null);\n const [diligenceQuestions, setDiligenceQuestions] = useState([]);\n\n\n // Used to increase the width of the tabs section in org view\n useEffect(()=>{\n let body = document.querySelector(\".newdashboardBody\");\n body.classList.add(\"org-view-body\");\n },[])\n\n const hasAiDiligence = props.questionnaires ? props.questionnaires.find(q => q.Questionnaire && q.Questionnaire.Title === 'AI Diligence') !== undefined : false;\n\n const tabContent = () => {\n switch(props.minitabIndex){\n case 0:\n return \n \n :\n submission === \"empty\" ?\n {justSubmitted ? \"Your AI Report is generating...\" : \"Loading your AI Report...\"}\n \n \n :\n <>\n This company doesn't have an AI Report yet!\n \n \n \n \n \n \n Information
\n \n \n Company: {answers['987B1DF3-063B-F011-A5F1-6045BD4BB396']}\n Term Sheet: {answers['18A0B82B-073B-F011-A5F1-6045BD4BB396']}\n Round Type: {answers['894A9B01-073B-F011-A5F1-6045BD4BB396']}\n \n \n \n Summary
\n \n {answers['89ED1076-DB3B-F011-A5F1-6045BD4BB396'] || \"This company has not submitted a Pitch Deck yet.\"}\n {/* {answers['Summary'] ? \n \n \n \n {investScore}\n : \n null\n } */}\n \n \n \n }\n Report
\n \n \n \n \n {outdated ? \n \n Financial Diligence:\n {answers['2C6BC2D0-3F42-F011-8F7D-000D3A3D64F2'] ? 'COMPLETE' : 'INCOMPLETE'}\n Company Formation:\n {answers['2E6BC2D0-3F42-F011-8F7D-000D3A3D64F2'] ? 'COMPLETE' : 'INCOMPLETE'}\n Cap Table:\n {answers['E2C6FAD9-3F42-F011-8F7D-000D3A3D64F2'] ? 'COMPLETE' : 'INCOMPLETE'}\n \n \n \n Company Valuation: {answers['19B70F93-D63B-F011-A5F1-6045BD4BB396']}\n Stock Price: {answers['1BB70F93-D63B-F011-A5F1-6045BD4BB396']}\n Round Size: {answers['835016A1-D63B-F011-A5F1-6045BD4BB396']}\n Liquidation Preference: {answers['7C950EA7-D63B-F011-A5F1-6045BD4BB396']}\n Major Investor Amount: {answers['7E950EA7-D63B-F011-A5F1-6045BD4BB396']}\n Option Pool: {answers['4A9117B5-D63B-F011-A5F1-6045BD4BB396']}\n Has Raised Prior Funding: {answers['AF6BC7BB-D63B-F011-A5F1-6045BD4BB396'] ? 'Yes' : 'No'}\n Board of Directors: {answers['D3FECDC1-D63B-F011-A5F1-6045BD4BB396']}\n Legal Counsel: {answers['FA470F7E-073B-F011-A5F1-6045BD4BB396']}\n Accountant: {answers['F7BCFA84-073B-F011-A5F1-6045BD4BB396']}\n Social Media Channels: {answers['F9BCFA84-073B-F011-A5F1-6045BD4BB396']}\n \n \n Pro-Forma Cap Table: {answers['CC2108C9-D63B-F011-A5F1-6045BD4BB396'] ? 'Yes' : 'No'}\n Investment Seniority: {answers['E6668DDC-D63B-F011-A5F1-6045BD4BB396'] ? 'Yes' : 'No'}\n Information Right: {answers['E9668DDC-D63B-F011-A5F1-6045BD4BB396'] ? 'Yes' : 'No'}\n Anti-Dilution Provision: {answers['8B17DFE6-D63B-F011-A5F1-6045BD4BB396'] ? 'Yes' : 'No'}\n Pro-Rata Rights: {answers['2971530D-D73B-F011-A5F1-6045BD4BB396'] ? 'Yes' : 'No'}\n Right of First Refusal: {answers['94C341EE-D63B-F011-A5F1-6045BD4BB396'] ? 'Yes' : 'No'}\n Protective Provisions: {answers['9D898A02-D73B-F011-A5F1-6045BD4BB396'] ? 'Yes' : 'No'}\n Co-Sale Rights: {answers['340E29F7-D63B-F011-A5F1-6045BD4BB396'] ? 'Yes' : 'No'}\n \n {!justSubmitted ? :\n null\n }\n updateReport()}>Update AI Report : null}\n \n \n })
\n Created On: {submission ?new Date(submission.CreatedOn).toLocaleDateString() : \"\"}\n \n \n );\n \n}\n","import React, { Component, useState } from 'react';\nimport ModalDashboardWidget from \"./NewModalDashboardWidget.js\";\nimport Bot from \"../../NewScreener/NewBot/NewBot.js\";\nimport { WendalBotLoading } from './NewOrgCompanyViewMinitab/AIDiligenceTab/WendalBotLoading.js';\n\nfunction Screener(props) {\n\n const [answering, setAnswering] = useState(true);\n const [answerError, setAnswerError] = useState(false);\n\n return (\n \n \n { props.setMinitabIndex(0) }} style={{ marginBottom: '-8px' }}>Team\n 0 ? 'tab unread' : 'tab'} onClick={() => { props.setMinitabIndex(1) }}>Notes {unreadNoteCount > 0 && props.minitabIndex === 1 ? `(${unreadNoteCount})` : ''}\n { props.setMinitabIndex(2) }}>Data Room\n {hasAiDiligence ? { props.setMinitabIndex(3) }}>AI Diligence : null}\n \n {tabContent()}\n \n \n {loading ? \n \n \n );\n}\n\nNewViewValuation.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withWendalTracking(withStyles(styles)(NewViewValuation));\n","import React, {Component, useState} from \"react\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {withStyles} from \"@material-ui/core/styles\";\nimport {withRouter} from \"react-router-dom\";\nimport {withWendalTracking} from \"../../../WendalApplicationInsights\";\nimport {ServiceLocator} from \"../../../Services/ServiceLocator\";\nimport {RealQuestionnaireApiWrapper} from \"../../CustomQuestionnaire/RealQuestionnaireApiWrapper\";\nimport {CircularProgress} from \"@material-ui/core\";\nimport AdminPerTeamQuestionnairePrompt from \"./NewAdminPerTeamQuestionnaire.js\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport {LightScore} from \"./NewLightScore.js\";\nimport {CustomQuestionnaireDownload} from \"../../CustomQuestionnaire/CustomQuestionnaireDownload\";\nimport ModalDashboardWidget from \"./NewModalDashboardWidget.js\";\nimport { NewSubmissionResultModal } from \"../../Common/NewSubmissionResultsModal/NewSubmissionResultsModal.js\";\nimport html2pdf from \"html2pdf.js\";\nimport NewView from '../Valuation/NewView.js'\nimport DrawerMenuRight from \"../../Common/DrawerMenuRight.js\";\n\n\nconst questionnaireService = ServiceLocator.Instance.getQuestionnaireService();\nlet questionnaire;\nlet submission;\nlet currentCompanyId;\nlet loadingDownloadId = null;\nlet loadingViewId = null;\nlet submissionUser;\nlet fileUploadsComplete;\n\n\nconst styles = muiTheme => ({\n root: {\n flexGrow: 1,\n },\n modalPaper: {\n position: 'absolute',\n width: muiTheme.spacing.unit * 100,\n backgroundColor: muiTheme.palette.background.paper,\n boxShadow: muiTheme.shadows[5],\n padding: muiTheme.spacing.unit * 4,\n outline: 'none',\n },\n label: {\n \"&$focusedLabel\": {\n color: \"#e57231\"\n },\n \"&$erroredLabel\": {\n color: \"#e57231\"\n }\n },\n focusedLabel: {},\n erroredLabel: {},\n underline: {\n \"&$error:after\": {\n borderBottomColor: \"#e57231\"\n },\n \"&:after\": {\n borderBottom: `2px solid #e57231`\n }\n },\n error: {},\n closeImg: {cursor: 'pointer', float: 'right', marginTop: '4px', width: '30px'},\n});\n\nexport function CompanyRow(props){\n const [optionsEl, setOptionsEl] = useState(null);\n const [submissionsOpen, setSubmissionsOpen] = useState(false);\n const [loadingResults, setLoadingResults] = useState(false);\n const [principalsGutOpen, setPrincipalsGutOpen] = useState(false);\n const [failed, setFailed] = useState(false);\n const [resultsOpen, setResultsOpen] = useState(false);\n const [valuationOpen, setValuationOpen] = useState(false);\n const [loadingValuation, setLoadingValuation] = useState(false);\n const [submissionListOpen, setSubmissionListOpen] = useState(false);\n\n const oldUI = sessionStorage.getItem(\"oldUI\")===('true'); \n \n const handleClose = () => {\n setOptionsEl(null);\n }\n\n const toggleSubmissionsOpen = () => {\n const open = submissionsOpen;\n setSubmissionsOpen(!open);\n };\n\n const handleDownloadClick = (questionnaireApi, licenseId) => {\n let contextApi = questionnaireApi.questionnaireApi;\n let user = contextApi.user;\n let questionnaireName = contextApi.questionnaire.Title;\n let fileName =user.LastName + \"_\" + questionnaireName + \"_download\";\n return Promise.resolve(questionnaireService.getScoredPdf(user.Id, licenseId)).then((result) => {\n if(result === '' || result === undefined || result === null){\n window.alert(\"PDF could not be found, please allow a few minutes for processing if you've recently taken this submission. Otherwise, there may have been an error during generation. Please contact an administrator or Wendal Support.\")\n }\n else {\n const win = window.open(\"\", \"Title\", \"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=1,height=1,left=1, top=1\");\n // win.opener.focus();\n //win.blur();\n\n win.document.body.innerHTML = result;\n if(questionnaireName.indexOf(\"Venture Mind Index\") >= 0){\n win.document.getElementById('container-user').style = \"display: none\";\n }\n let script = document.createElement('script');\n let currentScripts = win.document.scripts;\n script.textContent = currentScripts[0].textContent;\n win.document.head.appendChild(script);\n \n let pdfString = win.document.body;\n \n win.close();\n\n let opt = {\n margin: 1,\n filename: fileName,\n image: {type: 'jpeg', quality: 0.95},\n html2canvas: {scale: 2, useCORS: true, logging: false},\n pagebreak: {mode: 'avoid-all'}\n };\n\n\n let worker = html2pdf().set(opt).from(pdfString).save();\n loadingDownloadId = null;\n }\n\n });\n };\n\n const render = () => {\n const user = JSON.parse(sessionStorage.getItem(\"user\"));\n const {company, submissions, teamScores, fileUploads} = props;\n if (!submissions) return '';\n\n let results = [];\n let downloads = [];\n if (resultsOpen) {\n const questionnaireApi = new RealQuestionnaireApiWrapper(questionnaire.Id, questionnaire, questionnaire,\n null, submission, [submission], null,\n submissionUser, [submissionUser], props.company, null);\n results.push(\n \n :\n <>\n \n \n \n \n \n \n \n }/)
\n \n Valuation\n
\n \n \n \n \n Consult Wendal\n \n \n \n \n \n })
\n \n {isGoodDeal\n ? \n Good Deal
\n : Not market terms, proceed with caution
\n }\n Comparable Max Deal Value:\n ${whatValuationNeedsToBe ? whatValuationNeedsToBe.toLocaleString(undefined, {maximumFractionDigits: 0}) : \"\"}
\n {whyTheyFailed !== null && whyTheyFailed !== undefined && whyTheyFailed.trim() !== \"\"\n ? Why this isn't a good deal:
\n :
{whyTheyFailed}
\n }\n \n \n \n \n \n \n \n })
\n \n \n \n }\n \n \n \n )\n }\n\n // file upload step\n } else if (pathStep.FileUploadStepId !== undefined) {\n if (fileUploads.find(x => x.StepName === pathStep.Name) === undefined && !pathStep.IsUserQuestion) {\n fileUploadsComplete = false;\n }\n }\n });\n\n // single task for file uploads\n if (!fileUploadsComplete){\n uncompletedRows.push(\n \n \n \n \n \n \n )\n }\n\n }\n\n let currentOrg = null;\n try {\n currentOrg = JSON.parse(sessionStorage.getItem('currentOrganization'));\n } catch{}\n \n return (\n \n \n \n \n \n \n {\n Object.keys(submissions).map((key)=>{\n let submission = submissions[key][0];\n let submissionDownloadView = \"\";\n let tempQuestionnaire = props.intelligencePaths.find(x => x.Questionnaire && x.Questionnaire.ScorePdfsAvailable && x.LicenseId == submission.LicenseId);\n\n if (tempQuestionnaire!= undefined ) {\n submissionDownloadView = loadingResults && loadingDownloadId == tempQuestionnaire.LicenseId ?\n \n );\n }\n\n const triggerRetake = (submissionId) => {\n const confirm = window.confirm(\"Do you want to trigger a retake on this submission?\");\n if (confirm !== true) return;\n const organizationService = ServiceLocator.Instance.getOrganizationService();\n const orgId = sessionStorage.getItem('orgId');\n organizationService.triggerSubmissionRetake(orgId, submissionId).then(() => {\n window.$alertSuccess(\"Retake triggered for this submission!\");\n });\n };\n\n const checkDoubleClick = (e) => {\n switch (e.detail) {\n case 2:\n toggleSubmissionsOpen();\n break;\n default:\n break;\n }\n };\n\n const download = (url, filename) => {\n const xhr = new XMLHttpRequest();\n xhr.responseType = 'blob';\n\n xhr.onload = function () {\n const a = document.createElement(\"a\");\n a.href = URL.createObjectURL(xhr.response);\n a.setAttribute(\"download\", filename);\n a.click();\n };\n\n xhr.open('GET', url);\n xhr.send();\n }\n\n const handleOpenResults = (licenseId, submissionId, userId) => { \n setLoadingResults(true);\n setResultsOpen(false);\n setFailed(false);\n\n Promise.all([loadUser(userId), loadQuestionnaire(licenseId), loadSubmission(licenseId, submissionId)]).then(() => {\n if (questionnaire.Title === \"Financial Inputs\"){\n setValuationOpen(true);\n }\n else if (!failed) {\n setResultsOpen(true);\n loadingViewId = null;\n setLoadingResults(false);\n }\n });\n };\n\n const handleOpenDownload = (licenseId, submissionId, userId) =>{\n setLoadingResults(true);\n\n Promise.all([loadUser(userId), loadQuestionnaire(licenseId), loadSubmission(licenseId, submissionId)]).then(() => {\n if (questionnaire.Title === \"Financial Inputs\"){\n setValuationOpen(true);\n }\n else {\n const questionnaireApi = new RealQuestionnaireApiWrapper(questionnaire.Id, questionnaire, questionnaire,\n null, submission, [submission], null,\n submissionUser, [submissionUser], props.company, null);\n\n handleDownloadClick(questionnaireApi, submission.LicenseId)\n setLoadingResults(false);\n }\n \n });\n }\n\n const setQuestionnaire = (questionnaire) =>{\n questionnaire = questionnaire;\n }\n\n const handleCloseResults = () => {\n setResultsOpen(false);\n };\n\n const loadUser = (userId) => {\n const userService = ServiceLocator.Instance.getUserService();\n return userService.getUser(userId).then((result) => {\n submissionUser = result;\n }).catch(() => {\n setFailed(true);\n setLoadingResults(false);\n\n window.$alertError(\"Uh oh! Something went wrong loading your results :(\");\n });\n };\n\n const loadQuestionnaire = (licenseId) => {\n return Promise.resolve(questionnaireService.getLicensedQuestionnaireByIdAsync(licenseId)).then((result) => {\n questionnaire = result;\n }).catch(() => {\n setFailed(true);\n setLoadingResults(false);\n window.$alertError(\"Uh oh! Something went wrong loading your results :(\");\n });\n };\n\n const loadSubmission = (licenseId, submissionId) => {\n return Promise.resolve(questionnaireService.getSubmissionByIdAsync(licenseId, submissionId)).then((result) => {\n submission = result;\n sessionStorage.setItem('adminSubmission', JSON.stringify(submission));\n }).catch(() => {\n setFailed(true);\n setLoadingResults(false);\n\n window.$alertError(\"Uh oh! Something went wrong loading your results :(\");\n });\n };\n\n const loadPGData = () => {\n const {company} = props;\n setPrincipalsGutOpen(false);\n currentCompanyId = sessionStorage.getItem('companyId');\n sessionStorage.setItem('companyId', company.CompanyId);\n setPrincipalsGutOpen(true);\n };\n\n const onWidgetCloseHandler = () => {\n setPrincipalsGutOpen(false);\n sessionStorage.setItem('companyId', currentCompanyId);\n window.location.reload();\n };\n\n return render();\n}\n\n\nCompanyRow = withRouter(CompanyRow);\nexport default withWendalTracking(withStyles(styles)(CompanyRow));\n","import React from 'react';\nimport MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {withRouter} from 'react-router-dom';\n\nfunction ViewCompanyStars({score, stars, margin}) {\n const render = () => {\n let starsHtml = [];\n for (let i = 1; i < 6; i++) {\n if (i <= stars) {\n //starsHtml[i - 1] = {loadingDownloadId = tempQuestionnaire.LicenseId; handleOpenDownload(tempQuestionnaire.LicenseId, submission.Id, submission.UserId)}} style={{margin: '0px 2.5%'}}>\n \n }\n return (\n \n \n );\n })\n }\n\n {\n teamScores.map((teamScore) => {\n if (teamScore.licenseName.indexOf('TeamPrint') < 0) return;\n return (\n \n \n \n \n
\n {new Date(submission.CreatedOn).toLocaleDateString()}*/}\n \n \n \n {submission.Score != null ? currentOrg && currentOrg.HasScoringAccess === true ?\n {\n if (submissions[key][0].Name === \"AI Diligence\"){\n props.setMinitabIndex(3);\n }\n else if (submissions[key].length == 1) {\n loadingViewId = submission.LicenseId; \n handleOpenResults(submission.LicenseId, submission.Id, submission.UserId)\n } else{\n loadingViewId = key\n setSubmissionListOpen(true)\n }}} style={{marginRight: '2.5%', display: 'inline-block'}}>\n {loadingResults && loadingViewId == submission.LicenseId ?\n {submissionDownloadView}\n {triggerRetake(submission.Id)}} style={{cursor: 'pointer'}}>\n \n \n \n );\n })\n }\n\n {/*{fileUploads !== undefined ?\n fileUploads.map((fileUpload) => { \n if(props.intelligencePaths.find(path => path.Name === fileUpload.StepName)){\n return (\n \n \n \n \n )\n }\n }) : null\n }*/} \n \n {incompleteSteps}\n {uncompletedRows}\n {results}\n {downloads}\n {valuationOpen ?\n \n \n \n \n \n Select a submission date below:\n \n \n\n
\n {submissions[loadingViewId] ? submissions[loadingViewId].map((submission) => {\n return ( {handleOpenResults(submission.LicenseId, submission.Id, submission.UserId); setSubmissionListOpen(false)}}\n style={{marginTop: 10, cursor: 'pointer', color: '#045879'}}>\n {new Date(submission.CreatedOn+'Z').toLocaleDateString()}\n );\n }) : \"\"}\n }/){kind=icon}
;\n } else {\n //starsHtml[i - 1] = }/){kind=icon}
;\n }\n }\n\n return [\n \n \n {stars} stars\n {starsHtml[0]}\n {starsHtml[1]}\n {starsHtml[2]}\n {starsHtml[3]}\n {starsHtml[4]}\n \n \n Score\n {score}\n \n \n \n \n );\n }\n\n \n\n \n\n return render();\n}\n\nCompanyUsersTable.propTypes = {\n classes: PropTypes.object.isRequired,\n};\nexport default withWendalTracking(withStyles(styles)(CompanyUsersTable));\n","import React, { Component } from \"react\";\nimport { useState } from 'react';\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport '../../../../main.scss';\n\n\n\nconst containerStyles = {\n height: '0px',\n width: '100%',\n backgroundColor: 'lightgray',\n position: 'absolute'\n}\n\nconst logosContainerStyles = {\n width: '100%',\n display: 'flex',\n justifyContent: 'center',\n marginTop: 'max(-5vh, -40px)'\n}\n\n//calc((25% - 100px)/3)\n\nexport default function NewEditCompanyTagsNavBar(props){\n\n\n const fillStyles = {\n height: '5px',\n backgroundColor: '#b4db78', // #78bd58\n width: '100%'\n }\n\n\n\n return (\n \n : \n \n \n \n \n }\n \n \n );\n}\n","import Button from \"@material-ui/core/Button\";\nimport Modal from \"@material-ui/core/Modal\";\nimport Typography from \"@material-ui/core/Typography\";\nimport axios from \"axios\";\nimport React, { useEffect, useState } from \"react\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { ServiceLocator } from \"../../../../Services/ServiceLocator\";\nimport NewEditCompanyTagsNavBar from \"./NewEditCompanyTagsNavBar.js\";\nimport { SaveData } from \"../../../Dashboard/SaveData.js\";\nimport NewTagsEdit from \"../../../Common/NewEditInfoModal/NewTagsEdit/NewTagsEdit.js\";\nimport '../../../../main.scss';\n\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\n\nexport default function NewEditCompanyTagsModal( props ) {\n\n const [unsavedEditInfo, setUnsavedEditInfo] = useState(false);\n const [confirmSubmission, setConfirmSubmission] = useState(false);\n const [stateTags, setTags] = useState([]);\n const [companyName, setCompanyName] = useState(props.company.Name);\n const [companyDescription, setCompanyDescription] = useState(props.company.Description);\n const [location, setLocation] = useState(null);\n const [updateTags, setUpdateTags] = useState({\n categoryTag: null,\n subCategoryTag: null,\n industryTag: null,\n stageTag: null,\n valuationTag: null,\n revenueTag: null,\n investmentTypeTag: null,\n currentMilestoneTag: null,\n\n });\n const [savingTags, setSavingTags] = useState(false);\n const [users, setUsers] = useState([]);\n const [userObjArr, setUserObjArr] = useState([]);\n\n const [categoryOther, setCategoryOther] = useState(\"\");\n const [subIndustryOther, setSubIndustryOther] = useState(\"\");\n const [industryOther, setIndustryOther] = useState(\"\");\n const [stageOther, setStageOther] = useState(\"\");\n const [valuationOther, setValuationOther] = useState(\"\");\n const [revenueOther, setRevenueOther] = useState(\"\");\n const [investmentTypeOther, setInvestmentTypeOther] = useState(\"\");\n const [currentMilestoneOther, setCurrentMilestoneOther] = useState(\"\");\n\n\n function saveCompany(){\n const {apiBaseUrl} = props;\n let { company } = props;\n if (companyName.length === 0) { \n setConfirmSubmission(false); \n return alert(\"Company name cannot be blank!\");\n }\n else{\n company.Name = companyName;\n company.Description = companyDescription;\n if (location !== null && location !== undefined) {\n company.Country = location.countryName;\n company.State = location.provinceName;\n }\n }\n return axios\n .put(`${apiBaseUrl}companies/${company.Id}`, company)\n .then((newCompany) => {\n const userCompanies = JSON.parse(sessionStorage.getItem(\"userCompanies\"));\n if(userCompanies != null && userCompanies != '' && userCompanies != undefined){\n const replacementCompany = userCompanies.find((x) => x.Id === company.Id);\n if(replacementCompany != undefined){\n replacementCompany.Name = company.Name;\n replacementCompany.Description = company.Description;\n replacementCompany.Country = company.Country;\n replacementCompany.State = company.State;\n replacementCompany.City = company.City;\n replacementCompany.ImageUrl = company.ImageUrl;\n sessionStorage.setItem(\"userCompanies\", JSON.stringify(userCompanies));\n }\n }\n })\n .catch(function (error) {\n console.log(error);\n window.$alertError(\"Oops! Failed to save your company.\");\n });\n };\n\n\n function checkAndSaveTags(){\n const {allTags, companyTags, company, ownerRules} = props;\n const {categoryTag, subCategoryTag, industryTag, stageTag, valuationTag, revenueTag, investmentTypeTag, currentMilestoneTag} = updateTags;;\n const companyCategoryTag = companyTags.find(x => allTags.filter(y => y.TagType === 'Category').find(y => y.Id === x.TagId) !== undefined);\n const companySubCategoryTag = companyTags.find(x => allTags.filter(y => y.TagType === 'SubCategory').find(y => y.Id === x.TagId) !== undefined);\n const companyIndustryTag = companyTags.find(x => allTags.filter(y => y.TagType === 'Industry').find(y => y.Id === x.TagId) !== undefined);\n const companyStageTag = companyTags.find(x => allTags.filter(y => y.TagType === 'Stage').find(y => y.Id === x.TagId) !== undefined);\n const companyValuationTag = companyTags.find(x => allTags.filter(y => y.TagType === 'Valuation').find(y => y.Id === x.TagId) !== undefined);\n const companyRevenueTag = companyTags.find(x => allTags.filter(y => y.TagType === 'Revenue').find(y => y.Id === x.TagId) !== undefined);\n const companyInvestmentTypeTag = companyTags.find(x => allTags.filter(y => y.TagType === 'InvestmentType').find(y => y.Id === x.TagId) !== undefined);\n const companyCurrentMilestoneTag = companyTags.find(x => allTags.filter(y => y.TagType === 'CurrentMilestone').find(y => y.Id === x.TagId) !== undefined);\n\n //this.setState({categoryComplete: false, subIndustryComplete: false, industryComplete: false, stageComplete: false, valuationComplete: false, revenueComplete: false, investmentTypeComplete: false, locationComplete: false, companyComplete: false, currentMilestoneComplete: false}); \n\n let tags = stateTags;\n if (categoryTag) {\n let otherValue = categoryOther;\n if (!otherValue) otherValue = '';\n if(!companyCategoryTag || companyCategoryTag && ((categoryTag.Descriptor === 'Other' && otherValue != companyCategoryTag.Descriptor) || categoryTag.Descriptor != companyCategoryTag.Descriptor)){\n const newTag = {\n Id: companyCategoryTag ? companyCategoryTag.Id : uuidv4(),\n LocationId: null,\n TagId: categoryTag.Id,\n Descriptor: categoryTag.Descriptor === 'Other' ? otherValue : categoryTag.Descriptor,\n TagType: \"Category\"\n };\n tags.push(newTag);\n }\n } \n if (subCategoryTag) {\n let otherValue = subIndustryOther;\n if (!otherValue) otherValue = '';\n if(!companySubCategoryTag || companySubCategoryTag && ((subCategoryTag.Descriptor === 'Other' && otherValue != companySubCategoryTag.Descriptor) || subCategoryTag.Descriptor != companySubCategoryTag.Descriptor)){\n const newTag = {\n Id: companySubCategoryTag ? companySubCategoryTag.Id : uuidv4(),\n LocationId: null,\n TagId: subCategoryTag.Id,\n Descriptor: subCategoryTag.Descriptor === 'Other' ? otherValue : subCategoryTag.Descriptor,\n TagType: \"SubCategory\"\n };\n tags.push(newTag);\n }\n } \n if (industryTag) {\n let otherValue = industryOther;\n if (!otherValue) otherValue = '';\n if(!companyIndustryTag || companyIndustryTag &&((industryTag.Descriptor === 'Other' && otherValue != companyIndustryTag.Descriptor) || industryTag.Descriptor != companyIndustryTag.Descriptor)){\n const newTag = {\n Id: companyIndustryTag ? companyIndustryTag.Id : uuidv4(),\n LocationId: null,\n TagId: industryTag.Id,\n Descriptor: industryTag.Descriptor === 'Other' ? otherValue : industryTag.Descriptor,\n TagType: \"Industry\"\n };\n tags.push(newTag);\n }\n } \n if (stageTag) {\n let otherValue = stageOther;\n if (!otherValue) otherValue = '';\n if(!companyStageTag || companyStageTag && ((stageTag.Descriptor === 'Other' && otherValue != companyStageTag.Descriptor) || stageTag.Descriptor != companyStageTag.Descriptor)){\n const newTag = {\n Id: companyStageTag ? companyStageTag.Id : uuidv4(),\n LocationId: null,\n TagId: stageTag.Id,\n Descriptor: stageTag.Descriptor === 'Other' ? otherValue : stageTag.Descriptor,\n TagType: \"Stage\"\n };\n tags.push(newTag);\n }\n } \n if (valuationTag) {\n let otherValue = valuationOther;\n if (!otherValue) otherValue = '';\n if(!companyValuationTag || companyValuationTag && ((valuationTag.Descriptor === 'Other' && otherValue != companyValuationTag.Descriptor) || valuationTag.Descriptor != companyValuationTag.Descriptor)){\n const newTag = {\n Id: companyValuationTag ? companyValuationTag.Id : uuidv4(),\n LocationId: null,\n TagId: valuationTag.Id,\n Descriptor: valuationTag.Descriptor === 'Other' ? otherValue : valuationTag.Descriptor,\n TagType: \"Valuation\"\n };\n tags.push(newTag);\n }\n }\n if (revenueTag) {\n let otherValue = revenueOther;\n if (!otherValue) otherValue = '';\n if(!companyRevenueTag || companyRevenueTag && ((revenueTag.Descriptor === 'Other' && otherValue != companyRevenueTag.Descriptor) || revenueTag.Descriptor != companyRevenueTag.Descriptor)){\n const newTag = {\n Id: companyRevenueTag ? companyRevenueTag.Id : uuidv4(),\n LocationId: null,\n TagId: revenueTag.Id,\n Descriptor: revenueTag.Descriptor === 'Other' ? otherValue : revenueTag.Descriptor,\n TagType: \"Revenue\"\n };\n tags.push(newTag);\n }\n } \n if (investmentTypeTag) {\n let otherValue = investmentTypeOther;\n if (!otherValue) otherValue = '';\n if(!companyInvestmentTypeTag || companyInvestmentTypeTag && ((investmentTypeTag.Descriptor === 'Other' && otherValue != companyInvestmentTypeTag.Descriptor) || investmentTypeTag.Descriptor != companyInvestmentTypeTag.Descriptor)){\n const newTag = {\n Id: companyInvestmentTypeTag ? companyInvestmentTypeTag.Id : uuidv4(),\n LocationId: null,\n TagId: investmentTypeTag.Id,\n Descriptor: investmentTypeTag.Descriptor === 'Other' ? otherValue : investmentTypeTag.Descriptor,\n TagType: \"InvestmentType\"\n };\n tags.push(newTag);\n }\n } \n if (currentMilestoneTag) {\n let otherValue = currentMilestoneOther;\n if (!otherValue) otherValue = '';\n if(!companyCurrentMilestoneTag || companyCurrentMilestoneTag && ((currentMilestoneTag.Descriptor === 'Other' && otherValue != companyCurrentMilestoneTag.Descriptor) || currentMilestoneTag.Descriptor != companyCurrentMilestoneTag.Descriptor)){\n const newTag = {\n Id: companyCurrentMilestoneTag ? companyCurrentMilestoneTag.Id : uuidv4(),\n LocationId: null,\n TagId: currentMilestoneTag.Id,\n Descriptor: currentMilestoneTag.Descriptor === 'Other' ? otherValue : currentMilestoneTag.Descriptor,\n TagType: \"CurrentMilestone\"\n };\n tags.push(newTag);\n }\n } \n if (location) {\n const companyLocationTag = companyTags.find(x => x.LocationId !== null);\n const newTag = {\n Id: companyLocationTag ? companyLocationTag.Id : uuidv4(),\n LocationId: location.id,\n TagId: null,\n Descriptor: location.provinceName != null ? `${location.cityName}, ${location.provinceName}, ${location.countryName}` : location.countryName,\n TagType: \"Geography\"\n };\n if(!companyLocationTag || (companyLocationTag && location.id != companyLocationTag.LocationId)){\n tags.push(newTag);\n }\n } \n \n if (location ) {\n const country = location.countryName;\n const state = location.provinceName;\n var matchingRule;\n if(ownerRules != undefined && ownerRules != null){\n ownerRules.forEach((rule) => {\n let ruleLogic = JSON.parse(rule.RuleLogic);\n if ((ruleLogic.country === \"any-country\" || ruleLogic.country === country) &&\n (ruleLogic.states.length === 0 || ruleLogic.states.indexOf(company.State) > -1 || ruleLogic.states.indexOf(state) > -1) &&\n (ruleLogic.industries.length === 0 || (industryTag && ruleLogic.industries.indexOf(industryTag.Descriptor) > -1))) {\n if (matchingRule) {\n if (ruleLogic.country !== \"any-country\" && matchingRule.country === \"any-country\") {\n matchingRule = ruleLogic;\n }\n else if (ruleLogic.states.length > 0 && matchingRule.states.length === 0) {\n matchingRule = ruleLogic;\n }\n else if (ruleLogic.industries.length > 0 && matchingRule.industries.length === 0) {\n matchingRule = ruleLogic;\n }\n }\n else {\n matchingRule = ruleLogic;\n }\n \n \n }\n })\n }\n if (matchingRule) {\n return Promise.all([assignOwner(matchingRule.owner, company.Id), saveTags()]);\n }\n }\n return saveTags();\n };\n\n function saveTags(){\n const {company} = props;\n saveCompany(); \n if (stateTags.length > 0 ){\n setSavingTags(true)\n return addTags(company.Id, stateTags).then(() =>{ \n setTags([]);\n props.reloadCompany(company.Id).then(()=>{\n setSavingTags(false);\n setUnsavedEditInfo(false);\n return Promise.resolve();\n }); \n }).catch((err) =>{\n window.$alertError(\"There was an error saving the tags, please try again\");\n console.log(err);\n return Promise.resolve(err);\n });\n }\n return Promise.resolve();\n /*else{\n this.props.changeEditIndex(this.props.editInfoIndex + 1);\n } */ \n }\n\n function addTags(companyId, tagLink){\n const companyService = ServiceLocator.Instance.getCompanyService();\n return companyService.createCompanyTags(companyId, tagLink);\n };\n\n function assignOwner(ownerId, companyId){\n let orgId = sessionStorage.getItem(\"currentEngagementOrganizationId\");\n const organizationService = ServiceLocator.Instance.getOrganizationService();\n return organizationService.setOwnerForCompanies(orgId, [companyId], ownerId);\n }\n\n\n function handleClose() {\n setUsers([]);\n setUserObjArr([]);\n if (unsavedEditInfo) {\n setConfirmSubmission(true);\n }\n else{\n setEditOpen(false);\n }\n \n }\n\n\n function handleConfirmSubmission(){\n checkAndSaveTags().then(() => {\n setConfirmSubmission(false);\n setEditOpen(false)\n });\n }\n\n function changePage(newIndex){\n sessionStorage.setItem('acknowledgedTags', true);\n checkAndSaveTags().then(() =>{\n setUnsavedEditInfo(false);\n props.changeEditIndex(newIndex);\n }); \n\n }\n\n\n const { isOpen } = props;\n const { setEditOpen, allTags, onDrop, companyTags, company} = props;\n \n return (\n \n\n \n\n\n \n \n \n \n ![\"Company]({require(\"../../../Common/NewEditInfoModal/NewEditNavBar/building.svg\")})
\n \n \n \n );\n \n}\n","import React from 'react';\nimport { useEffect, useState } from 'react';\nimport axios from 'axios';\nimport { ServiceLocator } from \"../../../Services/ServiceLocator\";\nimport { Chart, RadarController, RadialLinearScale, Tooltip, Legend, PointElement, LineElement, Filler } from 'chart.js';\n\nlet companyReport = [];\nlet companyTeamScores = [];\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\nexport default function NewCompanyRadarMap({ companyReport, companyTeamScores, fileUploads, userReport, company, teamReport }) {\n\n var financialInputsSubmission;\n var founderTeamprintVariables;\n var vmiVariables;\n\n useEffect(() => {\n\n //If company doesn't have VMI or Financial Input submissions, don't do anything\n if (!companyReport.find(x => x.Name.includes(\"The Venture Mind Index\")) && !companyReport.find(x => x.Name.includes(\"Financial Inputs\"))) {\n return;\n }\n\n //vmi score\n var vmiMapValue = 1;\n var vmiSubmission;\n if (companyReport.find(x => x.Name.includes(\"The Venture Mind Index\"))) {\n vmiSubmission = companyReport.find(x => x.Name.includes(\"The Venture Mind Index\"));\n var vmiScore = companyReport.find(x => x.Name.includes(\"The Venture Mind Index\")).Score;\n vmiMapValue = vmiScore <= -4 ? 1 : vmiScore <= 2 ? 2 : vmiScore <= 6 ? 3 : vmiScore <= 12 ? 4 : 5;\n }\n\n //founder score\n var ceos = teamReport.filter((user) => {\n return ((user.JobTitle === \"Chief Executive Officer\" || user.JobTitle === \"1cdbf1b1-6670-eb11-9889-000d3a60bedf\") && user.Profile);\n });\n var founderMapValue = 1;\n var founderTeamprintSubmission;\n if (ceos.length !== 0) {\n var founderName = ceos[0].Fullname;\n var submissionDate = ceos[0].SubmissionDate.split('.')[0];\n var founder = userReport.find(user => user.User.firstName + \" \" + user.User.lastName === founderName && user.UserSubmissions.find(sub => sub.CreatedOn.split('.')[0] === submissionDate));\n if (founder && founder.UserSubmissions.length > 0) {\n var submissions = founder.UserSubmissions.sort(function (a, b) {\n return a.CreatedOn - b.CreatedOn;\n });\n founderTeamprintSubmission = submissions.filter(s => s.Name === \"TeamPrint™\")[0];\n var certified = submissions[0].Verified;\n if (!certified) {\n founderMapValue = 2;\n }\n else {\n var score = submissions[0].Score;\n founderMapValue = score < 7 ? 3 : score < 15 ? 4 : 5;\n }\n\n }\n }\n\n //team score\n var teamprintTeamScores = companyTeamScores.filter(s => s.licenseName === \"TeamPrint™\");\n var teamMapValue = 1;\n if (teamprintTeamScores.length > 0) {\n var teamScore = founderTeamprintSubmission ? teamprintTeamScores.find(s => s.licenseId === founderTeamprintSubmission.LicenseId).score : teamprintTeamScores[0].score;\n teamMapValue = teamScore <= -6 ? 1 : teamScore == -5 ? 2 : teamScore <= -1 ? 3 : teamScore <= 4 ? 4 : 5;\n }\n \n\n Promise.all([getFinancialInputsSubmission(), getFounderTeamprintVariables(founderTeamprintSubmission), getVMIVariables(vmiSubmission)]).then(() => { \n\n //valuation score\n var valuationMapValue = 1;\n if (financialInputsSubmission !== undefined) {\n var FIScore = financialInputsSubmission.Score;\n if (Object.values(financialInputsSubmission.BooleanQuestionAnswers)[0]) {\n FIScore += 5;\n }\n valuationMapValue = FIScore < 0 ? 2 : FIScore < 6 ? 3 : FIScore < 11 ? 4 : 5;\n }\n \n\n //signals Score\n var signalsMapValue = computeSignalsValue();\n\n //Create radar chart\n Chart.register(RadarController, RadialLinearScale, Tooltip, Legend, PointElement, LineElement, Filler);\n var context = document.getElementById(\"radar-map\");\n let radarMap = new Chart(context, {\n type: \"radar\",\n data: {\n datasets: [{\n data: [vmiMapValue, founderMapValue, valuationMapValue, signalsMapValue, teamMapValue],\n pointBackgroundColor: [\"#CCE3A1\", \"#88D2D9\", \"#FF8787\", \"#EDCC21\", \"#005678\"],\n fill: \"origin\",\n backgroundColor: \"#00567890\",\n pointRadius: 5,\n borderColor: '#FFF',\n borderWidth: 1\n }],\n labels: [\n \"VMI\",\n \"Founder\",\n \"Valuation\",\n \"Signals\",\n \"Team\"\n ],\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n layout: {\n padding: {\n top: 5\n }\n },\n interaction: {\n intersect: false,\n mode: 'nearest',\n axir: 'r',\n },\n elements: {\n line: {\n borderWidth: 2\n },\n point: {\n z: 2\n }\n },\n plugins: {\n datalabels: {\n position: 'outside'\n },\n legend: {\n display: false\n },\n tooltip: {\n boxPadding: 5,\n bodyFont: {\n size: 14,\n weight: \"bold\",\n },\n titleFont: {\n size: 14,\n weight: \"bold\",\n }\n }\n },\n scale: {\n scaleLabel: {\n display: false\n },\n angleLines: {\n display: true\n },\n pointLabels: {\n display: false\n }\n },\n scales: {\n r: {\n beginAtZero: true,\n max: 5,\n ticks: {\n stepSize: 1,\n display: false,\n max: 5,\n },\n angleLines: {\n display: false\n },\n pointLabels: {\n display: false,\n color: \"#005678\",\n centerPointLabels: false,\n font: {\n size: 12\n }\n }\n },\n },\n\n }\n });\n })\n }, [])\n\n function computeSignalsValue() {\n if (founderTeamprintVariables === undefined) {\n return 1;\n }\n var ceos = teamReport.filter(member => member.JobTitle === \"Chief Executive Officer\" && member.Profile);\n var founder = ceos.sort(function (a, b) {\n return a.SubmissionDate - b.SubmissionDate;\n })[0];\n let v = founderTeamprintVariables;\n let signalScore = 0;\n //Green lights\n if (v.LeadershipAttribute && v.LeadershipAttribute === \"Alpha\") signalScore += 5;\n //if (v.SocialAttribute && v.SocialAttribute === \"Party Animal\") signalScore += 4;\n if(v.EmotioanlIntelligenceMedal && v.EmotionalIntelligenceMedal === \"Gold\") signalScore += 3;\n if (v.EmotionalityAttribute && (v.EmotionalityAttribute === \"Very Unemotional\" || v.EmotionalityAttribute === \"Extremely Unemotional\")) signalScore += 5;\n //if (companyReport.find(x => x.Name.includes(\"The Venture Mind Index\")) && companyReport.find(x => x.Name.includes(\"The Venture Mind Index\")).Score > 0) signalScore += 3;\n if(vmiVariables && vmiVariables.Accountability && vmiVariables.Accountability > 0) signalScore += 3;\n if (v.UniquenessMedal && (v.UniquenessMedal === \"Very Unique\" || v.UniquenessMedal === \"True Unicorn\")) signalScore += 5;\n if (founder.TeamDisruption && founder.TeamDisruption === \"Disruptive\") signalScore += 3;\n if(v.Profile && (v.Profile === \"Artisan\" || v.Profile === \"Influencer\" || v.Profile === \"Disruptor\" || v.Profile === \"Problem Solver\"\n || v.Profile === \"Visionary\" || v.Profile === \"Accelerator\" || v.Profile === \"Crusader\"\n )) signalScore += 3;\n if(vmiVariables && vmiVariables.Governance && vmiVariables.Governance > 0) signalScore += 3;\n if(vmiVariables && vmiVariables.Humor && vmiVariables.Humor > 0) signalScore += 3;\n\n //Red lights\n //if (founder.GritMedal && founder.GritMedal !== \"\") signalScore -= 5;\n if (founder.TeamSpeed && founder.TeamSpeed === \"Slow\") signalScore -= 5;\n if (founder.TeamMorale && founder.TeamMorale === \"Lackluster\") signalScore -= 5;\n if (founder.TeamDiversity && founder.TeamDiversity === \"Uniform\") signalScore -= 4;\n if (founder.Emotionality && (founder.Emotionality === \"Very Emotional\" || founder.Emotionality === \"Extremely Emotional\")) signalScore -= 3;\n if (v.ToxicityScore && (v.ToxicityScore === \"Wholesome\" || v.ToxicityScore === \"Harmless\" || v.ToxicityScore === \"Malignant\")) signalScore -= 3;\n if(v.Profile && (v.Profile === \"Traditionalist\" || v.Profile === \"Subject Matter Expert\" || v.Profile === \"Ally\" \n || v.Profile === \"Explorer\" || v.Profile === \"Wild Card\")) signalScore -= 3;\n if(v.ConscientiousnessScore && v.ConscientiousnessScore === \"Extremely Conscientious\") signalScore -= 3; \n if(vmiVariables && vmiVariables[\"Dark Triad Level\"] && vmiVariables[\"Dark Triad Level\"] < 0) signalScore -= 3;\n\n var mapValue = signalScore <= -6 ? 1 : signalScore <= -1 ? 2 : signalScore <= 4 ? 3 : signalScore <= 9 ? 4 : 5;\n return mapValue;\n }\n\n const getFinancialInputsSubmission = () => {\n var financialInputs = companyReport.find(x => x.Name.includes(\"Financial Inputs\"))\n if (financialInputs === null || financialInputs === undefined) {\n return Promise.resolve();\n }\n const questionnaireService = ServiceLocator.Instance.getQuestionnaireService();\n return questionnaireService.getSubmissionByIdAsync(financialInputs.LicenseId, financialInputs.Id).then((response) => {\n financialInputsSubmission = response;\n })\n }\n\n const getFounderTeamprintVariables = (submission) => {\n if (submission === null || submission === undefined) {\n return Promise.resolve();\n }\n return axios.get(`${apiBaseUrl}questionnaires/${submission.LicenseId}/${submission.Id}/variables_dictionary`).then((response) => {\n founderTeamprintVariables = response.data;\n }); \n }\n\n const getVMIVariables = (submission) => {\n if (submission === null || submission === undefined) {\n return Promise.resolve();\n }\n return axios.get(`${apiBaseUrl}questionnaires/${submission.LicenseId}/${submission.Id}/variables_dictionary`).then((response) => {\n vmiVariables = response.data;\n });\n }\n\n return \n \n \n \n \n \n \n \n \n \n \n \n \n \n Would you like to save your data?\n \n \n \n \n \n \n \n \n \n}\n","import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Modal from \"@material-ui/core/Modal\";\nimport Box from \"@material-ui/core/Box\";\nimport NewDashboardTemplate from \"../../../Common/NewDashboardTemplate/NewDashboardTemplate.js\";\nimport axios from \"axios\";\nimport { withWendalTracking } from \"../../../../WendalApplicationInsights\";\nimport Button from \"@material-ui/core/Button\";\nimport {ServiceLocator} from \"../../../../Services/ServiceLocator\"\nimport FileUploader from \"../../../NewFileUploader/NewFileUploader.js\";\nimport Valuation from \"../../../NewValuation/NewValuationWidget.js\";\nimport CustomQuestionnairePrompt from \"../../../NewScreener/NewCustomQuestionnairePrompt.js\";\nimport Screener from \"../../../NewScreener/NewScreener.js\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { NewTagsDisplay } from \"../../../Dashboard/NewTags/NewTagsDisplay.js\";\nimport JSConfetti from 'js-confetti';\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport NewTaskList from \"../../../Dashboard/NewTaskList/NewTaskList.js\";\nimport '../../../../main.scss';\nimport { NewMinitab } from \"../NewOrgCompanyViewMinitab/NewMinitab.js\";\nimport NewProgressBar from \"../../../Common/NewProgressBar/NewProgressBar.js\";\nimport { CompanyUsersTable } from \"../NewCompanySubmissionsTable.js\";\nimport NewEditCompanyTagsModal from \"../NewEditCompanyTagsModal/NewEditCompanyTagsModal.js\";\nimport * as signalR from \"@microsoft/signalr\";\nimport NewCompanyRadarMap from \"../NewCompanyRadarMap.js\";\nimport StatusModal from \"../NewStatusModal/NewStatusModal.js\";\nimport BotOverlay from \"../../../NewScreener/NewBot/BotOverlay.js\";\nconst LZString = require(\"lz-string\");\n\nconst apiBaseUrl = process.env.REACT_APP_API_URL;\nconst hubBaseUrl = process.env.REACT_APP_HUB_URL;\n\nconst organizationService = ServiceLocator.Instance.getOrganizationService();\nconst questionnaireService = ServiceLocator.Instance.getQuestionnaireService();\nconst companyService = ServiceLocator.Instance.getCompanyService();\nconst platformService = ServiceLocator.Instance.getPlatformService();\nconst userService = ServiceLocator.Instance.getUserService();\n\n/*const countriesOptions = [{name: \"United States\", value: \"USA\"}, {name: \"Canada\", value: \"Canada\"}, {\n name: \"UK\",\n value: \"UK\"\n}, {name: \"France\", value: \"France\"}, {name: \"Germany\", value: \"Germany\"}, {\n name: \"Israel\",\n value: \"Israel\"\n}, {name: \"Other\", value: \"Other\"}];*/\n//let intelligencePathSteps = [];\nlet fileUploadPaths = [];\nlet fileUploads = [];\nlet recentUploads = [];\nlet documents = [];\nlet user;\nlet allTags = [];\nlet ownerRules = [];\nlet intelligencePathSteps;\nlet questionnaires;\nlet users = [];\nlet allCompany;\nlet orgId;\nlet jobTitles;\nlet submissions;\nlet questionnaireSteps;\n\nfunction CircularProgressWithLabel(props) {\n return (\n \n \n \n \n \n \n \n {filteredCompanyReport && companyTeamScores && userReport && teamReport ? \n \n\n \n {companyForEdit && companyForEdit.ImageUrl ? (\n \n \n \n \n {loadingTags || reLoadingTags ? (\n {company.Name}
\n\n (Stage: {stageOther ?? stageTag.Descriptor}) \n {loading ? (\n \"\"\n ) : (\n {\n setEditingCompany(true);\n setEditInfoIndex(0);\n }}\n >\n \n )}\n \n \n \n \n \n \n \n \n};\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.SimulatedQuestionnaireApi = void 0;\nconst AbstractQuestionnaireApi_1 = require(\"./AbstractQuestionnaireApi\");\nclass SimulatedQuestionnaireApi extends AbstractQuestionnaireApi_1.AbstractQuestionnaireApi {\n constructor(submissionFactory, licenseId, questionnaire, slimQuestionnaire, optionalPlugin, saveCallback, saveLicensedCallback, callback, submission, teamSubmissions, teamScore, user, users, companyId, jobTitles, submissionEvent) {\n super(submissionFactory, licenseId, questionnaire, slimQuestionnaire, optionalPlugin, submission, teamSubmissions, teamScore, user, users, companyId, jobTitles, submissionEvent);\n this.saveCallback = saveCallback;\n this.saveLicensedCallback = saveLicensedCallback;\n this.callback = callback;\n }\n saveQuestionnaire(questionnaire) {\n this.saveCallback(questionnaire);\n return Promise.resolve();\n }\n saveLicensedQuestionnaire(questionnaire) {\n this.saveLicensedCallback(questionnaire);\n return Promise.resolve();\n }\n processSubmission(submission) {\n this.callback(submission);\n return Promise.resolve();\n }\n processSimulatedSubmission(submission) {\n return Promise.resolve(submission);\n }\n processSimulatedPluginSubmission(submission, optionalPluginId) {\n return Promise.resolve(submission);\n }\n}\nexports.SimulatedQuestionnaireApi = SimulatedQuestionnaireApi;","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAyLTIyVDE2OjE3OjIzLTA1OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTAyLTIyVDE2OjE3OjIzLTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMi0yMlQxNjoxNzoyMy0wNTowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkN2JiNzdhYS0yYzliLWNkNGUtOGE4Ny03Mzk0NTQ5YjU0MmIiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0ZWFlNWRkNS1mZWU0LTlmNGMtYjRiNC02NDk5YWNiYWJlMDYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxYmVkZDMyOC1lOTljLWVjNDUtYjVhYi1iNmJjNzZjZDNjZDYiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxYmVkZDMyOC1lOTljLWVjNDUtYjVhYi1iNmJjNzZjZDNjZDYiIHN0RXZ0OndoZW49IjIwMjEtMDItMjJUMTY6MTc6MjMtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZDdiYjc3YWEtMmM5Yi1jZDRlLThhODctNzM5NDU0OWI1NDJiIiBzdEV2dDp3aGVuPSIyMDIxLTAyLTIyVDE2OjE3OjIzLTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ylrVEQAAAf5JREFUSIm9ls9LVUEUxz9XJCmyVBJDEBFbKAbtpAe6can4I9yEf4AbQQMRFDeujDYRkWsXEvYPFOhCCjfiSlBQCUEDf4DiD5QEFa+LOeObd5v7nBmhLwzzHmfO+cycM/eeG8VxzH9VHMc5I4+KgZ9AnBg/gEJXRoHH3q6ASH5/Bibk96WAnRQlTxVFUcrScJmMvKmwKAPUAe3i+x1YA3550R1q+BpY4N/66bEKtLowXIBdRuAtYERO2Aa8A1YMe+99gS+MYONpJwAGjXWZ+wCXJMhE0mDRsKzdgdzb7wrMSIBdB5jWuvi8CQFOifOoB/Ct+MyFALfFucEDWEG2lkU+wKfidOYB09oU33obMO3V9krmtQDgoszPbcY0YKnMxwFAnZVSmzENeB0A0tJ1eegD1LsLqeGJzLU+wB6ZZwKA8zJ3W62WW9pE9mpb0+KgI4wXwF2PhV7cEQgDeAlcoJpzy12PRQnq0jwBKgNg5UA1cI7qmWOm0daAD4BnqFcbqF63AewBh8BfGaBS/ggoQz13NXI6rVPga050S0ofA33ArAROa7pp4xL1sTUkG/dqT4VAI/BFgv0G+oFPqA+pAWBZbNNAM/AgGcS349/6Afuo2pr6I7aqVMdA4HuyafsIfDD+T+bdaSAQVCqTNcsLSwJDvks7UbUqQHWGby5ArRu92N3MiY8G6wAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/media/youtubeLogo.2b2109af.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA+CAYAAAB3NHh5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAHYcAAB2HAY/l8WUAAAAhdEVYdENyZWF0aW9uIFRpbWUAMjAyMTowOToyMiAxNDoyMToyN0awP6kAAAcxSURBVGhD7ZttbFNlFMf/vVtf1pWu27oNxhijEBgssrAYECFkhOyDQnz7QGJEPhITkOAXSCAqkcQPGsUYI6IYDUSjIUZBoxIgaIDBlEDkNQzq2EbZxra2a9d2fVnrOfcWLF17750QuS37ha7bc9+e/3POPfec5z7oEkQwEsOZLh/2nnXh6N+DuOUbQTSeQAI65DICKbCZ9Hi8pgRrG6eipb4MOhKb+OTUDew80QWXL0y7JMSdc10so0tqYYwFAlbMLIXuhNOdePGbc7jpi6Rszj/YfAJ/9pEbu/JcLMP66C6FcMQ5CLqNpdY8J0FmFly+kGTvRwSdbvPPFJ9Sb+/MFNCgVJoNcJQVwVZcQF4B9PtjuO4OYmgkhnhyP62jw5ZfZLVyaC8UdHh2bhXWNFVjtr0Y1iJqJf8YDMRwzuXDlxQHWjvdiI5SjKfB0zKygrnvRhK7ubkW659wwG4xQEgTxCK7PCFsPnANB6/3YJSf3xoWzZE6K5SVYN3CGmxpno3KScYxYhk9+brDbsbu1XOxoNqabNUuWQWztPoKC15dMh1mfYHUmAXe1z7JgPeenoci2lc5Ijw8ZAQn8HyDHVOspmSLMotnlGDxNFvyL22SVXChIKBxcimKCuWtmwoHtydrSum3HLyHufMWI7nnOANQmUU2LDx0svYuOhpHIDpKjj2++9Hj5585eA/HqM+X+/wYiapPKeIU1f/scdNvOejSzIErt9HtHlFtr9YON052e7Vs4OyCuc8Xev14//gNDIWiUqMM7beHsfXXdvgjdBto18DyFo6RN3993oWNBy+j15tZNOfUZ7v8WP/DFZzu9iVbtYtiLs3ZloGyqccmT8LW5Q40O8phoyKCg3cvVVr7z/di1+luXB8Mive9hr1ZRFEww6JZoLFQQJXFSB+DWB25hkYwEIiQJ0jzX1oXy6gSzCjdltlOouZ2ljtWRxt5sAsoL+DvOA2uWKDwVvo33kFWdmk6ZZlJj/rKYjEZyUSQHl1XKGgF6bkdF7spwTnazHIzplCenQ1PMIarA8OgWCcKYAmFpKzaasScUiscFexRJhQbBRJN+UFMB3cogk5vAJf6huEcDCEcjyNBLqemSpMvD2mLragAu55rwIKpJVQtJTekwSXiV1QTv3u8A5HkY5t3XVxrxc5V81Bm1kuNGQiQ0u2Hr+GnqwNkvTjqbEVY2zQVLbPLUW0xi5MNXJCIFqb9OUhGKCnyhaPo80Vw9uYQ9p5z4USnF6O0UWm2VV4wfRZPs+LwukWKFdOVHj+W7m6DeyQm/s2esb2ljgJdfVbPuMOeU13Y8ONl1JVRmflCAxZSAWKiHF6FwcSMcCgUw4cnO/HO705xwOVcVvaxxCY2FdDoqrgwd5DqjRR0MOkFhfGW4GBYPcmEb1c3YdmMcqnEVHMgoSc/54mJzc0OrF80HUaFzsoLZlRe+H6oKDZg7+r5aKy1qBaaDhc6G5dNR8uscuhlzqEs+H+geZYdSxxcVt4ftTYzXlviEANeNs2aEGwykOv/V9OmwKdY4rBh5ZzKu0EuHU0IfpAYKB6sbaqGIUugzDvBzIKaEnH+PFO41pRgfsZ6glGccHrw0TEXdhy5hj2tN/HXLZ/4vJZ73KTCVm5xlGUMgJoS7OwPYsP3l/HMvjPYdOgC3jzixCsHL2LVF2fw1uF29PvDyT2VWVZn17bgMKWnO45ew3eXeuGl5IUzTbYof7v8EbEi+7ztJmKUaKihvsoCPQcudpsUNCP4t+v92E9iI5wXp8VX7vIwufTHbV3oH45IjQpU24yi4HQza0Iwv679tK0H4dhYsanc8o/guJPnzJThRIQzNjEwpKAJwbc8YbS53PJBKWmp1i6v+K2EQNa1GAq1aeH2gQA8oaisdXkw+NPpHhH/VkMxWTkdTQjuJVfl0k4R2sVHNbca+DbhujrdbTQhOEb1tNoqJc5FukoyJVuaEKyaTA9WOcTd7x2g3BKs3rgp3DtIuSX4ATAhON+ZEJzvTAjOdyYE5zsTgvMdecHJ3DXzlHY6GRJdNSXfeLnPUypYWIf+YATBqPRGUI6eQAgRXhRylwR6fVzUK9MXCIv1qyI07u5gFKE772RliMQS8Iao32nlpLhAPNuLZJ7x49WyL82vwctNVeJyxDEK6ISe4Cg+ON2B4x1ecZ2H1JwQl0ZsWz4TjZMtdFyGa9CxN7whvH2sA+0DQap1k+1Z4M0G6sKmpbV4ao4dQoLnrKRtqfBr+f0Xb+OzP7qpP/e+M06uiOfjMl+NO87Lhvntu3TJNMSmhLTOg0Tdub7ULC0u1/GxGdcycWeog8mF5Rn6PoZ/+5O5v3xOhmdzeUowXZfO+vqhhLi2KovgfENonGK9MyiPBMKaxqnQ3/vqPm/h+CWsbKjAMkeJuOJmHPNjOYUolL556bfAb8vfWDEL8ymScmDi/8XCgSE3lpnJwxpELaTYrBewrbkO/wCQ6aQKPp+R3wAAAABJRU5ErkJggiDWJdPJ155ThlsXlYoJbvGmLhkSFeYP47HvW3HQH0xYBsxrmB++rAbzynIoD53rQ/k0+YbwxDdtln66h5PxumheTduwoBRyVE5dV0oXphqu39WJD/d00Z5iDLGoAiUeiEd7b/1PL0uRXkSrX0egQKzwyiFxPZSATsU1RD4GFzCe4+uaqgxGSaeUwaHEtFKWwaJwDfH+mza2CGXjhQNJNiqMF35zYfGN4vDfeVCapOeLTStDKTM+HyOOr2uy/LUttozkQkpV+akXDzmQQMvrioQp8mp6h+NhTaR1i6qVlecOSZFmV+bg0WVngjVib+RYkmo59MmakMN3fkeREbcC+mN3wyi/o1iNvwCjegwFM8B2UwAAAABJRU5ErkJggg==\""],"sourceRoot":""}\n \n All Documents\n
\n
\n \n \n \n \n \n
\n \n \n \n \n {recentUploads.length === 0 ? Filename \n Scope \n Date \n\n \n : null}\n \n {recentUploads.map((file, index) => {\n let date = new Date(file.createdOn);\n let iconPath = \"./doc-icon.svg\";\n if (file.fileName.includes(\".pdf\")) {\n iconPath = './pdf-icon.svg';\n } else if (file.fileName.includes(\".jpg\") || file.fileName.includes(\".gif\") || file.fileName.includes(\".png\") || file.fileName.includes(\".svg\")) {\n iconPath = './image-icon.svg';\n } else if (file.fileName.includes(\".doc\")) {\n iconPath = './doc-icon.svg';\n } else if (file.fileName.includes(\".ppt\")) {\n iconPath = './ppt-icon.svg';\n } else if (file.fileName.includes(\".xl\")) {\n iconPath = './xls-icon.svg';\n }\n return \n \n There are no files uploaded\n \n \n })}\n \n \n \n \n \n \n \n {window.innerWidth <= 600 ? \n :\n \n {date.getMonth() + 1 + \"/\" + date.getDate() + \"/\" + date.getFullYear()}\n \n }\n {formatDate(date.toString())}\n }\n){kind=icon}
{\n setAnchorEl(event.currentTarget);\n setMenuOpen(true);\n setFileForOptions(file);\n }}>