https://www.dongnealba.com/_next/static/chunks/pages/employer/find…/around-job-ad-e7c4e3bc8ab8eb01.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="5cde1932-b7b0-471d-8f84-4f38b351678f",e._sentryDebugIdIdentifier="sentry-dbid-5cde1932-b7b0-471d-8f84-4f38b351678f")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[259],{12070:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/employer/find-job-seeker/around-job-ad",function(){return r(75684)}])},34589:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a,s,l=r(71041);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}let i=e=>l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 14 14"},e),a||(a=l.createElement("g",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",clipPath:"url(#information_svg__a)"},l.createElement("path",{d:"M7 12.25a5.25 5.25 0 1 0 0-10.5 5.25 5.25 0 0 0 0 10.5m0-7.583h.006M7 7v2.45"}))),s||(s=l.createElement("defs",null,l.createElement("clipPath",{id:"information_svg__a"},l.createElement("path",{fill:"#fff",d:"M0 0h14v14H0z"})))))},34884:(e,t,r)=>{"use strict";r.d(t,{A:()=>c});var a,s=r(74429),l=r(12074),n=r(71041);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}let o=e=>n.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 24 24"},e),a||(a=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.496 21.835c1.782-1.31 7.763-6.11 7.763-11.577a8.259 8.259 0 0 0-16.517 0c0 5.466 5.98 10.268 7.763 11.578a.83.83 0 0 0 .99 0Zm2.257-11.577a2.753 2.753 0 1 1-5.505 0 2.753 2.753 0 0 1 5.505 0",clipRule:"evenodd"})));var d=r(3043);let c=e=>{let{className:t,label:r,icon:a,selected:n,hideIcon:i,onClick:c,disabled:u,useDelete:m,onDeleteClick:p,...x}=e;return(0,s.jsxs)(d.Chip,{...x,className:(0,l.QP)("box-content w-[unset] gap-x-1 pl-2.5 pr-3 min-h-0","border border-solid border-gray-200 bg-gray-0 text-gray-700","cursor-pointer transition-all",n&&"border-gray-900 text-gray-900 pl-3 pr-2.5",!!a&&"pl-2 pr-2.5",t),onClick:e=>{c?.(r,e)},disabled:u,children:[!i&&(a||(0,s.jsx)(o,{width:16,height:16})),(0,s.jsx)(d.Label,{className:(0,l.QP)("whitespace-nowrap"),type:d.LabelType.Body2,bold:d.FontWeight.Semibold,children:r}),m&&(0,s.jsx)("div",{onClick:p,children:(0,s.jsx)(d.UiCloseIcon,{size:16})})]})}},36146:(e,t,r)=>{"use strict";r.d(t,{A:()=>f});var a=r(74429),s=r(6590),l=r.n(s),n=r(8734),i=r(12074),o=r(73067),d=r(21216),c=r(32579),u=r(53281),m=r(76152),p=r(94677),x=r(21577),h=r(3043);let f=e=>{let{className:t,store:r,jobAd:s,path:f,listIndex:y,useDrawer:b,onClick:g}=e,{renderWageFromJobAd:j}=(0,x.r)(),v=j(s),[w,A]=(0,n.A)(!1),_=(0,p.Ai)(r,s),k=(0,m.b)(s.misc?.dutyDetails||"",s.keywordMatch||{}),N=s.keywordMatch?.sections?.some(e=>["storeAddress","address","area"].includes(e))||!1,C=l()(s,{misc:{displayOptions:s.misc?.displayOptions||(s.misc?.ads?"b2bOffer"in s.misc.ads&&s.misc.ads.b2bOffer:void 0)}}),T=(0,p.vK)(r,s);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{role:g?"button":void 0,"aria-label":T?`${T} TOP 광고`:"TOP 광고",tabIndex:g?0:void 0,className:(0,i.QP)("dde-shadow--top-ad-card flex flex-row items-center gap-3 rounded-md bg-gray-0-50 px-4 py-[18px]",!!g&&"cursor-pointer",t),onClick:()=>{b&&A(!0),g?.()},children:[(0,a.jsx)("div",{className:"flex min-w-0 flex-1 flex-col gap-4",children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-3",children:[(0,a.jsx)(h.Label,{className:"flex-1 truncate text-gray-500-50",type:h.LabelType.Caption1,children:(0,p.OI)(r,s)}),(0,a.jsx)(h.Label,{className:"max-w-[400px] truncate",bold:!0,children:(0,p.vK)(r,s)})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[C.misc?.displayOptions?.dutyTypesDescription?(0,a.jsx)(h.Label,{type:h.LabelType.Body2,children:C.misc.displayOptions.dutyTypesDescription}):(0,a.jsx)(u.A,{className:"truncate",type:h.LabelType.Body2,dutyTypes:s.dutyTypes||[]}),(0,a.jsx)(h.Label,{className:"text-green-600",type:h.LabelType.Body2,children:v}),_&&N?(0,a.jsx)(h.Label,{className:"text-gray-600",type:h.LabelType.Caption1,children:_}):k?(0,a.jsx)(h.Label,{className:"text-gray-500",type:h.LabelType.Caption1,children:k}):null]})]})}),(0,a.jsx)("div",{className:"min-h-20",children:(0,a.jsx)(o.A,{className:"rounded-full shadow-none",size:d.P.XXLarge,item:{...r,jobAds:[s]},useDutyTypeImage:!1})})]}),b?(0,a.jsx)(c.A,{useApply:!0,item:s,path:f,listIndex:y,store:r,isShow:w,onClose:A,type:"top"}):null]})}},36201:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(74429),s=r(72551);let l=r.n(s)()(()=>Promise.resolve().then(r.bind(r,3043)).then(e=>e.Switch),{loadableGenerated:{webpack:()=>[null]},ssr:!1}),n=e=>{let{...t}=e;return(0,a.jsx)(l,{...t})}},39212:(e,t,r)=>{"use strict";r.d(t,{A:()=>d});var a=r(74429),s=r(71041),l=r(4847),n=r(12074),i=r(55953);let o=e=>{let{className:t,isShow:r,animationIn:s="fadeInUp",animationOut:l="fadeOutDown",children:o}=e,{animation:d}=r?{animation:s}:{animation:l},[c]=(0,i.d7)(r,200);return(r||c)&&(0,a.jsx)("div",{className:(0,n.QP)(`animate__animated animate__${d} animate__faster delay-200`,r?"pointer-events-auto":"pointer-events-none",t),children:o})},d=e=>{let{wrapClassName:t,className:r,overflowHeight:d,children:c,isShow:u,onOverflowHeight:m,onClick:p}=e,x=(0,s.useRef)(null),{width:h}=(0,l.A)(),f=(0,i.dh)(()=>

