Merge pull request #59954 from rushatgabhane/ab-test

A/B test various CTA for the Concierge Voice

Author: thienlnam

src/languages/en.ts

@@ -6112,7 +6112,9 @@ const translations = {
         confirmText: 'Discard changes',
     },
     aiSales: {
-        talkWithSales: 'Talk with sales',
+        talkToSales: 'Talk to sales',
+        getHelp: 'Get help',
+        talkToConcierge: 'Talk to Concierge',
         hangUp: 'Hang up',
     },
 };

src/languages/es.ts

@@ -6633,7 +6633,9 @@ const translations = {
         confirmText: 'Descartar cambios',
     },
     aiSales: {
-        talkWithSales: 'Habla con ventas',
+        talkToSales: 'Habla con ventas',
+        getHelp: 'Obtener ayuda',
+        talkToConcierge: 'Habla con Concierge',
         hangUp: 'Colgar',
     },
 };

src/libs/API/parameters/GetEmphemeralTokenParams.ts

@@ -0,0 +1,6 @@
+type GetEmphemeralTokenParams = {
+    adminsChatReportID: number;
+    ctaUsed: string;
+};
+
+export default GetEmphemeralTokenParams;

src/libs/API/parameters/index.ts

@@ -382,4 +382,5 @@ export type {default as ChangeReportPolicyParams} from './ChangeReportPolicyPara
 export type {default as ResetBankAccountSetupParams} from './ResetBankAccountSetupParams';
 export type {default as SendRecapInAdminsRoomParams} from './SendRecapInAdminsRoomParams';
 export type {default as SetPolicyProhibitedExpensesParams} from './SetPolicyProhibitedExpensesParams';
+export type {default as GetEmphemeralTokenParams} from './GetEmphemeralTokenParams';
 export type {default as CreateAppleDigitalWalletParams} from './CreateAppleDigitalWalletParams';

src/libs/API/types.ts

@@ -1120,8 +1120,8 @@ type SideEffectRequestCommandParameters = {
     [SIDE_EFFECT_REQUEST_COMMANDS.BANK_ACCOUNT_CREATE_CORPAY]: Parameters.BankAccountCreateCorpayParams;
     [SIDE_EFFECT_REQUEST_COMMANDS.PAY_MONEY_REQUEST_ON_SEARCH]: Parameters.PayMoneyRequestOnSearchParams;
     [SIDE_EFFECT_REQUEST_COMMANDS.LOG_OUT]: Parameters.LogOutParams;
+    [SIDE_EFFECT_REQUEST_COMMANDS.GET_EMPHEMERAL_TOKEN]: Parameters.GetEmphemeralTokenParams;
     [SIDE_EFFECT_REQUEST_COMMANDS.CREATE_DIGITAL_WALLET]: Parameters.CreateAppleDigitalWalletParams;
-    [SIDE_EFFECT_REQUEST_COMMANDS.GET_EMPHEMERAL_TOKEN]: EmptyObject;
 };
 
 type ApiRequestCommandParameters = WriteCommandParameters & ReadCommandParameters & SideEffectRequestCommandParameters;

src/libs/actions/OpenAI/index.ts

@@ -1,6 +1,6 @@
 import Onyx from 'react-native-onyx';
 import * as API from '@libs/API';
-import type {SendRecapInAdminsRoomParams} from '@libs/API/parameters';
+import type {GetEmphemeralTokenParams, SendRecapInAdminsRoomParams} from '@libs/API/parameters';
 import {SIDE_EFFECT_REQUEST_COMMANDS, WRITE_COMMANDS} from '@libs/API/types';
 import {playStreamSound} from '@libs/Sound';
 import CONST from '@src/CONST';
@@ -51,7 +51,7 @@ function isExpiredToken(expiresAt: number): boolean {
     return currentUTCEpochTime >= expiresAt;
 }
 
