mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-11-01 03:27:52 +00:00 
			
		
		
		
	 458ed1e26d
			
		
	
	458ed1e26d
	
	
	
		
			
			We recently introduced the WhatsApp Embedded Signup flow in Chatwoot to simplify onboarding. However, we discovered two important limitations: Some customers’ numbers are already linked to an Embedded Signup, which blocks re-use. Tech providers cannot onboard their own numbers via Embedded Signup. As a result, we need to support both Manual and Embedded Signup flows to cover all scenarios. ### Problem - Current UI only offers the Embedded Signup option. - Customers who need to reuse existing numbers (already connected to WABA) or tech providers testing their own numbers get stuck. - Manual flow exists but is no longer exposed in the UX **Current Embedded Signup screen** <img width="2564" height="1250" alt="CleanShot 2025-08-21 at 21 58 07@2x" src="https://github.com/user-attachments/assets/c3de4cf1-cae6-4a0e-aa9c-5fa4e2249c0e" /> **Current Manual Setup screen** <img width="2568" height="1422" alt="CleanShot 2025-08-21 at 22 00 25@2x" src="https://github.com/user-attachments/assets/96408f97-3ffe-42d1-9019-a511e808f5ac" /> ### Solution - Design a dual-path UX in the Create WhatsApp Inbox step that: - Offers Embedded Signup (default/recommended) for new numbers and businesses. - Offers Manual Setup for advanced users, existing linked numbers, and tech providers. <img width="2030" height="1376" alt="CleanShot 2025-09-01 at 14 13 16@2x" src="https://github.com/user-attachments/assets/6f17e5a2-a2fd-40fb-826a-c9ee778be795" /> --------- Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> Co-authored-by: iamsivin <iamsivin@gmail.com>
		
			
				
	
	
		
			72 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			72 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| export default {
 | |
|   GRAVATAR_URL: 'https://www.gravatar.com/avatar/',
 | |
|   ASSIGNEE_TYPE: {
 | |
|     ME: 'me',
 | |
|     UNASSIGNED: 'unassigned',
 | |
|     ALL: 'all',
 | |
|   },
 | |
|   STATUS_TYPE: {
 | |
|     OPEN: 'open',
 | |
|     RESOLVED: 'resolved',
 | |
|     PENDING: 'pending',
 | |
|     SNOOZED: 'snoozed',
 | |
|     ALL: 'all',
 | |
|   },
 | |
|   SORT_BY_TYPE: {
 | |
|     LAST_ACTIVITY_AT_ASC: 'last_activity_at_asc',
 | |
|     LAST_ACTIVITY_AT_DESC: 'last_activity_at_desc',
 | |
|     CREATED_AT_ASC: 'created_at_asc',
 | |
|     CREATED_AT_DESC: 'created_at_desc',
 | |
|     PRIORITY_ASC: 'priority_asc',
 | |
|     PRIORITY_DESC: 'priority_desc',
 | |
|     WAITING_SINCE_ASC: 'waiting_since_asc',
 | |
|     WAITING_SINCE_DESC: 'waiting_since_desc',
 | |
|   },
 | |
|   ARTICLE_STATUS_TYPES: {
 | |
|     DRAFT: 0,
 | |
|     PUBLISH: 1,
 | |
|     ARCHIVE: 2,
 | |
|   },
 | |
|   LAYOUT_TYPES: {
 | |
|     CONDENSED: 'condensed',
 | |
|     EXPANDED: 'expanded',
 | |
|   },
 | |
|   DOCS_URL: 'https://www.chatwoot.com/docs/product/',
 | |
|   HELP_CENTER_DOCS_URL:
 | |
|     'https://www.chatwoot.com/docs/product/others/help-center',
 | |
|   TESTIMONIAL_URL: 'https://testimonials.cdn.chatwoot.com/content.json',
 | |
|   WHATSAPP_EMBEDDED_SIGNUP_DOCS_URL:
 | |
|     'https://developers.facebook.com/docs/whatsapp/embedded-signup/custom-flows/onboarding-business-app-users#limitations',
 | |
|   SMALL_SCREEN_BREAKPOINT: 768,
 | |
|   AVAILABILITY_STATUS_KEYS: ['online', 'busy', 'offline'],
 | |
|   SNOOZE_OPTIONS: {
 | |
|     UNTIL_NEXT_REPLY: 'until_next_reply',
 | |
|     AN_HOUR_FROM_NOW: 'an_hour_from_now',
 | |
|     UNTIL_TOMORROW: 'until_tomorrow',
 | |
|     UNTIL_NEXT_WEEK: 'until_next_week',
 | |
|     UNTIL_NEXT_MONTH: 'until_next_month',
 | |
|     UNTIL_CUSTOM_TIME: 'until_custom_time',
 | |
|   },
 | |
|   EXAMPLE_URL: 'example.com',
 | |
|   EXAMPLE_WEBHOOK_URL: 'https://example/api/webhook',
 | |
|   INBOX_SORT_BY: {
 | |
|     NEWEST: 'desc',
 | |
|     OLDEST: 'asc',
 | |
|   },
 | |
|   INBOX_DISPLAY_BY: {
 | |
|     SNOOZED: 'snoozed',
 | |
|     READ: 'read',
 | |
|   },
 | |
|   INBOX_FILTER_TYPE: {
 | |
|     STATUS: 'status',
 | |
|     TYPE: 'type',
 | |
|     SORT_ORDER: 'sort_order',
 | |
|   },
 | |
|   SLA_MISS_TYPES: {
 | |
|     FRT: 'frt',
 | |
|     NRT: 'nrt',
 | |
|     RT: 'rt',
 | |
|   },
 | |
| };
 | |
| export const DEFAULT_REDIRECT_URL = '/app/';
 |