mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-11-04 04:57:51 +00:00 
			
		
		
		
	This PR applies the following fixes 1. Images in emails have margins, causing unnecessary gaps when 1x1px images are loaded (ref: [42111](https://app.chatwoot.com/app/accounts/1/conversations/42111?messageId=96215315)) 2. Two adjacent `<br>` tags would add a huge gap, fixed this (ref: [42111](https://app.chatwoot.com/app/accounts/1/conversations/42111?messageId=96215315)) 3. Color for outgoing emails is wrong (ref: [41621](https://app.chatwoot.com/app/accounts/1/conversations/41621?messageId=93560032)) 4. Wrong list styles (see: [42372](https://app.chatwoot.com/app/accounts/1/conversations/42372?messageId=96208130)) 5. Wrong bubble color when outgoing message is sent by a bot or captain 6. Wrong avatar when outgoing message is sent by a bot or captain
		
			
				
	
	
		
			74 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			74 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
export const MESSAGE_TYPES = {
 | 
						|
  INCOMING: 0,
 | 
						|
  OUTGOING: 1,
 | 
						|
  ACTIVITY: 2,
 | 
						|
  TEMPLATE: 3,
 | 
						|
};
 | 
						|
 | 
						|
export const MESSAGE_VARIANTS = {
 | 
						|
  USER: 'user',
 | 
						|
  AGENT: 'agent',
 | 
						|
  ACTIVITY: 'activity',
 | 
						|
  PRIVATE: 'private',
 | 
						|
  BOT: 'bot',
 | 
						|
  ERROR: 'error',
 | 
						|
  TEMPLATE: 'template',
 | 
						|
  EMAIL: 'email',
 | 
						|
  UNSUPPORTED: 'unsupported',
 | 
						|
};
 | 
						|
 | 
						|
export const SENDER_TYPES = {
 | 
						|
  CONTACT: 'Contact',
 | 
						|
  USER: 'User',
 | 
						|
  AGENT_BOT: 'agent_bot',
 | 
						|
};
 | 
						|
 | 
						|
export const ORIENTATION = {
 | 
						|
  LEFT: 'left',
 | 
						|
  RIGHT: 'right',
 | 
						|
  CENTER: 'center',
 | 
						|
};
 | 
						|
 | 
						|
export const MESSAGE_STATUS = {
 | 
						|
  SENT: 'sent',
 | 
						|
  DELIVERED: 'delivered',
 | 
						|
  READ: 'read',
 | 
						|
  FAILED: 'failed',
 | 
						|
  PROGRESS: 'progress',
 | 
						|
};
 | 
						|
 | 
						|
export const ATTACHMENT_TYPES = {
 | 
						|
  IMAGE: 'image',
 | 
						|
  AUDIO: 'audio',
 | 
						|
  VIDEO: 'video',
 | 
						|
  FILE: 'file',
 | 
						|
  LOCATION: 'location',
 | 
						|
  FALLBACK: 'fallback',
 | 
						|
  SHARE: 'share',
 | 
						|
  STORY_MENTION: 'story_mention',
 | 
						|
  CONTACT: 'contact',
 | 
						|
  IG_REEL: 'ig_reel',
 | 
						|
};
 | 
						|
 | 
						|
export const CONTENT_TYPES = {
 | 
						|
  TEXT: 'text',
 | 
						|
  INPUT_TEXT: 'input_text',
 | 
						|
  INPUT_TEXTAREA: 'input_textarea',
 | 
						|
  INPUT_EMAIL: 'input_email',
 | 
						|
  INPUT_SELECT: 'input_select',
 | 
						|
  CARDS: 'cards',
 | 
						|
  FORM: 'form',
 | 
						|
  ARTICLE: 'article',
 | 
						|
  INCOMING_EMAIL: 'incoming_email',
 | 
						|
  INPUT_CSAT: 'input_csat',
 | 
						|
  INTEGRATIONS: 'integrations',
 | 
						|
  STICKER: 'sticker',
 | 
						|
};
 | 
						|
 | 
						|
export const MEDIA_TYPES = [
 | 
						|
  ATTACHMENT_TYPES.IMAGE,
 | 
						|
  ATTACHMENT_TYPES.VIDEO,
 | 
						|
  ATTACHMENT_TYPES.AUDIO,
 | 
						|
  ATTACHMENT_TYPES.IG_REEL,
 | 
						|
];
 |