Pop Open AppUI Page

The following code sample shows an example in TypeScript for the IPopFlowAppUIRequest to open a Customer 360 page.

const frameworkProvider: IUiEventsFrameworkProvider = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('MyFirstExtensionID', 'v1');
    const openerTabContext: ITabContext = await  frameworkProvider.getTabContext();
    const requestObject: IPopFlowAppUIRequest = frameworkProvider.requestHelper.createPublishRequest('PopOperation') as IPopFlowAppUIRequest;
    requestObject.setApplicationUIName('advanced-customer-care');
    requestObject.setFlow('main');
    requestObject.setPage('main-start/main-dashboard');
    requestObject.setOpenPageInNewBrowserTab(true); 
	requestObject.setInputParameters({ contactPartyNumber: "CDRM_943646", selectedAccountId: "9466225076" });     
	const response: IPopFlowResponse = await openerTabContext.publish(requestObject) as IPopFlowResponse;

The following code sample shows an example in JavaScript for the IPopFlowAppUIRequest to open a Customer 360 page.

const frameworkProvider = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('MyFirstExtensionID', 'v1');
    const openerTabContext = await  frameworkProvider.getTabContext();
    const requestObject = frameworkProvider.requestHelper.createPublishRequest('PopOperation');
    requestObject.setApplicationUIName('advanced-customer-care');
    requestObject.setFlow('main');
    requestObject.setPage('main-start/main-dashboard');
    requestObject.setOpenPageInNewBrowserTab(true); 
    requestObject.setInputParameters({ contactPartyNumber: "CDRM_943646", selectedAccountId: "9466225076" });
    const response = await openerTabContext.publish(requestObject);