{% block storefront_component_swag_amazon_pay_amazon_pay_button %}
{% if page.extensions.SwagAmazonPayButton is not null %}
{% block storefront_component_swag_amazon_pay_amazon_pay_button_wrapper %}
<div class="swag-amazon-pay-wrapper{% if identifier is not null %} {{ identifier }}{% endif %}"
{% if page.extensions.SwagAmazonPayButton.hideButton %} hidden="hidden"{% endif %}>
{% block storefront_component_swag_amazon_pay_amazon_pay_button_insecure_request_notification %}
{% if page.extensions.SwagAmazonPayButton.secureRequest != 1 %}
<div class="swag-amazon-pay-button-tooltip-overlay connection-is-insecure"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="{{ "SwagAmazonPay.errors.insecure"|trans|striptags }}">
<div class="swag-amazon-pay-button-error connection-is-insecure"
hidden="hidden">
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: "danger",
content: 'SwagAmazonPay.errors.insecure' |trans|striptags
} %}
</div>
</div>
{% endif %}
{% endblock %}
{% block storefront_component_swag_amazon_pay_amazon_pay_button_loading_indicator %}
<div id="swag-amazon-pay-loading-indicator{% if identifier is not null %}-{{ identifier }}{% endif %}"
class="swag-amazon-pay-loading-indicator{% if identifier is not null %} {{ identifier }}{% endif %}"
hidden="hidden">
</div>
{% endblock %}
{% block storefront_component_swag_amazon_pay_amazon_pay_button_container %}
<div id="swag-amazon-pay-button-container{% if identifier is not null %}-{{ identifier }}{% endif %}"
class="swag-amazon-pay-button-container{% if identifier is not null %} {{ identifier }}{% endif %}"
data-amazon-pay-button="true"
data-amazon-pay-button-options='{
"libraryUrl": "{{ page.extensions.SwagAmazonPayButton.libraryUrl }}",
"loadingElementId": "swag-amazon-pay-loading-indicator{% if identifier is not null %}-{{ identifier }}{% endif %}",
"errorElementId": "swag-amazon-pay-button-error{% if identifier is not null %}-{{ identifier }}{% endif %}",
"createCheckoutSessionConfig": {
"payloadJSON": "{{ page.extensions.SwagAmazonPayButton.payload | escape('js') }}",
"signature": "{{ page.extensions.SwagAmazonPayButton.signature }}",
"publicKeyId": "{{ page.extensions.SwagAmazonPayButton.publicKeyId }}"
},
"buttonConfig": {
{% block storefront_component_swag_amazon_pay_amazon_pay_button_config %}
"merchantId": "{{ page.extensions.SwagAmazonPayButton.merchantId }}",
"sandbox": {% if page.extensions.SwagAmazonPayButton.sandbox == 1 %}true{% else %}false{% endif %},
"ledgerCurrency": "{{ page.extensions.SwagAmazonPayButton.ledgerCurrency }}",
"checkoutLanguage": "{{ page.extensions.SwagAmazonPayButton.checkoutLanguage }}",
"placement": "{{ page.extensions.SwagAmazonPayButton.placement }}",
"productType": "{{ page.extensions.SwagAmazonPayButton.productType }}",
"buttonColor": "{{ page.extensions.SwagAmazonPayButton.buttonColor }}",
"estimatedOrderAmount": {% if page.extensions.SwagAmazonPayButton.estimatedOrderAmount %}{{ page.extensions.SwagAmazonPayButton.estimatedOrderAmount|json_encode }}{% else %}null{% endif %}
{% endblock %}
}}'>
</div>
{% endblock %}
{% block storefront_component_swag_amazon_pay_amazon_pay_button_error %}
<div id="swag-amazon-pay-button-error{% if identifier is not null %}-{{ identifier }}{% endif %}"
class="swag-amazon-pay-button-error {% if identifier is not null %}{{ identifier }}{% endif %}"
hidden="hidden">
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: "danger",
content: 'SwagAmazonPay.errors.generic' | trans
} %}
</div>
{% endblock %}
</div>
{% endblock %}
{% endif %}
{% endblock %}