@veltdev/react 3.0.18 → 3.0.19

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '3.0.18';
+var VELT_SDK_VERSION = '3.0.19';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -1371,8 +1371,8 @@ var VeltAutocomplete = function (props) {
 };
 
 var VeltInlineCommentsSection = function (props) {
-    var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId;
-    return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), 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 }, children));
+    var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, multiThread = props.multiThread;
+    return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), 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, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPin = function (props) {
@@ -1436,6 +1436,11 @@ var VeltInlineReactionsSection = function (props) {
     return (React__default["default"].createElement("velt-inline-reactions-section", { "target-reaction-element-id": targetReactionElementId, variant: variant, "custom-reactions": JSON.stringify(customReactions), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
+var VeltCommentComposer = function (props) {
+    var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant;
+    return (React__default["default"].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 }));
+};
+
 var VeltWireframe = function (props) {
     var children = props.children;
     return (React__default["default"].createElement("velt-wireframe", { style: { display: 'none' } }, children));
@@ -3303,6 +3308,11 @@ VeltMultiThreadCommentDialogWireframe.CloseButton = VeltMultiThreadCommentDialog
 VeltMultiThreadCommentDialogWireframe.MinimalFilterDropdown = VeltMultiThreadCommentDialogMinimalFilterDropdownWireframe;
 VeltMultiThreadCommentDialogWireframe.EmptyPlaceholder = VeltMultiThreadCommentDialogEmptyPlaceholderWireframe;
 
+var VeltCommentComposerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-composer-wireframe", __assign({}, remainingProps), children));
+};
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React__default["default"].useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -4082,6 +4092,8 @@ exports.VeltCanvasComment = VeltCanvasComment;
 exports.VeltChartComment = VeltChartComment;
 exports.VeltCommentBubble = SnippylyCommentBubble;
 exports.VeltCommentBubbleWireframe = VeltCommentBubbleWireframe;
+exports.VeltCommentComposer = VeltCommentComposer;
+exports.VeltCommentComposerWireframe = VeltCommentComposerWireframe;
 exports.VeltCommentDialogOptionsDropdownContentWireframe = VeltCommentDialogOptionsDropdownContentWireframe;
 exports.VeltCommentDialogOptionsDropdownTriggerWireframe = VeltCommentDialogOptionsDropdownTriggerWireframe;
 exports.VeltCommentDialogPriorityDropdownContentWireframe = VeltCommentDialogPriorityDropdownContentWireframe;