Implement incoming webhooks.

11 files changed, 414 insertions, 84 deletions

diff --git a/web/react/components/user_settings/manage_incoming_hooks.jsx b/web/react/components/user_settings/manage_incoming_hooks.jsx
new file mode 100644
index 000000000..df089a403
--- /dev/null
+++ b/web/react/components/user_settings/manage_incoming_hooks.jsx
@@ -0,0 +1,177 @@
+// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+var Client = require('../../utils/client.jsx');
+var Utils = require('../../utils/utils.jsx');
+var Constants = require('../../utils/constants.jsx');
+var ChannelStore = require('../../stores/channel_store.jsx');
+var LoadingScreen = require('../loading_screen.jsx');
+
+export default class ManageIncomingHooks extends React.Component {
+    constructor() {
+        super();
+
+        this.getHooks = this.getHooks.bind(this);
+        this.addNewHook = this.addNewHook.bind(this);
+        this.updateChannelId = this.updateChannelId.bind(this);
+
+        this.state = {hooks: [], channelId: ChannelStore.getByName(Constants.DEFAULT_CHANNEL).id, getHooksComplete: false};
+    }
+    componentDidMount() {
+        this.getHooks();
+    }
+    addNewHook() {
+        let hook = {}; //eslint-disable-line prefer-const
+        hook.channel_id = this.state.channelId;
+
+        Client.addIncomingHook(
+            hook,
+            (data) => {
+                let hooks = this.state.hooks;
+                if (!hooks) {
+                    hooks = [];
+                }
+                hooks.push(data);
+                this.setState({hooks});
+            },
+            (err) => {
+                this.setState({serverError: err});
+            }
+        );
+    }
+    removeHook(id) {
+        let data = {}; //eslint-disable-line prefer-const
+        data.id = id;
+
+        Client.deleteIncomingHook(
+            data,
+            () => {
+                let hooks = this.state.hooks; //eslint-disable-line prefer-const
+                let index = -1;
+                for (let i = 0; i < hooks.length; i++) {
+                    if (hooks[i].id === id) {
+                        index = i;
+                        break;
+                    }
+                }
+
+                if (index !== -1) {
+                    hooks.splice(index, 1);
+                }
+
+                this.setState({hooks});
+            },
+            (err) => {
+                this.setState({serverError: err});
+            }
+        );
+    }
+    getHooks() {
+        Client.listIncomingHooks(
+            (data) => {
+                let state = this.state; //eslint-disable-line prefer-const
+
+                if (data) {
+                    state.hooks = data;
+                }
+
+                state.getHooksComplete = true;
+                this.setState(state);
+            },
+            (err) => {
+                this.setState({serverError: err});
+            }
+        );
+    }
+    updateChannelId(e) {
+        this.setState({channelId: e.target.value});
+    }
+    render() {
+        let serverError;
+        if (this.state.serverError) {
+            serverError = <label className='has-error'>{this.state.serverError}</label>;
+        }
+
+        const channels = ChannelStore.getAll();
+        let options = []; //eslint-disable-line prefer-const
+        channels.forEach((channel) => {
+            options.push(<option value={channel.id}>{channel.name}</option>);
+        });
+
+        let disableButton = '';
+        if (this.state.channelId === '') {
+            disableButton = ' disable';
+        }
+
+        let hooks = []; //eslint-disable-line prefer-const
+        this.state.hooks.forEach((hook) => {
+            const c = ChannelStore.get(hook.channel_id);
+            hooks.push(
+                <div>
+                    <div className='divider-light'></div>
+                    <span>
+                        <strong>{'URL: '}</strong>{Utils.getWindowLocationOrigin() + '/hooks/' + hook.id}
+                    </span>
+                    <br/>
+                    <span>
+                        <strong>{'Channel: '}</strong>{c.name}
+                    </span>
+                    <br/>
+                    <a
+                        className={'btn btn-sm btn-primary'}
+                        href='#'
+                        onClick={this.removeHook.bind(this, hook.id)}
+                    >
+                        {'Remove'}
+                    </a>
+                </div>
+            );
+        });
+
+        let displayHooks;
+        if (!this.state.getHooksComplete) {
+            displayHooks = <LoadingScreen/>;
+        } else if (hooks.length > 0) {
+            displayHooks = hooks;
+        } else {
+            displayHooks = <label>{'None'}</label>;
+        }
+
+        const existingHooks = (
+            <div>
+                <label className='control-label'>{'Existing incoming webhooks'}</label>
+                <br/>
+                {displayHooks}
+            </div>
+        );
+
+        return (
+            <div
+                key='addIncomingHook'
+                className='form-group'
+            >
+                <label className='control-label'>{'Add a new incoming webhook'}</label>
+                <br/>
+                <div>
+                    <select
+                        ref='channelName'
+                        value={this.state.channelId}
+                        onChange={this.updateChannelId}
+                    >
+                        {options}
+                    </select>
+                    <br/>
+                    {serverError}
+                    <a
+                        className={'btn btn-sm btn-primary' + disableButton}
+                        href='#'
+                        onClick={this.addNewHook}
+                    >
+                        {'Add'}
+                    </a>
+                </div>
+                {existingHooks}
+            </div>
+        );
+    }
+}
diff --git a/web/react/components/user_settings.jsx b/web/react/components/user_settings/user_settings.jsx
index 48b499068..0eab333c4 100644
--- a/web/react/components/user_settings.jsx
+++ b/web/react/components/user_settings/user_settings.jsx
@@ -1,13 +1,14 @@
 // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-var UserStore = require('../stores/user_store.jsx');
