Kakaoi.init({
    serviceName: "{string}", 
    serviceKey: "{string}",
    vertebra: {
        serviceId: "{string}",
        serviceName: "{string}",
        svcDomain: "{string}",
        developmentMode: boolean
  }
});

Kakaoi.init({
	serviceName: "service name", 
    serviceKey: "service key",
    vertebra: {
        serviceId: "vertebra service id",
        serviceName: "vertebra service name",
        svcDomain: "vertebra service domain",
        developmentMode: true
  }
});

Kakaoi.Store.setVendorState("{key}", "{value}");

Kakaoi.Store.setVendorState("token", "Abci3930sKIR2");

Kakaoi.Store.getVendorState("{key}");

Kakaoi.Store.getVendorState("token");

Kakaoi.Store.deleteVendorState("{key}");

Kakaoi.Store.deleteVendorState("token");

Kakaoi.Chat.send({
	message: "{message}",
	onSuccess: function(payloads){
		// 응답 수신
	},
	onError: function(err){
		// 오류 발생
	}, 
});

Kakaoi.Chat.send({
	message: "배송 정보 알려줘",
	onSuccess: function(message){
		console.log(message);
	},
	onError: function(err){
		console.error(err);
	},
});

{
     "instruction": {
             "header": {
                     "type": "string",
                     "messageId": "string"
             },
             "body": {
                     "token": "string",
                     "style": "string",
                     "ttl": number,
                     "mood": "string",
                     "text": "string",
                     "data?": DataType
             },
             "meta": {
                     "ts": number,
                     "topic": "string",
                     "botId": "string",
                     "botName": "string",
                     "intentId": "string",
                     "intentName": "string"
             }
     }
}

Kakaoi.Chat.excludeChatBot();

Kakaoi.Chat.includeChatBot();

Kakaoi.Chat.getHistories();

result : [
  { isBot: true, text: “안녕하세요 챗봇입니다. 무엇을 도와드릴까요?” },
  { isBot: false, text: “배송조회해줘” }
]

Kakaoi.Chat.disableAutomaticRead();

Kakaoi.Chat.enableAutomaticRead();

Kakaoi.Chat.markAsRead(new Date());

Kakaoi.UI.createChat({
    title: "string", 
    subTitle: "string",
    profileName: "string",
    profileImageUrl: "string",
    profileImageBorderLess: boolean,
    backgroundColor: "string",
    backgroundImageUrl: "string",
    chatHeight: number,
    notice: {
            message: "string",
            link: "string",
            backgroundColor: "string",
            textColor: "string"
    },
    tooltip: "툴팁 메시지를 입력하세요",
    inputPlaceholder: "발화를 입력하세요", 
    bubbleTextColor: "string",
    bubbleBackgroundColor: "string",  
    activeKeyword: "string", 
    quickReplyColor: "string",
    quickReplyButtonBorderColor: "string",
    quickReplyButtonTextColor: "string",
    textMasking: boolean,
    useCustomFloatingButton: boolean,
    useChatAutomaticRead: boolean,
    customMenus: [{
            id: number,
            title: "string",
            icon: "string",
            type: "string",
            message: "string",
            blockId: "string",
            url: "string",
    }, ...],
    customMenuTextColor: "string",
    customMenuBackgroundColor: "string",
    errorMessage: "string",
    customStyle: {
            color: {
                readMark: "string",
                autocompleteWord: "string",
                customMenuButton: "string",
                sendMessageButton: "string",
                carouselMoveButton: "string"
        }
    },
    onCustomMenuClick: (id) => {
    },
    onChatSend: (text) => {
    },
    onChatReceive: (payloads) => {
    },
    blockButtonClickPreInterceptor: (buttonInfo) => {
    },
    blockButtonClickInterceptor: (buttonInfo) => { 
    },
    noticeClickInterceptor: (noticeInfo) => {
    }, 
    closeButtonClickInterceptor: (e) => {
    },
    floatingButtonClickInterceptor: (e) => {
    },
    onFileUpload: (inputElement) {
    },
    onExitCounselingButtonClick: () => {
    },
    onKeyDownUserChat(text) => {
    }
});

customMenus: [
  {
    id: 1,
    title: "아이콘1",
    icon: "box",
  },
  {
    id: 2,
    title: "아이콘2",
    icon: "point",
  },
  {
    id: 3,
    title: "아이콘3",
    icon: "profile",
  },
],
onCustomMenuClick: (id) => {
  switch (id) {
    case 1:
      doFunction1()
      break
    case 2:
      doFunction2()
      break
    case 3:
      doFunction3()
      break
  }
},

onChatReceive: (payload) => {
  if (payload.intentName === "폴백블록") {
		Logger.addError(payload.botId, payload.botName);
	}
}

blockButtonClickPreInterceptor: (buttonInfo) => {
  // 커스텀 동작 코드 직접 작성 필요
  if (buttonInfo.message === "봇 전환") {
    Kakaoi.Bot.changeBot({
      serviceKey: buttonInfo.data.extra.serviceKey,
      blockId: buttonInfo.data.extra.blockId,
    })
    return false   // 커스텀 동작만 수행
  } else {
    return true    // 이어서 기본 동작 수행
  }
},

//타입이 url일 경우
type: "url"
label: string
url: string

//타입이 link일 경우
type: "link"
androidStoreUrl: string
iosStoreUrl: string
androidUrl: string
iosUrl: string
label: string
macCustomScheme: string
moUrl: string
pcCustomScheme: string
pcUrl: string

//타입이 text일 경우
type: "text"
label: string
message: string 

