https://www.caas.works/_next/static/chunks/7815.fc0e9b30b25dea72.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7815],{17815:function(e,t,a){a.r(t),a.d(t,{Happytalk:function(){return Happytalk}});var n=a(85893),o=a(77373),i=a(67294),r=a(73935),s=a(67421),l=a(97004),c=a(81354),d=a(5419);let u=(0,i.forwardRef)((e,t)=>(0,n.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:t,...e,children:[(0,n.jsx)("path",{d:"M1.12996 5.01484L1 5.08482V9.72345V14.1821V18.8207L10.0673 23.8493C10.3472 23.9992 10.6872 23.7993 10.6872 23.4794V19.5505L6.7683 17.3712L4.91885 16.3415V7.54409L6.7683 6.5144L10.4672 4.455C10.5972 4.38502 10.6872 4.24506 10.6872 4.08511V0.41619C10.6872 0.096284 10.3472 -0.103657 10.0673 0.0562958L1.12996 5.01484Z",fill:"currentColor"}),(0,n.jsx)("path",{d:"M18.9965 3.58533V16.3615L16.9871 17.4712V2.3357C16.9871 2.18574 16.9071 2.04578 16.7671 1.96581L13.688 0.256308C13.4081 0.106353 13.0682 0.306294 13.0682 0.626199V13.6923L10.9188 12.5027V7.15428C10.9188 6.83437 10.579 6.63443 10.299 6.78439L7 8.61385V15.2918L13.0682 18.6608V23.5794C13.0682 23.8993 13.4081 24.0992 13.688 23.9493L16.9871 22.1198L22.9153 18.8308V5.08489L19.6163 3.21544C19.3364 3.05549 18.9965 3.25543 18.9965 3.57533V3.58533Z",fill:"currentColor"})]}));u.displayName="BrandSymbol";let Happytalk=()=>{let{isInit:e}=(0,l.aC)(),{track:t}=(0,l.rS)(),{i18n:a}=(0,s.useTranslation)("intro"),p=(0,i.useRef)(null),[h,w]=(0,i.useState)(!1),[g,_]=(0,i.useState)(!1),[f,v]=(0,i.useState)(null),[b,m]=(0,i.useState)(null),k={siteId:"4000002477",siteName:"카스웍스",categoryId:"152849",divisionId:"152851"},x=(0,i.useMemo)(()=>"ko"===a.resolvedLanguage&&e,[a.resolvedLanguage,e]),E=(0,i.useCallback)(()=>{let{siteId:e,siteName:t,categoryId:a,divisionId:n}=k;return"".concat("https://design.happytalkio.com","/").concat("button","?siteId=").concat(e,"&siteName=").concat(encodeURI(t))+("&categoryId=".concat(a,"&divisionId=").concat(n)+"&params=&partnerId=&shopId=")},[]),C=(0,i.useCallback)((e,t)=>{var a;if(!(null===(a=p.current)||void 0===a?void 0:a.contentWindow))return;let n={type:e};void 0!==t&&(n.value=t),p.current.contentWindow.postMessage(n,"*")},[]),S=(0,i.useCallback)(()=>{C("OPEN_CHAT_WINDOW")},[C]),L=(0,i.useCallback)(()=>{C("CLOSE_CHAT_WINDOW"),_(!1)},[C]),y=(0,i.useCallback)(()=>{let{siteId:e}=k,t={};return["SelfCs-Client-Id_".concat(e),"happytalkio_userId_".concat(e),"happytalkio_jwtToken_".concat(e)].forEach(e=>{var a;let n=null!==(a=localStorage.getItem(e))&&void 0!==a?a:"";try{n=JSON.parse(n)}catch(e){}t[e]=n}),["happytalkio_ingRoomId_".concat(e),"happytalkio_lastChatListId_".concat(e)].forEach(e=>{var a;let n=null!==(a=localStorage.getItem(e))&&void 0!==a?a:"";try{n=JSON.parse(n)}catch(e){}t[e]=n}),t},[]);return((0,i.useEffect)(()=>{let handleMessage=e=>{let{type:a,value:n}=e.data;switch(a){case"SET_BUTTON_INFO":v(n);break;case"GET_STORAGE_VALUES":let o=y();C("SET_STORAGE_VALUE",o);break;case"SET_LOCAL_STORAGE":localStorage.setItem(n.key,n.value);break;case"REMOVE_LOCAL_STORAGE":localStorage.removeItem(n);break;case"COMPLETE_BUTTON_LOAD":w(!0);break;case"SET_CHAT_WINDOW":m(n),_(!0);break;case"UNSET_CHAT_WINDOW":_(!1),m(null);break;case"CREATE_CHAT_ROOM":C("SET_PARAMS","parameter2=".concat((0,l.S7)())),C("READY_CHAT_ROOM"),t(c.X8.happytalk_btn,{label:"happy_chat_create"})}};return window.addEventListener("message",handleMessage),()=>{window.removeEventListener("message",handleMessage)}},[y,C,t]),(0,i.useEffect)(()=>{var e;if(!h||!(null===(e=p.current)||void 0===e?void 0:e.contentWindow))return;let sendWindowSize=()=>{C("WINDOW_SIZE",{windowWidth:window.innerWidth,windowHeight:window.innerHeight})};return sendWindowSize(),window.addEventListener("resize",sendWindowSize),()=>{window.removeEventListener("resize",sendWindowSize)}},[h,C]),(0,i.useEffect)(()=>{if(x)return window.happytalk={open:S,close:L,isOpen:g,isReady:h},()=>{delete window.happytalk}},[x,S,L,g,h]),x)?(0,n.jsx)(n.Fragment,{children:(0,r.createPortal)((0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("button",{className:(0,d.cn)("fixed bottom-5 right-5 z-[99] flex w-64 cursor-pointer select-none items-center justify-center rounded-full border border-solid border-base-200 bg-white p-1.5 pl-4 shadow-xl transition-all hover:bg-base-50 active:scale-95 active:bg-base-100",g&&"z-[9999999999] w-auto pl-1.5"),onClick:()=>{g?L():S()},"aria-label":g?"채팅 창 닫기":"채팅 상담 시작",children:[(0,n.jsx)("div",{className:(0,d.cn)("flex-1 overflow-hidden px-2 text-center text-lg font-semibold text-base-800 transition-all",g&&"w-0 whitespace-nowrap p-0"),children:"무엇이든 물어보세요!"}),(0,n.jsx)("div",{className:(0,d.cn)("flex size-11 items-center justify-center rounded-full bg-primary-600 text-white",g&&"size-10 bg-transparent text-base-700"),children:g?(0,n.jsx)(o.Z,{className:"duration-300 animate-in spin-in-90"}):(0,n.jsx)(u,{})})]}),(0,n.jsx)("iframe",{ref:p,id:"HappytalkIframe",src:E(),title:"채팅상담",className:"pointer-events-auto",style:{colorScheme:"light",margin:"0px",zIndex:g?999999999:-1,width:b?"".concat(b.width+20,"px"):f?"".concat(f.size+20,"px"):"1px",height:b?"".concat(b.height+b.size+10+20,"px"):(null==f?void 0:f.chatButtonsHeight)?"".concat(f.chatButtonsHeight+20,"px"):"1px",position:"fixed",left:"auto",right:16,bottom:16,border:"none",opacity:h?1:0,transition:"opacity 0.3s ease"}})]}),document.body)}):null}},77373:function(e,t,a){a.d(t,{Z:function(){return n}});/**
2 * @license @tabler/icons-react v3.17.0 - MIT
3 *
4 * This source code is licensed under the MIT license.
5 * See the LICENSE file in the root directory of this source tree.
6 */var n=(0,a(33733).Z)("outline","x","IconX",[["path",{d:"M18 6l-12 12",ke

6y:"svg-0"}],["path",{d:"M6 6l12 12",key:"svg-1"}]])}}]);