@veltdev/react 1.0.115 → 1.0.117

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

@@ -40,6 +40,7 @@ export interface IVeltCommentsSidebarProps {
     pageModeComposerVariant?: string;
     dialogVariant?: string;
     shadowDom?: boolean;
+    sortData?: 'asc' | 'desc' | 'none';
     filterConfig?: CommentSidebarFilterConfig;
     groupConfig?: CommentSidebarGroupConfig;
     filters?: CommentSidebarFilters;

package/cjs/types/components/VeltCommentBubble/VeltCommentBubbleWireframe.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { IVeltCommentBubbleAvatarProps } from "./VeltCommentBubbleAvatar/VeltCommentBubbleAvatar";
+import { IVeltCommentBubbleCommentsCountProps } from "./VeltCommentBubbleCommentsCount/VeltCommentBubbleCommentsCount";
+export interface IVeltCommentBubbleWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentBubbleWireframe extends React.FC<IVeltCommentBubbleWireframeProps> {
+    Avatar: React.FC<IVeltCommentBubbleAvatarProps>;
+    CommentsCount: React.FC<IVeltCommentBubbleCommentsCountProps>;
+}
+declare const VeltCommentBubbleWireframe: IVeltCommentBubbleWireframe;
+export default VeltCommentBubbleWireframe;

package/cjs/types/components/VeltCommentBubble/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./VeltCommentBubbleWireframe";

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogAssigneeBanner/VeltCommentDialogAssigneeBanner.d.ts

@@ -4,9 +4,10 @@ import { IVeltCommentDialogAssigneeBannerUserAvatarProps } from "./VeltCommentDi
 import { IVeltCommentDialogAssigneeBannerUserNameProps } from "./VeltCommentDialogAssigneeBannerUserName/VeltCommentDialogAssigneeBannerUserName";
 export interface IVeltCommentDialogAssigneeBannerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
 }
-declare const VeltCommentDialogAssigneeBanner: React.FC<IVeltCommentDialogAssigneeBannerProps> & {
+export interface IVeltCommentDialogAssigneeBanner extends React.FC<IVeltCommentDialogAssigneeBannerProps> {
     ResolveButton: React.FC<IVeltCommentDialogAssigneeBannerResolveButtonProps>;
     UserAvatar: React.FC<IVeltCommentDialogAssigneeBannerUserAvatarProps>;
     UserName: React.FC<IVeltCommentDialogAssigneeBannerUserNameProps>;
-};
+}
+declare const VeltCommentDialogAssigneeBanner: IVeltCommentDialogAssigneeBanner;
 export default VeltCommentDialogAssigneeBanner;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogSuggestionAction/VeltCommentDialogSuggestionAction.d.ts

@@ -3,8 +3,9 @@ import { IVeltCommentDialogSuggestionActionAcceptProps } from "./VeltCommentDial
 import { IVeltCommentDialogSuggestionActionRejectProps } from "./VeltCommentDialogSuggestionActionReject/VeltCommentDialogSuggestionActionReject";
 export interface IVeltCommentDialogSuggestionActionProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
 }
-declare const VeltCommentDialogSuggestionAction: React.FC<IVeltCommentDialogSuggestionActionProps> & {
+export interface IVeltCommentDialogSuggestionAction extends React.FC<IVeltCommentDialogSuggestionActionProps> {
     Accept: React.FC<IVeltCommentDialogSuggestionActionAcceptProps>;
     Reject: React.FC<IVeltCommentDialogSuggestionActionRejectProps>;
-};
+}
+declare const VeltCommentDialogSuggestionAction: IVeltCommentDialogSuggestionAction;
 export default VeltCommentDialogSuggestionAction;

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

@@ -23,6 +23,7 @@ import { IVeltCommentDialogThreadsProps } from "./VeltCommentDialogThreads/VeltC
 import { IVeltCommentDialogToggleReplyProps } from "./VeltCommentDialogToggleReply/VeltCommentDialogToggleReply";
 import { IVeltCommentDialogUpgradeProps } from "./VeltCommentDialogUpgrade/VeltCommentDialogUpgrade";
 import { IVeltCommentDialogSuggestionActionProps } from "./VeltCommentDialogSuggestionAction/VeltCommentDialogSuggestionAction";
+import { IVeltCommentDialogPrivateBadgeProps } from "./VeltCommentDialogPrivateBadge/VeltCommentDialogPrivateBadge";
 export interface IVeltCommentDialogWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: string;
 }
@@ -51,5 +52,6 @@ declare const VeltCommentDialogWireframe: React.FC<IVeltCommentDialogWireframePr
     Threads: React.FC<IVeltCommentDialogThreadsProps>;
     ToggleReply: React.FC<IVeltCommentDialogToggleReplyProps>;
     Upgrade: React.FC<IVeltCommentDialogUpgradeProps>;
