public function template() {
        global $usces;

        $this->agree_member = isset($usces->options['agree_member']) && 'activate' === $usces->options['agree_member'];
        $noncekey = 'post_member' . $usces->get_uscesid(false);
        $nonce = wp_create_nonce($noncekey);
        $propsAndEvents = [];
        if ($this->controlledComponent === true) {
            $propsAndEvents[] = '@update-payload="updatePayload"';
            $propsAndEvents[] = '@delete-from-payload="deleteFromPayload"';
        }
        $allPropsAndEvents = join(' ', $propsAndEvents);

        ?>
        <register-with-amazon-component
            inline-template
            wcnonce="<?php echo $nonce; ?>"
            <?php echo $allPropsAndEvents; ?>
        >
            <div v-cloak>
                <div class="newmember-comp">
                    <div id="regcheckbox" class="ui checkbox regcheckbox">
                        <input v-model="regnewmember" type="checkbox" id="regnewmember" class="hidden">
                        <label for="regnewmember">
                            <?php _e('Register as a new member', 'wcexaap'); ?>
                        </label>
                    </div>
                    <?php
                    /**
                     * Fires between the checkbox and terms and conditions textarea displayed on the Quickpay page
                     *
                     * @param \Aivec\Welcart\SettlementModules\AmazonPay\Components\RegisterWithAmazon\RegisterWithAmazon $instance
                     */
                    do_action('wcexaap_checkout_review_after_register_checkbox', $this);
                    ?>
                    <?php if ($this->agree_member === true) : ?>
                        <div class="ui small form">
                            <?php echo $this->termsAndConditions(); ?>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </register-with-amazon-component>
        <?php
    }