1{if(!x.current||!d)return;let e=x.current.getBoundingClientRect().height;e&&(m?.(e>d),setTimeout(()=>{let e=x.current?.getBoundingClientRect().height;e&&m?.(e>d)},10))},30,{trailing:!0});return(0,s.useEffect)(f,[h]),(0,a.jsx)("div",{className:(0,n.QP)("fixed-bottom-round-button fixed bottom-20 left-[50%] z-10 -translate-x-[50%] p-4 w-full lg:w-[380px]",t,u?"pointer-events-auto":"pointer-events-none"),children:(0,a.jsx)(o,{isShow:u,children:(0,a.jsx)("button",{ref:x,className:(0,n.QP)("w-full rounded-full px-6 py-4","dde-shadow--fixed-button bg-[rgba(0,0,0,0.88)] text-gray-0-50",r),type:"button",onClick:e=>{e.stopPropagation(),e.preventDefault(),p()},children:c})})})}},47834:(e,t,r)=>{"use strict";r.d(t,{A:()=>S});var a=r(74429),s=r(16182),l=r.n(s),n=r(95782),i=r.n(n),o=r(69997),d=r(71041),c=r(11262),u=r(75488),m=r(12074),p=r(36989),x=r(55953),h=r(22632),f=r(1533),y=r(50691),b=r(66183),g=r(48739),j=r(38116),v=r(25833),w=r(34884),A=r(2066),_=r(91916),k=r(47479),N=r(48659),C=r(68857),T=r(65895),q=r(3043),L=r(37648);let E={0:"1km",4:"3",8:"5",12:"10",16:"15",20:"20"},P={0:1,4:3,8:5,12:10,16:15,20:20},S=e=>{let{jobAdId:t,storeId:r,storeAreas:s,selectedAreas:n,defaultRadius:S,hideRadius:I,disabledCount:K,onSubmit:B,...F}=e,{t:O}=(0,o.Bd)("job-seeker"),R=(0,p.i7)(A.U.context,e=>({filter:e?.filter,setFilter:e?.setFilter})),$=(0,d.useRef)(null),[D,M]=(0,d.useState)(4),J=P[D]||3,[H,z]=(0,d.useState)({x:0,y:0}),[Q,G]=(0,u.A)(),[U,W]=(0,d.useState)(),[V,Y]=(0,d.useState)(),X=U?U.areas[U.areas.length-1]:s[s.length-1],Z=(0,N.H)(),{isShow:ee,setReferenceElement:et,toggleShow:er,getDropdownProps:ea}=(0,C.B)({offsetY:8,placement:"bottom-end",strategy:"fixed"}),es=(0,h.Ik)({keyword:(0,h.Yj)()}),{watch:el,register:en,setValue:ei}=(0,T.mN)(es),eo=el("keyword"),[ed]=(0,x.d7)(eo,500),ec=(0,y.c9)({keyword:ed,includeCoordinates:!0},{query:{enabled:!!ed}}),eu=(0,f.qHB)(r||"",{query:{enabled:!!r}}),em=(0,f.mhz)(),ep=(0,f.Lq4)(),ex=(0,f.FxS)({filters:{...V,seekingArea:U?.areas||s,radius:J},jobAdId:t||"",storeId:r||"",saveSearchHistory:!!U},{query:{enabled:F.isShow&&!K}}),eh=e=>({x:e?.[0]||0,y:e?.[1]||0}),ef=(0,y.Hz)(s.join(" ")),ey=async e=>{if(r){await ep.mutateAsync({storeId:r,params:{seekingArea:e.areas}});let t=await eu.refetch();if(t.data?.seekingAreaSearchHistory?.length){if(t.data.seekingAreaSearchHistory.find(e=>l()(e.depths,s))){await ep.mutateAsync({storeId:r,params:{seekingArea:s}});let e=await eu.refetch();e.data?.seekingAreaSearchHistory?.length||G.clear()}}else G.clear()}U?.name===e.name&&W(void 0)},eb=e=>`${e.areas.join("_")}_${e.coords.x}_${e.coords.y}`,eg=async()=>{if(n?.length){let e=await (0,y.gT)(n.join(" "));if(e.areaLocation){z(eh(e.areaLocation)),$.current?.scrollTo({behavior:"smooth",left:0});return}}if(ef.data?.areaLocation?.length){let e=await (0,y.gT)(s.join(" "));e.areaLocation&&(z(eh(e.areaLocation)),$.current?.scrollTo({behavior:"smooth",left:0}));return}z(eh(ef.data?.areaLocation)),$.current?.scrollTo({behavior:"smooth",left:0})};return(0,d.useEffect)(()=>{Y(R.filter)},[R.filter]),(0,d.useEffect)(()=>{ed&&er(!0)},[ec.data]),(0,d.useEffect)(()=>{K&&U?.areas?.length&&r&&em.mutate({data:{seekingArea:U?.areas,storeId:r}})},[U]),(0,d.useEffect)(()=>{if(!F.isShow||(eg(),eu.refetch(),!S))return;let e=Object.entries(P).find(e=>{let[t,r]=e;return r===S});e&&M(Number(e[0]))},[F.isShow]),(0,d.useEffect)(()=>{eu.data&&G.set(eu.data.seekingAreaSearchHistory?.filter(e=>e.name).map(e=>({name:e.name,areas:e.name.split(" "),coords:eh(e.location?.coordinates)}))||[])},[eu.data]),(0,d.useEffect)(()=>{if(U){z(U.coords);let e=$.current?.getElementsByClassName(eb(U))?.[0];e&&e.scrollIntoView({behavior:"smooth",inline:"center"});return}eg()},[U]),(0,a.jsxs)(k.A,{bodyClassName:"max-xs:p-0",buttonWrapClassName:"justify-end max-xs:border-none max-xs:shadow-none",size:L.or.Medium,title:O("town"),buttons:(0,a.jsx)(v.A,{className:"max-xs:w-full",isLoading:ex.isPending&&!K,label:`${X}${K?` ${O("job-ad:button.view_job_ad")}`:` ${ex.data?.totalCVsCount||0}${O("View people")}`}`,onClick:()=>{(e=>{B?.({seekingArea:e,radius:J}

1),V&&(R.setFilter?.({...V,seekingArea:e,radius:J}),F.onClose?.())})(U?.areas||s)}}),...F,children:[(0,a.jsxs)("div",{className:"max-xs:px-4",children:[(0,a.jsx)("div",{ref:et,children:(0,a.jsx)(q.Input,{className:"max-xs:bg-gray-50 max-xs:placeholder:text-gray-500",icon:(0,a.jsx)(g.A,{className:"text-gray-300-50",width:24,height:24}),...en("keyword"),placeholder:O("search_for_area"),autoComplete:"off",onFocus:()=>{er(!0)},onBlur:()=>{setTimeout(()=>{er(!1)},250)}})}),ee&&(0,a.jsx)("div",{role:"listbox","aria-label":O("search_for_area"),...ea({useFullWidth:!0}),children:ed?ec.data?.suggestions?.areas?.map((e,t)=>(0,a.jsx)(q.ListItem,{role:"option",onClick:()=>{if(er(!1),!e.location?.coordinates?.length)return void c.oR.warning(O("select_other_area"));let r={x:e.location.coordinates[0],y:e.location.coordinates[1]};if(z(r),ei("keyword",""),e.name){let a={name:e.name,areas:e.name.split(" "),coords:r};Q.find(e=>a.name==e.name&&a.coords.x===e.coords.x&&a.coords.y===e.coords.y)&&G.removeAt(t),G.insertAt(0,a),W(a)}},children:e.name},`${e.name}_${t}`)):(0,a.jsx)("div",{children:Q.map((e,t)=>(0,a.jsx)(q.ListItem,{left:(0,a.jsx)(j.A,{width:24,height:24}),right:(0,a.jsx)(b.A,{className:"cursor-pointer",width:20,height:20,onClick:t=>{t.stopPropagation(),ey(e)}}),onClick:()=>{G.removeAt(t),G.insertAt(0,e),W(e)},children:e.areas.join(" ")},`${e.areas.join("_")}_${t}`))})}),(0,a.jsxs)("div",{ref:$,className:"mt-2.5 flex w-full flex-row items-start gap-2 overflow-x-auto overflow-y-hidden scrollbar-thin scrollbar-thumb-rounded-fulld-scrollbar h-12 scrollbar-track-transparent scrollbar-thumb-[#eee] max-xs:scrollbar-hide",children:[(0,a.jsx)(w.A,{className:(0,m.QP)(s.join("_"),"pl-2.5 pr-3"),label:`${O("My place of work")}: ${s[s.length-1]}`,useDelete:!1,selected:l()(U?.areas||n,s),onClick:()=>{if(ef.data?.areaLocation?.length)return void W({areas:s,coords:eh(ef.data.areaLocation),name:i()(s)||""});W(void 0)}}),Q.map((e,t)=>l()(e.areas,s)?null:(0,a.jsx)(w.A,{className:eb(e),label:i()(e.areas)||"",hideIcon:!0,useDelete:!0,selected:l()(U?.areas||n,e.areas),onClick:()=>{W(e)},onDeleteClick:t=>

1{t?.stopPropagation(),ey(e)}},eb(e)))]})]}),(0,a.jsx)(_.A,{className:"max-xs:h-[calc(100%_-_160px)]",options:{...H,initialRadius:J}}),!I&&(0,a.jsx)("div",{className:"mb-6 mt-3 max-xs:z-[1] max-xs:px-4",children:(0,a.jsx)(q.Slider,{min:0,marks:E,value:3===D?0:D,onChange:e=>{Z.trackEvent("click_seeking_area",{radius:P[e],domain:"employerSite"}),M(Number(e))}})})]})}},48739:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a,s,l=r(71041);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}let i=e=>l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 21 20"},e),a||(a=l.createElement("circle",{cx:8.5,cy:8.333,r:5.833,stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),s||(s=l.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"m17.667 17.5-5-5"})))},50691:(e,t,r)=>{"use strict";r.d(t,{En:()=>u,Hz:()=>p,Lv:()=>d,Ol:()=>i,TU:()=>h,VT:()=>n,aw:()=>f,c9:()=>o,d8:()=>c,gT:()=>m,xp:()=>x});var a=r(1275),s=r(38909),l=r(52194);let n=e=>{let t=(e=>{let t=["postLookupAccount"],{mutation:r,request:a}=e?e.mutation&&"mutationKey"in e.mutation&&e.mutation.mutationKey?e:{...e,mutation:{...e.mutation,mutationKey:t}}:{mutation:{mutationKey:t},request:void 0};return{mutationFn:e=>{let t,{data:r}=e??{};return(0,l.T)({url:"/v1/lookup/account",method:"POST",headers:{"Content-Type":"application/json"},data:r,signal:t},a)},...r}})(e);return(0,a.n)(t)};function i(e,t){let r=((e,t)=>{let r,{query:a,request:s}=t??{};return{queryKey:a?.queryKey??["/v1/lookup/universities",...(r=e)?[r]:[]],queryFn:t=>{let{signal:r}=t;return(0,l.T)({url:"/v1/lookup/universities",method:"GET",params:e,signal:r},s)},...a}})(e,t),a=(0,s.I)(r);return a.queryKey=r.queryKey,a}function o(e,t){let r=((e,t)=>{let r,{query:a,request:s}=t??{};return{queryKey:a?.queryKey??["/v1/lookup/areas",...(r=e)?[r]:[]],queryFn:t=>{let{signal:r}=t;return(0,l.T)({url:"/v1/lookup/areas",method:"GET",params:e,signal:r},s)},...a}})(e,t),a=(0,s.I)(r);return a.queryKey=r.queryKey,a}function d(e,t){let r=((e,t)=>{let r,{query:a,request:s}=t??{};return{queryKey:a?.queryKey??["/v1/lookup/companies",...(r=e)?[r]:[]],queryFn:t=>{let{signal:r}=t;return(0,l.T)({url:"/v1/lookup/companies",method:"GET",params:e,signal:r},s)},...a}})(e,t),a=(0,s.I)(r);return a.queryKey=r.queryKey,a}function c(e,t){let r=((e,t)=>{let r,{query:a,request:s}=t??{};return{queryKey:a?.queryKey??["/v1/lookup/certifications",...(r=e)?[r]:[]],queryFn:t=>{let{signal:r}=t;return(0,l.T)({url:"/v1/lookup/certifications",method:"GET",params:e,signal:r},s)},...a}})(e,t),a=(0,s.I)(r);return a.queryKey=r.queryKey,a}function u(e,t){let r=((e,t)=>{let r,{query:a,request:s}=t??{};return{queryKey:a?.queryKey??["/v1/lookup/skills",...(r=e)?[r]:[]],queryFn:t=>{let{signal:r}=t;return(0,l.T)({url:"/v1/lookup/skills",method:"GET",params:e,signal:r},s)},...a}})(e,t),a=(0,s.I)(r);return a.queryKey=r.queryKey,a}let m=(e,t,r)=>(0,l.T)({url:`/v1/areas/${e}/location`,method:"GET",signal:r},t);function p(e,t){let r=((e,t)=>{let{query:r,request:a}=t??{};return{queryKey:r?.queryKey??[`/v1/areas/${e}/location`],queryFn:t=>{let{signal:r}=t;return m(e,a,r)},enabled:!!e,...r}})(e,t),a=(0,s.I)(r);return a.queryKey=r.queryKey,a}function x(e,t){let r=((e,t)=>{let r,{query:a,request:s}=t??{};return{queryKey:a?.queryKey??["/v1/lookup/my-keyword",...(r=e)?[r]:[]],queryFn:t=>{let{signal:r}=t;return(0,l.T)({url:"/v1/lookup/my-keyword",method:"GET",params:e,signal:r},s)},...a}})(e,t),a=(0,s.I)(r);return a.queryKey=r.queryKey,a}function h(e,t){let r=((e,t)=>{let r,{query:a,request:s}=t??{};return{queryKey:a?.queryKey??["/v1/lookup/store-categories",...(r=e)?[r]:[]],queryFn:t=>{let{signal:r}=t;return(0,l.T)({url:"/v1/lookup/store-categories",method:"GET",params:e,signal:r},s)},...a}})(e,t),a=(0,s.I)(r);return a.queryKey=r.queryKey,a}let f=(e,t,r)=>(0,l.T)({url:`/v1/search/areas/${e}/location`,method:"GET",signal:r},t)},71661:(e,t,r)=>{"use strict";r.d(t,{i:()=>a});var a=function(e){return e.TopAdPreview="top_ad_preview",e.HirePackPreview="hire_pack_preview",e.FirstCertificate="first_certificate",e.TopAdPurchase="top_ad_purchase",e.PackPurchase="pack_purchase",e}({})},75684:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSG:()=>ec,default:()=>eu});var a=r(74429),s=r(16182),l=r.n(s),n=r(95782),i=r.n(n),o=r(69997),d=r(76115),c=r(71041),u=r(90739),m=r(76e3),p=r(8734),x=r(91508),h=r(12074),f=r(36989),y=r(55953),b=r(9649

