diff --git a/components/ChatFooter.tsx b/components/ChatFooter.tsx index 836a4e2..9874ba0 100644 --- a/components/ChatFooter.tsx +++ b/components/ChatFooter.tsx @@ -4,11 +4,13 @@ import SendIcon from './SendIcon'; const ChatFooter = ({ placeholder, + emailInputPlaceholder, isSending, shouldRequireEmail, onSendMessage, }: { placeholder?: string; + emailInputPlaceholder?: string; isSending: boolean; shouldRequireEmail?: boolean; onSendMessage: (message: string, email?: string) => Promise; @@ -58,7 +60,7 @@ const ChatFooter = ({ diff --git a/components/ChatWindow.tsx b/components/ChatWindow.tsx index 7ffd196..0234d32 100644 --- a/components/ChatWindow.tsx +++ b/components/ChatWindow.tsx @@ -29,6 +29,7 @@ type Props = { baseUrl?: string; greeting?: string; newMessagePlaceholder?: string; + emailInputPlaceholder?: string; shouldRequireEmail?: boolean; isMobile?: boolean; customer?: API.CustomerMetadata; @@ -834,6 +835,7 @@ class ChatWindow extends React.Component { title = 'Welcome!', subtitle = 'How can we help you?', newMessagePlaceholder = 'Start typing...', + emailInputPlaceholder = 'Enter your email', agentAvailableText = "We're online right now!", agentUnavailableText = "We're away at the moment.", companyName, @@ -969,6 +971,7 @@ class ChatWindow extends React.Component { { title = 'Welcome!', subtitle = 'How can we help you?', newMessagePlaceholder = 'Start typing...', + emailInputPlaceholder = 'Enter your email', primaryColor = '1890ff', baseUrl = 'https://app.papercups.io', requireEmailUpfront = '0', @@ -167,6 +169,7 @@ class Wrapper extends React.Component { greeting={greeting} companyName={companyName} newMessagePlaceholder={newMessagePlaceholder} + emailInputPlaceholder={emailInputPlaceholder} agentAvailableText={agentAvailableText} agentUnavailableText={agentUnavailableText} showAgentAvailability={shouldHideAvailability}