From fde781922424b8b00b6546f4c762e90b8effc964 Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Fri, 20 Dec 2024 15:11:01 +0000 Subject: [PATCH 01/16] Move Terms of Use --- app/_locales/en/messages.json | 3 + .../terms-of-use-popup/terms-of-use-popup.js | 1106 +---------------- .../app/terms-of-use-popup/terms-of-use.js | 1075 ++++++++++++++++ ui/pages/onboarding-flow/welcome/welcome.js | 257 ++-- 4 files changed, 1271 insertions(+), 1170 deletions(-) create mode 100644 ui/components/app/terms-of-use-popup/terms-of-use.js diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json index 7ddf609b48f0..e2033afb8a2a 100644 --- a/app/_locales/en/messages.json +++ b/app/_locales/en/messages.json @@ -385,6 +385,9 @@ "message": "This reflects the value of all tokens you own on a given network. If you prefer seeing this value in ETH or other currencies, go to $1.", "description": "$1 represents the settings page" }, + "agree": { + "message": "Agree" + }, "agreeTermsOfUse": { "message": "I agree to MetaMask's $1", "description": "$1 is the `terms` link" diff --git a/ui/components/app/terms-of-use-popup/terms-of-use-popup.js b/ui/components/app/terms-of-use-popup/terms-of-use-popup.js index bb283d6b0060..1b623f351f5c 100644 --- a/ui/components/app/terms-of-use-popup/terms-of-use-popup.js +++ b/ui/components/app/terms-of-use-popup/terms-of-use-popup.js @@ -5,8 +5,6 @@ import { I18nContext } from '../../../contexts/i18n'; import Popover from '../../ui/popover'; import { AlignItems, - TextVariant, - Color, TextColor, FlexDirection, } from '../../../helpers/constants/design-system'; @@ -14,7 +12,6 @@ import { Box, Button, BUTTON_VARIANT, - ButtonLink, Checkbox, Text, } from '../../component-library'; @@ -23,6 +20,7 @@ import { MetaMetricsEventName, } from '../../../../shared/constants/metametrics'; import { MetaMetricsContext } from '../../../contexts/metametrics'; +import { TermsOfUse } from './terms-of-use'; export default function TermsOfUsePopup({ onAccept }) { const t = useContext(I18nContext); @@ -95,1092 +93,28 @@ export default function TermsOfUsePopup({ onAccept }) { } > - + <> + - - IMPORTANT NOTICE: THIS AGREEMENT IS SUBJECT TO BINDING ARBITRATION - AND A WAIVER OF CLASS ACTION RIGHTS AS DETAILED IN SECTION 11. - PLEASE READ THE AGREEMENT CAREFULLY. - - - ConsenSys Software Inc. (“ConsenSys,” “we,” “us,” or “our”) is the - leading blockchain software development company. With a focus on - utilizing decentralized technologies, such as Ethereum, our software - is powering a revolution in commerce and finance and helping to - optimize business processes. ConsenSys hosts a top level domain - website, www.consensys.io, that serves information regarding - ConsenSys and our Offerings, as defined below, as well as - sub-domains for our products or services (the top level domain with - the sub-domains collectively referred to as the “Site”), which - include text, images, audio, code and other materials or third party - information.  - - - These Terms of Use (the “Terms,” “Terms of Use” or “Agreement”) - contain the terms and conditions that govern your access to and use - of the Site and Offerings provided by us and is an agreement between - us and you or the entity you represent (“you” or “your”). Please - read these Terms of Use carefully before using the Site or - Offerings. By using the Site, clicking a button or checkbox to - accept or agree to these Terms where that option is made available, - clicking a button to use or access any of the Offerings, completing - an Order, or,  if earlier, using or otherwise accessing the - Offerings (the date on which any of the events listed above occur - being the “Effective Date”), you (1) accept and agree to these Terms - and any additional terms, rules and conditions of participation - issued by ConsenSys from time to time and (2) consent to the - collection, use, disclosure and other handling of information as - described in our{' '} - - Privacy Policy. - {' '} - If you do not agree to the Terms or perform any and all obligations - you accept under the Terms, then you may not access or use the - Offerings.  - - - You represent to us that you are lawfully able to enter into - contracts. If you are entering into this Agreement for an entity, - such as the company you work for, you represent to us that you have - legal authority to bind that entity. Please see Section 13 for - definitions of certain capitalized terms used in this Agreement. - - - In addition, you represent to us that you and your financial - institutions, or any party that owns or controls you or your - financial institutions, are (1) not subject to sanctions or - otherwise designated on any list of prohibited or restricted - parties, including but not limited to the lists maintained by the - United Nations Security Council, the U.S. Government (i.e., the - Specially Designated Nationals List and Foreign Sanctions Evaders - List of the U.S. Department of Treasury and the Entity List of the - U.S. Department of Commerce), the European Union or its Member - States, or other applicable government authority and (2) not located - in any country subject to a comprehensive sanctions program - implemented by the United States. - - - 1. The Offerings. - - - 1.1 Generally. You may access and use the Offerings in accordance - with this Agreement. You agree to comply with the terms of this - Agreement and all laws, rules and regulations applicable to your use - of the Offerings. - - - 1.2 Offerings and Access. ConsenSys offers a number of products and - services, each an “Offering”, under the ConsenSys brand or brands - owned by us. These include Codefi, Quorum, Infura, MetaMask and - others. Offerings are generally accessed through the Site or through - a third party provider of which we approved, such as the Google Play - or Apple App Store, unless otherwise agreed in writing. Some - Offerings may require you to create an account, enter a valid form - of payment, and select a paid plan (a “Paid Plan”), or initiate an - Order.  - - - 1.3 Third-Party Content. In certain Offerings, Third-Party Content - may be used by you at your election. Third-Party Content is governed - by this Agreement and, if applicable, separate terms and conditions - accompanying such Third-Party Content, which terms and conditions - may include separate fees and charges. - - - 1.4 Third-Party Offerings. When you use our Offerings, you may also - be using the products or services of one or more third parties. Your - use of these third party offerings may be subject to the separate - policies, terms of use, and fees of these third parties. - - - 2. Changes. - - - 2.1 To the Offerings. We may change or discontinue any or all of the - Offerings or change or remove functionality of any or all of the - Offerings from time to time. We will use commercially reasonable - efforts to communicate to you any material change or discontinuation - of an Offering through the Site or public communication - channels.  If you are on a Paid Plan, we will use commercially - reasonable efforts to communicate to you  any material changes - to or discontinuation of the Offering at least 30 days in advance of - such change, and we will use commercially reasonable efforts to - continue supporting the previous version of the Offering for up to - three months after the change or discontinuation, except if doing so - (a) would pose an information security or intellectual property - issue, (b) is economically or technically burdensome, or (c) would - create undue risk of us violating the law. - - - 2.2 To this Agreement. We reserve the right, at our sole discretion, - to modify or replace any part of this Agreement or any Policies at - any time. It is your responsibility to check this Agreement - periodically for changes, but we will also use commercially - reasonable efforts to communicate any material changes to this - Agreement through the Site or other public channels. Your continued - use of or access to the Offerings following the posting of any - changes to this Agreement constitutes acceptance of those changes. - - - 3. Your Responsibilities. - - - 3.1 Your Accounts.  For those Offerings that require an - account, and except to the extent caused by our breach of this - Agreement, (a) you are responsible for all activities that occur - under your account, regardless of whether the activities are - authorized by you or undertaken by you, your employees or a third - party (including your contractors, agents or other End Users), and - (b) we and our affiliates are not responsible for unauthorized - access to your account, including any access that occurred as a - result of fraud, phishing, or other criminal activity perpetrated by - third parties.   - - - 3.2 Your Use. You are responsible for all activities that occur - through your use of those Offerings that do not require an account, - except to the extent caused by our breach of this Agreement, - regardless of whether the activities are authorized by you or - undertaken by you, your employees or a third party (including your - contractors, agents or other End Users).  We and our affiliates - are not responsible for unauthorized access that may occur during - your use of the Offerings, including any access that occurred as a - result of fraud, phishing, or other criminal activity perpetrated by - third parties.  You will ensure that your use of the Offerings - does not violate any applicable law.   - - - 3.3 Your Security and Backup. You are solely responsible for - properly configuring and using the Offerings and otherwise taking - appropriate action to secure, protect and backup your accounts - and/or Your Content in a manner that will provide appropriate - security and protection, which might include use of - encryption.  This includes your obligation under this Agreement - to record and securely maintain any passwords or backup security - phrases (i.e. “seed” phrases) that relate to your use of the - Offerings. You acknowledge that you will not share with us nor any - other third party any password or backup/seed phrase that relates to - your use of the Offerings, and that we will not be held responsible - if you do share any such phrase or password. - - - 3.4 Log-In Credentials and API Authentication. To the extent we - provide you with log-in credentials and API authentication generated - by the Offerings, such log-in credentials and API authentication are - for your use only and you will not sell, transfer or sublicense them - to any other entity or person, except that you may disclose your - password or private key to your agents and subcontractors performing - work on your behalf. - - - 3.5 Applicability to MetaMask Offerings. For the avoidance of doubt, - the terms of this Section 3 are applicable to all Offerings, - including MetaMask and any accounts you create through MetaMask with - Third Party Offerings, such as decentralized applications, or - blockchain-based accounts themselves. - - - 4. Fees and Payment. - - - 4.1 Publicly Available Offerings. Some Offerings may be offered to - the public and licensed on a royalty free basis, including Offerings - that require a Paid Plan for software licensing fees above a certain - threshold of use.  - - - 4.2 Offering Fees.  If your use of an Offering does not require - an Order or Paid Plan but software licensing fees are charged - contemporaneously with your use of the Offering, those fees will be - charged as described on the Site or in the user interface of the - Offering.  Such fees may be calculated by combining a fee - charged by us and a fee charged by a Third Party Offering that - provides certain functionality related to the Offering.  For - those Offerings which entail an Order or Paid Plan, we calculate and - bill fees and charges according to your Order or Paid Plan. For such - Offerings, on the first day of each billing period, you will pay us - the applicable fees (the “Base Fees”) and any applicable taxes based - on the Offerings in the Paid Plan. In addition, we may, for - particular Orders, issue an invoice to you for all charges above the - applicable threshold for your Paid Plan which constitute overage - fees for the previous billing period. If you make any other changes - to the Offerings during a billing period (e.g. upgrading or - downgrading your Paid Plan), we will apply any additional charges or - credits to the next billing period. We may bill you more frequently - for fees accrued at our discretion upon notice to you.  You - will pay all fees in U.S. dollars unless the particular Offering - specifies a different form of payment or otherwise agreed to in - writing. All amounts payable by you under this Agreement will be - paid to us without setoff or counterclaim, and without any deduction - or withholding. Fees and charges for any new Offering or new feature - of an Offering will be effective when we use commercially reasonable - efforts to communicate updated fees and charges through our Site or - other public channels or, if you are on a Paid Plan, upon - commercially reasonable efforts to notify you, unless we expressly - state otherwise in a notice. We may increase or add new fees and - charges for any existing Offerings you are using by using - commercially reasonable efforts to notify users of the Offerings - through our Site or other public channels or, if you are on a Paid - Plan, by giving you at least 30 days’ prior notice.  Unless - otherwise specified in an Order, if you are on a Paid Plan, all - amounts due under this Agreement are payable within thirty (30) days - following receipt of your invoice.  We may elect to charge you - interest at the rate of 1.5% per month (or the highest rate - permitted by law, if less) on all late payments. - - - 4.3 Taxes. Each party will be responsible, as required under - applicable law, for identifying and paying all taxes and other - governmental fees and charges (and any penalties, interest, and - other additions thereto) that are imposed on that party upon or with - respect to the transactions and payments under this Agreement. All - fees payable by you are exclusive taxes unless otherwise noted. We - reserve the right to withhold taxes where required. - - - 5. Temporary Suspension; Limiting API Requests. - - - 5.1 Generally. We may suspend your right to access or use any - portion or all of the Offerings immediately if we determine: - - - (a) your use of the Offerings (i) poses a security risk to the - Offerings or any third party, (ii) could adversely impact our - systems, the Offerings or the systems of any other user, (iii) could - subject us, our affiliates, or any third party to liability, or (iv) - could be unlawful; - - - (b) you are, or any End User is, in breach of this Agreement; - - - (c) you are in breach of your payment obligations under Section 4 - and such breach continues for 30 days or longer; or - - - (d) for entities, you have ceased to operate in the ordinary course, - made an assignment for the benefit of creditors or similar - disposition of your assets, or become the subject of any bankruptcy, - reorganization, liquidation, dissolution or similar proceeding. - - - 5.2 Effect of Suspension. If we suspend your right to access or use - any portion or all of the Offerings: - - - (a) you remain responsible for all fees and charges you incur during - the period of suspension; and - - - (b) you will not be entitled to any fee credits for any period of - suspension. - - - 5.3 Limiting API Requests. If applicable to a particular Offering, - we retain sole discretion to limit your usage of the Offerings - (including without limitation by limiting the number of API requests - you may submit (“API Requests”)) at any time if your usage of the - Offerings exceeds the usage threshold specified in your Paid - Plan.    - - - 6. Term; Termination. - - - 6.1 Term. For Offerings subject to a Paid Plan, the term of this - Agreement will commence on the Effective Date and will remain in - effect until terminated under this Section 6. Any notice of - termination of this Agreement by either party to the other must - include a Termination Date that complies with the notice periods in - Section 6.2.  For Offerings that are not subject to a Paid - Plan, the term of this Agreement will commence on the Effective Date - and will remain in effect until you stop accessing or using the - Offerings.  - - - 6.2 Termination. - - - (a) Termination for Convenience. If you are not on a Paid Plan, you - may terminate this Agreement for any reason by ceasing use of the - Offering. If you are on a Paid Plan, each party may terminate this - Agreement for any reason by giving the other party at least 30 days’ - written notice, subject to the provisions in Section 6.2(b). - - - (b) Termination for Cause. - - - (i) By Either Party. Either party may terminate this Agreement for - cause if the other party is in material breach of this Agreement and - the material breach remains uncured for a period of 30 days from - receipt of notice by the other party.  - - - (ii) By Us. We may also terminate this Agreement immediately (A) for - cause if we have the right to suspend under Section 5, (B) if our - relationship with a third-party partner who provides software or - other technology we use to provide the Offerings expires, terminates - or requires us to change the way we provide the software or other - technology as part of the Offerings, or (C) in order to avoid undue - risk of violating the law. - - - 6.3 Effect of Termination. Upon the Termination Date: - - - (i) all your rights under this Agreement immediately terminate; and - - - (ii) each party remains responsible for all fees and charges it has - incurred through the Termination Date and are responsible for any - fees and charges it incurs during the post-termination period; - - - (iii) the terms and conditions of this Agreement shall survive the - expiration or termination of this Agreement to the full extent - necessary for their enforcement and for the protection of the party - in whose favor they operate.  For instance, despite this - Agreement between you and us terminating, any dispute raised after - you stop accessing or using the Offerings will be subject to the - applicable provisions of this Agreement if that dispute relates to - your prior access or use. - - - For any use of the Offerings after the Termination Date, the terms - of this Agreement will again apply and, if your use is under a Paid - Plan, you will pay the applicable fees at the rates under Section 4. - - - 7. Proprietary Rights. - - - 7.1 Your Content. Depending on the Offering, you may share Content - with us. Except as provided in this Section 7, we obtain no rights - under this Agreement from you (or your licensors) to Your Content. - You consent to our use of Your Content to provide the Offerings to - you. - - - 7.2 Offerings License. We or our licensors own all right, title, and - interest in and to the Offerings, and all related technology and - intellectual property rights. Subject to the terms of this - Agreement, we grant you a limited, revocable, non-exclusive, - non-sublicensable, non-transferable license to do the following: (a) - access and use the Offerings solely in accordance with this - Agreement; and (b) copy and use Our Content solely in connection - with your permitted use of the Offerings. Except as provided in this - Section 7.2, you obtain no rights under this Agreement from us, our - affiliates or our licensors to the Offerings, including any related - intellectual property rights. Some of Our Content and Third-Party - Content may be provided to you under a separate license, such as the - Apache License, Version 2.0, or other open source license. In the - event of a conflict between this Agreement and any separate license, - the separate license will prevail with respect to Our Content or - Third-Party Content that is the subject of such separate license. - - - 7.3 License Restrictions. Neither you nor any End User will use the - Offerings in any manner or for any purpose other than as expressly - permitted by this Agreement. Except for as authorized, neither you - nor any End User will, or will attempt to (a) modify, distribute, - alter, tamper with, repair, or otherwise create derivative works of - any Content included in the Offerings (except to the extent Content - included in the Offerings is provided to you under a separate - license that expressly permits the creation of derivative works), - (b) reverse engineer, disassemble, or decompile the Offerings or - apply any other process or procedure to derive the source code of - any software included in the Offerings (except to the extent - applicable law doesn’t allow this restriction), (c) access or use - the Offerings in a way intended to avoid incurring fees or exceeding - usage limits or quotas, (d) use scraping techniques to mine or - otherwise scrape data except as permitted by a Plan, or (e) resell - or sublicense the Offerings unless otherwise agreed in writing. You - will not use Our Marks unless you obtain our prior written consent. - You will not misrepresent or embellish the relationship between us - and you (including by expressing or implying that we support, - sponsor, endorse, or contribute to you or your business endeavors). - You will not imply any relationship or affiliation between us and - you except as expressly permitted by this Agreement. - - - 7.4 Suggestions. If you provide any Suggestions to us or our - affiliates, we and our affiliates will be entitled to use the - Suggestions without restriction. You hereby irrevocably assign to us - all right, title, and interest in and to the Suggestions and agree - to provide us any assistance we require to document, perfect, and - maintain our rights in the Suggestions. - - - 7.5 U.S. Government Users. If you are a U.S. Government End User, we - are licensing the Offerings to you as a “Commercial Item” as that - term is defined in the U.S. Code of Federal Regulations (see 48 - C.F.R. § 2.101), and the rights we grant you to the Offerings are - the same as the rights we grant to all others under these Terms of - Use. - - - 8. Indemnification. - - - 8.1 General.  - - - (a) You will defend, indemnify, and hold harmless us, our affiliates - and licensors, and each of their respective employees, officers, - directors, and representatives from and against any Losses arising - out of or relating to any claim concerning: (a) breach of this - Agreement or violation of applicable law by you; and (b) a dispute - between you and any of your customers or users. You will reimburse - us for reasonable attorneys’ fees and expenses, associated with - claims described in (a) and (b) above. - - - (b) We will defend, indemnify, and hold harmless you and your - employees, officers, directors, and representatives from and against - any Losses arising out of or relating to any claim concerning our - material and intentional breach of this Agreement.  We will - reimburse you for reasonable attorneys’ fees and expenses associated - with the claims described in this paragraph. - - - 8.2 Intellectual Property. - - - (a) Subject to the limitations in this Section 8, you will defend - ConsenSys, its affiliates, and their respective employees, officers, - and directors against any third-party claim alleging that any of - Your Content infringes or misappropriates that third party’s - intellectual property rights, and will pay the amount of any adverse - final judgment or settlement. - - - (b) Subject to the limitations in this Section 8 and the limitations - in Section 10, we will defend you and your employees, officers, and - directors against any third-party claim alleging that the Offerings - infringe or misappropriate that third party’s intellectual property - rights, and will pay the amount of any adverse final judgment or - settlement.  However, we will not be required to spend more - than $200,000 pursuant to this Section 8, including without - limitation attorneys’ fees, court costs, settlements, judgments, and - reimbursement costs. - - - (c) Neither party will have obligations or liability under this - Section 8.2 arising from infringement by you combining the Offerings - with any other product, service, software, data, content or method. - In addition, we will have no obligations or liability arising from - your use of the Offerings after we have notified you to discontinue - such use. The remedies provided in this Section 8.2 are the sole and - exclusive remedies for any third-party claims of infringement or - misappropriation of intellectual property rights by the Offerings or - by Your Content. - - - 8.3 Process. In no event will a party agree to any settlement of any - claim that involves any commitment, other than the payment of money, - without the written consent of the other party. - - - 9. Disclaimers; Risk. - - - 9.1 DISCLAIMER. THE OFFERINGS ARE PROVIDED “AS IS.” EXCEPT TO THE - EXTENT PROHIBITED BY LAW, OR TO THE EXTENT ANY STATUTORY RIGHTS - APPLY THAT CANNOT BE EXCLUDED, LIMITED OR WAIVED, WE AND OUR - AFFILIATES AND LICENSORS (A) MAKE NO REPRESENTATIONS OR WARRANTIES - OF ANY KIND, WHETHER EXPRESS, IMPLIED, STATUTORY OR OTHERWISE - REGARDING THE OFFERINGS OR THE THIRD-PARTY CONTENT, AND (B) DISCLAIM - ALL WARRANTIES, INCLUDING ANY IMPLIED OR EXPRESS WARRANTIES (I) OF - MERCHANTABILITY, SATISFACTORY QUALITY, FITNESS FOR A PARTICULAR - PURPOSE, NON-INFRINGEMENT, OR QUIET ENJOYMENT, (II) ARISING OUT OF - ANY COURSE OF DEALING OR USAGE OF TRADE, (III) THAT THE OFFERINGS OR - THIRD-PARTY CONTENT WILL BE UNINTERRUPTED, ERROR FREE OR FREE OF - HARMFUL COMPONENTS, AND (IV) THAT ANY CONTENT WILL BE SECURE OR NOT - OTHERWISE LOST OR ALTERED. - - - 9.2 RISKS. OUR OFFERINGS RELY ON EMERGING TECHNOLOGIES, SUCH AS - ETHEREUM. SOME OFFERINGS ARE SUBJECT TO INCREASED RISK THROUGH YOUR - POTENTIAL MISUSE OF THINGS SUCH AS PUBLIC/PRIVATE KEY CRYPTOGRAPHY, - OR FAILING TO PROPERLY UPDATE OR RUN SOFTWARE TO ACCOMMODATE - PROTOCOL UPGRADES, LIKE THE TRANSITION TO PROOF OF STAKE CONSENSUS. - BY USING THE OFFERINGS YOU EXPLICITLY ACKNOWLEDGE AND ACCEPT THESE - HEIGHTENED RISKS.  YOU REPRESENT THAT YOU ARE FINANCIALLY AND - TECHNICALLY SOPHISTICATED ENOUGH TO UNDERSTAND THE INHERENT RISKS - ASSOCIATED WITH USING CRYPTOGRAPHIC AND BLOCKCHAIN-BASED SYSTEMS AND - UPGRADING YOUR SOFTWARE AND PROCESSES TO ACCOMMODATE PROTOCOL - UPGRADES, AND THAT YOU HAVE A WORKING KNOWLEDGE OF THE USAGE AND - INTRICACIES OF DIGITAL ASSETS SUCH AS ETHER (ETH) AND OTHER DIGITAL - TOKENS, SUCH AS THOSE FOLLOWING THE ERC-20 TOKEN STANDARD.  IN - PARTICULAR, YOU UNDERSTAND THAT WE DO NOT OPERATE THE ETHEREUM - PROTOCOL OR ANY OTHER BLOCKCHAIN PROTOCOL, COMMUNICATE OR EXECUTE - PROTOCOL UPGRADES, OR APPROVE OR PROCESS BLOCKCHAIN TRANSACTIONS ON - BEHALF OF YOU.  YOU FURTHER UNDERSTAND THAT BLOCKCHAIN - PROTOCOLS PRESENT THEIR OWN RISKS OF USE, THAT SUPPORTING OR - PARTICIPATING IN THE PROTOCOL MAY RESULT IN LOSSES IF YOUR - PARTICIPATION VIOLATES CERTAIN PROTOCOL RULES, THAT  - BLOCKCHAIN-BASED TRANSACTIONS ARE IRREVERSIBLE, THAT YOUR PRIVATE - KEY AND BACKUP SEED PHRASE MUST BE KEPT SECRET AT ALL TIMES, THAT - CONSENSYS WILL NOT STORE A BACKUP OF, NOR WILL BE ABLE TO DISCOVER - OR RECOVER, YOUR PRIVATE KEY OR BACKUP SEED PHRASE, AND THAT YOU ARE - SOLELY RESPONSIBLE FOR ANY APPROVALS OR PERMISSIONS YOU PROVIDE BY - CRYPTOGRAPHICALLY SIGNING BLOCKCHAIN MESSAGES OR TRANSACTIONS. - - - YOU FURTHER UNDERSTAND AND ACCEPT THAT DIGITAL TOKENS PRESENT MARKET - VOLATILITY RISK, TECHNICAL SOFTWARE RISKS, REGULATORY RISKS, AND - CYBERSECURITY RISKS.  YOU UNDERSTAND THAT THE COST AND SPEED OF - A BLOCKCHAIN-BASED SYSTEM IS VARIABLE, THAT COST MAY INCREASE - DRAMATICALLY AT ANY TIME, AND THAT COST AND SPEED IS NOT WITHIN THE - CAPABILITY OF CONSENSYS TO CONTROL.  YOU UNDERSTAND THAT - PROTOCOL UPGRADES MAY INADVERTENTLY CONTAIN BUGS OR SECURITY - VULNERABILITIES THAT MAY RESULT IN LOSS OF FUNCTIONALITY AND - ULTIMATELY FUNDS. - - - YOU UNDERSTAND AND ACCEPT THAT CONSENSYS DOES NOT CONTROL ANY - BLOCKCHAIN PROTOCOL, NOR DOES CONSENSYS CONTROL ANY SMART CONTRACT - THAT IS NOT OTHERWISE OFFERED BY CONSENSYS AS PART OF THE - OFFERINGS.  YOU UNDERSTAND AND ACCEPT THAT CONSENSYS DOES NOT - CONTROL AND IS NOT RESPONSIBLE FOR THE TRANSITION OF ANY BLOCKCHAIN - PROTOCOL FROM PROOF OF WORK TO PROOF OF STAKE CONSENSUS.  YOU - AGREE THAT YOU ALONE, AND NOT CONSENSYS, IS RESPONSIBLE FOR ANY - TRANSACTIONS THAT YOU ENGAGE IN WITH REGARD TO SUPPORTING ANY - BLOCKCHAIN PROTOCOL WHETHER THROUGH TRANSACTION VALIDATION OR - OTHERWISE, OR ANY TRANSACTIONS THAT YOU ENGAGE IN WITHANY - THIRD-PARTY-DEVELOPED SMART CONTRACT OR TOKEN, INCLUDING TOKENS THAT - WERE CREATED BY A THIRD PARTY FOR THE PURPOSE OF FRAUDULENTLY - MISREPRESENTING AFFILIATION WITH ANY BLOCKCHAIN PROJECT.  YOU - AGREE THAT CONSENSYS IS NOT RESPONSIBLE FOR THE REGULATORY STATUS OR - TREATMENT OF ANY DIGITAL ASSETS THAT YOU MAY ACCESS OR TRANSACT WITH - USING CONSENSYS OFFERINGS.  YOU EXPRESSLY ASSUME FULL - RESPONSIBILITY FOR ALL OF THE RISKS OF ACCESSING AND USING THE - OFFERINGS TO INTERACT WITH BLOCKCHAIN PROTOCOLS.  - - - 10. Limitations of Liability. - - - 10.1 Limitation of Liability. WITH THE EXCEPTION OF CLAIMS RELATING - TO A BREACH OF OUR PROPRIETARY RIGHTS AS GOVERNED BY SECTION 7 AND - INTELLECTUAL PROPERTY CLAIMS AS GOVERNED BY SECTION 8, IN NO EVENT - SHALL THE AGGREGATE LIABILITY OF EACH PARTY TOGETHER WITH ALL OF ITS - AFFILIATES ARISING OUT OF OR RELATED TO THIS AGREEMENT EXCEED THE - TOTAL AMOUNT PAID BY YOU HEREUNDER FOR THE OFFERINGS GIVING RISE TO - THE LIABILITY IN THE TWELVE MONTHS PRECEDING THE FIRST INCIDENT OUT - OF WHICH THE LIABILITY AROSE, OR, IF NO FEES HAVE BEEN PAID, - $25,000. THE FOREGOING LIMITATION WILL APPLY WHETHER AN ACTION IS IN - CONTRACT OR TORT AND REGARDLESS OF THE THEORY OF LIABILITY, BUT WILL - NOT LIMIT YOUR PAYMENT OBLIGATIONS UNDER SECTION 4.  - - - 10.2 Exclusion of Consequential and Related Damages. IN NO EVENT - WILL EITHER PARTY OR ITS AFFILIATES HAVE ANY LIABILITY ARISING OUT - OF OR RELATED TO THIS AGREEMENT FOR ANY LOST PROFITS, REVENUES, - GOODWILL, OR INDIRECT, SPECIAL, INCIDENTAL, CONSEQUENTIAL, COVER, - BUSINESS INTERRUPTION OR PUNITIVE DAMAGES, WHETHER AN ACTION IS IN - CONTRACT OR TORT AND REGARDLESS OF THE THEORY OF LIABILITY, EVEN IF - A PARTY OR ITS AFFILIATES HAVE BEEN ADVISED OF THE POSSIBILITY OF - SUCH DAMAGES OR IF A PARTY’S OR ITS AFFILIATES’ REMEDY OTHERWISE - FAILS OF ITS ESSENTIAL PURPOSE. THE FOREGOING DISCLAIMER WILL NOT - APPLY TO THE EXTENT PROHIBITED BY LAW. - - - 11. Binding Arbitration and Class Action Waiver. - - - PLEASE READ THIS SECTION CAREFULLY – IT MAY SIGNIFICANTLY AFFECT - YOUR LEGAL RIGHTS, INCLUDING YOUR RIGHT TO FILE A LAWSUIT IN COURT. - - - 11.1 Binding Arbitration. Any dispute, claim or controversy - (“Claim”) relating in any way to this Agreement, the Site, or your - use of the Offerings will be resolved by binding arbitration as - provided in this Section 11, rather than in court, except that you - may assert claims in small claims court if your claims qualify. - - - 11.1.1 If you are located in the United States: This agreement and - any dispute or claim (including non-contractual disputes or claims) - arising out of or in connection with it or its subject matter or - formation shall be governed by and construed in accordance with the - laws of the State of New York. The Federal Arbitration Act and - federal arbitration law apply to this Agreement. There is no judge - or jury in arbitration, and court review of an arbitration award is - limited. However, an arbitrator can award on an individual basis the - same damages and relief as a court (including injunctive and - declaratory relief or statutory damages), and must follow the terms - of this Agreement as a court would. The arbitration will be - conducted in accordance with the expedited procedures set forth in - the JAMS Comprehensive Arbitration Rules and Procedures (the - “Rules”) as those Rules exist on the effective date of this - Agreement, including Rules 16.1 and 16.2 of those Rules. The - arbitrator’s decision shall be final, binding, and non-appealable. - Judgment upon the award may be entered and enforced in any court - having jurisdiction. Neither party shall sue the other party other - than as provided herein or for enforcement of this clause or of the - arbitrator’s award; any such suit may be brought only in a Federal - District Court or a New York state court located in New York County, - New York. The arbitrator, and not any federal, state, or local - court, shall have exclusive authority to resolve any dispute - relating to the interpretation, applicability, unconscionability, - arbitrability, enforceability, or formation of this Agreement - including any claim that all or any part of the Agreement is void or - voidable.  If for any reason a claim proceeds in court rather - than in arbitration we and you waive any right to a jury trial. - Notwithstanding the foregoing we and you both agree that you or we - may bring suit in court to enjoin infringement or other misuse of - intellectual property rights.  - - - 11.1.2 If you are located in the United Kingdom: This agreement and - any dispute or claim (including non-contractual disputes or claims) - arising out of or in connection with it or its subject matter or - formation shall be governed by and construed in accordance with the - law of England and Wales. Any dispute, claim or controversy relating - in any way to this Agreement, the Offerings, your use of the - Offerings, or to any products or services licensed or distributed by - us will be resolved by binding arbitration as provided in this - clause. Prior to commencing any formal arbitration proceedings, - parties shall first seek settlement of any claim by mediation in - accordance with the LCIA Mediation Rules, which Rules are deemed to - be incorporated by reference into this clause. If the dispute is not - settled by mediation within 14 days of the commencement of the - mediation, or such further period as the parties shall agree in - writing, the dispute shall be referred to and finally resolved by - arbitration under the LCIA Rules, which are deemed to be - incorporated by reference into this clause. The language to be used - in the mediation and in the arbitration shall be English. The seat - or legal place of arbitration shall be London. - - - 11.1.3 If you are located in any territory that is not specifically - enumerated in Sections 11.1.1 or 11.1.2, you may elect for either of - Section 11.1.1 or 11.1.2 to apply to you, otherwise this Agreement - and any Claim (including non-contractual disputes or claims) arising - out of or in connection with it or its subject matter or formation - shall be governed by and construed in accordance with the law of - Ireland. Any Claim relating in any way to this Agreement, the - Offerings, your use of the Offerings, or to any products or services - licensed or distributed by us will be resolved by binding - arbitration as provided in this clause. Prior to commencing any - formal arbitration proceedings, parties shall first seek settlement - of any claim by mediation in accordance with the LCIA Mediation - Rules, which Rules are deemed to be incorporated by reference into - this clause. If the dispute is not settled by mediation within 14 - days of the commencement of the mediation, or such further period as - the parties shall agree in writing, the Claim shall be referred to - and finally resolved by arbitration under the LCIA Rules, which are - deemed to be incorporated by reference into this clause. The - language to be used in the mediation and in the arbitration shall be - English. The seat or legal place of arbitration shall be Dublin, - Ireland. - - - 11.2 Class Action Waiver. YOU AND WE AGREE THAT EACH MAY BRING - CLAIMS AGAINST THE OTHER ONLY ON AN INDIVIDUAL BASIS, AND NOT AS A - PLAINTIFF OR CLASS MEMBER IN ANY PURPORTED CLASS OR REPRESENTATIVE - PROCEEDING. YOU AND WE EXPRESSLY WAIVE ANY RIGHT TO FILE A CLASS - ACTION OR SEEK RELIEF ON A CLASS BASIS. Unless both you and we - agree, no arbitrator or judge may consolidate more than one person’s - claims or otherwise preside over any form of a representative or - class proceeding. The arbitrator may award injunctive relief only in - favor of the individual party seeking relief and only to the extent - necessary to provide relief warranted by that party’s individual - claim. If a court decides that applicable law precludes enforcement - of any of this paragraph’s limitations as to a particular claim for - relief, then that claim (and only that claim) must be severed from - the arbitration and may be brought in court. If any court or - arbitrator determines that the class action waiver set forth in this - paragraph is void or unenforceable for any reason or that an - arbitration can proceed on a class basis, then the arbitration - provision set forth above shall be deemed null and void in its - entirety and the parties shall be deemed to have not agreed to - arbitrate disputes. - - - 11.3 30-Day Right to Opt Out. You have the right to opt-out and not - be bound by the arbitration and class action waiver provisions set - forth above by sending written notice of your decision to opt-out to - the email address notices@consensys.net with subject line LEGAL OPT - OUT. The notice must be sent within 30 days of your first use of the - Offerings, otherwise you shall be bound to arbitrate disputes and - will be deemed to have agreed to waive any right to pursue a class - action in accordance with the terms of those paragraphs. If you - opt-out of these provisions, we will also not be bound by them. - - - 12. Miscellaneous. - - - 12.1 Assignment. You will not assign or otherwise transfer this - Agreement or any of your rights and obligations under this - Agreement, without our prior written consent. Any assignment or - transfer in violation of this Section 12.1 will be void. We may - assign this Agreement without your consent (a) in connection with a - merger, acquisition or sale of all or substantially all of our - assets, or (b) to any Affiliate or as part of a corporate - reorganization; and effective upon such assignment, the assignee is - deemed substituted for us as a party to this Agreement and we are - fully released from all of our obligations and duties to perform - under this Agreement. Subject to the foregoing, this Agreement will - be binding upon, and inure to the benefit of the parties and their - respective permitted successors and assigns. - - - 12.2 DAOs. As a blockchain native company, we may interact with and - provide certain Offerings to DAOs. Due to the unique nature of DAOs, - to the extent the DAO votes in favor of and/or accepts such - Offerings from ConsenSys, the DAO has acknowledged and agreed to - these Terms in their entirety. - - - 12.2 Entire Agreement and Modifications. This Agreement incorporates - the Policies by reference and is the entire agreement between you - and us regarding the subject matter of this Agreement. If the terms - of this document are inconsistent with the terms contained in any - Policy, the terms contained in this document will control. Any - modification to the terms of this Agreement may only be made in - writing. - - - 12.3 Force Majeure. Neither party nor their respective affiliates - will be liable for any delay or failure to perform any obligation - under this Agreement where the delay or failure results from any - cause beyond such party’s reasonable control, including but not - limited to acts of God, utilities or other telecommunications - failures, cyber attacks, earthquake, storms or other elements of - nature, pandemics, blockages, embargoes, riots, acts or orders of - government, acts of terrorism, or war. - - - 12.4 Export and Sanctions Compliance. In connection with this - Agreement, you will comply with all applicable import, re-import, - sanctions, anti-boycott, export, and re-export control laws and - regulations, including all such laws and regulations that may apply. - For clarity, you are solely responsible for compliance related to - the manner in which you choose to use the Offerings. You may not use - any Offering if you are the subject of U.S. sanctions or of - sanctions consistent with U.S. law imposed by the governments of the - country where you are using the Offering.  - - - 12.5 Independent Contractors; Non-Exclusive Rights. We and you are - independent contractors, and this Agreement will not be construed to - create a partnership, joint venture, agency, or employment - relationship. Neither party, nor any of their respective affiliates, - is an agent of the other for any purpose or has the authority to - bind the other. Both parties reserve the right (a) to develop or - have developed for it products, services, concepts, systems, or - techniques that are similar to or compete with the products, - services, concepts, systems, or techniques developed or contemplated - by the other party, and (b) to assist third party developers or - systems integrators who may offer products or services which compete - with the other party’s products or services. - - - 12.6 Eligibility. If you are under the age of majority in your - jurisdiction of residence, you may use the Site or Offerings only - with the consent of or under the supervision of your parent or legal - guardian. - - - NOTICE TO PARENTS AND GUARDIANS: By granting your minor permission - to access the Site or Offerings, you agree to these Terms of Use on - behalf of your minor. You are responsible for exercising supervision - over your minor’s online activities. If you do not agree to these - Terms of Use, do not let your minor use the Site or Offerings. - - - 12.7 Language. All communications and notices made or given pursuant - to this Agreement must be in the English language. If we provide a - translation of the English language version of this Agreement, the - English language version of the Agreement will control if there is - any conflict. - - - 12.8 Notice. - - - (a) To You. We may provide any notice to you under this Agreement - using commercially reasonable means, including: (i) posting a notice - on the Site; (ii) sending a message to the email address then - associated with your account; or (iii) using public communication - channels . Notices we provide by posting on the Site or using public - communication channels will be effective upon posting, and notices - we provide by email will be effective when we send the email. It is - your responsibility to keep your email address current to the extent - you have an account. You will be deemed to have received any email - sent to the email address then associated with your account when we - send the email, whether or not you actually receive the email. - - - (b) To Us. To give us notice under this Agreement, you must contact - us by email at notices@consensys.net.  - - - 12.9 No Third-Party Beneficiaries. Except as otherwise set forth - herein, this Agreement does not create any third-party beneficiary - rights in any individual or entity that is not a party to this - Agreement. - - - 12.10 No Waivers. The failure by us to enforce any provision of this - Agreement will not constitute a present or future waiver of such - provision nor limit our right to enforce such provision at a later - time. All waivers by us must be in writing to be effective. - - - 12.11 Severability. If any portion of this Agreement is held to be - invalid or unenforceable, the remaining portions of this Agreement - will remain in full force and effect. Any invalid or unenforceable - portions will be interpreted to effect and intent of the original - portion. If such construction is not possible, the invalid or - unenforceable portion will be severed from this Agreement but the - rest of the Agreement will remain in full force and effect. - - - 12.12 Notice and Procedure for Making Claims of Copyright - Infringement. If you are a copyright owner or agent of the owner, - and you believe that your copyright or the copyright of a person on - whose behalf you are authorized to act has been infringed, please - provide us a written notice at the address below with the following - information: - - - - an electronic or physical signature of the person authorized to - act on behalf of the owner of the copyright or other intellectual - property interest; - - - a description of the copyrighted work or other intellectual - property that you claim has been infringed; - - - a description of where the material that you claim is infringing - is located with respect to the Offerings; - - - your address, telephone number, and email address; - - - a statement by you that you have a good faith belief that the - disputed use is not authorized by the copyright owner, its agent, - or the law; - - - a statement by you, made under penalty of perjury, that the above - information in your notice is accurate and that you are the - copyright or intellectual property owner or authorized to act on - the copyright or intellectual property owner’s behalf. - - - - You can reach us at: - - - Email: notices@consensys.net - - - Subject Line: Copyright Notification Mail - - - Attention: Copyright ℅ - - - ConsenSys Software Inc.  - - - 49 Bogart Street Suite 22 Brooklyn, NY 11206 - - - 13. Definitions. - - - “Acceptable Use Policy” means the policy set forth below, as it may - be updated by us from time to time. You agree not to, and not to - allow third parties to, use the Offerings: - - - - to violate, or encourage the violation of, the legal rights of - others (for example, this may include allowing End Users to - infringe or misappropriate the intellectual property rights of - others in violation of the Digital Millennium Copyright Act); - - - to engage in, promote or encourage any illegal or infringing - content; - - - for any unlawful, invasive, infringing, defamatory or fraudulent - purpose (for example, this may include phishing, creating a - pyramid scheme or mirroring a website); - - - to intentionally distribute viruses, worms, Trojan horses, - corrupted files, hoaxes, or other items of a destructive or - deceptive nature; - - - to interfere with the use of the Offerings, or the equipment used - to provide the Offerings, by customers, authorized resellers, or - other authorized users; - - - to disable, interfere with or circumvent any aspect of the - Offerings (for example, any thresholds or limits); - - - to generate, distribute, publish or facilitate unsolicited mass - email, promotions, advertising or other solicitation; or - - - to use the Offerings, or any interfaces provided with the - Offerings, to access any other product or service in a manner that - violates the terms of service of such other product or service. - - - - “API” means an application program interface. - - - “API Requests” has the meaning set forth in Section 5.3. - - - “Applicable Threshold” has the meaning set forth in Section 4.2. - - - “Base Fees” has the meaning set forth in Section 4.2. - - - “Content” means any data, text, audio, video or images, software - (including machine images), and any documentation. - - - “DAO” means Decentralized Autonomous Organization. - - - “End User” means any individual or entity that directly or - indirectly through another user: (a) accesses or uses Your Content; - or (b) otherwise accesses or uses the Offerings under your - account.  - - - “Fees” has the meaning set forth in Section 4.2. - - - “Losses” means any claims, damages, losses, liabilities, costs, and - expenses (including reasonable attorneys’ fees).’ - - - “Our Content” means any software (including machine images), data, - text, audio, video, images, or documentation that we offer in - connection with the Offerings.  - - - “Our Marks” means any trademarks, service marks, service or trade - names, logos, and other designations of ConsenSys Software Inc. and - their affiliates or licensors that we may make available to you in - connection with this Agreement. - - - “Order” means an order for Offerings executed through an order form - directly with ConsenSys, or through a cloud vendor, such as Amazon - Web Services, Microsoft Azure, or Google Cloud. - - - “Offerings” means each of the products and services, including but - not limited to Codefi, Infura, MetaMask, Quorum and any other - features, tools, materials, or services offered from time to time, - by us or our affiliates.  - - - “Policies” means the Acceptable Use Policy, Privacy Policy, any - supplemental policies or addendums applicable to any Service as - provided to you, and any other policy or terms referenced in or - incorporated into this Agreement, each as may be updated by us from - time to time. - - - “Privacy Policy” means the privacy policy located at{' '} - - https://consensys.io/privacy-policy - {' '} - (and any successor or related locations designated by us), as it may - be updated by us from time to time. - - - “Service Offerings” means the Services (including associated APIs), - Our Content, Our Marks, and any other product or service provided by - us under this Agreement. Service Offerings do not include - Third-Party Content or Third-Party Services. - - - “Suggestions” means all suggested improvements to the Service - Offerings that you provide to us.. - - - “Term” means the term of this Agreement described in Section 6.1. - - - “Termination Date” means the effective date of termination provided - in accordance with Section 6, in a notice from one party to the - other. - - - “Third-Party Content” means Content made available to you by any - third party on the Site or in conjunction with the Offerings. - - - “Your Content” means content that you or any End User transfers to - us, storage or hosting by the Offerings in connection with account - and any computational results that you or any End User derive from - the foregoing through their use of the Offerings, excluding however - any information submitted to a blockchain protocol for - processing.  - - - { - setIsTermsOfUseChecked(!isTermsOfUseChecked); - }} - label={t('termsOfUseAgreeText')} - ref={bottomRef} - /> - + { + setIsTermsOfUseChecked(!isTermsOfUseChecked); + }} + label={t('termsOfUseAgreeText')} + ref={bottomRef} + /> - + ); } diff --git a/ui/components/app/terms-of-use-popup/terms-of-use.js b/ui/components/app/terms-of-use-popup/terms-of-use.js new file mode 100644 index 000000000000..d56f3a1c548a --- /dev/null +++ b/ui/components/app/terms-of-use-popup/terms-of-use.js @@ -0,0 +1,1075 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import { + TextVariant, + TextAlign, + Color, +} from '../../../helpers/constants/design-system'; +import { Box, ButtonLink, Text } from '../../component-library'; + +export const TermsOfUse = (props) => { + return ( + + + {props.showHeader ? ( + + Terms of use + + Last update: January 1901 + + + ) : null} + + IMPORTANT NOTICE: THIS AGREEMENT IS SUBJECT TO BINDING ARBITRATION AND + A WAIVER OF CLASS ACTION RIGHTS AS DETAILED IN SECTION 11. PLEASE READ + THE AGREEMENT CAREFULLY. + + + ConsenSys Software Inc. (“ConsenSys,” “we,” “us,” or “our”) is the + leading blockchain software development company. With a focus on + utilizing decentralized technologies, such as Ethereum, our software + is powering a revolution in commerce and finance and helping to + optimize business processes. ConsenSys hosts a top level domain + website, www.consensys.io, that serves information regarding ConsenSys + and our Offerings, as defined below, as well as sub-domains for our + products or services (the top level domain with the sub-domains + collectively referred to as the “Site”), which include text, images, + audio, code and other materials or third party information.  + + + These Terms of Use (the “Terms,” “Terms of Use” or “Agreement”) + contain the terms and conditions that govern your access to and use of + the Site and Offerings provided by us and is an agreement between us + and you or the entity you represent (“you” or “your”). Please read + these Terms of Use carefully before using the Site or Offerings. By + using the Site, clicking a button or checkbox to accept or agree to + these Terms where that option is made available, clicking a button to + use or access any of the Offerings, completing an Order, or,  if + earlier, using or otherwise accessing the Offerings (the date on which + any of the events listed above occur being the “Effective Date”), you + (1) accept and agree to these Terms and any additional terms, rules + and conditions of participation issued by ConsenSys from time to time + and (2) consent to the collection, use, disclosure and other handling + of information as described in our{' '} + + Privacy Policy. + {' '} + If you do not agree to the Terms or perform any and all obligations + you accept under the Terms, then you may not access or use the + Offerings.  + + + You represent to us that you are lawfully able to enter into + contracts. If you are entering into this Agreement for an entity, such + as the company you work for, you represent to us that you have legal + authority to bind that entity. Please see Section 13 for definitions + of certain capitalized terms used in this Agreement. + + + In addition, you represent to us that you and your financial + institutions, or any party that owns or controls you or your financial + institutions, are (1) not subject to sanctions or otherwise designated + on any list of prohibited or restricted parties, including but not + limited to the lists maintained by the United Nations Security + Council, the U.S. Government (i.e., the Specially Designated Nationals + List and Foreign Sanctions Evaders List of the U.S. Department of + Treasury and the Entity List of the U.S. Department of Commerce), the + European Union or its Member States, or other applicable government + authority and (2) not located in any country subject to a + comprehensive sanctions program implemented by the United States. + + + 1. The Offerings. + + + 1.1 Generally. You may access and use the Offerings in accordance with + this Agreement. You agree to comply with the terms of this Agreement + and all laws, rules and regulations applicable to your use of the + Offerings. + + + 1.2 Offerings and Access. ConsenSys offers a number of products and + services, each an “Offering”, under the ConsenSys brand or brands + owned by us. These include Codefi, Quorum, Infura, MetaMask and + others. Offerings are generally accessed through the Site or through a + third party provider of which we approved, such as the Google Play or + Apple App Store, unless otherwise agreed in writing. Some Offerings + may require you to create an account, enter a valid form of payment, + and select a paid plan (a “Paid Plan”), or initiate an Order.  + + + 1.3 Third-Party Content. In certain Offerings, Third-Party Content may + be used by you at your election. Third-Party Content is governed by + this Agreement and, if applicable, separate terms and conditions + accompanying such Third-Party Content, which terms and conditions may + include separate fees and charges. + + + 1.4 Third-Party Offerings. When you use our Offerings, you may also be + using the products or services of one or more third parties. Your use + of these third party offerings may be subject to the separate + policies, terms of use, and fees of these third parties. + + + 2. Changes. + + + 2.1 To the Offerings. We may change or discontinue any or all of the + Offerings or change or remove functionality of any or all of the + Offerings from time to time. We will use commercially reasonable + efforts to communicate to you any material change or discontinuation + of an Offering through the Site or public communication + channels.  If you are on a Paid Plan, we will use commercially + reasonable efforts to communicate to you  any material changes to + or discontinuation of the Offering at least 30 days in advance of such + change, and we will use commercially reasonable efforts to continue + supporting the previous version of the Offering for up to three months + after the change or discontinuation, except if doing so (a) would pose + an information security or intellectual property issue, (b) is + economically or technically burdensome, or (c) would create undue risk + of us violating the law. + + + 2.2 To this Agreement. We reserve the right, at our sole discretion, + to modify or replace any part of this Agreement or any Policies at any + time. It is your responsibility to check this Agreement periodically + for changes, but we will also use commercially reasonable efforts to + communicate any material changes to this Agreement through the Site or + other public channels. Your continued use of or access to the + Offerings following the posting of any changes to this Agreement + constitutes acceptance of those changes. + + + 3. Your Responsibilities. + + + 3.1 Your Accounts.  For those Offerings that require an account, + and except to the extent caused by our breach of this Agreement, (a) + you are responsible for all activities that occur under your account, + regardless of whether the activities are authorized by you or + undertaken by you, your employees or a third party (including your + contractors, agents or other End Users), and (b) we and our affiliates + are not responsible for unauthorized access to your account, including + any access that occurred as a result of fraud, phishing, or other + criminal activity perpetrated by third parties.   + + + 3.2 Your Use. You are responsible for all activities that occur + through your use of those Offerings that do not require an account, + except to the extent caused by our breach of this Agreement, + regardless of whether the activities are authorized by you or + undertaken by you, your employees or a third party (including your + contractors, agents or other End Users).  We and our affiliates + are not responsible for unauthorized access that may occur during your + use of the Offerings, including any access that occurred as a result + of fraud, phishing, or other criminal activity perpetrated by third + parties.  You will ensure that your use of the Offerings does not + violate any applicable law.   + + + 3.3 Your Security and Backup. You are solely responsible for properly + configuring and using the Offerings and otherwise taking appropriate + action to secure, protect and backup your accounts and/or Your Content + in a manner that will provide appropriate security and protection, + which might include use of encryption.  This includes your + obligation under this Agreement to record and securely maintain any + passwords or backup security phrases (i.e. “seed” phrases) that relate + to your use of the Offerings. You acknowledge that you will not share + with us nor any other third party any password or backup/seed phrase + that relates to your use of the Offerings, and that we will not be + held responsible if you do share any such phrase or password. + + + 3.4 Log-In Credentials and API Authentication. To the extent we + provide you with log-in credentials and API authentication generated + by the Offerings, such log-in credentials and API authentication are + for your use only and you will not sell, transfer or sublicense them + to any other entity or person, except that you may disclose your + password or private key to your agents and subcontractors performing + work on your behalf. + + + 3.5 Applicability to MetaMask Offerings. For the avoidance of doubt, + the terms of this Section 3 are applicable to all Offerings, including + MetaMask and any accounts you create through MetaMask with Third Party + Offerings, such as decentralized applications, or blockchain-based + accounts themselves. + + + 4. Fees and Payment. + + + 4.1 Publicly Available Offerings. Some Offerings may be offered to the + public and licensed on a royalty free basis, including Offerings that + require a Paid Plan for software licensing fees above a certain + threshold of use.  + + + 4.2 Offering Fees.  If your use of an Offering does not require + an Order or Paid Plan but software licensing fees are charged + contemporaneously with your use of the Offering, those fees will be + charged as described on the Site or in the user interface of the + Offering.  Such fees may be calculated by combining a fee charged + by us and a fee charged by a Third Party Offering that provides + certain functionality related to the Offering.  For those + Offerings which entail an Order or Paid Plan, we calculate and bill + fees and charges according to your Order or Paid Plan. For such + Offerings, on the first day of each billing period, you will pay us + the applicable fees (the “Base Fees”) and any applicable taxes based + on the Offerings in the Paid Plan. In addition, we may, for particular + Orders, issue an invoice to you for all charges above the applicable + threshold for your Paid Plan which constitute overage fees for the + previous billing period. If you make any other changes to the + Offerings during a billing period (e.g. upgrading or downgrading your + Paid Plan), we will apply any additional charges or credits to the + next billing period. We may bill you more frequently for fees accrued + at our discretion upon notice to you.  You will pay all fees in + U.S. dollars unless the particular Offering specifies a different form + of payment or otherwise agreed to in writing. All amounts payable by + you under this Agreement will be paid to us without setoff or + counterclaim, and without any deduction or withholding. Fees and + charges for any new Offering or new feature of an Offering will be + effective when we use commercially reasonable efforts to communicate + updated fees and charges through our Site or other public channels or, + if you are on a Paid Plan, upon commercially reasonable efforts to + notify you, unless we expressly state otherwise in a notice. We may + increase or add new fees and charges for any existing Offerings you + are using by using commercially reasonable efforts to notify users of + the Offerings through our Site or other public channels or, if you are + on a Paid Plan, by giving you at least 30 days’ prior notice.  + Unless otherwise specified in an Order, if you are on a Paid Plan, all + amounts due under this Agreement are payable within thirty (30) days + following receipt of your invoice.  We may elect to charge you + interest at the rate of 1.5% per month (or the highest rate permitted + by law, if less) on all late payments. + + + 4.3 Taxes. Each party will be responsible, as required under + applicable law, for identifying and paying all taxes and other + governmental fees and charges (and any penalties, interest, and other + additions thereto) that are imposed on that party upon or with respect + to the transactions and payments under this Agreement. All fees + payable by you are exclusive taxes unless otherwise noted. We reserve + the right to withhold taxes where required. + + + 5. Temporary Suspension; Limiting API Requests. + + + 5.1 Generally. We may suspend your right to access or use any portion + or all of the Offerings immediately if we determine: + + + (a) your use of the Offerings (i) poses a security risk to the + Offerings or any third party, (ii) could adversely impact our systems, + the Offerings or the systems of any other user, (iii) could subject + us, our affiliates, or any third party to liability, or (iv) could be + unlawful; + + + (b) you are, or any End User is, in breach of this Agreement; + + + (c) you are in breach of your payment obligations under Section 4 and + such breach continues for 30 days or longer; or + + + (d) for entities, you have ceased to operate in the ordinary course, + made an assignment for the benefit of creditors or similar disposition + of your assets, or become the subject of any bankruptcy, + reorganization, liquidation, dissolution or similar proceeding. + + + 5.2 Effect of Suspension. If we suspend your right to access or use + any portion or all of the Offerings: + + + (a) you remain responsible for all fees and charges you incur during + the period of suspension; and + + + (b) you will not be entitled to any fee credits for any period of + suspension. + + + 5.3 Limiting API Requests. If applicable to a particular Offering, we + retain sole discretion to limit your usage of the Offerings (including + without limitation by limiting the number of API requests you may + submit (“API Requests”)) at any time if your usage of the Offerings + exceeds the usage threshold specified in your Paid + Plan.    + + + 6. Term; Termination. + + + 6.1 Term. For Offerings subject to a Paid Plan, the term of this + Agreement will commence on the Effective Date and will remain in + effect until terminated under this Section 6. Any notice of + termination of this Agreement by either party to the other must + include a Termination Date that complies with the notice periods in + Section 6.2.  For Offerings that are not subject to a Paid Plan, + the term of this Agreement will commence on the Effective Date and + will remain in effect until you stop accessing or using the + Offerings.  + + + 6.2 Termination. + + + (a) Termination for Convenience. If you are not on a Paid Plan, you + may terminate this Agreement for any reason by ceasing use of the + Offering. If you are on a Paid Plan, each party may terminate this + Agreement for any reason by giving the other party at least 30 days’ + written notice, subject to the provisions in Section 6.2(b). + + + (b) Termination for Cause. + + + (i) By Either Party. Either party may terminate this Agreement for + cause if the other party is in material breach of this Agreement and + the material breach remains uncured for a period of 30 days from + receipt of notice by the other party.  + + + (ii) By Us. We may also terminate this Agreement immediately (A) for + cause if we have the right to suspend under Section 5, (B) if our + relationship with a third-party partner who provides software or other + technology we use to provide the Offerings expires, terminates or + requires us to change the way we provide the software or other + technology as part of the Offerings, or (C) in order to avoid undue + risk of violating the law. + + + 6.3 Effect of Termination. Upon the Termination Date: + + + (i) all your rights under this Agreement immediately terminate; and + + + (ii) each party remains responsible for all fees and charges it has + incurred through the Termination Date and are responsible for any fees + and charges it incurs during the post-termination period; + + + (iii) the terms and conditions of this Agreement shall survive the + expiration or termination of this Agreement to the full extent + necessary for their enforcement and for the protection of the party in + whose favor they operate.  For instance, despite this Agreement + between you and us terminating, any dispute raised after you stop + accessing or using the Offerings will be subject to the applicable + provisions of this Agreement if that dispute relates to your prior + access or use. + + + For any use of the Offerings after the Termination Date, the terms of + this Agreement will again apply and, if your use is under a Paid Plan, + you will pay the applicable fees at the rates under Section 4. + + + 7. Proprietary Rights. + + + 7.1 Your Content. Depending on the Offering, you may share Content + with us. Except as provided in this Section 7, we obtain no rights + under this Agreement from you (or your licensors) to Your Content. You + consent to our use of Your Content to provide the Offerings to you. + + + 7.2 Offerings License. We or our licensors own all right, title, and + interest in and to the Offerings, and all related technology and + intellectual property rights. Subject to the terms of this Agreement, + we grant you a limited, revocable, non-exclusive, non-sublicensable, + non-transferable license to do the following: (a) access and use the + Offerings solely in accordance with this Agreement; and (b) copy and + use Our Content solely in connection with your permitted use of the + Offerings. Except as provided in this Section 7.2, you obtain no + rights under this Agreement from us, our affiliates or our licensors + to the Offerings, including any related intellectual property rights. + Some of Our Content and Third-Party Content may be provided to you + under a separate license, such as the Apache License, Version 2.0, or + other open source license. In the event of a conflict between this + Agreement and any separate license, the separate license will prevail + with respect to Our Content or Third-Party Content that is the subject + of such separate license. + + + 7.3 License Restrictions. Neither you nor any End User will use the + Offerings in any manner or for any purpose other than as expressly + permitted by this Agreement. Except for as authorized, neither you nor + any End User will, or will attempt to (a) modify, distribute, alter, + tamper with, repair, or otherwise create derivative works of any + Content included in the Offerings (except to the extent Content + included in the Offerings is provided to you under a separate license + that expressly permits the creation of derivative works), (b) reverse + engineer, disassemble, or decompile the Offerings or apply any other + process or procedure to derive the source code of any software + included in the Offerings (except to the extent applicable law doesn’t + allow this restriction), (c) access or use the Offerings in a way + intended to avoid incurring fees or exceeding usage limits or quotas, + (d) use scraping techniques to mine or otherwise scrape data except as + permitted by a Plan, or (e) resell or sublicense the Offerings unless + otherwise agreed in writing. You will not use Our Marks unless you + obtain our prior written consent. You will not misrepresent or + embellish the relationship between us and you (including by expressing + or implying that we support, sponsor, endorse, or contribute to you or + your business endeavors). You will not imply any relationship or + affiliation between us and you except as expressly permitted by this + Agreement. + + + 7.4 Suggestions. If you provide any Suggestions to us or our + affiliates, we and our affiliates will be entitled to use the + Suggestions without restriction. You hereby irrevocably assign to us + all right, title, and interest in and to the Suggestions and agree to + provide us any assistance we require to document, perfect, and + maintain our rights in the Suggestions. + + + 7.5 U.S. Government Users. If you are a U.S. Government End User, we + are licensing the Offerings to you as a “Commercial Item” as that term + is defined in the U.S. Code of Federal Regulations (see 48 C.F.R. § + 2.101), and the rights we grant you to the Offerings are the same as + the rights we grant to all others under these Terms of Use. + + + 8. Indemnification. + + + 8.1 General.  + + + (a) You will defend, indemnify, and hold harmless us, our affiliates + and licensors, and each of their respective employees, officers, + directors, and representatives from and against any Losses arising out + of or relating to any claim concerning: (a) breach of this Agreement + or violation of applicable law by you; and (b) a dispute between you + and any of your customers or users. You will reimburse us for + reasonable attorneys’ fees and expenses, associated with claims + described in (a) and (b) above. + + + (b) We will defend, indemnify, and hold harmless you and your + employees, officers, directors, and representatives from and against + any Losses arising out of or relating to any claim concerning our + material and intentional breach of this Agreement.  We will + reimburse you for reasonable attorneys’ fees and expenses associated + with the claims described in this paragraph. + + + 8.2 Intellectual Property. + + + (a) Subject to the limitations in this Section 8, you will defend + ConsenSys, its affiliates, and their respective employees, officers, + and directors against any third-party claim alleging that any of Your + Content infringes or misappropriates that third party’s intellectual + property rights, and will pay the amount of any adverse final judgment + or settlement. + + + (b) Subject to the limitations in this Section 8 and the limitations + in Section 10, we will defend you and your employees, officers, and + directors against any third-party claim alleging that the Offerings + infringe or misappropriate that third party’s intellectual property + rights, and will pay the amount of any adverse final judgment or + settlement.  However, we will not be required to spend more than + $200,000 pursuant to this Section 8, including without limitation + attorneys’ fees, court costs, settlements, judgments, and + reimbursement costs. + + + (c) Neither party will have obligations or liability under this + Section 8.2 arising from infringement by you combining the Offerings + with any other product, service, software, data, content or method. In + addition, we will have no obligations or liability arising from your + use of the Offerings after we have notified you to discontinue such + use. The remedies provided in this Section 8.2 are the sole and + exclusive remedies for any third-party claims of infringement or + misappropriation of intellectual property rights by the Offerings or + by Your Content. + + + 8.3 Process. In no event will a party agree to any settlement of any + claim that involves any commitment, other than the payment of money, + without the written consent of the other party. + + + 9. Disclaimers; Risk. + + + 9.1 DISCLAIMER. THE OFFERINGS ARE PROVIDED “AS IS.” EXCEPT TO THE + EXTENT PROHIBITED BY LAW, OR TO THE EXTENT ANY STATUTORY RIGHTS APPLY + THAT CANNOT BE EXCLUDED, LIMITED OR WAIVED, WE AND OUR AFFILIATES AND + LICENSORS (A) MAKE NO REPRESENTATIONS OR WARRANTIES OF ANY KIND, + WHETHER EXPRESS, IMPLIED, STATUTORY OR OTHERWISE REGARDING THE + OFFERINGS OR THE THIRD-PARTY CONTENT, AND (B) DISCLAIM ALL WARRANTIES, + INCLUDING ANY IMPLIED OR EXPRESS WARRANTIES (I) OF MERCHANTABILITY, + SATISFACTORY QUALITY, FITNESS FOR A PARTICULAR PURPOSE, + NON-INFRINGEMENT, OR QUIET ENJOYMENT, (II) ARISING OUT OF ANY COURSE + OF DEALING OR USAGE OF TRADE, (III) THAT THE OFFERINGS OR THIRD-PARTY + CONTENT WILL BE UNINTERRUPTED, ERROR FREE OR FREE OF HARMFUL + COMPONENTS, AND (IV) THAT ANY CONTENT WILL BE SECURE OR NOT OTHERWISE + LOST OR ALTERED. + + + 9.2 RISKS. OUR OFFERINGS RELY ON EMERGING TECHNOLOGIES, SUCH AS + ETHEREUM. SOME OFFERINGS ARE SUBJECT TO INCREASED RISK THROUGH YOUR + POTENTIAL MISUSE OF THINGS SUCH AS PUBLIC/PRIVATE KEY CRYPTOGRAPHY, OR + FAILING TO PROPERLY UPDATE OR RUN SOFTWARE TO ACCOMMODATE PROTOCOL + UPGRADES, LIKE THE TRANSITION TO PROOF OF STAKE CONSENSUS. BY USING + THE OFFERINGS YOU EXPLICITLY ACKNOWLEDGE AND ACCEPT THESE HEIGHTENED + RISKS.  YOU REPRESENT THAT YOU ARE FINANCIALLY AND TECHNICALLY + SOPHISTICATED ENOUGH TO UNDERSTAND THE INHERENT RISKS ASSOCIATED WITH + USING CRYPTOGRAPHIC AND BLOCKCHAIN-BASED SYSTEMS AND UPGRADING YOUR + SOFTWARE AND PROCESSES TO ACCOMMODATE PROTOCOL UPGRADES, AND THAT YOU + HAVE A WORKING KNOWLEDGE OF THE USAGE AND INTRICACIES OF DIGITAL + ASSETS SUCH AS ETHER (ETH) AND OTHER DIGITAL TOKENS, SUCH AS THOSE + FOLLOWING THE ERC-20 TOKEN STANDARD.  IN PARTICULAR, YOU + UNDERSTAND THAT WE DO NOT OPERATE THE ETHEREUM PROTOCOL OR ANY OTHER + BLOCKCHAIN PROTOCOL, COMMUNICATE OR EXECUTE PROTOCOL UPGRADES, OR + APPROVE OR PROCESS BLOCKCHAIN TRANSACTIONS ON BEHALF OF YOU.  YOU + FURTHER UNDERSTAND THAT BLOCKCHAIN PROTOCOLS PRESENT THEIR OWN RISKS + OF USE, THAT SUPPORTING OR PARTICIPATING IN THE PROTOCOL MAY RESULT IN + LOSSES IF YOUR PARTICIPATION VIOLATES CERTAIN PROTOCOL RULES, + THAT  BLOCKCHAIN-BASED TRANSACTIONS ARE IRREVERSIBLE, THAT YOUR + PRIVATE KEY AND BACKUP SEED PHRASE MUST BE KEPT SECRET AT ALL TIMES, + THAT CONSENSYS WILL NOT STORE A BACKUP OF, NOR WILL BE ABLE TO + DISCOVER OR RECOVER, YOUR PRIVATE KEY OR BACKUP SEED PHRASE, AND THAT + YOU ARE SOLELY RESPONSIBLE FOR ANY APPROVALS OR PERMISSIONS YOU + PROVIDE BY CRYPTOGRAPHICALLY SIGNING BLOCKCHAIN MESSAGES OR + TRANSACTIONS. + + + YOU FURTHER UNDERSTAND AND ACCEPT THAT DIGITAL TOKENS PRESENT MARKET + VOLATILITY RISK, TECHNICAL SOFTWARE RISKS, REGULATORY RISKS, AND + CYBERSECURITY RISKS.  YOU UNDERSTAND THAT THE COST AND SPEED OF A + BLOCKCHAIN-BASED SYSTEM IS VARIABLE, THAT COST MAY INCREASE + DRAMATICALLY AT ANY TIME, AND THAT COST AND SPEED IS NOT WITHIN THE + CAPABILITY OF CONSENSYS TO CONTROL.  YOU UNDERSTAND THAT PROTOCOL + UPGRADES MAY INADVERTENTLY CONTAIN BUGS OR SECURITY VULNERABILITIES + THAT MAY RESULT IN LOSS OF FUNCTIONALITY AND ULTIMATELY FUNDS. + + + YOU UNDERSTAND AND ACCEPT THAT CONSENSYS DOES NOT CONTROL ANY + BLOCKCHAIN PROTOCOL, NOR DOES CONSENSYS CONTROL ANY SMART CONTRACT + THAT IS NOT OTHERWISE OFFERED BY CONSENSYS AS PART OF THE + OFFERINGS.  YOU UNDERSTAND AND ACCEPT THAT CONSENSYS DOES NOT + CONTROL AND IS NOT RESPONSIBLE FOR THE TRANSITION OF ANY BLOCKCHAIN + PROTOCOL FROM PROOF OF WORK TO PROOF OF STAKE CONSENSUS.  YOU + AGREE THAT YOU ALONE, AND NOT CONSENSYS, IS RESPONSIBLE FOR ANY + TRANSACTIONS THAT YOU ENGAGE IN WITH REGARD TO SUPPORTING ANY + BLOCKCHAIN PROTOCOL WHETHER THROUGH TRANSACTION VALIDATION OR + OTHERWISE, OR ANY TRANSACTIONS THAT YOU ENGAGE IN WITHANY + THIRD-PARTY-DEVELOPED SMART CONTRACT OR TOKEN, INCLUDING TOKENS THAT + WERE CREATED BY A THIRD PARTY FOR THE PURPOSE OF FRAUDULENTLY + MISREPRESENTING AFFILIATION WITH ANY BLOCKCHAIN PROJECT.  YOU + AGREE THAT CONSENSYS IS NOT RESPONSIBLE FOR THE REGULATORY STATUS OR + TREATMENT OF ANY DIGITAL ASSETS THAT YOU MAY ACCESS OR TRANSACT WITH + USING CONSENSYS OFFERINGS.  YOU EXPRESSLY ASSUME FULL + RESPONSIBILITY FOR ALL OF THE RISKS OF ACCESSING AND USING THE + OFFERINGS TO INTERACT WITH BLOCKCHAIN PROTOCOLS.  + + + 10. Limitations of Liability. + + + 10.1 Limitation of Liability. WITH THE EXCEPTION OF CLAIMS RELATING TO + A BREACH OF OUR PROPRIETARY RIGHTS AS GOVERNED BY SECTION 7 AND + INTELLECTUAL PROPERTY CLAIMS AS GOVERNED BY SECTION 8, IN NO EVENT + SHALL THE AGGREGATE LIABILITY OF EACH PARTY TOGETHER WITH ALL OF ITS + AFFILIATES ARISING OUT OF OR RELATED TO THIS AGREEMENT EXCEED THE + TOTAL AMOUNT PAID BY YOU HEREUNDER FOR THE OFFERINGS GIVING RISE TO + THE LIABILITY IN THE TWELVE MONTHS PRECEDING THE FIRST INCIDENT OUT OF + WHICH THE LIABILITY AROSE, OR, IF NO FEES HAVE BEEN PAID, $25,000. THE + FOREGOING LIMITATION WILL APPLY WHETHER AN ACTION IS IN CONTRACT OR + TORT AND REGARDLESS OF THE THEORY OF LIABILITY, BUT WILL NOT LIMIT + YOUR PAYMENT OBLIGATIONS UNDER SECTION 4.  + + + 10.2 Exclusion of Consequential and Related Damages. IN NO EVENT WILL + EITHER PARTY OR ITS AFFILIATES HAVE ANY LIABILITY ARISING OUT OF OR + RELATED TO THIS AGREEMENT FOR ANY LOST PROFITS, REVENUES, GOODWILL, OR + INDIRECT, SPECIAL, INCIDENTAL, CONSEQUENTIAL, COVER, BUSINESS + INTERRUPTION OR PUNITIVE DAMAGES, WHETHER AN ACTION IS IN CONTRACT OR + TORT AND REGARDLESS OF THE THEORY OF LIABILITY, EVEN IF A PARTY OR ITS + AFFILIATES HAVE BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES OR IF + A PARTY’S OR ITS AFFILIATES’ REMEDY OTHERWISE FAILS OF ITS ESSENTIAL + PURPOSE. THE FOREGOING DISCLAIMER WILL NOT APPLY TO THE EXTENT + PROHIBITED BY LAW. + + + 11. Binding Arbitration and Class Action Waiver. + + + PLEASE READ THIS SECTION CAREFULLY – IT MAY SIGNIFICANTLY AFFECT YOUR + LEGAL RIGHTS, INCLUDING YOUR RIGHT TO FILE A LAWSUIT IN COURT. + + + 11.1 Binding Arbitration. Any dispute, claim or controversy (“Claim”) + relating in any way to this Agreement, the Site, or your use of the + Offerings will be resolved by binding arbitration as provided in this + Section 11, rather than in court, except that you may assert claims in + small claims court if your claims qualify. + + + 11.1.1 If you are located in the United States: This agreement and any + dispute or claim (including non-contractual disputes or claims) + arising out of or in connection with it or its subject matter or + formation shall be governed by and construed in accordance with the + laws of the State of New York. The Federal Arbitration Act and federal + arbitration law apply to this Agreement. There is no judge or jury in + arbitration, and court review of an arbitration award is limited. + However, an arbitrator can award on an individual basis the same + damages and relief as a court (including injunctive and declaratory + relief or statutory damages), and must follow the terms of this + Agreement as a court would. The arbitration will be conducted in + accordance with the expedited procedures set forth in the JAMS + Comprehensive Arbitration Rules and Procedures (the “Rules”) as those + Rules exist on the effective date of this Agreement, including Rules + 16.1 and 16.2 of those Rules. The arbitrator’s decision shall be + final, binding, and non-appealable. Judgment upon the award may be + entered and enforced in any court having jurisdiction. Neither party + shall sue the other party other than as provided herein or for + enforcement of this clause or of the arbitrator’s award; any such suit + may be brought only in a Federal District Court or a New York state + court located in New York County, New York. The arbitrator, and not + any federal, state, or local court, shall have exclusive authority to + resolve any dispute relating to the interpretation, applicability, + unconscionability, arbitrability, enforceability, or formation of this + Agreement including any claim that all or any part of the Agreement is + void or voidable.  If for any reason a claim proceeds in court + rather than in arbitration we and you waive any right to a jury trial. + Notwithstanding the foregoing we and you both agree that you or we may + bring suit in court to enjoin infringement or other misuse of + intellectual property rights.  + + + 11.1.2 If you are located in the United Kingdom: This agreement and + any dispute or claim (including non-contractual disputes or claims) + arising out of or in connection with it or its subject matter or + formation shall be governed by and construed in accordance with the + law of England and Wales. Any dispute, claim or controversy relating + in any way to this Agreement, the Offerings, your use of the + Offerings, or to any products or services licensed or distributed by + us will be resolved by binding arbitration as provided in this clause. + Prior to commencing any formal arbitration proceedings, parties shall + first seek settlement of any claim by mediation in accordance with the + LCIA Mediation Rules, which Rules are deemed to be incorporated by + reference into this clause. If the dispute is not settled by mediation + within 14 days of the commencement of the mediation, or such further + period as the parties shall agree in writing, the dispute shall be + referred to and finally resolved by arbitration under the LCIA Rules, + which are deemed to be incorporated by reference into this clause. The + language to be used in the mediation and in the arbitration shall be + English. The seat or legal place of arbitration shall be London. + + + 11.1.3 If you are located in any territory that is not specifically + enumerated in Sections 11.1.1 or 11.1.2, you may elect for either of + Section 11.1.1 or 11.1.2 to apply to you, otherwise this Agreement and + any Claim (including non-contractual disputes or claims) arising out + of or in connection with it or its subject matter or formation shall + be governed by and construed in accordance with the law of Ireland. + Any Claim relating in any way to this Agreement, the Offerings, your + use of the Offerings, or to any products or services licensed or + distributed by us will be resolved by binding arbitration as provided + in this clause. Prior to commencing any formal arbitration + proceedings, parties shall first seek settlement of any claim by + mediation in accordance with the LCIA Mediation Rules, which Rules are + deemed to be incorporated by reference into this clause. If the + dispute is not settled by mediation within 14 days of the commencement + of the mediation, or such further period as the parties shall agree in + writing, the Claim shall be referred to and finally resolved by + arbitration under the LCIA Rules, which are deemed to be incorporated + by reference into this clause. The language to be used in the + mediation and in the arbitration shall be English. The seat or legal + place of arbitration shall be Dublin, Ireland. + + + 11.2 Class Action Waiver. YOU AND WE AGREE THAT EACH MAY BRING CLAIMS + AGAINST THE OTHER ONLY ON AN INDIVIDUAL BASIS, AND NOT AS A PLAINTIFF + OR CLASS MEMBER IN ANY PURPORTED CLASS OR REPRESENTATIVE PROCEEDING. + YOU AND WE EXPRESSLY WAIVE ANY RIGHT TO FILE A CLASS ACTION OR SEEK + RELIEF ON A CLASS BASIS. Unless both you and we agree, no arbitrator + or judge may consolidate more than one person’s claims or otherwise + preside over any form of a representative or class proceeding. The + arbitrator may award injunctive relief only in favor of the individual + party seeking relief and only to the extent necessary to provide + relief warranted by that party’s individual claim. If a court decides + that applicable law precludes enforcement of any of this paragraph’s + limitations as to a particular claim for relief, then that claim (and + only that claim) must be severed from the arbitration and may be + brought in court. If any court or arbitrator determines that the class + action waiver set forth in this paragraph is void or unenforceable for + any reason or that an arbitration can proceed on a class basis, then + the arbitration provision set forth above shall be deemed null and + void in its entirety and the parties shall be deemed to have not + agreed to arbitrate disputes. + + + 11.3 30-Day Right to Opt Out. You have the right to opt-out and not be + bound by the arbitration and class action waiver provisions set forth + above by sending written notice of your decision to opt-out to the + email address notices@consensys.net with subject line LEGAL OPT OUT. + The notice must be sent within 30 days of your first use of the + Offerings, otherwise you shall be bound to arbitrate disputes and will + be deemed to have agreed to waive any right to pursue a class action + in accordance with the terms of those paragraphs. If you opt-out of + these provisions, we will also not be bound by them. + + + 12. Miscellaneous. + + + 12.1 Assignment. You will not assign or otherwise transfer this + Agreement or any of your rights and obligations under this Agreement, + without our prior written consent. Any assignment or transfer in + violation of this Section 12.1 will be void. We may assign this + Agreement without your consent (a) in connection with a merger, + acquisition or sale of all or substantially all of our assets, or (b) + to any Affiliate or as part of a corporate reorganization; and + effective upon such assignment, the assignee is deemed substituted for + us as a party to this Agreement and we are fully released from all of + our obligations and duties to perform under this Agreement. Subject to + the foregoing, this Agreement will be binding upon, and inure to the + benefit of the parties and their respective permitted successors and + assigns. + + + 12.2 DAOs. As a blockchain native company, we may interact with and + provide certain Offerings to DAOs. Due to the unique nature of DAOs, + to the extent the DAO votes in favor of and/or accepts such Offerings + from ConsenSys, the DAO has acknowledged and agreed to these Terms in + their entirety. + + + 12.2 Entire Agreement and Modifications. This Agreement incorporates + the Policies by reference and is the entire agreement between you and + us regarding the subject matter of this Agreement. If the terms of + this document are inconsistent with the terms contained in any Policy, + the terms contained in this document will control. Any modification to + the terms of this Agreement may only be made in writing. + + + 12.3 Force Majeure. Neither party nor their respective affiliates will + be liable for any delay or failure to perform any obligation under + this Agreement where the delay or failure results from any cause + beyond such party’s reasonable control, including but not limited to + acts of God, utilities or other telecommunications failures, cyber + attacks, earthquake, storms or other elements of nature, pandemics, + blockages, embargoes, riots, acts or orders of government, acts of + terrorism, or war. + + + 12.4 Export and Sanctions Compliance. In connection with this + Agreement, you will comply with all applicable import, re-import, + sanctions, anti-boycott, export, and re-export control laws and + regulations, including all such laws and regulations that may apply. + For clarity, you are solely responsible for compliance related to the + manner in which you choose to use the Offerings. You may not use any + Offering if you are the subject of U.S. sanctions or of sanctions + consistent with U.S. law imposed by the governments of the country + where you are using the Offering.  + + + 12.5 Independent Contractors; Non-Exclusive Rights. We and you are + independent contractors, and this Agreement will not be construed to + create a partnership, joint venture, agency, or employment + relationship. Neither party, nor any of their respective affiliates, + is an agent of the other for any purpose or has the authority to bind + the other. Both parties reserve the right (a) to develop or have + developed for it products, services, concepts, systems, or techniques + that are similar to or compete with the products, services, concepts, + systems, or techniques developed or contemplated by the other party, + and (b) to assist third party developers or systems integrators who + may offer products or services which compete with the other party’s + products or services. + + + 12.6 Eligibility. If you are under the age of majority in your + jurisdiction of residence, you may use the Site or Offerings only with + the consent of or under the supervision of your parent or legal + guardian. + + + NOTICE TO PARENTS AND GUARDIANS: By granting your minor permission to + access the Site or Offerings, you agree to these Terms of Use on + behalf of your minor. You are responsible for exercising supervision + over your minor’s online activities. If you do not agree to these + Terms of Use, do not let your minor use the Site or Offerings. + + + 12.7 Language. All communications and notices made or given pursuant + to this Agreement must be in the English language. If we provide a + translation of the English language version of this Agreement, the + English language version of the Agreement will control if there is any + conflict. + + + 12.8 Notice. + + + (a) To You. We may provide any notice to you under this Agreement + using commercially reasonable means, including: (i) posting a notice + on the Site; (ii) sending a message to the email address then + associated with your account; or (iii) using public communication + channels . Notices we provide by posting on the Site or using public + communication channels will be effective upon posting, and notices we + provide by email will be effective when we send the email. It is your + responsibility to keep your email address current to the extent you + have an account. You will be deemed to have received any email sent to + the email address then associated with your account when we send the + email, whether or not you actually receive the email. + + + (b) To Us. To give us notice under this Agreement, you must contact us + by email at notices@consensys.net.  + + + 12.9 No Third-Party Beneficiaries. Except as otherwise set forth + herein, this Agreement does not create any third-party beneficiary + rights in any individual or entity that is not a party to this + Agreement. + + + 12.10 No Waivers. The failure by us to enforce any provision of this + Agreement will not constitute a present or future waiver of such + provision nor limit our right to enforce such provision at a later + time. All waivers by us must be in writing to be effective. + + + 12.11 Severability. If any portion of this Agreement is held to be + invalid or unenforceable, the remaining portions of this Agreement + will remain in full force and effect. Any invalid or unenforceable + portions will be interpreted to effect and intent of the original + portion. If such construction is not possible, the invalid or + unenforceable portion will be severed from this Agreement but the rest + of the Agreement will remain in full force and effect. + + + 12.12 Notice and Procedure for Making Claims of Copyright + Infringement. If you are a copyright owner or agent of the owner, and + you believe that your copyright or the copyright of a person on whose + behalf you are authorized to act has been infringed, please provide us + a written notice at the address below with the following information: + + + + an electronic or physical signature of the person authorized to act + on behalf of the owner of the copyright or other intellectual + property interest; + + + a description of the copyrighted work or other intellectual property + that you claim has been infringed; + + + a description of where the material that you claim is infringing is + located with respect to the Offerings; + + + your address, telephone number, and email address; + + + a statement by you that you have a good faith belief that the + disputed use is not authorized by the copyright owner, its agent, or + the law; + + + a statement by you, made under penalty of perjury, that the above + information in your notice is accurate and that you are the + copyright or intellectual property owner or authorized to act on the + copyright or intellectual property owner’s behalf. + + + + You can reach us at: + + + Email: notices@consensys.net + + + Subject Line: Copyright Notification Mail + + + Attention: Copyright ℅ + + + ConsenSys Software Inc.  + + + 49 Bogart Street Suite 22 Brooklyn, NY 11206 + + + 13. Definitions. + + + “Acceptable Use Policy” means the policy set forth below, as it may be + updated by us from time to time. You agree not to, and not to allow + third parties to, use the Offerings: + + + + to violate, or encourage the violation of, the legal rights of + others (for example, this may include allowing End Users to infringe + or misappropriate the intellectual property rights of others in + violation of the Digital Millennium Copyright Act); + + + to engage in, promote or encourage any illegal or infringing + content; + + + for any unlawful, invasive, infringing, defamatory or fraudulent + purpose (for example, this may include phishing, creating a pyramid + scheme or mirroring a website); + + + to intentionally distribute viruses, worms, Trojan horses, corrupted + files, hoaxes, or other items of a destructive or deceptive nature; + + + to interfere with the use of the Offerings, or the equipment used to + provide the Offerings, by customers, authorized resellers, or other + authorized users; + + + to disable, interfere with or circumvent any aspect of the Offerings + (for example, any thresholds or limits); + + + to generate, distribute, publish or facilitate unsolicited mass + email, promotions, advertising or other solicitation; or + + + to use the Offerings, or any interfaces provided with the Offerings, + to access any other product or service in a manner that violates the + terms of service of such other product or service. + + + + “API” means an application program interface. + + + “API Requests” has the meaning set forth in Section 5.3. + + + “Applicable Threshold” has the meaning set forth in Section 4.2. + + + “Base Fees” has the meaning set forth in Section 4.2. + + + “Content” means any data, text, audio, video or images, software + (including machine images), and any documentation. + + + “DAO” means Decentralized Autonomous Organization. + + + “End User” means any individual or entity that directly or indirectly + through another user: (a) accesses or uses Your Content; or (b) + otherwise accesses or uses the Offerings under your account.  + + + “Fees” has the meaning set forth in Section 4.2. + + + “Losses” means any claims, damages, losses, liabilities, costs, and + expenses (including reasonable attorneys’ fees).’ + + + “Our Content” means any software (including machine images), data, + text, audio, video, images, or documentation that we offer in + connection with the Offerings.  + + + “Our Marks” means any trademarks, service marks, service or trade + names, logos, and other designations of ConsenSys Software Inc. and + their affiliates or licensors that we may make available to you in + connection with this Agreement. + + + “Order” means an order for Offerings executed through an order form + directly with ConsenSys, or through a cloud vendor, such as Amazon Web + Services, Microsoft Azure, or Google Cloud. + + + “Offerings” means each of the products and services, including but not + limited to Codefi, Infura, MetaMask, Quorum and any other features, + tools, materials, or services offered from time to time, by us or our + affiliates.  + + + “Policies” means the Acceptable Use Policy, Privacy Policy, any + supplemental policies or addendums applicable to any Service as + provided to you, and any other policy or terms referenced in or + incorporated into this Agreement, each as may be updated by us from + time to time. + + + “Privacy Policy” means the privacy policy located at{' '} + + https://consensys.io/privacy-policy + {' '} + (and any successor or related locations designated by us), as it may + be updated by us from time to time. + + + “Service Offerings” means the Services (including associated APIs), + Our Content, Our Marks, and any other product or service provided by + us under this Agreement. Service Offerings do not include Third-Party + Content or Third-Party Services. + + + “Suggestions” means all suggested improvements to the Service + Offerings that you provide to us.. + + + “Term” means the term of this Agreement described in Section 6.1. + + + “Termination Date” means the effective date of termination provided in + accordance with Section 6, in a notice from one party to the other. + + + “Third-Party Content” means Content made available to you by any third + party on the Site or in conjunction with the Offerings. + + + “Your Content” means content that you or any End User transfers to us, + storage or hosting by the Offerings in connection with account and any + computational results that you or any End User derive from the + foregoing through their use of the Offerings, excluding however any + information submitted to a blockchain protocol for processing.  + + + + ); +}; + +TermsOfUse.propTypes = { + showHeader: PropTypes.bool, +}; diff --git a/ui/pages/onboarding-flow/welcome/welcome.js b/ui/pages/onboarding-flow/welcome/welcome.js index 52825815be70..810fa7fe3095 100644 --- a/ui/pages/onboarding-flow/welcome/welcome.js +++ b/ui/pages/onboarding-flow/welcome/welcome.js @@ -1,20 +1,33 @@ import EventEmitter from 'events'; -import React, { useState, useEffect, useContext } from 'react'; +import React, { useState, useEffect, useContext, useRef } from 'react'; import { useDispatch, useSelector } from 'react-redux'; import { useHistory } from 'react-router-dom'; ///: BEGIN:ONLY_INCLUDE_IF(build-main,build-beta,build-flask) import { Carousel } from 'react-responsive-carousel'; ///: END:ONLY_INCLUDE_IF import Mascot from '../../../components/ui/mascot'; -import Button from '../../../components/ui/button'; -import { Text } from '../../../components/component-library'; -import CheckBox from '../../../components/ui/check-box'; -import Box from '../../../components/ui/box'; +import { + Text, + Button, + Modal, + ModalHeader, + ModalContent, + ModalOverlay, + ModalBody, + ModalFooter, + Box, + Checkbox, + ButtonVariant, +} from '../../../components/component-library'; import { TextVariant, - AlignItems, TextAlign, FontWeight, + BlockSize, + AlignItems, + Display, + Color, + BorderStyle, } from '../../../helpers/constants/design-system'; import { useI18nContext } from '../../../hooks/useI18nContext'; import { MetaMetricsContext } from '../../../contexts/metametrics'; @@ -42,6 +55,7 @@ import { } from '../../../helpers/constants/routes'; import { getFirstTimeFlowType, getCurrentKeyring } from '../../../selectors'; import { FirstTimeFlowType } from '../../../../shared/constants/onboarding'; +import { TermsOfUse } from '../../../components/app/terms-of-use-popup/terms-of-use'; export default function OnboardingWelcome() { const t = useI18nContext(); @@ -50,9 +64,46 @@ export default function OnboardingWelcome() { const [eventEmitter] = useState(new EventEmitter()); const currentKeyring = useSelector(getCurrentKeyring); const firstTimeFlowType = useSelector(getFirstTimeFlowType); - const [termsChecked, setTermsChecked] = useState(false); const [newAccountCreationInProgress, setNewAccountCreationInProgress] = useState(false); + const [showTermsModal, setShowTermsModal] = useState(false); + const [pendingAction, setPendingAction] = useState(null); + const modalBodyRef = useRef(null); + + useEffect(() => { + if (showTermsModal) { + // Reset scroll after a short delay to ensure modal is rendered + setTimeout(() => { + if (modalBodyRef.current) { + modalBodyRef.current.scrollTop = 0; + console.log( + 'Scroll position after timeout:', + modalBodyRef.current.scrollTop, + ); + } + }, 100); + + // Add scroll event listener + const handleScroll = () => { + if (modalBodyRef.current) { + console.log( + 'Current scroll position:', + modalBodyRef.current.scrollTop, + ); + } + }; + + if (modalBodyRef.current) { + modalBodyRef.current.addEventListener('scroll', handleScroll); + } + + return () => { + if (modalBodyRef.current) { + modalBodyRef.current.removeEventListener('scroll', handleScroll); + } + }; + } + }, [showTermsModal]); // Don't allow users to come back to this screen after they // have already imported or created a wallet @@ -75,61 +126,58 @@ export default function OnboardingWelcome() { ]); const trackEvent = useContext(MetaMetricsContext); - const onCreateClick = async () => { - setNewAccountCreationInProgress(true); - dispatch(setFirstTimeFlowType(FirstTimeFlowType.create)); - trackEvent({ - category: MetaMetricsEventCategory.Onboarding, - event: MetaMetricsEventName.OnboardingWalletCreationStarted, - properties: { - account_type: 'metamask', - }, - }); - dispatch(setTermsOfUseLastAgreed(new Date().getTime())); + const handleAcceptTerms = async () => { + setShowTermsModal(false); + if (pendingAction === 'create') { + setNewAccountCreationInProgress(true); + dispatch(setFirstTimeFlowType(FirstTimeFlowType.create)); + trackEvent({ + category: MetaMetricsEventCategory.Onboarding, + event: MetaMetricsEventName.OnboardingWalletCreationStarted, + properties: { + account_type: 'metamask', + }, + }); + dispatch(setTermsOfUseLastAgreed(new Date().getTime())); - ///: BEGIN:ONLY_INCLUDE_IF(build-main,build-beta,build-flask) - history.push(ONBOARDING_METAMETRICS); - ///: END:ONLY_INCLUDE_IF + ///: BEGIN:ONLY_INCLUDE_IF(build-main,build-beta,build-flask) + history.push(ONBOARDING_METAMETRICS); + ///: END:ONLY_INCLUDE_IF - ///: BEGIN:ONLY_INCLUDE_IF(build-mmi) - await dispatch(setParticipateInMetaMetrics(false)); - history.push(ONBOARDING_CREATE_PASSWORD_ROUTE); - ///: END:ONLY_INCLUDE_IF - }; - const toggleTermsCheck = () => { - setTermsChecked((currentTermsChecked) => !currentTermsChecked); - }; - const termsOfUse = t('agreeTermsOfUse', [ - - {t('terms')} - , - ]); + ///: BEGIN:ONLY_INCLUDE_IF(build-mmi) + await dispatch(setParticipateInMetaMetrics(false)); + history.push(ONBOARDING_CREATE_PASSWORD_ROUTE); + ///: END:ONLY_INCLUDE_IF + } else if (pendingAction === 'import') { + await dispatch(setFirstTimeFlowType(FirstTimeFlowType.import)); + trackEvent({ + category: MetaMetricsEventCategory.Onboarding, + event: MetaMetricsEventName.OnboardingWalletImportStarted, + properties: { + account_type: 'imported', + }, + }); + dispatch(setTermsOfUseLastAgreed(new Date().getTime())); - const onImportClick = async () => { - await dispatch(setFirstTimeFlowType(FirstTimeFlowType.import)); - trackEvent({ - category: MetaMetricsEventCategory.Onboarding, - event: MetaMetricsEventName.OnboardingWalletImportStarted, - properties: { - account_type: 'imported', - }, - }); - dispatch(setTermsOfUseLastAgreed(new Date().getTime())); + ///: BEGIN:ONLY_INCLUDE_IF(build-main,build-beta,build-flask) + history.push(ONBOARDING_METAMETRICS); + ///: END:ONLY_INCLUDE_IF - ///: BEGIN:ONLY_INCLUDE_IF(build-main,build-beta,build-flask) - history.push(ONBOARDING_METAMETRICS); - ///: END:ONLY_INCLUDE_IF + ///: BEGIN:ONLY_INCLUDE_IF(build-mmi) + await dispatch(setParticipateInMetaMetrics(false)); + history.push(ONBOARDING_IMPORT_WITH_SRP_ROUTE); + ///: END:ONLY_INCLUDE_IF + } + }; + + const onCreateClick = () => { + setPendingAction('create'); + setShowTermsModal(true); + }; - ///: BEGIN:ONLY_INCLUDE_IF(build-mmi) - await dispatch(setParticipateInMetaMetrics(false)); - history.push(ONBOARDING_IMPORT_WITH_SRP_ROUTE); - ///: END:ONLY_INCLUDE_IF + const onImportClick = () => { + setPendingAction('import'); + setShowTermsModal(true); }; return ( @@ -233,35 +281,12 @@ export default function OnboardingWelcome() { } + + {showTermsModal && ( + setShowTermsModal(false)}> + + + + + Review our latest terms of use + + + + + + + <> + + {}} + /> + + I agree to the Terms of use, which apply to my use of + MetaMask and all of its features + + + + + + + + )} ); } From 6353f38253067407ea645c6286cc717d9a91e481 Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Fri, 20 Dec 2024 15:14:29 +0000 Subject: [PATCH 02/16] Fix lint --- ui/pages/onboarding-flow/welcome/welcome.js | 52 ++++++++++----------- 1 file changed, 24 insertions(+), 28 deletions(-) diff --git a/ui/pages/onboarding-flow/welcome/welcome.js b/ui/pages/onboarding-flow/welcome/welcome.js index 810fa7fe3095..1db688ac4889 100644 --- a/ui/pages/onboarding-flow/welcome/welcome.js +++ b/ui/pages/onboarding-flow/welcome/welcome.js @@ -71,38 +71,34 @@ export default function OnboardingWelcome() { const modalBodyRef = useRef(null); useEffect(() => { - if (showTermsModal) { - // Reset scroll after a short delay to ensure modal is rendered - setTimeout(() => { - if (modalBodyRef.current) { - modalBodyRef.current.scrollTop = 0; - console.log( - 'Scroll position after timeout:', - modalBodyRef.current.scrollTop, - ); - } - }, 100); + if (!showTermsModal) { + return undefined; + } + + const modalBody = modalBodyRef.current; - // Add scroll event listener - const handleScroll = () => { - if (modalBodyRef.current) { - console.log( - 'Current scroll position:', - modalBodyRef.current.scrollTop, - ); - } - }; + setTimeout(() => { + if (modalBody) { + modalBody.scrollTop = 0; + console.log('Scroll position after timeout:', modalBody.scrollTop); + } + }, 100); - if (modalBodyRef.current) { - modalBodyRef.current.addEventListener('scroll', handleScroll); + const handleScroll = () => { + if (modalBody) { + console.log('Current scroll position:', modalBody.scrollTop); } + }; - return () => { - if (modalBodyRef.current) { - modalBodyRef.current.removeEventListener('scroll', handleScroll); - } - }; + if (modalBody) { + modalBody.addEventListener('scroll', handleScroll); } + + return () => { + if (modalBody) { + modalBody.removeEventListener('scroll', handleScroll); + } + }; }, [showTermsModal]); // Don't allow users to come back to this screen after they @@ -354,7 +350,7 @@ export default function OnboardingWelcome() { className="onboarding__terms-checkbox" dataTestId="onboarding-terms-checkbox" checked={false} - onClick={() => {}} + onClick={() => undefined} /> I agree to the Terms of use, which apply to my use of From 60f82c50e493f5e2cdf7a20d784b0ca2d8947650 Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Fri, 20 Dec 2024 15:23:26 +0000 Subject: [PATCH 03/16] Improvements --- ui/pages/onboarding-flow/welcome/welcome.js | 25 ++++++++++++++++----- 1 file changed, 20 insertions(+), 5 deletions(-) diff --git a/ui/pages/onboarding-flow/welcome/welcome.js b/ui/pages/onboarding-flow/welcome/welcome.js index 1db688ac4889..1a683eecc986 100644 --- a/ui/pages/onboarding-flow/welcome/welcome.js +++ b/ui/pages/onboarding-flow/welcome/welcome.js @@ -57,6 +57,9 @@ import { getFirstTimeFlowType, getCurrentKeyring } from '../../../selectors'; import { FirstTimeFlowType } from '../../../../shared/constants/onboarding'; import { TermsOfUse } from '../../../components/app/terms-of-use-popup/terms-of-use'; +const SCROLL_THRESHOLD = 50; +const SCROLL_TIMEOUT = 100; + export default function OnboardingWelcome() { const t = useI18nContext(); const dispatch = useDispatch(); @@ -68,6 +71,8 @@ export default function OnboardingWelcome() { useState(false); const [showTermsModal, setShowTermsModal] = useState(false); const [pendingAction, setPendingAction] = useState(null); + const [hasScrolledToBottom, setHasScrolledToBottom] = useState(false); + const [hasAgreedToTerms, setHasAgreedToTerms] = useState(false); const modalBodyRef = useRef(null); useEffect(() => { @@ -77,16 +82,21 @@ export default function OnboardingWelcome() { const modalBody = modalBodyRef.current; + modalBody.scrollTop = 0; setTimeout(() => { if (modalBody) { modalBody.scrollTop = 0; - console.log('Scroll position after timeout:', modalBody.scrollTop); } - }, 100); + }, SCROLL_TIMEOUT); const handleScroll = () => { if (modalBody) { - console.log('Current scroll position:', modalBody.scrollTop); + const isAtBottom = + modalBody.scrollHeight - + modalBody.scrollTop - + modalBody.clientHeight < + SCROLL_THRESHOLD; + setHasScrolledToBottom((prevValue) => prevValue || isAtBottom); } }; @@ -343,14 +353,18 @@ export default function OnboardingWelcome() { alignItems={AlignItems.center} display={Display.Flex} gap={3} + marginBottom={4} className="onboarding__terms-of-use" > undefined} + isDisabled={!hasScrolledToBottom} + isChecked={hasAgreedToTerms} + onClick={() => + setHasAgreedToTerms((prevValue) => !prevValue) + } /> I agree to the Terms of use, which apply to my use of @@ -363,6 +377,7 @@ export default function OnboardingWelcome() { width={BlockSize.Full} className="onboarding-welcome__terms-accept" data-testid="onboarding-terms-accept" + disabled={!hasAgreedToTerms} > {t('agree')} From 6db0b370dd4df289eba3fcb10cebbaec6bb71b9f Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Fri, 20 Dec 2024 15:44:29 +0000 Subject: [PATCH 04/16] Extend tests --- .../onboarding-flow/welcome/welcome.test.js | 140 +++++++++++++++++- 1 file changed, 134 insertions(+), 6 deletions(-) diff --git a/ui/pages/onboarding-flow/welcome/welcome.test.js b/ui/pages/onboarding-flow/welcome/welcome.test.js index c76f93a21f75..1fb6b38eb44a 100644 --- a/ui/pages/onboarding-flow/welcome/welcome.test.js +++ b/ui/pages/onboarding-flow/welcome/welcome.test.js @@ -97,11 +97,23 @@ describe('Onboarding Welcome Component', () => { it('should set first time flow to create and route to metametrics', () => { renderWithProvider(, mockStore); - const termsCheckbox = screen.getByTestId('onboarding-terms-checkbox'); - fireEvent.click(termsCheckbox); const createWallet = screen.getByTestId('onboarding-create-wallet'); fireEvent.click(createWallet); + const modalBody = screen + .getByRole('dialog') + .querySelector('.mm-modal-body'); + Object.defineProperties(modalBody, { + scrollHeight: { configurable: true, get: () => 1000 }, + clientHeight: { configurable: true, get: () => 400 }, + }); + fireEvent.scroll(modalBody, { target: { scrollTop: 1000 } }); + + const termsCheckbox = screen.getByRole('checkbox'); + fireEvent.click(termsCheckbox); + const acceptButton = screen.getByRole('button', { name: /agree/iu }); + fireEvent.click(acceptButton); + expect(setTermsOfUseLastAgreed).toHaveBeenCalled(); expect(setFirstTimeFlowType).toHaveBeenCalledWith( FirstTimeFlowType.create, @@ -110,11 +122,22 @@ describe('Onboarding Welcome Component', () => { it('should set first time flow to import and route to metametrics', async () => { renderWithProvider(, mockStore); - const termsCheckbox = screen.getByTestId('onboarding-terms-checkbox'); - fireEvent.click(termsCheckbox); + const importWallet = screen.getByTestId('onboarding-import-wallet'); + fireEvent.click(importWallet); + + const modalBody = screen + .getByRole('dialog') + .querySelector('.mm-modal-body'); + Object.defineProperties(modalBody, { + scrollHeight: { configurable: true, get: () => 1000 }, + clientHeight: { configurable: true, get: () => 400 }, + }); + fireEvent.scroll(modalBody, { target: { scrollTop: 1000 } }); - const createWallet = screen.getByTestId('onboarding-import-wallet'); - fireEvent.click(createWallet); + const termsCheckbox = screen.getByRole('checkbox'); + fireEvent.click(termsCheckbox); + const acceptButton = screen.getByRole('button', { name: /agree/iu }); + fireEvent.click(acceptButton); await waitFor(() => { expect(setTermsOfUseLastAgreed).toHaveBeenCalled(); @@ -123,4 +146,109 @@ describe('Onboarding Welcome Component', () => { }); }); }); + + describe('Terms of Use Modal', () => { + const mockStore = configureMockStore([thunk])(mockState); + + it('should show modal when create wallet is clicked', () => { + renderWithProvider(, mockStore); + const createWallet = screen.getByTestId('onboarding-create-wallet'); + fireEvent.click(createWallet); + + expect( + screen.getByText('Review our latest terms of use'), + ).toBeInTheDocument(); + }); + + it('should show modal when import wallet is clicked', () => { + renderWithProvider(, mockStore); + const importWallet = screen.getByTestId('onboarding-import-wallet'); + fireEvent.click(importWallet); + + expect( + screen.getByText('Review our latest terms of use'), + ).toBeInTheDocument(); + }); + + it('should have terms checkbox disabled initially and accept button disabled', () => { + renderWithProvider(, mockStore); + const createWallet = screen.getByTestId('onboarding-create-wallet'); + fireEvent.click(createWallet); + + const termsCheckbox = screen.getByRole('checkbox'); + const acceptButton = screen.getByRole('button', { name: /agree/iu }); + + expect(termsCheckbox).toBeDisabled(); + expect(acceptButton).toBeDisabled(); + }); + + it('should enable checkbox after scrolling to bottom', () => { + renderWithProvider(, mockStore); + const createWallet = screen.getByTestId('onboarding-create-wallet'); + fireEvent.click(createWallet); + + const modalBody = screen + .getByRole('dialog') + .querySelector('.mm-modal-body'); + if (!modalBody) { + throw new Error('Modal body not found'); + } + + Object.defineProperties(modalBody, { + scrollHeight: { configurable: true, get: () => 1000 }, + clientHeight: { configurable: true, get: () => 400 }, + }); + + fireEvent.scroll(modalBody, { target: { scrollTop: 1000 } }); + + const termsCheckbox = screen.getByRole('checkbox'); + expect(termsCheckbox).not.toBeDisabled(); + }); + + it('should enable accept button only after terms are agreed', async () => { + renderWithProvider(, mockStore); + const createWallet = screen.getByTestId('onboarding-create-wallet'); + fireEvent.click(createWallet); + + const modalBody = screen + .getByRole('dialog') + .querySelector('.mm-modal-body'); + if (!modalBody) { + throw new Error('Modal body not found'); + } + + Object.defineProperties(modalBody, { + scrollHeight: { configurable: true, get: () => 1000 }, + clientHeight: { configurable: true, get: () => 400 }, + }); + + fireEvent.scroll(modalBody, { target: { scrollTop: 1000 } }); + + const termsCheckbox = screen.getByRole('checkbox'); + const acceptButton = screen.getByRole('button', { name: /agree/iu }); + + expect(acceptButton).toBeDisabled(); + + fireEvent.click(termsCheckbox); + expect(acceptButton).not.toBeDisabled(); + }); + + it('should close modal when clicking outside', () => { + renderWithProvider(, mockStore); + const createWallet = screen.getByTestId('onboarding-create-wallet'); + fireEvent.click(createWallet); + + // The modal overlay is rendered at the document.body level + const modalOverlay = document.querySelector('.mm-modal-overlay'); + if (!modalOverlay) { + throw new Error('Modal overlay not found'); + } + + fireEvent.mouseDown(modalOverlay); + + expect( + screen.queryByText('Review our latest terms of use'), + ).not.toBeInTheDocument(); + }); + }); }); From 000cd809b43fa5becb93ff29824bc4be779a26f9 Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Fri, 20 Dec 2024 15:50:38 +0000 Subject: [PATCH 05/16] Update tests --- ui/components/app/terms-of-use-popup/terms-of-use-popup.js | 2 +- ui/components/app/terms-of-use-popup/terms-of-use.js | 4 ++-- ui/pages/onboarding-flow/welcome/welcome.js | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/ui/components/app/terms-of-use-popup/terms-of-use-popup.js b/ui/components/app/terms-of-use-popup/terms-of-use-popup.js index 1b623f351f5c..e149e6f7c123 100644 --- a/ui/components/app/terms-of-use-popup/terms-of-use-popup.js +++ b/ui/components/app/terms-of-use-popup/terms-of-use-popup.js @@ -105,7 +105,7 @@ export default function TermsOfUsePopup({ onAccept }) { { setIsTermsOfUseChecked(!isTermsOfUseChecked); diff --git a/ui/components/app/terms-of-use-popup/terms-of-use.js b/ui/components/app/terms-of-use-popup/terms-of-use.js index d56f3a1c548a..ea15cc5666a6 100644 --- a/ui/components/app/terms-of-use-popup/terms-of-use.js +++ b/ui/components/app/terms-of-use-popup/terms-of-use.js @@ -7,7 +7,7 @@ import { } from '../../../helpers/constants/design-system'; import { Box, ButtonLink, Text } from '../../component-library'; -export const TermsOfUse = (props) => { +export const TermsOfUse = ({ showHeader, ...props }) => { return ( { marginLeft={4} marginRight={4} > - {props.showHeader ? ( + {showHeader ? ( Terms of use From eb5d37405ffbcc2828c5b4a4c685b89b567a2437 Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Fri, 20 Dec 2024 16:02:51 +0000 Subject: [PATCH 06/16] Transform terms-of-use from JS to TS --- .../{terms-of-use.js => terms-of-use.tsx} | 23 +++++++++++-------- 1 file changed, 13 insertions(+), 10 deletions(-) rename ui/components/app/terms-of-use-popup/{terms-of-use.js => terms-of-use.tsx} (99%) diff --git a/ui/components/app/terms-of-use-popup/terms-of-use.js b/ui/components/app/terms-of-use-popup/terms-of-use.tsx similarity index 99% rename from ui/components/app/terms-of-use-popup/terms-of-use.js rename to ui/components/app/terms-of-use-popup/terms-of-use.tsx index ea15cc5666a6..b930af5fa63e 100644 --- a/ui/components/app/terms-of-use-popup/terms-of-use.js +++ b/ui/components/app/terms-of-use-popup/terms-of-use.tsx @@ -1,13 +1,20 @@ import React from 'react'; -import PropTypes from 'prop-types'; import { TextVariant, TextAlign, - Color, + TextColor, } from '../../../helpers/constants/design-system'; import { Box, ButtonLink, Text } from '../../component-library'; +import type { BoxProps } from '../../component-library/box'; -export const TermsOfUse = ({ showHeader, ...props }) => { +interface TermsOfUseProps extends Omit, 'children'> { + showHeader?: boolean; +} + +export const TermsOfUse: React.FC = ({ + showHeader, + ...props +}) => { return ( { Terms of use Last update: January 1901 @@ -63,7 +70,7 @@ export const TermsOfUse = ({ showHeader, ...props }) => { href="https://consensys.io/privacy-policy/" target="_blank" rel="noopener noreferrer" - color={Color.primaryDefault} + color={TextColor.primaryDefault} variant={TextVariant.bodySm} > Privacy Policy. @@ -1029,7 +1036,7 @@ export const TermsOfUse = ({ showHeader, ...props }) => { href="https://consensys.io/privacy-policy" target="_blank" rel="noopener noreferrer" - color={Color.primaryDefault} + color={TextColor.primaryDefault} variant={TextVariant.bodySm} > https://consensys.io/privacy-policy @@ -1069,7 +1076,3 @@ export const TermsOfUse = ({ showHeader, ...props }) => { ); }; - -TermsOfUse.propTypes = { - showHeader: PropTypes.bool, -}; From f583885e5683b289778b8a7adf1ac61816234087 Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Mon, 6 Jan 2025 12:08:15 +0000 Subject: [PATCH 07/16] Fix tests --- shared/modules/bridge-utils/bridge.util.test.ts | 4 ++-- ui/components/app/terms-of-use-popup/terms-of-use.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/shared/modules/bridge-utils/bridge.util.test.ts b/shared/modules/bridge-utils/bridge.util.test.ts index 555de4fc2516..b9fea3db1ea8 100644 --- a/shared/modules/bridge-utils/bridge.util.test.ts +++ b/shared/modules/bridge-utils/bridge.util.test.ts @@ -149,7 +149,7 @@ describe('Bridge utils', () => { (fetchWithCache as jest.Mock).mockRejectedValue(mockError); - await expect(fetchBridgeFeatureFlags()).rejects.toThrowError(mockError); + await expect(fetchBridgeFeatureFlags()).rejects.toThrow(mockError); }); }); @@ -223,7 +223,7 @@ describe('Bridge utils', () => { (fetchWithCache as jest.Mock).mockRejectedValue(mockError); - await expect(fetchBridgeTokens('0xa')).rejects.toThrowError(mockError); + await expect(fetchBridgeTokens('0xa')).rejects.toThrow(mockError); }); }); diff --git a/ui/components/app/terms-of-use-popup/terms-of-use.tsx b/ui/components/app/terms-of-use-popup/terms-of-use.tsx index b930af5fa63e..4dd860b559f5 100644 --- a/ui/components/app/terms-of-use-popup/terms-of-use.tsx +++ b/ui/components/app/terms-of-use-popup/terms-of-use.tsx @@ -7,9 +7,9 @@ import { import { Box, ButtonLink, Text } from '../../component-library'; import type { BoxProps } from '../../component-library/box'; -interface TermsOfUseProps extends Omit, 'children'> { +type TermsOfUseProps = { showHeader?: boolean; -} +} & Omit, 'children'>; export const TermsOfUse: React.FC = ({ showHeader, From 3f2be8957eab3c0ecad9fa1d35084e7846ad4580 Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Mon, 6 Jan 2025 12:22:53 +0000 Subject: [PATCH 08/16] Remove agreeTermsOfuse --- app/_locales/de/messages.json | 4 ---- app/_locales/el/messages.json | 4 ---- app/_locales/en/messages.json | 4 ---- app/_locales/en_GB/messages.json | 4 ---- app/_locales/es/messages.json | 4 ---- app/_locales/fr/messages.json | 4 ---- app/_locales/hi/messages.json | 4 ---- app/_locales/id/messages.json | 4 ---- app/_locales/ja/messages.json | 4 ---- app/_locales/ko/messages.json | 4 ---- app/_locales/pt/messages.json | 4 ---- app/_locales/ru/messages.json | 4 ---- app/_locales/tl/messages.json | 4 ---- app/_locales/tr/messages.json | 4 ---- app/_locales/vi/messages.json | 4 ---- app/_locales/zh_CN/messages.json | 4 ---- 16 files changed, 64 deletions(-) diff --git a/app/_locales/de/messages.json b/app/_locales/de/messages.json index 5a499ce7dc6d..95775bb30ef3 100644 --- a/app/_locales/de/messages.json +++ b/app/_locales/de/messages.json @@ -385,10 +385,6 @@ "message": "Dies spiegelt den Wert aller Tokens wider, über die Sie in einem bestimmten Netzwerk verfügen. Sollten Sie diesen Wert lieber in ETH oder anderen Währungen angezeigt bekommen wollen, wechseln Sie zu $1.", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "Ich stimme MetaMasks $1 zu", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap-Tresor" }, diff --git a/app/_locales/el/messages.json b/app/_locales/el/messages.json index d930bafaa3d7..2b5d03501ebd 100644 --- a/app/_locales/el/messages.json +++ b/app/_locales/el/messages.json @@ -385,10 +385,6 @@ "message": "Αυτό αντικατοπτρίζει την αξία όλων των tokens που έχετε στην κατοχή σας σε ένα συγκεκριμένο δίκτυο. Εάν προτιμάτε να βλέπετε αυτή την αξία σε ETH ή άλλα νομίσματα, μεταβείτε στις $1.", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "Συμφωνώ με το $1 του MetaMask", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "Θησαυροφυλάκιο AirGap" }, diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json index aa9e4c4ca4ad..945e4504ac9d 100644 --- a/app/_locales/en/messages.json +++ b/app/_locales/en/messages.json @@ -388,10 +388,6 @@ "agree": { "message": "Agree" }, - "agreeTermsOfUse": { - "message": "I agree to MetaMask's $1", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap Vault" }, diff --git a/app/_locales/en_GB/messages.json b/app/_locales/en_GB/messages.json index f66111064a90..3efbc8bb2e5c 100644 --- a/app/_locales/en_GB/messages.json +++ b/app/_locales/en_GB/messages.json @@ -381,10 +381,6 @@ "advancedPriorityFeeToolTip": { "message": "Priority fee (aka “miner tip”) goes directly to miners and incentivizes them to prioritize your transaction." }, - "agreeTermsOfUse": { - "message": "I agree to MetaMask's $1", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap Vault" }, diff --git a/app/_locales/es/messages.json b/app/_locales/es/messages.json index bfb53061f73b..a10bc0142214 100644 --- a/app/_locales/es/messages.json +++ b/app/_locales/es/messages.json @@ -385,10 +385,6 @@ "message": "Esto refleja el valor de todos los tokens que posee en una red determinada. Si prefiere ver este valor en ETH u otras monedas, vaya a $1.", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "Acepto los $1 de MetaMask", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "Bóveda AirGap" }, diff --git a/app/_locales/fr/messages.json b/app/_locales/fr/messages.json index a86d465b786d..750a1d886e7c 100644 --- a/app/_locales/fr/messages.json +++ b/app/_locales/fr/messages.json @@ -385,10 +385,6 @@ "message": "Cette valeur reflète la valeur de tous les jetons que vous possédez sur un réseau donné. Si vous préférez que cette valeur soit affichée en ETH ou dans d’autres monnaies, veuillez accéder à $1.", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "J’accepte les $1 de MetaMask", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "Coffre-fort AirGap" }, diff --git a/app/_locales/hi/messages.json b/app/_locales/hi/messages.json index 144db40e41a3..88e8be54c885 100644 --- a/app/_locales/hi/messages.json +++ b/app/_locales/hi/messages.json @@ -385,10 +385,6 @@ "message": "यह किसी दिए गए नेटवर्क पर आपके स्वामित्व वाले सभी टोकन के मूल्य को दर्शाता है। यदि आप इस मूल्य को ETH या अन्य मुद्राओं में देखना पसंद करते हैं, तो $1 पर जाएं।", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "मैं MetaMask के $1 से सहमत हूं", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap Vault" }, diff --git a/app/_locales/id/messages.json b/app/_locales/id/messages.json index 44b2bf804727..8a73f78b1306 100644 --- a/app/_locales/id/messages.json +++ b/app/_locales/id/messages.json @@ -385,10 +385,6 @@ "message": "Ini mencerminkan nilai semua token yang Anda miliki di jaringan tertentu. Jika Anda lebih suka melihat nilai ini dalam ETH atau mata uang lainnya, pilih $1.", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "Saya menyetujui $1 MetaMask", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap Vault" }, diff --git a/app/_locales/ja/messages.json b/app/_locales/ja/messages.json index 70d6da31301e..a3d7b16697b4 100644 --- a/app/_locales/ja/messages.json +++ b/app/_locales/ja/messages.json @@ -385,10 +385,6 @@ "message": "これには特定のネットワークで所有しているすべてのトークンの価値が反映されています。この値をETHまたはその他通貨で表示したい場合は、$1に移動します。", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "MetaMaskの$1に同意します", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap Vault" }, diff --git a/app/_locales/ko/messages.json b/app/_locales/ko/messages.json index 6978164f82f4..8f6931bc5ca6 100644 --- a/app/_locales/ko/messages.json +++ b/app/_locales/ko/messages.json @@ -385,10 +385,6 @@ "message": "이는 특정 네트워크에서 소유한 모든 토큰의 가치를 반영합니다. 이 가치를 ETH 또는 다른 통화로 보고 싶다면 $1(으)로 이동하세요.", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "MetaMask의 $1에 동의합니다", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "에어갭 볼트" }, diff --git a/app/_locales/pt/messages.json b/app/_locales/pt/messages.json index 7819be595e94..56885815bf06 100644 --- a/app/_locales/pt/messages.json +++ b/app/_locales/pt/messages.json @@ -385,10 +385,6 @@ "message": "Isso reflete o valor de todos os tokens que você possui em uma dada rede. Se você preferir ver esse valor em ETH ou outras moedas, acesse a $1.", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "Concordo com os $1 da MetaMask", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap Vault" }, diff --git a/app/_locales/ru/messages.json b/app/_locales/ru/messages.json index 5e281f34ac05..f50d306896b1 100644 --- a/app/_locales/ru/messages.json +++ b/app/_locales/ru/messages.json @@ -385,10 +385,6 @@ "message": "Это значение отражает стоимость всех токенов, которыми вы владеете в данной сети. Если вы предпочитаете видеть это значение в ETH или других валютах, перейдите к $1.", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "Я соглашаюсь с $1 MetaMask", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap Vault" }, diff --git a/app/_locales/tl/messages.json b/app/_locales/tl/messages.json index 5a6bce602970..52fdd393959b 100644 --- a/app/_locales/tl/messages.json +++ b/app/_locales/tl/messages.json @@ -385,10 +385,6 @@ "message": "Ipinapakita nito ang halaga ng lahat ng token na pagmamay-ari mo sa ibinigay na network. Kung mas gusto mong makita ang halagang ito sa ETH o sa ibang currency, pumunta sa $1.", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "Sumasang-ayon ako sa $1 ng MetaMask", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap Vault" }, diff --git a/app/_locales/tr/messages.json b/app/_locales/tr/messages.json index 046905392710..daa1cb26d187 100644 --- a/app/_locales/tr/messages.json +++ b/app/_locales/tr/messages.json @@ -385,10 +385,6 @@ "message": "Bu, belirli bir ağda sahip olduğunuz tüm token'lerin değerini yansıtır. Bu değeri ETH olarak veya diğer para birimlerinde görmeyi tercih ediyorsanız $1 alanına gidin.", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "MetaMask'in $1 bölümünü kabul ediyorum", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap Vault" }, diff --git a/app/_locales/vi/messages.json b/app/_locales/vi/messages.json index a6baaff586aa..7901ddec4ef0 100644 --- a/app/_locales/vi/messages.json +++ b/app/_locales/vi/messages.json @@ -385,10 +385,6 @@ "message": "Điều này phản ánh giá trị của tất cả các token mà bạn sở hữu trên một mạng nhất định. Nếu bạn muốn xem giá trị này bằng ETH hoặc các loại tiền tệ khác, hãy truy cập $1.", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "Tôi đồng ý với $1 của MetaMask", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap Vault" }, diff --git a/app/_locales/zh_CN/messages.json b/app/_locales/zh_CN/messages.json index 5472a92a5660..dde0b959dd5c 100644 --- a/app/_locales/zh_CN/messages.json +++ b/app/_locales/zh_CN/messages.json @@ -385,10 +385,6 @@ "message": "这反映了您在给定网络上拥有的所有代币的价值。如果您更愿意看到以 ETH 或其他货币反映代币价值，请转到 $1。", "description": "$1 represents the settings page" }, - "agreeTermsOfUse": { - "message": "我同意MetaMask的$1", - "description": "$1 is the `terms` link" - }, "airgapVault": { "message": "AirGap Vault" }, From 8c36fb3c785764228bbdb958c391e04567002c67 Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Mon, 6 Jan 2025 14:18:08 +0000 Subject: [PATCH 09/16] Adapt the onboarding for the new onboarding flow --- .../e2e/page-objects/flows/onboarding.flow.ts | 1 - .../pages/onboarding/start-onboarding-page.ts | 32 +++++++++++++++---- ui/pages/onboarding-flow/welcome/welcome.js | 1 + 3 files changed, 27 insertions(+), 7 deletions(-) diff --git a/test/e2e/page-objects/flows/onboarding.flow.ts b/test/e2e/page-objects/flows/onboarding.flow.ts index 01c5000162f3..980316bea1fe 100644 --- a/test/e2e/page-objects/flows/onboarding.flow.ts +++ b/test/e2e/page-objects/flows/onboarding.flow.ts @@ -80,7 +80,6 @@ export const importSRPOnboardingFlow = async ({ const startOnboardingPage = new StartOnboardingPage(driver); await startOnboardingPage.check_pageIsLoaded(); - await startOnboardingPage.checkTermsCheckbox(); await startOnboardingPage.clickImportWalletButton(); const onboardingMetricsPage = new OnboardingMetricsPage(driver); diff --git a/test/e2e/page-objects/pages/onboarding/start-onboarding-page.ts b/test/e2e/page-objects/pages/onboarding/start-onboarding-page.ts index 47c0b53a2b2f..f525167622cc 100644 --- a/test/e2e/page-objects/pages/onboarding/start-onboarding-page.ts +++ b/test/e2e/page-objects/pages/onboarding/start-onboarding-page.ts @@ -14,18 +14,20 @@ class StartOnboardingPage { tag: 'h2', }; + private readonly termsModal = '[data-testid="terms-of-use-modal-body"]'; + private readonly termsCheckbox = '[data-testid="onboarding-terms-checkbox"]'; + private readonly termsConfirmButton = + '[data-testid="onboarding-terms-accept"]'; + constructor(driver: Driver) { this.driver = driver; } async check_pageIsLoaded(): Promise { try { - await this.driver.waitForMultipleSelectors([ - this.startMessage, - this.termsCheckbox, - ]); + await this.driver.waitForMultipleSelectors([this.startMessage]); } catch (e) { console.log( 'Timeout while waiting for start onboarding page to be loaded', @@ -37,15 +39,33 @@ class StartOnboardingPage { } async checkTermsCheckbox(): Promise { + await this.driver.waitForSelector(this.termsModal); + + await this.driver.executeScript(` + const modalBody = document.querySelector('[data-testid="terms-of-use-modal-body"]'); + if (modalBody) { + modalBody.scrollTo({ top: modalBody.scrollHeight, behavior: 'instant' }); + } + `); + + await new Promise((resolve) => setTimeout(resolve, 1000)); + await this.driver.clickElement(this.termsCheckbox); + await new Promise((resolve) => setTimeout(resolve, 500)); + + await this.driver.clickElement(this.termsConfirmButton); } async clickCreateWalletButton(): Promise { - await this.driver.clickElementAndWaitToDisappear(this.createWalletButton); + await this.driver.clickElement(this.createWalletButton); + await new Promise((resolve) => setTimeout(resolve, 1000)); + await this.checkTermsCheckbox(); } async clickImportWalletButton(): Promise { - await this.driver.clickElementAndWaitToDisappear(this.importWalletButton); + await this.driver.clickElement(this.importWalletButton); + await new Promise((resolve) => setTimeout(resolve, 1000)); + await this.checkTermsCheckbox(); } } diff --git a/ui/pages/onboarding-flow/welcome/welcome.js b/ui/pages/onboarding-flow/welcome/welcome.js index 9398a1ae21f1..7c67a52be9c1 100644 --- a/ui/pages/onboarding-flow/welcome/welcome.js +++ b/ui/pages/onboarding-flow/welcome/welcome.js @@ -332,6 +332,7 @@ export default function OnboardingWelcome() { Date: Mon, 6 Jan 2025 14:20:07 +0000 Subject: [PATCH 10/16] Remove timeouts --- .../pages/onboarding/start-onboarding-page.ts | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/test/e2e/page-objects/pages/onboarding/start-onboarding-page.ts b/test/e2e/page-objects/pages/onboarding/start-onboarding-page.ts index f525167622cc..aa86e5bc53d1 100644 --- a/test/e2e/page-objects/pages/onboarding/start-onboarding-page.ts +++ b/test/e2e/page-objects/pages/onboarding/start-onboarding-page.ts @@ -48,23 +48,22 @@ class StartOnboardingPage { } `); - await new Promise((resolve) => setTimeout(resolve, 1000)); - + await this.driver.findClickableElement(this.termsCheckbox); await this.driver.clickElement(this.termsCheckbox); - await new Promise((resolve) => setTimeout(resolve, 500)); + await this.driver.findClickableElement(this.termsConfirmButton); await this.driver.clickElement(this.termsConfirmButton); } async clickCreateWalletButton(): Promise { + await this.driver.findClickableElement(this.createWalletButton); await this.driver.clickElement(this.createWalletButton); - await new Promise((resolve) => setTimeout(resolve, 1000)); await this.checkTermsCheckbox(); } async clickImportWalletButton(): Promise { + await this.driver.findClickableElement(this.importWalletButton); await this.driver.clickElement(this.importWalletButton); - await new Promise((resolve) => setTimeout(resolve, 1000)); await this.checkTermsCheckbox(); } } From 0fc0494f5067b87959e0f2bf36e3d80117dc9e6f Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Mon, 6 Jan 2025 15:06:48 +0000 Subject: [PATCH 11/16] Fix onboarding flow --- test/e2e/page-objects/flows/onboarding.flow.ts | 1 - test/e2e/tests/onboarding/onboarding.spec.ts | 3 --- 2 files changed, 4 deletions(-) diff --git a/test/e2e/page-objects/flows/onboarding.flow.ts b/test/e2e/page-objects/flows/onboarding.flow.ts index 980316bea1fe..ba9130f23520 100644 --- a/test/e2e/page-objects/flows/onboarding.flow.ts +++ b/test/e2e/page-objects/flows/onboarding.flow.ts @@ -35,7 +35,6 @@ export const createNewWalletOnboardingFlow = async ({ } const startOnboardingPage = new StartOnboardingPage(driver); await startOnboardingPage.check_pageIsLoaded(); - await startOnboardingPage.checkTermsCheckbox(); await startOnboardingPage.clickCreateWalletButton(); const onboardingMetricsPage = new OnboardingMetricsPage(driver); diff --git a/test/e2e/tests/onboarding/onboarding.spec.ts b/test/e2e/tests/onboarding/onboarding.spec.ts index b55ddc193569..b6bfa6b01168 100644 --- a/test/e2e/tests/onboarding/onboarding.spec.ts +++ b/test/e2e/tests/onboarding/onboarding.spec.ts @@ -78,7 +78,6 @@ describe('MetaMask onboarding @no-mmi', function () { await driver.navigate(); const startOnboardingPage = new StartOnboardingPage(driver); await startOnboardingPage.check_pageIsLoaded(); - await startOnboardingPage.checkTermsCheckbox(); await startOnboardingPage.clickImportWalletButton(); const onboardingMetricsPage = new OnboardingMetricsPage(driver); @@ -106,7 +105,6 @@ describe('MetaMask onboarding @no-mmi', function () { await driver.navigate(); const startOnboardingPage = new StartOnboardingPage(driver); await startOnboardingPage.check_pageIsLoaded(); - await startOnboardingPage.checkTermsCheckbox(); await startOnboardingPage.clickImportWalletButton(); const onboardingMetricsPage = new OnboardingMetricsPage(driver); @@ -131,7 +129,6 @@ describe('MetaMask onboarding @no-mmi', function () { await driver.navigate(); const startOnboardingPage = new StartOnboardingPage(driver); await startOnboardingPage.check_pageIsLoaded(); - await startOnboardingPage.checkTermsCheckbox(); await startOnboardingPage.clickCreateWalletButton(); const onboardingMetricsPage = new OnboardingMetricsPage(driver); From 3b93a21cca65bd6ce2cc7ace19d6dbcb371e6de2 Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Mon, 6 Jan 2025 15:39:43 +0000 Subject: [PATCH 12/16] Fix app-installed.spec.ts --- test/e2e/tests/metrics/app-installed.spec.ts | 2 -- 1 file changed, 2 deletions(-) diff --git a/test/e2e/tests/metrics/app-installed.spec.ts b/test/e2e/tests/metrics/app-installed.spec.ts index 91336e99ad32..47b5a89e8e59 100644 --- a/test/e2e/tests/metrics/app-installed.spec.ts +++ b/test/e2e/tests/metrics/app-installed.spec.ts @@ -47,7 +47,6 @@ describe('App Installed Events @no-mmi', function () { await driver.navigate(); const startOnboardingPage = new StartOnboardingPage(driver); await startOnboardingPage.check_pageIsLoaded(); - await startOnboardingPage.checkTermsCheckbox(); await startOnboardingPage.clickCreateWalletButton(); const onboardingMetricsPage = new OnboardingMetricsPage(driver); @@ -81,7 +80,6 @@ describe('App Installed Events @no-mmi', function () { await driver.navigate(); const startOnboardingPage = new StartOnboardingPage(driver); await startOnboardingPage.check_pageIsLoaded(); - await startOnboardingPage.checkTermsCheckbox(); await startOnboardingPage.clickCreateWalletButton(); const onboardingMetricsPage = new OnboardingMetricsPage(driver); From ac5e45ea6a39548e9899dd663eebed2730bf71ab Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Mon, 6 Jan 2025 16:12:21 +0000 Subject: [PATCH 13/16] Fix incremental-security.spec.ts --- test/e2e/tests/account/incremental-security.spec.js | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/test/e2e/tests/account/incremental-security.spec.js b/test/e2e/tests/account/incremental-security.spec.js index e8295de765ec..3246a34ff80b 100644 --- a/test/e2e/tests/account/incremental-security.spec.js +++ b/test/e2e/tests/account/incremental-security.spec.js @@ -1,6 +1,8 @@ const { strict: assert } = require('assert'); const { convertToHexValue, withFixtures, openDapp } = require('../../helpers'); const FixtureBuilder = require('../../fixture-builder'); +const StartOnboardingPage = + require('../../page-objects/pages/onboarding/start-onboarding-page').default; const WALLET_PASSWORD = 'correct horse battery staple'; @@ -31,11 +33,10 @@ describe('Incremental Security', function () { }, async ({ driver }) => { await driver.navigate(); - // agree to terms of use - await driver.clickElement('[data-testid="onboarding-terms-checkbox"]'); - // welcome - await driver.clickElement('[data-testid="onboarding-create-wallet"]'); + const startOnboardingPage = new StartOnboardingPage(driver); + await startOnboardingPage.check_pageIsLoaded(); + await startOnboardingPage.clickCreateWalletButton(); // metrics await driver.clickElement('[data-testid="metametrics-no-thanks"]'); From b2a709bbb6895419e214b2e431b5c9a8ba7636c6 Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Mon, 6 Jan 2025 16:33:32 +0000 Subject: [PATCH 14/16] Fix metamask-responsive-ui.spec.js --- .../responsive-ui/metamask-responsive-ui.spec.js | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/test/e2e/tests/responsive-ui/metamask-responsive-ui.spec.js b/test/e2e/tests/responsive-ui/metamask-responsive-ui.spec.js index 54236d84f2f5..0057dd2f0628 100644 --- a/test/e2e/tests/responsive-ui/metamask-responsive-ui.spec.js +++ b/test/e2e/tests/responsive-ui/metamask-responsive-ui.spec.js @@ -9,6 +9,8 @@ const { tempToggleSettingRedesignedTransactionConfirmations, } = require('../../helpers'); const FixtureBuilder = require('../../fixture-builder'); +const StartOnboardingPage = + require('../../page-objects/pages/onboarding/start-onboarding-page').default; describe('MetaMask Responsive UI', function () { describe('Old confirmation screens', function () { @@ -80,13 +82,9 @@ describe('MetaMask Responsive UI', function () { async ({ driver }) => { await driver.navigate(); - // agree to terms of use - await driver.clickElement( - '[data-testid="onboarding-terms-checkbox"]', - ); - - // welcome - await driver.clickElement('[data-testid="onboarding-create-wallet"]'); + const startOnboardingPage = new StartOnboardingPage(driver); + await startOnboardingPage.check_pageIsLoaded(); + await startOnboardingPage.clickCreateWalletButton(); // metrics await driver.clickElement('[data-testid="metametrics-no-thanks"]'); From f9be294e8460ed80fd96e943abf53872795a0dbc Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Mon, 6 Jan 2025 17:19:07 +0000 Subject: [PATCH 15/16] Fix signup-page.ts --- .../shared/pageObjects/signup-page.ts | 22 ++++++++++++++++--- 1 file changed, 19 insertions(+), 3 deletions(-) diff --git a/test/e2e/playwright/shared/pageObjects/signup-page.ts b/test/e2e/playwright/shared/pageObjects/signup-page.ts index 28909f23ba20..a175c3f7768e 100644 --- a/test/e2e/playwright/shared/pageObjects/signup-page.ts +++ b/test/e2e/playwright/shared/pageObjects/signup-page.ts @@ -79,10 +79,26 @@ export class SignUpPage { this.enableBtn = page.locator('button:has-text("Enable")'); } - async importWallet() { + private async handleTermsModal() { + await this.page.waitForSelector('[data-testid="terms-of-use-modal-body"]'); + await this.page.evaluate(() => { + const modalBody = document.querySelector( + '[data-testid="terms-of-use-modal-body"]', + ); + if (modalBody) { + modalBody.scrollTo({ + top: modalBody.scrollHeight, + behavior: 'instant', + }); + } + }); await this.agreeTandCCheck.click(); - await this.importWalletBtn.click(); await this.agreeBtn.click(); + } + + async importWallet() { + await this.importWalletBtn.click(); + await this.handleTermsModal(); const seeds = SEED_PHRASE?.trim().split(/\s+/u); for (const [index, element] of (seeds as string[]).entries()) { @@ -101,8 +117,8 @@ export class SignUpPage { } async createWallet() { - await this.agreeTandCCheck.click(); await this.createWalletBtn.click(); + await this.handleTermsModal(); await this.metametricsBtn.click(); await this.passwordTxt.fill(ACCOUNT_PASSWORD as string); await this.passwordConfirmTxt.fill(ACCOUNT_PASSWORD as string); From 5d2206e4ad65b9e695b9a309278e2bde75b5dc01 Mon Sep 17 00:00:00 2001 From: Jonathan Bursztyn Date: Mon, 6 Jan 2025 17:49:04 +0000 Subject: [PATCH 16/16] Fix signup-page --- .../shared/pageObjects/signup-page.ts | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/test/e2e/playwright/shared/pageObjects/signup-page.ts b/test/e2e/playwright/shared/pageObjects/signup-page.ts index a175c3f7768e..1cd493e50e7f 100644 --- a/test/e2e/playwright/shared/pageObjects/signup-page.ts +++ b/test/e2e/playwright/shared/pageObjects/signup-page.ts @@ -81,19 +81,16 @@ export class SignUpPage { private async handleTermsModal() { await this.page.waitForSelector('[data-testid="terms-of-use-modal-body"]'); - await this.page.evaluate(() => { - const modalBody = document.querySelector( - '[data-testid="terms-of-use-modal-body"]', - ); + + await this.page.evaluate(` + const modalBody = document.querySelector('[data-testid="terms-of-use-modal-body"]'); if (modalBody) { - modalBody.scrollTo({ - top: modalBody.scrollHeight, - behavior: 'instant', - }); + modalBody.scrollTo({ top: modalBody.scrollHeight, behavior: 'instant' }); } - }); + `); + await this.agreeTandCCheck.click(); - await this.agreeBtn.click(); + await this.page.getByTestId('onboarding-terms-accept').click(); } async importWallet() {