From 5fb31c9fcf320e682258dffdaf3921114841ca1f Mon Sep 17 00:00:00 2001 From: c00b3r Date: Thu, 29 May 2025 17:35:44 +0500 Subject: [PATCH] feat: add Policy and Privacy Policy pages with routing and update Footer for navigation --- src/components/Layouts/Footer.tsx | 9 +- src/components/Main/ModalWithForm.tsx | 13 +- src/consts/policy.ts | 184 ++++++++++++++++++++++++++ src/main.tsx | 10 ++ src/pages/PolicyPage.tsx | 93 +++++++++++++ src/pages/PrivacyPolicyPage.tsx | 88 ++++++++++++ 6 files changed, 391 insertions(+), 6 deletions(-) create mode 100644 src/consts/policy.ts create mode 100644 src/pages/PolicyPage.tsx create mode 100644 src/pages/PrivacyPolicyPage.tsx diff --git a/src/components/Layouts/Footer.tsx b/src/components/Layouts/Footer.tsx index 3cbe3f7..bc264a5 100644 --- a/src/components/Layouts/Footer.tsx +++ b/src/components/Layouts/Footer.tsx @@ -1,4 +1,4 @@ -import { Link } from 'react-router-dom'; +import { Link, NavLink } from 'react-router-dom'; import { LogoWithTextIcon } from '../icons/LogoWithTextIcon'; export function Footer() { @@ -9,12 +9,13 @@ export function Footer() {
- Политика конфиденциальности graff.tech - +

© 2024 GRAFF interactive. Все права защищены

diff --git a/src/components/Main/ModalWithForm.tsx b/src/components/Main/ModalWithForm.tsx index aaeb7ab..23197b1 100644 --- a/src/components/Main/ModalWithForm.tsx +++ b/src/components/Main/ModalWithForm.tsx @@ -18,6 +18,7 @@ import { Country } from 'react-phone-number-input'; import { getExampleNumber } from 'libphonenumber-js'; import examples from 'libphonenumber-js/mobile/examples'; import { ClassNameWrapper } from '../../hocs/ClassNameWrapper'; +import { NavLink } from 'react-router-dom'; export function ModalWithForm() { const { setModal } = useModalStore(); @@ -217,10 +218,18 @@ export function ModalWithForm() { Отправить

- Нажимая кнопку отправить, вы принимаете + Нажимая кнопку отправить, вы даете {' '} - условия использования и политику конфиденциальности + + согласие на обработку персональных данных + + +  и принимаете условия  + + + политики +

diff --git a/src/consts/policy.ts b/src/consts/policy.ts new file mode 100644 index 0000000..1de94f1 --- /dev/null +++ b/src/consts/policy.ts @@ -0,0 +1,184 @@ +export interface IPolicyItem { + title: string; + content: ( + | string + | { title: string; content: string[]; enumeration: boolean } + )[]; +} + +export const policy: IPolicyItem[] = [ + { + title: 'Общие положения', + content: [ + 'Оператор ставит своей важнейшей целью и условием осуществления своей деятельности соблюдение прав и свобод человека и гражданина при обработке его персональных данных, в том числе защиты прав на неприкосновенность частной жизни, личную и семейную тайну.', + 'Настоящая политика Оператора в отношении обработки персональных данных (далее — Политика) применяется ко всей информации, которую Оператор может получить о посетителях сайта https://graff.training/.', + ], + }, + { + title: 'Основные понятия, используемые в Политике', + content: [ + 'Автоматизированная обработка персональных данных — обработка персональных данных с помощью средств вычислительной техники.', + 'Блокирование персональных данных — временное прекращение обработки персональных данных (за исключением случаев, если обработка необходима для уточнения персональных данных).', + 'Сайт — совокупность графических и информационных материалов, а также программ для ЭВМ и баз данных, обеспечивающих их доступность в сети интернет по сетевому адресу https://graff.training/.', + 'Информационная система персональных данных — совокупность содержащихся в базах данных персональных данных и обеспечивающих их обработку информационных технологий и технических средств.', + 'Обезличивание персональных данных — действия, в результате которых невозможно определить без использования дополнительной информации принадлежность персональных данных конкретному Пользователю или иному субъекту персональных данных.', + 'Обработка персональных данных — любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных.', + 'Оператор — государственный орган, муниципальный орган, юридическое или физическое лицо, самостоятельно или совместно с другими лицами организующие и/или осуществляющие обработку персональных данных, а также определяющие цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными.', + 'Персональные данные — любая информация, относящаяся прямо или косвенно к определенному или определяемому Пользователю сайта https://graff.training/.', + 'Персональные данные, разрешенные субъектом персональных данных для распространения, — персональные данные, доступ неограниченного круга лиц к которым предоставлен субъектом персональных данных путем дачи согласия на обработку персональных данных, разрешенных субъектом персональных данных для распространения в порядке, предусмотренном Законом о персональных данных (далее — персональные данные, разрешенные для распространения).', + 'Пользователь — любой посетитель сайта https://graff.training/.', + 'Предоставление персональных данных — действия, направленные на раскрытие персональных данных определенному лицу или определенному кругу лиц.', + 'Распространение персональных данных — любые действия, направленные на раскрытие персональных данных неопределенному кругу лиц (передача персональных данных) или на ознакомление с персональными данными неограниченного круга лиц, в том числе обнародование персональных данных в средствах массовой информации, размещение в информационно-телекоммуникационных сетях или предоставление доступа к персональным данным каким-либо иным способом.', + 'Трансграничная передача персональных данных — передача персональных данных на территорию иностранного государства органу власти иностранного государства, иностранному физическому или иностранному юридическому лицу.', + 'Уничтожение персональных данных — любые действия, в результате которых персональные данные уничтожаются безвозвратно с невозможностью дальнейшего восстановления содержания персональных данных в информационной системе персональных данных и/или уничтожаются материальные носители персональных данных.', + ], + }, + { + title: 'Основные права и обязанности Оператора', + content: [ + { + title: 'Оператор имеет право:', + content: [ + 'получать от субъекта персональных данных достоверные информацию и/или документы, содержащие персональные данные;', + 'в случае отзыва субъектом персональных данных согласия на обработку персональных данных, а также, направления обращения с требованием о прекращении обработки персональных данных, Оператор вправе продолжить обработку персональных данных без согласия субъекта персональных данных при наличии оснований, указанных в Законе о персональных данных;', + 'самостоятельно определять состав и перечень мер, необходимых и достаточных для обеспечения выполнения обязанностей, предусмотренных Законом о персональных данных и принятыми в соответствии с ним нормативными правовыми актами, если иное не предусмотрено Законом о персональных данных или другими федеральными законами.', + ], + enumeration: false, + }, + { + title: 'Оператор обязан:', + content: [ + 'предоставлять субъекту персональных данных по его просьбе информацию, касающуюся обработки его персональных данных;', + 'организовывать обработку персональных данных в порядке, установленном действующим законодательством РФ;', + 'отвечать на обращения и запросы субъектов персональных данных и их законных представителей в соответствии с требованиями Закона о персональных данных;', + 'сообщать в уполномоченный орган по защите прав субъектов персональных данных по запросу этого органа необходимую информацию в течение 10 дней с даты получения такого запроса;', + 'публиковать или иным образом обеспечивать неограниченный доступ к настоящей Политике в отношении обработки персональных данных;', + 'принимать правовые, организационные и технические меры для защиты персональных данных от неправомерного или случайного доступа к ним, уничтожения, изменения, блокирования, копирования, предоставления, распространения персональных данных, а также от иных неправомерных действий в отношении персональных данных;', + 'прекратить передачу (распространение, предоставление, доступ) персональных данных, прекратить обработку и уничтожить персональные данные в порядке и случаях, предусмотренных Законом о персональных данных;', + 'исполнять иные обязанности, предусмотренные Законом о персональных данных.', + ], + enumeration: false, + }, + ], + }, + { + title: 'Основные права и обязанности субъектов персональных данных', + content: [ + { + title: 'Субъекты персональных данных имеют право:', + content: [ + 'получать информацию, касающуюся обработки его персональных данных, за исключением случаев, предусмотренных федеральными законами. Сведения предоставляются субъекту персональных данных Оператором в доступной форме, и в них не должны содержаться персональные данные, относящиеся к другим субъектам персональных данных, за исключением случаев, когда имеются законные основания для раскрытия таких персональных данных. Перечень информации и порядок ее получения установлен Законом о персональных данных;', + 'требовать от оператора уточнения его персональных данных, их блокирования или уничтожения в случае, если персональные данные являются неполными, устаревшими, неточными, незаконно полученными или не являются необходимыми для заявленной цели обработки, а также принимать предусмотренные законом меры по защите своих прав;', + 'выдвигать условие предварительного согласия при обработке персональных данных в целях продвижения на рынке товаров, работ и услуг;', + 'на отзыв согласия на обработку персональных данных, а также, на направление требования о прекращении обработки персональных данных;', + 'обжаловать в уполномоченный орган по защите прав субъектов персональных данных или в судебном порядке неправомерные действия или бездействие Оператора при обработке его персональных данных;', + 'на осуществление иных прав, предусмотренных законодательством РФ.', + ], + enumeration: false, + }, + { + title: 'Субъекты персональных данных обязаны:', + content: [ + 'предоставлять Оператору достоверные данные о себе;', + 'сообщать Оператору об уточнении (обновлении, изменении) своих персональных данных.', + ], + enumeration: false, + }, + 'Лица, передавшие Оператору недостоверные сведения о себе, либо сведения о другом субъекте персональных данных без согласия последнего, несут ответственность в соответствии с законодательством РФ.', + ], + }, + { + title: 'Принципы обработки персональных данных', + content: [ + 'Обработка персональных данных осуществляется на законной и справедливой основе', + 'Обработка персональных данных ограничивается достижением конкретных, заранее определенных и законных целей. Не допускается обработка персональных данных, несовместимая с целями сбора персональных данных.', + 'Не допускается объединение баз данных, содержащих персональные данные, обработка которых осуществляется в целях, несовместимых между собой.', + 'Обработке подлежат только персональные данные, которые отвечают целям их обработки.', + 'Содержание и объем обрабатываемых персональных данных соответствуют заявленным целям обработки. Не допускается избыточность обрабатываемых персональных данных по отношению к заявленным целям их обработки.', + 'При обработке персональных данных обеспечивается точность персональных данных, их достаточность, а в необходимых случаях и актуальность по отношению к целям обработки персональных данных. Оператор принимает необходимые меры и/или обеспечивает их принятие по удалению или уточнению неполных или неточных данных.', + 'Хранение персональных данных осуществляется в форме, позволяющей определить субъекта персональных данных, не дольше, чем этого требуют цели обработки персональных данных, если срок хранения персональных данных не установлен федеральным законом, договором, стороной которого, выгодоприобретателем или поручителем по которому является субъект персональных данных. Обрабатываемые персональные данные уничтожаются либо обезличиваются по достижении целей обработки или в случае утраты необходимости в достижении этих целей, если иное не предусмотрено федеральным законом.', + 'Не происходит передачи персональных данных при получении пользователем промокода, купона или других акций и скидок на сторонних ресурсах.', + ], + }, + { + title: 'Условия обработки персональных данных', + content: [ + 'Обработка персональных данных осуществляется с согласия субъекта персональных данных на обработку его персональных данных.', + 'Обработка персональных данных необходима для достижения целей, предусмотренных международным договором Российской Федерации или законом, для осуществления возложенных законодательством Российской Федерации на оператора функций, полномочий и обязанностей.', + 'Обработка персональных данных необходима для осуществления правосудия, исполнения судебного акта, акта другого органа или должностного лица, подлежащих исполнению в соответствии с законодательством Российской Федерации об исполнительном производстве.', + 'Обработка персональных данных необходима для исполнения договора, стороной которого либо выгодоприобретателем или поручителем по которому является субъект персональных данных, а также для заключения договора по инициативе субъекта персональных данных или договора, по которому субъект персональных данных будет являться выгодоприобретателем или поручителем.', + 'Обработка персональных данных необходима для осуществления прав и законных интересов оператора или третьих лиц либо для достижения общественно значимых целей при условии, что при этом не нарушаются права и свободы субъекта персональных данных.', + 'Осуществляется обработка персональных данных, доступ неограниченного круга лиц к которым предоставлен субъектом персональных данных либо по его просьбе (далее — общедоступные персональные данные).', + 'Осуществляется обработка персональных данных, подлежащих опубликованию или обязательному раскрытию в соответствии с федеральным законом.', + ], + }, + { + title: + 'Порядок сбора, хранения, передачи и других видов обработки персональных данных', + content: [ + 'Безопасность персональных данных, которые обрабатываются Оператором, обеспечивается путем реализации правовых, организационных и технических мер, необходимых для выполнения в полном объеме требований действующего законодательства в области защиты персональных данных.', + 'Оператор обеспечивает сохранность персональных данных и принимает все возможные меры, исключающие доступ к персональным данным неуполномоченных лиц.', + 'Персональные данные Пользователя никогда, ни при каких условиях не будут переданы третьим лицам, за исключением случаев, связанных с исполнением действующего законодательства либо в случае, если субъектом персональных данных дано согласие Оператору на передачу данных третьему лицу для исполнения обязательств по гражданско-правовому договору.', + 'В случае выявления неточностей в персональных данных, Пользователь может актуализировать их самостоятельно, путем направления Оператору уведомление на адрес электронной почты Оператора info@graff.tech с пометкой "Актуализация персональных данных".', + 'Срок обработки персональных данных определяется достижением целей, для которых были собраны персональные данные, если иной срок не предусмотрен договором или действующим законодательством. Пользователь может в любой момент отозвать свое согласие на обработку персональных данных, направив Оператору уведомление посредством электронной почты на электронный адрес Оператора info@graff.tech с пометкой "Отзыв согласия на обработку персональных данных".', + 'Вся информация, которая собирается сторонними сервисами, в том числе платежными системами, средствами связи и другими поставщиками услуг, хранится и обрабатывается указанными лицами (Операторами) в соответствии с их Пользовательским соглашением и Политикой конфиденциальности. Субъект персональных данных и/или с указанными документами. Оператор не несет ответственность за действия третьих лиц, в том числе указанных в настоящем пункте поставщиков услуг.', + 'Установленные субъектом персональных данных запреты на передачу (кроме предоставления доступа), а также на обработку или условия обработки (кроме получения доступа) персональных данных, разрешенных для распространения, не действуют в случаях обработки персональных данных в государственных, общественных и иных публичных интересах, определенных законодательством РФ.', + 'Оператор при обработке персональных данных обеспечивает конфиденциальность персональных данных.', + 'При осуществлении доставки товаров Оператор может собирать данные о конечной точке доставки и получателе, чтобы точно рассчитать маршрут. Грузоперевозка осуществляется с помощью транспортных компаний и курьерских служб доставки. Цены по тарифам перевозчика в зависимости от объёма и массы груза, а так же удалённости от точки отправки.', + 'Оператор осуществляет хранение персональных данных в форме, позволяющей определить субъекта персональных данных, не дольше, чем этого требуют цели обработки персональных данных, если срок хранения персональных данных не установлен федеральным законом, договором, стороной которого, выгодоприобретателем или поручителем по которому является субъект персональных данных.', + 'Условием прекращения обработки персональных данных может являться достижение целей обработки персональных данных, истечение срока действия согласия субъекта персональных данных, отзыв согласия субъектом персональных данных или требование о прекращении обработки персональных данных, а также выявление неправомерной обработки персональных данных.', + ], + }, + { + title: + 'Перечень действий, производимых Оператором с полученными персональными данными', + content: [ + 'Оператор осуществляет сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление и уничтожение персональных данных.', + 'Оператор осуществляет автоматизированную обработку персональных данных с получением и/или передачей полученной информации по информационно-телекоммуникационным сетям или без таковой.', + ], + }, + { + title: 'Трансграничная передача персональных данных', + content: [ + 'Оператор до начала осуществления деятельности по трансграничной передаче персональных данных обязан уведомить уполномоченный орган по защите прав субъектов персональных данных о своем намерении осуществлять трансграничную передачу персональных данных (такое уведомление направляется отдельно от уведомления о намерении осуществлять обработку персональных данных).', + 'Оператор до подачи вышеуказанного уведомления, обязан получить от органов власти иностранного государства, иностранных физических лиц, иностранных юридических лиц, которым планируется трансграничная передача персональных данных, соответствующие сведения.', + ], + }, + { + title: 'Конфиденциальность персональных данных', + content: [ + 'Оператор и иные лица, получившие доступ к персональным данным, обязаны не раскрывать третьим лицам и не распространять персональные данные без согласия субъекта персональных данных, если иное не предусмотрено федеральным законом.', + ], + }, + { + title: 'Заключительные положения', + content: [ + 'Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты info@graff.tech.', + 'В данном документе будут отражены любые изменения политики обработки персональных данных Оператором. Политика действует бессрочно до замены ее новой версией.', + 'Актуальная версия Политики в свободном доступе расположена в сети Интернет по адресу https://graff.training/policy.', + ], + }, + { + title: + 'Обработка персональных данных осуществляется Оператором на законной и справедливой основе, основными правовыми основаниями для обработки являются', + content: [ + 'Конституция Российской Федерации', + 'Трудовой кодекс Российской Федерации.', + 'Гражданский кодекс Российской Федерации.', + 'Налоговый кодекс Российской Федерации.', + 'Федеральный закон от 06.04.2011 № 63-ФЗ «Об электронной подписи».', + 'Федеральный закон от 07.07.2003 № 126-ФЗ «О связи».', + 'Федеральный закон от 27.07.2006 № 149-ФЗ «Об информации, информационных технологиях и о защите информации».', + 'Федеральный закон от 04.05.2011 № 99-ФЗ «О лицензировании отдельных видов деятельности».', + 'Федеральный закон от 06.12.2011 № 402-ФЗ «О бухгалтерском учете».', + 'Федеральный закон от 01.04.1996 № 27ФЗ «Об индивидуальном (персонифицирован-ном) учете в системе обязательного пенсионного страхования».', + 'Федеральный закон от 22.10.2004 № 125-ФЗ «Об архивном деле в РФ».', + 'Федеральный закон от 19.12.2012 № 273-ФЗ «Об образовании в Российской Федерации».', + 'Федеральный закон от 22.05.2003 № 54-ФЗ «О применении контрольно-кассовой техники при осуществлении наличных денежных расчетов и (или) расчетов с использованием электронных средств платежа.', + 'Федеральный закон от 12.01.1996 № 7-ФЗ «О некоммерческих организациях».', + 'Федеральный закон от 26.12.1995 № 208-ФЗ «Об акционерных обществах».', + 'Федеральный закон от 08.02.1998 № 14-ФЗ «Об обществах с ограниченной ответственностью».', + 'Закон РФ от 27.12.1991 № 2124-1 «О средствах массовой информации».', + ], + }, +]; diff --git a/src/main.tsx b/src/main.tsx index ac5e255..efde45f 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -4,6 +4,8 @@ import { RouterProvider, createBrowserRouter } from 'react-router-dom'; import { MainPage } from './pages/MainPage'; import { Layout } from './components/Layouts/Layout'; import CookiesPage from './pages/CookiesPage'; +import PolicyPage from './pages/PolicyPage'; +import PrivacyPolicyPage from './pages/PrivacyPolicyPage'; ReactDOM.createRoot(document.getElementById('root')!).render( +

+ + Политика в отношении обработки персональных данных +

+

+ Настоящая политика обработки персональных данных составлена в + соответствии с требованиями Федерального закона от 27.07.2006. № 152-ФЗ + "О персональных данных" (далее — Закон о персональных данных) и + определяет порядок обработки персональных данных и меры по обеспечению + безопасности персональных данных. Предпринимает их "ГРАФФИНТЕРАКТИВ" + (далее — Оператор). +

+
    + {policy.map(({ content, title }, index) => ( + + ))} +
+
+

Сведения об операторе:

+
+

ООО «ГРАФФИНТЕРАКТИВ»

ИНН 6679043968

+

Адрес: г. Екатеринбург, ул. Московская 47, офис 33

+
+
+
+ ); +} + +function PolicyItem({ + content, + title, + index, +}: { + title: string; + index: number; + content: ( + | string + | { title: string; content: string[]; enumeration?: boolean } + )[]; +}) { + return ( +
  • +

    + {index + 1}. {title} +

    +
    + {content.map((item, index1) => + typeof item !== 'string' ? ( +
    +

    + + {index + 1}.{index1 + 1}. + + {item.title} +

    + {item.content.map((contentItem, index2) => ( +

    + {item.enumeration ? ( + + {index + 1}.{index1 + 1}.{index2 + 1} + + ) : ( + • + )} + {contentItem} +

    + ))} +
    + ) : ( +

    + + {index + 1}.{index1 + 1} + + {item} +

    + ), + )} +
    +
    • + ); +} + +export default PolicyPage; diff --git a/src/pages/PrivacyPolicyPage.tsx b/src/pages/PrivacyPolicyPage.tsx new file mode 100644 index 0000000..3f40c32 --- /dev/null +++ b/src/pages/PrivacyPolicyPage.tsx @@ -0,0 +1,88 @@ +import { NavLink } from 'react-router-dom'; + +function PrivacyPolicyPage() { + return ( +
    +

    + Согласие на обработку персональных данных +

    +
    +

    + Я (Субъект) настоящим выражаю согласие Обществу с ограниченной + ответственностью "ГРАФФИНТЕРАКТИВ" (г Екатеринбург, ул Ляпустина, д. + 60, кв. 14), (далее – Оператор) на обработку персональных данных + следующих категорий: +

    +
      +
    • Фамилия, имя, отчество;
      • +
    • Адрес электронной почты;
      • +
    • Контактный номер телефона;
      • +
    +
    +
    +
    +

    + Обработка персональных данных осуществляется в следующих целях: +

    +
      +
    1. + Направление уведомлений, запросов и информации, касающихся + действий Оператора; +
      2. +
    2. + Обработка запросов и заявок от Субъекта, поступивших через + Интернет-сайт Оператора; +
      3. +
    3. + Улучшения клиентского опыта, качества обслуживания, предоставления + Субъекту дополнительных возможностей и услуг, а также + персонифицированных предложений Оператора и Партнеров Оператора, в + том числе путем осуществления прямых контактов с помощью средств + связи (номер телефона, адрес электронной почты и/или иным + способом); +
      4. +
    4. + Построения моделей, профилирования, таргетирования, + статистических, аналитических и иных исследований взаимодействия + Субъекта с Оператором, скоринга, обогащения и сегментации для + формирования и адаптации возможных услуг и предложений Оператора, + участия в программах и акциях Оператора; +
      5. +
    5. + А также в иных целях, указанных в на странице “Политика в + отношении обработки персональных данных” Оператора ( + + https://graff.training/policy + + ). +
      6. +
    +
    +
    +

    + Оператор осуществляет автоматизированную обработку, неавтоматизированную + и смешанную обработку персональных данных. Под обработкой персональных + данных понимается действие (операция) или совокупность действий + (операций) с персональными данными, а именно: сбор, запись, + систематизация, накопление, хранение, уточнение (обновление, изменение), + извлечение, использование, блокирование, удаление, уничтожение + персональных данных. Обработка персональных данных осуществляется в + течение срока действия договора и в течение 5 лет после его расторжения. + Субъект персональных данных вправе в любое время отозвать согласие на + обработку его персональных данных путём направления письменного + заявления Оператору по фактическому адресу: г. Екатеринбург, ул. + Московская 47, офис 33, или по адресу электронной почты: info@graff.tech +

    +

    + Оператор обрабатывает персональные данные в соответствии с пунктами на + странице “Политика в отношении обработки персональных данных”, с которой + вы можете подробнее ознакомиться по ссылке:{' '} + + https://graff.training/policy + +

    +
    + ); +} + +export default PrivacyPolicyPage;