@veltdev/react 5.0.4 → 6.0.0-beta.2

package/cjs/index.js

@@ -140,10 +140,10 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
         // No script tag exists - this is the first component to request Velt
         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://serveprivatenpmpackage-4mfhcuyw2q-uc.a.run.app/sdk-staging/lib/sdk@".concat(version, "/velt.js");
         }
         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://serveprivatenpmpackage-4mfhcuyw2q-uc.a.run.app/sdk-dev/lib/sdk@".concat(version, "/velt.js");
         }
         else {
             if (proxyDomain) {
@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '5.0.4';
+var VELT_SDK_VERSION = '6.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.4': 'sha384-M+1SWJx6PMFgOO4nsVge5L0ySEDHaWC5MQU395bJic1LRPVX+vHwkVTTDKpPuo6E',
+    '6.0.0-beta.2': 'sha384-/cEsay1LeK6UfXkMdZIV68Wmmjlc+0Vhhji2xLFp7HwBThX2yy4pgeOqrI0+7eMP',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -2499,63 +2499,29 @@ var VeltVideoEditor = function (props) {
 };
 
 var VeltCommentsSidebarV2 = function (props) {
-    var pageMode = props.pageMode, focusedThreadMode = props.focusedThreadMode, readOnly = props.readOnly, embedMode = props.embedMode, floatingMode = props.floatingMode, position = props.position, variant = props.variant, forceClose = props.forceClose, darkMode = props.darkMode, defaultCondition = props.defaultCondition, filters = props.filters, miniFilters = props.miniFilters, minimalFilters = props.minimalFilters, filterOperator = props.filterOperator, filterPanelLayout = props.filterPanelLayout, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, systemFiltersOperator = props.systemFiltersOperator, defaultMinimalFilter = props.defaultMinimalFilter, excludeLocationIds = props.excludeLocationIds, sortBy = props.sortBy, sortOrder = props.sortOrder, sortData = props.sortData, customActions = props.customActions, openAnnotationInFocusMode = props.openAnnotationInFocusMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, fullScreen = props.fullScreen, shadowDom = props.shadowDom, fullExpanded = props.fullExpanded, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, currentLocationSuffix = props.currentLocationSuffix, sidebarButtonCountType = props.sidebarButtonCountType, dialogVariant = props.dialogVariant, focusedThreadDialogVariant = props.focusedThreadDialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, pageModePlaceholder = props.pageModePlaceholder, searchPlaceholder = props.searchPlaceholder, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, context = props.context, groupConfig = props.groupConfig, measuredSize = props.measuredSize, minBufferPx = props.minBufferPx, maxBufferPx = props.maxBufferPx, onSidebarOpen = props.onSidebarOpen, openSidebar = props.openSidebar, onSidebarClose = props.onSidebarClose, onCommentClick = props.onCommentClick, onSidebarCommentClick = props.onSidebarCommentClick, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, onFullscreenClick = props.onFullscreenClick, children = props.children;
+    var pageMode = props.pageMode, focusedThreadMode = props.focusedThreadMode, readOnly = props.readOnly, embedMode = props.embedMode, floatingMode = props.floatingMode, position = props.position, variant = props.variant, forceClose = props.forceClose, darkMode = props.darkMode, defaultCondition = props.defaultCondition, filters = props.filters, miniFilters = props.miniFilters, minimalFilters = props.minimalFilters, filterOperator = props.filterOperator, filterPanelLayout = props.filterPanelLayout, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, systemFiltersOperator = props.systemFiltersOperator, defaultMinimalFilter = props.defaultMinimalFilter, excludeLocationIds = props.excludeLocationIds, sortBy = props.sortBy, sortOrder = props.sortOrder, customActions = props.customActions, openAnnotationInFocusMode = props.openAnnotationInFocusMode, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, fullScreen = props.fullScreen, shadowDom = props.shadowDom, fullExpanded = props.fullExpanded, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, currentLocationSuffix = props.currentLocationSuffix, sidebarButtonCountType = props.sidebarButtonCountType, dialogVariant = props.dialogVariant, focusedThreadDialogVariant = props.focusedThreadDialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, pageModePlaceholder = props.pageModePlaceholder, searchPlaceholder = props.searchPlaceholder, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, context = props.context, groupConfig = props.groupConfig, measuredSize = props.measuredSize, minBufferPx = props.minBufferPx, maxBufferPx = props.maxBufferPx, onFullscreenClick = props.onFullscreenClick, children = props.children;
     var ref = React.useRef(null);
-    var onSidebarOpenRef = React.useRef(onSidebarOpen);
-    var openSidebarRef = React.useRef(openSidebar);
-    var onSidebarCloseRef = React.useRef(onSidebarClose);
-    var onCommentClickRef = React.useRef(onCommentClick);
-    var onSidebarCommentClickRef = React.useRef(onSidebarCommentClick);
-    var onCommentNavigationButtonClickRef = React.useRef(onCommentNavigationButtonClick);
     var onFullscreenClickRef = React.useRef(onFullscreenClick);
-    React.useEffect(function () { onSidebarOpenRef.current = onSidebarOpen; }, [onSidebarOpen]);
-    React.useEffect(function () { openSidebarRef.current = openSidebar; }, [openSidebar]);
-    React.useEffect(function () { onSidebarCloseRef.current = onSidebarClose; }, [onSidebarClose]);
-    React.useEffect(function () { onCommentClickRef.current = onCommentClick; }, [onCommentClick]);
-    React.useEffect(function () { onSidebarCommentClickRef.current = onSidebarCommentClick; }, [onSidebarCommentClick]);
-    React.useEffect(function () { onCommentNavigationButtonClickRef.current = onCommentNavigationButtonClick; }, [onCommentNavigationButtonClick]);
     React.useEffect(function () { onFullscreenClickRef.current = onFullscreenClick; }, [onFullscreenClick]);
+    // NOTE: sidebar open/close, comment click, and comment navigation-button click are no
+    // longer @Output() callbacks on the V2 sidebar — they are emitted on the unified on()
+    // bus. Subscribe via `useCommentEventCallback('sidebarOpen' | 'sidebarClose' |
+    // 'commentClick' | 'commentNavigationButtonClick')`. Only fullscreen remains an @Output().
     React.useEffect(function () {
         var element;
-        var handleSidebarOpen = function (event) {
-            // V1 order: deprecated alias first, then the current callback.
-            if (openSidebarRef.current)
-                openSidebarRef.current(event === null || event === void 0 ? void 0 : event.detail);
-            if (onSidebarOpenRef.current)
-                onSidebarOpenRef.current(event === null || event === void 0 ? void 0 : event.detail);
-        };
-        var handleSidebarClose = function (event) { if (onSidebarCloseRef.current)
-            onSidebarCloseRef.current(event === null || event === void 0 ? void 0 : event.detail); };
-        var handleCommentClick = function (event) {
-            // V1 order: deprecated alias first, then the current callback.
-            if (onSidebarCommentClickRef.current)
-                onSidebarCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
-            if (onCommentClickRef.current)
-                onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
-        };
-        var handleCommentNavigationButtonClick = function (event) { if (onCommentNavigationButtonClickRef.current)
-            onCommentNavigationButtonClickRef.current(event === null || event === void 0 ? void 0 : event.detail); };
         var handleFullscreenClick = function (event) { if (onFullscreenClickRef.current)
             onFullscreenClickRef.current(event === null || event === void 0 ? void 0 : event.detail); };
         if (ref.current) {
             element = ref.current;
-            element.addEventListener('onSidebarOpen', handleSidebarOpen);
-            element.addEventListener('onSidebarClose', handleSidebarClose);
-            element.addEventListener('onSidebarCommentClick', handleCommentClick);
-            element.addEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
             element.addEventListener('onFullscreenClick', handleFullscreenClick);
         }
         return function () {
             if (element) {
-                element.removeEventListener('onSidebarOpen', handleSidebarOpen);
-                element.removeEventListener('onSidebarClose', handleSidebarClose);
-                element.removeEventListener('onSidebarCommentClick', handleCommentClick);
-                element.removeEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
                 element.removeEventListener('onFullscreenClick', handleFullscreenClick);
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comments-sidebar-v2", { ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "embed-mode": embedMode, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, position: position, variant: variant, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filters: filters ? (typeof filters === 'object' ? JSON.stringify(filters) : filters) : undefined, "mini-filters": miniFilters ? (typeof miniFilters === 'object' ? JSON.stringify(miniFilters) : miniFilters) : undefined, "minimal-filters": minimalFilters ? (typeof minimalFilters === 'object' ? JSON.stringify(minimalFilters) : minimalFilters) : undefined, "filter-operator": filterOperator, "filter-panel-layout": filterPanelLayout, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "default-minimal-filter": defaultMinimalFilter, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, "sort-by": sortBy, "sort-order": sortOrder, "sort-data": sortData, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "sidebar-button-count-type": sidebarButtonCountType, "dialog-variant": dialogVariant, "focused-thread-dialog-variant": focusedThreadDialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "page-mode-placeholder": pageModePlaceholder, "search-placeholder": searchPlaceholder, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, context: context ? JSON.stringify(context) : undefined, "group-config": groupConfig ? (typeof groupConfig === 'object' ? JSON.stringify(groupConfig) : groupConfig) : undefined, "measured-size": measuredSize !== undefined && measuredSize !== null ? String(measuredSize) : undefined, "min-buffer-px": minBufferPx !== undefined && minBufferPx !== null ? String(minBufferPx) : undefined, "max-buffer-px": maxBufferPx !== undefined && maxBufferPx !== null ? String(maxBufferPx) : undefined }, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-v2", { ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "embed-mode": embedMode, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, position: position, variant: variant, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filters: filters ? (typeof filters === 'object' ? JSON.stringify(filters) : filters) : undefined, "mini-filters": miniFilters ? (typeof miniFilters === 'object' ? JSON.stringify(miniFilters) : miniFilters) : undefined, "minimal-filters": minimalFilters ? (typeof minimalFilters === 'object' ? JSON.stringify(minimalFilters) : minimalFilters) : undefined, "filter-operator": filterOperator, "filter-panel-layout": filterPanelLayout, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "default-minimal-filter": defaultMinimalFilter, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, "sort-by": sortBy, "sort-order": sortOrder, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "sidebar-button-count-type": sidebarButtonCountType, "dialog-variant": dialogVariant, "focused-thread-dialog-variant": focusedThreadDialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "page-mode-placeholder": pageModePlaceholder, "search-placeholder": searchPlaceholder, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, context: context ? JSON.stringify(context) : undefined, "group-config": groupConfig ? (typeof groupConfig === 'object' ? JSON.stringify(groupConfig) : groupConfig) : undefined, "measured-size": measuredSize !== undefined && measuredSize !== null ? String(measuredSize) : undefined, "min-buffer-px": minBufferPx !== undefined && minBufferPx !== null ? String(minBufferPx) : undefined, "max-buffer-px": maxBufferPx !== undefined && maxBufferPx !== null ? String(maxBufferPx) : undefined }, children));
 };
 
 var VeltCommentSidebarV2Skeleton = function (props) {