@veltdev/react 5.0.0-beta.1 → 5.0.0-beta.2

package/cjs/types/components/VeltCommentComposer/VeltCommentComposer.d.ts

@@ -10,6 +10,8 @@ export interface IVeltCommentComposerProps extends React.DetailedHTMLProps<React
     locationId?: string;
     documentId?: string;
     folderId?: string;
+    placeholder?: string;
+    targetElementId?: string;
 }
 declare const VeltCommentComposer: React.FC<IVeltCommentComposerProps>;
 export default VeltCommentComposer;

package/cjs/types/components/VeltCommentDialog/VeltCommentDialog.d.ts

@@ -6,6 +6,7 @@ export interface IVeltCommentDialogProps extends React.DetailedHTMLProps<React.H
     commentPinSelected?: boolean;
     fullExpanded?: boolean;
     shadowDom?: boolean;
+    placeholder?: string;
 }
 declare const VeltCommentDialog: React.FC<IVeltCommentDialogProps>;
 export default VeltCommentDialog;

package/cjs/types/components/VeltCommentDialog/VeltCommentDialogComposer/VeltCommentDialogComposer.d.ts

@@ -11,6 +11,7 @@ export interface IVeltCommentDialogComposerProps extends React.DetailedHTMLProps
     commentplaceholder?: string;
     replyplaceholder?: string;
     editplaceholder?: string;
+    targetElementId?: string;
 }
 declare const VeltCommentDialogComposer: React.FC<IVeltCommentDialogComposerProps>;
 export default VeltCommentDialogComposer;

package/cjs/types/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "5.0.0-beta.1";
+export declare const VELT_SDK_VERSION = "5.0.0-beta.2";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";
 export declare const INTEGRITY_MAP: Record<string, string>;

package/esm/index.js

@@ -137,13 +137,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     }
 };
 
-var VELT_SDK_VERSION = '5.0.0-beta.1';
+var VELT_SDK_VERSION = '5.0.0-beta.2';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '5.0.0-beta.1': 'sha384-fMN3ZF/Xls6kPb0BgrFjPT+Vy4pbJf6UttL5aF1sfdY0xfdp/kSpxdLeirA6H3II',
+    '5.0.0-beta.2': 'sha384-P/mj/JAXeU39QESjJFT6yJxpd5CIMt1DuS3dL4T5t5x0/163T/HONIKocpSIEXQ9',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -1617,8 +1617,8 @@ var VeltInlineReactionsSection = function (props) {
 };
 
 var VeltCommentComposer = function (props) {
-    var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, context = props.context, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId;
-    return (React.createElement("velt-comment-composer", { variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId }));
+    var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, context = props.context, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, placeholder = props.placeholder, targetElementId = props.targetElementId;
+    return (React.createElement("velt-comment-composer", { variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, placeholder: placeholder, "target-element-id": targetElementId }));
 };
 
 var VeltSingleEditorModePanel = function (props) {
@@ -1639,9 +1639,9 @@ var VeltVideoEditor = function (props) {
 };
 
 var VeltCommentDialog = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentPinSelected = props.commentPinSelected, fullExpanded = props.fullExpanded, shadowDom = props.shadowDom, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentPinSelected = props.commentPinSelected, fullExpanded = props.fullExpanded, shadowDom = props.shadowDom, placeholder = props.placeholder, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-pin-selected": [true, false].includes(commentPinSelected) ? (commentPinSelected ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comment-dialog", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-pin-selected": [true, false].includes(commentPinSelected) ? (commentPinSelected ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, placeholder: placeholder }, children));
 };
 
 var VeltCommentDialogContextWrapper = function (props) {
@@ -2370,9 +2370,9 @@ var VeltCommentDialogSuggestionActionReject$1 = function (props) {
 };
 
 var VeltCommentDialogComposer$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, commentObj = props.commentObj, commentIndex = props.commentIndex, composerWireframe = props.composerWireframe, placeholder = props.placeholder, commentplaceholder = props.commentplaceholder, replyplaceholder = props.replyplaceholder, editplaceholder = props.editplaceholder, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, commentObj = props.commentObj, commentIndex = props.commentIndex, composerWireframe = props.composerWireframe, placeholder = props.placeholder, commentplaceholder = props.commentplaceholder, replyplaceholder = props.replyplaceholder, editplaceholder = props.editplaceholder, targetElementId = props.targetElementId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "composer-wireframe": composerWireframe ? JSON.stringify(composerWireframe) : undefined, placeholder: placeholder, "comment-placeholder": commentplaceholder, "reply-placeholder": replyplaceholder, "edit-placeholder": editplaceholder }, children));
+    return (React.createElement("velt-comment-dialog-composer", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "composer-wireframe": composerWireframe ? JSON.stringify(composerWireframe) : undefined, placeholder: placeholder, "comment-placeholder": commentplaceholder, "reply-placeholder": replyplaceholder, "edit-placeholder": editplaceholder, "target-element-id": targetElementId }, children));
 };
 
 var VeltCommentDialogComposerActionButton$1 = function (props) {