@veltdev/react 4.5.0-beta.15 → 4.5.0-beta.17

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

@@ -1,3 +1,4 @@
+import { ContextOptions } from '@veltdev/types';
 import React from 'react';
 export interface IVeltCommentBubbleProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     /**
@@ -15,6 +16,10 @@ export interface IVeltCommentBubbleProps extends React.DetailedHTMLProps<React.H
     variant?: string;
     darkMode?: boolean;
     commentCountType?: 'total' | 'unread';
+    context?: {
+        [key: string]: any;
+    };
+    contextOptions?: ContextOptions;
 }
 declare const SnippylyCommentBubble: React.FC<IVeltCommentBubbleProps>;
 export default SnippylyCommentBubble;

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

@@ -1,3 +1,4 @@
+import { ContextOptions } from '@veltdev/types';
 import React from 'react';
 export interface IVeltCommentToolProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     /**
@@ -13,6 +14,7 @@ export interface IVeltCommentToolProps extends React.DetailedHTMLProps<React.HTM
     context?: {
         [key: string]: any;
     };
+    contextOptions?: ContextOptions;
 }
 declare const SnippylyCommentTool: React.FC<IVeltCommentToolProps>;
 export default SnippylyCommentTool;

package/cjs/types/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "4.5.0-beta.15";
+export declare const VELT_SDK_VERSION = "4.5.0-beta.17";
 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

@@ -136,13 +136,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     }
 };
 
-var VELT_SDK_VERSION = '4.5.0-beta.15';
+var VELT_SDK_VERSION = '4.5.0-beta.17';
 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 = {
-    '4.5.0-beta.15': 'sha384-5jIt3L1LDFTn1BCj4zZ7S4tIQq21pbm/VyPs24aiv6TW7dEItdbi7BtjKnF+BuV7',
+    '4.5.0-beta.17': 'sha384-1ysxnEKlEW6Wk+6MUn6D/mp5o96uYNE5bD+DpiUtgUg3ZuPZeeE+x2PDjsER/MFr',
 };
 
 var SnippylyProvider = function (props) {
@@ -261,8 +261,8 @@ var SnippylyProvider = function (props) {
 };
 
 var SnippylyCommentBubble = function (props) {
-    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, avatar = props.avatar, showAvatar = props.showAvatar, commentBubbleTargetPinHover = props.commentBubbleTargetPinHover, children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode, commentCountType = props.commentCountType;
-    return (React.createElement("velt-comment-bubble", { "comment-count-type": commentCountType, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, "show-avatar": [true, false].includes(showAvatar) ? (showAvatar ? 'true' : 'false') : undefined, avatar: [true, false].includes(avatar) ? (avatar ? 'true' : 'false') : undefined, "comment-bubble-target-pin-hover": commentBubbleTargetPinHover ? 'true' : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, variant: variant }, children));
+    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, avatar = props.avatar, showAvatar = props.showAvatar, commentBubbleTargetPinHover = props.commentBubbleTargetPinHover, children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode, commentCountType = props.commentCountType, context = props.context, contextOptions = props.contextOptions;
+    return (React.createElement("velt-comment-bubble", { "comment-count-type": commentCountType, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "show-avatar": [true, false].includes(showAvatar) ? (showAvatar ? 'true' : 'false') : undefined, avatar: [true, false].includes(avatar) ? (avatar ? 'true' : 'false') : undefined, "comment-bubble-target-pin-hover": commentBubbleTargetPinHover ? 'true' : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, variant: variant }, children));
 };
 
 var SnippylyComments = function (props) {
@@ -472,7 +472,7 @@ var SnippylyCommentsSidebar = function (props) {
 };
 
 var SnippylyCommentTool = function (props) {
-    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, onCommentModeChange = props.onCommentModeChange, sourceId = props.sourceId, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, context = props.context;
+    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, onCommentModeChange = props.onCommentModeChange, sourceId = props.sourceId, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, context = props.context, contextOptions = props.contextOptions;
     var ref = useRef();
     var onCommentModeChangeRef = useRef(onCommentModeChange);
     // Update the ref to always point to the latest callback function
@@ -498,7 +498,7 @@ var SnippylyCommentTool = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, "source-id": sourceId, variant: variant, context: JSON.stringify(context), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, "source-id": sourceId, variant: variant, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCursor = function (props) {