diff --git a/pr-preview/pr-452/assets/index-P1n9vkxb.js b/pr-preview/pr-452/assets/index-GJwzB0RX.js
similarity index 99%
rename from pr-preview/pr-452/assets/index-P1n9vkxb.js
rename to pr-preview/pr-452/assets/index-GJwzB0RX.js
index f6f7a94d..ea605485 100644
--- a/pr-preview/pr-452/assets/index-P1n9vkxb.js
+++ b/pr-preview/pr-452/assets/index-GJwzB0RX.js
@@ -1270,7 +1270,7 @@ Error generating stack: `+en.message+`
   position: relative;
 
   width: 16rem;
-  border: ${({isClicked:e})=>e?"3px solid var(--Pink-P-06, #FF2176)":"3px solid var(--Gray-G-02, #ebe9ea)"};
+  border: ${({isClicked:e})=>e?"2px solid var(--Pink-P-06, #FF2176)":"2px solid var(--Gray-G-02, #ebe9ea)"};
   border-radius: 12px;
   margin-bottom: 2rem;
   background: ${({theme:e})=>e.colors.white};
@@ -1507,17 +1507,7 @@ Error generating stack: `+en.message+`
   margin-bottom: 0.3rem;
   ${({theme:e})=>e.fonts.Title};
   color: ${({theme:e})=>e.colors.P_06};
-`,TournamentResult=({winners:e,firstGiftId:s,secondGiftId:a,finalGiftId:i,roomId:o})=>{const en=useGetTournamentUser({roomId:o}),nn=(en==null?void 0:en.data)||[],[tn,rn]=reactExports.useState(!0),[fn,vn]=reactExports.useState(!1),{mutation:dn}=usePostScore({body:{firstGiftId:s,secondGiftId:a,finalGiftId:i}}),zn=()=>{vn(!0),dn.mutate({firstGiftId:s,secondGiftId:a,finalGiftId:i}),console.log("모달열림",fn)},Xn=()=>{vn(!1),rn(!1),console.log("모달닫힘",fn)};return jsxRuntimeExports$1.jsxs(TournamentResult$1,{children:[tn&&jsxRuntimeExports$1.jsx(TournamentTitle,{}),!tn&&jsxRuntimeExports$1.jsx(TournamentTitleSub,{}),jsxRuntimeExports$1.jsx(TournamentResultCard,{item:e}),jsxRuntimeExports$1.jsx(TournamentResultUser,{memberData:nn}),tn&&jsxRuntimeExports$1.jsx(TournamentResultFooter,{onClick:zn}),fn&&jsxRuntimeExports$1.jsxs(Modal,{onConfirmClick:Xn,children:["선물 토너먼트",jsxRuntimeExports$1.jsx("br",{}),"결과가 제출되었어요!"]})]})},useRandomItems=e=>{const[s]=reactExports.useState(()=>[...e].sort(()=>Math.random()-.5));return s},useTournamentFlowLogic=({memberData:e})=>{const[s,a]=reactExports.useState([]),[i,o]=reactExports.useState([]),[en,nn]=reactExports.useState(null),[tn,rn]=reactExports.useState([]),[fn,vn]=reactExports.useState([]),[dn,zn]=reactExports.useState([]),[Xn,an]=reactExports.useState(1),[sn,jn]=reactExports.useState(1),[un,cn]=reactExports.useState(!1),[Pn,xn]=reactExports.useState(null),[ln,bn]=reactExports.useState(!1),[mn,yn]=reactExports.useState([]),Nn=useRandomItems(e);return reactExports.useEffect(()=>{a(Nn),o([Nn[0],Nn[1]])},[Nn]),{itemPick:s,displays:i,selectedItem:en,firstItems:tn,secondItems:fn,winners:dn,currentIndex:Xn,roundIndex:sn,showTournamentResult:un,isSelected:Pn,disabled:ln,isClickSelect:mn,clickSelect:Yn=>()=>{yn([Yn]),xn(Yn),bn(!0)},clickHandler:Yn=>()=>{if(s.length<=2)if(dn.length===0)o([Yn]),nn(Yn),rn([s[0]]),vn([s[1]]),cn(!0);else{let Gn=[...dn,Yn];a([...Gn]),o([Gn[0],Gn[1]]),zn([]),an(1),jn(sn+1)}else if(s.length>2){if(zn([...dn,Yn]),s[3])o([s[2],s[3]]),a([...s.slice(2)]);else{let Gn=[...dn,Yn,s[2]];a([...Gn]),o([Gn[0],Gn[1]]),jn(sn+1),an(0)}an(Xn+1)}xn(null),bn(!1)},refresh:()=>{const Yn=[...s].sort(()=>Math.random()-.5);a(Yn),o([Yn[0],Yn[1]]),bn(!1)}}},TournamentFlowContainer=({memberData:e,roomId:s})=>{const{displays:a,selectedItem:i,firstItems:o,secondItems:en,currentIndex:nn,roundIndex:tn,showTournamentResult:rn,isSelected:fn,disabled:vn,isClickSelect:dn,clickSelect:zn,clickHandler:Xn,refresh:an}=useTournamentFlowLogic({memberData:e});return jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:rn?jsxRuntimeExports$1.jsx(TournamentResult,{roomId:s,winners:i,firstGiftId:o.length>0?o[0].giftId:0,secondGiftId:en.length>0?en[0].giftId:0,finalGiftId:(i==null?void 0:i.giftId)||0}):jsxRuntimeExports$1.jsxs(TournamentFlowContainerWrapper,{children:[jsxRuntimeExports$1.jsx(TournamentTitle$1,{rounds:tn,currentIndex:nn,totalRounds:Math.floor(e.length/2),onClick:an}),jsxRuntimeExports$1.jsx(TournamentCardWrapper$2,{children:a.map(sn=>jsxRuntimeExports$1.jsx(TournamentCard,{item:sn,onClick:zn(sn),selected:fn===sn},sn.name))}),jsxRuntimeExports$1.jsx(TournamentFooter,{onNextClick:Xn(dn[0]),disabled:vn})]})})},TOURNAMENT_BY_ID_QUERY_KEY=["tournamentData"],fetchTournamentItem$1=async e=>{try{return await get(`/gift/tournament/${e}`)}catch{return"중복입니다"}},useGetItem=({roomId:e})=>{const{data:s}=useQuery({queryKey:[TOURNAMENT_BY_ID_QUERY_KEY,e],queryFn:()=>fetchTournamentItem$1(e)});return console.log(s),s},trophy="/assets/3dic_trophy3-5dOxsz8O.png";function Header(){return jsxRuntimeExports$1.jsx(HeaderWrapper,{children:jsxRuntimeExports$1.jsx(SvgIcMenu,{style:{width:"2.8rem"}})})}const HeaderWrapper=ut.div`
-  ${({theme:{mixin:e}})=>e.flexBox({})};
-  justify-content: end;
-  height: 5.6rem;
-  padding: 0 2rem;
-  z-index: 1;
-  gap: 21.2rem;
-  position: fixed;
-  width: 100%;
-  background: white;
-`,TournamentStartTextWrapper=ut.article`
+`,TournamentResult=({winners:e,firstGiftId:s,secondGiftId:a,finalGiftId:i,roomId:o})=>{const en=useGetTournamentUser({roomId:o}),nn=(en==null?void 0:en.data)||[],[tn,rn]=reactExports.useState(!0),[fn,vn]=reactExports.useState(!1),{mutation:dn}=usePostScore({body:{firstGiftId:s,secondGiftId:a,finalGiftId:i}}),zn=()=>{vn(!0),dn.mutate({firstGiftId:s,secondGiftId:a,finalGiftId:i}),console.log("모달열림",fn)},Xn=()=>{vn(!1),rn(!1),console.log("모달닫힘",fn)};return jsxRuntimeExports$1.jsxs(TournamentResult$1,{children:[tn&&jsxRuntimeExports$1.jsx(TournamentTitle,{}),!tn&&jsxRuntimeExports$1.jsx(TournamentTitleSub,{}),jsxRuntimeExports$1.jsx(TournamentResultCard,{item:e}),jsxRuntimeExports$1.jsx(TournamentResultUser,{memberData:nn}),tn&&jsxRuntimeExports$1.jsx(TournamentResultFooter,{onClick:zn}),fn&&jsxRuntimeExports$1.jsxs(Modal,{onConfirmClick:Xn,children:["선물 토너먼트",jsxRuntimeExports$1.jsx("br",{}),"결과가 제출되었어요!"]})]})},useRandomItems=e=>{const[s]=reactExports.useState(()=>[...e].sort(()=>Math.random()-.5));return s},useTournamentFlowLogic=({memberData:e})=>{const[s,a]=reactExports.useState([]),[i,o]=reactExports.useState([]),[en,nn]=reactExports.useState(null),[tn,rn]=reactExports.useState([]),[fn,vn]=reactExports.useState([]),[dn,zn]=reactExports.useState([]),[Xn,an]=reactExports.useState(1),[sn,jn]=reactExports.useState(1),[un,cn]=reactExports.useState(!1),[Pn,xn]=reactExports.useState(null),[ln,bn]=reactExports.useState(!1),[mn,yn]=reactExports.useState([]),Nn=useRandomItems(e);return reactExports.useEffect(()=>{a(Nn),o([Nn[0],Nn[1]])},[Nn]),{itemPick:s,displays:i,selectedItem:en,firstItems:tn,secondItems:fn,winners:dn,currentIndex:Xn,roundIndex:sn,showTournamentResult:un,isSelected:Pn,disabled:ln,isClickSelect:mn,clickSelect:Yn=>()=>{yn([Yn]),xn(Yn),bn(!0)},clickHandler:Yn=>()=>{if(s.length<=2)if(dn.length===0)o([Yn]),nn(Yn),rn([s[0]]),vn([s[1]]),cn(!0);else{let Gn=[...dn,Yn];a([...Gn]),o([Gn[0],Gn[1]]),zn([]),an(1),jn(sn+1)}else if(s.length>2){if(zn([...dn,Yn]),s[3])o([s[2],s[3]]),a([...s.slice(2)]);else{let Gn=[...dn,Yn,s[2]];a([...Gn]),o([Gn[0],Gn[1]]),jn(sn+1),an(0)}an(Xn+1)}xn(null),bn(!1)},refresh:()=>{const Yn=[...s].sort(()=>Math.random()-.5);a(Yn),o([Yn[0],Yn[1]]),bn(!1)}}},TournamentFlowContainer=({memberData:e,roomId:s})=>{const{displays:a,selectedItem:i,firstItems:o,secondItems:en,currentIndex:nn,roundIndex:tn,showTournamentResult:rn,isSelected:fn,disabled:vn,isClickSelect:dn,clickSelect:zn,clickHandler:Xn,refresh:an}=useTournamentFlowLogic({memberData:e});return jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:rn?jsxRuntimeExports$1.jsx(TournamentResult,{roomId:s,winners:i,firstGiftId:o.length>0?o[0].giftId:0,secondGiftId:en.length>0?en[0].giftId:0,finalGiftId:(i==null?void 0:i.giftId)||0}):jsxRuntimeExports$1.jsxs(TournamentFlowContainerWrapper,{children:[jsxRuntimeExports$1.jsx(TournamentTitle$1,{rounds:tn,currentIndex:nn,totalRounds:Math.floor(e.length/2),onClick:an}),jsxRuntimeExports$1.jsx(TournamentCardWrapper$2,{children:a.map(sn=>jsxRuntimeExports$1.jsx(TournamentCard,{item:sn,onClick:zn(sn),selected:fn===sn},sn.name))}),jsxRuntimeExports$1.jsx(TournamentFooter,{onNextClick:Xn(dn[0]),disabled:vn})]})})},TOURNAMENT_BY_ID_QUERY_KEY=["tournamentData"],fetchTournamentItem$1=async e=>{try{return await get(`/gift/tournament/${e}`)}catch{return"중복입니다"}},useGetItem=({roomId:e})=>{const{data:s}=useQuery({queryKey:[TOURNAMENT_BY_ID_QUERY_KEY,e],queryFn:()=>fetchTournamentItem$1(e)});return console.log(s),s},trophy="/assets/3dic_trophy3-5dOxsz8O.png",TournamentStartTextWrapper=ut.article`
   ${({theme:{mixin:e}})=>e.flexBox({direction:"column"})};
   gap: 0.4rem;
   margin-bottom: 2rem;
