diff --git a/com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx b/com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx index 14914961..c847e508 100644 --- a/com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx +++ b/com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx @@ -1,63 +1,44 @@ -import React, { - useCallback, - useEffect, - useMemo, - useState, -} from 'react'; +import React, { useCallback, useEffect, useMemo, useState } from "react"; -import classNames from 'classnames'; +import classNames from "classnames"; import { AsYouTypeFormatter, PhoneNumberFormat, PhoneNumberUtil, -} from 'google-libphonenumber'; -import { - useDispatch, - useSelector, -} from 'react-redux'; +} from "google-libphonenumber"; +import { useDispatch, useSelector } from "react-redux"; -import { - off, - on, -} from '@enact/core/dispatcher'; -import spotlight, { Spotlight } from '@enact/spotlight'; -import { - SpotlightContainerDecorator, -} from '@enact/spotlight/SpotlightContainerDecorator'; -import { Spottable } from '@enact/spotlight/Spottable'; +import { off, on } from "@enact/core/dispatcher"; +import spotlight, { Spotlight } from "@enact/spotlight"; +import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator"; +import { Spottable } from "@enact/spotlight/Spottable"; -import defaultImage from '../../../assets/images/img-thumb-empty-144@3x.png'; -import { types } from '../../actions/actionTypes'; -import { - clearSMS, - sendSms, -} from '../../actions/appDataActions'; +import defaultImage from "../../../assets/images/img-thumb-empty-144@3x.png"; +import { types } from "../../actions/actionTypes"; +import { clearSMS, sendSms } from "../../actions/appDataActions"; import { changeLocalSettings, setHidePopup, setShowPopup, -} from '../../actions/commonActions'; +} from "../../actions/commonActions"; import { clearRegisterDeviceInfo, getDeviceAdditionInfo, registerDeviceInfo, -} from '../../actions/deviceActions'; +} from "../../actions/deviceActions"; import { clearCurationCoupon, setEventIssueReq, -} from '../../actions/eventActions'; -import useLogService from '../../hooks/useLogService'; -import { - ACTIVE_POPUP, - LOG_TP_NO, -} from '../../utils/Config'; -import { $L } from '../../utils/helperMethods'; -import CustomImage from '../CustomImage/CustomImage'; -import TButton from '../TButton/TButton'; -import TPopUp from '../TPopUp/TPopUp'; -import HistoryPhoneNumber from './HistoryPhoneNumber/HistoryPhoneNumber'; -import css from './MobileSendPopUp.module.less'; -import SMSNumKeyPad from './SMSNumKeyPad'; +} from "../../actions/eventActions"; +import useLogService from "../../hooks/useLogService"; +import { ACTIVE_POPUP, LOG_TP_NO } from "../../utils/Config"; +import { $L } from "../../utils/helperMethods"; +import CustomImage from "../CustomImage/CustomImage"; +import TButton from "../TButton/TButton"; +import TPopUp from "../TPopUp/TPopUp"; +import HistoryPhoneNumber from "./HistoryPhoneNumber/HistoryPhoneNumber"; +import css from "./MobileSendPopUp.module.less"; +import SMSNumKeyPad from "./SMSNumKeyPad"; const Container = SpotlightContainerDecorator( { enterTo: "last-focused" }, @@ -503,11 +484,15 @@ export default function MobileSendPopUp({ useEffect(() => { if (keyPadOff) { - Spotlight.focus("agreeAndSend"); + setTimeout(() => { + Spotlight.focus("agreeAndSend"); + }); setSpotlightDisabled(false); } else { setSpotlightDisabled(true); - Spotlight.focus("keypad-number-1"); + setTimeout(() => { + Spotlight.focus("keypad-number-1"); + }); } }, [keyPadOff]);