NuanceMessagingActivity

To replace the default agent icon. Add an image drawables having following name to your resource folder

agent_bubble_icon.png for Agent Speech bubble icon.

To replace the default agent icon. Add an image drawables having following name to your resource folder

agent_bubble_icon.png for Agent Speech bubble icon.

To replace the default icon used in the Speech bubbles. Add two image drawables having following name to your resource folder

agentSpeechicon.png for Agent Speech bubble icon.

customerSpeechicon.png for Customer Speech bubble icon.

Name	type	default	description
useFooterHeight	bool	false	Setting this property to true make Send Button fill up whole footer height. <bool name="useFooterHeight">true</bool>
useGradientButton	bool	false	To set linear gradient color background. <bool name="useGradientButton">true</bool>
useArrowButton	bool	false	To display right Arrow send button. <bool name="useArrowButton">true</bool>
messagingSendTextColor	color	#FFFFFF	Change Send button Text color.
messagingSimpleBackground	color	#289728	Change background color of Simple send button.
messagingArrowBackground	color	#289728	Change background color of Arrow send button.
messagingSendBorderColor	color	#3bbdfa	Change border color of all button types.
messagingSendBorderSize	dimention	3dp	Change border size of all button types.
messagingSendBorderRadius	dimention	0dp	Change border color of Simple and Grandiant Button types. Cannot change border radius of Arrow Button.
messagingGradientStart	color	#75B900	Grandiant button background start color.
messagingGradientEnd	color	#289728	Grandiant button background end color.
messagingArrowColor	color	#FFFFFF	Set Arrow button arrow color.
messagingArrowPadding	dimention	20dp	Adjust the padding size to set the width and height of Arrow in Arrow Send Button.
messagingSendText	string	Send	Change the send button text.
messagingSendTextSize	dimention	16sp	Change the send button text size.
toggleSendStateAfterMsgSend	boolean	false	Set the send button to disabled state when Customer Text input contains 0 chars. Button will move to enabled state as soon as customer start typing.

SDK lets you set a drawable as the background of Messaging Simple Send button.

To set a background drawable, please add a drawable having the following name.

bg_simple_button.png or bg_simple_button.xml

In addition to the above properties , SDK also lets you customize send button by overriding the default Send button style.

			<style name="SimpleSendButtonDefault.SimpleSendButton">
				 <item name="android:padding">50dp</item>
			</style>


			<style name="SendContainerDefault.SendContainer">
			</style>

Application can configure to display a different background drawable when Simple send button is in disabled state.

When toggleSendStateAfterMsgSend boolean property is turned on, please add a drawable having the following name.

bg_simple_button_disabled.png or bg_simple_button_disabled.xml

Customer message input can also set a differnt background drawable when Input contains 0 characters (Send button is in disabled State).

When footer is diabled after a Messaging state error (agent left, network disconnect etc), please add a drawable having the following name.

bg_simple_button_error.png or bg_simple_button_error.xml

In addition to the above properties , SDK also lets you customize CustomerTextInput by overriding the default CustomerTextInput style.

<style name="CustomerInputDefault.CustomerTextInput">
	 <item name=""android:gravity">center</item>
</style>

<style name="MessagingInputContainerDefault.MessagingInputContainer"/>
</style>

Using the exposed Customer Input Style resources, application can configure the Customer Input to Grow and Shrink as user types

<style name="CustomerInputDefault.CustomerTextInput">
       <item name="android:layout_height">wrap_content</item>
       <item name="android:maxLines">4</item>
   </style>


  <style name="MessagingInputContainerDefault.MessagingInputContainer">
      <item name="android:layout_height">wrap_content</item>
  </style>
  <style name="MessagingFooterDefault.MessagingFooter">
      <item name="android:layout_height">wrap_content</item>
  </style>

Customer message input can also set a differnt background drawable when Input contains 0 characters (Send button is in disabled State).

When toggleSendStateAfterMsgSend boolean property is turned on, please add a drawable having the following name.

messaging_input_drawable_disabled.xml

Simple and Arrow transcript bubble are by default rendered using 2D graphics. SDK allows you to change the default rendering method by changing the below property

Background drawable is made of an xml drawable file comprising the above style properties. So you can continue to use the above properties to sytle simple transcript bubble.

