https://tarotmoon.co.kr/_next/static/chunks/3789-783e5371f094b795.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3789],{44070:(n,t,e)=>{e.d(t,{A:()=>u});var i,o,a=e(32228),s=e(62341),r=e(45709),l=e(88483),c={Container:(0,s.A)(r.A)(i||(i=(0,a.A)(["\n    display: flex;\n    height: fit-content;\n    border-radius: 4px;\n    cursor: default;\n    background-color: var(--V02);\n    justify-content: center;\n    margin: 0 4px;\n    padding: 3px 5px;\n  "]))),Title:(0,s.A)(l.A)(o||(o=(0,a.A)(["\n    display: flex;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: normal;\n    color: var(--V11);\n  "])))},d=e(37876);let u=function(n){var t=n.title;return(0,d.jsx)(c.Container,{children:(0,d.jsx)(c.Title,{children:t})})}},47406:(n,t,e)=>{e.d(t,{A:()=>g}),e(14232);var i,o,a,s,r,l=e(32228),c=e(62341),d=e(45709),u=e(88483),h={Container:(0,c.A)(d.A)(i||(i=(0,l.A)(["\n    display: flex;\n    border-radius: 8px;\n    background: transparent;\n    background-color: rgba(0, 0, 0, 0.4);\n    justify-content: center;\n    margin: 0;\n  "]))),StatusContainer:(0,c.A)(d.A)(o||(o=(0,l.A)(["\n    display: flex;\n    width: 100%;\n    height: 100%;\n    padding: 4px;\n    justify-content: center;

1\n    align-items: center;\n  "]))),Status:(0,c.A)(d.A,{shouldForwardProp:function(n){return"color"!==n}})(a||(a=(0,l.A)(["\n    display: flex;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    justify-content: center;\n    align-items: center;\n    background-color: ",";\n  "])),function(n){return""!==n.color?"".concat(n.color):"#27e86b"}),StatusIcon:(0,c.A)(d.A)(s||(s=(0,l.A)(["\n    display: flex;\n    width: 16px;\n    height: 16px;\n    justify-content: center;\n    align-items: center;\n  "]))),StatusText:(0,c.A)(u.A)(r||(r=(0,l.A)(["\n    display: flex;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: normal;\n    color: var(--white);\n  "])))},x=e(37876);let g=function(n){var t=n.title,e=n.status;return(0,x.jsx)(h.Container,{children:(0,x.jsxs)(h.StatusContainer,{children:[(0,x.jsx)(h.StatusIcon,{children:(0,x.jsx)(h.Status,{color:e})}),(0,x.jsx)(h.StatusText,{children:t})]})})}},63789:(n,t,e)=>{e.d(t,{A:()=>D});var i,o,a,s,r,l,c,d,u,h,x,g,p,A,f,m,w,y,j,C,v=e(42969),b=e(3061),S=e(93036),_=e(6581),k=e(93579),I=e(89099),M=e(14232),T=e(28496),N=e(40286),P=e(44070),B=e(89372),L=e(47406),E=e(94077),V=e(14873),z=e(70135),R=e(32228),$=e(62341),G=e(45709),O=e(88483),F={Container:(0,$.A)(G.A)(i||(i=(0,R.A)(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    margin: 12px 0;\n    height: 100%;\n    cursor: pointer;\n    transition: all 0.25s ease-in-out;\n\n    &:hover {\n      transform: scale(1.025);\n      -webkit-transform: scale(1.025);\n      -moz-transform: scale(1.025);\n      -ms-transform: scale(1.025);\n      -o-transform: scale(1.025);\n    }\n  "]))),ImageContainer:(0,$.A)(G.A,{shouldForwardProp:function(n){return"web_image_main"!==n}})(o||(o=(0,R.A)(["\n    display: flex;\n    width: 100%;\n    padding-bottom: 37.595%;\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n    background-color: var(--PG300);\n    background-image: url('","');\n    background-size: 100%;\n  "])),function(n){return n.web_image_main||""}),MasterImage:(0,$.A)(G.A)(a||(a=(0,R.A)(["\n    display: flex;\n    width: 100%;\n    height: 100%;\n  "]))),StatusContainer:(0,$.A)(G.A)(s||(s=(0,R.A)(["\n    display: flex;\n    width: 100%;\n    height: 100%;\n    padding: 12px;\n    align-items: flex-start;\n    justify-content: flex-start;\n  "]))),MasterInfoContainer:(0,$.A)(G.A)(r||(r=(0,R.A)(["\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    width: 100%;\n    height: 100%;\n    padding: 16px;\n    border-bottom-left-radius: 16px;\n    border-bottom-right-radius: 16px;\n    background-color: var(--white);\n    border: 1px solid var(--PG200);\n    box-shadow: 0 6px 10px rgb(0, 0, 0, 0.1);\n  "]))),MasterCounselType:(0,$.A)(G.A)(l||(l=(0,R.A)(["\n    display: flex;\n    width: fit-content;\n    height: fit-content;\n    justify-content: flex-end;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n    margin: 0;\n  "]))),MasterNameBox:(0,$.A)(G.A)(c||(c=(0,R.A)(["\n    width: 100%;\n    height: fit-content;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  "]))),MasterNameContainer:(0,$.A)(G.A)(d||(d=(0,R.A)(["\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n  "]))),MasterNameText:(0,$.A)(O.A)(u||(u=(0,R.A)(["\n    font-size: 14px;\n    font-weight: bold;\n    line-height: 20px;\n    letter-spacing: normal;\n    color: var(--PG800);\n    text-align: left;\n  "]))),MasterIdText:(0,$.A)(O.A)(h||(h=(0,R.A)(["\n    font-size: 14px;\n    font-weight: bold;\n    line-height: 20px;\n    letter-spacing: normal;\n    color: var(--P500);\n    text-align: left;\n  "]))),StyledMasterCounselType:(0,$.A)(G.A)(x||(x=(0,R.A)(["\n    width: 100%;\n    height: 20px;\n    text-align: right;\n    justify-content: right;\n    align-content: flex-end;\n    gap: 4px;\n    margin-right: auto;\n\n    .counselTypeIcon {\n      width: 16px;\n      height: 16px;\n      margin: 2px 0;\n    }\n  "]))),MasterShortMessageText:(0,$.A)(O.A)(g||(g=(0,R.A)(["\n    font-size: 12px;\n    font-weight: normal;\n    line-height: 16px;\n    letter-spacing: normal;\n    color: var(--PG800);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-line-clamp: 1;\n  "]))),MasterShortMessage:(0,$.A)(G.A)(p||(p=(0,R.A)(["\n    display: flex;\n    width: 100%;\n    margin: 8px 0 12px 0;

