From 9444ed4f3e5343a65680ec4f35ed6e5cf00d0688 Mon Sep 17 00:00:00 2001
From: "hyunwoo93.cha" <hyunwoo93.cha@lgepartners.com>
Date: Wed, 15 Jan 2025 17:40:13 +0900
Subject: [PATCH] =?UTF-8?q?[=EC=A7=80=EB=9D=BC=EC=9D=B4=EC=8A=88=EC=97=86?=
 =?UTF-8?q?=EC=9D=8C]=20checkoutPanel=20Sidebar=20spotlightRestrict?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/CheckOutPanel/container/FixedSideBar.jsx | 10 +++++-----
 .../CheckOutPanel/container/OrderItemsSideBar.jsx      |  7 ++-----
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/CheckOutPanel/container/FixedSideBar.jsx b/com.twin.app.shoptime/src/views/CheckOutPanel/container/FixedSideBar.jsx
index f6ea5d0f..baa55545 100644
--- a/com.twin.app.shoptime/src/views/CheckOutPanel/container/FixedSideBar.jsx
+++ b/com.twin.app.shoptime/src/views/CheckOutPanel/container/FixedSideBar.jsx
@@ -14,10 +14,7 @@ import OffersPromotionItemCard, {
 } from "../components/OffersPromotionItemCard";
 import css from "./FixedSideBar.module.less";
 
-const SideBarContainer = SpotlightContainerDecorator(
-  { leaveFor: { left: "", right: "" } },
-  "div"
-);
+const SideBarContainer = SpotlightContainerDecorator("div");
 
 export default function FixedSideBar({ closeSideBar, offerSideBarOpen }) {
   const orderItemList = useSelector(
@@ -58,7 +55,10 @@ export default function FixedSideBar({ closeSideBar, offerSideBarOpen }) {
   return (
     <>
       <div className={classNames(css.bgLayer)} onClick={closeSideBar} />
-      <SideBarContainer className={classNames(css.fixedSideBar)}>
+      <SideBarContainer
+        className={classNames(css.fixedSideBar)}
+        spotlightRestrict="self-only"
+      >
         <div className={css.sideMainTitle}>
           <TIconButton className={css.backButton} onClick={closeSideBar} />
           <h2 className={css.title}>{$L("OFFERS & PROMOTION")}</h2>
diff --git a/com.twin.app.shoptime/src/views/CheckOutPanel/container/OrderItemsSideBar.jsx b/com.twin.app.shoptime/src/views/CheckOutPanel/container/OrderItemsSideBar.jsx
index 2eac5cb3..18a483eb 100644
--- a/com.twin.app.shoptime/src/views/CheckOutPanel/container/OrderItemsSideBar.jsx
+++ b/com.twin.app.shoptime/src/views/CheckOutPanel/container/OrderItemsSideBar.jsx
@@ -12,10 +12,7 @@ import { $L } from "../../../utils/helperMethods";
 import OrderItemCard, { SIZES } from "../components/OrderItemCard";
 import css from "./OrderItemsSideBar.module.less";
 
-const SideBarContainer = SpotlightContainerDecorator(
-  { leaveFor: { left: "", right: "" } },
-  "div"
-);
+const SideBarContainer = SpotlightContainerDecorator("div");
 
 export default function OrderItemsSideBar({ closeSideBar }) {
   const orderItemList = useSelector(
@@ -55,7 +52,7 @@ export default function OrderItemsSideBar({ closeSideBar }) {
   return (
     <>
       <div className={css.bgLayer} onClick={closeSideBar} />
-      <SideBarContainer className={css.container}>
+      <SideBarContainer className={css.container} spotlightRestrict="self-only">
         <div className={css.titleBox}>
           <TIConButton
             className={css.backButton}