updateblocking.js

define([
    "jquery",
    'mage/template',
    "Magento_Ui/js/modal/modal",
    'mage/translate'
], function ($) {
    return function (config) {
        var blockingSuccessBtnMsg = $('#fastly-update-blocking-success-button-msg');
        var blockingErrorBtnMsg = $('#fastly-update-blocking-error-button-msg');

        $('#fastly_update_blocking_button').on('click', function () {

            blockingSuccessBtnMsg.text();
            blockingSuccessBtnMsg.hide();
            blockingErrorBtnMsg.text();
            blockingErrorBtnMsg.hide();

            $.ajax({
                type: "POST",
                url: config.updateBlockingUrl,
                showLoader: true,
                data: {
                    'service_id': $('#system_full_page_cache_fastly_fastly_service_id').val(),
                    'api_key': $('#system_full_page_cache_fastly_fastly_api_key').val(),
                    'acls': $('#system_full_page_cache_fastly_fastly_blocking_block_by_acl').serializeArray(),
                    'countries': $('#system_full_page_cache_fastly_fastly_blocking_block_by_country').serializeArray()
                },
                cache: false,
                success: function (response) {
                    if (response.status == false) {
                        return blockingErrorBtnMsg.text($.mage.__('Please make sure that blocking is enabled.')).show();
                    } else {
                        return blockingSuccessBtnMsg.text($.mage.__('Blocking snippet has been updated successfully.')).show();
                    }
                },
                error: function (msg) {
                    return blockingErrorBtnMsg.text($.mage.__('An error occurred while processing your request. Please try again.')).show();
                }
            });
        });
    };
});