Kakaoi.init({
	serviceName: "string",
});

Kakaoi.init({
	serviceName: "Kakao Shop",
});

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.UI.createChat({
	title: "string", 
	subTitle: "string",
	profileName: "string",
	profileImageUrl: "string",
	profileImageBorderLess: boolean,
	backgroundImageUrl: "string",
	inputPlaceholder: "발화를 입력하세요", 
	bubbleTextColor: "string",
	bubbleBackgroundColor: "string",  
	activeKeyword: "string", 
	quickReplyColor: "string",
	quickReplyButtonBorderColor: "string",
	quickReplyButtonTextColor: "string",
    textMasking: boolean,
	useCustomFloatingButton: boolean,
	customMenus: [{
        id: number,
		title: "string",
		icon: "string",
	}, ...],
	customMenuTextColor: "string",
	customMenuBackgroundColor: "string",
	onCustomMenuClick: (id) => {
    },
	onChatSend: (text) => {
	},
	onChatReceive: (payloads) => {
	},
    blockButtonClickInterceptor: (buttonInfo) => { 
	},
	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
  }
},

//타입이 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 기본 동작 수행
	},

	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 기본 동작 수행
	},

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.onChatOpen();

Kakaoi.UI.onChatClose();

var kepToken = "1q2w3e4r";

Kakaoi.init({
	serviceName: "Kakao Enterprise Corp",
});

if (kepToken) {
	Kakaoi.Store.setVendorState("ACCESS_TOKEN", kepToken);
}

Kakaoi.UI.createChat({
	title: "Kakao Enterprise 챗봇",
	profileName: "Kakao Enterprise",
	profileImageUrl:
		"https://images-kr.kakaoshop.com/products/110650000882/110650000882_01.jpg?shrink=155:155&1634274296429",
	bubbleBackgroundColor: "#ffee00",
	bubbleTextColor: "#ffffff",
	activeKeyword: "시작",
	blockButtonClickInterceptor: (buttonInfo) => { 
		if(buttonInfo.type === "url" && buttonInfo.url.includes("consulting") && window.android) {
			window.android.setMessage("connect consulting");
			return false;
		}
		return true;
	},
	onChatSend: function (message) {
		createLog(message);
	},
	onChatReceive: function (message) {
		if (isCounseling) {
			createLog(message);
		}
	},
	closeButtonClickInterceptor: function () {
		if(window.android){
			window.android.setMessage("close");
			return false;
		}
		return true;
	},
	floatingButtonClickInterceptor: function () {
		if(window.android){
			window.android.setMessage("open");
			return false;
		}
		return true;
	},
});