[MobileSendPopUp] SHOPTIME-2631

- inputContainer 분리

com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx

@@ -9,7 +9,7 @@ import {
 import { useDispatch, useSelector } from "react-redux";
 
 import { off, on } from "@enact/core/dispatcher";
-import { Spotlight } from "@enact/spotlight";
+import spotlight, { Spotlight } from "@enact/spotlight";
 import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
 import { Spottable } from "@enact/spotlight/Spottable";
 
@@ -45,6 +45,11 @@ const Container = SpotlightContainerDecorator(
   "div"
 );
 
+const InputContainer = SpotlightContainerDecorator(
+  { enterTo: "last-focused" },
+  "div"
+);
+
 const SpottableComponent = Spottable("div");
 
 export default function MobileSendPopUp({
@@ -250,6 +255,7 @@ export default function MobileSendPopUp({
           },
         })
       );
+      spotlight.focus();
     }
   };
 
@@ -530,7 +536,7 @@ export default function MobileSendPopUp({
             </div>
             <div className={css.smsArea}>
               <div className={css.smsContainer}>
-                <Container className={css.smsNumLayer}>
+                <InputContainer className={css.smsNumLayer}>
                   <SpottableComponent
                     className={css.inputNum}
                     onClick={handleInputClick}
@@ -538,16 +544,20 @@ export default function MobileSendPopUp({
                   >
                     {mobileNumber}
                   </SpottableComponent>
-                  {keyPadOff ? (
+                </InputContainer>
+                {keyPadOff ? (
+                  <Container>
                     <HistoryPhoneNumber
                       handleClickSelect={handleClickSelect}
                       handleDelete={handleDelete}
                       recentSentNumber={recentSentNumber}
                     />
-                  ) : (
+                  </Container>
+                ) : (
+                  <Container>
                     <SMSNumKeyPad onKeyDown={numKeypadClicked} />
-                  )}
+                  </Container>
-                </Container>
+                )}
               </div>
               <div className={css.instruction}>
                 <span>

com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.module.less

@@ -76,7 +76,7 @@
     .smsContainer {
       width: 571px;
       flex: none;
-      .flex(@justifyCenter: space-between, @alignCenter: flex-start);
+      .flex(@justifyCenter: space-between, @alignCenter: flex-start,@direction:column);
       .inputNum {
         position: relative;
         padding: 18px 5px 18px 20px;