sfdc-lightning-debounce-02.js

({

    handleComboBoxChangedEvent: function(component, event, helper) {
        var params = event.getParams();

        if(params.type === 'searchTermChanged') {
            component.set('v.comboLoading', true);

            helper.searchAccounts(component, params.searchTerm)
            .then(function(data) {
                component.set('v.searchedAccounts', data.map(function(rec) {
                    return {
                        record: rec,
                        name: rec.Id,
                        label: rec.ZVP_Franchise_Display_Name__c,
                    }
                }));
                component.set('v.comboLoading', false);
            })
            .catch(function(err) {
                // utils.error('Error searching accounts', err);
                // ERROR - handle gracefully
            });
        } else if (params.type === 'selectedItemChanged') {
            component.set('v.comboLoading', false);
            // TODO: allow array in future (if we want multi-select)
            var selectedAccountId = params.selectedItem.name;
            var searchedAccounts = component.get('v.searchedAccounts');
            // find account - NOTE: you will need to add a polyfill for IE or modify to use Array.indexOf();
            var selectedAccount = searchedAccounts.find(function(account) { account.Id === selectedAccountId });
            component.set('v.selectedAccount', selectedAccount);
        }
    },
})