$$config title: [Code] ChatBot / ActionProvide.jsx keywords: - IT $$ ### ActionProvide.jsx ```js // ActionProvider starter code import Loan from "./loan.PNG"; class ActionProvider { constructor(createChatBotMessage, setStateFunc, createClientMessage) { this.createChatBotMessage = createChatBotMessage; this.setState = setStateFunc; this.createClientMessage = createClientMessage; } handleNewaccount = () => { const url = this.createChatBotMessage(

, { delay: 800 } ); this.setChatbotMessage(url); const answer = this.createChatBotMessage("보고 따라해보세요 ㅋㅋㅋ", { delay: 1500, }); this.setChatbotMessage(answer); }; handleNewCardIssuance = () => { const url = this.createChatBotMessage(

대출 상품 보러가기

, { delay: 800 } ); this.setChatbotMessage(url); }; handleAccountInquiry = () => { const message = this.createChatBotMessage("계좌 잔액 : 860 원", { widget: "AccountInquiry", }); this.setChatbotMessage(message); }; handleUnknown = () => { const message = this.createChatBotMessage("다시 입력해주세요."); this.setChatbotMessage(message); }; handleGreeting = () => { const message = this.createChatBotMessage( ); this.setChatbotMessage(message); }; messageHandler = () => { const message = this.createChatBotMessage("전화 연결 1599-3333"); this.setChatbotMessage(message); }; setChatbotMessage = (messages) => { if (Array.isArray(messages)) { this.setState((state) => ({ ...state, messages: [...state.messages, ...messages], })); } else { this.setState((state) => ({ ...state, messages: [...state.messages, messages], })); } }; } export default ActionProvider; ```