@@ -1537,7 +1527,7 @@ Error generating stack: `+en.message+`
 
   left: 50%;
   transform: translateX(-50%);
-`,TournamentDeleteButton=({onClick:e})=>jsxRuntimeExports$1.jsx(TournamentStartButtonWrapper,{children:jsxRuntimeExports$1.jsx(BtnFill,{customStyle:{width:"33.5rem",height:"5.2rem",backgroundColor:"#FF2176",border:"none"},onClick:e,children:"선물방 종료하기"})}),TournamentIntroContainer=()=>{const e=useNavigate(),s=useParams(),a=s.giftee,i=s.roomId||"",o=parseInt(i||"",10),en=useGetItem({roomId:Number(o)});let nn=[];const{showTournamentContainer:tn,handleStartClick:rn}=useTournament(),fn=()=>{e("/mypage")};return typeof en=="string"?(console.log("Error :",en),jsxRuntimeExports$1.jsxs(Modal,{onConfirmClick:fn,children:["선물 토너먼트를",jsxRuntimeExports$1.jsx("br",{}),"이미 참여하셨습니다!"]})):(en&&en.data&&(nn=en.data,console.log(nn)),jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:tn?jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:jsxRuntimeExports$1.jsx(TournamentFlowWrapper,{children:nn.length===void 0?jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:en.data.isOwner?jsxRuntimeExports$1.jsxs(jsxRuntimeExports$1.Fragment,{children:[jsxRuntimeExports$1.jsx(TournamentNoneText,{}),jsxRuntimeExports$1.jsx(TournamentImg,{children:jsxRuntimeExports$1.jsx(SvgTrophyNone,{})}),jsxRuntimeExports$1.jsx(TournamentDeleteButton,{onClick:fn})]}):jsxRuntimeExports$1.jsxs(jsxRuntimeExports$1.Fragment,{children:[jsxRuntimeExports$1.jsx(TournamentNoneText,{}),jsxRuntimeExports$1.jsx(TournamentImg,{children:jsxRuntimeExports$1.jsx(SvgTrophyNone,{})})]})}):jsxRuntimeExports$1.jsxs(jsxRuntimeExports$1.Fragment,{children:[jsxRuntimeExports$1.jsx(TournamentStartText,{giftee:a}),jsxRuntimeExports$1.jsx(TournamentItemCount,{memberData:nn}),jsxRuntimeExports$1.jsx(TournamentImg,{children:jsxRuntimeExports$1.jsx("img",{src:trophy,alt:"트로피"})}),jsxRuntimeExports$1.jsx(TournamentStartButton,{onClick:rn})]})})}):jsxRuntimeExports$1.jsxs(jsxRuntimeExports$1.Fragment,{children:[jsxRuntimeExports$1.jsx(Header,{}),jsxRuntimeExports$1.jsx(TournamentFlowContainer,{memberData:nn,roomId:o})]})}))},GiftHomeShowcaseWrapper=ut.section`
+`,TournamentDeleteButton=({onClick:e})=>jsxRuntimeExports$1.jsx(TournamentStartButtonWrapper,{children:jsxRuntimeExports$1.jsx(BtnFill,{customStyle:{width:"33.5rem",height:"5.2rem",backgroundColor:"#FF2176",border:"none"},onClick:e,children:"선물방 종료하기"})}),TournamentIntroContainer=()=>{const e=useNavigate(),s=useParams(),a=s.giftee,i=s.roomId||"",o=parseInt(i||"",10),en=useGetItem({roomId:Number(o)});let nn=[];const{showTournamentContainer:tn,handleStartClick:rn}=useTournament(),fn=()=>{e("/mypage")};return typeof en=="string"?(console.log("Error :",en),jsxRuntimeExports$1.jsxs(Modal,{onConfirmClick:fn,children:["선물 토너먼트를",jsxRuntimeExports$1.jsx("br",{}),"이미 참여하셨습니다!"]})):(en&&en.data&&(nn=en.data,console.log(nn)),jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:tn?jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:jsxRuntimeExports$1.jsx(TournamentFlowWrapper,{children:nn.length===void 0?jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:en.data.isOwner?jsxRuntimeExports$1.jsxs(jsxRuntimeExports$1.Fragment,{children:[jsxRuntimeExports$1.jsx(TournamentNoneText,{}),jsxRuntimeExports$1.jsx(TournamentImg,{children:jsxRuntimeExports$1.jsx(SvgTrophyNone,{})}),jsxRuntimeExports$1.jsx(TournamentDeleteButton,{onClick:fn})]}):jsxRuntimeExports$1.jsxs(jsxRuntimeExports$1.Fragment,{children:[jsxRuntimeExports$1.jsx(TournamentNoneText,{}),jsxRuntimeExports$1.jsx(TournamentImg,{children:jsxRuntimeExports$1.jsx(SvgTrophyNone,{})})]})}):jsxRuntimeExports$1.jsxs(jsxRuntimeExports$1.Fragment,{children:[jsxRuntimeExports$1.jsx(TournamentStartText,{giftee:a}),jsxRuntimeExports$1.jsx(TournamentItemCount,{memberData:nn}),jsxRuntimeExports$1.jsx(TournamentImg,{children:jsxRuntimeExports$1.jsx("img",{src:trophy,alt:"트로피"})}),jsxRuntimeExports$1.jsx(TournamentStartButton,{onClick:rn})]})})}):jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:jsxRuntimeExports$1.jsx(TournamentFlowContainer,{memberData:nn,roomId:o})})}))},GiftHomeShowcaseWrapper=ut.section`
   width: 100%;
   padding: ${({$isData:e})=>e?"0.6rem 0 0.6rem 2rem":"0.6rem 2rem 0.6rem 2rem"};
   margin-bottom: 3.6rem;
@@ -1750,12 +1740,22 @@ Error generating stack: `+en.message+`
 
   img {
     width: 7.2rem;
+    height: auto;
+    aspect-ratio: 1 / 1;
+
     border-radius: 1.2rem;
   }
 `,InfoWrapper=ut.div`
   display: flex;
   flex-direction: column;
 `,Title$1=ut.p`
+  overflow: hidden;
+  white-space: normal;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-break: keep-all;
   ${({theme:e})=>e.fonts.body_05};
 `,TournamentRankingCard=({name:e,cost:s,imageUrl:a})=>jsxRuntimeExports$1.jsxs(TournamentRankingCardWrapper,{children:[jsxRuntimeExports$1.jsx("img",{src:a}),jsxRuntimeExports$1.jsxs(InfoWrapper,{children:[jsxRuntimeExports$1.jsx(Title$1,{children:e}),jsxRuntimeExports$1.jsx(PriceTag,{price:s})]})]}),Line=ut.div`
   width: 335px;
@@ -1779,8 +1779,10 @@ Error generating stack: `+en.message+`
 
   p {
     display: inline-flex;
-    align-items: flex-end;
+    align-items: center;
+    padding: 1.1rem;
     gap: 8px;
+
     ${({theme:e})=>e.fonts.body_09};
   }
 `,SubTitle=ut.p`
@@ -1822,7 +1824,7 @@ Error generating stack: `+en.message+`
   margin-bottom: 2.4rem;
   justify-content: center;
 `,Title=ut.p`
-  margin-bottom: 0.8;
+  margin-bottom: 0.8rem;
   color: ${({theme:e})=>e.colors.Black};
   text-align: center;
   font-family: SUIT;
@@ -1863,7 +1865,7 @@ Error generating stack: `+en.message+`
 `,WrapperItem=ut.div`
   display: flex;
   gap: 2.4rem;
-`,TOURNAMENT_RANKING_BY_ID_QUERY_KEY=["tournamentRankingData"],fetchTournamentItem=async e=>cleanHeaderInstance.get(`/gift/ranking/${e}`),useGetRanking=({roomId:e})=>{const{data:s}=useSuspenseQuery({queryKey:[TOURNAMENT_RANKING_BY_ID_QUERY_KEY,e],queryFn:()=>fetchTournamentItem(e)});return console.log(s),s},TournamentRanking=({roomId:e,giftee:s})=>{const a=useGetRanking({roomId:e}),i=(a==null?void 0:a.data.data)||[];return jsxRuntimeExports$1.jsxs(TournamentRankingWrapper,{children:[jsxRuntimeExports$1.jsx(TournamentRankingTitle,{roomId:e,giftee:s}),jsxRuntimeExports$1.jsx(RankingWrapper,{children:jsxRuntimeExports$1.jsx(Wrapper$1,{children:Array.isArray(i)&&i.length>0?i.map((o,en)=>{const tn=o.imageUrl.split("?")[0];return console.log(tn),jsxRuntimeExports$1.jsxs(WrapperItem,{children:[o.ranking===1&&jsxRuntimeExports$1.jsx(SvgRanking1,{style:{width:"3.4rem"}}),o.ranking===2&&jsxRuntimeExports$1.jsx(SvgRanking2,{style:{width:"3.4rem"}}),o.ranking===3&&jsxRuntimeExports$1.jsx(SvgRanking3,{style:{width:"3.4rem"}}),o.ranking!==1&&o.ranking!==2&&o.ranking!==3&&jsxRuntimeExports$1.jsxs(IconWrapper,{children:[jsxRuntimeExports$1.jsx(SvgRanking04,{style:{width:"3.4rem"}}),jsxRuntimeExports$1.jsx(IcTitle,{children:o.ranking})]}),jsxRuntimeExports$1.jsx(TournamentRankingCard,{name:o.name,cost:o.cost,imageUrl:tn})]},en)}):jsxRuntimeExports$1.jsx("p",{children:"No data available"})})})]})},TournamentPage=()=>{const e=useParams(),s=e.giftee,a=e.roomId,i=parseInt(a||"",10);return jsxRuntimeExports$1.jsx(TournamentRanking,{roomId:i,giftee:s})},GiftAddNextBtnWrapper=ut.button`
+`,TOURNAMENT_RANKING_BY_ID_QUERY_KEY=["tournamentRankingData"],fetchTournamentItem=async e=>cleanHeaderInstance.get(`/gift/ranking/${e}`),useGetRanking=({roomId:e})=>{const{data:s}=useSuspenseQuery({queryKey:[TOURNAMENT_RANKING_BY_ID_QUERY_KEY,e],queryFn:()=>fetchTournamentItem(e)});return console.log(s),s},TournamentRanking=({roomId:e,giftee:s})=>{const a=useGetRanking({roomId:e}),i=(a==null?void 0:a.data.data)||[];return jsxRuntimeExports$1.jsxs(TournamentRankingWrapper,{children:[jsxRuntimeExports$1.jsx(TournamentRankingTitle,{roomId:e,giftee:s}),jsxRuntimeExports$1.jsx(RankingWrapper,{children:jsxRuntimeExports$1.jsx(Wrapper$1,{children:Array.isArray(i)&&i.length>0?i.map((o,en)=>{const tn=o.imageUrl.split("?")[0];return console.log(tn),jsxRuntimeExports$1.jsxs(WrapperItem,{children:[o.ranking===1&&jsxRuntimeExports$1.jsx(SvgRanking1,{style:{width:"3.4rem"}}),o.ranking===2&&jsxRuntimeExports$1.jsx(SvgRanking2,{style:{width:"3.4rem"}}),o.ranking===3&&jsxRuntimeExports$1.jsx(SvgRanking3,{style:{width:"3.4rem"}}),o.ranking!==1&&o.ranking!==2&&o.ranking!==3&&jsxRuntimeExports$1.jsxs(IconWrapper,{children:[jsxRuntimeExports$1.jsx(SvgRanking04,{style:{width:"3.4rem"}}),jsxRuntimeExports$1.jsx(IcTitle,{children:o.ranking})]}),jsxRuntimeExports$1.jsx(TournamentRankingCard,{name:o.name,cost:o.cost,imageUrl:tn})]},en)}):jsxRuntimeExports$1.jsx("p",{children:"등록된 선물이 없어요!"})})})]})},TournamentPage=()=>{const e=useParams(),s=e.giftee,a=e.roomId,i=parseInt(a||"",10);return jsxRuntimeExports$1.jsx(TournamentRanking,{roomId:i,giftee:s})},GiftAddNextBtnWrapper=ut.button`
   ${({theme:{mixin:e}})=>e.inlineFlexBox({align:"center",justify:"center"})}
 
   height: 4.4rem;
