export const paymentMethodsSelectors = {
  paymentMethodsNavBtn: '[data-testid=payment-methods-nav]',
  paymentMethodsViewBtn: '[data-testid=payment-method-cta-btn]',
  paymentMethodsView: '[data-testid=payment-methods-card]',
  detailsModal: {
    container: '[data-testid=payment-method-details-modal]',
    autoCloseAlert: '[data-testid=auto-close-alert]',
    closeButton: '[data-testid=close-view-payment-method-modal-btn]'
  },
  accessRequestModal: {
    container: '[data-testid=payment-details-request-modal]',
    permissionCheckbox: '[data-testid=permission-checkbox]',
    noAuthButton: '[data-testid=no-authentication-btn]',
    codeInput: '[data-testid=code-input]',
    submitButton: '[data-testid=submit-button]',
    cardHeader: '[data-testid=card-header]',
    closeButton: '.icon-cross',
    cancelButton: '[data-testid=cancel-button]'
  },
  fallbackModal: {
    container: '[data-testid=payment-details-request-modal]',
    justificationDetails: '[data-testid=justification-details]',
    justificationSelect: '[data-testid=justification-select]',
    submitButton: '[data-testid=submit-button]'
  }
};