//타입이 block일 경우
type: "block"
blockId: string
label: string
message: string

	blockButtonClickInterceptor: (buttonInfo) -> {
    const isMobile = true; // 조건 직접 작성 필요
		if(isMobile && buttonInfo.type === "link"){
			location.href = buttonInfo.moUrl; 
			return false; // 기본 동작이 아닌 커스텀 동작 수행
		}
		return true; // SDK 기본 동작 수행
	},

noticeClickInterceptor: (noticeInfo) => {
	// true: SDK 기본 동작 수행
	// false: 기본 동작이 아닌 커스텀 동작 수행
	return false 
},

closeButtonClickInterceptor: (e) -> {
    const isMobile = true; // 조건 직접 작성 필요
	if(isMobile){
		window.parent.postMessage("AndroidAppclose");
		return false; // 기본 동작이 아닌 커스텀 동작 수행
	}
	return true; // SDK 기본 동작 수행
},

floatingButtonClickInterceptor: (e) -> {
    const isMobile = true; // 조건 직접 작성 필요
	if(isMobile){
		window.parent.postMessage("AndroidPushChat");
		return false; // 기본 동작이 아닌 커스텀 동작 수행
	}
	return true; // SDK 기본 동작 수행
},

onFileUpload: (input) => {
    console.log(input.files);
}

onExitCounselingButtonClick: () => {
    console.log("exit clicked");
    Kakaoi.UI.setChatSubTitle("봇과 대화중");
    Kakaoi.UI.hideExitCounselingButton();
}

onKeyDownUserChat: (text) => {
    console.log(text);
}

Kakaoi.UI.renderUserChat("{text}");

Kakaoi.UI.renderUserChat("상담 부탁드립니다.");

Kakaoi.UI.renderBotChat("{text}");

Kakaoi.UI.renderBotChat("안녕하세요. 무엇을 도와드릴까요?");

Kakaoi.UI.submitChat("{text}");

Kakaoi.UI.submitChat("안녕하세요. 배송조회 알려주세요");

Kakaoi.UI.clickCloseButton();

Kakaoi.UI.clickFloatingButton();

Kakaoi.UI.setChatTitle("{title}");

Kakaoi.UI.setChatTitle("Kakao Enterprise 몰");

Kakaoi.UI.setChatSubTitle("{subTitle}");

Kakaoi.UI.setChatSubTitle("상담사와 대화중");

Kakaoi.UI.showUploadButton();

Kakaoi.UI.hideUploadButton();

Kakaoi.UI.showExitCounselingButton();

Kakaoi.UI.hideExitCounselingButton();

Kakaoi.UI.showAutoComplete(["{items}", ...]);

Kakaoi.UI.showAutoComplete(["선물하기", "여성 선물 추천", "남성 선물 추천", "스승의 날 선물"]);

Kakaoi.UI.hideAutoComplete();

Kakaoi.UI.setProfileImageUrl("{url}")
Kakaoi.UI.setProfileImageUrl("") // 웹 챗봇 SDK가 제공하는 기본 프로필 이미지로 설정

Kakaoi.UI.showDimmedNotice({
	title: "{title}",
	subTitle: "{subtitle}"
});

Kakaoi.UI.showDimmedNotice({
	title: "불편을 드려 죄송합니다.\n챗봇 점검중입니다.",
	subTitle: "점검시간\n2023.01.01 17:00 - 20:00"
});

Kakaoi.Store.setVendorLoginId("{idString}");

Kakaoi.Store.releaseVendorLoginId();

Kakaoi.UI.createChat({
    title: "Kakao Enterprise 챗봇", 
    subTitle: "봇과 대화중",
    profileName: "KakaoEnterprise 봇",
    profileImageBorderLess: "true",
    bubbleTextColor: "#FFFFFF",
    bubbleBackgroundColor: "#173D2C",
    quickReplyColor: "#DED6D2",
    quickReplyButtonBorderColor: "#F3F3F3",
    quickReplyButtonTextColor: "#161616",
    backgroundColor: "#FFFFFF",
    chatHeight: 800,
    notice: {
        message: "공지사항 영역",
        link: "https://kakaoenterprise.com/",
        backgroundColor: "#FFFFFF",
        textColor: "#DED6D2"
    },
    inputPlaceholder: "궁금한 것은 무엇이든 물어보세요!", 
    errorMessage: "문제가 발생했어요~",
    onChatSend: (text) => {
        if (text === "상담원 연결") {
            Kakaoi.UI.setChatSubTitle("상담원과 대화중");
            Kakaoi.UI.showExitCounselingButton();
        }
        return true
    },
    blockButtonClickInterceptor: (buttonInfo) => { 
        if (buttonInfo.message === "상담원 연결") {
            Kakaoi.UI.setChatSubTitle("상담원과 대화중");
            Kakaoi.UI.showExitCounselingButton();
        }
        return true
    },
    onExitCounselingButtonClick: () => {
        Kakaoi.UI.hideExitCounselingButton();
        Kakaoi.UI.setProfileImageUrl("");
        return true;
    },
    onKeyDownUserChat: (text) => {
        if (text.includes("카카오엔터프라이즈")) {
            Kakaoi.UI.showAutoComplete(["카카오엔터프라이즈", "카카오엔터프라이즈 웹챗봇", "카카오엔터프라이즈 카카오워크", "카카오엔터프라이즈 laas", "카카오엔터프라이즈 대표", "카카오엔터프라이즈 복지"]);
        } else {
            Kakaoi.UI.hideAutoComplete();
        } 
    }
});