@veltdev/react 6.0.8 → 6.0.9

package/cjs/components/VeltNotificationsPanel/VeltNotificationsPanel.d.ts

@@ -1,4 +1,4 @@
-import { CrossOrganizationConfig, NotificationPanelMode, NotificationSettingsLayout } from '@veltdev/types';
+import { CrossOrganizationConfig, NotificationPanelMode, NotificationSettingsLayout, UserScopedNotificationsConfig } from '@veltdev/types';
 import React from 'react';
 export declare class NotificationTabConfigItem {
     name?: string;
@@ -25,6 +25,7 @@ export interface IVeltNotificationsPanelProps {
     enableSettingsAtOrganizationLevel?: boolean;
     defaultCondition?: boolean;
     enableCrossOrganization?: boolean | string | CrossOrganizationConfig;
+    enableUserScopedNotifications?: boolean | string | UserScopedNotificationsConfig;
 }
 declare const VeltNotificationsPanel: React.FC<IVeltNotificationsPanelProps>;
 export default VeltNotificationsPanel;

package/cjs/components/VeltNotificationsTool/VeltNotificationsTool.d.ts

@@ -1,4 +1,4 @@
-import { CrossOrganizationConfig, NotificationSettingsLayout } from '@veltdev/types';
+import { CrossOrganizationConfig, NotificationSettingsLayout, UserScopedNotificationsConfig } from '@veltdev/types';
 import React from 'react';
 export declare class NotificationTabConfigItem {
     name?: string;
@@ -29,6 +29,7 @@ export interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<Rea
     enableSettingsAtOrganizationLevel?: boolean;
     defaultCondition?: boolean;
     enableCrossOrganization?: boolean | string | CrossOrganizationConfig;
+    enableUserScopedNotifications?: boolean | string | UserScopedNotificationsConfig;
 }
 declare const VeltNotificationsTool: React.FC<IVeltNotificationsToolProps>;
 export default VeltNotificationsTool;

package/cjs/constants.d.ts

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

package/cjs/hooks/CommentActions.d.ts

@@ -1,4 +1,4 @@
-import { AddAttachmentRequest, AddAttachmentResponse, AddCommentAnnotationEvent, AddCommentAnnotationRequest, AddCommentEvent, AddCommentRequest, AddReactionEvent, AddReactionRequest, ApproveCommentAnnotationEvent, ApproveCommentAnnotationRequest, AssignUserEvent, AssignUserRequest, Attachment, CommentEventTypesMap, CommentRequestQuery, CopyLinkEvent, CopyLinkRequest, DeleteAttachmentEvent, DeleteAttachmentRequest, DeleteCommentAnnotationEvent, DeleteCommentAnnotationRequest, DeleteCommentEvent, DeleteCommentRequest, DeleteReactionEvent, DeleteReactionRequest, DeleteRecordingEvent, DeleteRecordingRequest, GetAttachmentRequest, GetCommentAnnotationsCountResponse, GetCommentAnnotationsResponse, GetCommentRequest, GetLinkRequest, GetLinkResponse, GetRecordingRequest, RecordedData, RejectCommentAnnotationEvent, RejectCommentAnnotationRequest, ResolveCommentAnnotationRequest, SubscribeCommentAnnotationEvent, SubscribeCommentAnnotationRequest, ToggleReactionEvent, ToggleReactionRequest, UnsubscribeCommentAnnotationEvent, UnsubscribeCommentAnnotationRequest, UpdateAccessEvent, UpdateAccessRequest, UpdateCommentEvent, UpdateCommentRequest, UpdatePriorityEvent, UpdatePriorityRequest, UpdateStatusEvent, UpdateStatusRequest } from "@veltdev/types";
+import { AddAttachmentRequest, AddAttachmentResponse, AddCommentAnnotationEvent, AddCommentAnnotationRequest, AddCommentEvent, AddCommentRequest, AddReactionEvent, AddReactionRequest, ApproveCommentAnnotationEvent, ApproveCommentAnnotationRequest, AssignUserEvent, AssignUserRequest, Attachment, CommentEventTypesMap, CommentRequestQuery, CopyLinkEvent, CopyLinkRequest, DeleteAttachmentEvent, DeleteAttachmentRequest, DeleteCommentAnnotationEvent, DeleteCommentAnnotationRequest, DeleteCommentEvent, DeleteCommentRequest, DeleteReactionEvent, DeleteReactionRequest, DeleteRecordingEvent, DeleteRecordingRequest, GetAttachmentRequest, GetCommentAnnotationsCountResponse, GetCommentAnnotationsResponse, GetCommentRequest, GetLinkRequest, GetLinkResponse, GetRecordingRequest, RecordedData, RejectCommentAnnotationEvent, RejectCommentAnnotationRequest, ResolveCommentAnnotationRequest, AcceptSuggestionRequest, RejectSuggestionRequest, SuggestionAcceptEvent, SuggestionRejectEvent, SubscribeCommentAnnotationEvent, SubscribeCommentAnnotationRequest, ToggleReactionEvent, ToggleReactionRequest, UnsubscribeCommentAnnotationEvent, UnsubscribeCommentAnnotationRequest, UpdateAccessEvent, UpdateAccessRequest, UpdateCommentEvent, UpdateCommentRequest, UpdatePriorityEvent, UpdatePriorityRequest, UpdateStatusEvent, UpdateStatusRequest } from "@veltdev/types";
 export declare function useAddCommentAnnotation(): {
     addCommentAnnotation: (request: AddCommentAnnotationRequest) => Promise<AddCommentAnnotationEvent | null>;
 };
@@ -8,6 +8,28 @@ export declare function useApproveCommentAnnotation(): {
 export declare function useRejectCommentAnnotation(): {
     rejectCommentAnnotation: (request: RejectCommentAnnotationRequest) => Promise<RejectCommentAnnotationEvent | null>;
 };
+/**
+ * Accept a `type: 'suggestion'` annotation — the same operation the suggestion
+ * card's built-in accept button performs.
+ *
+ * Distinct from `useAcceptCommentAnnotation`, which is the legacy
+ * comments-as-suggestions flow: that writes `annotation.status`, this writes
+ * `suggestion.status` AND flips `type` to `'comment'`, which is what retires the
+ * suggestion card into a normal thread.
+ *
+ * Needed because customer-defined action chips REPLACE the built-in
+ * accept/reject on that card — without this, a customer who declares their own
+ * actions has no way to accept or reject from the browser.
+ */
+export declare function useAcceptSuggestion(): {
+    acceptSuggestion: (request: AcceptSuggestionRequest) => Promise<SuggestionAcceptEvent | null>;
+};
+/**
+ * Reject a `type: 'suggestion'` annotation. See {@link useAcceptSuggestion}.
+ */
+export declare function useRejectSuggestion(): {
+    rejectSuggestion: (request: RejectSuggestionRequest) => Promise<SuggestionRejectEvent | null>;
+};
 export declare function useSubscribeCommentAnnotation(): {
     subscribeCommentAnnotation: (request: SubscribeCommentAnnotationRequest) => Promise<SubscribeCommentAnnotationEvent | null>;
 };

package/cjs/hooks/index.d.ts

@@ -1,6 +1,6 @@
 export { useSetLocation, useSetDocument, useSetDocumentId, useSetDocuments, useSetRootDocument, useSetPageInfo, useClearPageInfo, useSetLocations, useSetRootLocation, useUnsetDocumentId, useUnsetDocuments, useIdentify, useClient, useVeltInitState, useUiState, useHeartbeat, useCurrentUser, useCurrentUserPermissions, } from './Client';
 export { useCommentUtils, useCommentAnnotations, useCommentAddHandler, useCommentModeState, useCommentUpdateHandler, useCommentDialogSidebarClickHandler, useCommentSelectionChangeHandler, useUnreadCommentCountByAnnotationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountOnCurrentDocument, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentCountByLocationId, useCommentCopyLinkHandler, useCommentAnnotationById, useCommentSidebarActionButtonClick, useCommentSidebarInit, useCommentSidebarData, useSetContextProvider, } from './CommentElement';
-export { useAddAttachment, useDeleteAttachment, useGetAttachment, useDeleteRecording, useGetRecording, useAddReaction, useDeleteReaction, useToggleReaction, useAddComment, useUpdateComment, useDeleteComment, useAddCommentAnnotation, useDeleteCommentAnnotation, useApproveCommentAnnotation, useSubscribeCommentAnnotation, useUnsubscribeCommentAnnotation, useAssignUser, useCopyLink, useGetComment, useGetLink, useRejectCommentAnnotation, useResolveCommentAnnotation, useUpdateAccess, useUpdatePriority, useUpdateStatus, useCommentActionCallback, useCommentEventCallback, useGetCommentAnnotations, useCommentAnnotationsCount, } from './CommentActions';
+export { useAddAttachment, useDeleteAttachment, useGetAttachment, useDeleteRecording, useGetRecording, useAddReaction, useDeleteReaction, useToggleReaction, useAddComment, useUpdateComment, useDeleteComment, useAddCommentAnnotation, useDeleteCommentAnnotation, useApproveCommentAnnotation, useSubscribeCommentAnnotation, useUnsubscribeCommentAnnotation, useAssignUser, useCopyLink, useGetComment, useGetLink, useRejectCommentAnnotation, useAcceptSuggestion, useRejectSuggestion, useResolveCommentAnnotation, useUpdateAccess, useUpdatePriority, useUpdateStatus, useCommentActionCallback, useCommentEventCallback, useGetCommentAnnotations, useCommentAnnotationsCount, } from './CommentActions';
 export { useVeltEventCallback } from './CoreActions';
 export { useCursorUtils, useCursorUsers, } from './CursorElement';
 export { useHuddleUtils, } from './HuddleElement';

package/cjs/index.js

@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '6.0.8';
+var VELT_SDK_VERSION = '6.0.9';
 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 = {
-    '6.0.8': 'sha384-0cnt2EDYR3gsne7t06oOZYienOD77qpk8fWokFz8qvNLN0h0Lf5ZvQGqqc7uxAE9',
+    '6.0.9': 'sha384-sXcl87L0neecQKa3PiDXUgTbZFF3jkuby1mvIgIn0zKU2YbODHgm0uWJ3EHQig2q',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -1157,7 +1157,7 @@ var VeltCommentThread = function (props) {
 };
 
 var VeltNotificationsTool = function (props) {
-    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization;
+    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization, enableUserScopedNotifications = props.enableUserScopedNotifications;
     var ref = React.useRef();
     var onNotificationClickRef = React.useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -1200,7 +1200,24 @@ var VeltNotificationsTool = function (props) {
             return undefined;
         }
     }, [enableCrossOrganization]);
-    return (React__default["default"].createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, "panel-variant": panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }, children));
+    var enableUserScopedNotificationsValue = React.useMemo(function () {
+        try {
+            if (typeof enableUserScopedNotifications === 'boolean') {
+                return enableUserScopedNotifications ? 'true' : 'false';
+            }
+            else if (typeof enableUserScopedNotifications === 'string') {
+                return enableUserScopedNotifications;
+            }
+            else if (typeof enableUserScopedNotifications === 'object') {
+                return JSON.stringify(enableUserScopedNotifications);
+            }
+            return undefined;
+        }
+        catch (error) {
+            return undefined;
+        }
+    }, [enableUserScopedNotifications]);
+    return (React__default["default"].createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, "panel-variant": panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue, "enable-user-scoped-notifications": enableUserScopedNotificationsValue }, children));
 };
 
 var VeltNotificationsToolIcon = function (props) {
@@ -1228,7 +1245,7 @@ var VeltNotificationsToolUnreadCount = function (props) {
 };
 
 var VeltNotificationsPanel = function (props) {
-    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization;
+    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization, enableUserScopedNotifications = props.enableUserScopedNotifications;
     var ref = React.useRef();
     var onNotificationClickRef = React.useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -1271,7 +1288,24 @@ var VeltNotificationsPanel = function (props) {
             return undefined;
         }
     }, [enableCrossOrganization]);