+    PrivateBadge: React.FC<IVeltCommentDialogPrivateBadgeProps>;
 };
 export default VeltCommentDialogWireframe;

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

@@ -3,6 +3,7 @@ export interface IVeltHighChartCommentsProps {
     id: string;
     chartComputedData: any;
     dialogMetadataTemplate?: string[];
+    Highcharts?: any;
 }
 declare const VeltHighChartComments: React.FC<IVeltHighChartCommentsProps>;
 export default VeltHighChartComments;

package/esm/index.js

@@ -99,10 +99,10 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     if (!existingScript) {
         var script = document.createElement('script');
         if (staging) {
-            script.src = "https://us-central1-snipply-sdk-staging.cloudfunctions.net/getPrivateNpmPackageFile?packageName=sdk-staging&packageVersion=".concat((!version || version === 'latest') ? '1.0.1' : version, "&filePath=velt.js&orgName=@veltdev");
+            script.src = "https://us-central1-snipply-sdk-staging.cloudfunctions.net/getprivatenpmpackagefile?packageName=sdk-staging&packageVersion=".concat((!version || version === 'latest') ? '1.0.1' : version, "&filePath=velt.js&orgName=@veltdev");
         }
         else if (develop) {
-            script.src = "https://us-central1-snipply-sdk-staging.cloudfunctions.net/getPrivateNpmPackageFile?packageName=sdk-dev&packageVersion=".concat((!version || version === 'latest') ? '1.0.1' : version, "&filePath=velt.js&orgName=@veltdev");
+            script.src = "https://us-central1-snipply-sdk-staging.cloudfunctions.net/getprivatenpmpackagefile?packageName=sdk-dev&packageVersion=".concat((!version || version === 'latest') ? '1.0.1' : version, "&filePath=velt.js&orgName=@veltdev");
         }
         else {
             if (proxyDomain) {
@@ -276,7 +276,7 @@ var SnippylyComments = function (props) {
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
+    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
     var ref = useRef();
     useEffect(function () {
         if (ref.current) {
@@ -299,7 +299,7 @@ var SnippylyCommentsSidebar = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-comments-sidebar", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-comments-sidebar", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -723,7 +723,7 @@ var VeltNivoChartComments = function (_a) {
 };
 
 var VeltHighChartComments = function (_a) {
-    var chartComputedData = _a.chartComputedData, id = _a.id, dialogMetadataTemplate = _a.dialogMetadataTemplate;
+    var chartComputedData = _a.chartComputedData, id = _a.id, dialogMetadataTemplate = _a.dialogMetadataTemplate, Highcharts = _a.Highcharts;
     var _b = useState([]), points = _b[0], setPoints = _b[1];
     var _c = useState([]), ghostPoints = _c[0], setGhostPoints = _c[1];
     var chartRef = useRef(chartComputedData);
@@ -840,10 +840,22 @@ var VeltHighChartComments = function (_a) {
         if (chartRef.current && chartRef.current.chart) {
             var currentChart_1 = chartRef.current.chart;
             window.chart = currentChart_1;
+            // Define the callback to execute on chart redraw
+            var onRedraw_1 = function () {
+                calculatePoints();
+                filterGhostComments(commentsRef.current);
+            };
+            if (Highcharts) {
+                // Attach the event listener
+                Highcharts.addEvent(currentChart_1, 'redraw', onRedraw_1);
+            }
             // Perform the initial calculation
             calculatePoints();
             // Clean up the event listener when the component unmounts or chart changes
             return function () {
+                if (Highcharts) {
+                    Highcharts.removeEvent(currentChart_1, 'redraw', onRedraw_1);
+                }
             };
         }
     }, [chartComputedData]);
@@ -1229,6 +1241,11 @@ var VeltCommentDialogSuggestionAction = function (props) {
 VeltCommentDialogSuggestionAction.Accept = VeltCommentDialogSuggestionActionAccept;
 VeltCommentDialogSuggestionAction.Reject = VeltCommentDialogSuggestionActionReject;
 
+var VeltCommentDialogPrivateBadge = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-private-badge-wireframe", null, children));
+};
+
 var VeltCommentDialogWireframe = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
     return (React.createElement("velt-comment-dialog-wireframe", __assign({}, remainingProp), children));
@@ -1257,6 +1274,7 @@ VeltCommentDialogWireframe.ThreadCard = VeltCommentDialogThreadCard;
 VeltCommentDialogWireframe.Threads = VeltCommentDialogThreads;
 VeltCommentDialogWireframe.ToggleReply = VeltCommentDialogToggleReply;
 VeltCommentDialogWireframe.Upgrade = VeltCommentDialogUpgrade;
+VeltCommentDialogWireframe.PrivateBadge = VeltCommentDialogPrivateBadge;
 
 var VeltCommentsSidebarCloseButton = function (props) {
     var children = props.children;