\r\n {displayMessages.map((m: any, index: number) => (\r\n
\r\n {m.type === MessageTypes.Message &&
}\r\n {m.type === MessageTypes.LiveChatMessage &&
}\r\n {m.type === MessageTypes.Article &&
}\r\n {m.type === MessageTypes.ArticleList &&
}\r\n {m.type === MessageTypes.Stores &&
}\r\n {m.type === MessageTypes.PAStoreSelector &&
}\r\n {m.type === MessageTypes.StoreSelector &&
}\r\n {m.type === MessageTypes.Product &&
}\r\n {m.type === MessageTypes.ProductNearbyStore &&
}\r\n {m.type === MessageTypes.OrderTracking &&
}\r\n\r\n { // this code is specific to Chatserver V2, duplicate code can be retired after we go live\r\n m.type === MessageTypes.QuickReplyPayload &&\r\n
\r\n {\r\n m.data.length && m.data.map((message: QrPayloadModel, index: number) => (\r\n
\r\n {message.type === MessageTypes.Qr && }\r\n {message.type === MessageTypes.ConditionalQr && }\r\n {message.type === MessageTypes.DynamicQr && }\r\n {message.type === MessageTypes.Help && }\r\n {message.type === MessageTypes.Form && }\r\n {message.type === MessageTypes.Url && }\r\n {message.type === MessageTypes.LiveChatQr && }\r\n {message.type === MessageTypes.End && }\r\n {message.type === MessageTypes.QrEvent && }\r\n
\r\n ))}\r\n
\r\n }\r\n\r\n { // this code is specific to Chatserver V2, duplicate code can be retired after we go live\r\n m.type === MessageTypes.ArticlePayload &&\r\n
\r\n }\r\n\r\n { // this code is specific to Chatserver V2, duplicate code can be retired after we go live\r\n m.type === MessageTypes.VerifiedOrders &&\r\n
\r\n }\r\n
\r\n ))}\r\n {loader ?
![\"BWS\"\r\n](\"/images/live_chat_icon.svg\"){kind=icon}
\r\n }\r\n ![\"back\"](\"/images/back-arrow.svg\"){kind=icon}
\r\n ![\"minimize\"](\"/images/Vector.svg\")
\r\n ![\"close\"](\"/images/close.svg\")
\r\n ![\"\"](\"/images/go-arrow.svg\"){kind=icon}
\r\n ![\"\"](\"/images/external-link-chip.svg\")
\r\n