fix(widget): add quick replies support to UserSubscription

widget/src/components/UserSubscription.tsx

@@ -15,7 +15,7 @@ import React, {
 } from "react";
 
 import { useTranslation } from "../hooks/useTranslation";
-import { useChat } from "../providers/ChatProvider";
+import { getQuickReplies, useChat } from "../providers/ChatProvider";
 import { useColors } from "../providers/ColorProvider";
 import { useConfig } from "../providers/ConfigProvider";
 import { useSettings } from "../providers/SettingsProvider";
@@ -42,6 +42,7 @@ const UserSubscription: React.FC = () => {
     setConnectionState,
     participants,
     setParticipants,
+    setSuggestions,
   } = useChat();
   const [firstName, setFirstName] = useState<string>("");
   const [lastName, setLastName] = useState<string>("");
@@ -58,6 +59,9 @@ const UserSubscription: React.FC = () => {
           `/webhook/${config.channel}/?first_name=${firstName}&last_name=${lastName}`,
         );
         const { messages, profile } = body;
+        const quickReplies = getQuickReplies(body.messages.at(-1));
+
+        setSuggestions(quickReplies);
 
         localStorage.setItem("profile", JSON.stringify(profile));
         messages.forEach((message) => {

widget/src/providers/ChatProvider.tsx

@@ -35,7 +35,7 @@ import { useSettings } from "./SettingsProvider";
 import { useSocket, useSubscribe } from "./SocketProvider";
 import { useWidget } from "./WidgetProvider";
 
-const getQuickReplies = (message?: TMessage): ISuggestion[] =>
+export const getQuickReplies = (message?: TMessage): ISuggestion[] =>
   message && "data" in message && "quick_replies" in message.data
     ? (message.data.quick_replies || []).map(
         (qr) =>