Merge pull request #423 from Cognigy/bug/61922-implement-source-direc…

…tion-mapping-v3 Bug/61922 implement source direction mapping v3
Cognigy · May 24, 2024 · 556e852 · 556e852
2 parents 2b541b7 + 0062bde
commit 556e852
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 6 deletions.
diff --git a/docs/embedding.md b/docs/embedding.md
@@ -546,7 +546,6 @@ interface IWebchatSettings {
 		sourceDirectionMapping: {
 			agent: TSourceDirection;
 			bot: TSourceDirection;
-			engagement: TSourceDirection;
 			user: TSourceDirection;
 		};
 		sourceColorMapping: {

diff --git a/src/common/interfaces/webchat-config.ts b/src/common/interfaces/webchat-config.ts
@@ -315,7 +315,6 @@ export interface IWebchatSettings {
 		sourceDirectionMapping: {
 			agent: TSourceDirection;
 			bot: TSourceDirection;
-			engagement: TSourceDirection;
 			user: TSourceDirection;
 		};
 		sourceColorMapping: {

diff --git a/src/webchat-ui/components/WebchatUI.tsx b/src/webchat-ui/components/WebchatUI.tsx
@@ -1314,7 +1314,7 @@ export class WebchatUI extends React.PureComponent<
 					/>
 				)}
 				{enableTypingIndicator && (
-					<TypingIndicator active={isTyping} delay={messageDelay} />
+					<TypingIndicator active={isTyping} delay={messageDelay} direction={config?.settings?.widgetSettings?.sourceDirectionMapping?.bot || "incoming"}/>
 				)}
 			</>
 		);

diff --git a/src/webchat-ui/components/history/TypingIndicator.tsx b/src/webchat-ui/components/history/TypingIndicator.tsx
@@ -3,10 +3,12 @@ import styled from "@emotion/styled";
 import { TypingIndicator as ComponentsTypingIndicator } from "@cognigy/chat-components";
 
 import { useIsMounted } from "../../utils/is-mounted";
+import { TSourceDirection } from "../../../common/interfaces/webchat-config";
 
 interface ITypingIndicatorProps {
 	active: boolean;
 	delay?: number;
+	direction?: TSourceDirection;
 }
 
 const ChatTypingIndicator = styled(ComponentsTypingIndicator)({
@@ -18,7 +20,7 @@ const HiddenChatTypingIndicator = styled(ChatTypingIndicator)({
 });
 
 const TypingIndicator: FC<ITypingIndicatorProps> = props => {
-	const { active, delay } = props;
+	const { active, delay, direction } = props;
 
 	const isMounted = useIsMounted();
 
@@ -52,7 +54,7 @@ const TypingIndicator: FC<ITypingIndicatorProps> = props => {
 
 	if (!isVisible) return <HiddenChatTypingIndicator />;
 
-	return <ChatTypingIndicator />;
+	return <ChatTypingIndicator direction={direction} />;
 };
 
 export default TypingIndicator;
diff --git a/src/webchat/store/config/config-reducer.ts b/src/webchat/store/config/config-reducer.ts
@@ -191,7 +191,6 @@ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
 			sourceDirectionMapping: {
 				agent: 'incoming',
 				bot: 'incoming',
-				engagement: 'incoming',
 				user: 'outgoing',
 			},
 			sourceColorMapping: {