\r\n
last updated may 30, 2022.
\r\n\r\n
\r\n this privacy policy (the \"\r\n privacy policy\") explains how\r\n wonwonleywon products inc. and its\r\n subsidiaries and affiliates (\"\r\n wonwonleywon,\" \"\r\n we,\" \"\r\n us,\" or “{\" \"}\r\n data controller”) collect, use,\r\n process, disclose, and retain your personal data when you access or use\r\n our website and domains (accessible at wonwonleywon.com) that display\r\n this privacy policy (collectively, the “\r\n services”), engage with us on\r\n social media, or otherwise interact with us. please review this privacy\r\n policy carefully.\r\n
\r\n\r\n\r\n
\r\n also, we may provide additional \"just-in-time\" disclosures or\r\n information about our data processing practices. these notices may\r\n supplement or clarify our privacy practices or may provide you with\r\n additional choices about how we process your personal data.{\" \"}\r\n
\r\n\r\n\r\n
Revisions
\r\n\r\n
\r\n wonwonleywon reserves the right to change this privacy policy from time\r\n to time. if we make changes, we will notify you by revising the date at\r\n the top of this privacy policy.\r\n
\r\n\r\n
Collection of personal data
\r\n\r\n
\r\n in this privacy policy, \"\r\n personal data\" means any\r\n information that is related to an identified or reasonably identifiable\r\n natural person, or as otherwise defined under applicable law.\r\n
\r\n\r\n
personal data we collect from you
\r\n\r\n
\r\n we collect personal data directly from you when you interact with us or\r\n use our services. the types of personal data we collect depends on how\r\n you interact with us or use our services. we may collect the following\r\n categories of personal data.\r\n
\r\n\r\n
- \r\n
- \r\n {\" \"}•{\" \"}{\" \"}\r\n profile data. we collect\r\n any information or content you provide to us. examples of the\r\n information we collect include your name, address, and email.\r\n \r\n\r\n
- \r\n {\" \"}•{\" \"}{\" \"}\r\n transaction data. we\r\n collect transaction information related to the use of our services\r\n or your purchases. examples of information collected include the\r\n type of products or services requested or provided, order details,\r\n delivery information, amount charged, payment method, billing or\r\n shipping information, customization services, and information about\r\n any products or services that you may have purchased. we use stripe\r\n and paypal as our third-party payment processors thus we do not\r\n collect any banking or financial information. please refer to the\r\n stripe privacy policy and the paypal privacy policy for further\r\n details.\r\n \r\n
- \r\n {\" \"}•{\" \"}{\" \"}\r\n communications data. we\r\n collect information when you communicate with us or others on our\r\n services, such as when you request additional information about\r\n products or services, interact with our customer service team, or\r\n sign up to receive our e-mail newsletters or marketing messages. we\r\n also collect communications data when you interact with us on social\r\n media, such as by tagging us and/or our products or permitting us to\r\n follow your social media profile. examples of such data may include\r\n your contact information, the date and time of your communications,\r\n online identifiers, social media profile, and the content of your\r\n communications.\r\n \r\n
- \r\n {\" \"}•{\" \"}{\" \"}\r\n user content data. we\r\n collect any other information or content you provide to us, such as\r\n when you provide product feedback or make other submissions to us,\r\n participate in any of our experiential offerings, promotions, or use\r\n other features of our services that may be offered from time to\r\n time, which may require the collection of certain personal data to\r\n utilize the features.\r\n \r\n
\r\n
personal data that we actually collect
\r\n\r\n
\r\n we automatically collect certain personal data when you access and use\r\n our services. the types of information we collect may include:\r\n
\r\n
- \r\n
- \r\n {\" \"}•{\" \"}\r\n device and network data.{\" \"}\r\n we collect certain information about the device you use to access\r\n our services. examples of such data include your device’s hardware\r\n model, browser type, ip address, operating system version, language\r\n settings, unique device identifiers, advertising identifiers, serial\r\n numbers, device motion data, and mobile network data.\r\n \r\n
- \r\n {\" \"}• usage data. we\r\n collect information about your activity on our services via log\r\n files, cookies, web beacons, and other tracking technologies.\r\n examples of such data include your access times, pages viewed, the\r\n routes by which you access our services, site crashes and other\r\n system activity, your use of any hyperlinks available within our\r\n services, your internet service provider (isp), mobile advertising\r\n id, media access control (mac) address, and identifiers associated\r\n with browser cookies, web beacons, and similar technologies we\r\n deploy on our services (for more information about cookies and how\r\n to disable them, see the cookies section below).{\" \"}\r\n \r\n
- \r\n {\" \"}• location data. we\r\n collect precise or approximate location information in accordance\r\n with your device permissions. you may use our services without\r\n enabling us to collect location data from your device, however, this\r\n may affect some functionality available in the services.\r\n \r\n
\r\n
personal data we collect from other sources
\r\n\r\n
\r\n we may collect personal data about you from other sources. for example,\r\n we may collect personal data about you from:\r\n
\r\n\r\n
- \r\n
- \r\n {\" \"}•{\" \"}publicly available sources;\r\n \r\n
- \r\n {\" \"}•{\" \"}carriers or other third parties when they share your\r\n updated delivery and address information, which we use to correct\r\n our records and deliver your next purchase or communication;\r\n \r\n
- \r\n {\" \"}•{\" \"}our subsidiaries and affiliates;\r\n \r\n
- \r\n {\" \"}•{\" \"}third-party social media and communication services,\r\n such as facebook, twitter, google, tiktok and instagram, that you\r\n use to interact with our services (e.g., to create an account) or\r\n that allow you to share information (e.g., via plugins, widgets, or\r\n other tools), but always in accordance with the authorization\r\n procedures and privacy settings you establish with such services;\r\n and\r\n \r\n
- \r\n {\" \"}•{\" \"}unaffiliated parties, such as service providers that we\r\n use, analytics companies, marketing or advertising service\r\n providers, fraud prevention service providers, consumer data\r\n resellers, and other third parties that provide us with information,\r\n so we can better understand you and provide you with information and\r\n offers that may be of interest to you.\r\n \r\n
\r\n
personal information we derive
\r\n\r\n
\r\n
- \r\n
- \r\n {\" \"}•{\" \"}we may derive information or draw inferences about you\r\n based on the other types of personal data we collect. for example,\r\n we may infer your location based on your ip address, or your\r\n purchasing habits based on your browsing behavior on our services\r\n \r\n
\r\n
how we use your personal data
\r\n\r\n
\r\n we may collect and use personal data for various purposes, including to:\r\n
\r\n\r\n
\r\n
- \r\n
- \r\n {\" \"}•{\" \"}\r\n \r\n provide products and services.\r\n {\" \"}\r\n provide, maintain, and improve our data, products, promotional\r\n events, and services;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n \r\n complete transactions.\r\n {\" \"}\r\n complete the transactions you request, perform our contractual\r\n obligations, and as otherwise anticipated within the context of our\r\n ongoing business relationship;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n manage accounts. create\r\n and manage any account, profile, authenticity portal and membership\r\n account;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n \r\n service communications.\r\n {\" \"}\r\n send notifications related to your account, purchases, exchanges,\r\n and returns if applicable;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n respond to you. respond to\r\n your requests and any other communications from you, including to\r\n provide customer service;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n advertising and marketing.\r\n send advertising or marketing communications about products,\r\n services, offers, promotions, rewards, and promotional events\r\n offered by wonwonleywon and others, and provide news and information\r\n that we believe may be of interest to you. our marketing and\r\n advertising will be conducted in accordance with your advertising\r\n marketing preferences and as permitted by applicable law. we are\r\n compliant with canadian anti-spam legislation. for further details\r\n about canadian anti-spam legislation, please go here;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n events and offers. offer,\r\n conduct and administer promotional events, contests, prize draws,\r\n sweepstakes, and other promotions;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n \r\n research and development.\r\n {\" \"}\r\n conduct research and development;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n \r\n personalize your experience.\r\n {\" \"}\r\n monitor, analyze and audit your engagement with our brand and your\r\n interactions with our services and online ads to better understand\r\n your interests and behaviors and customize your experience;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n safety and security.{\" \"}\r\n detect and protect against malicious, deceptive, or illegal\r\n activity, including fraudulent transactions, error, negligence, and\r\n breach of contract, security incidents, and harm to the rights,\r\n property or safety of wonwonleywon and our users, customers,\r\n employees or others;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n troubleshooting. debug,\r\n identify and repair errors that impair existing intended\r\n functionality of our services;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n corporate transactions. we\r\n may process personal data in the context of corporate acquisitions,\r\n mergers, or other corporate transactions;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n your consent. we may\r\n process your personal data in accordance with your consent or\r\n instructions;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n \r\n comply with legal obligations.\r\n {\" \"}\r\n comply with our legal or regulatory obligations, including our tax\r\n obligations and those related to the prevention of fraud and money\r\n laundering, and those required for you to benefit from rights\r\n recognized by law, or any regulatory requirements or provisions; and\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n \r\n reasonable other purposes.\r\n {\" \"}\r\n as permitted by applicable law, carry out certain short-term\r\n activities and other reasonable purposes related to the products or\r\n services you purchase from us or your ongoing relationship with us.\r\n where required by applicable law, wonwonleywon will provide a notice\r\n of such data processing prior to using your personal data for such\r\n purposes.\r\n \r\n
\r\n
disclosure of personal data
\r\n\r\n
we may share personal data for the purposes described below:
\r\n\r\n
\r\n
- \r\n
- \r\n {\" \"}•{\" \"}\r\n \r\n with our affiliates and subsidiaries.\r\n {\" \"}\r\n we may share your personal data with our subsidiaries and affiliates\r\n for the purposes described in the “use of personal data” section\r\n above.\r\n \r\n
- \r\n {\" \"}•{\" \"}{\" \"}\r\n \r\n with our service providers.\r\n {\" \"}\r\n we may share personal data with unaffiliated companies or\r\n individuals we hire or work with that perform services on our\r\n behalf, including customer support, web hosting, information\r\n technology, payment processing, product fulfilment, fraud control,\r\n direct mail and email distribution, events, contest, sweepstakes and\r\n promotion administration, and advertising and analytics services.\r\n these third-party service providers have access to personal data\r\n needed to perform their services but may not use it for other\r\n purposes. since our service providers are located around the world,\r\n please note that these disclosures involve cross-border transfers of\r\n your personal data as described in the “data transfers” section\r\n below.{\" \"}\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n \r\n in connection with a corporate transaction.\r\n {\" \"}\r\n personal data may be disclosed or transferred as part of, or during\r\n negotiations of any purchase, sale, lease, merger, amalgamation, or\r\n any other type of acquisition, disposal, securitisation, or\r\n financing involving wonwonleywon.\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n \r\n with our professional advisors.\r\n {\" \"}\r\n we share personal data with our legal, financial, insurance, and\r\n other advisors in connection with the kinds of corporate\r\n transactions described above or in connection with the management of\r\n all or part of wonwonleywon’s business or operations.\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n \r\n with law enforcement authorities and individuals involved in legal\r\n proceedings.\r\n {\" \"}\r\n we disclose personal data when we believe doing so is reasonably\r\n necessary to comply with applicable law or legal process (including\r\n an enforceable request from authorities), to respond to claims\r\n (including inquiries by you in connection with your purchases from\r\n wonwonleywon), enforce or apply our terms of use, or to protect the\r\n rights, property, or personal safety of wonwonleywon, our users,\r\n employees, or others.\r\n \r\n
- \r\n {\" \"}•{\" \"}{\" \"}\r\n \r\n with your consent or at your direction.\r\n {\" \"}\r\n we share personal data with third parties when we have your consent\r\n to do so.{\" \"}\r\n \r\n
- \r\n {\" \"}•{\" \"}{\" \"}\r\n \r\n aggregated, anonymized or de-identified data.\r\n {\" \"}\r\n we may also share aggregated, anonymized, or de-identified\r\n information, which cannot reasonably be used to identify you.\r\n \r\n
\r\n
\r\n advertising and analytics services provided by others\r\n
\r\n\r\n
\r\n we may allow others to provide analytics services and serve\r\n advertisements on our behalf across the web. these entities may use\r\n cookies, web beacons, device identifiers, and other tracking\r\n technologies which collect information about your use of the services\r\n and other websites. this information may be used by wonwonleywon and\r\n others to, among other things, analyze and track data, determine the\r\n popularity of certain content, deliver advertising and content targeted\r\n to your interest on our services and other websites, and better\r\n understand your online activity.\r\n
\r\n\r\n
data transfers
\r\n\r\n
\r\n for the reasons and purposes set forth in this privacy policy, the\r\n personal data that we collect may be transferred to and stored or\r\n otherwise processed in the united states, canada, and other locations.\r\n we also transfer personal data to service providers that process\r\n personal data for us in the united states, canada and other locations.\r\n while in another jurisdiction for processing, your personal data may be\r\n accessed by the courts, law enforcement, and national security\r\n authorities of that jurisdiction. these jurisdictions may not provide\r\n the same level of data protection as your home jurisdiction.\r\n
\r\n\r\n
retention of personal data
\r\n\r\n
\r\n we retain personal data in accordance with applicable law. unless\r\n otherwise required by applicable law, wonwonleywon will take reasonable\r\n steps to destroy or permanently de-identify personal data we hold if\r\n such personal data is no longer needed for the purpose for which it was\r\n collected.\r\n
\r\n\r\n
personal data of children
\r\n\r\n
\r\n the services are not intended for children under the age of 18.\r\n wonwonleywon does not target our services to children under 18. if we\r\n discover that we have inadvertently collected personal data from users\r\n who are under the age of 18, we will take necessary steps to remove the\r\n personal data from our servers. if we do use, process or store data from\r\n users under the age of 18, it is with the express consent of their legal\r\n guardian.\r\n
\r\n\r\n
third-party sites
\r\n\r\n
\r\n please note that our websites contain links to third-party websites that\r\n are not controlled or operated by wonwonleywon. if you follow a link to\r\n any of these websites, please note that these websites have their own\r\n privacy policies and that wonwonleywon does not accept any\r\n responsibility or liability for these policies. please review these\r\n policies before you disclose any personal data when visiting such\r\n third-party websites.\r\n
\r\n\r\n
your choices
\r\n\r\n
\r\n consistent with applicable law, you may exercise any of the choices\r\n described in this section. as further explained below, some of your\r\n choices may be submitted via our privacy portal. please note that we may\r\n ask you to verify your identity and request before taking further action\r\n on your request.\r\n
\r\n\r\n
access and data portability
\r\n\r\n
\r\n in certain jurisdictions, applicable law may entitle you to request\r\n access to or copies of your personal data stored by wonwonleywon. you\r\n may also be entitled to request copies of personal data that you have\r\n provided to us in a structured, commonly used, and machine-readable\r\n format and/or request us to transmit this information to another service\r\n provider (where technically feasible).\r\n
\r\n\r\n
correction
\r\n\r\n
\r\n you may request that we correct and update your account or profile\r\n information.\r\n
\r\n\r\n
deletion
\r\n\r\n
\r\n in certain jurisdictions, applicable law may entitle you to request\r\n deletion of your personal data stored by wonwonleywon via the privacy\r\n portal. please note that if you request the erasure of your personal\r\n data, we may retain and/or use your personal data to:\r\n
\r\n\r\n
- \r\n
- \r\n {\" \"}•{\" \"}exercise our legitimate business interests, such as\r\n fraud detection and prevention and enhancing safety against\r\n malicious, deceptive, fraudulent or illegal activity, and/or to\r\n prosecute those responsible for such activity;{\" \"}\r\n \r\n
- \r\n {\" \"}•{\" \"}establish, exercise or defend legal claims, or comply\r\n with applicable law;\r\n \r\n
- \r\n {\" \"}•{\" \"}perform our contract to which you are a party or in\r\n order to take steps at your request prior to entering into a\r\n contract;\r\n \r\n
- \r\n {\" \"}•{\" \"} perform a task carried out in the public interest or\r\n in the exercise of official authority vested in wonwonleywon;\r\n \r\n
- \r\n {\" \"}•{\" \"}\r\n {\" \"}identify, debug and/or repair errors that impair intended\r\n functionality;\r\n \r\n
- \r\n {\" \"}•{\" \"}exercise free speech, and ensure the right of others to\r\n exercise their free speech or another right provided by law;\r\n \r\n
- \r\n {\" \"}•{\" \"}complete a transaction and/or provide a good or service\r\n requested by you or reasonably anticipated by you within the context\r\n of the business relationship, or to otherwise perform the contract;\r\n \r\n
- \r\n {\" \"}•{\" \"}protect your vital interests, or the vital interests of\r\n others; and,\r\n \r\n
- \r\n {\" \"}•{\" \"}as otherwise permitted under applicable law.\r\n \r\n
\r\n
marketing communications
\r\n\r\n
\r\n you may opt out of receiving promotional communications from us by\r\n following the instructions in those communications. if you opt out, we\r\n may still send you non-promotional communications, such as those about\r\n your account or our ongoing business relations.\r\n
\r\n\r\n
cookies and other tracking technology
\r\n\r\n
\r\n wonwonleywon uses strictly necessary cookies that are essential for you\r\n to browse our website and use its features, such as accessing secure\r\n areas of our website. most web browsers are set to accept cookies by\r\n default. if you prefer, you can usually set your browser to remove or\r\n reject cookies. please follow your browser’s process for doing so.\r\n please note that if you choose to remove or reject cookies, this could\r\n affect the availability and functionality of our websites.\r\n
\r\n\r\n
contact
\r\n\r\n
\r\n if you have any questions or comments about this privacy policy, you may\r\n email us at{\" \"}\r\n \r\n support@wonwonleywon.com.\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport Text from \"./Text\";\r\nimport styles from \"./css/TermsAndConditions.module.css\";\r\nimport Line from \"./Line\";\r\nimport { GrClose } from \"react-icons/gr\";\r\n\r\nexport default function TermsAndConditions(props) {\r\n return (\r\n\r\n
last updated may 30, 2022.
\r\n\r\n
\r\n wonwonleywon products inc. (“\r\n wonwonleywon”) is a luxury brand\r\n that operates an online store accessible at wonwonleywon.com and its\r\n subdomains (collectively, the “\r\n sites”).\r\n
\r\n\r\n wonwonleywon grants you access to the sites contingent on your\r\n acceptance of the terms, conditions and notices contained herein (the \"\r\n terms of use”) (together with our\r\n privacy policy, store policies and any other documents referred to\r\n herein). for the purposes of these terms of use, \"\r\n content\" means, collectively, any\r\n text, images, graphics, software, source code, specifications, audio\r\n files, videos, articles, trademarks, logos and other information or\r\n content available through the sites including but not limited to the\r\n design, structure, selection, coordination, expression, \"\r\n look and feel” and arrangement of\r\n such content.\r\n
\r\n\r\n
1. acceptance of terms
\r\n\r\n
\r\n please read these terms of use and wonwonleywon’s privacy policy\r\n carefully. by using the sites, on any computer, mobile phone, tablet,\r\n console, or other devices, you agree to these terms of use, and you\r\n consent to the collection, use and disclosure of information as\r\n described in these terms of use and our privacy policy (accessible at\r\n wonwonleywon.com/privacy-policy). if you do not agree to these terms of\r\n use and the terms and conditions of our privacy policy, you must exit\r\n the site immediately and discontinue any use of the sites and any of\r\n their content. your use of the sites shall be deemed to be your\r\n agreement to abide by each of the terms set forth below. wonwonleywon\r\n can change these terms at any time by posting updated terms of use on\r\n the sites or by sending registered users an email notice of the changes.\r\n if any modification is unacceptable to you, you shall cease using the\r\n sites.\r\n
\r\n\r\n\r\n
2. use of restrictions
\r\n\r\n
\r\n the sites may be accessed and used only by individuals who can form\r\n legally binding contracts under applicable laws, who are 18 years of age\r\n or older, and who are not barred from using the sites under applicable\r\n laws. users under the age of 18 may only use this site and purchase\r\n products with the express consent of their legal guardians. Write to\r\n
\r\n\r\n the sites are provided solely as a convenience to you for non-commercial\r\n use. you may access and use the sites only in accordance with all\r\n applicable laws and regulations and with these terms of use. you\r\n acknowledge and agree that wonwonleywon, in its sole discretion and\r\n without notice or any further obligation to you, may temporarily suspend\r\n or permanently discontinue and refuse any and all current and future,\r\n access to or use of the sites. you further agree that you will not: (a)\r\n resell for commercial purposes products purchased through use of the\r\n sites; (b); modify, distribute, transmit, display, perform, reproduce,\r\n publish, license, create derivative works of, transfer, or sell any\r\n content; and (c); other than for your use of the sites as expressly\r\n permitted in these terms of use, access or attempt to access any systems\r\n or servers on which the sites are hosted or modify or alter the sites in\r\n any way.\r\n
\r\n\r\n any unauthorized use of the sites will terminate the permission or\r\n license granted by these terms of use, will result in you being barred\r\n from use of the sites, and may violate applicable law including\r\n copyright laws, trademark laws (including trade dress), and\r\n communications regulations and statutes.\r\n
\r\n\r\n\r\n
3. copyright
\r\n\r\n
\r\n the content, sites, as well as the selection and arrangement thereof,\r\n are the sole property of wonwonleywon and/or its licensors and are\r\n protected by patent, copyright, trademark, and other intellectual\r\n property laws and may not be used except in accordance with these terms\r\n of use or with wonwonleywon's express written consent. other than as\r\n necessary for your use of the sites in accordance with these terms of\r\n use, wonwonleywon grants no other privileges or rights in the content to\r\n you, and you must keep intact all patent, copyright, trademark, and\r\n other proprietary notices on the content. any content owned by\r\n wonwonleywon's licensors may be subject to additional restrictions.\r\n except as expressly provided in these terms of use, sites and no content\r\n may be copied, reproduced, republished, uploaded, posted, publicly\r\n displayed, encoded, translated, transmitted, or distributed in any way\r\n to any other computer, server, web site, smart phone, tablet or other\r\n medium for publication or distribution or for any commercial enterprise,\r\n without wonwonleywon’s express prior written consent.\r\n
\r\n\r\n\r\n
4. copyright
\r\n\r\n
\r\n all trademarks, service marks, trade names, logos and trade dress,\r\n whether registered or unregistered (collectively the \"\r\n marks\") that appear on the sites\r\n are proprietary to wonwonleywon or such marks' respective owners. you\r\n may not display or reproduce the marks other than with the prior written\r\n consent of wonwonleywon, and you may not remove or otherwise modify any\r\n trademark notices from any content. the marks are protected by\r\n trademark, trade dress, copyright, and various other intellectual\r\n property rights and unfair competition laws.\r\n
\r\n\r\n\r\n
5. copyright and trademark infrigments
\r\n\r\n
\r\n wonwonleywon respects the intellectual property rights of others, and we\r\n ask you to do the same. wonwonleywon may, in appropriate circumstances\r\n and at our discretion, terminate service and/or access to the sites for\r\n users who infringe the intellectual property rights of others. if you\r\n believe that your work is the subject of copyright infringement and/or\r\n trademark infringement and appears on our sites, please provide\r\n wonwonleywon 's designated agent the following information required by\r\n the online copyright infringement liability limitation act of the\r\n digital millennium copyright act, 17 u.s.c. §512 ( \"\r\n dmca\"):{\" \"}\r\n \r\n support@wonwonleywon.com{\" \"}\r\n \r\n
\r\n\r\n\r\n
6. authenticator
\r\n\r\n
\r\n when you purchase a product, you will receive a stainless steel\r\n authenticity card that has a 16 digit number on the card, and you will\r\n also receive a password via email associated with that card. you may\r\n input that 16 digit number and password to access the authenticity\r\n portal. you are solely responsible for maintaining the security and\r\n confidentiality of your card number and password.\r\n
\r\n\r\n\r\n
7. store policy
\r\n\r\n
\r\n all product sales from the sites are governed by any store policies that\r\n may be posted on the sites. you should refer to our store policies to\r\n learn more about applicable product warranties, our return policy, and\r\n shipping terms. by ordering and/or accepting delivery of the products,\r\n you agree to be bound by these store policies. the terms of sale are\r\n subject to change without prior notice at any time, in wonwonleywon’s\r\n sole discretion so you should review the terms of sale each time you\r\n make a purchase.\r\n
\r\n\r\n\r\n
8. electronic communications
\r\n\r\n
\r\n you consent to receive electronic communications from wonwonleywon in\r\n the form of email sent to you at the email address listed on your\r\n account or by communications posted on the sites for any purpose. you\r\n acknowledge and agree that any electronic communication in the form of\r\n such email or posting on the sites and shall satisfy any legal\r\n requirement that such communication be in writing.\r\n
\r\n\r\n\r\n
9. modifications
\r\n\r\n
\r\n any content offered or posted on the sites is subject to modification or\r\n discontinuation at any time and from time to time without notice or\r\n obligation to you. without limiting the foregoing, wonwonleywon reserves\r\n the right, in its sole discretion, to charge fees for the use or\r\n purchase of, or access to, any products, services or content offered\r\n through the sites, at any time and from time to time.\r\n
\r\n\r\n\r\n\r\n
\r\n
10. indemnifications
\r\n\r\n
\r\n you agree to defend, indemnify and hold harmless wonwonleywon, its\r\n affiliates and their respective directors, officers, employees and\r\n agents against any losses, liabilities, claims, expenses (including\r\n lawyer’s fees) as a result of (i) your access to or use of the sites;\r\n (ii) your breach or alleged breach of these terms of use; (iii) your\r\n violation of any third-party right, including without limitation, any\r\n intellectual property right, publicity, confidentiality, property or\r\n privacy right; (iv) your violation of any laws, rules, regulations,\r\n codes, statutes, ordinances or orders of any governmental and\r\n quasi-governmental authorities, including, without limitation, all\r\n regulatory, administrative and legislative authorities; or (v) any\r\n misrepresentation made by you. this means that you will be responsible\r\n for any loss of damage we suffer because of your breach of these terms\r\n of use.\r\n
\r\n\r\n\r\n
11. links to third-party sites
\r\n\r\n
\r\n the sites may contain links to websites and other resources operated by\r\n third parties other than wonwonleywon. such links are provided solely as\r\n a convenience to you. wonwonleywon does not control such websites, and\r\n is not responsible for the content, products, services, or information\r\n offered by any third parties. the inclusion of links to such websites on\r\n the sites does not imply any endorsement of any website or the content,\r\n products or services offered, advertised, endorsed, or promoted by any\r\n third party, or of any company or person. if you decide to access any\r\n third-party websites or acquire any third-party products or services,\r\n you do so entirely at your own risk, and you may be subject to the terms\r\n and conditions and the privacy policies imposed by such third parties.\r\n
\r\n\r\n\r\n
12. linking to sites
\r\n\r\n
\r\n Yuriy Dmytrash you may link to our sites, provided you do so in a way\r\n that is fair and legal and does not damage our reputation or take\r\n advantage of it, but you must not establish a link in such a way as to\r\n suggest any form of association, approval, or endorsement on our part\r\n where none exists. you must not establish a link from any website that\r\n is not owned by you. the sites must not be framed on any other site, nor\r\n may you create a link to any part of the sites other than the home page.\r\n we reserve the right to withdraw linking permission without notice, for\r\n any or no reason. the website from which you are linking must comply in\r\n all respects with these terms of use.\r\n
\r\n\r\n\r\n
13. viruses, hacking and other offenses
\r\n\r\n
\r\n you must not misuse our sites by knowingly introducing viruses, trojans,\r\n worms, logic bombs or other material which is malicious or\r\n technologically harmful. you must not attempt to gain unauthorized\r\n access to our sites, the server on which our site is stored, or any\r\n server, computer or database connected to our sites. you must not attack\r\n our sites via a denial or service attack or distributed denial or\r\n service attack. we will report any such breach to the relevant law\r\n enforcements authorities, and we will co-operate with those authorities\r\n by disclosing your identity to them. in the event of such a breach, your\r\n right to use our sites will cease immediately. we will not be liable for\r\n any loss or damage caused by a distributed denial-of-service attack,\r\n viruses or other technologically harmful material that may infect your\r\n computer equipment, computer programs, data, or other proprietary\r\n material due to your use of our sites or to your downloading of any\r\n material posted on it, or on any website linked to it.\r\n
\r\n\r\n\r\n
14. warranties and disclaimer
\r\n\r\n
\r\n the site, submissions and any content provided via the site, including\r\n links, are provided on an \"as is\"\r\n and \"as available\" basis with no warranty of any kind. to the maximum\r\n extent permitted by law, wonwonleywon disclaims all representations,\r\n warranties and conditions, express or implied, with respect to the site,\r\n submissions, the content and any products or services, including,\r\n without limitation, warranties or conditions of merchantable quality,\r\n merchantability, durability, fitness for a particular purpose, title,\r\n non-infringement, freedom from errors, omissions, computer viruses or\r\n other malicious or unauthorized code or programs, and implied warranties\r\n or conditions arising from course of dealing or course of performance.\r\n in addition, wonwonleywon does not represent or warrant that the site,\r\n submissions, content or any products, services, or any other information\r\n accessible via the site or is secure, accurate, complete, or current or\r\n that any particular products or inventory will be available at our\r\n online store. as a condition of your use of the site, you warrant to\r\n wonwonleywon that you will not use the sites and/or for any purpose that\r\n is unlawful or prohibited by these terms of use. nothing in these terms\r\n of use shall affect your legal rights under applicable consumer laws.\r\n
\r\n\r\n in addition, the sites may contain typographical errors or inaccuracies\r\n and may not be complete or current. wonwonleywon therefore reserves the\r\n right to correct any errors, inaccuracies, or omissions (including after\r\n an order has been submitted) and to change or update information at any\r\n time without prior notice. please note that such errors, inaccuracies,\r\n or omissions may relate to pricing and availability, and to the extent\r\n permitted by applicable law, wonwonleywon reserves the right to cancel\r\n or refuse to accept any order placed based on incorrect pricing or\r\n availability information.\r\n
\r\n\r\n\r\n
15. limitation of liability
\r\n\r\n
\r\n wonwonleywon and its parent, affiliates, subsidiaries, officers,\r\n directors, employees, agents, suppliers, licensors and third party\r\n partners will not be liable for any indirect, special, punitive,\r\n incidental, exemplary, multiplied or consequential damages, lost profits\r\n or revenues or failure to realize expected savings, or any damages\r\n whatsoever, whether or not such party has been previously advised of the\r\n possibility of such damages, whether under contract, tort (including\r\n negligence) or any other theory, including, without limitation, arising\r\n out of or in connection with any loss or other damages in connection\r\n with any unavailability or non-performance of the site, errors,\r\n omissions, viruses and malicious code. you agree that any claim you may\r\n have arising out of or related to your relationship with wonwonleywon\r\n must be filed within one year after such claim arose; otherwise, your\r\n claim is permanently barred.\r\n
\r\n\r\n\r\n
16. arbitration and disclaimer
\r\n\r\n
\r\n to the maximum extent permitted by law, you and we agree that any and\r\n all disputes will be resolved exclusively and finally using binding\r\n arbitration and will only be conducted on an individual basis and not in\r\n a class, consolidated, representative or similar action, except as\r\n provided below. there is no judge or jury in arbitration, the discovery\r\n and other procedures are more limited and less formal, and court review\r\n of an arbitration award is limited. the arbitrator must follow these\r\n terms of use and can award the same damages and relief as a court in an\r\n individual proceeding (including attorney’s fees).\r\n
\r\n\r\n acceptance of these terms of use constitutes a waiver of your right to\r\n litigate the dispute in any court, the opportunity to be heard by a\r\n judge or jury, and the ability to proceed in a class, consolidated,\r\n representative or similar action, except as provided below.\r\n
\r\n\r\n unless we mutually agree on a different location, arbitration shall\r\n occur in vancouver, british columbia. you waive any right to claim that\r\n such location is an inconvenient forum, and you agree not to sue us or\r\n bring arbitration in any other forum.\r\n
\r\n\r\n\r\n
17. Currency
\r\n\r\n
\r\n all prices are listed in usd and all purchases will be made in usd.\r\n wonwonleywon will not be responsible for foreign currency conversion\r\n rates, fees, surcharges in connection with purchases made in usd. please\r\n contact us at{\" \"}\r\n \r\n support@wonwonleywon.com{\" \"}\r\n {\" \"}\r\n for the cost in non-usd currencies.\r\n
\r\n\r\n\r\n
18. force majure
\r\n\r\n
\r\n wonwonleywon shall not be responsible for failure to fulfill contractual\r\n obligations for reasons beyond their control.\r\n
\r\n\r\n\r\n
19. governing law
\r\n\r\n
\r\n all litigation, court proceedings, arbitration proceedings, mediation\r\n proceedings, lawsuits, court hearings and other hearings or actions\r\n initiated in connection with the sites, and/or the content must and will\r\n be venued exclusively in vancouver, british columbia, canada. these\r\n terms of use and the relationship between you and wonwonleywon will be\r\n governed by the laws of the province of british columbia, canada, and\r\n the federal laws of canada applicable therein, without giving effect to\r\n principles of conflict of laws of any jurisdiction. the international\r\n sale of goods act of british columbia and the united nations convention\r\n on contracts for the international sale of goods will not apply in any\r\n way to these terms of use or to the transactions contemplated by these\r\n terms of use.\r\n
\r\n\r\n\r\n
20. miscellaneous
\r\n\r\n
\r\n if any provision of these terms of use is held to be invalid, illegal,\r\n or unenforceable in any respect under any applicable law or rule in any\r\n jurisdiction, such invalidity, illegality or unenforceability will not\r\n affect the effectiveness or validity of any provision in any other\r\n jurisdiction, and these terms of use will be reformed, construed and\r\n enforced in such jurisdiction as if such provision had never been\r\n contained herein. any headings or titles herein are for convenience\r\n only.\r\n
\r\n\r\n\r\n
21. language
\r\n\r\n
\r\n the official language of these terms of use exclusively shall be, and\r\n all communications and agreements between wonwonleywon and you and any\r\n proceedings in connection with these terms of use and/or your use of the\r\n sites, exclusively shall be made in, the english language. wonwonleywon\r\n and you waive any rights we may have under any other law to have these\r\n terms of use written in another language, and any translation of this\r\n terms of use will be for convenience only.\r\n
\r\n\r\n\r\n
22. no partnership
\r\n\r\n
\r\n you agree that no joint venture, partnership, employment, or agency\r\n relationship exists between you and wonwonleywon because of these terms\r\n of use, our privacy policy, or any use of the sites. wonwonleywon's\r\n performance of these terms of use is subject to existing laws and legal\r\n process, and nothing contained in these terms of use, or our privacy\r\n policy is in derogation of wonwonleywon's right to comply with law\r\n enforcement requests or requirements relating to your use of the sites\r\n or information provided to or gathered by wonwonleywon with respect to\r\n such use.\r\n
\r\n\r\n\r\n
23. entire agreement
\r\n\r\n
\r\n these terms of use, cookie policy and our privacy policy constitute the\r\n entire agreement between you and wonwonleywon with respect to the sites,\r\n and they supersede all prior or contemporaneous communications and\r\n proposals, whether electronic, oral, or written, between you and\r\n wonwonleywon with respect to the sites.\r\n
\r\n\r\n\r\n
24. questions or concerns
\r\n\r\n
\r\n if you have any concerns about material which appears on this website,\r\n please contact us by emailing us at:{\" \"}\r\n \r\n support@wonwonleywon.com{\" \"}\r\n \r\n
\r\n\r\n\r\n
wonwonleywon store policies
\r\n\r\n\r\n
1. duties
\r\n\r\n
\r\n there are no duties payable if we ship our products to canada or the\r\n usa. if we ship our products outside of canada or the usa, you may be\r\n charged duties, customs charges, and other import fees. the shipping\r\n provider will collect these charges at the time of delivery. we do not\r\n know the amount of these costs, but you will know the specific amount at\r\n the time of delivery. you may contact your local customs office to ask\r\n what these additional costs could be prior to purchase. any duties,\r\n customs charges, and other import fees are your responsibility to pay.\r\n
\r\n\r\n\r\n
2. taxes
\r\n\r\n
\r\n taxes will be calculated at checkout if we ship our products to canada\r\n or the usa. if we ship our products outside of canada or the usa, you\r\n may be charged taxes. the shipping provider will collect these taxes at\r\n the time of delivery. we do not know the tax amount, but you will know\r\n the specific amount at the time of delivery. you may contact your local\r\n customs office to ask what these additional costs could be prior to\r\n purchase. any taxes payable will be your responsibility.\r\n
\r\n\r\n\r\n
3. international orders
\r\n\r\n
\r\n customers who access and use the wonwonleywon.com website from outside\r\n canada are responsible for complying with their local laws and\r\n regulations. when you place an order and select a shipping address\r\n outside of canada you or your designated consignee are the importer of\r\n record and as such are authorizing wonwonleywon to import the goods to\r\n your destination country on your behalf. furthermore, you agree that\r\n wonwonleywon may delegate the obligation to import the goods on your\r\n behalf to a subcontractor (e.g. customs broker). ultimately you or your\r\n designated consignee as importer of record are responsible to pay the\r\n applicable duties, taxes, customs charges and any other import fees to\r\n your local customs authorities. you may contact your local customs\r\n office to ask what these additional costs could be prior to purchase.\r\n
\r\n\r\n\r\n
4. shipping methods
\r\n\r\n
\r\n we deliver our products all over the world via dhl, fedex, ups, or\r\n canada post. please make sure to fill out your correct shipping address\r\n when checking out, as once products are shipped, a change of delivery\r\n address is not possible.\r\n
\r\n5. shipping cost
\r\n\r\n
\r\n we do not provide free shipping. to know the exact shipping cost, you\r\n must proceed to checkout and provide your shipping address.\r\n
\r\n\r\n\r\n
6. delivery time
\r\n\r\n
\r\n delivery time for all products will take approximately 3-7 business days\r\n if shipping to canada or the usa. 5-10 business days if shipping outside\r\n of canada or the usa. if you need rush shipping, email us at\r\n support@wonwonleywon.com, and we can potentially get you our products in\r\n approximately 2 business days.\r\n
\r\n\r\n\r\n
7. returns
\r\n\r\n
all sales final. no returns. no refunds. no exchanges.
\r\n\r\n\r\n
8. prices and currencies
\r\n\r\n
\r\n all prices are only displayed in usd and will be charged in usd on\r\n whichever payment method you use.\r\n
\r\n\r\n\r\n
9. change country and currecy
\r\n\r\n
\r\n you cannot change the country to see prices in different currencies, and\r\n all prices are only displayed and billed in usd. if you want to know the\r\n price of our products in a different currency, email us at{\" \"}\r\n \r\n support@wonwonleywon.com\r\n \r\n
\r\n\r\n\r\n
10. payment methods
\r\n\r\n
\r\n you can purchase our products using any of the following debit or credit\r\n cards: visa, mastercard, american express, china unionpay, japan credit\r\n bureau, discover, diners club, maestro. you can also purchase our\r\n products using paypal.\r\n
\r\n\r\n\r\n
11. international transaction fees
\r\n\r\n
\r\n because all of our prices are in usd, if your bank does not normally\r\n transact in usd, you may be charged an additional fee from your bank. we\r\n do not know the amount. however, we assume it should be minimal.\r\n
\r\n\r\n\r\n
12. payment
\r\n\r\n
\r\n we use stripe and paypal as our third-party payment processors thus we\r\n do not collect any banking or financial information.\r\n
\r\n\r\n\r\n
13. currency
\r\n\r\n
\r\n all prices are listed in usd and all purchases will be made in usd.\r\n wonwonleywon will not be responsible for foreign currency conversion\r\n rates, fees, surcharges in connection with purchases made in usd. please\r\n contact us at{\" \"}\r\n \r\n support@wonwonleywon.com{\" \"}\r\n {\" \"}\r\n for the cost in non-usd currencies.\r\n
\r\n\r\n\r\n
14. authenticity portal
\r\n\r\n
\r\n to ensure people are not creating or selling fake wonwonleywon products\r\n we have developed an authenticity portal displayed on the homepage of\r\n our website. to prove you own a real wonwonleywon and not a fake product\r\n you must be able to login to the authenticity portal. if you cannot log\r\n in you own a fake product. if you can log in, you will see photographs\r\n of the product with the matching authenticity card. you must own that\r\n product with the matching authenticity card to ensure you own a real\r\n wonwonleywon. all data collected will not be shared with any third party\r\n and will only be used to track which customer currently owns a real\r\n wonwonleywon product with their email and password linked to that\r\n specific product.\r\n
\r\n\r\n\r\n
15. sizes
\r\n\r\n
\r\n some products come in one size as shown in the product dimensions page\r\n on the website. some products are sold in multiple different sizes. the\r\n products sold in multiple different sizes may have a size finder and\r\n size guide to help the customer determine which size to order. for the\r\n size finder we will ask the customer for their email address to analyze\r\n their answers. all data collected will not be shared with any third\r\n party and will only be used to provide the customer with an answer on\r\n which product size to purchase.\r\n
\r\n\r\n\r\n
16. membership
\r\n\r\n
\r\n to know when we release a new collection or new products within a\r\n collection, a person can become a member by providing wonwonleywon with\r\n their email address. all emails collected will not be shared with any\r\n third party.\r\n
\r\n \r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport BackButton from \"../../main/BackButton\";\r\nimport ClickHere from \"../../main/ClickHere\";\r\nimport Line from \"../../main/Line\";\r\nimport Text from \"../../main/Text\";\r\nimport styles from \"./css/Member.module.css\";\r\nimport axios from \"../../../axios-backend\";\r\nimport PolicyLine from \"../../main/PolicyLine\";\r\nimport PrivacyPolicy from \"../../main/PrivacyPolicy\";\r\nimport TermsAndConditions from \"../../main/TermsAndConditions\";\r\n\r\nexport default function Membership(props) {\r\n const [show, setShow] = useState(false);\r\n const [email, setEmail] = useState(\"\");\r\n const [showPolicy, setShowPolicy] = useState(false);\r\n const [showTerms, setShowTerms] = useState(false);\r\n const validate = (email) => {\r\n const expression =\r\n /(?!.*\\.{2})^([a-z\\d!#$%&'*+\\-\\/=?^_`{|}~\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]+(\\.[a-z\\d!#$%&'*+\\-\\/=?^_`{|}~\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]+)*|\"((([ \\t]*\\r\\n)?[ \\t]+)?([\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x7f\\x21\\x23-\\x5b\\x5d-\\x7e\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0d-\\x7f\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]))*(([ \\t]*\\r\\n)?[ \\t]+)?\")@(([a-z\\d\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]|[a-z\\d\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF][a-z\\d\\-._~\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]*[a-z\\d\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])\\.)+([a-z\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]|[a-z\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF][a-z\\d\\-._~\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]*[a-z\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])\\.?$/i;\r\n\r\n return expression.test(String(email).toLowerCase());\r\n };\r\n const handleSubmit = () => {\r\n if (!email || !validate(email)) {\r\n alert(\"please input a correct email.\");\r\n return;\r\n }\r\n const isMember = parseInt(sessionStorage[\"isMember\"]);\r\n if (isMember > 5) {\r\n alert(\"sorry. please try again in a few minutes.\");\r\n } else {\r\n sessionStorage[\"isMember\"] = isMember + 1;\r\n axios\r\n .post(\"/member\", { email })\r\n .then((data) => {\r\n if (data.data.status === 200) {\r\n alert(\"received.\");\r\n props.history.goBack();\r\n } else {\r\n alert(\"sorry. please try again in a few minutes.\");\r\n }\r\n })\r\n .catch((error) => {\r\n alert(\"sorry. please try again in a few minutes.\");\r\n });\r\n }\r\n };\r\n return (\r\n <>\r\n\r\n {\r\n setEmail(e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n The most exclusive luxury brand in the world...with a philanthropic mission.\r\n
\r\n\r\n In connection with our mission, we have a strict company policy to donate a portion of each years profits, and 100% of profits for our events, to a charity that will help support people to be the you. \r\n
\r\n\r\n Some examples of events will be: sport tournaments, concerts and auctions.\r\n
\r\n\r\n For the year 2020, the category specific charity we will donate towards is – mental health. The specific charity groups, within the mental health space, will be decided upon near the end of 2020.\r\n
\r\n\r\n For all future years, we will decide upon the category charity at the beginning of the year, and donate to the charities within that grouping. Some example charity groupings, to “support people to be the best you” are charities that specialize in – mind, body, knowledge or joy.\r\n
\r\n\r\n So please, join us on our journey: one product at a time, merging luxury and philanthropy, to support people to be the best version of themselves.\r\n
\r\n\r\n
\r\n #2. some products will have one, two, or more colors on the product. however, most products will have one main color with additional colors on the product.\r\n
\r\n
\r\n #3. every product is 1 of 1. lives by the law known as one of one luxury.\r\n
\r\n
\r\n #4. we use color to create products that are 1 of 1. the colors will only and always be picked from the following: black, blue, brown, green, grey, orange, pink, purple, red, white, and yellow. these colors shall be known as the wonwonleywon brand colors.\r\n
\r\n
\r\n #5. we also create products that are 1 of 1 not linked to any collection. these are singular 1 of 1 products.\r\n
\r\n
\r\n #2. currently, we only sell products on this{\" \"}\r\n \r\n website\r\n \r\n , which is our digital boutique.\r\n
\r\n
\r\n #3. the release date of new collections or new products\r\n will happen randomly. to know when we release a new\r\n collection or new products, become a {\" \"}\r\n \r\n member\r\n \r\n .\r\n
\r\n \r\n {images?.map((i, index) => {\r\n return (\r\n \r\n
\r\n \r\n {lastVisited && setTimeout(() => window.scrollTo(0, lastVisited), 0)}\r\n
\r\n \r\n ) : (\r\n <>\r\n );\r\n};\r\nexport default ProductDetails;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport 'react-lazy-load-image-component/src/effects/blur.css';\r\nimport { NavLink } from \"react-router-dom\";\r\nimport axios from '../../../axios-backend';\r\nimport BackButton from '../../main/BackButton';\r\nimport Line from \"../../main/Line\";\r\nimport SwiperSlider from '../../main/SwiperSlider';\r\nimport classes from \"../css/Home.module.css\";\r\nexport default function ProductDimensions(props) {\r\n const { type } = props.location.state;\r\n\r\n const [images, setImages] = useState([]);\r\n useEffect(() => {\r\n axios.get(`/get-imgs-by-pid`, {\r\n params: {\r\n id: type,\r\n type: 3\r\n }\r\n }).then(data => {\r\n setImages(data.data.imgs)\r\n });\r\n }, []);\r\n\r\n return <>\r\n \r\n\r\n \r\n {images.map((i, index) => {\r\n return (\r\n \r\n
\r\n ;\r\n}\r\n","import React, { Component } from 'react';\r\nimport Text from \"../../main/Text\";\r\nimport BackButton from '../../main/BackButton';\r\n\r\n\r\nclass ProductPrice extends Component {\r\n render() {\r\n return (\r\n <>\r\n \r\n This is product price page\r\n
\r\n\r\n {props.title}\r\n \r\n
\r\n \r\n {\r\n props.list.map(\r\n item => {\r\n // if (props.soldOut && item.soldout) {\r\n // return \r\n // {item.text}\r\n // \r\n // } else {\r\n return {\r\n setSelectedSize(item.size);\r\n props.selectFunction(item);\r\n setIsShow(false)\r\n }}>\r\n {item.size}\r\n \r\n // }\r\n })\r\n }\r\n
\r\n\r\n \r\n )\r\n}\r\n","import React from \"react\";\r\nimport { LazyLoadImage } from \"react-lazy-load-image-component\";\r\nimport \"react-lazy-load-image-component/src/effects/blur.css\";\r\nimport Text from \"../../../main/Text\";\r\nimport styles from \"./css/SizeLine.module.css\";\r\n\r\nexport default function SizeLine(props) {\r\n console.log(props.guide);\r\n // 1 normal 2 less 3 greater 4 length\r\n const { name, fromCm, fromInches, toCm, toInches, imageUrl, type } = props.guide;\r\n const loadUnit = () => {\r\n if (type === 1) {\r\n if (props.unit === \"IN\") {\r\n return (\r\n <>\r\n {fromInches} IN - {toInches} IN\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n {fromCm} CM - {toCm} CM\r\n \r\n );\r\n }\r\n } else if (type === 2) {\r\n if (props.unit === \"IN\") {\r\n return (\r\n <>\r\n LESS THAN {toInches} IN\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n LESS THAN {toCm} CM\r\n \r\n );\r\n }\r\n } else if (type === 3) {\r\n if (props.unit === \"IN\") {\r\n return (\r\n <>\r\n MORE THAN {fromInches} IN\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n MORE THAN {fromCm} CM\r\n \r\n );\r\n }\r\n } else {\r\n if (props.unit === \"IN\") {\r\n return (\r\n <>\r\n {fromInches} IN\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n {fromCm} CM\r\n \r\n );\r\n }\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {name}
\r\n {loadUnit()}
\r\n \r\n \r\n {type === 4 ? (\r\n \r\n *the t-shirt will be approximately {props.unit === \"IN\" ? \" \" + fromInches + \" inches\" : \" \" + fromCm + \" cm\"} long if you order this\r\n size. if you want a different length, pick another size.\r\n \r\n ) : (\r\n \" \"\r\n )}\r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { LazyLoadImage } from \"react-lazy-load-image-component\";\r\nimport \"react-lazy-load-image-component/src/effects/blur.css\";\r\nimport styles from \"./css/GuideWithDescription.module.css\";\r\n\r\nexport default function GuideWithDescription(props) {\r\n const { name, largeImgUrl, fromCm, fromInches, description, type } = props.guide;\r\n const text = `Measure from the high point of your shoulder to ${\r\n props.unit === \"IN\" ? fromInches + \" inches\" : fromCm + \" cm\"\r\n }. This measurement should be approximately \r\n where the t-shirt will end on your body if you \r\n purchase this size.`;\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport styles from './css/SizeGuide.module.css';\r\nimport Selector from '../../../main/Selector';\r\nimport Line from '../../../main/Line';\r\nimport { GrClose } from \"react-icons/gr\";\r\nimport Text from '../../../main/Text';\r\nimport SizeLine from './SizeLine';\r\nimport GuideWithDescription from './GuideWithDescription'\r\nimport axios from '../../../../axios-backend';\r\n\r\n\r\nexport default function SizeGuide(props) {\r\n const [sizeId, setSizeId] = useState(0);\r\n const [sizeDescription, setSizeDescription] = useState('');\r\n const [guides, setGuides] = useState([]);\r\n const [unit, setUnit] = useState(\"IN\");\r\n const switcherFnc = (type) => {\r\n if (type === 'IN') {\r\n setUnit(\"IN\");\r\n } else {\r\n setUnit(\"CM\");\r\n }\r\n }\r\n useEffect(() => {\r\n if (sizeId) {\r\n axios.get('/size-guides-for-product', {\r\n params: {\r\n sizeId, gender: props.gender\r\n }\r\n }).then(data => {\r\n if (data.data.status === 200 && data.data.list.length) {\r\n setGuides(data.data.list)\r\n } else {\r\n setGuides([])\r\n }\r\n }).catch(r => {\r\n setGuides([]);\r\n console.log(r)\r\n })\r\n }\r\n }, [sizeId])\r\n return (\r\n {name}
\r\n\r\n {type !== 4 ? description : text}
\r\n\r\n \r\n \r\n {\r\n props.closeFun();\r\n }} />\r\n \r\n {\r\n console.log(item)\r\n setSizeId(item.sizeId);\r\n if (props.gender == 1) {\r\n setSizeDescription(item.menDescription);\r\n } else {\r\n setSizeDescription(item.description);\r\n }\r\n\r\n }}\r\n sizeId={sizeId} />\r\n {\r\n sizeId ?\r\n <>\r\n \r\n {sizeDescription}\r\n \r\n \r\n { switcherFnc(\"IN\") }}>Inches\r\n { switcherFnc(\"CM\") }}>Centimeters\r\n \r\n {\r\n guides.map((item, index) => {\r\n return (\r\n How to measure yourself – view below\r\n \r\n {\r\n guides.map((item, index) => {\r\n return (\r\n If you have any questions about how to pick your\r\n correct size, please email us at support@wonwonleywon.com\r\n \r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport styles from './css/RadioButton.module.css';\r\n\r\nexport default function RadioButton(props) {\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n","import React from 'react';\r\nimport Line from '../../../main/Line';\r\n// import styles from './css/SelectionLine.module.css';\r\nimport RadioButton from '../../../main/RadioButton'\r\n\r\nexport default function SelectionLine(props) {\r\n return (\r\n {props.children}
\r\n \r\n {\r\n props.closeFun();\r\n setPlaying(false);\r\n }} />\r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport 'react-lazy-load-image-component/src/effects/blur.css';\r\nimport ClickHere from '../../../main/ClickHere';\r\nimport Line from '../../../main/Line';\r\nimport VideoPlayer from '../../../main/VideoPlayer';\r\nimport ButtonsLine from './ButtonsLine';\r\nimport styles from './css/InsertValue.module.css';\r\n\r\n\r\nexport default function InsertValue(props) {\r\n const [unit, setUnit] = useState(\"IN\");\r\n const [measurement, setMeasurement] = useState();\r\n const [showVideo, setShowVideo] = useState(false);\r\n const switcherFnc = (type) => {\r\n if (type === 'IN') {\r\n setUnit(\"IN\");\r\n } else {\r\n setUnit(\"CM\");\r\n }\r\n }\r\n const { imgUrl, videoUrl, shortName, sIndex } = props.step;\r\n\r\n const changeAnswer = (val) => {\r\n const temp = JSON.parse(JSON.stringify(props.answer));\r\n temp[sIndex] = { shortName, val };\r\n props.setAnswer(temp);\r\n }\r\n useEffect(() => {\r\n setUnit(\"IN\");\r\n setMeasurement('')\r\n }, [sIndex])\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Insert measurement here
\r\n { setMeasurement(e.target.value) }} value={measurement} />\r\n {unit}\r\n
\r\n \r\n { setMeasurement(e.target.value) }} value={measurement} />\r\n {unit}\r\n
\r\n Insert email here\r\n { setEmail(e.target.value) }} className={styles.emailBox} />\r\n
\r\n \r\n
\r\n\r\n Insert measurement here
\r\n\r\n
\r\n \r\n { setFt(e.target.value) }} value={ft} />\r\n ft\r\n
\r\n \r\n { setMeasurement(e.target.value) }} value={measurement} />\r\n in\r\n
\r\n \r\n Insert measurement here\r\n
\r\n { setMeasurement(e.target.value) }} value={measurement} />\r\n cm\r\n
\r\n \r\n { setMeasurement(e.target.value) }} value={measurement} />\r\n cm\r\n
\r\n {children}\r\n
\r\n )\r\n}\r\n","import React from 'react';\r\nimport ContentDiv from '../../../main/ContentDiv';\r\nimport Line from '../../../main/Line';\r\nimport ClickHere from '../../../main/ClickHere';\r\n\r\nexport default function StartOrEnd(props) {\r\n if (props.currentStep === 0) {\r\n return (\r\n <>\r\n \r\n *note - try to answer all questions, as the\r\n more you answer, the better advice we provide. specifically, try to answer the questions that require\r\n measuring your body, as those are the most\r\n important.\r\n
\r\n \r\n {\r\n props.closeFun();\r\n }} />\r\n \r\n {\r\n (currentStep === 0 || currentStep === total) ?\r\n { setCurrentStep(currentStep + 1) }} preStep={() => { setCurrentStep(currentStep - 1) }} currentStep={currentStep} total={total} />\r\n :\r\n { setCurrentStep(currentStep + 1) }} preStep={() => { setCurrentStep(currentStep - 1) }} currentStep={currentStep} total={total} />\r\n }\r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport BackButton from '../../main/BackButton';\r\nimport { NavLink } from \"react-router-dom\";\r\nimport classes from \"../css/Home.module.css\";\r\nimport Line from \"../../main/Line\";\r\nimport SizeGuide from './SizeGuide/SizeGuide';\r\nimport axios from '../../../axios-backend';\r\nimport SizeFinder from './SizeFinder/SizeFinder'\r\n\r\nexport default function ProductSizeGuide(props) {\r\n const { type, gender } = props.location.state;\r\n\r\n const [showSizeFinder, setShowSizeFinder] = useState(false);\r\n const [showSizeGuide, setShowSizeGuide] = useState(false);\r\n const [sizeList, setSizeList] = useState([]);\r\n\r\n useEffect(() => {\r\n axios.get(`/sizes-by-type`, { params: { 'tid': type, gender } }).then(data => {\r\n if (data.data.status === 200) {\r\n if (data.data.list.length === 0) {\r\n alert('sorry, no product');\r\n props.history.goBack();\r\n }\r\n else {\r\n console.log(data.data.list)\r\n setSizeList(data.data.list)\r\n }\r\n }\r\n });\r\n }, [])\r\n\r\n return (\r\n <>\r\n \r\n Step {currentStep} of {total - 1}\r\n
\r\n \r\n \r\n )\r\n })\r\n }\r\n
\r\n )\r\n })}\r\n
\r\n
\r\n )\r\n}\r\n","import React from 'react';\r\nimport styles from './css/Spinner.module.css';\r\n\r\nexport default function Spinner(props) {\r\n return (\r\n \r\n {props.text}\r\n
\r\n {props.children}\r\n \r\n
\r\n )\r\n}\r\n","import { PayPalButtons } from \"@paypal/react-paypal-js\";\r\nimport React from \"react\";\r\nimport axios from \"../../../../axios-backend\";\r\n\r\nconst PayPalCheckoutButton = (props) => {\r\n const {\r\n price,\r\n description,\r\n checkValidation,\r\n handleCreateOrder,\r\n setPending,\r\n pid,\r\n setErrormessage,\r\n } = props;\r\n return (\r\n Loading...
\r\n \r\n
\r\n\r\n \r\n shipping information \r\n \r\n {\r\n setCountryState(\"\");\r\n const countryName = e.target.value;\r\n const shippingFee = getShippingFee(countryName.split(\"-\")[0]);\r\n setCountry(countryName);\r\n setTax(\"0\");\r\n const newPrice =\r\n parseFloat(initUsPrice) + parseFloat(shippingFee);\r\n setPrice(\r\n Number.isInteger(newPrice)\r\n ? newPrice.toFixed(0)\r\n : newPrice.toFixed(2)\r\n );\r\n setShippingCost(shippingFee);\r\n // if (countryName === \"212-United States\") {\r\n // getTax(\"USA\", shippingFee);\r\n // } else if (countryName === \"34-Canada\") {\r\n // setPrice(parseInt(initUsPrice) + parseInt(shippingFee));\r\n // setShippingCost(shippingFee);\r\n // } else {\r\n // getTax(\"Other\", shippingFee);\r\n // }\r\n }}\r\n >\r\n \r\n \r\n {\r\n setName(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setPhone(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setEmail(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setAddress(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setAddress1(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setAddress2(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setUnit(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setCountryState(e.target.value);\r\n getTax(e.target.value, shippingCost);\r\n }}\r\n style={{ textTransform: \"lowercase\" }}\r\n >\r\n \r\n {\r\n setCountryState(e.target.value);\r\n }}\r\n style={{ textTransform: \"lowercase\" }}\r\n >\r\n \r\n {\r\n setCity(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setPostalCode(e.target.value);\r\n }}\r\n />\r\n \r\n\r\n {/* Discount */}\r\n \r\n {\r\n setDiscountCode(e.target.value);\r\n }}\r\n />\r\n\r\n handleDiscount()}\r\n >\r\n Apply\r\n \r\n \r\n \r\n \r\n {initUsPrice} USD\r\n \r\n \r\n \r\n {shippingCost} USD\r\n \r\n \r\n \r\n {tax !== \"0\" ? `${tax} usd` : \"0 usd\"}\r\n \r\n \r\n \r\n {country === \"34-Canada\" || country === \"212-United States\"\r\n ? \"0 usd\"\r\n : \"not included\"}\r\n \r\n \r\n \r\n {price} USD\r\n \r\n {country !== \"34-Canada\" && country !== \"212-United States\" ? (\r\n \r\n the shipping provider may collect duties, taxes, customs charges,\r\n and import fees, which is your responsibility to pay.{\" \"}\r\n \r\n ) : null}\r\n {/* ---------------- */}\r\n {/* Payment Information */}\r\n payment information \r\n how do you want to pay \r\n \r\n {\r\n setPaymentType(1);\r\n }}\r\n >\r\n debit or credit card\r\n \r\n \r\n \r\n {\r\n setPaymentType(2);\r\n }}\r\n >\r\n paypal\r\n \r\n \r\n \r\n {\r\n setCardName(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n number on card\r\n \r\n \r\n \r\n security code – cvc or cvv or ccv\r\n \r\n \r\n \r\n Expiry date\r\n \r\n \r\n \r\n billing address \r\n \r\n the address that matches your payment method\r\n \r\n \r\n {\r\n setHasBilling(false);\r\n }}\r\n >\r\n same as shipping address\r\n \r\n \r\n \r\n {\r\n setHasBilling(true);\r\n }}\r\n >\r\n use a different billing address\r\n \r\n \r\n {\r\n setShowTerms(true);\r\n }}\r\n clickPolicy={() => {\r\n setShowPolicy(true);\r\n }}\r\n />\r\n {errormessage} \r\n \r\n \r\n {\r\n if (validate()) {\r\n handleSubmit();\r\n }\r\n }}\r\n disabled={!stripe || pending}\r\n >\r\n place order\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n setCountryStateBilling(\"\");\r\n setCountryBilling(e.target.value);\r\n }}\r\n >\r\n \r\n \r\n {\r\n setNameBilling(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setPhoneBilling(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setEmailBilling(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setAddressBilling(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setAddress1Billing(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setAddress2Billing(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setUnitBilling(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setCountryStateBilling(e.target.value);\r\n }}\r\n style={{ textTransform: \"lowercase\" }}\r\n >\r\n \r\n {\r\n setCountryStateBilling(e.target.value);\r\n }}\r\n style={{ textTransform: \"lowercase\" }}\r\n >\r\n \r\n {\r\n setCityBilling(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setPostalCodeBilling(e.target.value);\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 Purchase;\r\n","import React from 'react';\r\nimport Text from '../../../main/Text';\r\nimport Line from '../../../main/Line';\r\nimport { GrClose } from \"react-icons/gr\";\r\n\r\nconst SuccessPaid = (props) => {\r\n\r\n return (\r\n <>\r\n \r\n \r\n Page for adding picture(s) to product. Please note that maximum 10 files per uploading\r\n \r\n {genderType === 2 ? \r\n picture type:\r\n \r\n \r\n check the type before uploading images\r\n \r\n : \r\n picture type:\r\n \r\n \r\n check the type before uploading images\r\n \r\n }\r\n \r\n picture index: {\r\n setIndex(e.target.value);\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 AdPicture;\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport Line from \"../main/Line\";\r\nimport BackButton from \"../main/BackButton\";\r\nimport axios from \"../../axios-backend\";\r\nimport Button from \"../main/Button\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst AdProductImage = (props) => {\r\n const paramsString = props.location.search.substring(1);\r\n const searchParams = new URLSearchParams(paramsString);\r\n const idRef = useRef(searchParams.get(\"id\"));\r\n const [currentImage, setCurrentImage] = useState([]);\r\n const [imgs, setImgs] = useState([]);\r\n\r\n useEffect(() => {\r\n getData();\r\n }, []);\r\n\r\n const getData = () => {\r\n axios\r\n .get(\"/product-image\", {\r\n params: { id: idRef.current },\r\n })\r\n .then((data) => {\r\n console.log(data.data.data);\r\n setCurrentImage(data.data.data[0].proImage);\r\n });\r\n };\r\n\r\n const handleImgDelete = (id) => {\r\n console.log(\"asdfasd\");\r\n axios\r\n .delete(\"/product-img\", {\r\n data: {\r\n id: idRef.current,\r\n },\r\n })\r\n .then((data) => {\r\n console.log(data);\r\n if (data.status === 200) {\r\n getData();\r\n }\r\n });\r\n };\r\n\r\n const handleChangeImg = (e) => {\r\n const files = e.target.files;\r\n if (files.length > 0 && files.length <= 10) {\r\n const length = files.length;\r\n for (let i = 0; i < 1; i++) {\r\n const preview = document.querySelector(`#img-files${i}`);\r\n preview.src = \"\";\r\n preview.style.display = \"none\";\r\n }\r\n const arr = [];\r\n for (let i = 0; i < length; i++) {\r\n const file = files[i];\r\n arr.push(file);\r\n const preview = document.querySelector(`#img-files${i}`);\r\n const reader = new FileReader();\r\n reader.onloadend = function () {\r\n preview.src = reader.result;\r\n preview.style.display = \"block\";\r\n };\r\n reader.readAsDataURL(file);\r\n }\r\n setImgs(arr);\r\n } else {\r\n alert(\"please select no more than 10 pictures\");\r\n return;\r\n }\r\n };\r\n\r\n const handleUpload = () => {\r\n let formData = new FormData();\r\n imgs.forEach((item) => {\r\n formData.append(\"imgs\", item);\r\n });\r\n formData.append(\"id\", idRef.current);\r\n axios({\r\n method: \"post\",\r\n url: \"/upload-product-img\",\r\n data: formData,\r\n headers: {\r\n \"Content-Type\": \"multipart/form-data\",\r\n },\r\n })\r\n .then((data) => {\r\n if (data.data.status === 200) {\r\n props.history.goBack();\r\n } else {\r\n alert(data.data.msg);\r\n }\r\n })\r\n .catch((r) => {\r\n console.log(r);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n \r\n ![img-product](\"\")
\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 handleImgDelete();\r\n }}\r\n >\r\n \r\n
\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setName(e.target.value);\r\n }}\r\n style={{ width: \"200px\" }}\r\n />\r\n \r\n\r\n \r\n \r\n {\r\n setPriceUs(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setTypeId(e.target.value);\r\n handleChangeType(e);\r\n }}\r\n >\r\n {types.map((e, index) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n {/* \r\n \r\n {\r\n setSingleProduct(e.target.checked);\r\n }}\r\n />\r\n */}\r\n {!singleproduct && \r\n \r\n {\r\n const arr = e.target.value.split(\"@\");\r\n setProductSize(arr[1]);\r\n setSizeId(arr[0]);\r\n }}\r\n >\r\n {sizes.map((e, index) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n }\r\n \r\n \r\n {\r\n setCardNumber(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setStatus(e.target.value);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {\r\n setGender(e.target.value);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {!singleproduct && \r\n \r\n {\r\n setColor(e.target.value);\r\n }}\r\n />\r\n }\r\n {/* \r\n \r\n {\r\n setPriceCanada(e.target.value);\r\n }}\r\n />\r\n */}\r\n {/* \r\n \r\n { setTracking(e.target.value) }} />\r\n */}\r\n \r\n \r\n {\r\n setRemoveShipmentCharge(e.target.checked);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AdProducts;\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport Line from \"../main/Line\";\r\nimport BackButton from \"../main/BackButton\";\r\nimport axios from \"../../axios-backend\";\r\nimport Button from \"../main/Button\";\r\n\r\nconst AddSizeGuideImages = (props) => {\r\n const paramsString = props.location.search.substring(1);\r\n const searchParams = new URLSearchParams(paramsString);\r\n const idRef = useRef(searchParams.get(\"id\"));\r\n const typeRef = useRef(searchParams.get('type'));\r\n const [currentImage, setCurrentImage] = useState([]);\r\n const [imgs, setImgs] = useState([]);\r\n\r\n useEffect(() => {\r\n getData();\r\n }, []);\r\n\r\n const getData = () => {\r\n axios\r\n .get(\"/size-guide\", {\r\n params: { id: idRef.current, type: typeRef.current },\r\n })\r\n .then((data) => {\r\n if (typeRef.current === 'imageUrl') {\r\n setCurrentImage(data.data.data[0].imageUrl);\r\n } else {\r\n setCurrentImage(data.data.data[0].largeImgUrl);\r\n }\r\n });\r\n };\r\n\r\n const handleImgDelete = (id) => {\r\n console.log(\"asdfasd\");\r\n axios\r\n .delete(\"/sg-img\", {\r\n data: {\r\n id: idRef.current,\r\n type: typeRef.current\r\n },\r\n })\r\n .then((data) => {\r\n console.log(data);\r\n if (data.status === 200) {\r\n getData();\r\n }\r\n });\r\n };\r\n\r\n const handleChangeImg = (e) => {\r\n const files = e.target.files;\r\n if (files.length > 0 && files.length <= 10) {\r\n const length = files.length;\r\n for (let i = 0; i < 1; i++) {\r\n const preview = document.querySelector(`#img-files${i}`);\r\n preview.src = \"\";\r\n preview.style.display = \"none\";\r\n }\r\n const arr = [];\r\n for (let i = 0; i < length; i++) {\r\n const file = files[i];\r\n arr.push(file);\r\n const preview = document.querySelector(`#img-files${i}`);\r\n const reader = new FileReader();\r\n reader.onloadend = function () {\r\n preview.src = reader.result;\r\n preview.style.display = \"block\";\r\n };\r\n reader.readAsDataURL(file);\r\n }\r\n setImgs(arr);\r\n } else {\r\n alert(\"please select no more than 10 pictures\");\r\n return;\r\n }\r\n };\r\n\r\n const handleUpload = () => {\r\n let formData = new FormData();\r\n imgs.forEach((item) => {\r\n formData.append(\"imgs\", item);\r\n });\r\n formData.append(\"id\", idRef.current);\r\n formData.append(\"type\", typeRef.current);\r\n axios({\r\n method: \"post\",\r\n url: \"/upload-sg-img\",\r\n data: formData,\r\n headers: {\r\n \"Content-Type\": \"multipart/form-data\",\r\n },\r\n })\r\n .then((data) => {\r\n if (data.data.status === 200) {\r\n props.history.goBack();\r\n } else {\r\n alert(data.data.msg);\r\n }\r\n })\r\n .catch((r) => {\r\n console.log(r);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n This is a panel for adding the products
\r\n\r\n {\r\n handleImgDelete();\r\n }}\r\n >\r\n \r\n
\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setSinglecollection(e.target.checked);\r\n }}\r\n />\r\n \r\n\r\n \r\n \r\n {\r\n setIssoldout(e.target.checked);\r\n }}\r\n />\r\n \r\n\r\n {/* ----------------------------------------- */}\r\n {/* selling soon or preSale */}\r\n \r\n \r\n {\r\n setPreSale(e.target.checked);\r\n }}\r\n />\r\n \r\n\r\n {/* selling soon or preSale text area -> only show if preSale is true */}\r\n {preSale && (\r\n \r\n \r\n {\r\n setPreSaleText(e.target.value);\r\n }}\r\n />\r\n \r\n )}\r\n {/* ----------------------------------- */}\r\n\r\n {/* ----------------------------------- */}\r\n {/* discount on collection */}\r\n \r\n \r\n {\r\n setDiscount(e.target.checked);\r\n }}\r\n />\r\n \r\n\r\n {/* selling soon or preSale text area -> only show if preSale is true */}\r\n {discount && (\r\n \r\n \r\n )}\r\n {/* ----------------------------------- */}\r\n\r\n \r\n \r\n {\r\n setName(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setAreaAmount(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setGender(e.target.value);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setUnisexPrice(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setProPrice(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setPhilanthropy(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setNameOf(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setMaterial(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setCare(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setMadeIn(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setDuties(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setShippingMethod(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setShippingCost(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setDeliveryTime(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setReturns(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setPriceAndCurrency(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setPaymentMethod(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setInternational(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setProImage(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setTaxes(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setDimensionBefore(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setDimensionDetails(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setLabel(e.target.value);\r\n }}\r\n />\r\n \r\n\r\n \r\n \r\n {\r\n setAuthPortalText(e.target.value);\r\n }}\r\n />\r\n \r\n {gender != \"0\" && (\r\n \r\n \r\n \r\n {/* {menproductimage !== \"\" && (\r\n \r\n )}\r\n {gender != \"1\" && (\r\n \r\n \r\n \r\n {/* {womenproductimage !== \"\" && (\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AdType;\r\n","import React, { useRef, useState } from \"react\";\r\nimport axios from \"../../axios-backend\";\r\nimport BackButton from \"../main/BackButton\";\r\nimport Button from \"../main/Button\";\r\nimport Line from \"../main/Line\";\r\n\r\nconst AdTypeVideo = (props) => {\r\n const paramsString = props.location.search.substring(1);\r\n const searchParams = new URLSearchParams(paramsString);\r\n const idRef = useRef(searchParams.get(\"id\"));\r\n\r\n const [currentVideo, setCurrentVideo] = useState(null);\r\n const [gender, setGender] = useState(\"\");\r\n const [video, setVideo] = useState('');\r\n\r\n const handleChangeVideo = (e) => {\r\n const file = e.target.files[0];\r\n if (file) {\r\n setVideo(file);\r\n } else {\r\n alert(\"please select a file\");\r\n return;\r\n }\r\n };\r\n\r\n const handleSave = () => {\r\n let formData = new FormData();\r\n formData.append(\"id\", idRef.current);\r\n // formData.append(\"price\", price);\r\n formData.append(\"gender\", gender);\r\n formData.append(\"video\", video);\r\n axios({\r\n method: \"post\",\r\n url: \"/upload-type-video\",\r\n data: formData,\r\n headers: {\r\n \"Content-Type\": \"multipart/form-data\",\r\n },\r\n })\r\n .then((data) => {\r\n console.log(data);\r\n if (data.data.status === 200) {\r\n props.history.goBack();\r\n } else {\r\n alert(data.data.msg);\r\n }\r\n })\r\n .catch((r) => {\r\n console.log(r);\r\n });\r\n };\r\n\r\n const handleSaveNew = () => {\r\n const params = { pId: idRef.current, url: video, gender };\r\n axios.post(\"/upload-type-video-new\", params).then(data => {\r\n if (data.data.status === 200) {\r\n alert('done')\r\n }\r\n });\r\n }\r\n\r\n const handleGenderChange = (e) => {\r\n setGender(e.target.value);\r\n axios\r\n .get(\"/get-type-video\", {\r\n params: {\r\n id: idRef.current,\r\n gender: e.target.value,\r\n },\r\n })\r\n .then((data) => {\r\n if (!data) {\r\n return;\r\n } else {\r\n setVideo(data.data.video.videoUrl);\r\n // setCurrentVideo(data.data.video.videoUrl);\r\n }\r\n });\r\n };\r\n\r\n const handleDelete = () => {\r\n const result = window.confirm(\r\n \"Are you sure you want to delete this video?\"\r\n );\r\n if (result) {\r\n axios\r\n .delete(\"/types-video\", { data: { id: idRef.current, gender } })\r\n .then((data) => {\r\n props.history.goBack();\r\n });\r\n }\r\n };\r\n\r\n return (\r\n This is a panel for adding the types
\r\n\r\n \r\n {\r\n setDiscountCode(e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n \r\n {\r\n setDiscountAmount(e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n \r\n {menproductimage}\r\n \r\n
\r\n )} */}\r\n \r\n {womenproductimage}\r\n \r\n
\r\n )} */}\r\n \r\n \r\n This is a page for adding videos. if you add a unisex video, it will be\r\n displayed on both women and men sides\r\n \r\n \r\n {\r\n handleGenderChange(e);\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 {/* //#region\r\n {!currentVideo ? (\r\n <>\r\n \r\n \r\n \r\n {\r\n gender === \"\"\r\n ? window.alert(\"please select gender\")\r\n : handleSave();\r\n }}\r\n >\r\n Upload{\" \"}\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n //#endregion */}\r\n \r\n Note: Copy and paste the url of the collection video that you uploaded to Wistia\r\n \r\n \r\n \r\n {\r\n setVideo(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n {\r\n gender === \"\"\r\n ? window.alert(\"please select gender\")\r\n : handleSaveNew();\r\n }}\r\n >\r\n Upload\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AdTypeVideo;\r\n","import React, { useState } from \"react\";\r\nimport Button from \"../main/Button\";\r\nimport BackButton from \"../main/BackButton\";\r\nimport Line from \"../main/Line\";\r\nimport axios from \"../../axios-backend\";\r\n\r\nconst AdVideo = (props) => {\r\n const [video, setVideo] = useState();\r\n\r\n const handleSave = () => {\r\n let formData = new FormData();\r\n formData.append(\"productId\", props.match.params.id);\r\n formData.append(\"video\", video);\r\n\r\n axios({\r\n method: \"post\",\r\n url: \"/upload-video\",\r\n data: formData,\r\n headers: {\r\n \"Content-Type\": \"multipart/form-data\",\r\n },\r\n })\r\n .then((data) => {\r\n console.log(data);\r\n if (data.data.status === 200) {\r\n props.history.goBack();\r\n } else {\r\n alert(data.data.msg);\r\n }\r\n })\r\n .catch((r) => {\r\n console.log(r);\r\n });\r\n };\r\n\r\n const handleChangeVideo = (e) => {\r\n const file = e.target.files[0];\r\n if (file) {\r\n setVideo(file);\r\n } else {\r\n alert(\"please select a file\");\r\n return;\r\n }\r\n };\r\n return (\r\n \r\n Page for adding video to product \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AdVideo;\r\n","import React, { Component } from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport classes from \"./css/AdminHome.module.css\";\r\nimport Line from \"../main/Line\";\r\n\r\nclass AdminHome extends Component {\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setName(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n console.log(e.target.value);\r\n setTypeId(e.target.value);\r\n }}\r\n >\r\n {types.map((e, index) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n {\r\n setGender(e.target.value);\r\n console.log(e.target.value);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setDescription(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setMenDescription(e.target.value);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default EditSize;\r\n","export const canadianTaxes = {\r\n \"Alberta\": {\r\n gst: 5,\r\n pst: 0,\r\n qst: 0,\r\n hst: 0,\r\n total: 5,\r\n },\r\n \"British Columbia\": {\r\n gst: 5,\r\n pst: 7,\r\n qst: 0,\r\n hst: 0,\r\n total: 12,\r\n },\r\n \"Manitoba\": {\r\n gst: 5,\r\n pst: 7,\r\n qst: 0,\r\n hst: 0,\r\n total: 12,\r\n },\r\n \"New Brunswick\": {\r\n gst: 0,\r\n pst: 0,\r\n qst: 0,\r\n hst: 15,\r\n total: 15,\r\n },\r\n \"Newfoundland and Labrador\": {\r\n gst: 0,\r\n pst: 0,\r\n qst: 0,\r\n hst: 15,\r\n total: 15,\r\n },\r\n \"Northwest Territories\": {\r\n gst: 5,\r\n pst: 0,\r\n qst: 0,\r\n hst: 0,\r\n total: 5,\r\n },\r\n \"Nunavut\": {\r\n gst: 5,\r\n pst: 0,\r\n qst: 0,\r\n hst: 0,\r\n total: 5,\r\n },\r\n \"Nova Scotia\": {\r\n gst: 0,\r\n pst: 0,\r\n qst: 0,\r\n hst: 15,\r\n total: 15,\r\n },\r\n \"Ontario\": {\r\n gst: 0,\r\n pst: 0,\r\n qst: 0,\r\n hst: 13,\r\n total: 13,\r\n },\r\n \"Prince Edward Island\": {\r\n gst: 0,\r\n pst: 0,\r\n qst: 0,\r\n hst: 15,\r\n total: 15,\r\n },\r\n \"Quebec\": {\r\n gst: 5,\r\n pst: 0,\r\n qst: 9.975,\r\n hst: 0,\r\n total: 14.975,\r\n },\r\n \"Saskatchewan\": {\r\n gst: 5,\r\n pst: 6,\r\n qst: 0,\r\n hst: 0,\r\n total: 11,\r\n },\r\n \"Yukon\": {\r\n gst: 5,\r\n pst: 0,\r\n qst: 0,\r\n hst: 0,\r\n total: 5,\r\n },\r\n };","import React, { useEffect, useState } from \"react\";\r\nimport axios from \"../../axios-backend\";\r\nimport { canadianTaxes } from \"../../utils/canadianTaxes\";\r\nimport BackButton from \"../main/BackButton\";\r\nimport Line from \"../main/Line\";\r\n\r\nexport default function OrderDetails(props) {\r\n const [order, setOrder] = useState();\r\n\r\n useEffect(() => {\r\n const id = props.match.params.id;\r\n axios.get(`/orders/${id}`).then((p) => {\r\n if (p) {\r\n // console.log(p);\r\n setOrder(p.data);\r\n }\r\n });\r\n }, []);\r\n return (\r\n This is a panel for editing the size
\r\n\r\n \r\n Product name: {order.productName}\r\n \r\n\r\n \r\n Collection name: {order.typeName}\r\n \r\n\r\n \r\n Product Card number: {order.cardNumber}\r\n \r\n \r\n size: {order.size}\r\n \r\n \r\n \r\n gender:{\" \"}\r\n {order.gender == 2\r\n ? \"unisex\"\r\n : order.gender == 1\r\n ? \"men\"\r\n : \"women\"}\r\n \r\n \r\n \r\n Color: {order.color.join(\" \")}\r\n \r\n\r\n \r\n actual product price: $ {order.productPrice}\r\n \r\n\r\n \r\n \r\n discount code: {order.discountAmount === 0 ? \"discount not applied\" : order.discountCode}\r\n \r\n \r\n \r\n \r\n discount: {order.discountAmount}{\" \"}%\r\n \r\n \r\n \r\n \r\n product price (after discount): ${\" \"}\r\n {order.productPriceAfterDiscount}\r\n \r\n \r\n\r\n \r\n shipping price: $ {order.shippingFee}\r\n \r\n\r\n {/* canada tax */}\r\n {order.country == \"Canada\" && (\r\n <>\r\n \r\n \r\n gst:$\r\n {(\r\n (order.productPriceAfterDiscount *\r\n canadianTaxes[order.state].gst) /\r\n 100\r\n ).toFixed(2)}\r\n \r\n \r\n \r\n \r\n pst:$\r\n {(\r\n (order.productPriceAfterDiscount *\r\n canadianTaxes[order.state].pst) /\r\n 100\r\n ).toFixed(2)}\r\n \r\n \r\n \r\n \r\n qst:$\r\n {(\r\n (order.productPriceAfterDiscount *\r\n canadianTaxes[order.state].qst) /\r\n 100\r\n ).toFixed(2)}\r\n \r\n \r\n \r\n \r\n hst:$\r\n {(\r\n (order.productPriceAfterDiscount *\r\n canadianTaxes[order.state].hst) /\r\n 100\r\n ).toFixed(2)}\r\n \r\n \r\n \r\n \r\n total tax: ${\" \"}\r\n {(\r\n (order.productPriceAfterDiscount *\r\n canadianTaxes[order.state].total) /\r\n 100\r\n ).toFixed(2)}\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n duties: $ {order.duty}\r\n \r\n\r\n \r\n final Price: $ {order.finalPrice}\r\n \r\n \r\n payment ID: {order.checkoutCode}\r\n \r\n \r\n name: {order.name}\r\n \r\n \r\n email: {order.email}\r\n \r\n \r\n phone: {order.phone}\r\n \r\n \r\n country: {order.country}\r\n \r\n \r\n state: {order.state}\r\n \r\n \r\n city: {order.city}\r\n \r\n \r\n unit: {order.unit}\r\n \r\n \r\n address line 1: {order.address}\r\n \r\n \r\n address line 2: {order.address1}\r\n \r\n \r\n address line 3: {order.address2}\r\n \r\n \r\n postalCode: {order.postalCode}\r\n \r\n \r\n card Name: {order.cardName}\r\n \r\n \r\n \r\n checkout time:{\" \"}\r\n {new Date(order.checkoutTime).toLocaleString(\"en-US\", {\r\n timeZone: \"America/Vancouver\",\r\n })}\r\n \r\n \r\n {order.hasBilling ? (\r\n <>\r\n billing information \r\n \r\n name: {order.nameBilling}\r\n \r\n \r\n email: {order.emailBilling}\r\n \r\n \r\n phone: {order.phoneBilling}\r\n \r\n \r\n country: {order.countryBilling}\r\n \r\n \r\n state: {order.stateBilling}\r\n \r\n \r\n city: {order.cityBilling}\r\n \r\n \r\n unit: {order.unitBilling}\r\n \r\n \r\n address line 1: {order.addressBilling}\r\n \r\n \r\n address line 2: {order.address1Billing}\r\n \r\n \r\n address line 3: {order.address2Billing}\r\n \r\n \r\n postalCode: {order.postalCodeBilling}\r\n \r\n \r\n ) : null}\r\n \r\n ) : null}\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport styles from './css/Columns.module.css';\r\n\r\nexport default function Columns(props) {\r\n return (\r\n \r\n {props.children}\r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport axios from '../../axios-backend';\r\nimport ReactPaginate from 'react-paginate';\r\nimport Line from '../main/Line';\r\nimport Button from '../main/Button';\r\nimport BackButton from '../main/BackButton';\r\nimport './css/ViewProducts.css';\r\nimport Columns from '../main/Columns';\r\nconst md5 = require('md5');\r\n\r\nexport default function Orders(props) {\r\n const [orders, setOrders] = useState([]);\r\n const [pageCount, setPageCount] = useState();\r\n const pageSize = 10;\r\n\r\n useEffect(() => {\r\n getData(0)\r\n }, []);\r\n\r\n const getData = (offset) => {\r\n axios.get('/orders', {\r\n params: { offset, pageSize }\r\n }).then(p => {\r\n setPageCount(p.data.pageCount);\r\n setOrders(p.data.list);\r\n });\r\n }\r\n\r\n const handlePageClick = data => {\r\n let selected = data.selected;\r\n let offset = Math.ceil(selected * pageSize);\r\n getData(offset);\r\n };\r\n\r\n const renderOrders = () => {\r\n if (orders.length > 0) {\r\n return orders.map(o => {\r\n return (\r\n \r\n \r\n \r\n Name\r\n \r\n \r\n Card number\r\n \r\n \r\n Payment ID\r\n \r\n \r\n Type\r\n \r\n \r\n Status\r\n \r\n \r\n Final Price\r\n \r\n \r\n command\r\n \r\n \r\n {renderOrders()}\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport axios from '../../axios-backend';\r\nimport BackButton from '../main/BackButton';\r\nimport Button from '../main/Button';\r\nimport Countries from '../main/Countries';\r\nimport Line from '../main/Line';\r\n\r\n\r\nexport default function Shippings(props) {\r\n const [country, setCountry] = useState('-');\r\n const [price, setPrice] = useState()\r\n const [priceAll, setPriceAll] = useState();\r\n const [shippingId, setShippingId] = useState();\r\n\r\n const typeId = props.match.params.tid;\r\n\r\n const handleChangeAll = () => {\r\n if (!priceAll) return;\r\n axios.post(\"/add-shipping-all\", { price: priceAll, typeId }).then((data) => {\r\n if (data.data.status === 200) {\r\n alert('added shipping price for all countries')\r\n } else {\r\n alert('something wrong');\r\n }\r\n });\r\n }\r\n const handleSubmit = () => {\r\n if (shippingId && price && country != '-') {\r\n axios.patch(\"/shippings\", { price, typeId, id: shippingId, countryId: country.split('-')[0] }).then((data) => {\r\n if (data.data.status === 200) {\r\n alert('changed!');\r\n } else {\r\n alert('something wrong');\r\n }\r\n });\r\n }\r\n }\r\n const handleChangeCountry = (countryId) => {\r\n if (countryId) {\r\n axios.get(\"/shipping-price-one\",\r\n { params: { typeId: typeId, countryId: countryId } })\r\n .then((shippingPrice) => {\r\n setShippingId(shippingPrice.data.id)\r\n // setPrice(parseFloat(shippingPrice.data.price).toFixed(2));\r\n })\r\n }\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Adding for all countries together(do this step first then change for individual country)\r\n \r\n \r\n Note: Do this step for the first time only or when you want to override the existing shipping cost.\r\n \r\n \r\n {\r\n setPriceAll(e.target.value);\r\n }}\r\n style={{ width: \"200px\" }}\r\n />\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n Changing shipping price for individual country\r\n \r\n \r\n \r\n {\r\n const cid = e.target.value.split('-')[0];\r\n setCountry(e.target.value);\r\n handleChangeCountry(cid);\r\n }}\r\n >\r\n \r\n \r\n \r\n {\r\n setPrice(e.target.value);\r\n }}\r\n style={{ width: \"200px\" }}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport Line from \"../main/Line\";\r\nimport BackButton from \"../main/BackButton\";\r\nimport axios from \"../../axios-backend\";\r\nimport Button from \"../main/Button\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Columns from \"../main/Columns\";\r\n\r\nconst ViewSizeGuides = (props) => {\r\n const paramsString = props.location.search.substring(1);\r\n const searchParams = new URLSearchParams(paramsString);\r\n const idRef = useRef(searchParams.get(\"id\"));\r\n const [sizeGuides, setSizeGuides] = useState([]);\r\n\r\n useEffect(() => {\r\n getData();\r\n }, []);\r\n\r\n const getData = () => {\r\n if (idRef.current !== null) {\r\n axios\r\n .get(\"/size-guides\", {\r\n params: {\r\n sizeId: idRef.current,\r\n },\r\n })\r\n .then((data) => {\r\n console.log(data.data.data);\r\n setSizeGuides(data.data.data);\r\n });\r\n } else {\r\n return;\r\n }\r\n };\r\n\r\n const mapAndRenderSizeGuides = () => {\r\n return sizeGuides.map((item, index) => {\r\n return (\r\n This is the panel for shipping price
\r\n\r\n \r\n size name \r\n belongs to \r\n gender \r\n \r\n \r\n \r\n \r\n {renderTypes()}\r\n
\r\n );\r\n};\r\n\r\nexport default Sizes;\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useState, useEffect } from \"react\";\r\nimport axios from \"../../axios-backend\";\r\nimport Line from \"../main/Line\";\r\nimport Button from \"../main/Button\";\r\nimport BackButton from \"../main/BackButton\";\r\nimport Columns from \"../main/Columns\";\r\n\r\nconst ViewTypes = (props) => {\r\n const [types, setTypes] = useState([]);\r\n\r\n useEffect(() => {\r\n getData();\r\n }, []);\r\n\r\n const getData = () => {\r\n axios.get(\"/types\").then((t) => {\r\n setTypes(t.data.list);\r\n });\r\n };\r\n\r\n const handleRedirect = () => {\r\n props.history.push(\"/adtype\");\r\n };\r\n\r\n const handleDelete = (id) => {\r\n const result = window.confirm(\"Are you sure you want to delete this type?\");\r\n if (result) {\r\n axios.delete(\"/types\", { data: { id } }).then((data) => {\r\n if (data.data.status === 200) getData();\r\n else alert(\"Error\");\r\n });\r\n }\r\n };\r\n\r\n const renderTypes = () => {\r\n if (types.length > 0) {\r\n return types.map((t) => {\r\n return (\r\n \r\n \r\n collection name \r\n area number \r\n {/* gender */}\r\n \r\n \r\n \r\n \r\n {renderTypes()}\r\n
\r\n );\r\n};\r\n\r\nexport default ViewTypes;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport BackButton from '../main/BackButton';\r\nimport Line from '../main/Line';\r\nimport axios from '../../axios-backend';\r\nimport Button from '../main/Button';\r\nimport { Link } from 'react-router-dom';\r\n\r\nexport default function ViewDimensions(props) {\r\n const [imgs, setImgs] = useState([]);\r\n const tidRef = useRef(props.match.params.id);\r\n useEffect(() => {\r\n loadImgData()\r\n }, []);\r\n const loadImgData = () => {\r\n axios.get(`/get-imgs-by-pid`, { params: { id: tidRef.current, type: 3 } }).then(data => {\r\n if (data.data.status === 200) {\r\n setImgs(data.data.imgs);\r\n }\r\n });\r\n }\r\n const handleImgDelete = (id) => {\r\n const result = window.confirm(\"Are you sure you want to delete this picture?\");\r\n if (result) {\r\n axios.delete('/pictures', { data: { id } }).then(() => {\r\n loadImgData();\r\n });\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport axios from \"../../axios-backend\";\r\nimport BackButton from \"../main/BackButton\";\r\nimport Button from \"../main/Button\";\r\nimport Line from \"../main/Line\";\r\nimport \"./css/ViewProduct.css\";\r\n\r\nconst ViewProduct = (props) => {\r\n const [product, setProduct] = useState();\r\n const [imgs, setImgs] = useState([]);\r\n const [video, setVideo] = useState({ id: \"0\", url: \"\" });\r\n useEffect(() => {\r\n const id = props.match.params.id;\r\n axios.get(`/products/${id}`).then((p) => {\r\n if (p.data[0]) {\r\n setProduct({ ...p.data[0] });\r\n loadImgData();\r\n }\r\n });\r\n }, []);\r\n const loadImgData = () => {\r\n //type:6 -> all product images\r\n axios.get(`/get-imgs-by-pid`, { params: { id: props.match.params.id, type: 6 } }).then((data) => {\r\n if (data.data.status === 200) {\r\n setImgs(data.data.imgs);\r\n }\r\n });\r\n axios.get(`/get-video-by-pid`, { params: { id: props.match.params.id } }).then((data) => {\r\n if (data.data.status === 200) {\r\n setVideo(data.data.video);\r\n }\r\n });\r\n };\r\n const handleDelete = (id) => {\r\n const result = window.confirm(\"Are you sure you want to delete this product?\");\r\n if (result) {\r\n axios.delete(\"/products\", { data: { id } }).then(() => {\r\n props.history.push(\"/viewproducts\");\r\n });\r\n }\r\n };\r\n const handleImgDelete = (id) => {\r\n const result = window.confirm(\"Are you sure you want to delete this picture?\");\r\n if (result) {\r\n axios.delete(\"/pictures\", { data: { id } }).then(() => {\r\n loadImgData();\r\n });\r\n }\r\n };\r\n const handleVideoDelete = () => {\r\n const result = window.confirm(\"Are you sure you want to delete this video?\");\r\n if (result) {\r\n axios.delete(\"/videos\", { data: { id: video.id } }).then((data) => {\r\n loadImgData();\r\n });\r\n }\r\n };\r\n return (\r\n All the images:
{imgs.map((item, index) => {\r\n return (\r\n \r\n 
\r\n
\r\n )\r\n })}\r\n { handleImgDelete(item.id) }}>
\r\n \r\n \r\n Name: {product.name}\r\n \r\n \r\n gender: {product.gender === 0 ? \"female\" : product.gender === 1 ? \"male\" : \"unisex\"}\r\n \r\n \r\n Size: {product.size}\r\n \r\n \r\n US Price: {product.priceUs}\r\n \r\n \r\n CardNumber: {product.cardNumber}\r\n \r\n \r\n Status: {product.status === 1 ? \"Normal\" : \"Sold\"}\r\n \r\n \r\n Type: {product.typeName}\r\n \r\n \r\n Color: {product.color.join(\" \")}\r\n \r\n \r\n Remove Shipment Charge: {product.removeShipmentCharge ? \"true\" : \"false\"}\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 video:\r\n {video.url}\r\n \r\n \r\n\r\n {/* product images when product is just for specific gender only (type = 1) */}\r\n {imgs.some((item) => item.type === 1) && (\r\n <>\r\n
\r\n \r\n
\r\n );\r\n })}\r\n product images:
\r\n {imgs\r\n .filter((item) => item.type === 1)\r\n .map((item, index) => {\r\n return (\r\n \r\n {\r\n handleImgDelete(item.id);\r\n }}\r\n >\r\n \r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n images for men:
\r\n {imgs\r\n .filter((item) => item.type === 4)\r\n .map((item, index) => {\r\n return (\r\n \r\n {\r\n handleImgDelete(item.id);\r\n }}\r\n >\r\n \r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n images for women:
\r\n {imgs\r\n .filter((item) => item.type === 5)\r\n .map((item, index) => {\r\n return (\r\n \r\n {\r\n handleImgDelete(item.id);\r\n }}\r\n >\r\n \r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n authenticity images:
\r\n {imgs\r\n .filter((item) => item.type === 2)\r\n .map((item, index) => {\r\n return (\r\n \r\n {\r\n handleImgDelete(item.id);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Name \r\n cardnumber \r\n Price(US) \r\n Collections \r\n Size \r\n Color \r\n Status \r\n \r\n \r\n \r\n \r\n {renderProducts()}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ViewProducts;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { Link } from \"react-router-dom\";\r\nimport axios from \"../../axios-backend\";\r\nimport BackButton from \"../main/BackButton\";\r\nimport Button from \"../main/Button\";\r\nimport Columns from \"../main/Columns\";\r\nimport Line from \"../main/Line\";\r\nimport \"./css/ViewProducts.css\";\r\n\r\nconst ViewProductsAuth = (props) => {\r\n const [productsAuth, setProductsAuth] = useState([]);\r\n const [pageCount, setPageCount] = useState();\r\n const [pageSize, setPageSize] = useState(10);\r\n\r\n useEffect(() => {\r\n getData(0);\r\n }, []);\r\n\r\n const getData = (offset) => {\r\n axios\r\n .get(\"/products-auth\", {\r\n params: { offset, pageSize },\r\n })\r\n .then((p) => {\r\n setPageCount(p.data.pageCount);\r\n setProductsAuth(p.data.list);\r\n });\r\n };\r\n\r\n const handlePageClick = (data) => {\r\n let selected = data.selected;\r\n let offset = Math.ceil(selected * pageSize);\r\n getData(offset);\r\n };\r\n\r\n const renderProductsAuth = () => {\r\n if (productsAuth.length > 0) {\r\n return productsAuth.map((p, index) => {\r\n // converting utc to Vancouver time zone and in readable format\r\n let utcTimestamp = p.transferDateTime;\r\n let vancouverTime = new Date(utcTimestamp).toLocaleString(\"en-US\", { timeZone: \"America/Vancouver\" });\r\n return (\r\n \r\n search by card or name: \r\n {\r\n setSearchInfo(e.target.value);\r\n }}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Index \r\n ProductId \r\n Name \r\n card number \r\n Password \r\n Email \r\n transferDateTime \r\n \r\n {renderProductsAuth()}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ViewProductsAuth;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport BackButton from \"../main/BackButton\";\r\nimport Line from \"../main/Line\";\r\nimport axios from \"../../axios-backend\";\r\nimport Button from \"../main/Button\";\r\nimport Columns from \"../main/Columns\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport \"./css/ViewProduct.css\";\r\n\r\nconst ViewMembers = (props) => {\r\n const [members, setMembers] = useState([]);\r\n const [pageCount, setPageCount] = useState();\r\n const [pageSize, setPageSize] = useState(10);\r\n\r\n useEffect(() => {\r\n getData(0);\r\n }, []);\r\n\r\n const getData = (offset) => {\r\n axios\r\n .get(\"/members\", {\r\n params: { offset, pageSize },\r\n })\r\n .then((p) => {\r\n setPageCount(p.data.pageCount);\r\n setMembers(p.data.list);\r\n });\r\n };\r\n\r\n const handlePageClick = (data) => {\r\n let selected = data.selected;\r\n let offset = Math.ceil(selected * pageSize);\r\n getData(offset);\r\n };\r\n\r\n const handleDelete = (id) => {\r\n const result = window.confirm(\r\n \"Are you sure you want to delete this member?\"\r\n );\r\n if (result) {\r\n axios.delete(\"/member\", { data: { id } }).then(() => {\r\n getData(0);\r\n });\r\n }\r\n };\r\n\r\n const renderMembers = () => {\r\n if (members.length > 0) {\r\n return members.map((m) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n id \r\n Email \r\n command \r\n \r\n {renderMembers()}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ViewMembers;\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport Line from \"../../main/Line\";\r\nimport BackButton from \"../../main/BackButton\";\r\nimport axios from \"../../../axios-backend\";\r\nimport Button from \"../../main/Button\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst AdOption = (props) => {\r\n const paramsString = props.location.search.substring(1);\r\n const searchParams = new URLSearchParams(paramsString);\r\n const idRef = useRef(searchParams.get(\"id\"));\r\n const sidRef = useRef(searchParams.get(\"sid\"));\r\n\r\n const [content, setContent] = useState(\"\");\r\n const [index, setIndex] = useState(0);\r\n\r\n useEffect(() => {\r\n getData();\r\n }, []);\r\n\r\n const getData = () => {\r\n if (!idRef.current) {\r\n return;\r\n } else {\r\n axios\r\n .get(\"/option\", {\r\n params: { id: idRef.current },\r\n })\r\n .then((data) => {\r\n setContent(data.data.data[0].content);\r\n setIndex(data.data.data[0].index);\r\n });\r\n }\r\n };\r\n\r\n const handleSubmit = () => {\r\n if (idRef.current === null) {\r\n axios\r\n .post(\"/option\", {\r\n stepsId: sidRef.current,\r\n content,\r\n index,\r\n })\r\n .then((data) => {\r\n if (data.status === 200) {\r\n props.history.goBack();\r\n }\r\n });\r\n } else {\r\n axios\r\n .patch(\"/option\", {\r\n id: idRef.current,\r\n content,\r\n index,\r\n })\r\n .then((data) => {\r\n if (data.status === 200) {\r\n props.history.goBack();\r\n }\r\n });\r\n }\r\n };\r\n\r\n const handleDelete = () => {\r\n if (window.confirm(\"Do you really want to delete this option?\")) {\r\n axios\r\n .delete(\"/option\", {\r\n data: {\r\n id: idRef.current,\r\n },\r\n })\r\n .then((data) => {\r\n if (data.status === 200) {\r\n props.history.goBack();\r\n }\r\n });\r\n } else {\r\n return;\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {\r\n handleImgDelete();\r\n }}\r\n >\r\n \r\n
\r\n \r\n ) : null}\r\n \r\n artist: wonwonleywon\r\n
\r\n
\r\n we are all one of one\r\n
\r\n no one is you\r\n
\r\n that is your power\r\n
\r\n so
\r\n be the best you\r\n
\r\n
wonwonleywon wonwonleywon won won wonwonleywon wonwonleywon won\r\n won wonwonleywon wonwonleywon won won wonwonleywon wonwonleywon. be the\r\n best you be the be the be the best you be the best you be the be the be\r\n the best you be the best you be the be the be the best you be the best\r\n you be the best you\r\n
\r\n
i am just a human\r\n
\r\n but that makes me unique\r\n
\r\n being one of one\r\n
\r\n sometimes i feel weak\r\n
\r\n
\r\n i know where i came from\r\n
\r\n but where will i go\r\n
\r\n invest in myself\r\n
\r\n that’s what I know\r\n
\r\n
\r\n i will start each day\r\n
\r\n with a grateful heart\r\n
always knowing tomorrow\r\n
\r\n can be a new start\r\n
\r\n
\r\n the past can’t be changed\r\n
\r\n the futures in my power\r\n
\r\n this is my journey\r\n
\r\n i’ll bloom like a flower\r\n
\r\n
\r\n if i don’t enjoy my path\r\n
i’ll take another one\r\n
\r\n i’ll flow along that route\r\n
until i feel done\r\n
\r\n
\r\n i'm not afraid to fail\r\n
\r\n i'm afraid not to try\r\n
\r\n so i’ll live life with passion\r\n
\r\n until i say goodbye\r\n
\r\n
\r\n so to be the best me\r\n
i may have to be patient\r\n
\r\n work on the mind body knowledge
\r\n and get entertainment\r\n
\r\n
\r\n the sky’s not the limit\r\n
\r\n when there’s footprints on the moon\r\n
\r\n as i work on my goals\r\n
\r\n this is my tune\r\n
\r\n
\r\n wonwonleywon wonwonleywon won won wonwonleywon wonwonleywon won won\r\n wonwonleywon wonwonleywon won won wonwonleywon wonwonleywon. be the best\r\n you be the be the be the best you be the best you be the be the be the\r\n best you be the best you be the be the be the best you be the best you\r\n be the best you\r\n
\r\n
\r\n i may only be the best me\r\n
\r\n with the help of others so…\r\n
\r\n if i help him\r\n
\r\n and he helps her\r\n
\r\n and she helps them\r\n
\r\n and they help me\r\n
\r\n we can work together like family\r\n
\r\n we can help inspire a community\r\n
so together we can be the best that we can be\r\n
\r\n love and light around the world is what I want to see\r\n
\r\n
\r\n be who\r\n
\r\n be you\r\n
\r\n the treasure is in you\r\n
\r\n
\r\n but if you’re not the best you\r\n
\r\n
\r\n stop\r\n
\r\n think\r\n
\r\n change\r\n
\r\n
\r\n wonwonleywon wonwonleywon won won wonwonleywon wonwonleywon won won\r\n wonwonleywon wonwonleywon won won wonwonleywon wonwonleywon. be the best\r\n you be the be the be the best you be the best you be the be the be the\r\n best you be the best you be the be the be the best you be the best you\r\n be the best you\r\n
\r\n \r\n {images.map((i, index) => {\r\n return (\r\n \r\n
\r\n }\r\n {item}\r\n \r\n ))}\r\n
\r\n {images?.length > 0 && (\r\n <>\r\n \r\n \r\n \r\n {images.map((i, index) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {lastVisited && setTimeout(() => window.scrollTo(0, lastVisited), 0)}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Men;\r\n\r\n","import React, { Component } from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport classes from \"./css/Home.module.css\";\r\nimport Line from \"../main/Line\";\r\nimport BackButton from \"../main/BackButton\";\r\n\r\nclass More extends Component {\r\n render() {\r\n return (\r\n <>\r\n \r\n This is product video care page\r\n
\r\n\r\n {images?.length > 0 && (\r\n <>\r\n \r\n \r\n \r\n {images.map((i, index) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {lastVisited && setTimeout(() => window.scrollTo(0, lastVisited), 0)}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Women;\r\n\r\n","import React, { Component } from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\nimport classes from \"./css/Home.module.css\";\r\nimport Line from \"../main/Line\";\r\nimport BackButton from '../main/BackButton';\r\n\r\nclass WorldOfWonley extends Component {\r\n render() {\r\n return (\r\n <>\r\n \r\n {lastVisited && setTimeout(() => window.scrollTo(0, lastVisited), 0)}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AllVideos;\r\n","import React from \"react\";\r\nimport Video from \"../../main/Video\";\r\nimport BackButton from \"../../main/BackButton\";\r\n\r\nconst Collection1BagVideo = () => {\r\n return (\r\n <>\r\n \r\n \r\n Sorry your page is not found.\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default NotFound;","import React from 'react'\r\nimport NotFound from './NotFound'\r\nclass ErrorBoundary extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { hasError: false };\r\n }\r\n\r\n static getDerivedStateFromError(error) {\r\n return { hasError: true };\r\n }\r\n\r\n componentDidCatch(error, errorInfo) {\r\n //log the error to an error reporting service\r\n console.log({ error, errorInfo });\r\n }\r\n\r\n render() {\r\n if (this.state.hasError) {\r\n return \r\n \r\n 
\r\n \r\n {this.props.location.pathname === '/' ? null :\r\n \r\n the most exclusive luxury brand in the world, with a philanthropic\r\n mission\r\n }\r\n
\r\n )\r\n }\r\n}\r\nexport default withRouter(Head);\r\n\r\n","import React, { useEffect } from 'react';\r\nimport styles from './css/Landing.module.css';\r\nimport { Link } from \"react-router-dom\";\r\n\r\n\r\nexport default function Landing() {\r\n useEffect(() => {\r\n const inteval = setInterval(() => {\r\n window.location.href = \"/home\";\r\n }, 5000);\r\n return () => {\r\n clearInterval(inteval)\r\n }\r\n }, [])\r\n return (\r\n \r\n \r\n
\r\n the most exclusive
\r\nluxury brand in the world,
\r\nwith a philanthropic mission
\r\n\r\n
\r\n \r\n )\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { BrowserRouter, Route, Switch } from \"react-router-dom\";\r\nimport CreateRoutes from \"./components/Routes\";\r\nimport Home from \"./components/home/Home\";\r\nimport ErrorBoundary from \"./components/main/ErrorBoundary\";\r\nimport Head from \"./components/main/Head\";\r\nimport Landing from \"./components/main/Landing\";\r\nimport NotFound from \"./components/main/NotFound\";\r\n\r\nimport { PayPalScriptProvider } from \"@paypal/react-paypal-js\";\r\n\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"swiper/swiper-bundle.min.css\";\r\nimport \"./App.css\";\r\nimport classes from \"./components/home/css/Home.module.css\";\r\n\r\nclass App extends Component {\r\n componentDidMount() {\r\n const sUserAgent = navigator.userAgent.toLowerCase();\r\n const bIsIpad = sUserAgent.match(/ipad/i) == \"ipad\";\r\n const bIsIphone = sUserAgent.match(/iphone os/i) == \"iphone os\";\r\n const bIsMidp = sUserAgent.match(/midp/i) == \"midp\";\r\n const bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == \"rv:1.2.3.4\";\r\n const bIsUc = sUserAgent.match(/ucweb/i) == \"web\";\r\n const bIsCE = sUserAgent.match(/windows ce/i) == \"windows ce\";\r\n const bIsWM = sUserAgent.match(/windows mobile/i) == \"windows mobile\";\r\n const bIsAndroid = sUserAgent.match(/android/i) == \"android\";\r\n if (\r\n bIsIpad ||\r\n bIsIphone ||\r\n bIsMidp ||\r\n bIsUc7 ||\r\n bIsUc ||\r\n bIsCE ||\r\n bIsWM ||\r\n bIsAndroid\r\n ) {\r\n document.querySelector(\"body\").style.minHeight =\r\n document.body.clientHeight + \"px\";\r\n }\r\n }\r\n render() {\r\n return (\r\n the most exclusive luxury brand in the world, with a philanthropic mission
\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 App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' },\r\n })\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then(registration => {\r\n registration.unregister();\r\n })\r\n .catch(error => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n","import * as actionTypes from './actions';\r\n\r\nconst initialState = {\r\n user: ''\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.USERLOGIN:\r\n return {\r\n ...state,\r\n user: action.username\r\n };\r\n default:\r\n\r\n break;\r\n }\r\n return state;\r\n}\r\n\r\nexport default reducer;","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\nimport { createStore } from 'redux';\r\nimport reducer from './store/reducer';\r\nimport { Provider } from 'react-redux';\r\n\r\nconst store = createStore(reducer);\r\n\r\n\r\nReactDOM.render(\r\n