https://assets.soulspot.co.kr/assets/soulspot_web_hp/_next/static/…/ai-course/all-spots-a2530e9927147424.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44],{305:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var l=n(4232),r=n(2655);function o(){let[e,t]=(0,l.useState)(!1);return(0,l.useEffect)(()=>t((0,r.a)()),[]),e}},1138:(e,t,n)=>{"use strict";n.d(t,{DX:()=>x});var l=n(4232),r=n.t(l,2),o=Object.defineProperty,i=(e,t)=>o(e,"name",{value:t,configurable:!0});function a(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function s(...e){return t=>{let n=!1,l=e.map(e=>{let l=a(e,t);return n||"function"!=typeof l||(n=!0),l});if(n)return()=>{for(let t=0;t<l.length;t++){let n=l[t];"function"==typeof n?n():a(e[t],null)}}}}function c(...e){return l.useCallback(s(...e),e)}i(a,"setRef"),i(s,"composeRefs"),i(c,"useComposedRefs");var d=Object.defineProperty,u=(e,t)=>d(e,"name",{value:t,configurable:!0});function p(e){let t=l.forwardRef((t,n)=>{let{children:r,...o}=t,i=null,a=!1,s=[];_(r)&&"function"==typeof w&&(r=w(r._payload)),l.Children.forEach(r,e=>{if(b(e)){a=!0;let t="child"in e.props?e.props.child:e.props.children;_(t)&&"function"==typeof w&&(t=w(t._payload)),i=m(e,t),s.push(i?.props?.children)}else s.push(e)}),i?i=l.cloneElement(i,void 0,s):!a&&1===l.Children.count(r)&&l.isValidElement(r)&&(i=r);let d=i?v(i):void 0,u=c(n,d);if(!i){if(r||0===r)throw Error(a?k(e):y(e));return r}let p=h(o,i.props??{});return i.type!==l.Fragment&&(p.ref=n?u:d),l.cloneElement(i,p)});return t.displayName=`${e}.Slot`,t}u(p,"createSlot");var x=p("Slot"),f=Symbol.for("radix.slottable");u(function(e){let t=u(e=>"child"in e?e.children(e.child):e.children,"Slottable");return t.displayName=`${e}.Slottable`,t.__radixId=f,t},"createSlottable");var m=u((e,t)=>{if("child"in e.props){let t=e.props.child;return l.isValidElement(t)?l.cloneElement(t,void 0,e.props.children(t.props.children)):null}return l.isValidElement(t)?t:null},"getSlottableElementFromSlottable");function h(e,t){let n={...t};for(let l in t){let r=e[l],o=t[l];/^on[A-Z]/.test(l)?r&&o?n[l]=(...e)=>{let t=o(...e);return r(...e),t}:r&&(n[l]=r):"style"===l?n[l]={...r,...o}:"className"===l&&(n[l]=[r,o].filter(Boolean).join(" "))}return{...e,...n}}function v(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(n=(t=Object.getOwnPropertyDescriptor(e,"ref")?.get)&&"isReactWarning"in t&&t.isReactWarning)?e.props.ref:e.props.ref||e.ref}function b(e){return l.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===f}u(h,"mergeProps"),u(v,"getElementRef"),u(b,"isSlottable");var g=Symbol.for("react.lazy");function _(e){return null!=e&&"object"==typeof e&&"$$typeof"in e&&e.$$typeof===g&&"_payload"in e&&j(e._payload)}function j(e){return"object"==typeof e&&null!==e&&"then"in e}u(_,"isLazyComponent"),u(j,"isPromiseLike");var y=u(e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,"createSlotError"),k=u(e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,"createSlottableError"),w=r[" use ".trim().toString()]},2036:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/ai-course/all-spots",function(){return n(5256)}])},2655:(e,t,n)=>{"use strict";function l(){let e=window.parent;return!!e.navigator.userAgent&&(null!==e.navigator.userAgent.match(/iPhone|iPad|iPod/i)||"MacIntel"===e.navigator.platform&&e.navigator.maxTouchPoints>2)}n.d(t,{a:()=>l})},3547:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});var l=n(7876),r=n(7209);function o(e){let{className:t=""}=e;return(0,l.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[(0,l.jsxs)("g",{clipPath:"url(#icon-my-location)",children:[(0,l.jsx)("path",{d:"M10.9943 18.9902C15.4103 18.9902 18.9901 15.4104 18.9901 10.9944C18.9901 6.5784 15.4103 2.99854 10.9943 2.99854C6.57828 2.99854 2.99841 6.5784 2.99841 10.9944C2.99841 15.4104 6.57828 18.9902 10.9943 18.9902Z",stroke:"currentColor",strokeWidth:"1.49922"}),(0,l.jsx)("path",{d:"M10.9943 13.493C12.3743 13.493 13.493 12.3743 13.493 10.9943C13.493 9.61431 12.3743 8.49561 10.9943 8.49561C9.61431 8.49561 8.49561 9.61431 8.49561 10.9943C8.49561 12.3743 9.61431 13.493 10.9943 13.493Z",fill:"currentColor"}),(0,l.jsx)("path",{d:"M10.9943 0.999512V4.99744",stroke:"currentColor",strokeWidth:"1.49922",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M10.9943 16.9912V20.9891",stroke:"currentColor",strokeWidth:"1.49922",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M0.999512 10.9941H4.99744",stroke:"currentColor",strokeWidth:"1.49922",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M16.9912 10.9941H20.9891",stroke:"currentColor",strokeWidth:"1.49922",strokeLinecap:"round"})]}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"icon-my-location",children:(0,l.jsx)("rect",{width:"21.9886",height:"21.9886",fill:"white"})})})]})}var i=n(2301),a=n(8217);function s(e){let{onClick:t,className:n}=e,{t:s}=(0,r.Bd)(a.VN);return(0,l.jsx)("button",{type:"button",onClick:t,"aria-label":s("my_location"),className:(0,i.cn)("flex h-[40px] w-[40px] items-center justify-center rounded-[12px] border-[1.34px] border-[#

