Sample code for the Catalog browse component

{ 

'CATALOG_BROWSE#COMPONENT_READY' : (e) => { 

// This event is dispatched when a component is ready and usable. 

}, 

'CATALOG_BROWSE#CATALOG_ITEM_SELECTED' : (e) => { 

// This event is dispatched when a catalog item is selected. 

var {catalog_item_details} = e.detail.payload; 

// Logic to construct the URL based on the catalog item details 

let redirectURL; 

const type = catalog_item_details.type; 



if (type === 'catalog_item' || type === 'record_producer') { 

redirectURL = '/catalog_form?emb_recordid=' + catalog_item_details.sys_id; 

} else if (type === 'content_item') { 

const content_type = catalog_item_details.content_type; 

if (content_type === 'kb') { 

redirectURL = '/article_view?emb_recordid=' + catalog_item_details.kb_article; 

} else if (content_type === 'external') { 

redirectURL = catalog_item_details.url; 

} else if (content_type === 'dynamic') { 

const dynamicContentItemDetails = catalog_item_details.dynamicContentItemDetails; 

// Check for 'Playbook' dynamic content type 

if(dynamicContentItemDetails.dynamicContentType === 'c0e6a71443923110f6669c7385b8f20a') 

redirectURL = '/playbook_intake?emb_playbook_title=' + dynamicContentItemDetails.content.title + '&emb_table=' + dynamicContentItemDetails.content.table + '&emb_record_generator=' + dynamicContentItemDetails.content.query + '&emb_playbook_experience=' + dynamicContentItemDetails.content.playbook_experience; 

} 

} 

// Redirect to the respective component page 

open(redirectURL, '_self'); 

}, 

'CATALOG_BROWSE#COMPONENT_EMPTY' : (e) => { 

// This event is dispatched when a component has nothing to display. 

}, 

'CATALOG_BROWSE#COMPONENT_ERROR' : (e) => { 

// This event is dispatched when a component encounters an error. 

var {errorMessage, errorType} = e.detail.payload; 

console.log(errorMessage, errorType); 

}