custom/plugins/LaudertFriendlyCaptcha/src/Resources/views/storefront/component/captcha/friendlyCaptcha.html.twig line 1

Open in your IDE?
  1. {% block component_captcha_friendly_captcha %}
  2.     {% set configNamespace = constant('Laudert\\FriendlyCaptcha\\LaudertFriendlyCaptcha::CONFIG_KEY') %}
  3.     {% set siteKey = config('%s.config.siteKey'|format(configNamespace)) %}
  4.     {% set secretKey = config('%s.config.secretKey'|format(configNamespace)) %}
  6.     {% if siteKey and secretKey %}
  7.         {% set locale = app.request.locale|slice(0, 2) %}
  9.         {% set supportedLanguages = [
  10.             'en', 'fr', 'de', 'it', 'nl', 'pt', 'es', 'ca', 'da',
  11.             'ja', 'el', 'uk', 'bg', 'cs', 'sk', 'no', 'fi', 'lt',
  12.             'pl', 'et', 'hr', 'sr', 'sl', 'hu', 'ro', 'nb', 'zh'
  13.         ] %}
  14.         {% set friendlyCaptchaOptions = {
  15.             jsPluginOptions: {
  16.                 deliveryMethod: config('%s.config.deliveryMethod'|format(configNamespace)),
  17.                 polyfill: config('%s.config.polyfill'|format(configNamespace))
  18.             },
  19.             puzzleEndpoints: {
  20.                 global: 'https://api.friendlycaptcha.com/api/v1/puzzle',
  21.                 europe: 'https://eu-api.friendlycaptcha.eu/api/v1/puzzle'
  22.             },
  23.             lang: locale in supportedLanguages ? locale : 'en'
  24.         } %}
  26.         {% set puzzleEndpoint = friendlyCaptchaOptions.puzzleEndpoints.global %}
  27.         {% if config('%s.config.endpointSelection'|format(configNamespace)) == 'europe' %}
  28.             {% set puzzleEndpoint = friendlyCaptchaOptions.puzzleEndpoints.europe %}
  29.             {% if config('%s.config.endpointSelectionFallback'|format(configNamespace)) %}
  30.                 {% set puzzleEndpoint = puzzleEndpoint ~ "," ~ friendlyCaptchaOptions.puzzleEndpoints.global %}
  31.             {% endif %}
  32.         {% endif %}
  34.         {% block component_friendly_captcha_form_row %}
  35.             <div class="form-row friendly-captcha">
  36.                 {% block component_friendly_captcha_form_group %}
  37.                     <div class="form-group {% if additionalClass %}{{ additionalClass }}{% else %}col-md-6{% endif %}">
  38.                         {% block component_friendly_captcha_widget %}
  39.                             {% set themeName = config('%s.config.theme.name'|format(configNamespace)) %}
  41.                             <div
  42.                                 {# @see https://docs.friendlycaptcha.com/#/theme?id=dark-mode #}
  43.                                 class="frc-captcha{% if 'dark' === themeName %} dark{% endif %}"
  44.                                 {# this needs to be set with the html api or friendly captcha will issue a warning in the console. #}
  45.                                 data-sitekey="{{ siteKey }}" data-lang="{{ friendlyCaptchaOptions.lang }}"
  46.                                 data-friendly-captcha-plugin="true" data-start="{{ config('%s.config.startMode'|format(configNamespace)) }}"
  47.                                 data-puzzle-endpoint="{{ puzzleEndpoint }}"
  48.                                 data-friendly-captcha-plugin-options='{{ friendlyCaptchaOptions.jsPluginOptions|json_encode }}'
  49.                             >
  50.                                 {# this div cannot be self closing because the form rows would break #}
  51.                             </div>
  52.                         {% endblock %}
  54.                         <noscript>
  55.                             {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  56.                                 type: 'warning',
  57.                                 heading: 'captcha.noscriptHeadline'|trans|sw_sanitize,
  58.                                 content: 'captcha.noscriptNotice'|trans|sw_sanitize
  59.                             } %}
  60.                         </noscript>
  61.                     </div>
  62.                 {% endblock %}
  63.             </div>
  64.         {% endblock %}
  65.     {% endif %}
  66. {% endblock %}