[HOLD Auth 23253][HOLD expensify-common 935][HOLD web-e 54892] Add reasonCodes for shipping cards

src/libs/API/parameters/ResendValidateCodeParams.ts

@@ -3,19 +3,37 @@
 
 type ResendValidateCodeBaseParams = {
     // Exclude reasons that require parameters - redefine them as separate types below to enforce their parameters are always passed
-    reasonCode: Exclude<ValueOf<typeof CONST.VALIDATE_CODE_REASONS>, typeof CONST.VALIDATE_CODE_REASONS.REVEAL_CARD_DETAILS>;
+    reasonCode: Exclude<
+        ValueOf<typeof CONST.VALIDATE_CODE_REASONS>,
+        typeof CONST.VALIDATE_CODE_REASONS.REVEAL_CARD_DETAILS | typeof CONST.VALIDATE_CODE_REASONS.REPLACE_CARD | typeof CONST.VALIDATE_CODE_REASONS.REPORT_CARD_FRAUD
+    >;
 };
 
 type ResendValidateCodeForRevealCardDetailsParams = {
     reasonCode: typeof CONST.VALIDATE_CODE_REASONS.REVEAL_CARD_DETAILS;
     reasonCardID: number;
 };
 
+type ResendValidateCodeForReplaceCardParams = {
+    reasonCode: typeof CONST.VALIDATE_CODE_REASONS.REPLACE_CARD;
+    reasonCardID: number;
+};
+
+type ResendValidateCodeForReportCardFraudParams = {
+    reasonCode: typeof CONST.VALIDATE_CODE_REASONS.REPORT_CARD_FRAUD;
+    reasonCardID: number;
+};
+
 // Will be removed eventually
 type ResendValidateCodeNotYetImplementedParams = {
     reasonCode: null;
 };
 
-type ResendValidateCodeParams = ResendValidateCodeBaseParams | ResendValidateCodeNotYetImplementedParams | ResendValidateCodeForRevealCardDetailsParams;
+type ResendValidateCodeParams =
+    | ResendValidateCodeBaseParams
+    | ResendValidateCodeNotYetImplementedParams
+    | ResendValidateCodeForRevealCardDetailsParams
+    | ResendValidateCodeForReplaceCardParams
+    | ResendValidateCodeForReportCardFraudParams;
 
 export default ResendValidateCodeParams;

src/pages/MissingPersonalDetails/MissingPersonalDetailsMagicCodePage.tsx

@@ -13,6 +13,7 @@
     updatePersonalDetailsAndShipExpensifyCards,
 } from '@libs/actions/PersonalDetails';
 import {requestValidateCodeAction} from '@libs/actions/User';
+import type ResendValidateCodeParams from '@libs/API/parameters/ResendValidateCodeParams';
 import {normalizeCountryCode} from '@libs/CountryUtils';
 import {getLatestError, getMicroSecondOnyxErrorWithTranslationKey} from '@libs/ErrorUtils';
 import createDynamicRoute from '@libs/Navigation/helpers/dynamicRoutesUtils/createDynamicRoute';
@@ -35,6 +36,7 @@
 import type {OnyxEntry} from 'react-native-onyx';
 
 import {areAllExpensifyCardsShipped} from '@selectors/Card';
+import {CONST as COMMON_CONST} from 'expensify-common';
 import React, {useCallback, useEffect, useMemo, useState} from 'react';
 
 import {getSubPageValues} from './utils';
@@ -104,11 +106,19 @@
         [countryCode, values, isVirtualCard, cardID],
     );
 
+    // The validate code minted here must carry the reasonCode of the command handleSubmitForm will
+    // dispatch: virtual cards verify via SetPersonalDetailsAndRevealExpensifyCard (reveal_card_details)
+    // and physical cards via SetPersonalDetailsAndShipExpensifyCards (ship_card). The reasonCode is
+    // baked into the validate-code hash, so this branch must stay in lockstep with handleSubmitForm.
+    const resendValidateCodeParams: ResendValidateCodeParams = isVirtualCard
+        ? {reasonCode: COMMON_CONST.VALIDATE_CODE_REASONS.REVEAL_CARD_DETAILS, reasonCardID: Number(cardID)}
+        : {reasonCode: COMMON_CONST.VALIDATE_CODE_REASONS.SHIP_CARD};
+
     return (
         <ValidateCodeActionContent
             title={translate('cardPage.validateCardTitle')}
             descriptionPrimary={translate('cardPage.enterSecurityCode', primaryLogin ?? '')}
-            sendValidateCode={() => requestValidateCodeAction()}
+            sendValidateCode={() => requestValidateCodeAction(resendValidateCodeParams)}
             validateCodeActionErrorField="personalDetails"
             handleSubmitForm={handleSubmitForm}
             validateError={!isEmptyObject(revealCardError) ? revealCardError : validateLoginError}

src/pages/settings/Wallet/ReportCardLostConfirmMagicCodePage.tsx

@@ -19,6 +19,7 @@
 import ROUTES from '@src/ROUTES';
 import type SCREENS from '@src/SCREENS';
 
+import {CONST as COMMON_CONST} from 'expensify-common';
 import {deepEqual} from 'fast-equals';
 import React, {useEffect} from 'react';
 
@@ -91,7 +92,7 @@
             isLoading={formData?.isLoading}
             title={translate('cardPage.validateCardTitle')}
             descriptionPrimary={translate('cardPage.enterSecurityCode', primaryLogin ?? '')}
-            sendValidateCode={() => requestValidateCodeAction()}
+            sendValidateCode={() => requestValidateCodeAction({reasonCode: COMMON_CONST.VALIDATE_CODE_REASONS.REPLACE_CARD, reasonCardID: Number.parseInt(cardID, 10)})}
             validateError={validateError}
             clearError={() => {
                 if (!physicalCard?.cardID) {

src/pages/settings/Wallet/ReportVirtualCardFraudVerifyAccountPage.tsx

@@ -21,6 +21,7 @@
 import SCREENS from '@src/SCREENS';
 import {isEmptyObject} from '@src/types/utils/EmptyObject';
 
+import {CONST as COMMON_CONST} from 'expensify-common';
 import React, {useEffect} from 'react';
 
 type ReportVirtualCardFraudVerifyAccountPageProps = PlatformStackScreenProps<SettingsNavigatorParamList, typeof SCREENS.SETTINGS.WALLET.REPORT_VIRTUAL_CARD_FRAUD>;
@@ -79,7 +80,7 @@
         <ValidateCodeActionContent
             title={translate('cardPage.validateCardTitle')}
             descriptionPrimary={translate('cardPage.enterSecurityCode', primaryLogin ?? '')}
-            sendValidateCode={() => requestValidateCodeAction()}
+            sendValidateCode={() => requestValidateCodeAction({reasonCode: COMMON_CONST.VALIDATE_CODE_REASONS.REPORT_CARD_FRAUD, reasonCardID: Number(cardID)})}
             validateCodeActionErrorField="reportVirtualCard"
             handleSubmitForm={handleValidateCodeEntered}
             validateError={{...cardError, ...codeError}}