@@ -1954,13 +1956,13 @@ Error generating stack: `+en.message+`
   display: flex;
   justify-content: center;
   align-items: center;
-`,LinkAddHeader=({targetDate:e,step:s,setStep:a,name:i,cost:o,imageUrl:en,url:nn,updateAddGiftInfo:tn,gifteeName:rn})=>{const fn=()=>{s===1?(tn({url:nn}),a(0)):(s===2||s===3)&&(tn({name:i,cost:o,imageUrl:en}),a(1))};return jsxRuntimeExports$1.jsxs(LinkAddHeaderWrapper,{children:[jsxRuntimeExports$1.jsx(SvgIcLeft,{onClick:fn,style:{width:"3.6rem",height:"3.6rem",position:"absolute",left:"0.7rem",cursor:"pointer"}}),jsxRuntimeExports$1.jsx(MiniTimer,{targetDate:e,giftee:rn})]})},GiftAddLinkLayoutWrapper=ut.section`
+`,LinkAddHeader=({targetDate:e,step:s,setStep:a,name:i,cost:o,imageUrl:en,updateAddGiftInfo:nn,gifteeName:tn})=>{const rn=()=>{s===1?(nn({name:"",cost:"",imageUrl:"",url:""}),a(0)):(s===2||s===3)&&(nn({name:i,cost:o,imageUrl:en}),a(1))};return jsxRuntimeExports$1.jsxs(LinkAddHeaderWrapper,{children:[jsxRuntimeExports$1.jsx(SvgIcLeft,{onClick:rn,style:{width:"3.6rem",height:"3.6rem",position:"absolute",left:"0.7rem",cursor:"pointer"}}),jsxRuntimeExports$1.jsx(MiniTimer,{targetDate:e,giftee:tn})]})},GiftAddLinkLayoutWrapper=ut.section`
   width: 100%;
   padding: 0 2rem 0 2rem;
 
   display: flex;
   flex-direction: column;
-`,postOpenGraph=async e=>(await post("/opengraph",e)).data,usePostOpenGraph=({body:e})=>{const s=useMutation({mutationFn:postOpenGraph,onSuccess:i=>{console.log("POST 성공, 오픈그래프 data 값",i),console.log("body값",e)},onError:i=>{console.log(i.message)}}),{isError:a}=s;return{mutation:s,isError:a}},GifteeNameContext=reactExports.createContext({gifteeName:"",updateGifteeName:()=>{}}),useUpdateGifteeNameContext=()=>reactExports.useContext(GifteeNameContext),UpdateGifteeNameProvider=({children:e})=>{const[s,a]=reactExports.useState(""),i=en=>{a(en)},o=reactExports.useMemo(()=>({gifteeName:s,updateGifteeName:i}),[s]);return jsxRuntimeExports$1.jsx(GifteeNameContext.Provider,{value:o,children:e})},GiftAddFirstLinkLayout=({setStep:e,setLinkText:s,itemNum:a,step:i,setOpenGraph:o,targetDate:en,setModalStatus:nn,updateAddGiftInfo:tn,addGiftInfo:rn})=>{const[fn,vn]=reactExports.useState(!!rn.url),[dn,zn]=reactExports.useState(rn.url),{mutation:Xn}=usePostOpenGraph({body:{BaseURL:dn}}),{gifteeName:an}=useUpdateGifteeNameContext(),sn=un=>{try{const cn=Xn.mutate({BaseURL:un},{onSuccess:Pn=>{const xn=Pn.title,ln=Pn.image;o({title:xn,image:ln}),console.log("오픈그래프 정보를 가져왔습니다.",{giftTitle:xn,giftImage:ln}),console.log("작성한 링크 텍스트",dn),console.log("fetchOpenGraph 속 response",cn),s(dn),tn({url:dn,imageUrl:ln}),e(2)},onError:()=>{nn(!0),e(3)}})}catch{e(3)}},jn=async()=>{sn(dn)};return jsxRuntimeExports$1.jsxs(GiftAddLinkLayoutWrapper,{children:[jsxRuntimeExports$1.jsx(LinkAddHeader,{targetDate:en,setStep:e,step:i,url:dn,updateAddGiftInfo:tn,gifteeName:an}),jsxRuntimeExports$1.jsx(GiftStatusBar,{registeredGiftNum:a,isMargin:!0}),jsxRuntimeExports$1.jsxs(Title$b,{children:[a===0?"첫번째 상품의":"두번째 상품의",jsxRuntimeExports$1.jsx("br",{}),"판매 링크를 입력해주세요"]}),jsxRuntimeExports$1.jsx(InputUrl,{text:dn,setText:zn,setIsActivated:vn}),jsxRuntimeExports$1.jsx(GiftAddBtnWrapper,{setStep:e,isActivated:fn,onClick:jn})]})},MY_GIFT_QUERY_KEY=["myGiftData"],getMyGift=async e=>get(`/gift/my/${e}`),useGetMyGift=({roomId:e})=>{const{data:s,isLoading:a,isError:i}=useSuspenseQuery({queryKey:[MY_GIFT_QUERY_KEY[0],e],queryFn:()=>getMyGift(e)});return{data:s,isLoading:a,isError:i}},postNewGift=async e=>{try{const s=await post("/gift",e);return console.log("response data",s.data),s.data}catch(s){if(console.log("확인확인",s.message),s.message==="중복된 선물 등록입니다.")throw console.log("들어와~",s),new Error(`${s}`)}},usePostGift=(e,s,a,i,o,en)=>{const nn=useNavigate(),tn=useQueryClient();return{mutation:useMutation({mutationFn:postNewGift,onSuccess:()=>{console.log("선물 등록 성공!!"),tn.invalidateQueries({queryKey:[MY_GIFT_QUERY_KEY[0],e]}),nn(`/add-gift/${e}/${s}`),a(0),o(!1),i({name:"",cost:0,imageUrl:"",url:""})},onError:fn=>{if(console.log("선물 등록 에러!!",fn.message),fn.message==="Error: 중복된 선물 등록입니다.")return console.log("잘 들어오고 있닝"),en(!0),fn}})}},AddGiftFooterWrapper=ut.footer`
+`,postOpenGraph=async e=>(await post("/opengraph",e)).data,usePostOpenGraph=({body:e})=>{const s=useMutation({mutationFn:postOpenGraph,onSuccess:i=>{console.log("POST 성공, 오픈그래프 data 값",i),console.log("body값",e)},onError:i=>{console.log(i.message)}}),{isError:a}=s;return{mutation:s,isError:a}},GifteeNameContext=reactExports.createContext({gifteeName:"",updateGifteeName:()=>{}}),useUpdateGifteeNameContext=()=>reactExports.useContext(GifteeNameContext),UpdateGifteeNameProvider=({children:e})=>{const[s,a]=reactExports.useState(""),i=en=>{a(en)},o=reactExports.useMemo(()=>({gifteeName:s,updateGifteeName:i}),[s]);return jsxRuntimeExports$1.jsx(GifteeNameContext.Provider,{value:o,children:e})},GiftAddFirstLinkLayout=({setStep:e,setLinkText:s,itemNum:a,step:i,setOpenGraph:o,targetDate:en,setModalStatus:nn,updateAddGiftInfo:tn,addGiftInfo:rn})=>{const[fn,vn]=reactExports.useState(!!rn.url),[dn,zn]=reactExports.useState(rn.url),{mutation:Xn}=usePostOpenGraph({body:{BaseURL:dn}}),{gifteeName:an}=useUpdateGifteeNameContext(),sn=un=>{try{const cn=Xn.mutate({BaseURL:un},{onSuccess:Pn=>{const xn=Pn.title,ln=Pn.image;o({title:xn,image:ln}),console.log("오픈그래프 정보를 가져왔습니다.",{giftTitle:xn,giftImage:ln}),console.log("작성한 링크 텍스트",dn),console.log("fetchOpenGraph 속 response",cn),s(dn),tn({url:dn,imageUrl:ln}),e(2)},onError:()=>{tn({imageUrl:""}),o({title:"",image:""}),nn(!0),e(3)}})}catch{e(3)}},jn=async()=>{sn(dn)};return jsxRuntimeExports$1.jsxs(GiftAddLinkLayoutWrapper,{children:[jsxRuntimeExports$1.jsx(LinkAddHeader,{targetDate:en,setStep:e,step:i,url:dn,updateAddGiftInfo:tn,gifteeName:an}),jsxRuntimeExports$1.jsx(GiftStatusBar,{registeredGiftNum:a,isMargin:!0}),jsxRuntimeExports$1.jsxs(Title$b,{children:[a===0?"첫번째 상품의":"두번째 상품의",jsxRuntimeExports$1.jsx("br",{}),"판매 링크를 입력해주세요"]}),jsxRuntimeExports$1.jsx(InputUrl,{text:dn,setText:zn,setIsActivated:vn}),jsxRuntimeExports$1.jsx(GiftAddBtnWrapper,{setStep:e,isActivated:fn,onClick:jn})]})},MY_GIFT_QUERY_KEY=["myGiftData"],getMyGift=async e=>get(`/gift/my/${e}`),useGetMyGift=({roomId:e})=>{const{data:s,isLoading:a,isError:i}=useSuspenseQuery({queryKey:[MY_GIFT_QUERY_KEY[0],e],queryFn:()=>getMyGift(e)});return{data:s,isLoading:a,isError:i}},postNewGift=async e=>{try{const s=await post("/gift",e);return console.log("response data",s.data),s.data}catch(s){if(console.log("확인확인",s.message),s.message==="중복된 선물 등록입니다.")throw console.log("들어와~",s),new Error(`${s}`)}},usePostGift=({roomId:e,targetDate:s,setStep:a,updateAddGiftInfo:i,setIsLoading:o,setIsModalOpen:en,setNameText:nn,setPriceText:tn,setImageUrl:rn,setLinkText:fn})=>{const vn=useNavigate(),dn=useQueryClient();return{mutation:useMutation({mutationFn:postNewGift,onSuccess:()=>{console.log("선물 등록 성공!!"),dn.invalidateQueries({queryKey:[MY_GIFT_QUERY_KEY[0],e]}),vn(`/add-gift/${e}/${s}`),a(0),o(!1),i({name:"",cost:0,imageUrl:"",url:""}),nn(""),tn(null),rn(""),fn("")},onError:Xn=>{if(console.log("선물 등록 에러!!",Xn.message),Xn.message==="Error: 중복된 선물 등록입니다.")return console.log("잘 들어오고 있닝"),en(!0),Xn}})}},AddGiftFooterWrapper=ut.footer`
   width: 100%;
   margin-bottom: 2rem;
   
@@ -1979,7 +1981,7 @@ Error generating stack: `+en.message+`
   border: none;
   border-radius: 9.9rem;
   background-color: ${({theme:e})=>e.colors.white};