-    return (React__default["default"].createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }));
+    var enableUserScopedNotificationsValue = React.useMemo(function () {
+        try {
+            if (typeof enableUserScopedNotifications === 'boolean') {
+                return enableUserScopedNotifications ? 'true' : 'false';
+            }
+            else if (typeof enableUserScopedNotifications === 'string') {
+                return enableUserScopedNotifications;
+            }
+            else if (typeof enableUserScopedNotifications === 'object') {
+                return JSON.stringify(enableUserScopedNotifications);
+            }
+            return undefined;
+        }
+        catch (error) {
+            return undefined;
+        }
+    }, [enableUserScopedNotifications]);
+    return (React__default["default"].createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue, "enable-user-scoped-notifications": enableUserScopedNotificationsValue }));
 };
 
 var VeltNotificationsPanelTitle = function (props) {
@@ -10892,6 +10926,46 @@ function useRejectCommentAnnotation() {
         }
     };
 }
+/**
+ * Accept a `type: 'suggestion'` annotation — the same operation the suggestion
+ * card's built-in accept button performs.
+ *
+ * Distinct from `useAcceptCommentAnnotation`, which is the legacy
+ * comments-as-suggestions flow: that writes `annotation.status`, this writes
+ * `suggestion.status` AND flips `type` to `'comment'`, which is what retires the
+ * suggestion card into a normal thread.
+ *
+ * Needed because customer-defined action chips REPLACE the built-in
+ * accept/reject on that card — without this, a customer who declares their own
+ * actions has no way to accept or reject from the browser.
+ */
+function useAcceptSuggestion() {
+    var commentElement = useCommentUtils();
+    return {
+        acceptSuggestion: function (request) {
+            return new Promise(function (resolve, reject) {
+                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.acceptSuggestion))
+                    return reject(new Error('Velt SDK is not initialized.'));
+                commentElement.acceptSuggestion(request).then(resolve).catch(reject);
+            });
+        }
+    };
+}
+/**
+ * Reject a `type: 'suggestion'` annotation. See {@link useAcceptSuggestion}.
+ */
+function useRejectSuggestion() {
+    var commentElement = useCommentUtils();
+    return {
+        rejectSuggestion: function (request) {
+            return new Promise(function (resolve, reject) {
+                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.rejectSuggestion))
+                    return reject(new Error('Velt SDK is not initialized.'));
+                commentElement.rejectSuggestion(request).then(resolve).catch(reject);
+            });
+        }
+    };
+}
 function useSubscribeCommentAnnotation() {
     var commentElement = useCommentUtils();
     return {
@@ -13092,6 +13166,7 @@ exports.VeltViewAnalytics = VeltViewAnalytics;
 exports.VeltWireframe = VeltWireframe;
 exports.createLiveStateMiddleware = createLiveStateMiddleware;
 exports.useAIRewriterUtils = useAIRewriterUtils;
+exports.useAcceptSuggestion = useAcceptSuggestion;
 exports.useActivityUtils = useActivityUtils;
 exports.useAddAttachment = useAddAttachment;
 exports.useAddComment = useAddComment;
@@ -13170,6 +13245,7 @@ exports.useRecordingDataByRecorderId = useRecordingDataByRecorderId;
 exports.useRecordings = useRecordings;
 exports.useRegisterTarget = useRegisterTarget;
 exports.useRejectCommentAnnotation = useRejectCommentAnnotation;
+exports.useRejectSuggestion = useRejectSuggestion;
 exports.useResolveCommentAnnotation = useResolveCommentAnnotation;
 exports.useServerConnectionStateChangeHandler = useServerConnectionStateChangeHandler;
 exports.useSetContextProvider = useSetContextProvider;