{"id":17434251,"url":"https://github.com/flowXM/angular-yandex-smart-captcha","last_synced_at":"2026-09-13T10:30:20.920Z","repository":{"id":258052374,"uuid":"864591422","full_name":"flowXM/angular-yandex-smart-captcha","owner":"flowXM","description":"Angular Yandex SmartCaptcha component","archived":false,"fork":false,"pushed_at":"2024-09-28T22:36:06.000Z","size":176,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-01T07:35:04.069Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/flowXM.png","metadata":{"files":{"readme":"README.RU.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-28T16:18:13.000Z","updated_at":"2024-12-25T07:50:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"98edea62-6c28-455a-a3c0-1258c9bf22df","html_url":"https://github.com/flowXM/angular-yandex-smart-captcha","commit_stats":null,"previous_names":["flowxm/angular-yandex-smart-captcha"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/flowXM/angular-yandex-smart-captcha","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flowXM%2Fangular-yandex-smart-captcha","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flowXM%2Fangular-yandex-smart-captcha/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flowXM%2Fangular-yandex-smart-captcha/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flowXM%2Fangular-yandex-smart-captcha/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flowXM","download_url":"https://codeload.github.com/flowXM/angular-yandex-smart-captcha/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flowXM%2Fangular-yandex-smart-captcha/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":341189360,"owners_count":37269362,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-22T15:14:58.755Z","status":"online","status_checked_at":"2026-09-13T02:00:22.117Z","response_time":122,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-17T09:01:25.020Z","updated_at":"2026-09-13T10:30:20.913Z","avatar_url":"https://github.com/flowXM.png","language":"TypeScript","funding_links":[],"categories":["Third Party Components"],"sub_categories":["Captcha"],"readme":"# Angular Yandex SmartCaptcha\n\n[![en](https://img.shields.io/badge/english-blue?style=for-the-badge)](README.md)\n[![ru](https://img.shields.io/badge/%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9-red?style=for-the-badge)](README.RU.md)\n\nЭта библиотека добавляет компонент Yandex SmartCaptcha в ваше Angular приложение, обеспечивая простой способ интеграции CAPTCHA для защиты ваших форм и других взаимодействий с пользователями.\n\n## Использование\n\nДля использования Yandex SmartCaptcha в шаблоне вставьте компонент в ваш HTML-код и укажите необходимые свойства:\n```html\n\u003cyandex-smart-captcha [clientKey]=\"yourClientKey\"\u003e\u003c/yandex-smart-captcha\u003e\n```\nЗамените `yourClientKey` на ваш действительный [клиентский ключ](https://yandex.cloud/ru/docs/smartcaptcha/concepts/keys).\n\n## Пример\n\n```html\n\u003cform (ngSubmit)=\"onSubmit()\"\u003e\n  \u003cyandex-smart-captcha \n    [clientKey]=\"yourClientKey\" \n    [language]=\"'ru'\"\n    (onSuccess)=\"onCaptchaSuccess($event)\"\u003e\n  \u003c/yandex-smart-captcha\u003e\n  \u003cbutton type=\"submit\"\u003eОтправить\u003c/button\u003e\n\u003c/form\u003e\n```\n\n```typescript\nonCaptchaSuccess(token: string) {\n  console.log('CAPTCHA успешно пройдена:', token);\n  // Обработка токена (например, отправка на сервер для валидации)\n}\n```\n\n## API\n\n\u003e Важно проинформировать пользователей о том, что их данные обрабатываются SmartCaptcha. Если вы скрываете [уведомление о обработке данных](https://yandex.cloud/ru/docs/smartcaptcha/concepts/invisible-captcha#data-processing-notice), вы должны найти альтернативный способ уведомления пользователей.\n\n### Свойства (Input Properties)\n\n| Свойство             | Описание                                                                                                                                                                                                  | Тип                                                                                              | Значение по умолчанию       | Требуется   |\n| -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | --------------------------- | ----------- |\n| `[clientKey]`        | [Клиентский ключ](https://yandex.cloud/ru/docs/smartcaptcha/concepts/keys), необходимый для запуска CAPTCHA.                                                                                             | `string`                                                                                          | -                           | Да          |\n| `[language]`         | Язык интерфейса виджета.                                                                                                                                                                                   | `'ru' \\| 'en' \\| 'be' \\| 'kk' \\| 'tt' \\| 'uk' \\| 'uz' \\| 'tr'`                                    | `window.navigator.language` | Опционально |\n| `[test]`             | Если `true`, CAPTCHA работает в тестовом режиме и всегда показывает проверку. Используйте это свойство только для отладки и тестирования.                                                                  | `boolean`                                                                                         | `false`                     | Опционально |\n| `[webview]`          | Установите значение `true`, если CAPTCHA используется в **WebView** для мобильных приложений, чтобы улучшить точность проверки.                                                                             | `boolean`                                                                                         | `false`                     | Опционально |\n| `[invisible]`        | Включает [невидимую CAPTCHA](https://yandex.cloud/ru/docs/smartcaptcha/concepts/invisible-captcha).                                                                                                       | `boolean`                                                                                         | `false`                     | Опционально |\n| `[shieldPosition]`   | Положение [уведомления о обработке данных](https://yandex.cloud/ru/docs/smartcaptcha/concepts/invisible-captcha#data-processing-notice).                                                                  | `'top-left' \\| 'center-left' \\| 'bottom-left' \\| 'top-right' \\| 'center-right' \\| 'bottom-right'` | `center-right`              | Опционально |\n| `[hideShield]`       | Скрывает [уведомление о обработке данных](https://yandex.cloud/ru/docs/smartcaptcha/concepts/invisible-captcha#data-processing-notice). Вы должны по-прежнему информировать пользователей о обработке данных. | `boolean`                                                                                         | `false`                     | Опционально |\n\n### События (Output Events)\n\n| Событие              | Описание                                                            | Тип                        |\n| -------------------- | ------------------------------------------------------------------- | -------------------------- |\n| `(onCallback)`       | Срабатывает при вызове обратного вызова.                            | `EventEmitter\u003cstring\u003e`     |\n| `(onChallengeVisible)`| Срабатывает, когда отображается всплывающее окно проверки CAPTCHA. | `EventEmitter\u003cvoid\u003e`       |\n| `(onChallengeHidden)`| Срабатывает, когда всплывающее окно проверки CAPTCHA закрывается.   | `EventEmitter\u003cvoid\u003e`       |\n| `(onNetworkError)`   | Срабатывает при сетевой ошибке во время загрузки или проверки CAPTCHA.| `EventEmitter\u003cvoid\u003e`       |\n| `(onJavaScriptError)`| Срабатывает при критической ошибке JavaScript во время выполнения CAPTCHA. | `EventEmitter\u003cCaptchaError\u003e`|\n| `(onSuccess)`        | Срабатывает, когда проверка пользователя успешно завершена, возвращая токен проверки. | `EventEmitter\u003cstring\u003e`     |\n| `(onTokenExpired)`   | Срабатывает, когда срок действия токена истекает, указывая на необходимость повторной проверки. | `EventEmitter\u003cvoid\u003e`       |\n\n## Методы\n\nНиже приведены методы, которые можно вызывать у экземпляра компонента CAPTCHA:\n\n| Метод        | Описание                                                           |\n| ------------ | ------------------------------------------------------------------ |\n| `execute()`  | Запускает проверку пользователя. Полезно для запуска невидимой CAPTCHA при выполнении определенного действия, например, отправке формы. |\n| `reset()`    | Сбрасывает виджет CAPTCHA в исходное состояние, удаляя предыдущие данные или ответы. |\n| `showError()`| Переводит виджет в состояние ошибки, что может быть использовано для указания на проблемы с проверкой или отправкой. |\n| `getResponse()` | Возвращает текущий ответ CAPTCHA (токен). Может быть использован для ручной обработки логики отправки данных. |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FflowXM%2Fangular-yandex-smart-captcha","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FflowXM%2Fangular-yandex-smart-captcha","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FflowXM%2Fangular-yandex-smart-captcha/lists"}