-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2073 from CAFECA-IO/feature/beta_login_i18n
Feature/beta login i18n
- Loading branch information
Showing
9 changed files
with
339 additions
and
204 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
122 changes: 40 additions & 82 deletions
122
src/components/login_confirm_modal/information_statement.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,128 +1,86 @@ | ||
import React from 'react'; | ||
import { useTranslation } from 'react-i18next'; | ||
|
||
const InformationStatement: React.FC = () => { | ||
const { t } = useTranslation('common'); | ||
return ( | ||
<div className="p-6 space-y-4 text-navyBlue"> | ||
<p className="font-semibold">Dear User,</p> | ||
<p> | ||
Thank you for choosing to use our accounting software. During your use | ||
of this software, we may collect and process some of your personal | ||
information. This statement aims to inform you about the information we | ||
collect, how it is used, and how we protect your privacy. | ||
</p> | ||
<div className="space-y-4 p-6 text-navyBlue"> | ||
<p className="font-semibold">{t('INFO_COLLECTION.DEAR_USER')}</p> | ||
<p>{t('INFO_COLLECTION.THANK_YOU')}</p> | ||
|
||
<p className="font-semibold">1. Types of Information Collected</p> | ||
<p> | ||
During your use of the accounting software, we may collect the following | ||
information: | ||
</p> | ||
<ul className="list-disc pl-6 space-y-2"> | ||
<p className="font-semibold">{t('INFO_COLLECTION.TYPES_OF_INFO')}</p> | ||
<p>{t('INFO_COLLECTION.COLLECT_INFO')}</p> | ||
<ul className="list-disc space-y-2 pl-6"> | ||
<li> | ||
<strong>Personal Identification Information:</strong> Including but | ||
not limited to your name, email address, phone number, company name, | ||
etc. | ||
<strong>{t('INFO_COLLECTION.PERSONAL_INFO')}</strong> | ||
</li> | ||
<li> | ||
<strong>Usage Data:</strong> Such as your operation records within the | ||
software, usage duration, access frequency, etc. | ||
<strong>{t('INFO_COLLECTION.USAGE_DATA')}</strong> | ||
</li> | ||
<li> | ||
<strong>Technical Information:</strong> Such as IP address, device | ||
information, operating system, browser type, etc. | ||
<strong>{t('INFO_COLLECTION.TECH_INFO')}</strong> | ||
</li> | ||
</ul> | ||
|
||
<p className="font-semibold">2. Use of Information</p> | ||
<p>The information we collect will primarily be used for the following purposes:</p> | ||
<ul className="list-disc pl-6 space-y-2"> | ||
<p className="font-semibold">{t('INFO_COLLECTION.USE_OF_INFO')}</p> | ||
<p>{t('INFO_COLLECTION.USE_OF_INFO_DESC')}</p> | ||
<ul className="list-disc space-y-2 pl-6"> | ||
<li> | ||
<strong>Providing and Maintaining Services:</strong> Ensuring the | ||
normal operation of the accounting software and improving the user | ||
experience. | ||
<strong>{t('INFO_COLLECTION.SERVICES')}</strong> | ||
</li> | ||
<li> | ||
<strong>Personalized Services:</strong> Providing customized features | ||
and recommendations based on your needs and preferences. | ||
<strong>{t('INFO_COLLECTION.PERSONALIZED_SERVICES')}</strong> | ||
</li> | ||
<li> | ||
<strong>Customer Support:</strong> Addressing your questions, handling | ||
your requests and complaints. | ||
<strong>{t('INFO_COLLECTION.SUPPORT')}</strong> | ||
</li> | ||
<li> | ||
<strong>Security Assurance:</strong> Detecting and preventing | ||
potential security threats, protecting your data security. | ||
<strong>{t('INFO_COLLECTION.SECURITY')}</strong> | ||
</li> | ||
<li> | ||
<strong>Data Analysis:</strong> Conducting statistical analysis to | ||
improve our products and services. | ||
<strong>{t('INFO_COLLECTION.ANALYSIS')}</strong> | ||
</li> | ||
</ul> | ||
|
||
<p className="font-semibold">3. Protection of Information</p> | ||
<p> | ||
We commit to taking reasonable technical and organizational measures to | ||
protect your personal information from unauthorized access, disclosure, | ||
alteration, or destruction. These measures include but are not limited to: | ||
</p> | ||
<ul className="list-disc pl-6 space-y-2"> | ||
<p className="font-semibold">{t('INFO_COLLECTION.PROTECTION_OF_INFO')}</p> | ||
<p>{t('INFO_COLLECTION.PROTECTION_DESC')}</p> | ||
<ul className="list-disc space-y-2 pl-6"> | ||
<li> | ||
<strong>Data Encryption:</strong> Encrypting sensitive data. | ||
<strong>{t('INFO_COLLECTION.ENCRYPTION')}</strong> | ||
</li> | ||
<li> | ||
<strong>Access Control:</strong> Restricting data access rights to | ||
employees and third parties. | ||
<strong>{t('INFO_COLLECTION.ACCESS_CONTROL')}</strong> | ||
</li> | ||
<li> | ||
<strong>Regular Audits:</strong> Regularly reviewing our security | ||
measures and policies. | ||
<strong>{t('INFO_COLLECTION.AUDITS')}</strong> | ||
</li> | ||
</ul> | ||
|
||
<p className="font-semibold">4. Sharing of Information</p> | ||
<p> | ||
We will not sell, rent, or trade your personal information to any third | ||
party without your consent. However, we may share your information in the | ||
following circumstances: | ||
</p> | ||
<ul className="list-disc pl-6 space-y-2"> | ||
<p className="font-semibold">{t('INFO_COLLECTION.SHARING_OF_INFO')}</p> | ||
<p>{t('INFO_COLLECTION.SHARING_DESC')}</p> | ||
<ul className="list-disc space-y-2 pl-6"> | ||
<li> | ||
<strong>Legal Requirements:</strong> When required by law or requested | ||
by government authorities. | ||
<strong>{t('INFO_COLLECTION.LEGAL')}</strong> | ||
</li> | ||
<li> | ||
<strong>Service Providers:</strong> With third-party service providers | ||
who work with us, provided they only use your information to perform | ||
our instructions and comply with appropriate confidentiality and | ||
security measures. | ||
<strong>{t('INFO_COLLECTION.PROVIDERS')}</strong> | ||
</li> | ||
<li> | ||
<strong>Business Transfers:</strong> In the event of a company merger, | ||
acquisition, or asset sale, we may transfer your information. | ||
<strong>{t('INFO_COLLECTION.BUSINESS_TRANSFERS')}</strong> | ||
</li> | ||
</ul> | ||
|
||
<p className="font-semibold">5. Your Rights</p> | ||
<p> | ||
You have the right to access, correct, or delete your personal | ||
information at any time. If you wish to exercise these rights or have | ||
any questions, please contact us via: | ||
</p> | ||
<p>Email: [email protected]</p> | ||
<p>Phone: +123-456-7890</p> | ||
<p> | ||
We will strive to respond to your request within a reasonable time frame. | ||
</p> | ||
<p className="font-semibold">{t('INFO_COLLECTION.YOUR_RIGHTS')}</p> | ||
<p>{t('INFO_COLLECTION.RIGHTS_DESC')}</p> | ||
<p>{t('INFO_COLLECTION.EMAIL')}</p> | ||
<p>{t('INFO_COLLECTION.PHONE')}</p> | ||
<p>{t('INFO_COLLECTION.RESPONSE_TIME')}</p> | ||
|
||
<p className="font-semibold">6. Changes to the Statement</p> | ||
<p> | ||
We may update this statement from time to time to reflect changes in our | ||
information handling practices. When we make significant changes to this | ||
statement, we will notify you through in-software notifications or via | ||
email. | ||
</p> | ||
<p className="font-semibold">{t('INFO_COLLECTION.CHANGES')}</p> | ||
<p>{t('INFO_COLLECTION.CHANGES_DESC')}</p> | ||
|
||
<p>Thank you for your trust and support in our accounting software!</p> | ||
<p className="font-semibold">iSunFA August 6, 2024</p> | ||
<p>{t('INFO_COLLECTION.THANK_YOU_END')}</p> | ||
<p className="font-semibold">{t('INFO_COLLECTION.SIGN_OFF')}</p> | ||
</div> | ||
); | ||
}; | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,112 +1,58 @@ | ||
import React from 'react'; | ||
import { useTranslation } from 'react-i18next'; | ||
|
||
const TermsOfServiceAndPrivacyPolicy: React.FC = () => { | ||
const { t } = useTranslation('common'); | ||
return ( | ||
<div className="p-6 space-y-4 text-navyBlue"> | ||
<p className="font-semibold">Dear User,</p> | ||
<p> | ||
Welcome to our accounting software. To ensure you fully understand our | ||
services and how we protect your personal information, please carefully | ||
read the following Terms of Service and Privacy Policy. | ||
</p> | ||
|
||
<p className="font-semibold">I. Terms of Service</p> | ||
|
||
<p className="font-semibold">Service Content</p> | ||
<p> | ||
Our accounting software includes features such as bookkeeping, report | ||
generation, invoice management, and financial analysis. We reserve the | ||
right to update or modify the service content at any time and will | ||
notify you of such changes through appropriate means. | ||
</p> | ||
|
||
<p className="font-semibold">Eligibility</p> | ||
<p> | ||
You must be at least 18 years old or meet the legal age requirements of | ||
your country, and have full legal capacity to use our services. You | ||
agree to use our services in accordance with relevant laws and | ||
regulations and not engage in any illegal or improper activities. | ||
</p> | ||
|
||
<p className="font-semibold">Account Management</p> | ||
<p> | ||
You need to provide accurate and complete registration information and | ||
are responsible for maintaining the security of your account. If you | ||
discover any unauthorized account use or security vulnerabilities, | ||
please notify us immediately. | ||
</p> | ||
|
||
<p className="font-semibold">Service Fees</p> | ||
<p> | ||
Some features or services may require payment. Specific fees and payment | ||
methods will be detailed on relevant pages or documents. Payments are | ||
non-refundable once confirmed, unless otherwise required by law. | ||
</p> | ||
|
||
<p className="font-semibold">Limitation of Liability</p> | ||
<p> | ||
We are not liable for any indirect, incidental, special, or | ||
consequential damages arising from the use of our services. We are not | ||
responsible for any third-party services or links provided. | ||
</p> | ||
|
||
<p className="font-semibold">Termination of Service</p> | ||
<p> | ||
We reserve the right to terminate or suspend the service at any time for | ||
any reason without liability. You may cancel the use of our services at | ||
any time, but fees paid are non-refundable. | ||
</p> | ||
|
||
<p className="font-semibold">II. Privacy Policy</p> | ||
|
||
<p className="font-semibold">Information Collection</p> | ||
<p> | ||
We collect various types of information related to your use of the | ||
accounting software, including but not limited to personal | ||
identification information, Usage data, and technical information. For | ||
more details, please refer to the `"`Information Collection Statement.`"` | ||
</p> | ||
|
||
<p className="font-semibold">Use of Information</p> | ||
<p> | ||
The collected information will be used to provide, maintain, and improve | ||
our services, ensure security, and conduct data analysis. We will not | ||
use your information for any other purposes without your consent. | ||
</p> | ||
|
||
<p className="font-semibold">Information Protection</p> | ||
<p> | ||
We take reasonable technical and organizational measures to protect your | ||
information, including data encryption, access control, and regular | ||
security audits. For details, please refer to the `"`Information | ||
Collection Statement.`"` | ||
</p> | ||
|
||
<p className="font-semibold">Information Sharing</p> | ||
<p> | ||
We will not sell, rent, or trade your personal information to third | ||
parties without your consent, except in specific situations such as | ||
legal requirements, service provider cooperation, or business transfers. | ||
For more details, please refer to the `"`Information Collection | ||
Statement.`"` | ||
</p> | ||
|
||
<p className="font-semibold">Your Rights</p> | ||
<p> | ||
You have the right to access, correct, or delete your personal | ||
information at any time. If needed, please contact us via | ||
[email protected] or +123-456-7890. | ||
</p> | ||
|
||
<p className="font-semibold">Changes to the Privacy Policy</p> | ||
<p> | ||
We may update the Privacy Policy from time to time. When significant | ||
changes are made, we will notify you through appropriate means and | ||
publish the changes in the updated policy. | ||
</p> | ||
|
||
<p>Thank you for your trust and support in our accounting software!</p> | ||
<p className="font-semibold">iSunFA August 6, 2024</p> | ||
<p className="font-semibold">{t('TOS_N_PP.DEAR_USER')}</p> | ||
<p>{t('TOS_N_PP.WELCOME')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.TERMS_OF_SERVICE')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.SERVICE_CONTENT_TITLE')}</p> | ||
<p>{t('TOS_N_PP.SERVICE_CONTENT')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.ELIGIBILITY_TITLE')}</p> | ||
<p>{t('TOS_N_PP.ELIGIBILITY')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.ACCOUNT_MANAGEMENT_TITLE')}</p> | ||
<p>{t('TOS_N_PP.ACCOUNT_MANAGEMENT')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.SERVICE_FEES_TITLE')}</p> | ||
<p>{t('TOS_N_PP.SERVICE_FEES')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.LIABILITY_TITLE')}</p> | ||
<p>{t('TOS_N_PP.LIABILITY')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.TERMINATION_TITLE')}</p> | ||
<p>{t('TOS_N_PP.TERMINATION')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.PRIVACY_POLICY')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.INFO_COLLECTION_TITLE')}</p> | ||
<p>{t('TOS_N_PP.INFO_COLLECTION')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.USE_OF_INFO_TITLE')}</p> | ||
<p>{t('TOS_N_PP.USE_OF_INFO')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.PROTECTION_TITLE')}</p> | ||
<p>{t('TOS_N_PP.PROTECTION')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.SHARING_TITLE')}</p> | ||
<p>{t('TOS_N_PP.SHARING')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.YOUR_RIGHTS_TITLE')}</p> | ||
<p>{t('TOS_N_PP.YOUR_RIGHTS')}</p> | ||
<p>{t('TOS_N_PP.EMAIL')}</p> | ||
<p>{t('TOS_N_PP.PHONE')}</p> | ||
<p>{t('TOS_N_PP.RESPONSE_TIME')}</p> | ||
|
||
<p className="font-semibold">{t('TOS_N_PP.CHANGES_TITLE')}</p> | ||
<p>{t('TOS_N_PP.CHANGES')}</p> | ||
|
||
<p>{t('TOS_N_PP.THANK_YOU')}</p> | ||
<p className="font-semibold">{t('TOS_N_PP.SIGN_OFF')}</p> | ||
</div> | ||
); | ||
}; | ||
|
Oops, something went wrong.