To change the default background drawable, please add a drawable having the following name.

bg_agent_chat_bubble.9.png or bg_agent_chat_bubble.xml

bg_customer_chat_bubble.9.png or bg_customer_chat_bubble.xml

bg_typing_chat_bubble.9.png or bg_typing_chat_bubble.xml

In addition to the style properties , SDK also lets you customize transcript bubbles by overriding the default style. This only allowed in background drawble mode not in 2D graphics mode.

			/** agent bubble container **/
			<style name="AgentBubbleContainerDefault.AgentBubbleContainer">

			</style>
			/** agent bubble text view where background drawable is added **/
			<style name="AgentBubbleTextViewDefault.AgentBubbleTextView">

			</style>

			/** customer bubble container **/
			<style name="CustomerBubbleContainerDefault.CustomerBubbleContainer">

			</style>
			/** customer bubble text view where background drawable is added **/
			<style name="CustomerBubbleTextViewDefault.CustomerBubbleTextView">

			</style>

			<style name="TypingBubbleTextViewDefault.TypingBubbleTextView">

			</style>

			<style name="SystemBubbleTextViewDefault.SystemBubbleTextView">

			</style>

By default System Messages disappear after a new Agent or Customer message appear. But certain Systems messages can be configured to persist in the transcript.

SDK internally uses transfer_start_message.xml and transfer_connected_message.xml layout file to render the above System messages when persist mode is turned on.

Application can override these layout files to customize the default UI displayed for those messages. Here is an example where a divider is displayed for transfer start System message.

Speech transcript bubble are by default rendered using 2D graphics. SDK allows you to change the default rendering method by changing the below property

Background drawable is made of an xml drawable file comprising style properties from Simple transcript bubble, Note that style properties metioned above is not used when rendering mode is changed to drawable based. Simple transcript bubble style properties are instead used to style the message portion of speech transcript bubble.

To change the default bubble background drawable, please add a drawable having the following name.

bg_agent_chat_bubble.9.png or bg_agent_chat_bubble.xml

bg_customer_chat_bubble.9.png or bg_customer_chat_bubble.xml

bg_typing_chat_bubble.9.png or bg_typing_chat_bubble.xml

To change the default icons, please add a drawable having the following name.

ic_agent_speech.png

ic_customer_speech.png

In addition to the Simple transcript view style properties, following are avilable to style the container holding both icon and message

Name	type	default	example
agentSpeechMarginLeft	dimen	10dp
agentSpeechMarginRight	dimen	70dp
agentSpeechMarginTop	dimen	0dp
agentSpeechMarginBottom	dimen	0dp
customerSpeechMarginLeft	dimen	70dp
customerSpeechMarginRight	dimen	10dp
customerSpeechMarginTop	dimen	0dp
customerSpeechMarginBottom	dimen	0dp
groupMsgs	bool	false	Use this property to group agent and customer messages.

In addition to the style properties , SDK also lets you customize transcript bubbles by overriding the default style resource. This only allowed in background drawble mode not in 2D graphics mode.

			/** agent bubble container **/
			<style name="AgentBubbleContainerDefault.AgentBubbleContainer">

			</style>
			/** agent bubble text view where background drawable is added **/
			<style name="AgentBubbleTextViewDefault.AgentBubbleTextView">

			</style>

			/** customer bubble container **/
			<style name="CustomerBubbleContainerDefault.CustomerBubbleContainer">

			</style>
			/** customer bubble text view where background drawable is added **/
			<style name="CustomerBubbleTextViewDefault.CustomerBubbleTextView">

			</style>

			<style name="TypingBubbleTextViewDefault.TypingBubbleTextView">

			</style>

			<style name="SystemBubbleTextViewDefault.SystemBubbleTextView">

			</style>

			<style name="AgentSpeechContainerDefault.AgentSpeechContainer">

			</style>

			<style name="CustomerSpeechContainerDefault.CustomerSpeechContainer">

			</style>


			<style name="AgentSpeechIconDefault.AgentSpeechIcon">

			</style>

			<style name="CustomerSpeechIconDefault.CustomerSpeechIcon">

			</style>

Use the below style resource to customize Virtual agent message speech icon.

