rendered list in the beginning >>
[Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object] list.js:30

rendered list in the beginning >>
[] list.js:30

[Object, Object, Object, Object]
0: Object
method: "paypal_express"
title: "PayPal Express Checkout"
__proto__: Object
1: Object
method: "purchaseorder"
title: "Purchase Order"
__proto__: Object
2: Object
method: "checkmo"
title: "Check / Money order"
__proto__: Object
3: Object
method: "free"
title: "No Payment Information Required"
__proto__: Object
length: 4
__proto__: Array[0]

<item name="component" xsi:type="string">Tmo_Checkout/js/view/shipping</item>
     <item name="provider" xsi:type="string">checkoutProvider</item>
     <item name="sortOrder" xsi:type="string">1</item>
     <item name="children" xsi:type="array">
           <item name="customer-email" xsi:type="array">
                <item name="component" xsi:type="string">Tmo_Checkout/js/view/form/element/username</item>
                <item name="displayArea" xsi:type="string">customer-email</item>
                <item name="tooltip" xsi:type="array">
                      <item name="description" xsi:type="string" translate="true">We'll send your order confirmation here.</item>
                </item>
                <item name="children" xsi:type="array">
                      <item name="before-login-form" xsi:type="array">
                      <item name="component" xsi:type="string">uiComponent</item>
                      <item name="displayArea" xsi:type="string">before-login-form</item>
                      <item name="children" xsi:type="array">
                            <!-- before login form fields -->
                      </item>
               </item>
               <item name="additional-login-form-fields" xsi:type="array">
                   <item name="component" xsi:type="string">uiComponent</item>
                   <item name="displayArea" xsi:type="string">additional-login-form-fields</item>
                   <item name="children" xsi:type="array">
                      <!-- additional login form fields -->
               </item>
          </item>
     </item>
</item>

Custom_Payment/js/view/payment/method-renderer/custom-payment-renderer

Custom_Payment/view/frontend/web/template/payment/custom-payment.html

var config = {
map: {
    '*': {
        'Magento_Checkout/js/model/customer-email-validator':'MyCompany_Checkout/js/model/customer-email-validator',
        'Magento_Checkout/js/model/step-navigator':'MyCompany_Checkout/js/model/step-navigator',
        'Magento_Checkout/js/view/payment/email-validator':'MyCompany_Checkout/js/view/payment/email-validator',
        'Magento_Checkout/js/view/form/element/email':'MyCompany_Checkout/js/view/form/element/username',
        'Magento_Checkout/js/view/shipping':'MyCompany_Checkout/js/view/shipping',
        'Magento_Checkout/js/view/authentication':'MyCompany_Checkout/js/view/authentication',
        'Magento_Checkout/js/checkout-data':'MyCompany_Checkout/js/checkout-data',
        'Magento_Checkout/js/model/shipping-save-processor/default':'MyCompany_Checkout/js/model/shipping-save-processor/default'
    }
}
};

<preference for="MagentoCheckoutBlockCheckoutLayoutProcessor"
           type="TmoCheckoutBlockCheckoutLayoutProcessorPreference" />

if(isset($jsLayout['components']['checkout']['children']['steps']
         ['children']['shipping-step']['children']['shippingAddress']
         ['children']['customer-email']['component']))
{
  $jsLayout['components']['checkout']['children']['steps']['children']
           ['shipping-step']['children']['shippingAddress']['children']
           ['customer-email']['component'] = 'Tmo_Checkout/js/view/form/element/username';
}

if(isset($jsLayout['components']['checkout']['children']['authentication']['component']))
{
      $jsLayout['components']['checkout']['children']['authentication']['component'] = 'Tmo_Checkout/js/view/authentication';
}