1EEEEEE] bg-white text-[#000000] shadow-[1px_2px_2px_-4px_#0000001A,2px_7px_15px_-3px_#0000001A] active:scale-[0.98]",n),children:(0,l.jsx)(o,{})})}},3774:(e,t,n)=>{"use strict";n.d(t,{A:()=>d});var l=n(7876),r=n(1777),o=n(9394),i=n(6130),a=n(9835),s=n(9156),c=n(5611);function d(e){var t;let{onRestart:n,detail:d}=e,u=(0,r.d4)(s.q),p=(0,r.d4)(s.K2),x=(0,c.kG)(null!=(t=null==u?void 0:u.code)?t:null)||(0,a.Aw)(null==p?void 0:p.name);return(0,l.jsx)(i.A,{children:(0,l.jsx)(o.A,{isOpened:!x,detail:d,onRestart:n,onRetry:()=>window.location.reload()})})}},5123:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var l=n(4232),r=n(4161),o=n(7268);function i(e){let[t,n]=(0,l.useState)(null),[i,a]=(0,l.useState)(null),s=(0,l.useCallback)(async()=>{var t;let{status:l,coordinates:i}=await (0,o.AM)(r.$h);if(!i)return void a(l===r.$n?"denied":"unavailable");n(i),null==(t=e.current)||t.panTo(i)},[e]);return{coordinates:t,error:i,clearError:(0,l.useCallback)(()=>a(null),[]),moveToMyLocation:s}}},5256:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSP:()=>C,default:()=>S});var l=n(7876),r=n(3592),o=n(809),i=n(1213),a=n(4232),s=n(9099),c=n(1777),d=n(6130),u=n(5875),p=n(9759),x=n(3547),f=n(6449),m=n(7209),h=n(3074),v=n(6566);function b(e){let{post:t}=e;return(0,l.jsxs)("div",{className:"mt-[10px] mb-[10px] flex gap-[16px] rounded-[10px] bg-[#F8F7F4] p-[25px]",children:[(0,l.jsx)("div",{className:"relative w-[110px] shrink-0 self-start overflow-hidden rounded-[10px] ".concat(t.list_image?"":"bg-gray-200"," ").concat(v.eP),children:t.list_image&&(0,l.jsx)(h.A,{src:t.list_image,alt:t.title})}),(0,l.jsxs)("div",{className:"flex min-w-0 flex-col",children:[(0,l.jsx)("h3",{className:"mb-[5px] text-[20px] leading-[24px] font-extrabold text-[#000000]",children:t.title}),(0,l.jsx)("span",{className:"mb-[12px] text-[13px] leading-[19.5px] font-[500] text-[#555555]",children:t.location_name||""}),(0,l.jsx)("p",{className:"text-[12px] leading-[18.4px] font-[400] whitespace-pre-line text-[#333333]",children:t.description||""})]})]})}var g=n(8217);function _(e){let{post:t,categoryName:n,isExpanded:r,onToggle:o}=e,{t:i}=(0,m.Bd)(g.VN),a="self-stretch border-b py-[14px] ".concat(r?"border-[#000000]":"border-[#EEEEEE]");return(0,l.jsxs)("div",{className:"contents",children:[(0,l.jsx)("span",{"data-scroll-id":t.id,className:"text-ai-gray-300 flex items-center pr-[12px] text-[10px] leading-[15px] font-[500] tracking-[0.3px] uppercase ".concat(a),children:n?"#".concat(n):""}),(0,l.jsx)("span",{className:"min-w-0 pr-[5px] ".concat(a),children:(0,l.jsx)("button",{type:"button",onClick:o,className:"max-w-full text-left text-[14px] leading-[21px] font-bold break-words ".concat(r?"text-ai-accent-pink":"text-[#000000]"),children:t.title})}),(0,l.jsx)("span",{className:"text-ai-gray-300 flex items-center pr-[8px] text-[12px] break-words ".concat(a),children:t.location_name||""}),(0,l.jsx)("span",{className:"flex items-center ".concat(a),children:(0,l.jsx)("button",{type:"button",onClick:o,className:"text-[13px] leading-[20px] font-bold underline ".concat(r?"text-ai-accent-pink":"text-[#000000]"),children:i("check_location")})}),r?(0,l.jsx)("div",{className:"col-span-full",children:(0,l.jsx)(b,{post:t})}):null]})}var j=n(5123),y=n(7127),k=n(9678);function w(e){let{posts:t,categories:n,onBack:r}=e,{t:o}=(0,m.Bd)(g.VN),[i,s]=(0,a.useState)(null),[c,h]=(0,a.useState)(null),v=(0,a.useRef)(null),b=(0,a.useRef)(null),{coordinates:w,error:E,clearError:N,moveToMyLocation:A}=(0,j.A)(b),C=(0,k.AJ)(n),S=e=>{s(t=>t===e?null:e)};return(0,y.A)({listRef:v,targetId:c,behavior:"smooth",onScrolled:(0,a.useCallback)(()=>h(null),[])}),(0,l.jsxs)(d.A,{fit:"stretch",children:[(0,l.jsx)(p.A,{title:o("all_spots_title"),onBack:r,backLabel:o("go_back"),className:"sticky top-0 z-20"}),(0,l.jsxs)("main",{className:"flex min-h-0 flex-1 flex-col bg-white",children:[(0,l.jsxs)("div",{className:"relative shrink-0 px-5 pb-[20px]",children:[(0,l.jsx)(u.A,{posts:t,focusedPostId:i,hideNumbers:!0,hidePath:!0,highlightActivePin:!0,markerWidth:27,myLocation:w,controlRef:b,onMarkerClick:e=>{let t=i!==e.id;S(e.id),t&&h(e.id)},className:"h-[200px] w-full shrink-0 overflow-hidden rounded-[16px] bg-[#EEEEEE]"}),(0,l.jsx)(x.A,{onClick:()=>void A(),className:"absolute right-[30px] bottom-[30px] z-10"})]}),(0,l.jsx)(f.A,{error:E,onClose:N}),(0,l.jsx)("div",{ref:v,className:"flex-1 [scrollbar-width:none] overflow-y-auto overscroll-contain px-5 pb-[40px] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",children:(0,l.jsx)("div",{className:"grid grid-cols-[max-content_minmax(0,1fr)_fit-content(90px)_max-content]",children:t.map(e=>(0,l.jsx)(_,{post:e,categoryName:C(e.category_id),isExpanded:i===e.id,onToggle:()=>S(e.id)},e.id))})})]})]})}var E=n(3774),N=n(9156);function A(e){var t;let{slug:n}=e,r=(0,s.useRouter)(),o=(0,c.d4)(N.Be),i=(0,a.useMemo)(()=>{var e;return(null!=(e=null==o?void 0:o.posts)?e:[]).filter(e=>0!==e.latitude||0!==e.longitude)},[null==o?void 0:o.posts]),d=(0,a.useCallback)(()=>{r.back()},[r]);return i.length?(0,l.jsx)(w,{posts:i,categories:null!=(t=null==o?void 0:o.post_categories)?t:[],onBack:d}):(0,l.jsx)(E.A,{})}var C=!0;let S=function(e){let{slug:t}=e;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.A,{titleKey:"ai_course.title"}),(0,l.jsx)("main",{children:(0,l.jsx)(A,{slug:t})},t),(0,l.jsx)(o.A,{}),(0,l.jsx)(i.A,{})]})}}

1,6449:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});var l=n(7876),r=n(7209),o=n(305),i=n(2379),a=n(8217);function s(e){let{error:t,onClose:n}=e,{t:s}=(0,r.Bd)(a.VN),c="denied"===t,d=(0,o.A)()&&c;return(0,l.jsx)(i.A,{isOpened:!!t,title:s(c?"game_location_denied_title":"game_location_unavailable_title"),description:s(d?"location_permission_reload_description":c?"location_permission_description":"game_location_unavailable_description"),primaryButtonText:s(d?"game_location_reload":"confirm"),onPrimaryClick:d?()=>window.location.reload():n})}},7127:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});var l=n(4232);function r(e){let{listRef:t,targetId:n,behavior:r="auto",onScrolled:o}=e;(0,l.useEffect)(()=>{if(!n)return;let e=()=>{let e=t.current,l=null==e?void 0:e.querySelector('[data-scroll-id="'.concat(CSS.escape(n),'"]'));return!!e&&!!l&&(e.scrollTo({top:l.offsetTop-e.offsetTop,behavior:r}),!0)};if(e()){null==o||o();return}let l=requestAnimationFrame(()=>{e()&&(null==o||o())});return()=>cancelAnimationFrame(l)},[r,t,o,n])}},7137:(e,t,n)=>{"use strict";n.d(t,{F:()=>i});var l=n(9241);let r=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,o=l.$,i=(e,t)=>n=>{var l;if((null==t?void 0:t.variants)==null)return o(e,null==n?void 0:n.class,null==n?void 0:n.className);let{variants:i,defaultVariants:a}=t,s=Object.keys(i).map(e=>{let t=null==n?void 0:n[e],l=null==a?void 0:a[e];if(null===t)return null;let o=r(t)||r(l);return i[e][o]}),c=n&&Object.entries(n).reduce((e,t)=>{let[n,l]=t;return void 0===l||(e[n]=l),e},{});return o(e,s,null==t||null==(l=t.compoundVariants)?void 0:l.reduce((e,t)=>{let{class:n,className:l,...r}=t;return Object.entries(r).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...a,...c}[t]):({...a,...c})[t]===n})?[...e,n,l]:e},[]),null==n?void 0:n.class,null==n?void 0:n.className)}}},e=>{e.O(0,[281,809,213,184,636,593,792],()=>e(e.s=2036)),_N_E=e.O()}]);