/** Below style resource inherits from AgentSpeechIconDefault.AgentSpeechIcon, Use this style in order to set different speech icon for VA responses**/
<style name="VirtualAgentSpeechIconDefault.AgentSpeechIcon">
	<item name="android:src">@drawable/ic_va_speech_icon</item>
</style>

/** To hide icon that is displayed as customer speech icon **/
<style name="CustomerSpeechIconDefault.CustomerSpeechIcon">
	<item name="android:src">@null</item>
</style>
			
			

<style name="TranscriptContainerDefault.TranscriptContainer">
</style>

<style name="MessagingFooterDefault.MessagingFooter">
    <item name="android:layout_height">150dp</item>
</style>


				
			

	 <style name="EmailDialogContainerDefault.EmailDialogContainer"></style>

	 <tyle name="EmailDialogBodyDefault.EmailDialogBody"></style>

    <style name="EmailDialogTitleDefault.EmailDialogTitle"></style>

	<style name="EmailDialogContactIconDefault.EmailDialogContactIcon"></style>

	<style name="EmailDialogEditTextDefault.EmailDialogEditText"></style>

	 <style name="EmailDialogEmailValidationErrorDefault.EmailDialogEmailValidationError"></style>

    <style name="EmailDialogButtonContainerDefault.EmailDialogButtonContainer"></style>

    <style name="EmailDialogNegativeButtonDefault.EmailDialogNegativeButton"></style>

    <style name="EmailDialogPositiveButtonDefault.EmailDialogPositiveButton"></style>

              NuanMessaging.getInstance().hideMinimizeMenuIcon(true/false);
          

<style name="ToolbarTitleDefault.ToolbarTitleDefault">
	 <item name=""android:gravity">center</item>
</style>

//Use this style class to change the look and feel of messaging toolbar.
 <style name="MessagingToolbarDefault.MessagingToolbar"></style>

NuanMessaging.getInstance().updateNuanceMessagingTitle("<big><b>HAVI</b></big>  <small><small><i>  Virtual assistant</i></small></small><br/><small>Visa grant 11803000000003</small>");

NuanMessaging.getInstance().updateNuanceMessagingLogo(R.drawable.test_icon);

	 //menu_messaging.xml
				<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

	<item
        android:id="@+id/action_minimize"
        android:icon="@drawable/ic_action_minimize"
        android:orderInCategory="4"
        android:title="@string/messaging_minimize_text"
        app:showAsAction="always"
        android:visible="false"/>
    <item
        android:id="@+id/action_close"
        android:icon="@drawable/ic_action_close"
        android:orderInCategory="5"
        android:title="@string/messaging_close_text"
        app:showAsAction="always"
      />



//menu_messaging_left.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

		NuanMessaging.getInstance().setMessageOnMinimizedListener(new OnSuccessListener() {
                    @Override
                    public void onResponse(GetMessageResponse response) {
                        if (response.getMessageType().equals(MessageTypes.TYPE_CHATLINE))

                            System.out.println(response.getMessageType());
                    }
                });

    // Nina container view style
    <style name="NinaNativeViewDefault.NinaNativeView" />
	//Nina Link button style
    <style name="NinaBubbleButtonDefault.NinaBubbleButton" />
	//Nina Text style
    <style name="NinaBubbleTextViewDefault.NinaBubbleTextView" />
    //Nina Image style
    <style name="NinaBubbleImageDefault.NinaBubbleImage" />
    <style name="NinaNativeImageContainerDefault.NinaNativeImageContainer" />

	<style name="NinaNativeListViewDefault.NinaNativeListView" />
	<style name="NinaNativeLiContainerDefault.NinaNativeLiContainer" />

	//Style resources when showFirstVAImageOut set to true

	<style name="NinaImageContainerDefault.NinaImageContainer"></style>

<style name="InputLimitTextView.InputTextTextView"></style>
   
<style name="InputLimitContainerDefault.InputLimitContainer"></style>

<style name="CustomerBubbleTextViewDefault.CustomerBubbleTextView">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:gravity">right</item>
</style>

<style name="CustomerBubbleContainerDefault.CustomerBubbleContainer">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_alignParentRight">true</item>
</style>

