\r\n \r\n );\r\n};\r\n\r\nexport default Favorites;\r\n","import { notification, Modal } from \"@pmviulive/msd-reactjs\";\r\n\r\nexport const throwNotification = (config) => {\r\n const theme = localStorage.getItem(\"theme\") || \"light\";\r\n notification[config.type]({\r\n message: config.message,\r\n className: `${theme}-notification`,\r\n description: config.description || null,\r\n });\r\n};\r\n\r\nexport const throwModal = (type, props) => {\r\n const theme = localStorage.getItem(\"theme\") || \"light\";\r\n const modal = Modal[type]({\r\n ...props,\r\n className: `${theme}-modal-throw`,\r\n });\r\n return modal;\r\n};\r\n","export const QuickStart = [\r\n {\r\n id: 1,\r\n title: 'Single Camera Streaming - Quick Live (Real-time)',\r\n subTitle:'',\r\n points: [\r\n {\r\n title: 'Add Captions:',\r\n body:'Choose from 2 text sizes.'\r\n },\r\n {\r\n title: 'Overlay Graphics:',\r\n body:'Upload and position logos or images over the stream.'\r\n },\r\n {\r\n title: 'Quick Live Preview:',\r\n body:'Select “Quick Live” on the other intended device to start previewing the outcome on the director screen.',\r\n },\r\n {\r\n title: 'Start Broadcasting:',\r\n body:'Click “Go Live” on any device to start sharing.',\r\n }\r\n ],\r\n notes: [\r\n 'Preview may take up to 12 seconds to appear.'\r\n ]\r\n },\r\n {\r\n id: 2,\r\n title: 'Single Camera Streaming - Quick Live (Predefined)',\r\n subTitle:'In the predefined mode, you can either create your own setup, use an existing template, or make edits to an existing one.',\r\n points: [\r\n // {\r\n // title: 'Add Captions:',\r\n // body:'Choose from 2 text sizes.',\r\n // },\r\n // {\r\n // title: 'Overlay Graphics:',\r\n // body:'Upload and position logos or images over the stream.',\r\n // },\r\n {\r\n title: 'Quick Live Preview:',\r\n body:'Select “Quick Live” on the intended device to start previewing the outcome on the director screen.',\r\n },\r\n {\r\n title: 'Start Broadcasting:',\r\n body:'Click “Go Live” on any device to start sharing.',\r\n }\r\n ],\r\n notes: [\r\n 'Preview may take up to 12 seconds to appear.'\r\n ]\r\n },\r\n {\r\n id: 3,\r\n title: 'Multiple Camera Streaming - Quick Live (Real-time)',\r\n subTitle: 'Make sure to log in with the same credentials across all intended devices.',\r\n points: [\r\n // {\r\n // title: 'Add Captions:',\r\n // body:'Choose from 2 text sizes.',\r\n // },\r\n // {\r\n // title: 'Overlay Graphics:',\r\n // body:'Upload and position logos or images over the stream.',\r\n // },\r\n {\r\n title: 'Quick Live Preview:',\r\n body:'Select “Quick Live” on the intended device to start previewing the outcome on the director screen.',\r\n },\r\n {\r\n title: 'Start Broadcasting:',\r\n body:'Click “Go Live” on any device to start sharing.',\r\n }\r\n ],\r\n notes: [\r\n 'Preview may take up to 12 seconds to appear.',\r\n 'Make sure to log in with the same credentials across all intended devices.'\r\n ]\r\n },\r\n {\r\n id: 4,\r\n title: 'Multiple Camera Streaming - Quick Live (Predefined)',\r\n subTitle: 'In the predefined mode, you can either create your own setup, use an existing template, or make edits to an existing one.',\r\n points: [\r\n // {\r\n // title: 'Add Captions:',\r\n // body:'Choose from 2 text sizes.',\r\n // },\r\n // {\r\n // title: 'Overlay Graphics:',\r\n // body:'Upload and position logos or images over the stream.'\r\n // },\r\n {\r\n title: 'Quick Live Preview:',\r\n body:'Select “Quick Live” on the other intended device to start previewing the outcome on the director screen.',\r\n },\r\n {\r\n title: 'Start Broadcasting:',\r\n body:'Click “Go Live” on any device to start sharing.',\r\n }\r\n ],\r\n notes: [\r\n 'Preview may take up to 12 seconds to appear.',\r\n 'Make sure to log in with the same credentials across all intended devices.'\r\n ]\r\n }\r\n]\r\n","\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Modal } from \"@pmviulive/msd-reactjs\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { BulletIconSec, ArrowForward } from \"../../../../../config/icons\";\r\nimport { QuickStart } from \"./data\";\r\n\r\nimport './QuickGuideModal.scss';\r\n\r\n\r\n\r\nconst QuickGuideModal = ({quickGuide, setQuickGuide, showTooltips, directGuide, setModalVisible}) => {\r\n const theme = useSelector((state) => state.local.theme);\r\n const showNextModal = () => {\r\n setQuickGuide(false);\r\n // setModalVisible(false);\r\n\r\n if (!directGuide) {\r\n showTooltips()\r\n }\r\n };\r\n\r\n const closeModal = () => {\r\n setQuickGuide(false);\r\n // setModalVisible(false);\r\n\r\n if (!directGuide) {\r\n // showTooltips()\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n Next\r\n \r\n
\r\n
\r\n
Quick Start Guide
\r\n
Welcome to the Director feature, designed to empower streamers with professional-grade effects for their broadcasts. Creating captivating events with a studio-like touch has never been this easy.
\r\n
Currently, the Director feature is available exclusively on our web platform at ViuLive.
\r\n
Stream Smartly with Multiple Cameras: Use the Director feature for single/multi-streaming. Just remember, for a smooth Director experience, make sure to log in with the same credentials across all intended devices.
\r\n
Highlights of the Director Features:
\r\n
\r\n
Captions and Logos: Enhance your streams by incorporating captions and logos.
\r\n
Multi-Camera Flexibility: Broadcast from multiple cameras/mobile devices and effortlessly switch between streams and views.
\r\n
Seamless Scene Transitions: Elevate your broadcasts with smooth transitions between scenes.
\r\n
\r\n
You can use the Director feature in two ways: Real-time Mode or Predefined Mode.
\r\n
\r\n
Real-time Mode: As a stream admin, you can dynamically select captions, logos, stream duration, transitions, and stream switching during the live streaming.
\r\n
Predefined Mode: Streamers can preconfigure captions, logos, and scene transitions, saving these settings in a template. This template is then automatically applied once your stream starts.
\r\n The User Quick Start Guide includes information about the options that are common to most ViuLive users.\r\n The articles are designed to give you information and to help you get started.\r\n
\r\n \r\n \r\n Last Updated July 7, 2023\r\n \r\n \r\n 1. Agreement to Terms\r\n \r\n \r\n 1.1 These Terms and Conditions constitute a legally binding\r\n agreement made between you, whether personally or on behalf of an\r\n entity (you), and\r\n ViuCom Corp.,located at\r\n Bellevue , WA (we, us),\r\n concerning your access to and use of the\r\n www.viulive.com\r\n \r\n website as well as any related mobile applications (the\r\n Site).\r\n \r\n \r\n The Site provides the following services:\r\n \r\n live video streaming, IRL (Services)\r\n \r\n . You agree that by accessing the Site and/or Services, you have\r\n read, understood, and agree to be bound by all of these Terms and\r\n Conditions.\r\n \r\n \r\n \r\n If you do not agree with all of these Terms and Conditions, then\r\n you are prohibited from using the Site and Services and you must\r\n discontinue use immediately\r\n \r\n . We recommend that you print a copy of these Terms and Conditions\r\n for future reference.\r\n \r\n \r\n 1.2 The supplemental policies set out in Section 1.7 below, as well\r\n as any supplemental terms and condition or documents that may be\r\n posted on the Site from time to time, are expressly incorporated by\r\n reference.\r\n \r\n \r\n 1.3 We may make changes to these Terms and Conditions at any time.\r\n The updated version of these Terms and Conditions will be indicated\r\n by an updated “Revised” date and the updated version will be\r\n effective as soon as it is accessible. You are responsible for\r\n reviewing these Terms and Conditions to stay informed of updates.\r\n Your continued use of the Site represents that you have accepted\r\n such changes.\r\n \r\n \r\n 1.4 We may update or change the Site from time to time to reflect\r\n changes to our products, our users' needs and/or our business\r\n priorities.\r\n \r\n \r\n 1.5 Our site is directed to people residing in anywhere this site is\r\n considered legal by the authorities. The information provided on the\r\n Site is not intended for distribution to or use by any person or\r\n entity in any jurisdiction or country where such distribution or use\r\n would be contrary to law or regulation or which would subject us to\r\n any registration requirement within such jurisdiction or country.\r\n \r\n \r\n 1.6 The Site is intended for users who are at least 18 years old. If\r\n you are under the age of 18, you are not permitted to register for\r\n the Site or use the Services without parental permission.\r\n \r\n \r\n 1.7 Additional policies which also apply to your use of the Site\r\n include:\r\n \r\n
\r\n \r\n Our Privacy Notice, which sets out the terms on which we process\r\n any personal data we collect from you, or that you provide to us.\r\n By using the Site, you consent to such processing and you warrant\r\n that all data provided by you is accurate.\r\n \r\n \r\n Our Acceptable Use Policy (section 13), which sets out the\r\n permitted uses and prohibited uses of the Site. When using the\r\n Site, you must comply with this Acceptable Use Policy.\r\n \r\n \r\n Our Cookie Policy, which sets out information about the cookies on\r\n the Site.\r\n \r\n \r\n If you purchase from the Site, our terms and conditions of\r\n eCommerce will apply. If you wish to use such Services, you will,\r\n in addition to our Terms and Conditions, also be subject to our\r\n Terms and conditions of eCommerce.\r\n \r\n
\r\n \r\n 2. Acceptable Use\r\n \r\n \r\n 2.1 Our full Acceptable Use Policy, sets out all the permitted uses\r\n and prohibited uses of this site.\r\n \r\n \r\n 2.2 You may not access or use the Site for any purpose other than\r\n that for which we make the site and our services available. The Site\r\n may not be used in connection with any commercial endeavors except\r\n those that are specifically endorsed or approved by us.\r\n \r\n \r\n 2.3 As a user of this Site, you agree not to:\r\n \r\n
\r\n \r\n Falsely imply a relationship with us or another company with whom\r\n you do not have a relationship\r\n \r\n
\r\n \r\n 3. Information you provide to us\r\n \r\n \r\n 3.1 You represent and warrant that: (a) all registration information\r\n you submit will be true, accurate, current, and complete and relate\r\n to you and not a third party; (b) you will maintain the accuracy of\r\n such information and promptly update such information as necessary;\r\n (c) you will keep your password confidential and will be responsible\r\n for all use of your password and account; (d) you have the legal\r\n capacity and you agree to comply with these Terms and Conditions;\r\n and (e) you are not a minor in the jurisdiction in which you reside,\r\n or if a minor, you have received parental permission to use the\r\n Site.\r\n \r\n \r\n If you know or suspect that anyone other than you knows your user\r\n information (such as an identification code or user name) and/or\r\n password you must promptly notify us at\r\n \r\n info@viulive.com\r\n \r\n \r\n \r\n 3.2 If you provide any information that is untrue, inaccurate, not\r\n current or incomplete, we may suspend or terminate your account. We\r\n may remove or change a user name you select if we determine that\r\n such user name is inappropriate.\r\n \r\n \r\n 4. Content you provide to us\r\n \r\n \r\n 4.1 There may be opportunities for you to post content to the Site\r\n or send feedback to us (\r\n User Content \r\n ). You understand and agree that your User Content may be viewed by\r\n other users on the Site, and that they may be able to see who has\r\n posted that User Content.\r\n \r\n \r\n 4.2 You further agree that we can use your User Content for any\r\n other purposes whatsoever in perpetuity without payment to you, and\r\n combine your User Content with other content for use within the Site\r\n and otherwise. We do not have to attribute your User Content to you.\r\n When you upload or post content to our site, you grant us the\r\n following rights to use that content:\r\n \r\n \r\n 4.3 In posting User Content, including reviews or making contact\r\n with other users of the Site you shall comply with our Acceptable\r\n Use Policy.\r\n \r\n \r\n 4.4 You warrant that any User Content does comply with our\r\n Acceptable Use Policy, and you will be liable to us and indemnify us\r\n for any breach of that warranty. This means you will be responsible\r\n for any loss or damage we suffer as a result of your breach of this\r\n warranty.\r\n \r\n \r\n 4.5 We have the right to remove any User Content you put on the Site\r\n if, in our opinion, such User Content does not comply with the\r\n Acceptable Use Policy.\r\n \r\n \r\n 4.6 We are not responsible and accept no liability for any User\r\n Content including any such content that contains incorrect\r\n information or is defamatory or loss of User Content. We accept no\r\n obligation to screen, edit or monitor any User Content but we\r\n reserve the right to remove, screen and/or edit any User Content\r\n without notice and at any time. User Content has not been verified\r\n or approved by us and the views expressed by other users on the Site\r\n do not represent our views or values\r\n \r\n \r\n 4.7 If you wish to complain about User Content uploaded by other\r\n users please contact us at\r\n \r\n info@viulive.com\r\n \r\n or use the report button.\r\n \r\n \r\n 5. Our content\r\n \r\n \r\n 5.1 Unless otherwise indicated, the Site and Services including\r\n source code, databases, functionality, software, website designs,\r\n audio, video, text, photographs, and graphics on the Site (\r\n Our Content ) are owned or\r\n licensed to us, and are protected by copyright and trade mark laws.\r\n \r\n \r\n 5.2 Except as expressly provided in these Terms and Conditions, no\r\n part of the Site, Services or Our Content may be copied, reproduced,\r\n aggregated, republished, uploaded, posted, publicly displayed,\r\n encoded, translated, transmitted, distributed, sold, licensed, or\r\n otherwise exploited for any commercial purpose whatsoever, without\r\n our express prior written permission.\r\n \r\n \r\n 5.3 Provided that you are eligible to use the Site, you are granted\r\n a limited license to access and use the Site and Our Content and to\r\n download or print a copy of any portion of the Content to which you\r\n have properly gained access solely for your personal, non-commercial\r\n use.\r\n \r\n \r\n 5.4 You shall not (a) try to gain unauthorized access to the Site or\r\n any networks, servers or computer systems connected to the Site;\r\n and/or (b) make for any purpose including error correction, any\r\n modifications, adaptions, additions or enhancements to the Site or\r\n Our Content, including the modification of the paper or digital\r\n copies you may have downloaded.\r\n \r\n \r\n 5.5 We shall (a) prepare the Site and Our Content with reasonable\r\n skill and care; and (b) use industry standard virus detection\r\n software to try to block the uploading of content to the Site that\r\n contains viruses.\r\n \r\n \r\n 5.6 The content on the Site is provided for general information\r\n only. It is not intended to amount to advice on which you should\r\n rely. You must obtain professional or specialist advice before\r\n taking, or refraining from taking, any action on the basis of the\r\n content on the Site.\r\n \r\n \r\n 5.7 Although we make reasonable efforts to update the information on\r\n our site, we make no representations, warranties or guarantees,\r\n whether express or implied, that Our Content on the Site is\r\n accurate, complete or up to date.\r\n \r\n \r\n 6. Link to third party content \r\n \r\n \r\n 6.1 The Site may contain links to websites or applications operated\r\n by third-parties. We do not have any influence or control over any\r\n such third-party websites or applications or the third-party\r\n operator. We are not responsible for and do not endorse any\r\n third-party websites or applications or their availability or\r\n content.\r\n \r\n \r\n 6.2 We accept no responsibility for adverts contained within the\r\n Site. If you agree to purchase goods and/or services from any third\r\n party who advertises in the Site, you do so at your own risk. The\r\n advertiser, and not us, is responsible for such goods and/or\r\n services and if you have any questions or complaints in relation to\r\n them, you should contact the advertiser.\r\n \r\n \r\n 6.3 Our Restream application utilizes YouTube API services.\r\n By using the features of this Restream application that utilize YouTube API services,\r\n you are also agreeing to be bound by the YouTube Terms of Service located at Youtube Terms page.\r\n \r\n \r\n 6.4 Our application’s Privacy Policy explains how we use YouTube API services and how we handle your data.\r\n By using our application, you acknowledge and agree to our Privacy Policy. You can review our Privacy Policy.\r\n For information on how to manage and revoke API Client's access to your data, you can visit the Google security settings page.\r\n \r\n\r\n \r\n 7. Site Management\r\n \r\n \r\n 7.1 We reserve the right at our sole discretion, to (1) monitor the\r\n Site for breaches of these Terms and Conditions; (2) take\r\n appropriate legal action against anyone in breach of applicable laws\r\n or these Terms and Conditions; (3) refuse, restrict access to or\r\n availability of, or disable (to the extent technologically feasible)\r\n any of your Contributions; (4) remove from the Site or otherwise\r\n disable all files and content that are excessive in size or are in\r\n any way a burden to our systems; and (5) otherwise manage the Site\r\n in a manner designed to protect our rights and property and to\r\n facilitate the proper functioning of the Site and Services.\r\n \r\n \r\n 7.2 We do not guarantee that the Site will be secure or free from\r\n bugs or viruses.\r\n \r\n \r\n 7.3 You are responsible for configuring your information technology,\r\n computer programs and platform to access the Site and you should use\r\n your own virus protection software.\r\n \r\n \r\n 8. Modifications to and availability of the Site \r\n \r\n \r\n 8.1 We reserve the right to change, modify, or remove the contents\r\n of the Site at any time or for any reason at our sole discretion\r\n without notice. We also reserve the right to modify or discontinue\r\n all or part of the Services without notice at any time.\r\n \r\n \r\n 8.2 We cannot guarantee the Site and Services will be available at\r\n all times. We may experience hardware, software, or other problems\r\n or need to perform maintenance related to the Site, resulting in\r\n interruptions, delays, or errors. You agree that we have no\r\n liability whatsoever for any loss, damage, or inconvenience caused\r\n by your inability to access or use the Site or Services during any\r\n downtime or discontinuance of the Site or Services. We are not\r\n obliged to maintain and support the Site or Services or to supply\r\n any corrections, updates, or releases.\r\n \r\n \r\n 8.3 There may be information on the Site that contains typographical\r\n errors, inaccuracies, or omissions that may relate to the Services,\r\n including descriptions, pricing, availability, and various other\r\n information. We reserve the right to correct any errors,\r\n inaccuracies, or omissions and to change or update the information\r\n at any time, without prior notice.\r\n \r\n \r\n 9. Disclaimer/Limitation of Liability \r\n \r\n \r\n 9.1 The Site and Services are provided on an as-is and as-available\r\n basis. You agree that your use of the Site and/or Services will be\r\n at your sole risk except as expressly set out in these Terms and\r\n Conditions. All warranties, terms, conditions and undertakings,\r\n express or implied (including by statute, custom or usage, a course\r\n of dealing, or common law) in connection with the Site and Services\r\n and your use thereof including, without limitation, the implied\r\n warranties of satisfactory quality, fitness for a particular purpose\r\n and non-infringement are excluded to the fullest extent permitted by\r\n applicable law.\r\n \r\n \r\n We make no warranties or representations about the accuracy or\r\n completeness of the Site’s content and are not liable for any (1)\r\n errors or omissions in content: (2) any unauthorized access to or\r\n use of our servers and/or any and all personal information and/or\r\n financial information stored on our server; (3) any interruption or\r\n cessation of transmission to or from the site or services; and/or\r\n (4) any bugs, viruses, trojan horses, or the like which may be\r\n transmitted to or through the site by any third party. We will not\r\n be responsible for any delay or failure to comply with our\r\n obligations under these Terms and Conditions if such delay or\r\n failure is caused by an event beyond our reasonable control.\r\n \r\n \r\n 10. Term and Termination \r\n \r\n \r\n 10.1 These Terms and Conditions shall remain in full force and\r\n effect while you use the Site or Services or are otherwise a user of\r\n the Site, as applicable. You may terminate your use or participation\r\n at any time, for any reason, by following the instructions for\r\n terminating user accounts in your account settings, if available, or\r\n by contacting us at\r\n \r\n info@viulive.com.\r\n \r\n \r\n \r\n 10.2 Without limiting any other provision of these Terms and\r\n Conditions, we reserve the right to, in our sole discretion and\r\n without notice or liability, deny access to and use of the Site and\r\n the Services (including blocking certain IP addresses), to any\r\n person for any reason including without limitation for breach of any\r\n representation, warranty or covenant contained in these Terms and\r\n Conditions or of any applicable law or regulation.\r\n \r\n \r\n If we determine, in our sole discretion, that your use of the\r\n Site/Services is in breach of these Terms and Conditions or of any\r\n applicable law or regulation, we may terminate your use or\r\n participation in the Site and the Services or delete your profile\r\n and any content or information that you posted at any time, without\r\n warning, in our sole discretion.\r\n \r\n \r\n 10.3 If we terminate or suspend your account for any reason set out\r\n in this Section 9, you are prohibited from registering and creating\r\n a new account under your name, a fake or borrowed name, or the name\r\n of any third party, even if you may be acting on behalf of the third\r\n party. In addition to terminating or suspending your account, we\r\n reserve the right to take appropriate legal action, including\r\n without limitation pursuing civil, criminal, and injunctive redress.\r\n \r\n \r\n 11. Mobile Application \r\n \r\n \r\n 11.1 If you access the Services via a mobile application, then we\r\n grant you a revocable, non-exclusive, non-transferable, limited\r\n right to install and use the mobile application on wireless\r\n electronic devices owned or controlled by you, and to access and use\r\n the mobile application on such devices strictly in accordance with\r\n the terms and conditions of this license.\r\n \r\n \r\n 11.2 The following terms apply when you use a mobile application\r\n obtained from either the Apple Store or Google Play (each an App\r\n Distributor) to access the Services:\r\n \r\n \r\n (a) The license granted to you for our mobile application is limited\r\n to a non-transferable license to use the application on a device\r\n that utilizes the Apple iOS or Android operating system, as\r\n applicable, and in accordance with the usage rules set forth in the\r\n applicable App Distributor terms of service;\r\n \r\n \r\n (b) We are responsible for providing any maintenance and support\r\n services with respect to the mobile application as specified in\r\n these Terms and Conditions or as otherwise required under applicable\r\n law. You acknowledge that each App Distributor has no obligation\r\n whatsoever to furnish any maintenance and support services with\r\n respect to the mobile application;\r\n \r\n \r\n (c) In the event of any failure of the mobile application to conform\r\n to any applicable warranty, you may notify an App Distributor, and\r\n the App Distributor, in accordance with its terms and policies, may\r\n refund the purchase price, if any, paid for the mobile application,\r\n and to the maximum extent permitted by applicable law, an App\r\n Distributor will have no other warranty obligation whatsoever with\r\n respect to the mobile application;\r\n \r\n \r\n (d) You represent and warrant that (i) you are not located in a\r\n country that is subject to a U.S. government embargo, or that has\r\n been designated by the U.S. government as a “terrorist supporting”\r\n country; and (ii) you are not listed on any U.S. government list of\r\n prohibited or restricted parties;\r\n \r\n \r\n (e) You must comply with applicable third-party terms of agreement\r\n when using the mobile application, e.g., if you have a VoIP\r\n application, then you must not be in breach of their wireless data\r\n service agreement when using the mobile application;\r\n \r\n \r\n (f) You acknowledge and agree that the App Distributors are third\r\n party beneficiaries of these Terms and Conditions, and that each App\r\n Distributor will have the right (and will be deemed to have accepted\r\n the right) to enforce these Terms and Conditions against you as a\r\n third-party beneficiary thereof.\r\n \r\n \r\n 12. General \r\n \r\n \r\n 12.1 Visiting the Site, sending us emails, and completing online\r\n forms constitute electronic communications. You consent to receive\r\n electronic communications and you agree that all agreements,\r\n notices, disclosures, and other communications we provide to you\r\n electronically, via email and on the Site, satisfy any legal\r\n requirement that such communication be in writing.\r\n \r\n \r\n \r\n You hereby agree to the use of electronic signatures, contracts,\r\n orders and other records and to electronic delivery of notices,\r\n policies and records of transactions initiated or completed by us\r\n or via the Site\r\n \r\n . You hereby waive any rights or requirements under any statutes,\r\n regulations, rules, ordinances or other laws in any jurisdiction\r\n which require an original signature or delivery or retention of\r\n non-electronic records, or to payments or the granting of credits by\r\n other than electronic means.\r\n \r\n \r\n 12.2 These Terms and Conditions and any policies or operating rules\r\n posted by us on the Site or in respect to the Services constitute\r\n the entire agreement and understanding between you and us.\r\n \r\n \r\n 12.3 Our failure to exercise or enforce any right or provision of\r\n these Terms and Conditions shall not operate as a waiver of such\r\n right or provision.\r\n \r\n \r\n 12.4 We may assign any or all of our rights and obligations to\r\n others at any time.\r\n \r\n \r\n 12.5 We shall not be responsible or liable for any loss, damage,\r\n delay or failure to act caused by any cause beyond our reasonable\r\n control.\r\n \r\n \r\n 12.6 If any provision or part of a provision of these Terms and\r\n Conditions is unlawful, void or unenforceable, that provision or\r\n part of the provision is deemed severable from these Terms and\r\n Conditions and does not affect the validity and enforceability of\r\n any remaining provisions.\r\n \r\n \r\n 12.7 There is no joint venture, partnership, employment or agency\r\n relationship created between you and us as a result of these Terms\r\n and Conditions or use of the Site or Services.\r\n \r\n \r\n 12.8 A person who is not a party to these Terms and Conditions shall\r\n have no right under the Contracts (Rights of Third Parties) Act 1999\r\n to enforce any term of these Terms and Conditions.\r\n \r\n \r\n 12.9 In order to resolve a complaint regarding the Services or to\r\n receive further information regarding use of the Services, please\r\n contact us by email at\r\n \r\n info@viulive.com\r\n \r\n .\r\n \r\n \r\n 13. Use Policy\r\n \r\n \r\n Violating any of the items listed below is a violation of this Use\r\n Policy & the Terms and Agreements. Your account would be subject to\r\n termination and you would be liable in case you have caused any\r\n harms and damages to anyone involved.\r\n \r\n \r\n \r\n Systematically retrieve data or other content from the Site to a\r\n compile database or directory without written permission from us\r\n \r\n \r\n Make any unauthorized use of the Site, including collecting\r\n usernames and/or email addresses of users to send unsolicited\r\n email or creating user accounts under false pretenses\r\n \r\n \r\n Use a buying agent or purchasing agent to make purchases on the\r\n Site\r\n \r\n \r\n Use the Site to advertise or sell goods and services\r\n \r\n \r\n Circumvent, disable, or otherwise interfere with security-related\r\n features of the Site, including features that prevent or restrict\r\n the use or copying of any content or enforce limitations on the\r\n use\r\n \r\n \r\n Engage in unauthorized framing of or linking to the Site\r\n \r\n \r\n Trick, defraud, or mislead us and other users, especially in any\r\n attempt to learn sensitive account information such as user\r\n passwords\r\n \r\n \r\n Make improper use of our support services, or submit false reports\r\n of abuse or misconduct\r\n \r\n \r\n Engage in any automated use of the system, such as using scripts\r\n to send comments or messages, or using any data mining, robots, or\r\n similar data gathering and extraction tools\r\n \r\n \r\n Interfere with, disrupt, or create an undue burden on the Site or\r\n the networks and services connected to the Site\r\n \r\n \r\n Attempt to impersonate another user or person, or use the username\r\n of another user\r\n \r\n \r\n Sell or otherwise transfer your profile\r\n \r\n \r\n Use any information obtained from the Site in order to harass,\r\n abuse, or harm another person\r\n \r\n \r\n Use the Site or our content as part of any effort to compete with\r\n us or to create a revenue-generating endeavor or commercial\r\n enterprise\r\n \r\n \r\n Decipher, decompile, disassemble, or reverse engineer any of the\r\n software comprising or in any way making up a part of the Site\r\n \r\n \r\n Attempt to access any portions of the Site that you are restricted\r\n from accessing\r\n \r\n \r\n Harass, annoy, intimidate, or threaten any of our employees,\r\n agents, or other users\r\n \r\n \r\n Delete the copyright or other proprietary rights notice from any\r\n of the content\r\n \r\n \r\n Copy or adapt the Site’s software, including but not limited to\r\n Flash, PHP, HTML, JavaScript, or other code\r\n \r\n \r\n Upload or transmit (or attempt to upload or to transmit) viruses,\r\n Trojan horses, or other material that interferes with any party’s\r\n uninterrupted use and enjoyment of the Site, or any material that\r\n acts as a passive or active information collection or transmission\r\n mechanism\r\n \r\n \r\n Use, launch, or engage in any automated use of the system, such as\r\n using scripts to send comments or messages, robots, scrapers,\r\n offline readers, or similar data gathering and extraction tools\r\n \r\n \r\n Disparage, tarnish, or otherwise harm, in our opinion, us and/or\r\n the Site\r\n \r\n \r\n Use the Site in a manner inconsistent with any applicable laws or\r\n regulations\r\n \r\n \r\n Threaten users with negative feedback or offering services solely\r\n to give positive feedback to users\r\n \r\n \r\n Misrepresent experience, skills, or information about a User\r\n \r\n \r\n Advertise products or services considered illegal or harmful{\" \"}\r\n \r\n \r\n Post or live stream any inappropriate or poor images or texts{\" \"}\r\n \r\n \r\n Post, live stream or suggest any racial or offensive images or\r\n texts or comments\r\n \r\n \r\n Solicit sexual services\r\n \r\n\r\n \r\n Post or livestream any copyrighted or unauthorized images or\r\n videos{\" \"}\r\n \r\n \r\n ViuLive does not guarantee maintaining, archiving, protecting or\r\n indefinitely keeping your images/videos or any postings for\r\n anything you have posted on ViuLive. We recommend that you keep a\r\n backup of all your materials. Videos with poor quality and or very\r\n low view ratings may be removed at any time.\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\nexport default termsAndConditions;\r\n","import React from \"react\";\r\n\r\n\r\nexport const Notifi = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const Reaction = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\nexport const Preview = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const Follow = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const Event = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const Monetization = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const Comment = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const ProfileAvatar = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\n//===================================DIRECTOR'S ICONS=================================\r\nexport const DirectorCam = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const EditIcon = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nexport const CloseTempIcon = (props) => {\r\n return (\r\n \r\n );\r\n};\r\n\r\n\r\nexport const DirectorCam2 = (props) => {\r\n return (\r\n \r\n );\r\n};\r\n\r\n\r\nexport const MuteCam = (props) => {\r\n return (\r\n \r\n\r\n );\r\n};\r\n\r\nexport const UnMuteCam = (props) => {\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport const RealTimeIcon = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const PreDefined = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const ArrowDown = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const CrossIcon = (props) => {\r\n return (\r\n \r\n\r\n );\r\n};\r\n\r\nexport const TransitionBuffer = (props) => {\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\n\r\n\r\n\r\nexport const PlusIcon = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const DeleteIcon = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const Timer = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const PositionsIcon = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const ArrowRight = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const ImagePlaceholder = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const CloseIcon = (props) => {\r\n return (\r\n {\r\n console.log(\"CloseIcon\");\r\n console.log(event);\r\n event.stopPropagation();\r\n event.preventDefault();\r\n if(props?.deleteLogoHandler) {\r\n props.deleteLogoHandler();\r\n }\r\n }}\r\n viewBox=\"0 0 8 8\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n \r\n \r\n );\r\n};\r\n\r\nexport const DirectorCamPlus = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\n//=============================ICONS TO CONTROL DIRECTOR'S IMAGE POSITIONS================================\r\n\r\nexport const BottomLeft = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const BottomCenter = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const BottomRight = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const MiddleLeft = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const MiddleCenter = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const MiddleRight = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const TopLeft = (props) => {\r\n return (\r\n \r\n \r\n \r\n\r\n\r\n );\r\n};\r\n\r\nexport const TopCenter = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const TopRight = (props) => {\r\n return (\r\n props.color !== \"#6C5ECF\" ?\r\n \r\n \r\n \r\n :\r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nexport const RemoveCam = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const NoneIcon = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const CloseIconRounded = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const AddTemplate = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const DirectorIcon = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\nexport const DirectorIconSmall = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\n\r\nexport const InfoIcon = (props) => {\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport const BulletIcon = (props) => {\r\n return (\r\n \r\n\r\n\r\n );\r\n};\r\n\r\nexport const OptionIcon = (props) => {\r\n return (\r\n \r\n\r\n\r\n );\r\n};\r\n\r\n\r\nexport const ChangeTemplateIcon = (props) => {\r\n return (\r\n \r\n\r\n )\r\n}\r\n\r\n\r\nexport const EmojiIcon = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n )\r\n}\r\nexport const YoutubeIcon = (props) => {\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport const Youtube = (props) => {\r\n return (\r\n \r\n\r\n\r\n )\r\n}\r\n\r\n\r\nexport const QuickGuideIcon = (props) => {\r\n return (\r\n \r\n )\r\n}\r\n\r\n\r\nexport const BulletIconSec = (props) => {\r\n return (\r\n \r\n )\r\n}\r\n\r\n\r\nexport const ReplayIcon = (props) => {\r\n return (\r\n \r\n \r\n\r\n )\r\n}\r\n\r\n\r\nexport const StarIcon = (props) => {\r\n return (\r\n \r\n )\r\n}\r\n\r\n\r\nexport const RightIcon = () => {\r\n return ( \r\n \r\n )\r\n}\r\n\r\n\r\nexport const QuestionMark = (props) => {\r\n return (\r\n \r\n \r\n\r\n )\r\n}\r\n\r\nexport const DirectIconSec = () => {\r\n return ( \r\n \r\n )\r\n}\r\n\r\n\r\nexport const ArrowForward = () => {\r\n return(\r\n \r\n )\r\n}","import * as firebase from \"firebase/app\";\r\n\r\nexport const logEvent = (eventName) => {\r\n process.env.REACT_APP_IS_PRODUCTION === \"true\" &&\r\n firebase.analytics().logEvent(eventName);\r\n};\r\n\r\nexport const setUserProperties = (user) =>\r\n process.env.REACT_APP_IS_PRODUCTION === \"true\" &&\r\n firebase.analytics().setUserProperties(user);\r\n","import React from \"react\";\r\nimport { Route, Switch, withRouter, Redirect } from \"react-router-dom\";\r\nimport { asyncComponent } from \"@pmviulive/msd-reactjs\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\nimport { notFound, accessDenied } from \"@pmviulive/vume-reactjs\";\r\n// =====================================================\r\n\r\nconst asyncLandingPage = asyncComponent(() => {\r\n return import(\"../view/modules/landingPage/landingPage\");\r\n});\r\nconst asyncSearchResultPage = asyncComponent(() => {\r\n return import(\"../view/modules/searchResult/searchResult\");\r\n});\r\nconst asyncWatchPage = asyncComponent(() => {\r\n return import(\"../view/modules/watch/watchWrapper\");\r\n});\r\nconst asyncDetailPage = asyncComponent(() => {\r\n return import(\"../view/modules/eventDetail/eventDetail\");\r\n});\r\nconst asyncBroadcast = asyncComponent(() => {\r\n return import(\"../view/modules/broadcast/broadcast\");\r\n});\r\nconst asyncScheduleConfirm = asyncComponent(() => {\r\n return import(\r\n \"../view/modules/broadcast/components/scheduleConfirm/scheduleConfirm\"\r\n );\r\n});\r\nconst asyncReactionView = asyncComponent(() => {\r\n return import(\"../view/modules/reactionsView/reactionView\");\r\n});\r\nconst asyncConfirmJoin = asyncComponent(() => {\r\n return import(\"../view/modules/broadcast/components/joinConfirm/joinConfirm\");\r\n});\r\nconst asyncCapture = asyncComponent(() => {\r\n return import(\"../view/modules/capturing/capturing\");\r\n});\r\nconst asyncMyEvent = asyncComponent(() => {\r\n return import(\"../view/modules/myEvent/myEvent\");\r\n});\r\nconst asyncEditCamera = asyncComponent(() => {\r\n return import(\"../view/modules/broadcast/components/member/member\");\r\n});\r\nconst asyncMobileSearch = asyncComponent(() => {\r\n return import(\"../view/layout/search/mobileSearchPage\");\r\n});\r\nconst asyncUserProfile = asyncComponent(() => {\r\n return import(\"../view/modules/userProfile/\");\r\n});\r\n\r\nconst asyncPremium = asyncComponent(() => {\r\n return import(\"../view/modules/premium/premium\");\r\n});\r\nconst asyncMobileLoginByGoogle = asyncComponent(() => {\r\n return import(\"../view/modules/auth/mobileLoginByGoogle/mobileLoginByGoogle\");\r\n});\r\n\r\nconst asyncloginResult = asyncComponent(() => {\r\n return import(\"../view/modules/auth/mobileLoginByGoogle/loginResult\");\r\n});\r\nconst asyncEndedEvents = asyncComponent(() => {\r\n return import(\"../view/modules/watch/components/endedEvents/endedEvents\");\r\n});\r\nconst asyncFinishBroadcast = asyncComponent(() => {\r\n return import(\r\n \"../view/modules/broadcast/components/finishBroadcast/finishBroadcast\"\r\n );\r\n});\r\nconst asyncReCaptchaV3 = asyncComponent(() => {\r\n return import(\"../view/modules/reCaptchaV3/reCaptchaV3\");\r\n});\r\nconst asyncReCaptchaV2 = asyncComponent(() => {\r\n return import(\"../view/modules/reCaptchaV2/reCaptchaV2\");\r\n});\r\nconst asyncDownoadApp = asyncComponent(() => {\r\n return import(\"../view/sharedComponents/downloadApp/downloadApp\");\r\n});\r\nconst asyncPrivacyPage = asyncComponent(() => {\r\n return import(\"../view/modules/privacy/privacy\");\r\n});\r\nconst asyncFAQPage = asyncComponent(() => {\r\n return import(\"../view/modules/faq/faq\");\r\n});\r\nconst asyncTermsPage = asyncComponent(() => {\r\n return import(\"../view/modules/termsAndConditions/termsAndConditions\");\r\n});\r\nconst asyncNoPermission = asyncComponent(() => {\r\n return import(\"../view/sharedComponents/errors/noPermission\");\r\n});\r\nconst asyncNotFoundData = asyncComponent(() => {\r\n return import(\"../view/sharedComponents/errors/notFound\");\r\n});\r\nconst asyncLogout = asyncComponent(() => {\r\n return import(\"../view/modules/auth/logout/logout\");\r\n});\r\n// const asyncFollowing = asyncComponent(() => {\r\n// return import(\"../view/modules/followersAndFollowing/following\");\r\n// });\r\n// const asyncFollowers = asyncComponent(() => {\r\n// return import(\"../view/modules/followersAndFollowing/followers\");\r\n// });\r\n// const asyncMixer = asyncComponent(() => {\r\n// return import(\"../view/modules/mixer/mixerWrapper\");\r\n// });\r\n// const asyncDirector = asyncComponent(() => {\r\n// return import(\"../view/modules/mixer/director\");\r\n// });\r\nconst asyncSetting = asyncComponent(() => {\r\n return import(\"../view/modules/setting/setting\");\r\n});\r\nconst asyncMyProfile = asyncComponent(() => {\r\n return import(\"../view/modules/myProfile/myProfile\");\r\n});\r\n\r\nconst asyncTransactionsHistory = asyncComponent(() => {\r\n return import(\r\n \"../view/modules/myProfile/components/transactionsHistory/transactionsHistory\"\r\n );\r\n});\r\nconst asyncWithdraw = asyncComponent(() => {\r\n return import(\"../view/modules/myProfile/components/withdraw/withdraw\");\r\n});\r\n\r\nconst asyncDirector = asyncComponent(() => {\r\n return import(\"../view/modules/director/director\");\r\n});\r\n\r\nconst asyncSafetySection = asyncComponent(() => {\r\n return import(\"../view/modules/safetySection/safetySection\");\r\n});\r\n// const asyncTopUp = asyncComponent(() => {\r\n// return import(\"../view/modules/topUp/topUp\");\r\n// });\r\nconst routes = () => {\r\n const userInfo = JSON.parse(localStorage.getItem(\"user\"));\r\n const createRedirect = (to) => () => ;\r\n if (userInfo) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {/* */}\r\n {/* */}\r\n \r\n\r\n {/* \r\n */}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n\r\n */}\r\n\r\n \r\n \r\n );\r\n } else {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n};\r\n\r\nexport default withRouter(routes);\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nimport { useSelector } from \"react-redux\";\r\nimport { Menu } from \"@pmviulive/msd-reactjs\";\r\nimport { isMobile, isFirefox, isChrome } from \"react-device-detect\";\r\n\r\nimport i18n from \"../../../../config/i18n\";\r\nimport { logEvent } from \"../../../../config/analytics\";\r\nimport { throwNotification } from \"../../../sharedComponents/errors/throwError/throwError\";\r\nimport { DirectIconSec, DirectorIcon } from \"../../../../config/icons\";\r\nimport TooltipModal from \"../../../modules/director/components/TooltipModal/TooltipModal\";\r\n\r\nimport \"./menu.scss\";\r\n\r\nconst MenuComponent = (props) => {\r\n const [position, setPosition] = useState({\r\n top: 0,\r\n left:0,\r\n })\r\n const quickLiveRef = useRef();\r\n\r\n const updateTooltipPosition = () => {\r\n const element = quickLiveRef.current;\r\n const rect = element.getBoundingClientRect();\r\n const tooltipLeft = rect.left;\r\n\r\n // Calculate the initial tooltip top position\r\n const initialTooltipTop = rect.top - 5 ;\r\n\r\n // Calculate the adjusted tooltip top position based on screen height\r\n const screenHeight = window.innerHeight;\r\n const adjustedTooltipTop = screenHeight > 800 ? initialTooltipTop + 50 : initialTooltipTop;\r\n\r\n if (isFirefox) {\r\n setPosition({\r\n top: `${initialTooltipTop}px`,\r\n left: `${tooltipLeft + 230}px`,\r\n });\r\n } else {\r\n setPosition({\r\n top: `${initialTooltipTop}px`,\r\n left: `${tooltipLeft + 230}px`,\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n // Calculate the initial position\r\n updateTooltipPosition();\r\n\r\n // Update the position when the window is resized or scrolled\r\n window.addEventListener('resize', updateTooltipPosition);\r\n window.addEventListener('scroll', updateTooltipPosition);\r\n\r\n // Clean up event listeners when the component unmounts\r\n return () => {\r\n window.removeEventListener('resize', updateTooltipPosition);\r\n window.removeEventListener('scroll', updateTooltipPosition);\r\n };\r\n }, [props.quickLiveTooltip]);\r\n\r\n\r\n\r\n const theme = useSelector((state) => state.local.theme);\r\n const handleMenu = (link) => {\r\n if (localStorage.getItem(\"user\")) {\r\n props.history.push(link);\r\n } else {\r\n if (props.collapsed || isMobile) {\r\n props.toggleClick();\r\n }\r\n return throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"info.loginForAccess\"),\r\n });\r\n }\r\n };\r\n let active;\r\n switch (props.location?.pathname) {\r\n case \"/\":\r\n active = \"/\";\r\n break;\r\n case \"/advancedLive\":\r\n active = \"/advancedLive\";\r\n break;\r\n case \"/capture\":\r\n active = \"/capture\";\r\n break;\r\n case \"/director\":\r\n active = \"/director\";\r\n break;\r\n case \"/join\":\r\n active = \"/join\";\r\n break;\r\n case \"/director\":\r\n active = \"/director\";\r\n break;\r\n default:\r\n active = \"\";\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default MenuComponent;\r\n","import { isEmpty, isEmail, isBetweenLength } from \"@pmviulive/msd-js\";\r\nimport i18n from \"../../../../config/i18n\";\r\nimport { throwNotification } from \"../../../sharedComponents/errors/throwError/throwError\";\r\n\r\nexport const checkValidation = (username, password) => {\r\n if (isEmpty(username)) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"validations.enterEmail\"),\r\n });\r\n return false;\r\n }\r\n if (!isEmail(username)) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"validations.validEmail\"),\r\n });\r\n return false;\r\n }\r\n if (isEmpty(password)) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"validations.enterPassword\"),\r\n });\r\n return false;\r\n }\r\n\r\n if (!isBetweenLength(password, 8, 30)) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"errors.authFailed\"),\r\n });\r\n return false;\r\n }\r\n return true;\r\n};\r\n","import {\r\n isEmpty,\r\n isEmail,\r\n isBetweenLength,\r\n isPasswordMatched,\r\n} from \"@pmviulive/msd-js\";\r\nimport i18n from \"../../../../config/i18n\";\r\nimport { throwNotification } from \"../../../sharedComponents/errors/throwError/throwError\";\r\n\r\nexport const checkValidation = (email) => {\r\n if (isEmpty(email)) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"validations.enterEmail\"),\r\n });\r\n return false;\r\n }\r\n if (!isEmail(email)) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"validations.validEmail\"),\r\n });\r\n return false;\r\n }\r\n return true;\r\n};\r\n\r\nexport const changePasswordValidation = (password, confirmPassword) => {\r\n if (isEmpty(password)) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"validations.enterPassword\"),\r\n });\r\n return false;\r\n }\r\n if (!isBetweenLength(password, 8, 30)) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"validations.passwordLength\"),\r\n });\r\n return false;\r\n }\r\n if (isEmpty(confirmPassword)) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"validations.confirmPassword\"),\r\n });\r\n return false;\r\n }\r\n\r\n if (!isPasswordMatched(password, confirmPassword)) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"validations.passwordMatch\"),\r\n });\r\n return false;\r\n }\r\n return true;\r\n};\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Countdown from \"react-countdown-now\";\r\nimport ReactCodeInput from \"react-verification-code-input\";\r\nimport { Form, Input, Button, Spinner } from \"@pmviulive/msd-reactjs\";\r\nimport { checkValidation, changePasswordValidation } from \"./validityCheck\";\r\nimport {\r\n forgotPasswordSendCode,\r\n forgotPasswordCheckCode,\r\n forgotPasswordChangePassword,\r\n} from \"@pmviulive/vume-js\";\r\nimport i18n from \"../../../../config/i18n\";\r\nimport { logEvent } from \"../../../../config/analytics\";\r\nimport { throwNotification } from \"../../../sharedComponents/errors/throwError/throwError\";\r\n\r\nimport \"./forgotPassword.scss\";\r\n\r\nclass ForgotPassword extends Component {\r\n state = {\r\n code: null,\r\n email: null,\r\n password: null,\r\n confirmPassword: null,\r\n step: 0,\r\n isCountdownFinish: false,\r\n countdown: null,\r\n count: Date.now() + 10 * 60000,\r\n joinTimes: 0,\r\n };\r\n\r\n countdown = () => {\r\n const countdown = setInterval(\r\n () => this.setState({ count: this.state.count - 1 }),\r\n 1000\r\n );\r\n this.setState({ countdown });\r\n };\r\n\r\n componentWillUnmount = () => {\r\n clearInterval(this.state.countdown);\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.state.step === 1 && prevState.step === 0) {\r\n this.countdown();\r\n }\r\n }\r\n\r\n onChangeHandler = (key, e) => {\r\n this.setState({\r\n [key]: e.target.value,\r\n });\r\n };\r\n\r\n emailHandler = (e) => {\r\n e.preventDefault();\r\n const valid = checkValidation(this.state.email);\r\n if (valid) {\r\n this.props.sendCode(this.state.email, this.props.server);\r\n }\r\n };\r\n\r\n changePasswordSubmit = (e) => {\r\n e.preventDefault();\r\n const valid = changePasswordValidation(\r\n this.state.password,\r\n this.state.confirmPassword\r\n );\r\n if (valid) {\r\n this.props.changePassword(\r\n this.state.email,\r\n this.state.code,\r\n this.state.confirmPassword,\r\n this.props.server\r\n );\r\n }\r\n };\r\n\r\n checkCodeHandler = (e) => {\r\n if (e !== this.state.code) {\r\n this.props.checkCode(this.state.email, e, this.props.server);\r\n }\r\n this.setState({\r\n code: e,\r\n });\r\n };\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n if (\r\n nextProps.error &&\r\n nextProps.error !== this.props.error &&\r\n this.state.step === 0\r\n ) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"errors.emailNotExist\"),\r\n });\r\n }\r\n if (\r\n nextProps.response &&\r\n nextProps.response !== this.props.response &&\r\n this.state.step === 0\r\n ) {\r\n this.setState({ step: 1 });\r\n }\r\n\r\n if (\r\n nextProps.error &&\r\n nextProps.error !== this.props.error &&\r\n this.state.step === 1 &&\r\n nextProps.error.type === \"error.validation\"\r\n ) {\r\n this.setState({ joinTimes: this.state.joinTimes + 1 }, () => {\r\n if (this.state.joinTimes > 10) {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"errors.blockedByOtp\"),\r\n });\r\n this.setState({ step: 0, joinTimes: 0 });\r\n } else {\r\n throwNotification({\r\n type: \"error\",\r\n message: i18n.t(\"errors.verificationCode\"),\r\n });\r\n }\r\n });\r\n }\r\n if (\r\n nextProps.response &&\r\n nextProps.response !== this.props.response &&\r\n this.state.step === 1\r\n ) {\r\n if (nextProps.response === \"checkCode\") {\r\n this.setState({ step: 2 });\r\n }\r\n }\r\n if (\r\n nextProps.response &&\r\n nextProps.response !== this.props.response &&\r\n this.state.step === 2\r\n ) {\r\n logEvent(\"FORGET_PASSWORD\");\r\n throwNotification({\r\n type: \"success\",\r\n message: i18n.t(\"success.changePassword\"),\r\n });\r\n this.props.onCancel();\r\n }\r\n if (\r\n nextProps.error &&\r\n nextProps.error !== this.props.error &&\r\n nextProps.error.statusCode === 400\r\n ) {\r\n if (\r\n nextProps.error.reasons.some((reason) => reason.objectName === \"otp\") &&\r\n this.state.step === 2\r\n ) {\r\n throwNotification({\r\n type: \"success\",\r\n message: i18n.t(\"info.otpExpired\"),\r\n });\r\n }\r\n }\r\n }\r\n\r\n renderer = ({ minutes, seconds }) => {\r\n if (seconds < 10) {\r\n seconds = `0${seconds}`;\r\n }\r\n return (\r\n \r\n {minutes}:{seconds}\r\n \r\n );\r\n };\r\n\r\n render() {\r\n return (\r\n
\r\n ![\"replay-icon\"](\"/images/replay.svg\")
\r\n 
\r\n ) : (\r\n