ChannelIO('boot', bootOption: object, callback?: Function)

ChannelIO('boot', {
  pluginKey: 'YOUR_PLUGIN_KEY'
}, function onBoot(error, user) {
  if (error) {
    console.error(error);
  } else {
    console.log('boot success', user);
  }
});

ChannelIO('shutdown');

ChannelIO('showMessenger');

ChannelIO('hideMessenger');

ChannelIO('openChat', chatId?: string, message?: string)

// Opens a new chat.
ChannelIO('openChat');

// Opens a new chat with 'Text here' in the message field. 
// If the support bot is active, it's triggered before the message appears.
ChannelIO('openChat', undefined, 'Text here');

// Opens a chat with ID '123' or displays an error page if it doesn't exist.
ChannelIO('openChat', '123');

ChannelIO('openWorkflow', workflowId: string)

// Starts an workflow with ID '123', 
//    or shows an error page if such workflow does not exist.
ChannelIO('openWorkflow', '123');

ChannelIO('track', eventName: string, eventProperty?: object);

// Tracks an event named 'OrderRequest'.
ChannelIO('track', 'OrderRequest');

// Tracks an event named 'Order' with additional properties.
ChannelIO('track', 'Order', {
  "price": 100,
  "currency": 'USD'
});

ChannelIO('onShowMessenger', callback: Function);

ChannelIO('onShowMessenger', function onShowMessenger() {
	console.log('Messenger is shown.');
});

ChannelIO('onHideMessenger', callback: Function);

ChannelIO('onHideMessenger', function onHideMessenger() {
	console.log('Messenger is hidden.');
});

ChannelIO('onBadgeChanged', callback: Function);

ChannelIO('onBadgeChanged', function onBadgeChanged(unread, alert) {
	console.log(`Unread count: ${unread}, Alert count: ${alert}.`);
});

ChannelIO('onChatCreated', callback: Function);

ChannelIO('onChatCreated', function onChatCreated() {
	console.log('New Chat is created.');
});

ChannelIO('onFollowUpChanged', callback: Function);

ChannelIO('onFollowUpChanged', function onFollowUpChanged(profile) {
	console.log('User changed profile', profile);
});

ChannelIO('onUrlClicked', callback: Function);

ChannelIO('onUrlClicked', function onUrlClicked(url) {
  console.log(`User clicked URL: ${url}`);
});

ChannelIO('clearCallbacks');

ChannelIO('updateUser', userObject: object, callback?: Function);

const userObject = {
  language: 'ko',
  tags: ['a', 'b'],
  profile: {
    email: '[email protected]',
    mobileNumber: '+821012345678',
    name: 'test name',
  },
  profileOnce: {
    customerType: 'vip',
    registeredAt: '2022-11-22'
  },
  unsubscribeEmail: false,
  unsubscribeTexting: true
};

ChannelIO('updateUser', userObject, function onUpdateUser(error, user) {
  if (error) {
    console.error(error);
  } else {
    console.log('updateUser success', user);
  }
});

ChannelIO('addTags', tags: array, callback?: Function)

ChannelIO('addTags', ['tag1', 'tag2'], function onAddTags(error, user) {
  if (error) {
    console.error(error);
  } else {
    console.log('addTags success', user);
  }
});

ChannelIO('removeTags', tags: array, callback?: Function)

ChannelIO('removeTags', ['tag1', 'tag2'], function onRemoveTags(error, user) {
  if (error) {
    console.error(error);
  } else {
    console.log('removeTags success', user);
  }
});

ChannelIO('setPage', page: string, profile?: Record<string, any>)

// Sets the page to 'https://example.com/product'.
ChannelIO('setPage', 'https://example.com/product');

// Sets the page and userchat profile.
ChannelIO('setPage', 'https://example.com/product', {
	currency: 'USD',
	// ...
});

ChannelIO('resetPage');

ChannelIO('showChannelButton');

ChannelIO('hideChannelButton');

ChannelIO('setAppearance', appearance: ‘light’ | ‘dark’ | ‘system’ | null)

ChannelIO('setAppearance', 'dark');