@veltdev/react 1.0.80 → 1.0.82

package/cjs/index.js

@@ -77,15 +77,19 @@ function useVeltClient() {
     return React.useContext(VeltContext);
 }
 
-var loadVelt = function (callback, version, staging) {
+var loadVelt = function (callback, version, staging, develop) {
     if (version === void 0) { version = 'latest'; }
     if (staging === void 0) { staging = false; }
+    if (develop === void 0) { develop = false; }
     var existingScript = document.getElementById('veltScript');
     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");
         }
+        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");
+        }
         else {
             script.src = "https://cdn.jsdelivr.net/npm/@veltdev/sdk@".concat(version, "/velt.js");
         }
@@ -105,7 +109,7 @@ var loadVelt = function (callback, version, staging) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.97';
+var VELT_SDK_VERSION = '1.0.99';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 
 var SnippylyProvider = function (props) {
@@ -115,7 +119,7 @@ var SnippylyProvider = function (props) {
         if (apiKey) {
             loadVelt(function () {
                 initVelt();
-            }, (config === null || config === void 0 ? void 0 : config.version) || VELT_SDK_VERSION, config === null || config === void 0 ? void 0 : config.staging);
+            }, (config === null || config === void 0 ? void 0 : config.version) || VELT_SDK_VERSION, config === null || config === void 0 ? void 0 : config.staging, config === null || config === void 0 ? void 0 : config.develop);
         }
     }, []);
     var initVelt = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -128,6 +132,9 @@ var SnippylyProvider = function (props) {
                     if (config.staging) {
                         delete config.staging;
                     }
+                    if (config.develop) {
+                        delete config.develop;
+                    }
                     if (config.version) {
                         delete config.version;
                     }
@@ -403,8 +410,8 @@ var SnippylyArrowTool = function (props) {
 };
 
 var SnippylyUserInviteTool = function (props) {
-    var type = props.type, source = props.source, title = props.title, placeholder = props.placeholder, accessControlDropdown = props.accessControlDropdown, documentUserAccessList = props.documentUserAccessList, children = props.children;
-    return (React__default["default"].createElement("velt-user-invite-tool", { type: type, source: source, title: title, placeholder: placeholder, "access-control-dropdown": [true, false].includes(accessControlDropdown) ? accessControlDropdown : undefined, "document-user-access-list": [true, false].includes(documentUserAccessList) ? documentUserAccessList : undefined }, children));
+    var type = props.type, source = props.source, title = props.title, placeholder = props.placeholder, inviteUrl = props.inviteUrl, accessControlDropdown = props.accessControlDropdown, documentUserAccessList = props.documentUserAccessList, children = props.children;
+    return (React__default["default"].createElement("velt-user-invite-tool", { type: type, source: source, title: title, placeholder: placeholder, "invite-url": inviteUrl, "access-control-dropdown": [true, false].includes(accessControlDropdown) ? accessControlDropdown : undefined, "document-user-access-list": [true, false].includes(documentUserAccessList) ? documentUserAccessList : undefined }, children));
 };
 
 var SnippylyUserRequestTool = function (props) {
@@ -429,8 +436,13 @@ var VeltCommentPlayerTimeline = function (props) {
 };
 
 var VeltVideoPlayer = function (props) {
-    var darkMode = props.darkMode, src = props.src, sync = props.sync;
-    return (React__default["default"].createElement("velt-video-player", { src: src, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, sync: [true, false].includes(sync) ? (sync ? 'true' : 'false') : undefined }));
+    var darkMode = props.darkMode, src = props.src, sync = props.sync, commentTool = props.commentTool;
+    return (React__default["default"].createElement("velt-video-player", { src: src, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, sync: [true, false].includes(sync) ? (sync ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined }));
+};
+
+var VeltDocumentViewerTrend = function (props) {
+    var type = props.type, locationId = props.locationId;
+    return (React__default["default"].createElement("velt-document-viewer-trend", { type: type, "location-id": locationId }));
 };
 
 /**
@@ -907,6 +919,57 @@ function useTagAnnotations(documentId, location) {
     return data;
 }
 
+/**
+ * @beta This hook is in beta
+ */
+function useViewsUtils() {
+    var _a = React__default["default"].useState(), viewsElement = _a[0], setViewsElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || viewsElement)
+            return;
+        var loadedViewsElement = client.getViewsElement();
+        setViewsElement(loadedViewsElement);
+    }, [client, setViewsElement, viewsElement]);
+    return viewsElement;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useUniqueViewsByUser(clientLocationId) {
+    var viewsElement = useViewsUtils();
+    var _a = React__default["default"].useState(null), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(viewsElement === null || viewsElement === void 0 ? void 0 : viewsElement.getUniqueViewsByUser))
+            return;
+        var subscription = viewsElement.getUniqueViewsByUser(clientLocationId).subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [viewsElement === null || viewsElement === void 0 ? void 0 : viewsElement.getUniqueViewsByUser]);
+    return data;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useUniqueViewsByDate(clientLocationId) {
+    var viewsElement = useViewsUtils();
+    var _a = React__default["default"].useState(null), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(viewsElement === null || viewsElement === void 0 ? void 0 : viewsElement.getUniqueViewsByDate))
+            return;
+        var subscription = viewsElement.getUniqueViewsByDate(clientLocationId).subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [viewsElement === null || viewsElement === void 0 ? void 0 : viewsElement.getUniqueViewsByDate]);
+    return data;
+}
+
 var sessionId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
 var getSessionId = function () {
     return sessionId;
@@ -991,6 +1054,7 @@ exports.VeltCommentTool = SnippylyCommentTool;
 exports.VeltComments = SnippylyComments;
 exports.VeltCommentsSidebar = SnippylyCommentsSidebar;
 exports.VeltCursor = SnippylyCursor;
+exports.VeltDocumentViewerTrend = VeltDocumentViewerTrend;
 exports.VeltHuddle = SnippylyHuddle;
 exports.VeltHuddleTool = SnippylyHuddleTool;
 exports.VeltPresence = SnippylyPresence;
@@ -1034,6 +1098,9 @@ exports.useSetLiveStateData = useSetLiveStateData;
 exports.useSetLocation = useSetLocation;
 exports.useTagAnnotations = useTagAnnotations;
 exports.useTagUtils = useTagUtils;
+exports.useUniqueViewsByDate = useUniqueViewsByDate;
+exports.useUniqueViewsByUser = useUniqueViewsByUser;
 exports.useUserEditorState = useUserEditorState;
 exports.useVeltClient = useVeltClient;
+exports.useViewsUtils = useViewsUtils;
 //# sourceMappingURL=index.js.map