1. import {ZohoDeskPortalTicket} from '@zohocorp/zohodesk-portal-ticket';
   //This is the default value for this configuration
   ZohoDeskPortalTicket.setConfiguration({
   isReplyAllowed: true,
   isCommentAllowed: true,
   isTicketUpdateAllowed: true,
   isCommentEditAllowed: true,
   isCommentDeleteAllowed: true,
   isAddTicketAllowed: true,
   isCustomerHappinessThreadAllowed: true,
   isTicketChannelAllowed: true,
   isTicketPropertiesAllowed: true,
   disableTicketDetailSearch: false
   })
   

1. import {ZohoDeskPortalSubmitTicket} from '@zohocorp/zohodesk-portal-ticket';
   ZohoDeskPortalSubmitTicket.getCallbackOnCreate((success)=>{
   console.log(success)
   },(error)=>{
   console.log(error)
   });
   

1. import {ZohoDeskPortalSDK} from '@zohocorp/zohodesk-portal-apikit'
   
   ZohoDeskPortalSDK.getDepartments((success)=>{
   console.log(success)
   },(error) => {
   console.log(error)
   }
   

Get Layouts

Add the following code snippet to fetch the list of Layouts available in the Help-center:

1. import {ZohoDeskPortalSDK} from '@zohocorp/zohodesk-portal-apikit'
   var departmentID = 'Your_departmentID'
   var queryParams = {
   'limit': '1'
   }
   ZohoDeskPortalSDK.getProducts(departmentID,queryParams
   ,(success) => {
   console.log(success); 
   }, (error) => {
   console.log(error);
   })
   

1. import {ZohoDeskPortalSubmitTicket} from '@zohocorp/zohodesk-portal-ticket';
   import {ZDVisibleTicketField} from
   '@zohocorp/zohodesk-portal-ticket/src/Components/ZDPortalSubmitTicketWrapper';
   
   const visibleField = new ZDVisibleTicketField('departmentId', 'layoutId', ['subject']);
   const visibleFields = [visibleField];
   ZohoDeskPortalSubmitTicket.setFieldsListTobeShown(visibleFields);
   

1. class ZDVisibleTicketField {
   constructor(departmentId, layoutId, fieldNames) {
   this.departmentId = departmentId;
   this.layoutId = layoutId;
   this.fieldNames = fieldNames;
   }
   

1. import {ZohoDeskPortalSubmitTicket} from '@zohocorp/zohodesk-portal-ticket';
   import {ZDCustomizedTicketField, ZDCustomizedTicketForm} from
   '@zohocorp/zohodesk-portal-ticket/src/Components/ZDPortalSubmitTicketWrapper';
   const ticketField1 = new ZDCustomizedTicketField('fieldName', 'This is pre fill value', true);
   
   const ticketField2 = new ZDCustomizedTicketField('fieldName', '5678', true);
   const ticketForm = new ZDCustomizedTicketForm('departmentId', 'layoutId',
   [ticketField1, ticketField2]);
   
   const ticketForms = [ticketForm];
   ZohoDeskPortalSubmitTicket.preFillTicketFields(ticketForms)
   

1. class ZDCustomizedTicketForm {
   constructor(departmentId, layoutId, customizedTicketFields) {
   this.departmentId = departmentId;
   this.layoutId = layoutId;
   this.customizedTicketFields = customizedTicketFields;
   }
   }
   

1. class ZDCustomizedTicketField {
   constructor(fieldName, value, isEditable) {
   this.fieldName = fieldName;
   this.value = value;
   this.isEditable = isEditable;
   }
   }
   

1. import {ZohoDeskPortalSDK} from '@zohocorp/zohodesk-portal-apikit'
   var fileName = "HelloWorld.txt"
   ZohoDeskPortalSDK.addAttachments(fileName,base64Data, (success)=>{
   console.log(success);
   },(error)=>{
   console.log(error);
   }
   

1. import {ZohoDeskPortalSDK} from '@zohocorp/zohodesk-portal-apikit';
   var ticketData = {
   "cf" : {
   "data" : "cf_new_data s"
   },
   "phone" : "your_phone_number",
   "subject" : "ticket_subject",
   "departmentId" : "your_DepartmentID",
   "description" : "your_ticket_description",
   "priority" : "High",
   "classification" : "ticket_classification"
   }
   ZohoDeskPortalSDK.createTicket(ticketData,(success)=>{
   console.log(success)
   },(error) =>{
   console.log(error)
   })
   

1. import {ZohoDeskPortalSDK} from '@zohocorp/zohodesk-portal-apikit';
   var ticketGuestData = {
   "cf" : {
   "data" : "cf_new_data"
   },
   "phone" : "your_phone_number",
   "contactName" : "your_contact_name",
   "subject" : "New Ticket API",
   "departmentId" : "your_DepartemnetID",
   "description" : "description of the ticket",
   "priority" : "High",
   "classification" : "ticket_classification",
   "email" : "yourmail@gmail.com"
   }
   ZohoDeskPortalSDK.createGuestTicket(ticketGuestData,(success)=>{
   console.log(success)
   },(error) =>{
   console.log(error)
   })
   

1. import {ZohoDeskPortalTicket} from '@zohocorp/zohodesk-portal-ticket';
   ZohoDeskPortalTicket.showTicketDetail("Your_ticket_Id")