fix: delete money request if failed to create chat

src/components/LocaleContextProvider.tsx

@@ -30,6 +30,8 @@ type LocaleContextProps = {
     /** Returns translated string for given locale and phrase */
     translate: <TKey extends TranslationPaths>(phraseKey: TKey, ...phraseParameters: Localize.PhraseParameters<Localize.Phrase<TKey>>) => string;
 
+    swapForTranslation: (message: string) => string;
+
     /** Formats number formatted according to locale and options */
     numberFormat: (number: number, options?: Intl.NumberFormatOptions) => string;
 
@@ -69,6 +71,7 @@ const LocaleContext = createContext<LocaleContextProps>({
     toLocaleDigit: () => '',
     toLocaleOrdinal: () => '',
     fromLocaleDigit: () => '',
+    swapForTranslation: () => '',
     preferredLocale: CONST.LOCALES.DEFAULT,
 });
 
@@ -105,9 +108,12 @@ function LocaleContextProvider({preferredLocale, currentUserPersonalDetails, chi
 
     const fromLocaleDigit = useMemo<LocaleContextProps['fromLocaleDigit']>(() => (localeDigit) => LocaleDigitUtils.fromLocaleDigit(locale, localeDigit), [locale]);
 
+    const swapForTranslation = useMemo<LocaleContextProps['swapForTranslation']>(() => (message) => Localize.swapForTranslation(locale, message), [locale]);
+
     const contextValue = useMemo<LocaleContextProps>(
         () => ({
             translate,
+            swapForTranslation,
             numberFormat,
             datetimeToRelative,
             datetimeToCalendarTime,
@@ -118,7 +124,7 @@ function LocaleContextProvider({preferredLocale, currentUserPersonalDetails, chi
             fromLocaleDigit,
             preferredLocale: locale,
         }),
-        [translate, numberFormat, datetimeToRelative, datetimeToCalendarTime, updateLocale, formatPhoneNumber, toLocaleDigit, toLocaleOrdinal, fromLocaleDigit, locale],
+        [translate, swapForTranslation, numberFormat, datetimeToRelative, datetimeToCalendarTime, updateLocale, formatPhoneNumber, toLocaleDigit, toLocaleOrdinal, fromLocaleDigit, locale],
     );
 
     return <LocaleContext.Provider value={contextValue}>{children}</LocaleContext.Provider>;

src/components/ReportActionItem/MoneyRequestView.tsx

@@ -113,7 +113,7 @@ function MoneyRequestView({
     const styles = useThemeStyles();
     const session = useSession();
     const {isOffline} = useNetwork();
-    const {translate, toLocaleDigit} = useLocalize();
+    const {translate, toLocaleDigit, swapForTranslation} = useLocalize();
     const [activePolicyID] = useOnyx(ONYXKEYS.NVP_ACTIVE_POLICY_ID);
 
     const parentReportAction = parentReportActions?.[report.parentReportActionID ?? '-1'];
@@ -349,10 +349,18 @@ function MoneyRequestView({
     const shouldShowNotesViolations = !isReceiptBeingScanned && canUseViolations && ReportUtils.isPaidGroupPolicy(report);
     const shouldShowReceiptHeader = isReceiptAllowed && (shouldShowReceiptEmptyState || hasReceipt);
 
-    const errors = {
-        ...(transaction?.errorFields?.route ?? transaction?.errors),
-        ...parentReportAction?.errors,
-    };
+    const errors = useMemo(() => {
+        const combinedErrors = {
+            ...(transaction?.errorFields?.route ?? transaction?.errors),
+            ...parentReportAction?.errors,
+        };
+        return Object.fromEntries(
+            Object.entries(combinedErrors).map(([key, value]) =>
+                // swap for translation for each error message
+                [key, swapForTranslation(value as string)],
+            ),
+        );
+    }, [transaction?.errorFields?.route, transaction?.errors, parentReportAction?.errors, swapForTranslation]);
 
     const tagList = policyTagLists.map(({name, orderWeight}, index) => {
         const tagError = getErrorForField(
@@ -404,6 +412,13 @@ function MoneyRequestView({
                             if (!transaction?.transactionID) {
                                 return;
                             }
+                            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+                            if ((!!report?.errorFields?.createChat || !!report.isOptimisticReport) && parentReportAction) {
+                                const urlToNavigateBack = IOU.cleanUpMoneyRequest(transaction.transactionID, parentReportAction, true);
+                                Navigation.goBack(urlToNavigateBack);
+                                return;
+                            }
+
                             if (
                                 transaction.pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD &&
                                 Object.values(transaction?.errors ?? {})?.find((error) => ErrorUtils.isReceiptError(error))

src/languages/en.ts

@@ -775,6 +775,7 @@ export default {
             atLeastTwoDifferentWaypoints: 'Please enter at least two different addresses.',
             splitExpenseMultipleParticipantsErrorMessage: 'An expense cannot be split between a workspace and other members. Please update your selection.',
             invalidMerchant: 'Please enter a correct merchant.',
+            workspaceNotAccessible: 'The workspace you selected is no longer accessible, possibly because it has been deleted or you no longer have access to it.',
         },
         waitingOnEnabledWallet: ({submitterDisplayName}: WaitingOnBankAccountParams) => `started settling up. Payment is on hold until ${submitterDisplayName} enables their wallet.`,
         enableWallet: 'Enable wallet',

src/languages/es.ts

@@ -770,6 +770,7 @@ export default {
             atLeastTwoDifferentWaypoints: 'Por favor, introduce al menos dos direcciones diferentes.',
             splitExpenseMultipleParticipantsErrorMessage: 'Solo puedes dividir un gasto entre un único espacio de trabajo o con miembros individuales. Por favor, actualiza tu selección.',
             invalidMerchant: 'Por favor, introduce un comerciante correcto.',
+            workspaceNotAccessible: 'El espacio de trabajo que seleccionaste ya no está accesible, posiblemente porque ha sido eliminado o ya no tienes acceso a él.',
         },
         waitingOnEnabledWallet: ({submitterDisplayName}: WaitingOnBankAccountParams) => `inició el pago, pero no se procesará hasta que ${submitterDisplayName} active su billetera`,
         enableWallet: 'Habilitar billetera',

src/languages/msgTranslationKeySwapMapping.ts

@@ -0,0 +1,8 @@
+const mapping: Record<string, string> = {
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    'The workspace is no longer accessible. Please try again on a different workspace.': 'iou.error.workspaceNotAccessible',
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    'Unexpected error submitting this expense. Please try again later.': 'iou.error.genericCreateFailureMessage',
+};
+
+export default mapping;

src/libs/Localize/index.ts

@@ -5,6 +5,7 @@ import Log from '@libs/Log';
 import type {MessageElementBase, MessageTextElement} from '@libs/MessageElement';
 import Config from '@src/CONFIG';
 import CONST from '@src/CONST';
+import msgTranslationKeySwapMapping from '@src/languages/msgTranslationKeySwapMapping';
 import translations from '@src/languages/translations';
 import type {TranslationFlatObject, TranslationPaths} from '@src/languages/types';
 import ONYXKEYS from '@src/ONYXKEYS';
@@ -225,5 +226,19 @@ function getDevicePreferredLocale(): Locale {
     return RNLocalize.findBestAvailableLanguage([CONST.LOCALES.EN, CONST.LOCALES.ES])?.languageTag ?? CONST.LOCALES.DEFAULT;
 }
 
-export {translate, translateLocal, formatList, formatMessageElementList, getDevicePreferredLocale};
+/**
+ * This function match the message in the translation mapping and return the translation.
+ * @param locale - The locale to translate the message to.
+ * @param message - The message to translate.
+ * @returns - translation of the message or the original message if no translation found
+ */
+function swapForTranslation(locale: Locale, message: string): string {
+    const translationKey: string | undefined = msgTranslationKeySwapMapping[message];
+    if (translationKey) {
+        return translate(locale, translationKey as TranslationPaths);
+    }
+    return message;
+}
+
+export {translate, translateLocal, formatList, formatMessageElementList, getDevicePreferredLocale, swapForTranslation};
 export type {PhraseParameters, Phrase};