-`;const putMyPresignedUrl=async({presignedUrl:e,binaryData:s})=>await axios$1.put(e,s,{headers:{"Content-Type":"binary"}}),usePutMyPresignedUrl=()=>({mutation:useMutation({mutationFn:putMyPresignedUrl,onSuccess:s=>{console.log("PUT 성공",s)},onError:s=>{console.log("이미지 PUT 에러!",s.message)}})}),useBinarizeAndPutImage=()=>{const e=usePutMyPresignedUrl();return{binarizeAndPutImage:async({presignedUrl:a,file:i})=>{const o=await i.arrayBuffer(),en=new Uint8Array(o);try{await e.mutation.mutateAsync({presignedUrl:a,binaryData:en})}catch(nn){console.error("바이너리 put하다가 error 발생!",nn)}}}},postPresignedUrl=async({filename:e})=>{var s,a;try{const i=e?`presigned-url?fileName=${e}`:"";if(i)return(await post(i,e)).data}catch(i){throw i instanceof AxiosError?new Error(((a=(s=i.response)==null?void 0:s.data)==null?void 0:a.message)??i.message):i}},usePostMyPresignedUrl=e=>{const s=useQueryClient();return useMutation({mutationFn:postPresignedUrl,onSuccess:a=>{console.log("usePostPresignedUrl onSuccess 내꺼로 포스트 성공~",a),s.invalidateQueries({queryKey:[MY_GIFT_QUERY_KEY[0],e]})},onError:a=>{console.log("내 선물 PU 받아오던 중 에러가 발생했습니다.",a.message)}})},useGetPresignedUrl=e=>{const s=usePostMyPresignedUrl(e);return{getPresignedUrl:async({fileName:i,setImageUrl:o})=>{if(i){const nn=(await s.mutateAsync({filename:i})).presignedUrl,tn=nn.split("?")[0];return o(tn),{presignedUrl:nn,imageUrlS3:tn}}else return console.log("파일명이 없어서 fetchPresignedUrl을 실행하지 않습니다."),{imageUrl:"",presignedUrl:""}}}},usePutImageUrlToS3=e=>{const{getPresignedUrl:s}=useGetPresignedUrl(e),{binarizeAndPutImage:a}=useBinarizeAndPutImage();return{putImageUrlToS3:async({fileName:o,file:en,roomId:nn,setImageUrl:tn})=>{const{presignedUrl:rn,imageUrlS3:fn}=await s({roomId:nn,fileName:o,setImageUrl:tn});return rn&&rn!==""?en?await a({presignedUrl:rn,file:en}):console.error("파일이 없습니다"):console.log("preSignedUrl이 비어있어서 putPresignedUrl을 실행하지 않습니다."),{imageUrlS3:fn}}}},AddGiftFooter=({targetDate:e,roomId:s,setStep:a,isActivated:i,name:o,cost:en,link:nn,file:tn,setImageUrl:rn,fileName:fn,updateAddGiftInfo:vn,setIsLoading:dn,setIsModalOpen:zn})=>{const{mutation:Xn}=usePostGift(s,e,a,vn,dn,zn),{putImageUrlToS3:an}=usePutImageUrlToS3(s),sn=async()=>{dn(!0);const{imageUrlS3:jn}=await an({fileName:fn,file:tn,roomId:s,setImageUrl:rn});if(i)try{await Xn.mutateAsync({roomId:s,name:o,cost:en,imageUrl:jn,url:nn})}catch(un){console.error("Mutation error:",un.message),un.message==="Error: 중복된 선물 등록입니다."&&(console.log("CHECK"),zn(!0))}finally{dn(!1)}};return jsxRuntimeExports$1.jsx(AddGiftFooterWrapper,{children:jsxRuntimeExports$1.jsx(GiftAddNextBtn,{isActivated:i,onClick:sn,children:"완료"})})},AddGiftWithLinkLayoutWrapper=ut.section`
+`;const putMyPresignedUrl=async({presignedUrl:e,binaryData:s})=>await axios$1.put(e,s,{headers:{"Content-Type":"binary"}}),usePutMyPresignedUrl=()=>({mutation:useMutation({mutationFn:putMyPresignedUrl,onSuccess:s=>{console.log("PUT 성공",s)},onError:s=>{console.log("이미지 PUT 에러!",s.message)}})}),useBinarizeAndPutImage=()=>{const e=usePutMyPresignedUrl();return{binarizeAndPutImage:async({presignedUrl:a,file:i})=>{const o=await i.arrayBuffer(),en=new Uint8Array(o);try{await e.mutation.mutateAsync({presignedUrl:a,binaryData:en})}catch(nn){console.error("바이너리 put하다가 error 발생!",nn)}}}},postPresignedUrl=async({filename:e})=>{var s,a;try{const i=e?`presigned-url?fileName=${e}`:"";if(i)return(await post(i,e)).data}catch(i){throw i instanceof AxiosError?new Error(((a=(s=i.response)==null?void 0:s.data)==null?void 0:a.message)??i.message):i}},usePostMyPresignedUrl=e=>{const s=useQueryClient();return useMutation({mutationFn:postPresignedUrl,onSuccess:a=>{console.log("usePostPresignedUrl onSuccess 내꺼로 포스트 성공~",a),s.invalidateQueries({queryKey:[MY_GIFT_QUERY_KEY[0],e]})},onError:a=>{console.log("내 선물 PU 받아오던 중 에러가 발생했습니다.",a.message)}})},useGetPresignedUrl=e=>{const s=usePostMyPresignedUrl(e);return{getPresignedUrl:async({fileName:i,setImageUrl:o})=>{if(i){const nn=(await s.mutateAsync({filename:i})).presignedUrl,tn=nn.split("?")[0];return o(tn),{presignedUrl:nn,imageUrlS3:tn}}else return console.log("파일명이 없어서 fetchPresignedUrl을 실행하지 않습니다."),{imageUrl:"",presignedUrl:""}}}},usePutImageUrlToS3=e=>{const{getPresignedUrl:s}=useGetPresignedUrl(e),{binarizeAndPutImage:a}=useBinarizeAndPutImage();return{putImageUrlToS3:async({fileName:o,file:en,roomId:nn,setImageUrl:tn})=>{const{presignedUrl:rn,imageUrlS3:fn}=await s({roomId:nn,fileName:o,setImageUrl:tn});return rn&&rn!==""?en?await a({presignedUrl:rn,file:en}):console.error("파일이 없습니다"):console.log("preSignedUrl이 비어있어서 putPresignedUrl을 실행하지 않습니다."),{imageUrlS3:fn}}}},initialAddGiftInfo={name:"",cost:null,imageUrl:"",url:""},AddGiftContext=reactExports.createContext({addGiftInfo:initialAddGiftInfo,updateAddGiftInfo:()=>{}}),useAddGiftContext=()=>reactExports.useContext(AddGiftContext),AddGiftProvider=({children:e})=>{const[s,a]=reactExports.useState(initialAddGiftInfo),i=en=>{a(nn=>({...nn,...en}))},o=reactExports.useMemo(()=>({addGiftInfo:s,updateAddGiftInfo:i}),[s]);return jsxRuntimeExports$1.jsx(AddGiftContext.Provider,{value:o,children:e})},AddGiftFooter=({targetDate:e,roomId:s,setStep:a,isActivated:i,cost:o,link:en,file:nn,setImageUrl:tn,fileName:rn,updateAddGiftInfo:fn,setIsLoading:vn,setIsModalOpen:dn,setNameText:zn,setPriceText:Xn,setLinkText:an})=>{const{mutation:sn}=usePostGift({roomId:s,targetDate:e,setStep:a,updateAddGiftInfo:fn,setIsLoading:vn,setIsModalOpen:dn,setNameText:zn,setPriceText:Xn,setImageUrl:tn,setLinkText:an}),{putImageUrlToS3:jn}=usePutImageUrlToS3(s),{addGiftInfo:un}=useAddGiftContext(),cn=async()=>{vn(!0);const{imageUrlS3:Pn}=await jn({fileName:rn,file:nn,roomId:s,setImageUrl:tn});if(i)try{await sn.mutateAsync({roomId:s,name:un.name,cost:o,imageUrl:Pn,url:en})}catch(xn){console.error("Mutation error:",xn.message),xn.message==="Error: 중복된 선물 등록입니다."&&(console.log("CHECK"),dn(!0))}finally{vn(!1)}};return jsxRuntimeExports$1.jsx(AddGiftFooterWrapper,{children:jsxRuntimeExports$1.jsx(GiftAddNextBtn,{isActivated:i,onClick:cn,children:"완료"})})},AddGiftWithLinkLayoutWrapper=ut.section`
   width: 100%;
 
   display: flex;
@@ -2016,7 +2018,7 @@ Error generating stack: `+en.message+`
     width: 100%;
     height: 100%;
   }
-`,useParseFileName=({setFileName:e,imageString:s})=>{const o=`${new Date().toISOString()}${s}`.replace(/\//g,"").replace(/\s/g,"");return e(o),o},useHandleImageUpload=({openGraph:e,setImageUrl:s,setFile:a,setFileName:i,setPreviewImage:o,setIsImageUploaded:en})=>({handleImageUpload:async tn=>{const{files:rn}=tn.target;if(rn&&rn.length>0){const fn=rn;a(fn[0]),o(URL.createObjectURL(fn[0])),s(URL.createObjectURL(fn[0])),en(!!(fn!=null&&fn[0])),e&&(e.image="");const vn=fn[0].name.trim();useParseFileName({setFileName:i,imageString:vn})}}}),AddGiftImg=({imageUrl:e,openGraph:s,setImageUrl:a,setFile:i,setFileName:o,setPreviewImage:en,setIsImageUploaded:nn})=>{const{handleImageUpload:tn}=useHandleImageUpload({openGraph:s,setImageUrl:a,setFile:i,setFileName:o,setPreviewImage:en,setIsImageUploaded:nn});return jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:(s==null?void 0:s.image)!==""||e!==""?jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:jsxRuntimeExports$1.jsxs(IcEmptyThumbnailWrapper,{children:[jsxRuntimeExports$1.jsx("input",{type:"file",accept:"image/jpeg, image/png, image/gif, image/heic ",style:{display:"none"},id:"imgInput",onChange:tn}),jsxRuntimeExports$1.jsx("label",{htmlFor:"imgInput",children:e?jsxRuntimeExports$1.jsxs(ThumbnailWrapper,{children:[jsxRuntimeExports$1.jsx(ImgPreview,{src:s!=null&&s.image?s.image:e,alt:"preview",style:{position:"relative",width:"19.2rem",height:"19.2rem",borderRadius:"1.2rem"}}),jsxRuntimeExports$1.jsx(SvgIcImgEditBtn,{style:{position:"absolute",width:"2.8rem",height:"2.8rem",top:"0.8rem",right:"0.8rem",cursor:"pointer"}})]}):jsxRuntimeExports$1.jsx(SvgIcEmptyThumbnail,{style:{width:"19.2rem",height:"19.2rem",position:"relative",marginTop:"2.8rem",cursor:"pointer"}})})]})}):jsxRuntimeExports$1.jsx(SvgIcEmptyThumbnail,{style:{width:"19.2rem",height:"19.2rem",position:"relative",cursor:"pointer"}})})},WriteItemInfoWrapper=ut.div`
+`,useParseFileName=({setFileName:e,imageString:s})=>{const o=`${new Date().toISOString()}${s}`.replace(/\//g,"").replace(/\s/g,"");return e(o),o},useHandleImageUpload=({openGraph:e,setImageUrl:s,setFile:a,setFileName:i,setPreviewImage:o,setIsImageUploaded:en})=>({handleImageUpload:async tn=>{const{files:rn}=tn.target;if(rn&&rn.length>0){const fn=rn;a(fn[0]),o(URL.createObjectURL(fn[0])),s(URL.createObjectURL(fn[0])),en(!!(fn!=null&&fn[0])),e&&(e.image="");const vn=fn[0].name.trim();useParseFileName({setFileName:i,imageString:vn})}}}),AddGiftImg=({imageUrl:e,openGraph:s,setImageUrl:a,setFile:i,setFileName:o,setPreviewImage:en,setIsImageUploaded:nn})=>{const{handleImageUpload:tn}=useHandleImageUpload({openGraph:s,setImageUrl:a,setFile:i,setFileName:o,setPreviewImage:en,setIsImageUploaded:nn}),{addGiftInfo:rn}=useAddGiftContext();return console.log("ADDGIFTINFO 이미지",rn.imageUrl),jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:(s==null?void 0:s.image)!==""||e!==""||rn.imageUrl!==""?jsxRuntimeExports$1.jsx(jsxRuntimeExports$1.Fragment,{children:jsxRuntimeExports$1.jsxs(IcEmptyThumbnailWrapper,{children:[jsxRuntimeExports$1.jsx("input",{type:"file",accept:"image/jpeg, image/png, image/gif, image/heic ",style:{display:"none"},id:"imgInput",onChange:tn}),jsxRuntimeExports$1.jsx("label",{htmlFor:"imgInput",children:e?jsxRuntimeExports$1.jsxs(ThumbnailWrapper,{children:[jsxRuntimeExports$1.jsx(ImgPreview,{src:s!=null&&s.image?s.image:e||rn.imageUrl,alt:"preview",style:{position:"relative",width:"19.2rem",height:"19.2rem",borderRadius:"1.2rem"}}),jsxRuntimeExports$1.jsx(SvgIcImgEditBtn,{style:{position:"absolute",width:"2.8rem",height:"2.8rem",top:"0.8rem",right:"0.8rem",cursor:"pointer"}})]}):jsxRuntimeExports$1.jsx(SvgIcEmptyThumbnail,{style:{width:"19.2rem",height:"19.2rem",position:"relative",marginTop:"2.8rem",cursor:"pointer"}})})]})}):jsxRuntimeExports$1.jsx(SvgIcEmptyThumbnail,{style:{width:"19.2rem",height:"19.2rem",position:"relative",cursor:"pointer"}})})},WriteItemInfoWrapper=ut.div`
   width: 100%;
   margin-top: 2.8rem;
   padding: 0 2rem;
