feat: hold

src/languages/en.ts

@@ -2216,15 +2216,19 @@ const translations = {
         businessCategory: 'Business category',
         annualPaymentVolume: 'Annual payment volume',
         annualPaymentVolumeInCurrency: ({currencyCode}: CurrencyCodeParams) => `Annual payment volume in ${currencyCode}`,
+        tradeVolumeRange: 'Trade volume range',
+        tradeVolumeRangeInCurrency: ({currencyCode}: CurrencyCodeParams) => `Trade volume range in ${currencyCode}`,
         selectIncorporationType: 'Select incorporation type',
         selectBusinessCategory: 'Select business category',
         selectAnnualPaymentVolume: 'Select annual payment volume',
         selectIncorporationCountry: 'Select incorporation country',
         selectIncorporationState: 'Select incorporation state',
+        selectTradeVolumeRange: 'Select trade volume range',
         findIncorporationType: 'Find incorporation type',
         findBusinessCategory: 'Find business category',
         findAnnualPaymentVolume: 'Find annual payment volume',
         findIncorporationState: 'Find incorporation state',
+        findTradeVolumeRange: 'Find trade volume range',
         error: {
             registrationNumber: 'Please provide a valid registration number.',
         },

src/languages/es.ts

@@ -2240,15 +2240,19 @@ const translations = {
         businessCategory: 'Categoría de la empresa',
         annualPaymentVolume: 'Volumen anual de pagos',
         annualPaymentVolumeInCurrency: ({currencyCode}: CurrencyCodeParams) => `Volumen anual de pagos en ${currencyCode}`,
+        tradeVolumeRange: 'Trade volume range',
+        tradeVolumeRangeInCurrency: ({currencyCode}: CurrencyCodeParams) => `Trade volume range in ${currencyCode}`,
         selectIncorporationType: 'Seleccione tipo de constitución',
         selectBusinessCategory: 'Seleccione categoría de la empresa',
         selectAnnualPaymentVolume: 'Seleccione volumen anual de pagos',
         selectIncorporationCountry: 'Seleccione país de constitución',
         selectIncorporationState: 'Seleccione estado de constitución',
+        selectTradeVolumeRange: 'Select trade volume range',
         findIncorporationType: 'Buscar tipo de constitución',
         findBusinessCategory: 'Buscar categoría de la empresa',
         findAnnualPaymentVolume: 'Buscar volumen anual de pagos',
         findIncorporationState: 'Buscar estado de constitución',
+        findTradeVolumeRange: 'Find trade volume range',
         error: {
             registrationNumber: 'Por favor, proporcione un número de registro válido.',
         },

src/pages/ReimbursementAccount/NonUSD/BusinessInfo/substeps/Confirmation.tsx

@@ -29,6 +29,7 @@ const {
     FORMATION_INCORPORATION_COUNTRY_CODE,
     ANNUAL_VOLUME,
     APPLICANT_TYPE_ID,
+    TRADE_VOLUME,
     BUSINESS_CATEGORY,
 } = INPUT_IDS.ADDITIONAL_DATA.CORPAY;
 
@@ -62,6 +63,10 @@ function Confirmation({onNext, onMove}: SubStepProps) {
         () => displayStringValue(corpayOnboardingFields?.picklists.ApplicantType ?? [], values[APPLICANT_TYPE_ID]),
         [corpayOnboardingFields?.picklists.ApplicantType, values],
     );
+    const tradeVolumeRange = useMemo(
+        () => displayStringValue(corpayOnboardingFields?.picklists.TradeVolumeRange ?? [], values[TRADE_VOLUME]),
+        [corpayOnboardingFields?.picklists.TradeVolumeRange, values],
+    );
 
     return (
         <SafeAreaConsumer>
@@ -151,6 +156,14 @@ function Confirmation({onNext, onMove}: SubStepProps) {
                             onMove(7);
                         }}
                     />
+                    <MenuItemWithTopDescription
+                        description={translate('businessInfoStep.tradeVolumeRange')}
+                        title={tradeVolumeRange}
+                        shouldShowRightIcon
+                        onPress={() => {
+                            onMove(7);
+                        }}
+                    />
                     <View style={[styles.p5, styles.flexGrow1, styles.justifyContentEnd]}>
                         <Button
                             success

src/pages/ReimbursementAccount/NonUSD/BusinessInfo/substeps/PaymentVolume.tsx

@@ -16,7 +16,7 @@ import INPUT_IDS from '@src/types/form/ReimbursementAccountForm';
 
 type PaymentVolumeProps = SubStepProps;
 
-const {ANNUAL_VOLUME} = INPUT_IDS.ADDITIONAL_DATA.CORPAY;
+const {ANNUAL_VOLUME, TRADE_VOLUME} = INPUT_IDS.ADDITIONAL_DATA.CORPAY;
 const STEP_FIELDS = [ANNUAL_VOLUME];
 
 function PaymentVolume({onNext, isEditing}: PaymentVolumeProps) {
@@ -36,8 +36,19 @@ function PaymentVolume({onNext, isEditing}: PaymentVolumeProps) {
             return accumulator;
         }, {} as Record<string, string>);
     }, [corpayOnboardingFields]);
+    const tradeVolumeRangeListOptions = useMemo(() => {
+        if (!corpayOnboardingFields?.picklists.TradeVolumeRange) {
+            return {};
+        }
+
+        return corpayOnboardingFields.picklists.TradeVolumeRange.reduce((accumulator, currentValue) => {
+            accumulator[currentValue.name] = currentValue.stringValue;
+            return accumulator;
+        }, {} as Record<string, string>);
+    }, [corpayOnboardingFields]);
 
     const annualVolumeDefaultValue = reimbursementAccount?.achData?.additionalData?.corpay?.[ANNUAL_VOLUME] ?? reimbursementAccountDraft?.[ANNUAL_VOLUME] ?? '';
+    const tradeVolumeDefaultValue = reimbursementAccount?.achData?.additionalData?.corpay?.[TRADE_VOLUME] ?? reimbursementAccountDraft?.[TRADE_VOLUME] ?? '';
 
     const validate = useCallback((values: FormOnyxValues<typeof ONYXKEYS.FORMS.REIMBURSEMENT_ACCOUNT_FORM>): FormInputErrors<typeof ONYXKEYS.FORMS.REIMBURSEMENT_ACCOUNT_FORM> => {
         return ValidationUtils.getFieldRequiredErrors(values, STEP_FIELDS);
@@ -69,6 +80,16 @@ function PaymentVolume({onNext, isEditing}: PaymentVolumeProps) {
                 shouldSaveDraft={!isEditing}
                 value={annualVolumeDefaultValue}
             />
+            <InputWrapper
+                InputComponent={PushRowWithModal}
+                optionsList={tradeVolumeRangeListOptions}
+                description={translate('businessInfoStep.tradeVolumeRangeInCurrency', {currencyCode: CONST.CURRENCY.USD})}
+                modalHeaderTitle={translate('businessInfoStep.selectTradeVolumeRange')}
+                searchInputTitle={translate('businessInfoStep.findTradeVolumeRange')}
+                inputID={TRADE_VOLUME}
+                shouldSaveDraft={!isEditing}
+                value={tradeVolumeDefaultValue}
+            />
         </FormProvider>
     );
 }