Pop native svc-contact page in the Fusion application

In the Fusion application, the svc-contact page is the native page for opening the Contact detail view or the create a new contact page.

A page parameter named selectedView is used to render the Create Contact or Contact Detail views in the svc-contact page. If the value of the selectedView page parameter is createContact then it will render the create contact view. To open the detail view of an existing contact, the value of selectedView page parameter should be set as defaultView and the value of SVCMCA_CONTACT_NUMBER page parameter which must be set as the ID of the contact which is to be opened.

You access the pop native svc-contact page in the Fusion application, by opening the Create Contact view.

Here's the Javascript code for Pop svc-contact - create contact view:

const frameworkProvider = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('MyFirstExtensionID', 'v1');
const globalContext = await  frameworkProvider.getGlobalContext();  
const payload = frameworkProvider.requestHelper.createPublishRequest('PopOperation');
payload.setFlow('sr');
payload.setPage('svc-contact');
payload.setApplicationUIName('service');
payload.setInputParameters({"selectedView": "createContact"});
const popResponse = await globalContext.publish(payload);
const tabContext = popResponse.getResponseData();
const contactRecord = await tabContext.getActiveRecord();
var sfvPayload = frameworkProvider.requestHelper.createPublishRequest('cxEventBusSetFieldValueOperation');
sfvPayload.field().setValue("Contact.FirstName", "User123");
await contactRecord.publish(sfvPayload);

Here's the Typescript code for Pop svc-contact - create contact view:

const frameworkProvider: IUiEventsFrameworkProvider = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('MyFirstExtensionID', 'v1');
const globalContext: IGlobalContext = await  frameworkProvider.getGlobalContext(); 
const payload: IPopFlowAppUIRequest = frameworkProvider.requestHelper.createPublishRequest('PopOperation') as IPopFlowAppUIRequest;
payload.setFlow('sr');
payload.setPage('svc-contact');
payload.setApplicationUIName('service');
payload.setInputParameters({"selectedView": "createContact"});
const popResponse: IPopFlowResponse = await globalContext.publish(payload) as IPopFlowResponse;
const tabContext: ITabContext = popResponse.getResponseData() as ITabContext;
const contactRecord: IRecordContext = await tabContext.getActiveRecord() as IRecordContext;
var sfvPayload: ISetFieldValueOperationRequest = frameworkProvider.requestHelper.createPublishRequest('cxEventBusSetFieldValueOperation') as ISetFieldValueOperationRequest;
sfvPayload.field().setValue("Contact.FirstName", "User123");
await contactRecord.publish(sfvPayload);