16),g=r(90936),j=r(34589),v=r(29340),w=r(25833),A=r(39212),_=r(36146),k=r(36201),N=r(33966),C=r(67382),T=r(58264),q=r(60619),L=r(73067),E=r(30518),P=r(65629),S=r(31791),I=r(94677),K=r(21577),B=r(81683),F=r(3043);let O=e=>{let{className:t,avatarClassName:r,item:s,hideLastActivity:l,onClick:n}=e,i=s.jobAd,d=s.store,{t:u}=(0,o.Bd)("job-ad"),{renderWageFromJobAd:m}=(0,K.r)();if(!d)return null;let p=i.schedule?.period===b.rnV.shortTerm,x=i.schedule?.period===b.rnV.threeMonAbove;i.welfares?.find(e=>e===b.fKK.foreigner);let f=e=>(0,a.jsx)(F.RoundBadge,{className:"rounded-sm border-gray-100 px-1 py-[6px]",type:F.RoundBadgeType.Line,children:(0,a.jsx)(F.Label,{className:"text-gray-600",type:F.LabelType.Caption1,children:e})},e),y=(0,c.useMemo)(()=>[p?f(u("title.shortTermBenefit")):null,x?f(u("title.long_term_benefit")):null,...i.welfares?.map(e=>f(u(`welfares.${e}`)))||[]].filter(e=>e).slice(0,1),[i]),g=i.review&&"positiveCount"in i.review;return(0,a.jsxs)("div",{className:(0,h.QP)("flex flex-col gap-3 px-4 pb-5 pt-6",!!n&&"cursor-pointer",t),onClick:()=>{n?.(s)},children:[(0,a.jsx)("div",{className:"flex flex-row flex-wrap items-center",children:(0,a.jsx)(S.A,{className:"text-gray-500",type:F.LabelType.Caption1,items:i.dutyTypes||[]})}),(0,a.jsxs)("div",{className:"flex flex-1 flex-row items-center gap-6",children:[(0,a.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-2.5",children:[(0,a.jsx)(F.Label,{className:"max-w-[400px] truncate",type:F.LabelType.Body1,bold:!0,children:(0,I.vK)(d,i)}),(0,a.jsxs)("div",{className:"flex flex-row items-center gap-1.5",children:[(0,a.jsx)(F.Label,{className:"text-gray-600",type:F.LabelType.Caption1,children:(0,I.C5)(d,i)}),!l&&!!d.lastActivity&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"h-3 w-[1px] bg-gray-100"}),(0,a.jsx)(F.Label,{type:F.LabelType.Caption1,className:"text-gray-600",children:(0,B.A)((0,q.H)(d.lastActivity))})]})]})]}),(0,a.jsx)(L.A,{className:(0,h.QP)("h-[50px] w-[50px] rounded-[17.5px]",r),item:{...d,jobAds:[i]},useDutyTypeImage:!1})]}),(0,a.jsx)("div",{className:"flex flex-row",children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsx)("div",{className:"flex flex-row flex-wrap items-center",children:i.schedule&&(0,a.jsx)(P.A,{schedule:i.schedule})}),(0,a.jsx)(F.Label,{className:"text-green-600",type:F.LabelType.Body2,children:i.wage&&m(i)})]}),y.length||g?(0,a.jsxs)("div",{className:"flex flex-col gap-1.5",children:[!!y.length&&(0,a.jsx)("div",{className:"flex flex-row flex-wrap gap-[6px]",children:y}),i.review&&"positiveCount"in i.review&&(0,a.jsx)(E.A,{item:i.review})]}):null]})})]})},R=e=>{let{item:t,...r}=e,s=t.store;return s?(0,a.jsx)(O,{...r,item:{id:t.id,jobAd:t,store:s}}):null};var $=r(9188),D=r(12977),M=r(96179),J=r(48659),H=r(12054),z=r(1542);let Q=e=>{let{selectedJobAdId:t,previewJobAd:r,areas:s,onItemClick:l}=e,n=(0,d.useRouter)(),i=(0,J.H)(),{t:x}=(0,o.Bd)("job-ad"),{ref:h,inView:y}=(0,u.Wx)(),[v,w]=(0,p.A)(!1),A=(0,f.i7)(M.b.context,e=>e?.refetch),{status:_,data:k,isFetchingNextPage:N,fetchNextPage:C,refetch:T}=(0,z.q)({queryKey:["infinite-hire-pack-list",...s],initialPageParam:0,staleTime:0,queryFn:async e=>{let{pageParam:t=0}=e;return await (0,g.Tb)({areas:s,offset:t,purchasedFilter:"only"})},getPreviousPageParam:e=>e.offset??void 0,getNextPageParam:e=>e.hasNextPage?e.offset+e.size:void 0});(0,c.useEffect)(()=>{y&&k?.pages.at(-1)?.hasNextPage!==!1&&C()},[y]),(0,c.useEffect)(()=>{s.length&&T()},[s]),(0,c.useEffect)(()=>{A?.(),T()},[]),(0,c.useEffect)(()=>{k?.pages.length&&w(!k.pages.some(e=>e.hasSelfUnlimitedPackage))},[k?.pages]);let q=e=>{n.push({pathname:H.R.EmployerMyProfileHirePackPurchase,query:{jobAdId:e,packageType:b.w6C.ECONOMY}})};return(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-row items-center gap-0.5 border-b border-gray-30 px-4 pb-3 pt-5",children:[(0,a.jsx)(F.Label,{className:"text-gray-700",type:F.LabelType.Body2,children:x("title.active_hiring")}),(0,a.jsx)(D.A,{className:"max-w-[326px] p-3",content:(0,a.jsx)("div",{className:"flex flex-row pt-0.5",children:(0,a.jsx)(F.Label,{type:F.LabelType.Body2,children:x("toast.unlimited_job_list")})}),placement:"top-start",offset:{x:6,y:0},children:(0,a.jsx)("div",{children:(0,a.jsx)(j.A,{className:"cursor-help text-gray-500",width:16,height:16})})})]}),v&&(r?(0,a.jsx)(R,{className:"border border-dashed border-green-300-50 bg-green-30-50",item:r,onClick:()=>{r?.id&&(i?.trackEvent("click_unlimit_pack_start",{referrer:"AroundJobAd-BottomBanner"}),q(r.id))}}):(0,a.jsx)("div",{className:"p-4",children:(0,a.jsxs)("div",{role:"button","aria-label":x("button.start_hiring"),tabIndex:0,className:"flex min-h-[85px] cursor-pointer flex-col items-center justify-center gap-3 rounded-md border border-dashed border-green-300-50 bg-green-30-50 p-3",onClick:()=>{i?.trackEvent("click_unlimit_pack_start",{referrer:"AroundJobAd-BottomBanner"}),q(t)},onKeyDown:e=>

1{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),i?.trackEvent("click_unlimit_pack_start",{referrer:"AroundJobAd-BottomBanner"}),q(t))},children:[(0,a.jsx)(F.Label,{className:"text-green-600-50",bold:!0,children:x("button.start_hiring")}),(0,a.jsx)(F.Label,{className:"text-green-600-50",type:F.LabelType.Body2,children:x("title.post_notice_here")})]})})),"pending"===_&&(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(m.A,{height:83})}),k?.pages.map(e=>(0,a.jsx)(c.Fragment,{children:e.list?.map(e=>{let t=(0,I.FD)(e)[0];return t&&(0,I.tJ)(t.jobAd)?(0,a.jsx)("div",{children:(0,a.jsx)(R,{className:"border-b border-gray-100",item:t.jobAd,onClick:l},t.id)},`hire_pack_${t.id}`):null})},e.offset)),(0,a.jsx)("div",{ref:h}),N&&(0,a.jsx)("div",{className:"flex flex-col p-4",children:(0,a.jsx)($.A,{})}),(0,a.jsx)(F.Divider,{className:"bg-gray-30",height:8})]})};var G=r(36734),U=r.n(G),W=r(42827),V=r(46745);let Y=e=>{let{areas:t,itemClassName:r,useDivider:s,useAds:l,onItemClick:n}=e,{ref:i,inView:o}=(0,u.Wx)(),d=(0,f.NT)(V.a.context),{status:p,data:x,isFetchingNextPage:h,fetchNextPage:y,refetch:j}=(0,z.q)({queryKey:["infinite-job-ad-list",...t],initialPageParam:0,queryFn:async e=>{let{pageParam:r=0}=e;return await (0,g.Tb)({areas:t,offset:r,purchasedFilter:"exclude"})},getPreviousPageParam:e=>e.offset??void 0,getNextPageParam:e=>e.hasNextPage?e.offset+e.size:void 0});(0,c.useEffect)(()=>{o&&x?.pages.at(-1)?.hasNextPage!==!1&&y()},[o]),(0,c.useEffect)(()=>{t.length&&j()},[t]);let v=l&&d?.bannerList.length?d.getBanners(b.q3r.JobsDisplay):null;return(0,a.jsxs)("div",{children:["pending"===p&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(m.A,{height:83}),(0,a.jsx)(m.A,{height:83}),(0,a.jsx)(m.A,{height:83})]}),x?.pages.map(e=>(0,a.jsx)(c.Fragment,{children:e.list?.map((e,t)=>{let l=v?.find(e=>e.position===t),i=(0,I.FD)(e)[0];return i?(0,a.jsxs)(c.Fragment,{children:[(0,a.jsx)(W.A,{className:r,store:i.store,jobAd:i.jobAd,onClick:n},i.id),l&&l.data?.adsUrl&&l.data?.images&&(0,a.jsx)(U(),{href:l.data.adsUrl,target:"_blank",children:(0,a.jsx)("img",{className:"max-h-[140px] w-full object-cover",src:l.data.images[0],alt:l.adsTitle})}),s&&(0,a.jsx)(F.Divider,{})]},i.id):null})},e.offset)),(0,a.jsx)("div",{ref:i}),h&&(0,a.jsx)("div",{className:"flex flex-col p-4",children:(0,a.jsx)($.A,{})})]})};var X=r(2066),Z=r(47834),ee=r(86616),et=r(28865),er=r(71661);let ea=null;var es=r(41996),el=r(73260),en=r(97910),ei=r(31352),eo=r(9695);let ed=()=>{let e=(0,d.useRouter)(),{t}=(0,o.Bd)("job-ad"),r=(0,J.H)(),{selectedJobAd:s,selectedStore:n,selectJobAd:C}=(0,f.i7)(M.b.context,e=>({selectedJobAd:e?.selectedJobAd,selectedStore:e?.selectedStore,selectJobAd:e?.selectJobAd})),[q]=(0,c.useState)(()=>{var t;return t=e.asPath,!ea||ea.fromPath!==t||Date.now()-ea.savedAt>18e5?null:ea}),L=(0,c.useRef)(!1),[E,P]=(0,c.useState)(q?.areas??[]),[S,I]=(0,c.useState)(),[K,B]=(0,p.A)(!1),[O,R]=(0,p.A)(!1),[$,z]=(0,p.A)(!1),[G,U]=(0,c.useState)([]),[W,V]=(0,p.A)(!1),ed=(0,et.x)(),{ref:ec,inView:eu}=(0,u.Wx)({threshold:.9}),em=(0,c.useRef)(!!q),{isMobileBeta:ep}=(0,en.V)(),ex=(0,g.dW)({areas:E},{query:{enabled:!!E.length}}),eh=(0,c.useMemo)(()=>ex.data?.banners??[],[ex.data?.banners]),[ef]=(0,y.d7)(ex.isFetchedAfterMount,500);(0,c.useEffect)(()=>{if(em.current)return;let e=s?.storeAddress?.areas?.length?s?.storeAddress?.areas:n?.address?.areas||[];U(e),l()(e,E)||(P(e),em.current=!0)},[n,s]),(0,c.useEffect)(()=>{let t=String(e.query.jobAdId||"");if(e.query.preview&&t&&t!==s?.id&&(C?.(t),z(!0)),q)return;let r=String(e.query.seekingArea||"").split(" ");r?.length>1&&P(r)},[e.query,s,q]),(0,c.useEffect)(()=>{eh.length&&V(!!eh.some(e=>e.isSelfTopAd))},[eh]),(0,c.useEffect)(()=>{let t=(t,r)=>{let{shallow:a}=r;!a&&(e=>{let t=e.split("?")[0];return/^\/job-ad\/[^/]+$/.test(t)})(t)&&(ea={...{fromPath:e.asPath,scrollY:window.scrollY,areas:E},savedAt:Date.now()})};return e.events.on("routeChangeStart",t),()=>e.events.off("routeChangeStart",t)},[e,E]),(0,c.useEffect)(()=>{ea=null},[]);let ey=(0,c.useCallback)(e=>{let t=0,r=()=>{window.scrollTo(0,e),t+=1,2>=Math.abs(window.scrollY-e)||t>=40||requestAnimationFrame(r)};requestAnimationFrame(r)},[]);(0,x.A)(()=>{q&&!L.current&&E.length&&(L.current=!0,ey(q.scrollY))},[q,E.length,ey]),(0,el.P)({eventName:"view_town_jobad"});let eb=(0,c.useMemo)(()=>i()(E),[E]),{handleAddJobAdClick:eg}=(0,es.$e)({referrer:er.i.HirePackPreview,openInNewTab:!0});if(ex.isPending||!eb)return(0,a.jsxs)("div",{className:"flex flex-1 flex-col",children:[(0,a.jsx)(T.A,{title:t("common:nav.around_job_ad")}),(0,a.jsxs)("div",{className:"flex flex-row flex-wrap gap-4",children:[(0,a.jsxs)("div",{className:"flex-1 space-y-3 rounded border border-gray-100-50 p-4",children:[(0,a.jsx)(m.A,{height:64}),(0,a.jsx)(m.A,{height:64}),(0,a.jsx)(m.A,{height:64})]}),(0,a.jsxs)("div",{className:"max-w-[300px] basis-1/3 rounded border border-gray-100-50 p-4 max-xs:hidden",children:[(0,a.jsx)(m.A,{height:48}),(0,a.jsx)(m.A,{height:48})]})]})]});let ej=()=>s?S?.id?void e.push({pathname:H.R.EmployerMyProfileHirePackPurchase,query:{jobAdId:S.id,packageType:eo.Hd.PREMIUM_ECONOMY}}):void R(!0):void ed?.show({title:t("toast.no_job_ad"),message:t("toast.start_top_ad_add"),confirmText:t("common:button.register"),onConfirmClick:()=>{eg()}}),ev=()=>{if(r.trackEvent("click_unlimit_pack_start",{referrer:"AroundJobAd-TopBanner"}),!s)return void ed?.show({title:t("toast.no_job_ad"),message:t("toast.start_top_ad_add"),confirmText:t("common:button.register"),onConfirmClick:()=>{eg()}});R(!0)},ew=t=>{t.id&&e.push((0,ei.jZ)(t.id))};return(0,a.jsxs)("div",{className:"flex flex-1 flex-col",children:[(0,a.jsx)(v.A,{category:b.do2.

1searchJobAd,className:"xs:mt-2"}),(0,a.jsx)(T.A,{title:t("common:nav.around_job_ad")}),(0,a.jsxs)("div",{className:"flex flex-row gap-4",children:[(0,a.jsxs)("div",{className:(0,h.QP)("flex flex-1 flex-col bg-gray-30",ep&&"xs:max-w-[70%] xs:rounded xs:border xs:border-gray-100-50"),children:[(0,a.jsxs)("div",{className:"flex flex-row items-center gap-0.5 p-4 pt-5",children:[(0,a.jsx)(F.Label,{className:"text-gray-700",type:F.LabelType.Body2,children:t("title.{{target}}_top_ad",{target:i()(E)})}),(0,a.jsx)(D.A,{className:"max-w-[326px] p-3",content:(0,a.jsxs)("div",{className:"-mb-1",children:[(0,a.jsx)(F.Label,{type:F.LabelType.Body2,children:t("toast.ads_grouped_top_exposure")}),(0,a.jsx)("br",{}),(0,a.jsxs)(F.Label,{type:F.LabelType.Body2,children:["- ",t("toast.ads_order_top_exposure")]})]}),placement:"top-start",offset:{x:6,y:0},children:(0,a.jsx)("div",{children:(0,a.jsx)(j.A,{className:"cursor-help text-gray-500",width:16,height:16})})})]}),(0,a.jsxs)("div",{ref:ec,className:"flex flex-col gap-3 px-4 pb-8",children:[!W&&($&&S?.id?(0,a.jsx)(_.A,{className:"animate__animated animate__fadeIn border border-dashed border-green-300-50 bg-green-30-50",jobAd:S.jobAd,store:S.store,onClick:ev}):(0,a.jsxs)("div",{role:"button","aria-label":t("button.start_top_ad"),tabIndex:0,className:"flex min-h-[85px] cursor-pointer flex-col items-center justify-center gap-3 rounded-md border border-dashed border-green-300-50 bg-green-30-50 p-3",onClick:ev,children:[(0,a.jsx)(F.Label,{className:"text-green-600-50",bold:!0,children:t("button.start_top_ad")}),(0,a.jsx)(F.Label,{className:"text-green-600-50",type:F.LabelType.Body2,children:t("title.pin_post_top")})]})),eh.map(t=>t.jobAds?(0,a.jsx)(_.A,{jobAd:t.jobAds[0],store:t,onClick:()=>{let a=t.jobAds?.[0].id;a&&(r?.trackEvent("click_jobad_card",{type:"top"}),e.push((0,ei.jZ)(a)))}},`${t.jobAds[0].id}_top_ad`):null)]}),(0,a.jsx)("div",{className:"bg-gray-0-50",children:!!E.length&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(Q,{selectedJobAdId:s?.id,previewJobAd:$?{...S?.jobAd,store:S?.store}:void 0,areas:E,onItemClick:e=>{r?.trackEvent("click_jobad_card",{type:"unlimited"}),ew(e)}}),(0,a.jsx)(Y,{areas:E,itemClassName:"border-none px-4",useDivider:!0,useAds:!0,onItemClick:e=>{r?.trackEvent("click_jobad_card",{type:"basic"}),ew(e)}})]})})]}),!ep&&(0,a.jsxs)("div",{className:"flex h-fit min-w-[300px] max-w-[300px] basis-1/3 flex-col gap-8 rounded border border-gray-100-50 p-6",children:[(0,a.jsx)(F.Label,{className:"text-gray-800-50",type:F.LabelType.Body2,bold:!0,children:t("common:title.filter")}),(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsx)(F.FormLabel,{children:t("title.town")}),(0,a.jsx)(N.A,{label:eb,onClick:()=>{B(!0)}})]}),!W&&(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsx)(F.FormLabel,{children:t("title.ad")}),(0,a.jsxs)("div",{className:"flex flex-row items-center justify-between",children:[(0,a.jsx)(F.Label,{children:t("title.preview_ad")}),(0,a.jsx)("div",{className:"cursor-pointer",onClick:()=>{if(r?.trackEvent("click_preview_topad"),!s?.id||!n)return void ed?.show({title:t("toast.no_job_ad"),message:t("toast.register_preview_job_add"),confirmText:t("common:button.register"),onConfirmClick:()=>{eg()}});I({id:s.id,jobAd:s,store:n}),z()},children:(0,a.jsx)(k.A,{className:"pointer-events-none",checked:$})})]})]})]})]}),K&&!!n&&(0,a.jsx)(X.U.Provider,{children:(0,a.jsx)(Z.A,{storeId:n.id,jobAdId:s?.id,isShow:K,storeAreas:G,selectedAreas:E,defaultRadius:20,hideRadius:!0,disabledCount:!0,onSubmit:e=>{P(e.seekingArea||[])},onClose:B})}),(0,a.jsx)(ee.A,{title:t("title.job_ad"),selectedJobAdId:S?.id,buttons:(0,a.jsx)(w.A,{className:"flex-1",disabled:!S,label:t("button.start_ad_for_selected_job_ad"),onClick:ej}),referrer:er.i.HirePackPreview,isShow:O,useJobAdAdd:!0,onClick:e=>{I(e)},onClose:R}),!W&&(0,a.jsx)(A.A,{wrapClassName:"bottom-10 w-fit",className:"h-[48px] w-fit bg-green-500-50 py-0",isShow:!eu&&ef,onClick:()=>{r.trackEvent("click_unlimit_pack_start",{referrer:"AroundJobAd-cta"}),ej()},children:(0,a.jsx)(F.Label,{bold:!0,children:t("button.start_top_ad")})})]})};ed.getLayout=e=>(0,a.jsx)(C.A,{children:(0,a.jsx)(X.U.Provider,{children:e})});var ec=!0;let eu=ed},76e3:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(71041);let s=a.createContext({});function l({count:e=1,wrapper:t,className:r,containerClassName:l,containerTestId:n,circle:i=!1,style:o,...d}){var c,u,m;let p=a.useContext(s),x={...d};for(let[e,t]of Object.entries(d))void 0===t&&delete x[e];let h={...p,...x,circle:i},f={...o,...function({baseColor:e,highlightColor:t,width:r,height:a,borderRadius:s,circle:l,direction:n,duration:i,enableAnimation:o=!0,customHighlightBackgroun

1d:d}){let c={};return"rtl"===n&&(c["--animation-direction"]="reverse"),"number"==typeof i&&(c["--animation-duration"]=`${i}s`),o||(c["--pseudo-element-display"]="none"),("string"==typeof r||"number"==typeof r)&&(c.width=r),("string"==typeof a||"number"==typeof a)&&(c.height=a),("string"==typeof s||"number"==typeof s)&&(c.borderRadius=s),l&&(c.borderRadius="50%"),void 0!==e&&(c["--base-color"]=e),void 0!==t&&(c["--highlight-color"]=t),"string"==typeof d&&(c["--custom-highlight-background"]=d),c}(h)},y="react-loading-skeleton";r&&(y+=` ${r}`);let b=null!=(c=h.inline)&&c,g=[],j=Math.ceil(e);for(let t=0;t<j;t++){let r=f;if(j>e&&t===j-1){let t=null!=(u=r.width)?u:"100%",a=e%1,s="number"==typeof t?t*a:`calc(${t} * ${a})`;r={...r,width:s}}let s=a.createElement("span",{className:y,style:r,key:t},"‌");b?g.push(s):g.push(a.createElement(a.Fragment,{key:t},s,a.createElement("br",null)))}return a.createElement("span",{className:l,"data-testid":n,"aria-live":"polite","aria-busy":null==(m=h.enableAnimation)||m},t?g.map((e,r)=>a.createElement(t,{key:r},e)):g)}},86616:(e,t,r)=>{"use strict";r.d(t,{A:()=>p});var a=r(74429),s=r(69997),l=r(71041),n=r(25833),i=r(47479),o=r(95322),d=r(48659),c=r(41996),u=r(3043),m=r(37648);let p=e=>{let{selectedJobAdId:t,storeId:r,jobSeekerId:p,buttons:x,title:h,referrer:f,useJobAdAdd:y=!0,onClick:b,onDisabledJobAdClick:g,onDeselectSelectedJobAd:j,...v}=e,w=(0,d.H)(),{t:A}=(0,s.Bd)("job-ad"),{handleAddJobAdClick:_}=(0,c.$e)({storeId:r,referrer:f,openInNewTab:!0});return(0,l.useEffect)(()=>{v.isShow&&w?.trackEvent("view_change_jobad")},[v.isShow]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(i.A,{...v,size:m.or.Small,title:h||A("title.change_job_ad"),buttonWrapClassName:"flex-col gap-3",buttons:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"flex w-full flex-row",children:x}),y&&(0,a.jsx)(n.A,{label:A("job-ad:button.do_add"),type:u.ButtonAnatomy.Quaternary,size:m.or.Large,eventName:"click_add_jobad",eventData:{referrer:"ChangeJobAd"},onClick:_})]}),children:(0,a.jsx)("div",{className:"flex flex-col gap-4",children:(0,a.jsx)(o.A,{selectedJobAdId:t,storeId:r,jobSeekerId:p,onClick:b,onDisabledJobAdClick:g,onDeselectSelectedJobAd:j})})})})}},91508:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var a=r(71041);let s=r(93788).Bd?a.useLayoutEffect:a.useEffect},91916:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a=r(74429),s=r(71041),l=r(12074);let n={1:15,3:13,5:12,10:11,15:10,20:10},i=e=>{let{className:t="",id:r,options:i}=e,{x:o,y:d,initialRadius:c}=i,u=n[c]||12,m=(0,s.useRef)(null),p=(0,s.useRef)(null),x=(0,s.useRef)(void 0),h=(0,s.useRef)(void 0),f=(0,s.useRef)(void 0),y=()=>new naver.maps.LatLng(d,o),b=()=>{if(!x.current||!c)return;let e=y();h.current&&h.current?.setVisible(!1),h.current=new naver.maps.Circle({map:x.current,center:e,radius:1e3*c,fillOpacity:.2,strokeColor:"#00d28c",fillColor:"#00d28c"}),f.current&&f.current?.setVisible(!1),f.current=new naver.maps.Marker({position:e,map:x.current,icon:{url:"https://assets.dongnealba.com/public/app/v1.0.0/seeking_area_marker.png",size:new naver.maps.Size(80,80),scaledSize:new naver.maps.Size(40,40),origin:new naver.maps.Point(0,0),anchor:new naver.maps.Point(20,40)}}),x.current?.setCenter(e)};return(0,s.useEffect)(()=>{x.current=new naver.maps.Map("naver-map-view",{zoom:u,center:y()}),b()},[]),(0,s.useEffect)(()=>{let e=i.initialRadius;e!==m.current&&(m.current=e,(e=>{let t=n[e]||12;h.current&&(x.current?.setZoom(t),h.current?.setRadius(1e3*e))})(m.current))},[i.initialRadius]),(0,s.useEffect)(()=>{if(null===p.current)p.current={y:d,x:o};else if(d===p.current.y&&o===p.current.x)return;p.current.y=d,p.current.x=o,b()},[d,o]),(0,a.jsx)("div",{id:r||"naver-map-view",className:(0,l.QP)("z-[1] min-h-[193px] w-full",t)})}}},e=>{e.O(0,[8370,2687,5389,2279,4067,9417,4506,6734,883,386,3244,6220,832,2045,3712,192,8e3,4064,7006,9479,1144,9584,6496,2121,2258,3390,7464,6031,7588,728,457,6534,2945,3188,4205,7382,636,6593,8792],()=>e(e.s=12070)),_N_E=e.O()}]);