"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7152],{"2J3H":function(e,t,a){a.d(t,{Z:function(){return es}});var o=a("BGKE"),n=a("q1tI"),i=a("Wgwc"),r=a.n(i),s=a("p46w"),l=a.n(s),c=a("09QT"),d=a("oQBk"),h=a("nGnw"),m=a("d2lK"),u=a("q9DY"),g=a("t/pd"),p=a("Eso5"),f=a("kfjY"),b=a("LES+"),x=a("mAfZ"),y=a("raAP"),v=a("hXNO"),k=a("rIrU"),C=a("AeFk"),B=a("/npG"),S=a("mYVa");let Z=(0,C.F4)({from:{opacity:1,transform:"scale(0)"},to:{opacity:0,transform:"scale(1)"}});var N=(0,B.k)((e,t)=>{let{bgImage:a,expandWidget:o,showAnimation:n}=t;return{root:{position:"fixed",bottom:(0,S.h)(16),right:(0,S.h)(16),[e.fn.largerThan("sm")]:{bottom:(0,S.h)(32),right:(0,S.h)(32)}},wrapper:{position:"relative",display:"flex",flexDirection:"row-reverse",alignItems:"center",gap:(0,S.h)(8),".ripple":{position:"absolute",width:"120px",height:"120px",zIndex:-1,left:"50%",top:"50%",opacity:"0",margin:"-60px 0 0 -60px",borderRadius:"100px",backgroundColor:"#ed184f",backgroundImage:"linear-gradient(90deg, #fd5581, #fd8b55)",...n&&{animation:"".concat(Z," 1.8s infinite"),"&:nth-child(2)":{animationDelay:".3s"}}}},widget:{boxShadow:"0 24px 32px 0px #0000001a",[e.fn.smallerThan("sm")]:{...o&&{borderRadius:0}},[e.fn.largerThan("sm")]:{borderRadius:(0,S.h)(16),width:(0,S.h)(480),height:(0,S.h)(640)}},widgetHeader:{},widgetAction:{},welcomeBox:{position:"absolute",right:"10%",bottom:"25%",cursor:"pointer",[e.fn.largerThan("md")]:{right:"35%",bottom:"35%"}},welcomeBoxInner:{backgroundImage:"url(".concat(a,")"),backgroundSize:"contain",backgroundRepeat:"no-repeat",width:(0,S.h)(210),height:(0,S.h)(159),padding:"".concat((0,S.h)(8)," ").concat((0,S.h)(50)," ").concat((0,S.h)(16)," ").concat((0,S.h)(22)),[e.fn.largerThan("sm")]:{padding:"".concat((0,S.h)(6)," ").concat((0,S.h)(30)," ").concat((0,S.h)(16)," ").concat((0,S.h)(18))}},welcomeText:{color:"#fff"},welcomeClose:{position:"absolute",left:(0,S.h)(-9),top:(0,S.h)(-9),border:"3px solid transparent",borderRadius:"50%",backgroundColor:e.colors.gray[8]},indicatorCommon:{width:(0,S.h)(12),height:(0,S.h)(12),bottom:0,right:(0,S.h)(12),top:"auto"},indicatorIndicator:{pointerEvents:"none"},popoverDropdown:{padding:0,border:0,backgroundColor:"transparent",position:"fixed!important",[e.fn.smallerThan("sm")]:{...o?{top:"0!important",bottom:"0!important"}:{top:"auto!important",bottom:"16px!important"}},[e.fn.largerThan("sm")]:{top:"auto!important",bottom:"32px!important"}}}});let T=(0,n.createContext)({});var w=a("wp0n"),A=(0,B.k)(e=>({root:{}}));let TypeWritingEffect=e=>{let{text:t,delay:a=30,className:i,...r}=e,[s,l]=(0,n.useState)(""),[c,d]=(0,n.useState)(0),{classes:h,cx:m}=A(void 0,{name:"TypeWritingEffect"});return(0,n.useEffect)(()=>{if(c<t.length){let e=setTimeout(()=>{l(e=>e+t[c]),d(e=>e+1)},a);return()=>clearTimeout(e)}},[c,a,t]),(0,o.tZ)(w.T,{className:m(i,h.root),...r,children:s})};var I=(0,B.k)(e=>({root:{borderRadius:"inherit",background:e.colors.neutral[0],display:"flex",flexDirection:"column",height:"100%"},header:{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit",flexShrink:0},footer:{},body:{overflowY:"hidden",height:"100%"},bodyWrapper:{}}));let ChatContainer=e=>{let{header:t,children:a,styles:n,classNames:i,className:r,...s}=e,{classes:l,cx:c}=I(void 0,{name:"AIChatBotWidget__ChatContainer",styles:n,classNames:i});return(0,o.BX)(p.x,{className:c(r,l.root),...s,children:[t&&(0,o.tZ)(p.x,{className:l.header,children:t}),(0,o.tZ)(p.x,{className:l.body,children:a})]})};var E=a("8wjV"),R=(0,B.k)(()=>({root:{display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:"inherit",backgroundColor:"#EA0029",padding:"".concat((0,S.h)(8)," ").concat((0,S.h)(16)),".cs-conversation-header__user-name":{backgroundColor:"transparent"},".cs-conversation-header__avatar":{width:(0,S.h)(32),height:(0,S.h)(32),marginRight:(0,S.h)(8),".cs-avatar":{width:(0,S.h)(32)}}},info:{display:"flex",alignItems:"center",gap:(0,S.h)(8)},name:{color:"#fff"},closeBtn:{marginRight:(0,S.h)(-10),marginTop:(0,S.h)(-6),marginBottom:(0,S.h)(-6),"svg path":{fill:"#fff"}}})),_=a("fdQd");(0,C.F4)({from:{width:"100%"},to:{width:"140%"}});var z=(0,B.k)((e,t)=>{let{borderSize:a,maxWidthPercent:o}=t;return{root:{borderRadius:"50%",border:"".concat(a,"px solid transparent"),...a>0&&{backgroundImage:"linear-gradient(143.34deg, #BA0711 9.97%, #FF676F 49.87%, #B2050F 89.78%)"},cursor:"pointer","&, *":{transition:"all .3s ease !important"}},avatarRoot:{position:"relative",borderRadius:"inherit",display:"flex",justifyContent:"center",alignItems:"center","&:before":{content:'""',position:"absolute",width:"100%",height:"100%",backgroundImage:"linear-gradient(90deg, #E3BE52 0%, #FCE7A3 21.89%, #EDC255 50.25%, #FADB7D 79.29%, #E5BA47 93.5%)"}},avatarImage:{position:"relative",zIndex:1,borderRadius:"inherit",maxWidth:"".concat(o,"%"),maxHeight:"".concat(o,"%")}}});let AvatarFocus=e=>{let{borderSize:t=1,avatarSize:a=32,maxWidthPercent:i=80,className:r,classNames:s,styles:l,onClick:c,...d}=e,{avatar:h}=(0,n.useContext)(T),{classes:m,cx:u}=z({borderSize:t,maxWidthPercent:i},{name:"AIChatBotWidget__ConversationHeader",classNames:s,styles:l});return(0,o.tZ)(p.x,{className:u(m.root,r),...d,onClick:c,children:(0,o.tZ)(_.A,{size:a,src:h,classNames:{root:m.avatarRoot,image:m.avatarImage}})})},ConversationHeader=e=>{let{headingTag:t=(0,o.tZ)(w.T,{}),styles:a,classNames:i,className:r,onClose:s,...l}=e,{name:c}=(0,n.useContext)(T),{classes:d,cx:h}=R(void 0,{name:"AIChatBotWidget__ConversationHeader",styles:a,classNames:i});return(0,o.BX)(p.x,{className:h(d.root,r),...l,children:[(0,o.BX)(p.x,{className:d.info,children:[(0,o.tZ)(AvatarFocus,{}),n.cloneElement(t,{size:"s3",className:d.name,children:c})]}),s&&(0,o.tZ)(E.B,{color:"#EA0029",leftIcon:(0,o.tZ)(u.Z,{}),className:d.closeBtn,onClick:()=>null==s?void 0:s()})]})};var D=(0,B.k)((e,t)=>{let{expandWidget:a}=t;return{root:{[e.fn.largerThan("sm")]:{...!a&&{height:"auto"}}},header:{},action:{},starterBox:{},scrollBody:{}}}),M=a("dDsW"),W=a("CJtR"),F=a("0VOb"),X=a("P5LW"),H=(0,B.k)(()=>({root:{display:"flex",flexDirection:"column",gap:(0,S.h)(12)},timeBar:{textAlign:"center"},highlightMessage:{cursor:"pointer"},errorTxt:{},indicator:{},action:{},scrollBody:{}})),L=a("xjta"),j=(0,B.k)((e,t)=>{let{expandWidget:a}=t;return{root:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-between",gap:(0,S.h)(0)},header:{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit",flexShrink:0},footer:{},bodyWrapper:{},action:{padding:"".concat((0,S.h)(12)," ").concat((0,S.h)(16)),...!a&&{paddingTop:0},flexShrink:0,display:"flex",flexDirection:"column",gap:(0,S.h)(12),[e.fn.largerThan("sm")]:{padding:(0,S.h)(16)}},scrollArea:{height:"100%",overflowY:"auto",...!a&&{maxHeight:(0,S.h)(250)}},scrollBody:{padding:(0,S.h)(16),paddingBottom:0,"*":{overflowAnchor:"none"},"#anchor":{overflowAnchor:"auto",height:"1px"},[e.fn.largerThan("sm")]:{"::-webkit-scrollbar":{width:(0,S.h)(6)},"::-webkit-scrollbar-track":{background:"transparent"},"::-webkit-scrollbar-thumb":{background:e.colors.neutral[3],borderRadius:(0,S.h)(6)}}}}});let ChatBody=e=>{let{action:t,actionState:a,children:i,styles:r,classNames:s,className:l,scrollToBottom:c,...d}=e,{expandWidget:h}=(0,n.useContext)(T),{classes:m,cx:u}=j({expandWidget:h},{name:"AIChatBotWidget__ChatBody",styles:r,classNames:s}),[g,f]=(0,L.y)();return(0,n.useEffect)(()=>{c&&g.current&&(g.current.scrollTop=g.current.scrollHeight)},[f.height]),(0,o.BX)(p.x,{className:u(m.root,l),...d,children:[(0,o.tZ)(p.x,{className:m.scrollArea,children:(0,o.BX)(p.x,{className:m.scrollBody,ref:g,children:[i,(0,o.tZ)("div",{id:"anchor"})]})}),(0,o.BX)(p.x,{className:m.action,children:[a&&(0,o.tZ)(p.x,{children:a}),(0,o.tZ)(p.x,{children:t})]})]})};var P=a("DEkF"),O=a("ft6n"),Y=(0,B.k)(()=>({root:{borderRadius:(0,S.h)(8),gap:(0,S.h)(2),background:"linear-gradient(90deg, #F5D796 0%, #F5DDA0 13.5%, #FEF8CF 21.89%, #F8D694 50.25%, #F4DB9D 69.5%, #FEF8CF 79.29%, #EEC981 93.5%)\n      ",padding:"".concat((0,S.h)(8)," ").concat((0,S.h)(12)),color:"#EA0029"},heading:{color:"#EA0029"},description:{color:"#EA0029"},icon:{flexShrink:0},header:{display:"flex",justifyContent:"space-between"}}));let HightlightMessage=e=>{let{heading:t,description:a,withArrow:n=!0,styles:i,classNames:r,className:s,onClick:l,...c}=e,{classes:d,cx:h}=Y(void 0,{name:"AIChatBotWidget__VoucherMessage",styles:i,classNames:r});return(0,o.BX)(p.x,{className:h(d.root,s),...c,onClick:l,children:[(0,o.BX)(p.x,{className:d.header,children:[t&&(0,o.tZ)(P.H,{className:d.heading,tag:"h6",children:t}),n&&(0,o.tZ)(O.I.ArrowRightTail,{className:d.icon,size:20,useCurrentColor:!0})]}),a&&(0,o.tZ)(w.T,{className:d.description,size:"n1",children:a})]})};var K=a("WFk/"),G=(0,B.k)((e,t)=>{let{isIncomming:a}=t;return{root:{display:"flex",gap:(0,S.h)(8),alignItems:"flex-start",...!a&&{borderBottomRightRadius:0,alignSelf:"flex-end"},[e.fn.largerThan("sm")]:{maxWidth:a?"calc(100% - 40px)":"calc(100% - 80px)"},".content":{borderRadius:(0,S.h)(16),backgroundColor:a?"#fff":"#FBE6E6",padding:"".concat((0,S.h)(8)," ").concat((0,S.h)(12)),textAlign:"left","&:is(button)":{cursor:"pointer"},...a?{borderTopLeftRadius:0}:{borderBottomRightRadius:0}}},avatar:{flexShrink:0},contentWrapper:{display:"flex",flexDirection:"column",gap:(0,S.h)(8)}}});let J=n.memo(e=>{let{type:t,message:a,styles:n,classNames:i,className:r,...s}=e,l=(0,v.d)(),c="incoming"===t||"incomingWithNoAvatar"===t,{classes:d,cx:h}=G({isIncomming:c},{name:"AIChatBotWidget__Message",styles:n,classNames:i});return a?(0,o.BX)(p.x,{className:h(d.root,r),style:n,...s,children:[c&&(0,o.tZ)(AvatarFocus,{className:d.avatar,avatarSize:28,borderSize:0,sx:{..."incomingWithNoAvatar"===t&&{visibility:"hidden"}}}),(0,o.tZ)("div",{className:d.contentWrapper,children:"string"==typeof a?(0,o.tZ)(w.T,{size:l?"p3":"p4",className:"content",as:"div",children:(0,o.tZ)(K.U,{children:a})}):a})]}):null});var U=a("f8uB"),V=a("O54g"),q=(0,B.k)(e=>({root:{display:"flex",flexDirection:"column",gap:(0,S.h)(4)},inputRoot:{position:"relative"},inputInput:{width:"100%",height:(0,S.h)(46),lineHeight:(0,S.h)(28),fontSize:(0,S.h)(14),paddingLeft:(0,S.h)(14),paddingRight:(0,S.h)(50),borderRadius:(0,S.h)(8),backgroundColor:"#fff",border:"1px solid ".concat(e.colors.neutral[2]),"&:focus":{boxShadow:"0px 0px 0px 2px #91caff",borderColor:"#2d87f3"}},rightSection:{position:"absolute",top:0,right:0,bottom:0,display:"flex",alignItems:"center"},disclaimer:{display:"flex",gap:(0,S.h)(4)},disclaimerText:{fontSize:(0,S.h)(10),lineHeight:(0,S.h)(16)},disclaimerIcon:{flexShrink:0,marginTop:(0,S.h)(1)},input:{},submitBtn:{width:(0,S.h)(40),backgroundColor:"transparent","&[data-disabled]":{backgroundColor:"transparent",svg:{opacity:.2}}}}));let MessageInput=e=>{let{children:t,disabled:a,styles:i,classNames:r,className:s,onSubmit:l,...c}=e,{formatMessage:d}=(0,M.Z)(),{classes:h,cx:m}=q(void 0,{name:"AIChatBotWidget__MessageInput",styles:i,classNames:r}),{expandWidget:u}=(0,n.useContext)(T),[g,f]=(0,n.useState)(""),b=(0,n.useCallback)(e=>{if(e.preventDefault(),a)return!1;g&&(l({message:g}),f(""))},[g]);return(0,o.BX)("form",{className:m(h.root,s),onSubmit:b,...c,children:[(0,o.BX)(p.x,{className:h.inputRoot,children:[(0,o.tZ)("input",{type:"text",value:g,onChange:e=>f(e.target.value),className:h.inputInput,name:"input-message",placeholder:d({id:"chatbot.inputPlaceholder"})}),(0,o.tZ)(p.x,{className:h.rightSection,children:(0,o.tZ)(E.B,{className:m(h.submitBtn),disabled:a,type:"submit",variant:"white",leftIcon:(0,o.tZ)(V.Z,{size:24})})})]}),u&&(0,o.BX)(p.x,{className:h.disclaimer,children:[(0,o.tZ)(U.Z,{size:14,className:h.disclaimerIcon}),(0,o.tZ)(w.T,{size:"n1",className:h.disclaimerText,children:d({id:"chatbot.disclaimer"})})]})]})};async function readMessageStream(e,t){let a=e.getReader(),o=new TextDecoder,n=[];for(;;){let{done:e,value:i}=await a.read();if(e)break;if(i){let e=o.decode(i);n.push(e),null==t||t(e)}}let i=n.join("");return formatStream(i)}let formatStream=e=>{let t=e.split("\n\n").filter(Boolean),a=t.map(e=>{let t=JSON.parse(e.replace("data: ",""));return"MESSAGE"===t.event?t.message.content:""});return a.join("")};function StreamingMessage(e){let{stream:t}=e,[a,i]=(0,n.useState)("");return(0,n.useEffect)(()=>{t.locked||readMessageStream(t,e=>{i(t=>t+formatStream(e))})},[t]),(0,o.tZ)(J,{type:"incoming",message:a})}var Q=a("3Pfo");let TimeBar=e=>{let{date:t,...a}=e,{locale:i}=(0,X.h)(),{formatMessage:s}=(0,M.Z)(),l=(0,n.useMemo)(()=>r()(t),[t]);return t?(0,o.tZ)(p.x,{...a,children:(0,o.BX)(w.T,{size:"s4",sx:{padding:"4px 12px"},children:[l.isBefore(r()().subtract(1,"week"))?l.format(Q.TT[i]):l.isSame(r()().subtract(1,"day"),"day")?s({id:"searchPage.yesterday"}):l.isSame(r()(),"day")?s({id:"searchPage.today"}):l.format("dddd")," ",l.format("HH:mm")]})}):null},$=(0,C.F4)({"0%":{transform:"translateY(0px)"},"28%":{transform:"translateY(-5px)"},"44%":{transform:"translateY(0px)"}});var ee=(0,B.k)(e=>({root:{"& .cs-typing-indicator":{boxSizing:"content-box",fontSize:"0.9em",display:"flex",gap:(0,S.h)(8),alignItems:"stretch",".indicator":{boxSizing:"inherit",display:"flex",alignItems:"center"},".dot":{boxSizing:"inherit",animation:"".concat($," 1.3s infinite ease-in-out"),borderRadius:"50%",display:"inline-block",height:(0,S.h)(4),width:(0,S.h)(4),backgroundColor:e.colors.blue[8]},".dot:not(:last-child)":{marginRight:(0,S.h)(3)},".dot:nth-of-type(1)":{boxSizing:"inherit"},".dot:nth-of-type(2)":{animationDelay:"300ms"},".dot:nth-of-type(3)":{animationDelay:"400ms"},".text":{fontStyle:"italic"}}}}));let TypingIndicator=e=>{let{children:t,styles:a,classNames:i,className:r,...s}=e,{formatMessage:l}=(0,M.Z)(),{name:c}=(0,n.useContext)(T),{classes:d,cx:h}=ee(void 0,{name:"AIChatBotWidget__TypingIndicator",styles:a,classNames:i});return(0,o.tZ)(p.x,{className:h(d.root,r),...s,children:(0,o.BX)("div",{className:"cs-typing-indicator",children:[(0,o.BX)("div",{className:"indicator",children:[(0,o.tZ)("div",{className:"dot"}),(0,o.tZ)("div",{className:"dot"}),(0,o.tZ)("div",{className:"dot"})]}),(0,o.tZ)(w.T,{size:"n1",className:"text",children:l({id:"chatbot.isTypingState"},{name:c})})]})})},MessageList=e=>{var t;let{starterMessage:a,children:i,styles:r,classNames:s,className:c,...h}=e,{formatMessage:m}=(0,M.Z)(),{locale:u,query:g}=(0,X.h)(),{utm_campaign:f="",utm_medium:b="",utm_source:x=""}=g,{classes:C}=H(void 0,{name:"AIChatBotWidget__MessageList",styles:r,classNames:s}),B=(0,y.U)(),{showHighlightMessage:Z,chatId:N,messageList:A,numberToShowHighlightMess:I,onClickHighlightMess:E,expandWidget:R,setExpandWidget:_}=(0,n.useContext)(T),z=(0,v.d)(),[D,L]=(0,n.useState)(!1),[j,P]=(0,n.useState)(),[O,Y]=(0,n.useState)(!1),[K,G]=(0,n.useState)(A||[]),[U,V]=(0,n.useState)(!1),[q,Q]=(0,n.useState)(!1),$=(0,n.useRef)([{id:1,content:"Anak saya diare setelah minum susu, kenapa ya?",priority:4},{id:2,content:"Apakah anak batuk setelah minum susu termasuk reaksi alergi susu?",priority:5},{id:3,content:"Bagaimana cara mengatasi gejala tidak cocok susu sapi pada si Kecil?",priority:1},{id:4,content:"Apakah ada alternatif susu yang aman untuk si Kecil yang tidak cocok susu sapi?",priority:3},{id:5,content:"Bagaimana cara memastikan si Kecil mendapatkan nutrisi yang cukup jika tidak bisa mengonsumsi susu sapi?",priority:2}]);(0,n.useEffect)(()=>{if(A){var e;G(A||[]),1===A.length&&(null==A?void 0:null===(e=A[0])||void 0===e?void 0:e.message)&&"string"==typeof A[0].message&&ee(A[0].message)}},[A]),(0,n.useEffect)(()=>{Z&&!q&&ea()},[K]);let ee=(0,n.useCallback)(async e=>{V(!1),e&&et(e)},[]),et=(0,n.useCallback)(async e=>{L(!0),Y(!0),R||_(!0),fetch((0,W.Zo)(d.y.CHATBOT.SEND_MESSAGE,{project:"sgm-soya-chat"}),{method:"POST",body:JSON.stringify({user_id:l().get("_ga"),chat_id:N,message:e,country_code:k.kk[u],referrer:"".concat(window.location.origin).concat(window.location.pathname),utm_campaign:f,utm_medium:b,utm_source:x}),headers:{"Content-Type":"application/json"}}).then(e=>e.body).then(e=>{let t=null==e?void 0:e.getReader();return new ReadableStream({start(e){!function push(){null==t||t.read().then(t=>{let{done:a,value:o}=t;if(a){e.close();return}e.enqueue(o),push()})}()}})}).then(e=>{let[t,a]=e.tee();return L(!1),P(t),readMessageStream(a)}).then(e=>(P(void 0),G(t=>[...t,{type:"incoming",message:e},...$.current.length>0?[{type:"incomingWithNoAvatar",message:(0,o.BX)(o.HY,{children:[(0,o.tZ)(w.T,{size:"p4",children:"Topik lain seputar tidak cocok susu sapi"}),$.current.sort((e,t)=>e.priority-t.priority).slice(0,2).map((e,t)=>(0,o.tZ)("button",{className:"content pointer-event-child-none","data-event-category":"Chatbot","data-event-action":"Click - ".concat(e.content),"data-event-label":B,onClick:()=>{ee(e.content),G(t=>[...t,{type:"current",message:e.content}]),$.current=$.current.filter(t=>t.id!==e.id)},children:(0,o.tZ)(w.T,{size:z?"s3":"s4",children:e.content})},t))]})}]:[]]),Y(!1),e)).catch(e=>{P(void 0),Y(!1),L(!1),V(!0),console.log(e),(0,F.c)({title:"",message:m({id:"notification.comment.somethingWrong"}),type:"danger"})})},[]),ea=(0,n.useCallback)(()=>{G(e=>(I>0&&e.filter(e=>"incoming"===e.type).length>=I&&Q(!0),e))},[]);return(0,o.tZ)(ChatBody,{scrollToBottom:!0,classNames:{action:C.action,scrollBody:C.scrollBody},actionState:q||D||U?(0,o.BX)(p.x,{sx:{display:"flex",flexDirection:"column",gap:(0,S.h)(10)},children:[q&&(0,o.tZ)(HightlightMessage,{className:C.highlightMessage,heading:"Ambil Voucher Diskon Rp 12,000 Di Sini!",description:"Berikan Nutrisi Tepat untuk si Kecil Tidak Cocok Susu Sapi di Sini","data-event-category":"Chatbot","data-event-action":"Form Open Click","data-event-label":B,onClick:E}),D&&(0,o.tZ)(TypingIndicator,{className:C.indicator}),U&&(0,o.tZ)(w.T,{size:"n1",color:"red",className:C.errorTxt,children:m({id:"chatbot.messageErr",defaultMessage:"There was an error sending the message, please try again."})})]}):void 0,action:(0,o.tZ)(MessageInput,{disabled:O,onSubmit:e=>{let{message:t}=e;G(e=>[...e,{message:t,type:"current"}]),ee(t)}}),...h,children:(0,o.BX)(p.x,{className:C.root,children:[(0,o.tZ)(TimeBar,{date:null==K?void 0:null===(t=K[0])||void 0===t?void 0:t.date,className:C.timeBar}),K.map((e,t)=>(0,o.tZ)(J,{message:e.message,type:e.type},String(t))),j&&(0,o.tZ)(StreamingMessage,{stream:j})]})})};var et=a("RZSM"),ea=a("feA5"),eo=(0,B.k)((e,t)=>{let{starterAvatarSize:a}=t;return{root:{display:"flex",flexDirection:"column",gap:(0,S.h)(16),justifyContent:"center",height:"100%"},heading:{color:"#fff"},description:{color:"#fff"},icon:{flexShrink:0},header:{display:"flex",flexDirection:"column",alignItems:"center",gap:(0,S.h)(8)},mainInfo:{display:"flex",flexDirection:"column",gap:(0,S.h)(12),height:"100%",justifyContent:"center"},avatarWrapper:{width:(0,S.h)(a)},frame:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:1,backgroundImage:"url(".concat(h.C.getAssetPath("soya/avatar-frame.png"),")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"},avatar:{position:"absolute",top:"14%"},avatarRoot:{width:"".concat(.75*a,"px"),height:"".concat(.75*a,"px"),minWidth:"".concat(.75*a,"px"),backgroundImage:"linear-gradient(90deg, #F8EABF 0%, #F7DA92 50.25%, #F2CA67 100%)"},suggestContent:{textAlign:"center"},suggestListing:{display:"flex",flexDirection:"column",gap:(0,S.h)(12),flexShrink:0,paddingBottom:(0,S.h)(16)},action:{},welcomeText:{textAlign:"center",maxWidth:(0,S.h)(520)},scrollBody:{}}}),en=(0,B.k)(()=>({root:{borderRadius:(0,S.h)(16),gap:(0,S.h)(8),backgroundColor:"#fff",padding:(0,S.h)(12),boxShadow:"0 4px 16px 0px #0000000A",cursor:"pointer"},heading:{color:"#EA0029"},description:{}}));let SuggestMessage=e=>{let{heading:t,description:a,styles:n,classNames:i,className:r,onClick:s,...l}=e,{classes:c,cx:d}=en(void 0,{name:"AIChatBotWidget__SuggestMessage",styles:n,classNames:i});return(0,o.BX)(p.x,{className:d(c.root,r),...l,onClick:s,children:[t&&(0,o.tZ)(w.T,{className:c.heading,size:"s2",children:t}),a&&(0,o.tZ)(w.T,{className:c.description,size:"p3",children:a})]})},StarterBox=e=>{let{styles:t,classNames:a,onStart:i,...r}=e,{formatMessage:s}=(0,M.Z)(),c=(0,v.d)(),d=(0,y.U)(),{cookieId:h,setChatId:m,allowSaveHistory:u,starterAvatarSize:g,expandWidget:f}=(0,n.useContext)(T),{classes:b}=eo({starterAvatarSize:g||183},{name:"AIChatBotWidget__StarterBox",styles:t,classNames:a}),x=(0,n.useMemo)(()=>[{title:"Ciri-ciri Si Kecil Tidak Cocok Susu Sapi",description:""},{title:"Tips untuk Si Kecil Tidak Cocok Susu Sapi Tumbuh Optimal",description:""}],[]),k=(0,n.useCallback)(e=>{if(!e)return;let t=(0,ea.DM)();m(t),u&&h&&l().set(h,t),null==i||i({message:e,type:"current",date:new Date})},[]);return(0,o.tZ)(ChatBody,{classNames:{action:b.action,scrollBody:b.scrollBody},action:(0,o.tZ)(MessageInput,{onSubmit:e=>{let{message:t}=e;return k(t)}}),...r,children:(0,o.BX)(p.x,{className:b.root,children:[f&&(0,o.tZ)(p.x,{className:b.mainInfo,children:(0,o.BX)(p.x,{className:b.header,children:[(0,o.tZ)(p.x,{className:b.avatarWrapper,children:(0,o.tZ)(et.o,{ratio:1.14375,children:(0,o.BX)(p.x,{children:[(0,o.tZ)(p.x,{className:b.frame}),(0,o.tZ)(AvatarFocus,{borderSize:0,avatarSize:c?122:140,maxWidthPercent:65,classNames:{root:b.avatar,avatarRoot:b.avatarRoot}})]})})}),(0,o.BX)(w.T,{size:"s1",className:b.welcomeText,children:["Halo Ayah/Bunda!",(0,o.tZ)("br",{}),"Bagaimana Hello Sehat Expert bisa membantu hari ini?"]})]})}),(0,o.BX)(p.x,{className:b.suggestListing,children:[(0,o.tZ)(w.T,{size:"p4",className:b.suggestContent,children:s({id:"chatbot.suggestIntro",defaultMessage:"Typing in a message or choose one of the options below:"})}),x.map((e,t)=>(0,o.tZ)(SuggestMessage,{heading:e.title,description:e.description,"data-event-category":"Chatbot","data-event-action":"Click - ".concat(e.title),"data-event-label":d,onClick:()=>k(e.title)},String(t)))]})]})})},Widget=e=>{let{headingTag:t,styles:a,classNames:i,onClose:r,...s}=e,{messageList:l,setMessageList:c,expandWidget:d}=(0,n.useContext)(T),{classes:h}=D({expandWidget:d},{name:"AIChatBot__Widget",styles:a,classNames:i});return(0,o.tZ)(ChatContainer,{classNames:{root:h.root},header:(0,o.tZ)(ConversationHeader,{headingTag:t,onClose:r,className:h.header}),...s,children:null!==l?(0,o.tZ)(MessageList,{classNames:{action:h.action,scrollBody:h.scrollBody}}):(0,o.tZ)(StarterBox,{onStart:e=>{c([e])},classNames:{action:h.action,root:h.starterBox,scrollBody:h.scrollBody}})})},BubbleChat=e=>{let{styles:t,classNames:a,widgetModalProps:i,...r}=e,s=(0,v.d)(),[l,c]=(0,n.useState)(!1),[d,C]=(0,n.useState)(!1),[B,S]=(0,n.useState)(!1),[Z,w]=(0,n.useState)(!1),[A,I]=(0,n.useState)(0),E=h.C.getAssetPath("soya/chat-bubble.png"),R=(0,n.useRef)(),{showWidget:_,setShowWidget:z,expandWidget:D,setExpandWidget:M,autoPopupTimes:W=2}=(0,n.useContext)(T),{classes:F}=N({showAnimation:l&&Z&&!_,bgImage:E,expandWidget:D},{name:"AIChatBot__BubbleChat",styles:t,classNames:a}),X=(0,y.U)(),H={className:F.widget,onClose:()=>{z(!1),I(e=>e+1)}};(0,n.useEffect)(()=>{z(!0),c(!0)},[]),(0,n.useEffect)(()=>{_&&C(!1)},[_]),(0,n.useEffect)(()=>{let e=new Image;e.src=E,e.onload=()=>{setTimeout(()=>C(!0),1e3)}},[l]),(0,n.useEffect)(()=>{d?setTimeout(()=>S(!0),1e3):l&&w(!0)},[d]),(0,n.useEffect)(()=>(A<W&&(s&&M(!1),R.current=setTimeout(()=>z(!0),1e4)),()=>{R.current&&clearTimeout(R.current)}),[A]),(0,n.useEffect)(()=>{s||M(!0)},[s]),(0,n.useEffect)(()=>{s&&_&&D?(document.body.style.overflow="hidden",document.body.classList.add("noscroll")):(document.body.style.overflow="",document.body.classList.remove("noscroll"))},[s,_,D]),(0,n.useEffect)(()=>{function setLeftForRangeNumber(){z(!1)}return s&&window.addEventListener("scroll",setLeftForRangeNumber,{passive:!0}),()=>{s&&window.removeEventListener("scroll",setLeftForRangeNumber)}},[]);let L=(0,n.useCallback)(()=>{M(!0),z(!0)},[]);return(0,o.tZ)(g.h,{target:k.Hh,children:(0,o.BX)(p.x,{className:F.root,...r,children:[(0,o.tZ)(f.u,{mounted:l,keepMounted:!0,transition:"fade",children:e=>(0,o.BX)(b.J,{opened:_,onChange:z,classNames:{dropdown:F.popoverDropdown},keepMounted:!0,withinPortal:!0,portalProps:{target:k.Hh},width:s&&!D?"calc(100% - 32px)":s?"100%":void 0,position:"bottom-end",closeOnClickOutside:!1,transitionProps:{transition:"pop-bottom-right"},children:[(0,o.tZ)(b.J.Target,{children:(0,o.BX)(p.x,{className:F.wrapper,style:e,children:[(0,o.tZ)("span",{className:"ripple pinkBg"}),(0,o.tZ)("span",{className:"ripple pinkBg"}),(0,o.tZ)("span",{className:"ripple pinkBg"}),(0,o.tZ)(x.z,{sx:{height:"auto",padding:0,"&:active":{transform:"translateY(0)"}},children:(0,o.tZ)(m.I,{disabled:!Z,inline:!0,size:12,classNames:{common:F.indicatorCommon,indicator:F.indicatorIndicator},style:e,children:(0,o.tZ)(AvatarFocus,{borderSize:4,avatarSize:s||!d&&Z?64:80,className:"pointer-event-child-none","data-event-category":"Chatbot","data-event-action":"Start Chat","data-event-label":X,onClick:L})})})]})}),(0,o.tZ)(b.J.Dropdown,{children:(0,o.tZ)(Widget,{...H})})]})}),(0,o.tZ)(f.u,{mounted:d,keepMounted:!0,transition:"pop-bottom-right",children:e=>(0,o.BX)(p.x,{className:F.welcomeBox,style:e,children:[(0,o.tZ)(p.x,{className:"pointer-event-child-none","data-event-category":"Chatbot","data-event-action":"Start Chat","data-event-label":X,onClick:L,children:(0,o.tZ)(p.x,{className:F.welcomeBoxInner,children:B&&(0,o.tZ)(TypeWritingEffect,{className:F.welcomeText,size:"s3",text:"Chat Hello Sehat Expert, Dapatkan Tips Tumbuh Kembang Si Kecil!"})})}),(0,o.tZ)(u.Z,{size:20,color:"#fff",className:F.welcomeClose,onClick:e=>{e.stopPropagation(),C(!1)}})]})})]})})},ei=(0,n.forwardRef)(function(e,t){let{name:a,avatar:i,children:s,cookieId:h="aiChatId",allowSaveHistory:m,numberToShowHighlightMess:u=0,showHighlightMessage:g,onClickHighlightMess:p,widgetModalProps:f,starterAvatarSize:b,isShortVer:x,autoPopupTimes:y=2}=e,[v,k]=(0,n.useState)(""),[C,B]=(0,n.useState)(null),[S,Z]=(0,n.useState)(!1),[N,w]=(0,n.useState)(!x);(0,n.useImperativeHandle)(t,()=>({resetChatId:()=>{m&&(k(""),l().remove(h)),B(null)},setShowWidget:Z}));let A=(0,n.useCallback)(async e=>{let t=await (0,c.d)(d.y.CHATBOT.GET_CHAT_HISTORY,{method:"GET",params:{project:"sgm-soya-chat",userId:l().get("_ga"),chatId:e}},"chatbot"),a=(null==t?void 0:t.history)||[];a.length>0?(k(e),B(a.map(e=>({type:"BOT"===e.role?"incoming":"current",message:e.content,date:r()(e.created_at).toDate()})))):l().remove(h)},[]);return(0,n.useEffect)(()=>{if(m){let e=l().get(h);e&&A(e)}},[]),(0,o.tZ)(T.Provider,{value:{name:a,avatar:i,cookieId:h,fetchHistory:A,messageList:C,setMessageList:B,chatId:v,setChatId:k,numberToShowHighlightMess:u,showHighlightMessage:g,onClickHighlightMess:p,starterAvatarSize:b,showWidget:S,setShowWidget:Z,isShortVer:x,expandWidget:N,setExpandWidget:w,autoPopupTimes:y},children:s||(0,o.tZ)(BubbleChat,{widgetModalProps:f})})}),er={...ei,Widget:Widget,BubbleChat:BubbleChat};var es=er}}]);