Merge pull request Expensify#69272 from Eskalifer1/feat/69011

feat:69011: Changed input mode in few places

Author: Beamanator

src/pages/settings/Profile/PersonalDetails/PhoneNumberPage.tsx

@@ -23,8 +23,8 @@ import INPUT_IDS from '@src/types/form/PersonalDetailsForm';
 import type {PrivatePersonalDetails} from '@src/types/onyx';
 
 function PhoneNumberPage() {
-    const [privatePersonalDetails] = useOnyx(ONYXKEYS.PRIVATE_PERSONAL_DETAILS);
-    const [isLoadingApp = true] = useOnyx(ONYXKEYS.IS_LOADING_APP);
+    const [privatePersonalDetails] = useOnyx(ONYXKEYS.PRIVATE_PERSONAL_DETAILS, {canBeMissing: true});
+    const [isLoadingApp = true] = useOnyx(ONYXKEYS.IS_LOADING_APP, {canBeMissing: true});
     const styles = useThemeStyles();
     const {translate} = useLocalize();
     const {inputCallbackRef} = useAutoFocusInput();
@@ -117,6 +117,7 @@ function PhoneNumberPage() {
                                     }
                                     clearPhoneNumberError();
                                 }}
+                                inputMode={CONST.INPUT_MODE.TEL}
                             />
                         </OfflineWithFeedback>
                     </FormProvider>

src/pages/settings/Security/MergeAccounts/AccountDetailsPage.tsx

@@ -199,6 +199,7 @@ function AccountDetailsPage() {
                             autoCorrect={false}
                             onChangeText={setEmail}
                             value={email}
+                            inputMode={CONST.INPUT_MODE.EMAIL}
                         />
                         <InputWrapper
                             style={[styles.mt8]}

src/pages/settings/Subscription/SubscriptionSize/substeps/Size.tsx

@@ -72,6 +72,7 @@ function Size({onNext}: SizeProps) {
                     role={CONST.ROLE.PRESENTATION}
                     defaultValue={defaultValues[INPUT_IDS.SUBSCRIPTION_SIZE]}
                     shouldSaveDraft
+                    inputMode={CONST.INPUT_MODE.NUMERIC}
                 />
                 <Text style={[styles.formHelp, styles.mt2]}>{translate('subscription.subscriptionSize.eachMonth')}</Text>
                 <Text style={[styles.formHelp, styles.mt2]}>{translate('subscription.subscriptionSize.note')}</Text>