feat: conversation screen POC

GaloyMoney · Mar 27, 2024 · 6c325bd · 6c325bd
1 parent 0077722
commit 6c325bd
Show file tree

Hide file tree

Showing 20 changed files with 991 additions and 26 deletions.
diff --git a/.storybook/storybook.requires.js b/.storybook/storybook.requires.js
@@ -67,6 +67,7 @@ const getStories = () => {
     "./app/screens/authentication-screen/authentication-check-screen.stories.tsx": require("../app/screens/authentication-screen/authentication-check-screen.stories.tsx"),
     "./app/screens/authentication-screen/authentication-screen.stories.tsx": require("../app/screens/authentication-screen/authentication-screen.stories.tsx"),
     "./app/screens/authentication-screen/pin-screen.stories.tsx": require("../app/screens/authentication-screen/pin-screen.stories.tsx"),
+    "./app/screens/conversation/conversation.stories.tsx": require("../app/screens/conversation/conversation.stories.tsx"),
     "./app/screens/conversion-flow/conversion-success-screen.stories.tsx": require("../app/screens/conversion-flow/conversion-success-screen.stories.tsx"),
     "./app/screens/earns-map-screen/earns-map-screen.stories.tsx": require("../app/screens/earns-map-screen/earns-map-screen.stories.tsx"),
     "./app/screens/earns-screen/earns-quiz.stories.tsx": require("../app/screens/earns-screen/earns-quiz.stories.tsx"),

diff --git a/.storybook/storybook.tsx b/.storybook/storybook.tsx
@@ -20,9 +20,9 @@ import { NotificationsProvider } from "../app/components/notifications"
 RNBootSplash.hide({ fade: true })
 
 const StorybookUI = getStorybookUI({
-  enableWebsockets: true, // for @storybook/react-native-server
+  enableWebsockets: true,
   onDeviceUI: true,
-  initialSelection: { kind: "Notification Card UI", name: "Default" },
+  initialSelection: { kind: "Conversation Screen", name: "Default" },
   shouldPersistSelection: false,
 })
 

diff --git a/app/components/contact-modal/contact-modal.tsx b/app/components/contact-modal/contact-modal.tsx
@@ -4,7 +4,10 @@ import ReactNativeModal from "react-native-modal"
 
 import { CONTACT_EMAIL_ADDRESS, WHATSAPP_CONTACT_NUMBER } from "@app/config"
 import { useI18nContext } from "@app/i18n/i18n-react"
+import { RootStackParamList } from "@app/navigation/stack-param-lists"
 import { openWhatsApp } from "@app/utils/external"
+import { useNavigation } from "@react-navigation/native"
+import { StackNavigationProp } from "@react-navigation/stack"
 import { Icon, ListItem, makeStyles, useTheme } from "@rneui/themed"
 
 import TelegramOutline from "./telegram.svg"
@@ -16,6 +19,7 @@ export const SupportChannels = {
   StatusPage: "statusPage",
   Mattermost: "mattermost",
   Faq: "faq",
+  Chatbot: "chatbot",
 } as const
 
 export type SupportChannels = (typeof SupportChannels)[keyof typeof SupportChannels]
@@ -44,7 +48,18 @@ const ContactModal: React.FC<Props> = ({
     theme: { colors },
   } = useTheme()
 
+  const { navigate } = useNavigation<StackNavigationProp<RootStackParamList>>()
+
   const contactOptionList = [
+    {
+      id: SupportChannels.Chatbot,
+      name: LL.support.chatbot(),
+      icon: <Icon name={"chatbubbles-outline"} type="ionicon" />,
+      action: () => {
+        navigate("chatbot")
+        toggleModal()
+      },
+    },
     {
       id: SupportChannels.StatusPage,
       name: LL.support.statusPage(),

diff --git a/app/components/contact-support-button/contact-support-button.tsx b/app/components/contact-support-button/contact-support-button.tsx
@@ -37,6 +37,7 @@ export const ContactSupportButton = ({
         isVisible={showContactSupport}
         toggleModal={() => setShowContactSupport(!showContactSupport)}
         supportChannels={[
+          SupportChannels.Chatbot,
           SupportChannels.Faq,
           SupportChannels.StatusPage,
           SupportChannels.Email,

diff --git a/app/graphql/generated.gql b/app/graphql/generated.gql
@@ -496,6 +496,23 @@ mutation quizClaim($input: QuizClaimInput!) {
   }
 }
 
+mutation supportChatMessageAdd($input: SupportChatMessageAddInput!) {
+  supportChatMessageAdd(input: $input) {
+    errors {
+      message
+      __typename
+    }
+    supportMessage {
+      id
+      message
+      role
+      timestamp
+      __typename
+    }
+    __typename
+  }
+}
+
 mutation userContactUpdateAlias($input: UserContactUpdateAliasInput!) {
   userContactUpdateAlias(input: $input) {
     errors {
@@ -1458,6 +1475,20 @@ query settingsScreen {
   }
 }
 
+query supportChat {
+  me {
+    id
+    supportChat {
+      id
+      message
+      role
+      timestamp
+      __typename
+    }
+    __typename
+  }
+}
+
 query supportedCountries {
   globals {
     supportedCountries {