1\n    align-items: flex-start;\n    justify-content: flex-start;\n  "]))),ReviewAndTypeContainer:(0,$.A)(G.A)(A||(A=(0,R.A)(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n  "]))),CategoryLabel:(0,$.A)(G.A)(f||(f=(0,R.A)(["\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    width: 100%;\n  "]))),StarReviewCountContainer:(0,$.A)(G.A)(m||(m=(0,R.A)(["\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    height: 20px;\n  "]))),StarIcon:(0,$.A)(G.A)(w||(w=(0,R.A)(["\n    display: flex;\n    width: 20px;\n    height: 20px;\n  "]))),StarCount:(0,$.A)(O.A)(y||(y=(0,R.A)(["\n    font-size: 14px;\n    font-weight: bold;\n    line-height: 20px;\n    letter-spacing: normal;\n    color: var(--PG800);\n  "]))),StarReviewCount:(0,$.A)(O.A)(j||(j=(0,R.A)(["\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: normal;\n    color: var(--PG600);\n  "]))),ButtonContainer:(0,$.A)(G.A)(C||(C=(0,R.A)(["\n    width: 100%;\n    margin-top: 16px;\n    padding-top: 16px;\n  "])))},H=e(37876);let D=function(n){var t,e,i,o=n.master,a=n.isShowCounselType,s=n.isShowCounselButton,r=(0,I.useRouter)(),l=(0,k.d)().openAppDownload,c=(0,M.useState)(!1),d=c[0],u=c[1],h=(0,M.useState)(!1),x=h[0],g=h[1],p=(0,M.useState)(!1),A=p[0],f=p[1],m=(0,M.useState)(!1),w=m[0],y=m[1],j=(0,M.useState)(!1),C=j[0],R=j[1],$=(0,M.useState)(null),G=$[0];$[1];var O=(0,M.useState)(!1),D=O[0],J=O[1],X=function(){u(!0)},q=function(){g(!0)},K=function(){f(!0)},Q=function(){f(!1)},U=function(){u(!1),g(!1),f(!1)},W=function(){J(!0),r.push("/login")},Y=function(){J(!1)},Z=null!==o.review_count&&void 0!==o.review_count?(0,N.N)(o.review_count):"-";return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)(F.Container,{onClick:function(){var n="masterHistory",t=localStorage.getItem(n),e=t?JSON.parse(t):[];e.unshift(o.id),localStorage.setItem(n,JSON.stringify(e)),r.push("/master/info/?id=".concat(o.id),void 0,{shallow:!0})},children:[(0,H.jsx)(F.ImageContainer,{web_image_main:o.web_image_main||void 0,children:(0,H.jsx)(F.MasterImage,{children:(0,H.jsx)(F.StatusContainer,{children:(t=(0,v.A)((0,v.A)((0,v.A)({},_.$4.AVAILABLE,{width:52,title:E.zI,status:"#27e86b"}),_.$4.IN_PROGRESS,{width:40,title:E.Hm,status:"#ffbb00"}),_.$4.ABSENT,{width:40,title:E.VP,status:"rgb(255, 255, 255, 0.3)"})[o.phone_status])?(0,H.jsx)(L.A,{width:t.width,title:t.title,status:t.status}):null})})}),(0,H.jsxs)(F.MasterInfoContainer,{children:[(0,H.jsxs)(F.MasterNameBox,{children:[(0,H.jsxs)(F.MasterNameContainer,{children:[(0,H.jsx)(F.MasterNameText,{children:o.name}),(0,H.jsx)(F.MasterIdText,{children:o.num})]}),a&&(0,H.jsx)(F.MasterCounselType,{children:(e=[],[{condition:o.phone_status===_.$4.AVAILABLE,src:"phoneCall.svg",alt:"Phone Call",key:"phone"},{condition:o.message===_.$4.AVAILABLE,src:"counsulting.svg",alt:"Message",key:"message"},{condition:o.chat===_.$4.AVAILABLE,src:"chat.svg",alt:"Chat",key:"chat"},{condition:o.voice===_.$4.AVAILABLE,src:"voice.svg",alt:"Voice",key:"voice"},{condition:o.video,src:"video.svg",alt:"Video",key:"video"}].forEach(function(n){var t=n.condition,i=n.src,o=n.alt,a=n.key;t&&e.push((0,H.jsx)("img",{src:"".concat("https://tarotmoon.co.kr/images","/icon/counselType/").concat(i),alt:o,width:16,height:16,className:"counselTypeIcon"},a))}),e)})]}),o.short_msg&&(0,H.jsx)(F.MasterShortMessage,{children:(0,H.jsxs)(F.MasterShortMessageText,{children:['"',o.short_msg,'"']})}),(0,H.jsxs)(F.ReviewAndTypeContainer,{children:[(0,H.jsxs)(F.StarReviewCountContainer,{children:[(0,H.jsx)(F.StarIcon,{children:(0,H.jsx)("img",{src:"".concat("https://tarotmoon.co.kr/images","/icon/star/icon-star.svg"),alt:"Star",width:20,height:20,className:"starIcon"})}),(0,H.jsx)(F.StarCount,{children:null!=(i=o.average_star)?i:"-"}),null!==o.review_count&&(0,H.jsxs)(F.StarReviewCount,{children:["(",Z,")"]})]}),(0,H.jsx)(F.CategoryLabel,{children:o.master_consult_category&&o.master_consult_category.length>0&&o.master_consult_category.slice(0,3).map(function(n){return(0,H.jsx)(P.A,{title:n.code_name},n.order)})})]}),s&&(0,H.jsx)(F.ButtonContainer,{children:function(){if(!s)return null;var n=o.phone_status;return n===_.$4.AVAILABLE?(0,H.jsx)(b.A,{type:n,onClick:X}):n===_.$4.IN_PROGRESS?(0,H.jsx)(b.A,{type:n,onClick:q}):n===_.$4.ABSENT?(0,H.jsx)(b.A,{type:n,onClick:K}):null}()})]})]}),d&&(0,H.jsx)(V.A,{master:o,isOpen:d,onClose:function(){u(!1)}}),x&&(0,H.jsx)(S.A,{isOpen:x,title:"알림설정",message:"대기 알림은 앱에서 설정할 수 있어요. \n 앱에서는 알림 설정 뿐만 아니라 채팅, 음성, 화상상담과 무료 타로점, 상담중 직접 카드뽑기 등 다양한 기능을 편리하게 사용할 수 있어요.",buttonText:"앱 다운로드",onClick:function(){l(),g(!1)},onClose:function(){g(!1)}}),A&&(null===(0,T.iD)()?(0,H.jsx)(S.A,{isOpen:D,message:"로그인이 필요해요.",buttonText:"로그인",onClick:W,onClose:Y}):(0,H.jsx)(z.A,{master_id:Number(o.id),status:A,isModalClose:Q,SuccessAlert:Q,getPreventGoBack:function(){U()}})),w&&(0,H.jsx)(B.A,{title:"알림",text:"휴대폰에서만 바로 연결할 수 있어요.",button:"확인",handleClose:function(){y(!1)}}),C&&(0,H.jsx)(B.A,{title:"알림",text:G||"오류가 발생했습니다.",button:"확인",handleClose:function(){R(!1),r.reload()}}),D&&(0,H.jsx)(S.A,{isOpen:D,message:"로그인이 필요해요.",buttonText:"로그인",onClick:W,onClose:Y})]})}},94077:(n,t,e)=>{e.d(t,{Hm:()=>o,MX:()=>s,VP:()=>a,zI:()=>i});var i="상담가능",o="상담중",a="부재중",s="-"}}]);