-var utils = require('../utils/utils.jsx');
+var UserStore = require('../../stores/user_store.jsx');
+var utils = require('../../utils/utils.jsx');
 var NotificationsTab = require('./user_settings_notifications.jsx');
 var SecurityTab = require('./user_settings_security.jsx');
 var GeneralTab = require('./user_settings_general.jsx');
 var AppearanceTab = require('./user_settings_appearance.jsx');
 var DeveloperTab = require('./user_settings_developer.jsx');
+var IntegrationsTab = require('./user_settings_integrations.jsx');
 
 export default class UserSettings extends React.Component {
     constructor(props) {
@@ -86,6 +87,17 @@ export default class UserSettings extends React.Component {
                     />
                 </div>
             );
+        } else if (this.props.activeTab === 'integrations') {
+            return (
+                <div>
+                    <IntegrationsTab
+                        user={this.state.user}
+                        activeSection={this.props.activeSection}
+                        updateSection={this.props.updateSection}
+                        updateTab={this.props.updateTab}
+                    />
+                </div>
+            );
         }
 
         return <div/>;
diff --git a/web/react/components/user_settings_appearance.jsx b/web/react/components/user_settings/user_settings_appearance.jsx
index 3df013d03..aec3b319d 100644
--- a/web/react/components/user_settings_appearance.jsx
+++ b/web/react/components/user_settings/user_settings_appearance.jsx
@@ -1,11 +1,11 @@
 // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-var UserStore = require('../stores/user_store.jsx');
-var SettingItemMin = require('./setting_item_min.jsx');
-var SettingItemMax = require('./setting_item_max.jsx');
-var Client = require('../utils/client.jsx');
-var Utils = require('../utils/utils.jsx');
+var UserStore = require('../../stores/user_store.jsx');
+var SettingItemMin = require('../setting_item_min.jsx');
+var SettingItemMax = require('../setting_item_max.jsx');
+var Client = require('../../utils/client.jsx');
+var Utils = require('../../utils/utils.jsx');
 
 var ThemeColors = ['#2389d7', '#008a17', '#dc4fad', '#ac193d', '#0072c6', '#d24726', '#ff8f32', '#82ba00', '#03b3b2', '#008299', '#4617b4', '#8c0095', '#004b8b', '#004b8b', '#570000', '#380000', '#585858', '#000000'];
 
diff --git a/web/react/components/user_settings_developer.jsx b/web/react/components/user_settings/user_settings_developer.jsx
index 1b04149dc..1694aaa79 100644
--- a/web/react/components/user_settings_developer.jsx
+++ b/web/react/components/user_settings/user_settings_developer.jsx
@@ -1,8 +1,8 @@
 // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-var SettingItemMin = require('./setting_item_min.jsx');
-var SettingItemMax = require('./setting_item_max.jsx');
+var SettingItemMin = require('../setting_item_min.jsx');
+var SettingItemMax = require('../setting_item_max.jsx');
 
 export default class DeveloperTab extends React.Component {
     constructor(props) {
diff --git a/web/react/components/user_settings_general.jsx b/web/react/components/user_settings/user_settings_general.jsx
index 66cde6ca2..5d9d9bfde 100644
--- a/web/react/components/user_settings_general.jsx
+++ b/web/react/components/user_settings/user_settings_general.jsx
@@ -1,13 +1,13 @@
 // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-var UserStore = require('../stores/user_store.jsx');
-var SettingItemMin = require('./setting_item_min.jsx');
-var SettingItemMax = require('./setting_item_max.jsx');
-var SettingPicture = require('./setting_picture.jsx');
-var client = require('../utils/client.jsx');
-var AsyncClient = require('../utils/async_client.jsx');
-var utils = require('../utils/utils.jsx');
+var UserStore = require('../../stores/user_store.jsx');
+var SettingItemMin = require('../setting_item_min.jsx');
+var SettingItemMax = require('../setting_item_max.jsx');
+var SettingPicture = require('../setting_picture.jsx');
+var client = require('../../utils/client.jsx');
+var AsyncClient = require('../../utils/async_client.jsx');
+var utils = require('../../utils/utils.jsx');
 var assign = require('object-assign');
 
 export default class UserSettingsGeneralTab extends React.Component {
diff --git a/web/react/components/user_settings/user_settings_integrations.jsx b/web/react/components/user_settings/user_settings_integrations.jsx
new file mode 100644
index 000000000..cb45c5178
--- /dev/null
+++ b/web/react/components/user_settings/user_settings_integrations.jsx
@@ -0,0 +1,95 @@
+// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+var SettingItemMin = require('../setting_item_min.jsx');
+var SettingItemMax = require('../setting_item_max.jsx');
+var ManageIncomingHooks = require('./manage_incoming_hooks.jsx');
+
+export default class UserSettingsIntegrationsTab extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.updateSection = this.updateSection.bind(this);
+        this.handleClose = this.handleClose.bind(this);
+
+        this.state = {};
+    }
+    updateSection(section) {
+        this.props.updateSection(section);
+    }
+    handleClose() {
+        this.updateSection('');
+    }
+    componentDidMount() {
+        $('#user_settings').on('hidden.bs.modal', this.handleClose);
+    }
+    componentWillUnmount() {
+        $('#user_settings').off('hidden.bs.modal', this.handleClose);
+    }
+    render() {
+        let incomingHooksSection;
+        var inputs = [];
+
+        if (this.props.activeSection === 'incoming-hooks') {
+            inputs.push(
+                <ManageIncomingHooks />
+            );
+
+            incomingHooksSection = (
+                <SettingItemMax
+                    title='Incoming Webhooks'
+                    inputs={inputs}
+                    updateSection={function clearSection(e) {
+                        this.updateSection('');
+                        e.preventDefault();
+                    }.bind(this)}
+                />
+            );
+        } else {
+            incomingHooksSection = (
+                <SettingItemMin
+                    title='Incoming Webhooks'
+                    describe='Manage your incoming webhooks'
+                    updateSection={function updateNameSection() {
+                        this.updateSection('incoming-hooks');
+                    }.bind(this)}
+                />
+            );
+        }
+
+        return (
+            <div>
+                <div className='modal-header'>
+                    <button
+                        type='button'
+                        className='close'
+                        data-dismiss='modal'
+                        aria-label='Close'
+                    >
+                        <span aria-hidden='true'>{'×'}</span>
+                    </button>
+                    <h4
+                        className='modal-title'
+                        ref='title'
+                    >
+                        <i className='modal-back'></i>
+                        {'Integration Settings'}
+                    </h4>
+                </div>
+                <div className='user-settings'>
+                    <h3 className='tab-header'>{'Integration Settings'}</h3>
+                    <div className='divider-dark first'/>
+                    {incomingHooksSection}
+                    <div className='divider-dark'/>
+                </div>
+            </div>
+        );
+    }
+}
+
+UserSettingsIntegrationsTab.propTypes = {
+    user: React.PropTypes.object,
+    updateSection: React.PropTypes.func,
+    updateTab: React.PropTypes.func,
+    activeSection: React.PropTypes.string
+};
diff --git a/web/react/components/user_settings_modal.jsx b/web/react/components/user_settings/user_settings_modal.jsx
index 67a4d0041..1b22e6045 100644
--- a/web/react/components/user_settings_modal.jsx
+++ b/web/react/components/user_settings/user_settings_modal.jsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-var SettingsSidebar = require('./settings_sidebar.jsx');
+var SettingsSidebar = require('../settings_sidebar.jsx');
 var UserSettings = require('./user_settings.jsx');
 
 export default class UserSettingsModal extends React.Component {
@@ -38,6 +38,9 @@ export default class UserSettingsModal extends React.Component {
         if (global.window.config.EnableOAuthServiceProvider === 'true') {
             tabs.push({name: 'developer', uiName: 'Developer', icon: 'glyphicon glyphicon-th'});
         }
+        if (global.window.config.AllowIncomingWebhooks === 'true') {
+            tabs.push({name: 'integrations', uiName: 'Integrations', icon: 'glyphicon glyphicon-transfer'});
+        }
 
         return (
             <div
diff --git a/web/react/components/user_settings_notifications.jsx b/web/react/components/user_settings/user_settings_notifications.jsx
index dadbb669b..fde4970ce 100644
--- a/web/react/components/user_settings_notifications.jsx
+++ b/web/react/components/user_settings/user_settings_notifications.jsx
@@ -1,12 +1,12 @@
 // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-var UserStore = require('../stores/user_store.jsx');
-var SettingItemMin = require('./setting_item_min.jsx');
-var SettingItemMax = require('./setting_item_max.jsx');
-var client = require('../utils/client.jsx');
-var AsyncClient = require('../utils/async_client.jsx');
-var utils = require('../utils/utils.jsx');
+var UserStore = require('../../stores/user_store.jsx');
+var SettingItemMin = require('../setting_item_min.jsx');
+var SettingItemMax = require('../setting_item_max.jsx');
+var client = require('../../utils/client.jsx');
+var AsyncClient = require('../../utils/async_client.jsx');
+var utils = require('../../utils/utils.jsx');
 var assign = require('object-assign');
 
 function getNotificationsStateFromStores() {
diff --git a/web/react/components/user_settings_security.jsx b/web/react/components/user_settings/user_settings_security.jsx
index c10d790ae..b59c08af0 100644
--- a/web/react/components/user_settings_security.jsx
+++ b/web/react/components/user_settings/user_settings_security.jsx
@@ -1,11 +1,11 @@
 // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-var SettingItemMin = require('./setting_item_min.jsx');
-var SettingItemMax = require('./setting_item_max.jsx');
-var Client = require('../utils/client.jsx');
-var AsyncClient = require('../utils/async_client.jsx');
-var Constants = require('../utils/constants.jsx');
+var SettingItemMin = require('../setting_item_min.jsx');
+var SettingItemMax = require('../setting_item_max.jsx');
+var Client = require('../../utils/client.jsx');
+var AsyncClient = require('../../utils/async_client.jsx');
+var Constants = require('../../utils/constants.jsx');
 
 export default class SecurityTab extends React.Component {
     constructor(props) {
diff --git a/web/react/pages/channel.jsx b/web/react/pages/channel.jsx
index 43493de45..d24fe0b98 100644
--- a/web/react/pages/channel.jsx
+++ b/web/react/pages/channel.jsx
@@ -19,7 +19,7 @@ var DeletePostModal = require('../components/delete_post_modal.jsx');
 var MoreChannelsModal = require('../components/more_channels.jsx');
 var PostDeletedModal = require('../components/post_deleted_modal.jsx');
 var ChannelNotificationsModal = require('../components/channel_notifications.jsx');
-var UserSettingsModal = require('../components/user_settings_modal.jsx');
+var UserSettingsModal = require('../components/user_settings/user_settings_modal.jsx');
 var TeamSettingsModal = require('../components/team_settings_modal.jsx');
 var ChannelMembersModal = require('../components/channel_members.jsx');
 var ChannelInviteModal = require('../components/channel_invite_modal.jsx');
diff --git a/web/react/utils/client.jsx b/web/react/utils/client.jsx
index c9eb09c00..531e4fdae 100644
--- a/web/react/utils/client.jsx
+++ b/web/react/utils/client.jsx
@@ -59,7 +59,7 @@ export function createTeamFromSignup(teamSignup, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(teamSignup),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('createTeamFromSignup', xhr, status, err);
             error(e);
@@ -74,7 +74,7 @@ export function createTeamWithSSO(team, service, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(team),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('createTeamWithSSO', xhr, status, err);
             error(e);
@@ -89,7 +89,7 @@ export function createUser(user, data, emailHash, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(user),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('createUser', xhr, status, err);
             error(e);
@@ -106,7 +106,7 @@ export function updateUser(user, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(user),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('updateUser', xhr, status, err);
             error(e);
@@ -123,7 +123,7 @@ export function updatePassword(data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('newPassword', xhr, status, err);
             error(e);
@@ -140,7 +140,7 @@ export function updateUserNotifyProps(data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('updateUserNotifyProps', xhr, status, err);
             error(e);
@@ -155,7 +155,7 @@ export function updateRoles(data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('updateRoles', xhr, status, err);
             error(e);
@@ -176,7 +176,7 @@ export function updateActive(userId, active, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('updateActive', xhr, status, err);
             error(e);
@@ -193,7 +193,7 @@ export function sendPasswordReset(data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('sendPasswordReset', xhr, status, err);
             error(e);
@@ -210,7 +210,7 @@ export function resetPassword(data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('resetPassword', xhr, status, err);
             error(e);
@@ -254,7 +254,7 @@ export function revokeSession(altId, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify({id: altId}),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('revokeSession', xhr, status, err);
             error(e);
@@ -269,7 +269,7 @@ export function getSessions(userId, success, error) {
         dataType: 'json',
         contentType: 'application/json',
         type: 'GET',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('getSessions', xhr, status, err);
             error(e);
@@ -283,7 +283,7 @@ export function getAudits(userId, success, error) {
         dataType: 'json',
         contentType: 'application/json',
         type: 'GET',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('getAudits', xhr, status, err);
             error(e);
@@ -367,7 +367,7 @@ export function inviteMembers(data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('inviteMembers', xhr, status, err);
             error(e);
@@ -384,7 +384,7 @@ export function updateTeamDisplayName(data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('updateTeamDisplayName', xhr, status, err);
             error(e);
@@ -401,7 +401,7 @@ export function signupTeam(email, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify({email: email}),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('singupTeam', xhr, status, err);
             error(e);
@@ -418,7 +418,7 @@ export function createTeam(team, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(team),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('createTeam', xhr, status, err);
             error(e);
@@ -433,7 +433,7 @@ export function findTeamByName(teamName, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify({name: teamName}),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('findTeamByName', xhr, status, err);
             error(e);
@@ -448,7 +448,7 @@ export function findTeamsSendEmail(email, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify({email: email}),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('findTeamsSendEmail', xhr, status, err);
             error(e);
@@ -465,7 +465,7 @@ export function findTeams(email, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify({email: email}),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('findTeams', xhr, status, err);
             error(e);
@@ -480,7 +480,7 @@ export function createChannel(channel, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(channel),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('createChannel', xhr, status, err);
             error(e);
@@ -497,7 +497,7 @@ export function createDirectChannel(channel, userId, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify({user_id: userId}),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('createDirectChannel', xhr, status, err);
             error(e);
@@ -514,7 +514,7 @@ export function updateChannel(channel, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(channel),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('updateChannel', xhr, status, err);
             error(e);
@@ -531,7 +531,7 @@ export function updateChannelDesc(data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('updateChannelDesc', xhr, status, err);
             error(e);
@@ -548,7 +548,7 @@ export function updateNotifyLevel(data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('updateNotifyLevel', xhr, status, err);
             error(e);
@@ -562,7 +562,7 @@ export function joinChannel(id, success, error) {
         dataType: 'json',
         contentType: 'application/json',
         type: 'POST',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('joinChannel', xhr, status, err);
             error(e);
@@ -578,7 +578,7 @@ export function leaveChannel(id, success, error) {
         dataType: 'json',
         contentType: 'application/json',
         type: 'POST',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('leaveChannel', xhr, status, err);
             error(e);
@@ -594,7 +594,7 @@ export function deleteChannel(id, success, error) {
         dataType: 'json',
         contentType: 'application/json',
         type: 'POST',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('deleteChannel', xhr, status, err);
             error(e);
@@ -610,7 +610,7 @@ export function updateLastViewedAt(channelId, success, error) {
         dataType: 'json',
         contentType: 'application/json',
         type: 'POST',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('updateLastViewedAt', xhr, status, err);
             error(e);
@@ -624,7 +624,7 @@ export function getChannels(success, error) {
         url: '/api/v1/channels/',
         dataType: 'json',
         type: 'GET',
-        success: success,
+        success,
         ifModified: true,
         error: function onError(xhr, status, err) {
             var e = handleError('getChannels', xhr, status, err);
@@ -639,7 +639,7 @@ export function getChannel(id, success, error) {
         url: '/api/v1/channels/' + id + '/',
         dataType: 'json',
         type: 'GET',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('getChannel', xhr, status, err);
             error(e);
@@ -654,7 +654,7 @@ export function getMoreChannels(success, error) {
         url: '/api/v1/channels/more',
         dataType: 'json',
         type: 'GET',
-        success: success,
+        success,
         ifModified: true,
         error: function onError(xhr, status, err) {
             var e = handleError('getMoreChannels', xhr, status, err);
@@ -669,7 +669,7 @@ export function getChannelCounts(success, error) {
         url: '/api/v1/channels/counts',
         dataType: 'json',
         type: 'GET',
-        success: success,
+        success,
         ifModified: true,
         error: function onError(xhr, status, err) {
             var e = handleError('getChannelCounts', xhr, status, err);
@@ -683,7 +683,7 @@ export function getChannelExtraInfo(id, success, error) {
         url: '/api/v1/channels/' + id + '/extra_info',
         dataType: 'json',
         type: 'GET',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('getChannelExtraInfo', xhr, status, err);
             error(e);
@@ -698,7 +698,7 @@ export function executeCommand(channelId, command, suggest, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify({channelId: channelId, command: command, suggest: '' + suggest}),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('executeCommand', xhr, status, err);
             error(e);
@@ -713,7 +713,7 @@ export function getPostsPage(channelId, offset, limit, success, error, complete)
         dataType: 'json',
         type: 'GET',
         ifModified: true,
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('getPosts', xhr, status, err);
             error(e);
@@ -728,7 +728,7 @@ export function getPosts(channelId, since, success, error, complete) {
         dataType: 'json',
         type: 'GET',
         ifModified: true,
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('getPosts', xhr, status, err);
             error(e);
@@ -744,7 +744,7 @@ export function getPost(channelId, postId, success, error) {
         dataType: 'json',
         type: 'GET',
         ifModified: false,
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('getPost', xhr, status, err);
             error(e);
@@ -758,7 +758,7 @@ export function search(terms, success, error) {
         dataType: 'json',
         type: 'GET',
         data: {terms: terms},
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('search', xhr, status, err);
             error(e);
@@ -774,7 +774,7 @@ export function deletePost(channelId, id, success, error) {
         dataType: 'json',
         contentType: 'application/json',
         type: 'POST',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('deletePost', xhr, status, err);
             error(e);
@@ -791,7 +791,7 @@ export function createPost(post, channel, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(post),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('createPost', xhr, status, err);
             error(e);
@@ -817,7 +817,7 @@ export function updatePost(post, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(post),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('updatePost', xhr, status, err);
             error(e);
@@ -834,7 +834,7 @@ export function addChannelMember(id, data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('addChannelMember', xhr, status, err);
             error(e);
@@ -851,7 +851,7 @@ export function removeChannelMember(id, data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('removeChannelMember', xhr, status, err);
             error(e);
@@ -868,7 +868,7 @@ export function getProfiles(success, error) {
         dataType: 'json',
         contentType: 'application/json',
         type: 'GET',
-        success: success,
+        success,
         ifModified: true,
         error: function onError(xhr, status, err) {
             var e = handleError('getProfiles', xhr, status, err);
@@ -885,7 +885,7 @@ export function uploadFile(formData, success, error) {
         cache: false,
         contentType: false,
         processData: false,
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             if (err !== 'abort') {
                 var e = handleError('uploadFile', xhr, status, err);
@@ -905,7 +905,7 @@ export function getFileInfo(filename, success, error) {
         dataType: 'json',
         contentType: 'application/json',
         type: 'GET',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('getFileInfo', xhr, status, err);
             error(e);
@@ -919,7 +919,7 @@ export function getPublicLink(data, success, error) {
         dataType: 'json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('getPublicLink', xhr, status, err);
             error(e);
@@ -935,7 +935,7 @@ export function uploadProfileImage(imageData, success, error) {
         cache: false,
         contentType: false,
         processData: false,
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('uploadProfileImage', xhr, status, err);
             error(e);
@@ -951,7 +951,7 @@ export function importSlack(fileData, success, error) {
         cache: false,
         contentType: false,
         processData: false,
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('importTeam', xhr, status, err);
             error(e);
@@ -964,7 +964,7 @@ export function exportTeam(success, error) {
         url: '/api/v1/teams/export_team',
         type: 'GET',
         dataType: 'json',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('exportTeam', xhr, status, err);
             error(e);
@@ -978,7 +978,7 @@ export function getStatuses(success, error) {
         dataType: 'json',
         contentType: 'application/json',
         type: 'GET',
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('getStatuses', xhr, status, err);
             error(e);
@@ -991,7 +991,7 @@ export function getMyTeam(success, error) {
         url: '/api/v1/teams/me',
         dataType: 'json',
         type: 'GET',
-        success: success,
+        success,
         ifModified: true,
         error: function onError(xhr, status, err) {
             var e = handleError('getMyTeam', xhr, status, err);
@@ -1007,7 +1007,7 @@ export function updateValetFeature(data, success, error) {
         contentType: 'application/json',
         type: 'POST',
         data: JSON.stringify(data),
-        success: success,
+        success,
         error: function onError(xhr, status, err) {
             var e = handleError('updateValetFeature', xhr, status, err);
             error(e);
@@ -1040,7 +1040,7 @@ export function allowOAuth2(responseType, clientId, redirectUri, state, scope, s
         dataType: 'json',
         contentType: 'application/json',
         type: 'GET',
-        success: success,
+        success,
         error: (xhr, status, err) => {
             const e = handleError('allowOAuth2', xhr, status, err);
             error(e);
@@ -1049,3 +1049,46 @@ export function allowOAuth2(responseType, clientId, redirectUri, state, scope, s
 
     module.exports.track('api', 'api_users_allow_oauth2');
 }
+
+export function addIncomingHook(hook, success, error) {
+    $.ajax({
+        url: '/api/v1/hooks/incoming/create',
+        dataType: 'json',
+        contentType: 'application/json',
+        type: 'POST',
+        data: JSON.stringify(hook),
+        success,
+        error: (xhr, status, err) => {
+            var e = handleError('addIncomingHook', xhr, status, err);
+            error(e);
+        }
+    });
+}
+
+export function deleteIncomingHook(data, success, error) {
+    $.ajax({
+        url: '/api/v1/hooks/incoming/delete',
+        dataType: 'json',
+        contentType: 'application/json',
+        type: 'POST',
+        data: JSON.stringify(data),
+        success,
+        error: (xhr, status, err) => {
+            var e = handleError('deleteIncomingHook', xhr, status, err);
+            error(e);
+        }
+    });
+}
+
+export function listIncomingHooks(success, error) {
+    $.ajax({
+        url: '/api/v1/hooks/incoming/list',
+        dataType: 'json',
+        type: 'GET',
+        success,
+        error: (xhr, status, err) => {
+            var e = handleError('listIncomingHooks', xhr, status, err);
+            error(e);
+        }
+    });
+}