July 29 2024

Versions

Latest React SDK: 2.0.22
Latest Non-React SDK: 2.0.22
Latest Types: 2.0.22

We have added wireframes for custom annotation. Learn more. You can now customize annotation dropdown component feature. Create custom list data on annotation as required.

const customChipDropdownData: {
    type: 'multi' | 'single',
    data: {
        id: string,
        label: string
    }[]
} = {
    type: 'multi',
    data: [
        { id: 'violent', label: 'Violent' },
        { id: 'inappropriate', label: 'Inappropriate' },
        { id: 'robbery', label: 'Robbery' },
        { id: 'nsfw', label: 'NSFW' },
    ]
}

Configure `maxDays` In Notification Tool and Notification Element

Set maximum days for notifications tool and notifications element by using the setMaxDays() API method. By default, the maximum days are set to 30.

React / Next.js
Other Frameworks

<VeltNotificationsTool maxDays={15} />

<velt-notifications-tool max-days="15"></velt-notifications-tool>

API Methods:

React / Next.js
Other Frameworks

const notificationElement = client.getNotificationElement();
notificationElement.setMaxDays(15);

const notificationElement = Velt.getNotificationElement();
notificationElement.setMaxDays(15);

Added New Action Types

We have added new action types within notifications: reactionAdded, reactionDeleted.

Added Notifications Metadata Type

Added notifications metadata type. User will get this metadata from notification.metadata object in the notification callback. Learn more.

export class NotificationMetadata {
 
  apiKey?: string;
  clientOrganizationId?: string;
  organizationId?: string;
  clientDocumentId?: string | number;
  documentId?: string;
  locationId?: number;
  location?: Location;
}

Added `customListDataOnComment` Method

For Autocomplete data, you can now directly set the data from comment element.

const customListDataOnComment: {
        hotkey: string,
        type: string,
        data: {
            id: string,
            name: string,
            description: string
        }[]
    } =  {
        hotkey: "!",
        type: "custom",
        data: [
            {
                id: '1',
                name: 'Name 1',
                description: 'Test Description 1'
            },
            {
                id: '2',
                name: 'Name 2',
                description: 'Test Description 2'
            },
            {
                id: '3',
                name: 'Name 3',
                description: 'Test Description 3'
            }
        ],
    }

API Methods

React / Next.js
Other Frameworks

const commentElement = client.getCommentElement();			
<VeltComments customListDataOnComment={customListDataOnComment} />

const commentElement = Velt.getCommentElement();			
commentElement.createCustomListDataOnComment(customListDataOnComment);

​Versions

​Added Wireframe for Custom Annotation Dropdown

​Added Custom Annotation Dropdown Component Feature

​Configure maxDays In Notification Tool and Notification Element

​Added New Action Types

​Added Notifications Metadata Type

​Added customListDataOnComment Method

Versions

Added Wireframe for Custom Annotation Dropdown

Added Custom Annotation Dropdown Component Feature

Configure `maxDays` In Notification Tool and Notification Element

Added New Action Types

Added Notifications Metadata Type

Added `customListDataOnComment` Method