<style name="CustomerBubbleTimeStampDefault.CustomerBubbleTimeStamp">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:gravity">right</item>
</style>

 	<style name="DisclaimerContainerDefault.DisclaimerContainer"/>
    <style name="DisclaimerHeaderDefault.disclaimerHeader"/>

//Add below styles to your style.xml file
   <style name="AgentBubbleContainerDefault.AgentBubbleContainer">
            <item name="android:layout_marginStart">@dimen/agentBubbleMarginLeft</item>
            <item name="android:layout_marginEnd">@dimen/agentBubbleMarginRight</item>
        </style>
        <style name="AgentBubbleTextViewDefault.AgentBubbleTextView">
            <item name="android:gravity">start</item>
            <item name="android:textAlignment">gravity</item>
            <item name="android:textDirection">locale</item>
        </style>
        <style name="NinaNativeViewDefault.NinaNativeView">
            <item name="android:gravity">start</item>
            <item name="android:textAlignment">gravity</item>
            <item name="android:textDirection">locale</item>
        </style>
        <style name="CustomerBubbleContainerDefault.CustomerBubbleContainer">
            <item name="android:layout_marginStart">@dimen/customerBubbleMarginLeft</item>
            <item name="android:layout_marginEnd">@dimen/customerBubbleMarginRight</item>
        </style>
        <style name="CustomerBubbleTextViewDefault.CustomerBubbleTextView">
            <item name="android:gravity">start</item>
            <item name="android:textAlignment">gravity</item>
            <item name="android:textDirection">locale</item>
        </style>
        <style name="SystemBubbleTextViewDefault.SystemBubbleTextView">
            <item name="android:layout_marginStart">@dimen/systemBubbleMarginLeft</item>
            <item name="android:layout_marginEnd">@dimen/systemBubbleMarginRight</item>
        </style>
        <style name="TypingBubbleTextViewDefault.TypingBubbleTextView">
            <item name="android:layout_marginStart">@dimen/typingBubbleMarginLeft</item>
            <item name="android:layout_marginEnd">@dimen/typingBubbleMarginRight</item>
        </style>
        <style name="AgentBubbleTimeStampDefault.AgentBubbleTimeStamp">
            <item name="android:gravity">end</item>
        </style>

        <style name="CustomerBubbleTimeStampDefault.CustomerBubbleTimeStamp">
            <item name="android:paddingStart">@dimen/timestampPadding</item>
        </style>
        <style name="AgentSpeachContainerDefault.AgentSpeechContainer">
            <item name="android:layout_marginStart">@dimen/agentSpeechMarginLeft</item>
            <item name="android:layout_marginEnd">@dimen/agentSpeechMarginRight</item>
        </style>

        <style name="CustomerSpeachContainerDefault.CustomerSpeechContainer">
            <item name="android:layout_marginStart">@dimen/customerSpeechMarginLeft</item>
            <item name="android:layout_marginEnd">@dimen/customerSpeechMarginRight</item>
        </style>
        <style name="AgentSpeechIconDefault.AgentSpeechIcon">
            <item name="android:layout_alignParentStart">true</item>
        </style>
        <style name="CustomerSpeechIconDefault.CustomerSpeechIcon">
            <item name="android:layout_alignParentEnd">true</item>
        </style>
        <style name="EmailDialogEditTextDefault.EmailDialogEditText">
            <item name="android:layout_alignParentStart">true</item>
        </style>
        <style name="TranslatorContainerDefault.TranslatorContainer">
            <item name="android:layout_alignParentStart">true</item>
        </style>
		<style name="MessagingInputContainerDefault.MessagingInputContainer" >
			<item name="android:layout_toEndOf">@+id/translator_container</item>
		</style>
		<style name="TranslatorProcessingContainerDefault.TranslatorProcessingContainer">
			<item name="android:layout_toEndOf">@+id/translator_container</item>
			<item name="android:paddingEnd">35dp</item>
		</style>
		<style name="EmailDialogNegativeButtonDefault.EmailDialogNegativeButton">
			<item name="android:gravity">start|center_vertical</item>

		</style>
		<style name="EmailDialogContactIconDefault.EmailDialogContactIcon">
			<item name="android:layout_alignParentEnd">true</item>
		</style>