https://chicpap.com/_next/static/chunks/3472.ce2c0ab27d4f56fa.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3472],{31580:(e,t,r)=>{var n=r(42720);r.o(n,"debounce")&&r.d(t,{debounce:function(){return n.debounce}})},33472:(e,t,r)=>{r.r(t),r.d(t,{default:()=>B});var n=r(95155),i=r(31580),a=r(70632),d=r(73321),l=r(76405),o=r(95555),s=r(12115),c=r(15455);let u=(0,r(59677).tG)("recentWords",[]),p=(0,c.eU)(e=>e(u)),g=(0,c.eU)(null,(e,t,r)=>{let n=e(u).filter(e=>e.productId!==r.productId);n.length>=100&&n.pop(),t(u,[r,...n])}),x=(0,c.eU)(null,(e,t,r)=>{let n=e(u);t(u,n.filter(e=>e.productId!==r.productId))});(0,c.eU)(null,(e,t)=>{t(u,[])}),(0,c.eU)(null,(e,t)=>{let r=e(u);t(u,r.slice(0,r.length-1))});let h=s.memo(({searchResult:e,inputValue:t,onClickProduct:r})=>(0,n.jsx)(m,{onClick:()=>{r(e)},children:`${e?.item?.designerNameForKorean} ${e?.item?.productName??""}`?.split("").map((r,i)=>""===r||" "===r?(0,n.jsx)(F,{children:r},`search_result_list_item_text_${e?.item?.productId}_${r}_${i}`):t?.includes(r)?(0,n.jsx)(y,{children:r},`search_result_list_item_hightlight_text_${e?.item?.productId}_${r}_${i}`):(0,n.jsx)(f,{children:r},`search_result_list_item_text_${e?.item?.productId}_${r}_${i}`))},`${e?.item?.productName}_${e?.item?.productId}`)),m=a.A.button`
2  width: 100%;
3  padding: 16px 40px;
4  display: flex;
5  flex-direction: row;
6  justify-content: flex-start;
7  align-items: center;
8  cursor: pointer;
9`,f=a.A.p`
10  font-family: var(--Pretendard-Medium);
11  font-size: 17px;
12  line-height: 140%;
13  letter-spacing: -0.425px;
14  color: ${l.T.gray.gray900};
15  text-align: center;
16`,F=a.A.pre`
17  font-family: var(--Pretendard-Medium);
18  font-size: 17px;
19  line-height: 140%;
20  letter-spacing: -0.425px;
21  color: ${l.T.gray.gray900};
22  text-align: center;
23`,y=a.A.p`
24  font-family: var(--Pretendard-Medium);
25  font-size: 17px;
26  line-height: 140%;
27  letter-spacing: -0.425px;
28  color: ${l.T.red.red800};
29  text-align: center;
30`;var _=r(5772);let b=s.memo(({index:e,recentWord:t,onClickProduct:r,onDeleteRecentWord:i})=>(0,n.jsxs)(E,{onClick:()=>{r({item:t})},children:[(0,n.jsx)($,{children:`${t?.designerNameForKorean} ${t?.productName??""}`}),(0,n.jsx)(C,{onClick:e=>{e.stopPropagation(),i(t)},children:(0,n.jsx)(_.default,{src:"/icons/btnDeleteGray10.svg",alt:"delete",width:10,height:10})})]},`search_result_recent_word_button_${e}_${t?.productId}`)),E=a.A.div`
31  display: flex;
32  height: 48px;
33  padding: 12px 10px 12px 16px;
34  justify-content: center;
35  align-items: center;
36  gap: 2px;
37  border: 1px solid ${l.T.gray.gray400};
38`,$=a.A.p`
39  font-family: var(--Pretendard-Medium);
40  font-size: 17px;
41  line-height: 140%;
42  letter-spacing: -0.425px;
43  color: ${l.T.gray.gray800};
44`,C=a.A.button`
45  display: flex;
46  justify-content: center;
47  align-items: center;
48  padding: 6px;
49`,D=a.A.div`
50  width: 100%;
51`,j=a.A.div`
52  display: flex;
53  flex-direction: column;
54  justify-content: center;
55  align-items: center;
56  width: 100%;
57  padding-top: 293px;
58`,k=a.A.p`
59  font-family: var(--Pretendard-Regular);
60  font-size: 18px;
61  line-height: 140%;
62  letter-spacing: -0.45px;
63  color: ${l.T.gray.gray600};
64`,v=a.A.div`
65  display: flex;
66  flex-direction: column;
67  justify-content: center;
68  align-items: center;
69  width: 100%;
70`,A=a.A.div`
71  display: flex;
72  flex-wrap: wrap;
73  padding: 0px 32px;
74  gap: 12px;
75  width: 100%;
76  max-height: 248px;
77  overflow: hidden;
78  flex-direction: row;
79`,I=a.A.div`
80  display: flex;
81  flex-direction: row;
82  justify-content: flex-start;
83  align-items: center;
84  width: 100%;
85  padding: 20px 0px 8px 0px;
86`,w=a.A.p`
87  color: ${l.T.gray.gray900};
88  font-family: var(--Pretendard-SemiBold);
89  font-size: 20px;
90  line-height: 140%;
91  letter-spacing: -0.5px;
92`,B=({inputValue:e})=>{let t=(0,d.useRouter)(),r=(0,o.useAtomValue)(p),a=(0,o.useSetAtom)(g),l=(0,o.useSetAtom)(x),[c,u]=(0,s.useState)([]),m=(0,s.useCallback)(e=>{t.push(`/offline-store/product-quote/${e?.item?.productId}`),a(e.item)},[a,t]),f=(0,s.useCallback)(e=>{l(e)},[l]),F=(0,s.useCallback)(async e=>{try{let t=await fetch(`/api/offline-store/client-search?q=${encodeURIComponent(e)}`),r=await t.json();u(r)}catch(e){u([])}},[]),y=(0,s.useMemo)(()=>(0,i.debounce)(e=>{e?F(e):u([])},300),[F]);(0,s.useEffect)(()=>(y(e),()=>{y.cancel()}),[e,y]);let _=(0,s.useMemo)(()=>e?(0,n.jsx)(v,{children:c?.map(t=>t?.item?.productId?(0,n.jsx)(h,{searchResult:t,inputValue:e,onClickProduct:m},`search_result_list_item_${t?.item?.productId}`):(0,n.jsx)(s.Fragment,{},`search_result_list_item_${t?.item?.productId}`))}):r?.length?(0,n.jsxs)(A,{children:[(0,n.jsx)(I,{children:(0,n.jsx)(w,{children:"최근 검색어"})}),r?.map((e,t)=>(0,n.jsx)(b,{index:t,recentWord:e,onClickProduct:m,onDeleteRecentWord:f},`search_result_recent_word_button_${t}_${e?.productId}`))]}):(0,n.jsxs)(j,{children:[(0,n.jsx)(k,{children:"시세를 조회할"}),(0,n.jsx)(k,{children:"브랜드 혹은 모델명을 입력해주세요."})]}),[e,c,r,m,f]);return(0,n.jsx)(D,{children:_})}},73321:(e,t,r)=>{var n=r(74645);r.o(n,"ServerInsertedHTMLContext")&&r.d(t,{ServerInsertedHTMLContext:function(){return n.ServerInsertedHTMLContext}}),r.o(n,"notFound")&&r.d(t,{notFound:function(){return n.notFound}}),r.o(n,"redirect")&&r.d(t,{redirect:function(){return n.redirect}}),r.o(n,"useParams")&&r.d(t,{useParams:function(){return n.useParams}}),r.o(n,"usePathname")&&r.d(t,{usePathname:function(){return n.usePathname}}),r.o(n,"useRouter")&&r.d(t,{useRouter:function(){return n.useRouter}}),r.o(n,"useSearchParams")&&r.d(t,{useSearchParams:function(){return n.useSearchParams}}),r.o(n,"useSelectedLayoutSegment")&&r.d(t,{useSelectedLayoutSegment:function(){return n.useSelectedLayoutSegment}}),r.o(n,"useServerInsertedHTML")&&r.d(t,{useServerInsertedHTML:function(){return n.useServerInsertedHTML}})},76405:(e,t,r)=>{r.d(t,{T:()=>n});let n={gray:{gray900:"#222",gray800:"#444",gray700:"#666",gray600:"#888",gray500:"#aaa",gray400:"#ddd",gray300:"#eaeaea",gray200:"#f4f4f4",gray100:"#f8f8f8"},red:{red900:"#A41022",red800:"#C70E24",red700:"#E6132C",red600:"#F43D3D",red100:"#FEF2F2"},green:{green900:"#077543",green800:"#09924F",green700:"#2EBD70",green600:"#4BD289",green100:"#E8F9F0"},blue:{blue900:"#1D4ED8",blue800:"#0A66EB",blue700:"#1882FF",blue600:"#289CFF",blue100:"#EFF6FF"},black:"#000",white:"#fff",beige:{beige500:"#CEB9A3",beige400:"#E1D5C7",beige300:"#EBE2D8",beige200:"#F1EBE3",beige100:"#F9F6F2"},gold:{gold500:"#D2C39F",gold400:"#DED4B8",gold300:"#E9E2CF",gold200:"#F0ECDF",gold100:"#F9F7F1"},khaki:{khaki500:"#C5C4AC",khaki400:"#DBDBCD",khaki300:"#E8E8DF",khaki200:"#F1F1EB",khaki100:"#F8F8F4"},butter:{butter500:"#F0DBBB",butter400:"#F5E6CF",butter300:"#F8EDDD",butter200:"#FBF4EB",butter100:"#FEFBF8"},salmon:{salmon500:"#D2A298",salmon400:"#E3C4BE",salmon300:"#EFDDD9",salmon200:"#F6ECEA",salmon100:"#FBF6F5"},context:{placeholder:"#D1D2D7"}}}}]);