@@ -2085,7 +2087,7 @@ Error generating stack: `+en.message+`
       }
     }
   }
-`,ItemTextField=({text:e,handleTextChange:s,type:a,categoryTitle:i,placeholderText:o})=>{const[en,nn]=reactExports.useState(!1),tn=fn=>{const vn=fn.target.value;s(vn)},rn=()=>{s("")};return jsxRuntimeExports$1.jsxs(ItemTextFieldWrapper,{children:[jsxRuntimeExports$1.jsx(CategoryTitle,{children:i}),jsxRuntimeExports$1.jsxs(Wrapper,{$isInputFocused:en,children:[jsxRuntimeExports$1.jsx(TextField,{children:jsxRuntimeExports$1.jsx(Input,{type:a,value:e,onChange:tn,onFocus:()=>nn(!0),onBlur:()=>nn(!1),placeholder:o})}),a==="number"?"":jsxRuntimeExports$1.jsx(IconField,{children:e.length>0&&jsxRuntimeExports$1.jsx(SvgIcCancelCircleFinal,{style:{width:"2.4rem",height:"2.4rem"},onClick:rn})})]})]})},WriteItemInfo$1=({imageUrl:e,setIsActivated:s,setName:a,setCost:i,setUrl:o,name:en,cost:nn,url:tn})=>{const rn=(zn,Xn)=>{zn.length>0&&Xn.length>0&&e!==""?s(!0):s(!1)},fn=zn=>{a(zn),nn!==null&&rn(zn,nn.toString())},vn=zn=>{zn!==null&&(i(zn),rn(en,zn.toString()))},dn=zn=>{o(zn)};return jsxRuntimeExports$1.jsxs(WriteItemInfoWrapper,{children:[jsxRuntimeExports$1.jsx(ItemTextField,{type:"text",text:en,handleTextChange:fn,placeholderText:"상품명을 입력해주세요",categoryTitle:"상품이름"}),jsxRuntimeExports$1.jsx(ItemTextField,{text:nn?nn.toString():"",handleTextChange:zn=>vn(Number(zn)),type:"number",categoryTitle:"가격",placeholderText:"가격을 입력해주세요"}),jsxRuntimeExports$1.jsx(ItemTextField,{text:tn,handleTextChange:dn,categoryTitle:"링크",placeholderText:"링크를 입력해주세요 (선택)",type:"text"})]})},Overlay$1=ut.div`
+`,ItemTextField=({text:e,handleTextChange:s,type:a,categoryTitle:i,placeholderText:o})=>{const[en,nn]=reactExports.useState(!1),tn=fn=>{const vn=fn.target.value;s(vn)},rn=()=>{s("")};return jsxRuntimeExports$1.jsxs(ItemTextFieldWrapper,{children:[jsxRuntimeExports$1.jsx(CategoryTitle,{children:i}),jsxRuntimeExports$1.jsxs(Wrapper,{$isInputFocused:en,children:[jsxRuntimeExports$1.jsx(TextField,{children:jsxRuntimeExports$1.jsx(Input,{type:a,value:e,onChange:tn,onFocus:()=>nn(!0),onBlur:()=>nn(!1),placeholder:o})}),a==="number"?"":jsxRuntimeExports$1.jsx(IconField,{children:e.length>0&&jsxRuntimeExports$1.jsx(SvgIcCancelCircleFinal,{style:{width:"2.4rem",height:"2.4rem"},onClick:rn})})]})]})},WriteItemInfo$1=({imageUrl:e,setIsActivated:s,setName:a,setCost:i,setUrl:o,name:en,cost:nn,url:tn})=>{const{addGiftInfo:rn,updateAddGiftInfo:fn}=useAddGiftContext(),vn=(an,sn)=>{an.length>0&&sn!==void 0&&sn!==null&&sn.length>0&&e?s(!0):s(!1)},dn=an=>{a(an),fn({name:an}),nn!==null&&vn(an,nn.toString())},zn=an=>{if(an===""){i(null),vn(en,"");return}const sn=Number(an);if(!isNaN(sn)){i(sn),vn(en,sn.toString());return}B.info("가격은 숫자만 입력 가능합니다.",{position:"bottom-center",autoClose:700,hideProgressBar:!0,closeOnClick:!1,pauseOnHover:!1,draggable:!1,progress:void 0,theme:"colored",icon:!1})},Xn=an=>{o(an)};return jsxRuntimeExports$1.jsxs(WriteItemInfoWrapper,{children:[jsxRuntimeExports$1.jsx(ItemTextField,{type:"text",text:en,handleTextChange:dn,placeholderText:"상품명을 입력해주세요",categoryTitle:"상품이름"}),jsxRuntimeExports$1.jsx(ItemTextField,{text:nn||(nn===null||rn.cost===null?"":rn.cost),handleTextChange:zn,type:"number",categoryTitle:"가격",placeholderText:"가격을 입력해주세요"}),jsxRuntimeExports$1.jsx(ItemTextField,{text:tn||(tn===""?"":rn.url),handleTextChange:Xn,categoryTitle:"링크",placeholderText:"링크를 입력해주세요 (선택)",type:"text"})]})},Overlay$1=ut.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -2115,7 +2117,7 @@ Error generating stack: `+en.message+`
 `,DuplicateModalContent=ut.div`
   text-align: center;
   ${({theme:e})=>e.fonts.body_03};
-`,DuplicateModal=({children:e,onConfirmClick:s})=>jsxRuntimeExports$1.jsxs(jsxRuntimeExports$1.Fragment,{children:[jsxRuntimeExports$1.jsx(Overlay$1,{}),jsxRuntimeExports$1.jsxs(DuplicateModalWrapper,{children:[jsxRuntimeExports$1.jsx(DuplicateModalContent,{children:e}),jsxRuntimeExports$1.jsx(BtnMedium,{customStyle:{width:"21.3rem"},onClick:s,children:"다시 등록하기"})]})]}),AddGiftWithoutLinkLayout=({roomId:e,step:s,setStep:a,linkText:i,setLinkText:o,targetDate:en,updateAddGiftInfo:nn,modalStatus:tn,addGiftInfo:rn,setIsLoading:fn,isDuplicateModalOpen:vn,setIsDuplicateModalOpen:dn})=>{const[zn,Xn]=reactExports.useState(!!rn.name&&!!rn.cost&&!!rn.url&&!!rn.imageUrl),[an,sn]=reactExports.useState(rn.name),[jn,un]=reactExports.useState(rn.cost),[cn,Pn]=reactExports.useState(rn.imageUrl),[xn,ln]=reactExports.useState(""),[bn,mn]=reactExports.useState(null),[,yn]=reactExports.useState(!1),[,Nn]=reactExports.useState(null),[qn,hn]=reactExports.useState(tn),{gifteeName:Vn}=useUpdateGifteeNameContext(),Yn=wn=>wn===null?0:wn,Gn=()=>{hn(!1),a(3)};return jsxRuntimeExports$1.jsxs(AddGiftWithLinkLayoutWrapper,{children:[qn&&jsxRuntimeExports$1.jsxs(Modal,{onConfirmClick:Gn,children:["상품 정보를 자동으로",jsxRuntimeExports$1.jsx("br",{}),"불러올 수 없어요 ",jsxRuntimeExports$1.jsx("br",{})]}),vn&&jsxRuntimeExports$1.jsxs(DuplicateModal,{onConfirmClick:()=>dn(!1),children:["선물방에 이미",jsxRuntimeExports$1.jsx("br",{})," 등록된 상품이에요"]}),jsxRuntimeExports$1.jsx(LinkAddHeader,{targetDate:en,setStep:a,step:s,name:an,cost:jn,imageUrl:cn,updateAddGiftInfo:nn,gifteeName:Vn}),jsxRuntimeExports$1.jsx(GiftStatusBar,{registeredGiftNum:1,isMargin:!0}),jsxRuntimeExports$1.jsx(AddGiftImg,{imageUrl:cn,openGraph:null,setFile:mn,setFileName:ln,setImageUrl:Pn,setPreviewImage:Nn,setIsImageUploaded:yn}),jsxRuntimeExports$1.jsx(WriteItemInfo$1,{imageUrl:cn,setIsActivated:Xn,setName:sn,setCost:un,setUrl:o,name:an,cost:jn,url:i}),jsxRuntimeExports$1.jsx(AddGiftFooter,{targetDate:en,name:an,cost:Yn(jn),link:i,setStep:a,isActivated:zn,roomId:e,fileName:xn,updateAddGiftInfo:nn,file:bn,setImageUrl:Pn,setIsLoading:fn,setIsModalOpen:dn})]})},GiftAddPageWrapper=ut.div`
+`,DuplicateModal=({children:e,onConfirmClick:s})=>jsxRuntimeExports$1.jsxs(jsxRuntimeExports$1.Fragment,{children:[jsxRuntimeExports$1.jsx(Overlay$1,{}),jsxRuntimeExports$1.jsxs(DuplicateModalWrapper,{children:[jsxRuntimeExports$1.jsx(DuplicateModalContent,{children:e}),jsxRuntimeExports$1.jsx(BtnMedium,{customStyle:{width:"21.3rem"},onClick:s,children:"다시 등록하기"})]})]}),AddGiftWithoutLinkLayout=({roomId:e,step:s,setStep:a,linkText:i,setLinkText:o,targetDate:en,updateAddGiftInfo:nn,modalStatus:tn,addGiftInfo:rn,setIsLoading:fn,isDuplicateModalOpen:vn,setIsDuplicateModalOpen:dn,nameText:zn,setNameText:Xn,priceText:an,setPriceText:sn,imageUrl:jn,setImageUrl:un,file:cn,setFile:Pn,fileName:xn,setFileName:ln})=>{console.log("오잉");const[bn,mn]=reactExports.useState(!!rn.name&&!!rn.cost&&!!rn.imageUrl),[,yn]=reactExports.useState(!1),[,Nn]=reactExports.useState(null),[qn,hn]=reactExports.useState(tn),{gifteeName:Vn}=useUpdateGifteeNameContext(),Yn=wn=>wn===null?0:wn,Gn=()=>{hn(!1),a(3)};return jsxRuntimeExports$1.jsxs(AddGiftWithLinkLayoutWrapper,{children:[qn&&jsxRuntimeExports$1.jsxs(Modal,{onConfirmClick:Gn,children:["상품 정보를 자동으로",jsxRuntimeExports$1.jsx("br",{}),"불러올 수 없어요 ",jsxRuntimeExports$1.jsx("br",{})]}),vn&&jsxRuntimeExports$1.jsxs(DuplicateModal,{onConfirmClick:()=>dn(!1),children:["선물방에 이미",jsxRuntimeExports$1.jsx("br",{})," 등록된 상품이에요"]}),jsxRuntimeExports$1.jsx(LinkAddHeader,{targetDate:en,setStep:a,step:s,name:zn,cost:an,imageUrl:jn,updateAddGiftInfo:nn,gifteeName:Vn}),jsxRuntimeExports$1.jsx(GiftStatusBar,{registeredGiftNum:1,isMargin:!0}),jsxRuntimeExports$1.jsx(AddGiftImg,{imageUrl:jn,openGraph:null,setFile:Pn,setFileName:ln,setImageUrl:un,setPreviewImage:Nn,setIsImageUploaded:yn}),jsxRuntimeExports$1.jsx(WriteItemInfo$1,{imageUrl:jn,setIsActivated:mn,setName:Xn,setCost:sn,setUrl:o,name:zn,cost:an,url:i}),jsxRuntimeExports$1.jsx(AddGiftFooter,{targetDate:en,name:zn,cost:Yn(an),link:i,setStep:a,isActivated:bn,roomId:e,fileName:xn,updateAddGiftInfo:nn,file:cn,setImageUrl:un,setIsLoading:fn,setIsModalOpen:dn,setNameText:Xn,setPriceText:sn,setLinkText:o})]})},GiftAddPageWrapper=ut.div`
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
@@ -2315,7 +2317,7 @@ Error generating stack: `+en.message+`
 
   border-radius: 1.5rem;
   background-color: ${({theme:e})=>e.colors.G_01};
-`,ShowLink=({link:e})=>(console.log("link",e),jsxRuntimeExports$1.jsxs(ShowLinkWrapper,{children:[jsxRuntimeExports$1.jsx(LinkText,{children:e}),jsxRuntimeExports$1.jsx(SvgIcCheckContained,{style:{width:"2.4rem",height:"2.4rem",color:"#4A72FF"}})]})),WriteItemInfo=({setIsActivated:e,setName:s,setCost:a,name:i,cost:o})=>{const en=(rn,fn)=>{rn.length>0&&fn.length>0?e(!0):e(!1)},nn=rn=>{s(rn),o!==null&&en(rn,o.toString())},tn=rn=>{a(rn),en(i,rn.toString())};return jsxRuntimeExports$1.jsxs(WriteItemInfoWrapper,{children:[jsxRuntimeExports$1.jsx(ItemTextField,{type:"text",text:i,handleTextChange:nn,placeholderText:"상품명을 입력해주세요",categoryTitle:"상품이름"}),jsxRuntimeExports$1.jsx(ItemTextField,{text:o?o.toString():"",handleTextChange:rn=>tn(Number(rn)),type:"number",categoryTitle:"가격",placeholderText:"가격을 입력해주세요"})]})},useConvertURLtoFile=async({url:e,setStep:s,setModalStatus:a,updateAddGiftInfo:i})=>{console.log("들어오고 있는 url",e);try{const o=await fetch(e);if(o.status===302)return s(3);const en=await o.blob(),nn=e.split("/").pop(),tn={type:"image/*"};return{convertedOgFile:new File([en],nn,tn)}}catch(o){return console.error("error?",o),i({imageUrl:""}),a(!0),s(3),{convertedOgFile:null}}},AddGiftWithLinkLayout=({link:e,roomId:s,step:a,setStep:i,openGraph:o,targetDate:en,updateAddGiftInfo:nn,setModalStatus:tn,addGiftInfo:rn,setIsLoading:fn,isModalOpen:vn,setIsModalOpen:dn})=>{const[zn,Xn]=reactExports.useState(!!rn.name&&!!rn.cost&&!!rn.imageUrl),[an,sn]=reactExports.useState(rn.name),[jn,un]=reactExports.useState(rn.cost),[cn,Pn]=reactExports.useState(rn.imageUrl),[xn,ln]=reactExports.useState(""),[bn,mn]=reactExports.useState(null),[,yn]=reactExports.useState(!1),[,Nn]=reactExports.useState(null),{gifteeName:qn}=useUpdateGifteeNameContext(),hn=Vn=>Vn===null?0:Vn;return reactExports.useEffect(()=>{(async()=>{console.log("OpenGraph imageUrl",o),sn(o.title);const Yn=await useConvertURLtoFile({url:o.image,setStep:i,setModalStatus:tn,updateAddGiftInfo:nn});Yn&&"convertedOgFile"in Yn&&(mn(Yn.convertedOgFile),ln(o.image),Pn(o.image))})()},[o,i]),jsxRuntimeExports$1.jsxs(AddGiftWithLinkLayoutWrapper,{children:[vn&&jsxRuntimeExports$1.jsxs(DuplicateModal,{onConfirmClick:()=>dn(!1),children:["선물방에 이미",jsxRuntimeExports$1.jsx("br",{})," 등록된 상품이에요"]}),jsxRuntimeExports$1.jsx(LinkAddHeader,{targetDate:en,setStep:i,step:a,name:an,cost:jn,imageUrl:cn,updateAddGiftInfo:nn,gifteeName:qn}),jsxRuntimeExports$1.jsx(GiftStatusBar,{registeredGiftNum:1,isMargin:!0}),jsxRuntimeExports$1.jsx(AddGiftImg,{imageUrl:cn,openGraph:o,setFile:mn,setFileName:ln,setImageUrl:Pn,setPreviewImage:Nn,setIsImageUploaded:yn}),jsxRuntimeExports$1.jsx(ShowLink,{link:e}),jsxRuntimeExports$1.jsx(WriteItemInfo,{setIsActivated:Xn,setName:sn,setCost:un,name:an,cost:jn}),jsxRuntimeExports$1.jsx(AddGiftFooter,{targetDate:en,name:an,cost:hn(jn),link:e,setStep:i,isActivated:zn,roomId:s,fileName:xn,updateAddGiftInfo:nn,file:bn,setImageUrl:Pn,setIsLoading:fn,setIsModalOpen:dn})]})},initialAddGiftInfo={name:"",cost:0,imageUrl:"",url:""},AddGiftContext=reactExports.createContext({addGiftInfo:initialAddGiftInfo,updateAddGiftInfo:()=>{}}),useAddGiftContext=()=>reactExports.useContext(AddGiftContext),AddGiftProvider=({children:e})=>{const[s,a]=reactExports.useState(initialAddGiftInfo),i=en=>{a(nn=>({...nn,...en}))},o=reactExports.useMemo(()=>({addGiftInfo:s,updateAddGiftInfo:i}),[s]);return jsxRuntimeExports$1.jsx(AddGiftContext.Provider,{value:o,children:e})},v="5.12.2",fr=29.9700012207031,ip=0,op=60.0000024438501,w=300,h=300,nm="symbol_loading",ddd=0,assets=[],layers=[{ddd:0,ind:1,ty:4,nm:"Shape 3",sr:1,ks:{o:{a:0,k:30,ix:11},r:{a:1,k:[{i:{x:[.242],y:[1]},o:{x:[.333],y:[0]},t:8,s:[0]},{t:68.0000027696968,s:[-359]}],ix:10},p:{a:0,k:[150,150,0],ix:2,l:2},a:{a:0,k:[3.89,1,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[20,20],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.996078491211,.086274509804,.447058853449,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[4.39,-118.61],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:8.00000032584668,op:68.0000027696968,st:8.00000032584668,ct:1,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape 2",sr:1,ks:{o:{a:0,k:60,ix:11},r:{a:1,k:[{i:{x:[.242],y:[1]},o:{x:[.333],y:[0]},t:4,s:[0]},{t:64.0000026067734,s:[-359]}],ix:10},p:{a:0,k:[150,150,0],ix:2,l:2},a:{a:0,k:[3.89,1,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[20,20],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.996078491211,.086274509804,.447058853449,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[4.39,-118.61],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:4.00000016292334,op:64.0000026067734,st:4.00000016292334,ct:1,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.242],y:[1]},o:{x:[.333],y:[0]},t:0,s:[0]},{t:60.0000024438501,s:[-359]}],ix:10},p:{a:0,k:[150,150,0],ix:2,l:2},a:{a:0,k:[3.89,1,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[20,20],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.996078491211,.086274509804,.447058853449,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[4.39,-118.61],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:60.0000024438501,st:0,ct:1,bm:0},{ddd:0,ind:4,ty:4,nm:"Shape Layer 3",td:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[168.205,151.768,0],ix:2,l:2},a:{a:0,k:[-281.673,2.39,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-39.318,5.884],[-1.409,22.545],[22.568,-18.054],[-10,-18.75],[-24.5,19.5]],o:[[36.75,-5.5],[1.25,-20],[-22.5,18],[10.536,19.755],[24.5,-19.5]],v:[[-305.75,18],[-245.5,-23.5],[-294.5,-35.5],[-314.5,29.25],[-244.5,39]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[0,0,0,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:29,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:0,k:0,ix:1},e:{a:1,k:[{i:{x:[.461],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:12.00000048877,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:60.0000024438501,st:0,ct:1,bm:0},{ddd:0,ind:5,ty:4,nm:"symbol_L 2",tt:1,tp:4,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[168.228,149.078,0],ix:2,l:2},a:{a:0,k:[51.2,63.35,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,hasMask:!0,masksProperties:[{inv:!1,mode:"a",pt:{a:1,k:[{i:{x:.833,y:.833},o:{x:.167,y:.167},t:5,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[47.1,-8.85],[24.6,1.15],[2.1,32.15],[-1.4,57.65],[30.35,65.087],[25.6,73.775],[28.163,88.962],[78.6,88.15],[112.1,52.65],[103.6,-2.85]],c:!0}]},{i:{x:.833,y:.833},o:{x:.167,y:.167},t:6,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[47.1,-8.85],[24.6,1.15],[2.1,32.15],[-8.15,79.4],[-4.4,104.087],[25.6,104.775],[28.163,88.962],[78.6,88.15],[112.1,52.65],[103.6,-2.85]],c:!0}]},{t:7.00000028511585,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[42.85,-15.35],[20.35,-5.35],[-2.15,25.65],[-12.4,72.9],[-8.65,97.587],[22.35,140.275],[102.913,137.462],[121.35,81.15],[107.85,46.15],[99.35,-9.35]],c:!0}]}],ix:1},o:{a:0,k:100,ix:3},x:{a:0,k:0,ix:4},nm:"Mask 1"}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-4.3,6.5],[-11.5,-.6],[-2,-2.9],[4.8,-5.1],[4.6,-2.8],[9,-.9]],o:[[6.4,-9.5],[3.6,.4],[4.1,6],[-3.6,3.8],[-9.3,5.7],[.7,-8]],v:[[-16.35,-13],[13.45,-31.6],[21.65,-27.4],[16.05,-8.8],[3.15,.7],[-25.05,9.9]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ind:1,ty:"sh",ix:2,ks:{a:0,k:{i:[[-6.7,-6.8],[-12.4,-1.7],[-14,10.3],[0,0],[11.4,3.5],[3.2,3.9],[-16.2,13.3],[2.5,14.8],[12.7,3.6],[10.8,-24],[-1.3,-11.1]],o:[[9,9.2],[16.4,2.3],[0,0],[-9.5,7.5],[-4.9,-1.7],[17.6,.5],[10.8,-8.9],[-2.5,-13.3],[-27.8,-7.1],[-3.7,7.7],[1.1,9.6]],v:[[-37.45,44.3],[-3.65,60.8],[44.15,50.4],[28.45,29.7],[-7.55,34.3],[-20.95,25.5],[32.85,8.9],[48.45,-28.8],[22.75,-56],[-43.25,-16.6],[-49.65,17.8]],c:!0},ix:2},nm:"Path 2",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"mm",mm:1,nm:"Merge Paths 1",mn:"ADBE Vector Filter - Merge",hd:!1},{ty:"fl",c:{a:0,k:[.996078491211,.086274512112,.447058856487,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[51.2,63.35],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:60.0000024438501,st:0,ct:1,bm:0},{ddd:0,ind:6,ty:4,nm:"Shape Layer 1",td:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[131.032,151.768,0],ix:2,l:2},a:{a:0,k:[-318.846,2.39,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-33.607,-8.066],[-4.229,14.469],[19.5,0],[-23,-21.875]],o:[[34.375,8.25],[4.75,-16.25],[-18.25,0],[25.426,24.182]],v:[[-367.875,39.5],[-318.25,1.5],[-330.75,-49.75],[-331.25,7.625]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[0,0,0,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:26,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.305],y:[1]},o:{x:[.333],y:[0]},t:0,s:[100]},{t:12.00000048877,s:[0]}],ix:1},e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:60.0000024438501,st:0,ct:1,bm:0},{ddd:0,ind:7,ty:4,nm:"symbol_R",tt:1,tp:6,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[114.228,148.728,0],ix:2,l:2},a:{a:0,k:[34.2,61.5,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,hasMask:!0,masksProperties:[{inv:!1,mode:"a",pt:{a:1,k:[{i:{x:.833,y:.833},o:{x:.167,y:.167},t:5,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[72.1,-9.85],[18.85,-5.1],[1.6,42.65],[-10.4,116.9],[34.1,75.4],[39.757,59.611],[38.06,54.802],[39.85,52.65],[75.672,62.738],[87.6,27.4]],c:!0}]},{t:6.00000024438501,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[72.1,-9.85],[18.85,-5.1],[1.6,42.65],[-10.4,116.9],[-6.9,123.65],[42.507,121.611],[54.06,114.052],[69.1,86.65],[75.672,62.738],[87.6,27.4]],c:!0}]}],ix:1},o:{a:0,k:100,ix:3},x:{a:0,k:0,ix:4},nm:"Mask 1"}],shapes:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[.4,6.1],[-1.8,4],[-1.5,-3.6],[.4,-4.9],[1.6,-6.1]],o:[[-.5,-6.9],[1.8,-4],[1.5,3.6],[-.7,5.9],[-3.2,-4.7]],v:[[33.95,43.55],[35.35,28.25],[41.75,27.85],[42.75,41.65],[39.45,59.75]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ind:1,ty:"sh",ix:2,ks:{a:0,k:{i:[[-8.9,19.6],[.8,13.3],[8.9,5.9],[5.9,-.4],[2.6,-10.7],[-11.1,-12.2],[-2.7,-1.9],[7.1,1.9],[0,0]],o:[[7.1,-16.1],[-.6,-9.5],[-5,-3.5],[-12.2,.6],[-4,16.7],[2.3,2.5],[-6.8,16.5],[0,0],[24.9,9.4]],v:[[57.55,85.15],[67.35,31.75],[54.45,4.95],[37.65,.65],[14.25,22.55],[26.55,68.25],[34.05,74.85],[7.55,88.45],[.25,113.35]],c:!0},ix:2},nm:"Path 2",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"mm",mm:1,nm:"Merge Paths 1",mn:"ADBE Vector Filter - Merge",hd:!1},{ty:"fl",c:{a:0,k:[.996078491211,.086274512112,.447058856487,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1}],ip:0,op:60.0000024438501,st:0,ct:1,bm:0}],markers=[],props={},SymbolLoading={v,fr,ip,op,w,h,nm,ddd,assets,layers,markers,props},LoadingWrapper=ut.div`
+`,ShowLink=({link:e})=>(console.log("link",e),jsxRuntimeExports$1.jsxs(ShowLinkWrapper,{children:[jsxRuntimeExports$1.jsx(LinkText,{children:e}),jsxRuntimeExports$1.jsx(SvgIcCheckContained,{style:{width:"2.4rem",height:"2.4rem",color:"#4A72FF"}})]})),WriteItemInfo=({imageUrl:e,setIsActivated:s,setName:a,setCost:i,name:o,cost:en})=>{const{addGiftInfo:nn,updateAddGiftInfo:tn}=useAddGiftContext(),rn=(dn,zn)=>{dn.length>0&&zn!==void 0&&zn!==null&&zn.length>0&&e?s(!0):s(!1)},fn=dn=>{a(dn),tn({name:dn}),en!==null&&rn(dn,en.toString())},vn=dn=>{if(dn===""){i(null),tn({cost:null}),rn(o,"");return}const zn=Number(dn);if(!isNaN(zn)){i(zn),rn(o,zn.toString());return}B.info("가격은 숫자만 입력 가능합니다.",{position:"bottom-center",autoClose:700,hideProgressBar:!0,closeOnClick:!1,pauseOnHover:!1,draggable:!1,progress:void 0,theme:"colored",icon:!1})};return jsxRuntimeExports$1.jsxs(WriteItemInfoWrapper,{children:[jsxRuntimeExports$1.jsx(ItemTextField,{type:"text",text:nn.name?nn.name:o,handleTextChange:fn,placeholderText:"상품명을 입력해주세요",categoryTitle:"상품이름"}),jsxRuntimeExports$1.jsx(ItemTextField,{text:en||(en===null||nn.cost===null?"":nn.cost),handleTextChange:vn,type:"number",categoryTitle:"가격",placeholderText:"가격을 입력해주세요"})]})},useConvertURLtoFile=async({url:e,setStep:s,setModalStatus:a,setImageUrl:i,updateAddGiftInfo:o})=>{console.log("들어오고 있는 url",e);try{const en=await fetch(e);if(en.status===302)return s(3);const nn=await en.blob(),tn=e.split("/").pop(),rn={type:"image/*"};return{convertedOgFile:new File([nn],tn,rn)}}catch(en){return console.error("error?",en),i(""),o({imageUrl:""}),a(!0),s(3),{convertedOgFile:null}}},AddGiftWithLinkLayout=({link:e,setLinkText:s,roomId:a,step:i,setStep:o,openGraph:en,targetDate:nn,updateAddGiftInfo:tn,setModalStatus:rn,addGiftInfo:fn,setIsLoading:vn,isModalOpen:dn,setIsModalOpen:zn,nameText:Xn,setNameText:an,priceText:sn,setPriceText:jn,imageUrl:un,setImageUrl:cn})=>{const[Pn,xn]=reactExports.useState(!!fn.name&&!!fn.cost&&!!fn.imageUrl),[ln,bn]=reactExports.useState(""),[mn,yn]=reactExports.useState(null),[,Nn]=reactExports.useState(!1),[,qn]=reactExports.useState(null),{gifteeName:hn}=useUpdateGifteeNameContext(),Vn=Yn=>Yn===null?0:Yn;return reactExports.useEffect(()=>{(async()=>{console.log("OpenGraph imageUrl",en),an(en.title);const Gn=await useConvertURLtoFile({url:en.image,setStep:o,setImageUrl:cn,setModalStatus:rn,updateAddGiftInfo:tn});Gn&&"convertedOgFile"in Gn&&(yn(Gn.convertedOgFile),bn(en.image),cn(en.image))})()},[en,o]),jsxRuntimeExports$1.jsxs(AddGiftWithLinkLayoutWrapper,{children:[dn&&jsxRuntimeExports$1.jsxs(DuplicateModal,{onConfirmClick:()=>zn(!1),children:["선물방에 이미",jsxRuntimeExports$1.jsx("br",{})," 등록된 상품이에요"]}),jsxRuntimeExports$1.jsx(LinkAddHeader,{targetDate:nn,setStep:o,step:i,name:Xn,cost:sn,imageUrl:un,updateAddGiftInfo:tn,gifteeName:hn}),jsxRuntimeExports$1.jsx(GiftStatusBar,{registeredGiftNum:1,isMargin:!0}),jsxRuntimeExports$1.jsx(AddGiftImg,{imageUrl:un,openGraph:en,setFile:yn,setFileName:bn,setImageUrl:cn,setPreviewImage:qn,setIsImageUploaded:Nn}),jsxRuntimeExports$1.jsx(ShowLink,{link:e}),jsxRuntimeExports$1.jsx(WriteItemInfo,{imageUrl:un,setIsActivated:xn,setName:an,setCost:jn,name:Xn,cost:sn}),jsxRuntimeExports$1.jsx(AddGiftFooter,{targetDate:nn,name:Xn,cost:Vn(sn),link:e,setStep:o,isActivated:Pn,roomId:a,fileName:ln,updateAddGiftInfo:tn,file:mn,setImageUrl:cn,setIsLoading:vn,setIsModalOpen:zn,setNameText:an,setPriceText:jn,setLinkText:s})]})},v="5.12.2",fr=29.9700012207031,ip=0,op=60.0000024438501,w=300,h=300,nm="symbol_loading",ddd=0,assets=[],layers=[{ddd:0,ind:1,ty:4,nm:"Shape 3",sr:1,ks:{o:{a:0,k:30,ix:11},r:{a:1,k:[{i:{x:[.242],y:[1]},o:{x:[.333],y:[0]},t:8,s:[0]},{t:68.0000027696968,s:[-359]}],ix:10},p:{a:0,k:[150,150,0],ix:2,l:2},a:{a:0,k:[3.89,1,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[20,20],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.996078491211,.086274509804,.447058853449,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[4.39,-118.61],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:8.00000032584668,op:68.0000027696968,st:8.00000032584668,ct:1,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape 2",sr:1,ks:{o:{a:0,k:60,ix:11},r:{a:1,k:[{i:{x:[.242],y:[1]},o:{x:[.333],y:[0]},t:4,s:[0]},{t:64.0000026067734,s:[-359]}],ix:10},p:{a:0,k:[150,150,0],ix:2,l:2},a:{a:0,k:[3.89,1,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[20,20],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.996078491211,.086274509804,.447058853449,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[4.39,-118.61],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:4.00000016292334,op:64.0000026067734,st:4.00000016292334,ct:1,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.242],y:[1]},o:{x:[.333],y:[0]},t:0,s:[0]},{t:60.0000024438501,s:[-359]}],ix:10},p:{a:0,k:[150,150,0],ix:2,l:2},a:{a:0,k:[3.89,1,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[20,20],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.996078491211,.086274509804,.447058853449,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[4.39,-118.61],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:60.0000024438501,st:0,ct:1,bm:0},{ddd:0,ind:4,ty:4,nm:"Shape Layer 3",td:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[168.205,151.768,0],ix:2,l:2},a:{a:0,k:[-281.673,2.39,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-39.318,5.884],[-1.409,22.545],[22.568,-18.054],[-10,-18.75],[-24.5,19.5]],o:[[36.75,-5.5],[1.25,-20],[-22.5,18],[10.536,19.755],[24.5,-19.5]],v:[[-305.75,18],[-245.5,-23.5],[-294.5,-35.5],[-314.5,29.25],[-244.5,39]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[0,0,0,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:29,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:0,k:0,ix:1},e:{a:1,k:[{i:{x:[.461],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:12.00000048877,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:60.0000024438501,st:0,ct:1,bm:0},{ddd:0,ind:5,ty:4,nm:"symbol_L 2",tt:1,tp:4,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[168.228,149.078,0],ix:2,l:2},a:{a:0,k:[51.2,63.35,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,hasMask:!0,masksProperties:[{inv:!1,mode:"a",pt:{a:1,k:[{i:{x:.833,y:.833},o:{x:.167,y:.167},t:5,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[47.1,-8.85],[24.6,1.15],[2.1,32.15],[-1.4,57.65],[30.35,65.087],[25.6,73.775],[28.163,88.962],[78.6,88.15],[112.1,52.65],[103.6,-2.85]],c:!0}]},{i:{x:.833,y:.833},o:{x:.167,y:.167},t:6,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[47.1,-8.85],[24.6,1.15],[2.1,32.15],[-8.15,79.4],[-4.4,104.087],[25.6,104.775],[28.163,88.962],[78.6,88.15],[112.1,52.65],[103.6,-2.85]],c:!0}]},{t:7.00000028511585,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[42.85,-15.35],[20.35,-5.35],[-2.15,25.65],[-12.4,72.9],[-8.65,97.587],[22.35,140.275],[102.913,137.462],[121.35,81.15],[107.85,46.15],[99.35,-9.35]],c:!0}]}],ix:1},o:{a:0,k:100,ix:3},x:{a:0,k:0,ix:4},nm:"Mask 1"}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-4.3,6.5],[-11.5,-.6],[-2,-2.9],[4.8,-5.1],[4.6,-2.8],[9,-.9]],o:[[6.4,-9.5],[3.6,.4],[4.1,6],[-3.6,3.8],[-9.3,5.7],[.7,-8]],v:[[-16.35,-13],[13.45,-31.6],[21.65,-27.4],[16.05,-8.8],[3.15,.7],[-25.05,9.9]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ind:1,ty:"sh",ix:2,ks:{a:0,k:{i:[[-6.7,-6.8],[-12.4,-1.7],[-14,10.3],[0,0],[11.4,3.5],[3.2,3.9],[-16.2,13.3],[2.5,14.8],[12.7,3.6],[10.8,-24],[-1.3,-11.1]],o:[[9,9.2],[16.4,2.3],[0,0],[-9.5,7.5],[-4.9,-1.7],[17.6,.5],[10.8,-8.9],[-2.5,-13.3],[-27.8,-7.1],[-3.7,7.7],[1.1,9.6]],v:[[-37.45,44.3],[-3.65,60.8],[44.15,50.4],[28.45,29.7],[-7.55,34.3],[-20.95,25.5],[32.85,8.9],[48.45,-28.8],[22.75,-56],[-43.25,-16.6],[-49.65,17.8]],c:!0},ix:2},nm:"Path 2",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"mm",mm:1,nm:"Merge Paths 1",mn:"ADBE Vector Filter - Merge",hd:!1},{ty:"fl",c:{a:0,k:[.996078491211,.086274512112,.447058856487,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[51.2,63.35],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:60.0000024438501,st:0,ct:1,bm:0},{ddd:0,ind:6,ty:4,nm:"Shape Layer 1",td:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[131.032,151.768,0],ix:2,l:2},a:{a:0,k:[-318.846,2.39,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-33.607,-8.066],[-4.229,14.469],[19.5,0],[-23,-21.875]],o:[[34.375,8.25],[4.75,-16.25],[-18.25,0],[25.426,24.182]],v:[[-367.875,39.5],[-318.25,1.5],[-330.75,-49.75],[-331.25,7.625]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[0,0,0,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:26,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.305],y:[1]},o:{x:[.333],y:[0]},t:0,s:[100]},{t:12.00000048877,s:[0]}],ix:1},e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:60.0000024438501,st:0,ct:1,bm:0},{ddd:0,ind:7,ty:4,nm:"symbol_R",tt:1,tp:6,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[114.228,148.728,0],ix:2,l:2},a:{a:0,k:[34.2,61.5,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,hasMask:!0,masksProperties:[{inv:!1,mode:"a",pt:{a:1,k:[{i:{x:.833,y:.833},o:{x:.167,y:.167},t:5,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[72.1,-9.85],[18.85,-5.1],[1.6,42.65],[-10.4,116.9],[34.1,75.4],[39.757,59.611],[38.06,54.802],[39.85,52.65],[75.672,62.738],[87.6,27.4]],c:!0}]},{t:6.00000024438501,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[72.1,-9.85],[18.85,-5.1],[1.6,42.65],[-10.4,116.9],[-6.9,123.65],[42.507,121.611],[54.06,114.052],[69.1,86.65],[75.672,62.738],[87.6,27.4]],c:!0}]}],ix:1},o:{a:0,k:100,ix:3},x:{a:0,k:0,ix:4},nm:"Mask 1"}],shapes:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[.4,6.1],[-1.8,4],[-1.5,-3.6],[.4,-4.9],[1.6,-6.1]],o:[[-.5,-6.9],[1.8,-4],[1.5,3.6],[-.7,5.9],[-3.2,-4.7]],v:[[33.95,43.55],[35.35,28.25],[41.75,27.85],[42.75,41.65],[39.45,59.75]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ind:1,ty:"sh",ix:2,ks:{a:0,k:{i:[[-8.9,19.6],[.8,13.3],[8.9,5.9],[5.9,-.4],[2.6,-10.7],[-11.1,-12.2],[-2.7,-1.9],[7.1,1.9],[0,0]],o:[[7.1,-16.1],[-.6,-9.5],[-5,-3.5],[-12.2,.6],[-4,16.7],[2.3,2.5],[-6.8,16.5],[0,0],[24.9,9.4]],v:[[57.55,85.15],[67.35,31.75],[54.45,4.95],[37.65,.65],[14.25,22.55],[26.55,68.25],[34.05,74.85],[7.55,88.45],[.25,113.35]],c:!0},ix:2},nm:"Path 2",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"mm",mm:1,nm:"Merge Paths 1",mn:"ADBE Vector Filter - Merge",hd:!1},{ty:"fl",c:{a:0,k:[.996078491211,.086274512112,.447058856487,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1}],ip:0,op:60.0000024438501,st:0,ct:1,bm:0}],markers=[],props={},SymbolLoading={v,fr,ip,op,w,h,nm,ddd,assets,layers,markers,props},LoadingWrapper=ut.div`
   ${({theme:{mixin:e}})=>e.flexCenter({})};
   width: 100%;
   height: 100%;
@@ -2323,7 +2325,7 @@ Error generating stack: `+en.message+`
   ${({theme:{fonts:e}})=>e.body_10};
   color: ${({theme:{colors:e}})=>e.G_07};
   margin-top: 0.8rem;
-`,Loading=()=>jsxRuntimeExports$1.jsxs(LoadingWrapper,{children:[jsxRuntimeExports$1.jsx(LottieAnimation,{animation:SymbolLoading,customStyle:{width:"12rem",height:"12rem"}}),jsxRuntimeExports$1.jsx(Text$1,{children:"불러오는 중..."})]}),GiftAddPage=()=>{const[e,s]=reactExports.useState(0),[a,i]=reactExports.useState(!1),[o,en]=reactExports.useState(0),[nn,tn]=reactExports.useState(""),[rn,fn]=reactExports.useState({title:"",image:""}),[vn,dn]=reactExports.useState(!1),[zn,Xn]=reactExports.useState(!1),an=useParams(),sn=an.roomId,jn=an.targetTime,un=parseInt(sn||""),{addGiftInfo:cn,updateAddGiftInfo:Pn}=useAddGiftContext();switch(e){case 0:return jsxRuntimeExports$1.jsx(GiftAddPageLayout,{step:e,setStep:s,roomId:sn||"",targetDate:jn||"",setItemNum:en,itemNum:o});case 1:return jsxRuntimeExports$1.jsx(GiftAddFirstLinkLayout,{linkText:nn,setStep:s,setLinkText:tn,setOpenGraph:fn,targetDate:jn||"",itemNum:o,step:e,setModalStatus:dn,addGiftInfo:cn,updateAddGiftInfo:Pn});case 2:return a?jsxRuntimeExports$1.jsx(Loading,{}):jsxRuntimeExports$1.jsx(AddGiftWithLinkLayout,{step:e,setStep:s,roomId:un,link:nn,openGraph:rn,targetDate:jn||"",setModalStatus:dn,addGiftInfo:cn,updateAddGiftInfo:Pn,setIsLoading:i,isModalOpen:zn,setIsModalOpen:Xn});case 3:return a?jsxRuntimeExports$1.jsx(Loading,{}):jsxRuntimeExports$1.jsx(AddGiftWithoutLinkLayout,{step:e,setStep:s,roomId:un,linkText:nn,setLinkText:tn,targetDate:jn||"",modalStatus:vn,addGiftInfo:cn,openGraph:rn,updateAddGiftInfo:Pn,setIsLoading:i,isDuplicateModalOpen:zn,setIsDuplicateModalOpen:Xn})}},InvitationDeadlineWrapper=ut.div`
+`,Loading=()=>jsxRuntimeExports$1.jsxs(LoadingWrapper,{children:[jsxRuntimeExports$1.jsx(LottieAnimation,{animation:SymbolLoading,customStyle:{width:"12rem",height:"12rem"}}),jsxRuntimeExports$1.jsx(Text$1,{children:"불러오는 중..."})]}),GiftAddPage=()=>{const[e,s]=reactExports.useState(0),[a,i]=reactExports.useState(!1),{addGiftInfo:o,updateAddGiftInfo:en}=useAddGiftContext();console.log("AddGiftINFO",o);const[nn,tn]=reactExports.useState(0),[rn,fn]=reactExports.useState(""),[vn,dn]=reactExports.useState({title:"",image:""}),[zn,Xn]=reactExports.useState(!1),[an,sn]=reactExports.useState(!1),[jn,un]=reactExports.useState(o.name),[cn,Pn]=reactExports.useState(o.cost),[xn,ln]=reactExports.useState(o.imageUrl),[bn,mn]=reactExports.useState(""),[yn,Nn]=reactExports.useState(null),qn=useParams(),hn=qn.roomId,Vn=qn.targetTime,Yn=parseInt(hn||"");switch(e){case 0:return jsxRuntimeExports$1.jsx(GiftAddPageLayout,{step:e,setStep:s,roomId:hn||"",targetDate:Vn||"",setItemNum:tn,itemNum:nn});case 1:return jsxRuntimeExports$1.jsx(GiftAddFirstLinkLayout,{linkText:rn,setStep:s,setLinkText:fn,setOpenGraph:dn,targetDate:Vn||"",itemNum:nn,step:e,setModalStatus:Xn,addGiftInfo:o,updateAddGiftInfo:en});case 2:return a?jsxRuntimeExports$1.jsx(Loading,{}):jsxRuntimeExports$1.jsx(AddGiftWithLinkLayout,{step:e,setStep:s,roomId:Yn,link:rn,openGraph:vn,targetDate:Vn||"",setModalStatus:Xn,addGiftInfo:o,updateAddGiftInfo:en,setIsLoading:i,isModalOpen:an,setIsModalOpen:sn,nameText:jn,setNameText:un,priceText:cn,setPriceText:Pn,imageUrl:xn,setLinkText:fn,setImageUrl:ln});case 3:return a?jsxRuntimeExports$1.jsx(Loading,{}):jsxRuntimeExports$1.jsx(AddGiftWithoutLinkLayout,{step:e,setStep:s,roomId:Yn,linkText:rn,setLinkText:fn,targetDate:Vn||"",modalStatus:zn,addGiftInfo:o,openGraph:vn,updateAddGiftInfo:en,setIsLoading:i,isDuplicateModalOpen:an,setIsDuplicateModalOpen:sn,nameText:jn,setNameText:un,priceText:cn,setPriceText:Pn,imageUrl:xn,setImageUrl:ln,file:yn,setFile:Nn,fileName:bn,setFileName:mn})}},InvitationDeadlineWrapper=ut.div`
   ${({theme:e})=>e.mixin.flexCenter({align:"center",justify:"center"})};
   margin-top: 16.9rem;
   gap: 1.7rem;
diff --git a/pr-preview/pr-452/index.html b/pr-preview/pr-452/index.html
index cf17bd4e..afa23997 100644
--- a/pr-preview/pr-452/index.html
+++ b/pr-preview/pr-452/index.html
@@ -33,7 +33,7 @@
       name="description"
       content="스윗에서는 모두가 함께하는 선물 등록과 토너먼트를 통해 한 사람을 위한 의미있는 선물을 고를 수 있습니다."
     />
-    <script type="module" crossorigin src="/assets/index-P1n9vkxb.js"></script>
+    <script type="module" crossorigin src="/assets/index-GJwzB0RX.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-cAeba9wO.css">
   </head>
   <body>