-function getEmphemeralToken(): Promise<string> {
+function getEmphemeralToken(adminsChatReportID: number, ctaUsed: string): Promise<string> {
     if (clientSecret && !isExpiredToken(clientSecret.expiresAt)) {
         Onyx.merge(ONYXKEYS.TALK_TO_AI_SALES, {
             isLoading: true,
@@ -71,8 +71,13 @@ function getEmphemeralToken(): Promise<string> {
         ],
     };
 
+    const parameters: GetEmphemeralTokenParams = {
+        adminsChatReportID,
+        ctaUsed,
+    };
+
     // eslint-disable-next-line rulesdir/no-api-side-effects-method
-    return API.makeRequestWithSideEffects(SIDE_EFFECT_REQUEST_COMMANDS.GET_EMPHEMERAL_TOKEN, {}, onyxData)
+    return API.makeRequestWithSideEffects(SIDE_EFFECT_REQUEST_COMMANDS.GET_EMPHEMERAL_TOKEN, parameters, onyxData)
         .then((response) => {
             Onyx.merge(ONYXKEYS.TALK_TO_AI_SALES, {
                 clientSecret: {
@@ -101,7 +106,7 @@ function connectUsingSDP(ephemeralToken: string, rtcOffer: RTCSessionDescription
     });
 }
 
-function connectToOpenAIRealtime(): Promise<ConnectionResult> {
+function connectToOpenAIRealtime(adminsChatReportID: number, ctaUsed: string): Promise<ConnectionResult> {
     let peerConnection: RTCPeerConnection;
     let rtcOffer: RTCSessionDescriptionInit;
     let dataChannel: RTCDataChannel;
@@ -165,7 +170,7 @@ function connectToOpenAIRealtime(): Promise<ConnectionResult> {
                 rtcOffer = offer;
             })
             .then(() => {
-                return getEmphemeralToken();
+                return getEmphemeralToken(adminsChatReportID, ctaUsed);
             })
             .then((ephemeralToken: string) => {
                 return connectUsingSDP(ephemeralToken, rtcOffer);
@@ -204,10 +209,14 @@ function handleOpenAIMessage(message: OpenAIRealtimeMessage) {
     }
 }
 
-function initializeOpenAIRealtime(adminsReportID: number) {
+function initializeOpenAIRealtime(adminsReportID: number, ctaUsed: string) {
+    if (adminsReportID === CONST.DEFAULT_NUMBER_ID || ctaUsed === '') {
+        return;
+    }
+
     currentAdminsReportID = adminsReportID;
 
-    connectToOpenAIRealtime()
+    connectToOpenAIRealtime(adminsReportID, ctaUsed)
         .then((connection: ConnectionResult) => {
             connections.openai = connection;
             Onyx.merge(ONYXKEYS.TALK_TO_AI_SALES, {isTalkingToAISales: true});

src/pages/home/TalkToSalesButton/index.tsx

@@ -18,6 +18,16 @@ function TalkToSalesButton({shouldUseNarrowLayout, reportID}: TalkToSalesButtonP
     const [talkToAISales] = useOnyx(ONYXKEYS.TALK_TO_AI_SALES);
     const styles = useThemeStyles();
 
+    const [accountID] = useOnyx(ONYXKEYS.SESSION, {selector: (session) => session?.accountID});
+    if (!reportID || !accountID) {
+        return;
+    }
+
+    const abTestCtaText = (): string => {
+        const availableCTAs = [translate('aiSales.getHelp'), translate('aiSales.talkToSales'), translate('aiSales.talkToConcierge')];
+        return availableCTAs.at(accountID % availableCTAs.length) ?? translate('aiSales.talkToSales');
+    };
+
     const talkToSalesIcon = () => {
         if (talkToAISales?.isLoading) {
             return undefined;
@@ -30,14 +40,14 @@ function TalkToSalesButton({shouldUseNarrowLayout, reportID}: TalkToSalesButtonP
 
     return (
         <Button
-            text={talkToAISales?.isTalkingToAISales ? translate('aiSales.hangUp') : translate('aiSales.talkWithSales')}
+            text={talkToAISales?.isTalkingToAISales ? translate('aiSales.hangUp') : abTestCtaText()}
             onPress={() => {
                 if (talkToAISales?.isTalkingToAISales) {
                     stopConnection();
                     return;
                 }
 
-                initializeOpenAIRealtime(Number(reportID) ?? CONST.DEFAULT_NUMBER_ID);
+                initializeOpenAIRealtime(Number(reportID) ?? CONST.DEFAULT_NUMBER_ID, abTestCtaText());
             }}
             style={shouldUseNarrowLayout && [styles.flex1]}
             icon={talkToSalesIcon()}