synapse-react-client 3.0.32 → 3.0.35

package/dist/containers/oauth/CreateOAuthClient.js

@@ -0,0 +1,204 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreateOAuthModal = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var SynapseContext_1 = require("../../utils/SynapseContext");
+var react_bootstrap_1 = require("react-bootstrap");
+var ToastMessage_1 = require("../ToastMessage");
+var Typography_1 = tslib_1.__importDefault(require("../../utils/typography/Typography"));
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var WarningModal_1 = require("../synapse_form_wrapper/WarningModal");
+var icons_1 = require("@material-ui/icons");
+var Tooltip_1 = tslib_1.__importDefault(require("../../utils/tooltip/Tooltip"));
+var CreateOAuthModal = function (_a) {
+    var _b = _a.isShowingModal, isShowingModal = _b === void 0 ? false : _b, isEdit = _a.isEdit, onClose = _a.onClose, client = _a.client, setSelectedClient = _a.setSelectedClient, setIsShowingConfirmModal = _a.setIsShowingConfirmModal, isShowingConfirmModal = _a.isShowingConfirmModal;
+    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
+    var _c = (0, react_1.useState)(''), clientName = _c[0], setClientName = _c[1];
+    var _d = (0, react_1.useState)([{ uri: '' }]), redirectUris = _d[0], setRedirectUris = _d[1];
+    var _e = (0, react_1.useState)(), policyUri = _e[0], setPolicyUri = _e[1];
+    var _f = (0, react_1.useState)(), clientUri = _f[0], setClientUri = _f[1];
+    var _g = (0, react_1.useState)(), sectorUri = _g[0], setSectorUri = _g[1];
+    var _h = (0, react_1.useState)(), tosUri = _h[0], setTosUri = _h[1];
+    var _j = (0, react_1.useState)(false), warnTrigger = _j[0], setWarnTrigger = _j[1];
+    var _k = (0, react_1.useState)(false), isDelete = _k[0], setIsDelete = _k[1];
+    var _l = (0, react_1.useState)(), updatedClient = _l[0], setUpdatedClient = _l[1];
+    var warningHeader = 'Are you absolutely sure?';
+    var warningBody = 'Editing this detail will render your client invalid and will require you to resubmit verification. This action cannot be undone.';
+    var uriHelpMessage = 'Click Add URI to add more Redirect URIs';
+    (0, react_1.useEffect)(function () {
+        var _a, _b, _c, _d, _e, _f;
+        setClientName((_a = client === null || client === void 0 ? void 0 : client.client_name) !== null && _a !== void 0 ? _a : '');
+        setRedirectUris((_b = client === null || client === void 0 ? void 0 : client.redirect_uris.map(function (str) { return ({ uri: str }); })) !== null && _b !== void 0 ? _b : [{ uri: '' }]);
+        setPolicyUri((_c = client === null || client === void 0 ? void 0 : client.policy_uri) !== null && _c !== void 0 ? _c : '');
+        setClientUri((_d = client === null || client === void 0 ? void 0 : client.client_uri) !== null && _d !== void 0 ? _d : '');
+        setSectorUri((_e = client === null || client === void 0 ? void 0 : client.sector_identifier_uri) !== null && _e !== void 0 ? _e : undefined);
+        setTosUri((_f = client === null || client === void 0 ? void 0 : client.tos_uri) !== null && _f !== void 0 ? _f : '');
+    }, [isShowingModal]);
+    (0, react_1.useEffect)(function () {
+        var stateArr = redirectUris === null || redirectUris === void 0 ? void 0 : redirectUris.map(function (str) { return str.uri; });
+        var propArr = client === null || client === void 0 ? void 0 : client.redirect_uris;
+        client &&
+            ((stateArr === null || stateArr === void 0 ? void 0 : stateArr.length) !== (propArr === null || propArr === void 0 ? void 0 : propArr.length) ||
+                !(stateArr === null || stateArr === void 0 ? void 0 : stateArr.every(function (el) { return propArr === null || propArr === void 0 ? void 0 : propArr.includes(el); })) ||
+                sectorUri != (client === null || client === void 0 ? void 0 : client.sector_identifier_uri))
+            ? setWarnTrigger(true)
+            : setWarnTrigger(false);
+    }, [redirectUris, sectorUri]);
+    var hide = function () {
+        setClientName('');
+        setRedirectUris([{ uri: '' }]);
+        setPolicyUri('');
+        setClientUri('');
+        setSectorUri('');
+        setTosUri('');
+        onClose();
+    };
+    var hideConfirmModal = function () {
+        setIsShowingConfirmModal(false);
+        setIsDelete(false);
+        setSelectedClient(undefined);
+    };
+    var mutate = (0, SynapseAPI_1.useMutateOAuthClient)({
+        onSuccess: function () {
+            (0, ToastMessage_1.displayToast)("Successfully saved", 'success');
+            hide();
+        },
+        onError: function (err) {
+            (0, ToastMessage_1.displayToast)(err.reason, 'danger');
+        },
+    }).mutate;
+    var deleteClient = (0, SynapseAPI_1.useDeleteOAuthClient)({
+        onSuccess: function () {
+            (0, ToastMessage_1.displayToast)('Successfully deleted', 'success');
+            onClose();
+        },
+    }).mutate;
+    var onCreateClient = function () {
+        var _a;
+        try {
+            if (accessToken) {
+                var oAuthClient = {
+                    client_id: client === null || client === void 0 ? void 0 : client.client_id,
+                    client_name: clientName,
+                    redirect_uris: (_a = redirectUris === null || redirectUris === void 0 ? void 0 : redirectUris.map(function (str) { return str.uri; })) !== null && _a !== void 0 ? _a : [''],
+                    policy_uri: policyUri,
+                    client_uri: clientUri,
+                    sector_identifier_uri: sectorUri !== null && sectorUri !== void 0 ? sectorUri : '',
+                    tos_uri: tosUri,
+                    etag: client === null || client === void 0 ? void 0 : client.etag,
+                };
+                setUpdatedClient(oAuthClient);
+                if (warnTrigger === true) {
+                    setIsShowingConfirmModal(true);
+                    hide();
+                }
+                else {
+                    if (isEdit) {
+                        mutate({ action: 'UPDATE', client: oAuthClient });
+                    }
+                    else {
+                        mutate({ action: 'CREATE', client: oAuthClient });
+                    }
+                }
+            }
+        }
+        catch (err) {
+            console.log(err.reason);
+        }
+    };
+    var handleRedirectUriAdd = function () {
+        if (redirectUris) {
+            setRedirectUris(tslib_1.__spreadArray(tslib_1.__spreadArray([], redirectUris, true), [{ uri: '' }], false));
+        }
+    };
+    var handleRedirectUriRemove = function (index) {
+        if (redirectUris) {
+            var list = tslib_1.__spreadArray([], redirectUris, true);
+            list.splice(index, 1);
+            setRedirectUris(list);
+        }
+    };
+    var handleUriChange = function (e, index) {
+        if (redirectUris) {
+            var _a = e.target, name_1 = _a.name, value = _a.value;
+            var list = tslib_1.__spreadArray([], redirectUris, true);
+            list[index][name_1] = value;
+            setRedirectUris(list);
+        }
+    };
+    return (react_1.default.createElement("div", { className: "bootstrap-4-backport" },
+        react_1.default.createElement(react_bootstrap_1.Modal, { show: isShowingModal, animation: false, backdrop: "static", onHide: hide, size: "lg", className: "OAuthDialog" },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
+                react_1.default.createElement(react_bootstrap_1.Modal.Title, null,
+                    react_1.default.createElement(Typography_1.default, { variant: "headline1" }, isEdit ? 'Client Details' : 'Create New OAuth Client'))),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null,
+                react_1.default.createElement(Typography_1.default, { variant: "body1" }, "To protect you and your users, your consent screen and application will need to be verified by Sage Bionetworks. Before your consent screen and application are verified by Sage Bionetworks, you can still test your application with limitations."),
+                isEdit && (react_1.default.createElement(Typography_1.default, { style: { marginTop: '16px' }, variant: "label" },
+                    "Client ID: ", client === null || client === void 0 ? void 0 :
+                    client.client_id)),
+                react_1.default.createElement(react_bootstrap_1.Row, null,
+                    react_1.default.createElement(react_bootstrap_1.Col, { lg: 6, md: 6, sm: 12, xs: 12 },
+                        react_1.default.createElement(react_bootstrap_1.Form.Group, { className: "required" },
+                            react_1.default.createElement(react_bootstrap_1.Form.Label, { htmlFor: "clientName" }, "Client Name"),
+                            react_1.default.createElement(react_bootstrap_1.Form.Control, { required: true, onChange: function (e) { return setClientName(e.target.value); }, placeholder: "Client Name", type: "text", value: clientName, id: "clientName" }))),
+                    react_1.default.createElement(react_bootstrap_1.Col, { lg: 6, md: 6, sm: 12, xs: 12 },
+                        react_1.default.createElement(react_bootstrap_1.Form.Label, { className: "required", htmlFor: "clientUri" }, "Client Homepage"),
+                        react_1.default.createElement(react_bootstrap_1.Form.Control, { onChange: function (e) { return setClientUri(e.target.value); }, placeholder: "https://", type: "text", value: clientUri, id: "clientUri" }))),
+                react_1.default.createElement(react_bootstrap_1.Row, null, !isEdit && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(react_bootstrap_1.Col, { lg: 6, md: 6, sm: 12, xs: 12 },
+                        react_1.default.createElement(react_bootstrap_1.Form.Group, { className: "required" },
+                            react_1.default.createElement(react_bootstrap_1.Form.Label, { htmlFor: "redirect-uri-0" }, "Redirect URI(s)"),
+                            react_1.default.createElement(Tooltip_1.default, { title: uriHelpMessage, placement: "top" },
+                                react_1.default.createElement(icons_1.HelpOutlineTwoTone, { className: "HelpButton" })), redirectUris === null || redirectUris === void 0 ? void 0 :
+                            redirectUris.map(function (singleUri, idx) { return (react_1.default.createElement("div", { key: idx },
+                                react_1.default.createElement(react_bootstrap_1.Form.Control, { name: "uri", required: true, id: "redirect-uri-".concat(idx), onChange: function (e) { return handleUriChange(e, idx); }, value: singleUri.uri, placeholder: "https://", type: "text" }),
+                                redirectUris.length > 1 && (react_1.default.createElement("button", { onClick: function () { return handleRedirectUriRemove(idx); } },
+                                    react_1.default.createElement(IconSvg_1.default, { options: { icon: 'delete', color: '#f44336' } }))),
+                                redirectUris.length - 1 === idx && (react_1.default.createElement(react_bootstrap_1.Button, { onClick: handleRedirectUriAdd, disabled: singleUri.uri.length === 0 }, "Add URI")))); }))),
+                    react_1.default.createElement(react_bootstrap_1.Col, { lg: 6, md: 6, sm: 12, xs: 12 },
+                        react_1.default.createElement(react_bootstrap_1.Form.Label, null, "Sector Identifier URI"),
+                        react_1.default.createElement(react_bootstrap_1.Form.Control, { onChange: function (e) { return setSectorUri(e.target.value); }, placeholder: "https://", type: "text" }))))),
+                react_1.default.createElement(react_bootstrap_1.Row, null,
+                    react_1.default.createElement(react_bootstrap_1.Col, { lg: 6, md: 6, sm: 12, xs: 12 },
+                        react_1.default.createElement(react_bootstrap_1.Form.Label, null, "Link to Privacy Policy"),
+                        react_1.default.createElement(react_bootstrap_1.Form.Control, { onChange: function (e) { return setPolicyUri(e.target.value); }, placeholder: "https://", type: "text", value: policyUri })),
+                    react_1.default.createElement(react_bootstrap_1.Col, { lg: 6, md: 6, sm: 12, xs: 12 },
+                        react_1.default.createElement(react_bootstrap_1.Form.Label, null, "Links to Terms of Service"),
+                        react_1.default.createElement(react_bootstrap_1.Form.Control, { onChange: function (e) { return setTosUri(e.target.value); }, placeholder: "https://", type: "text", value: tosUri }))),
+                isEdit && (react_1.default.createElement("div", { className: "danger" },
+                    react_1.default.createElement(Typography_1.default, { style: { marginTop: '8px' }, color: "error", variant: "headline3" }, "DANGER ZONE"),
+                    react_1.default.createElement(Typography_1.default, { variant: "smallText1" }, "Editing the following information will render your client invalid and will require you to create it again and resubmit verification if needed."),
+                    react_1.default.createElement(react_bootstrap_1.Row, null,
+                        react_1.default.createElement(react_bootstrap_1.Col, { lg: 6, md: 6, sm: 12, xs: 12 },
+                            react_1.default.createElement(react_bootstrap_1.Form.Label, { htmlFor: "redirect-uri-0" }, "Redirect URI(s)"),
+                            react_1.default.createElement(Tooltip_1.default, { title: uriHelpMessage, placement: "top" },
+                                react_1.default.createElement(icons_1.HelpOutlineTwoTone, { className: "HelpButton" })), redirectUris === null || redirectUris === void 0 ? void 0 :
+                            redirectUris.map(function (singleUri, idx) { return (react_1.default.createElement("div", { key: idx },
+                                react_1.default.createElement(react_bootstrap_1.Form.Control, { id: "redirect-uri-".concat(idx), required: true, name: "uri", onChange: function (e) { return handleUriChange(e, idx); }, value: singleUri.uri, placeholder: "https://", type: "text" }),
+                                redirectUris.length > 1 && (react_1.default.createElement("button", { onClick: function () { return handleRedirectUriRemove(idx); } },
+                                    react_1.default.createElement(IconSvg_1.default, { options: { icon: 'delete', color: '#f44336' } }))),
+                                redirectUris.length - 1 === idx && (react_1.default.createElement(react_bootstrap_1.Button, { onClick: handleRedirectUriAdd, disabled: singleUri.uri.length === 0 }, "Add Uri")))); })),
+                        react_1.default.createElement(react_bootstrap_1.Col, { lg: 6, md: 6, sm: 12, xs: 12 },
+                            react_1.default.createElement(react_bootstrap_1.Form.Label, null, "Sector Identifier URI"),
+                            react_1.default.createElement(react_bootstrap_1.Form.Control, { onChange: function (e) { return setSectorUri(e.target.value); }, placeholder: "https://", type: "text", value: sectorUri }))),
+                    react_1.default.createElement("button", { className: "delete-button", onClick: function () {
+                            setIsDelete(true);
+                            setIsShowingConfirmModal(true);
+                            hide();
+                        } },
+                        react_1.default.createElement(IconSvg_1.default, { options: { icon: 'delete', color: '#f44336' } }),
+                        "DELETE CLIENT")))),
+            react_1.default.createElement(react_bootstrap_1.Modal.Footer, null,
+                react_1.default.createElement(react_bootstrap_1.Button, { variant: "default", onClick: hide }, "CANCEL"),
+                react_1.default.createElement(react_bootstrap_1.Button, { variant: "primary", onClick: onCreateClient }, "Save"))),
+        react_1.default.createElement(WarningModal_1.WarningModal, { show: isShowingConfirmModal, title: warningHeader, modalBody: warningBody, onCancel: hideConfirmModal, onConfirm: function () {
+                isDelete
+                    ? deleteClient(client === null || client === void 0 ? void 0 : client.client_id)
+                    : mutate({ action: 'UPDATE', client: updatedClient });
+                hideConfirmModal();
+            }, confirmButtonVariant: "danger", confirmButtonText: "Yes, Continue" })));
+};
+exports.CreateOAuthModal = CreateOAuthModal;
+//# sourceMappingURL=CreateOAuthClient.js.map

package/dist/containers/oauth/CreateOAuthClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateOAuthClient.js","sourceRoot":"","sources":["../../../src/lib/containers/oauth/CreateOAuthClient.tsx"],"names":[],"mappings":"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"}

package/dist/containers/oauth/OAuthManagement.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const OAuthManagement: React.FunctionComponent;

package/dist/containers/oauth/OAuthManagement.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OAuthManagement = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var DateFormatter_1 = require("../../utils/functions/DateFormatter");
+var moment_1 = tslib_1.__importDefault(require("moment"));
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
+var CreateOAuthClient_1 = require("./CreateOAuthClient");
+var WarningModal_1 = tslib_1.__importDefault(require("../synapse_form_wrapper/WarningModal"));
+var utils_1 = require("../../utils");
+var SynapseContext_1 = require("../../utils/SynapseContext");
+var Typography_1 = tslib_1.__importDefault(require("../../utils/typography/Typography"));
+var CopyToClipboardInput_1 = tslib_1.__importDefault(require("../CopyToClipboardInput"));
+var ToastMessage_1 = require("../ToastMessage");
+var OAuthManagement = function () {
+    var _a;
+    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
+    var _b = (0, react_1.useState)(false), isShowingCreateClientModal = _b[0], setIsShowingCreateClientModal = _b[1];
+    var _c = (0, react_1.useState)(false), isEdit = _c[0], setIsEdit = _c[1];
+    var _d = (0, react_1.useState)(), selectedClient = _d[0], setSelectedClient = _d[1];
+    var _e = (0, react_1.useState)(false), isShowingConfirmModal = _e[0], setIsShowingConfirmModal = _e[1];
+    var _f = (0, react_1.useState)(false), isShowingSecretWarning = _f[0], setIsShowingSecretWarning = _f[1];
+    var _g = (0, react_1.useState)(false), isShowingSecret = _g[0], setIsShowingSecret = _g[1];
+    var _h = (0, react_1.useState)(), secret = _h[0], setSecret = _h[1];
+    var _j = (0, react_1.useState)(false), isShowingVerification = _j[0], setIsShowingVerification = _j[1];
+    var _k = (0, SynapseAPI_1.useGetOAuthClientInfinite)(), data = _k.data, hasNextPage = _k.hasNextPage, fetchNextPage = _k.fetchNextPage;
+    var oAuthClientList = (_a = data === null || data === void 0 ? void 0 : data.pages.flatMap(function (page) { return page.results; })) !== null && _a !== void 0 ? _a : [];
+    var warningHeader = 'Are you absolutely sure?';
+    var warningBody = 'If you have an existing secret, generating a new secret will make your application invalid after generation. This action cannot be undone.';
+    var onShowSecret = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var secret_1, err_1;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsShowingSecretWarning(false);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, utils_1.SynapseClient.createOAuthClientSecret(accessToken, selectedClient === null || selectedClient === void 0 ? void 0 : selectedClient.client_id)];
+                case 2:
+                    secret_1 = _a.sent();
+                    setSelectedClient(undefined);
+                    setIsShowingSecret(true);
+                    setSecret(secret_1.client_secret);
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_1 = _a.sent();
+                    (0, ToastMessage_1.displayToast)(err_1.reason, 'danger');
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (react_1.default.createElement("div", { className: "bootstrap-4-backport OAuthEditor" },
+        react_1.default.createElement(react_bootstrap_1.Button, { onClick: function () {
+                setIsShowingCreateClientModal(true);
+                setIsEdit(false);
+            } }, "Create New Client"),
+        react_1.default.createElement(react_bootstrap_1.Table, { striped: true },
+            react_1.default.createElement("thead", null,
+                react_1.default.createElement("tr", null,
+                    react_1.default.createElement("th", null, "Created"),
+                    react_1.default.createElement("th", null, "Modified"),
+                    react_1.default.createElement("th", null, "Client"),
+                    react_1.default.createElement("th", null, "Verified"),
+                    react_1.default.createElement("th", null, "App Secret"),
+                    react_1.default.createElement("th", null, "Actions"))),
+            react_1.default.createElement("tbody", null, oAuthClientList.map(function (item) {
+                return (react_1.default.createElement("tr", { key: item.client_id },
+                    react_1.default.createElement("td", null, (0, DateFormatter_1.formatDate)((0, moment_1.default)(item.createdOn))),
+                    react_1.default.createElement("td", null, (0, DateFormatter_1.formatDate)((0, moment_1.default)(item.modifiedOn))),
+                    react_1.default.createElement("td", null, item.client_name),
+                    react_1.default.createElement("td", null, item.verified ? ('Yes') : (react_1.default.createElement(react_bootstrap_1.Button, { variant: "outline", size: "sm", onClick: function () { return setIsShowingVerification(true); } }, "SUBMIT VERIFICATION"))),
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement(react_bootstrap_1.Button, { variant: "outline", onClick: function () {
+                                setSelectedClient(item);
+                                setIsShowingSecretWarning(true);
+                            }, size: "sm" }, "GENERATE SECRET")),
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement(react_bootstrap_1.Button, { variant: "outline", onClick: function () {
+                                setSelectedClient(item);
+                                setIsEdit(true);
+                                setIsShowingCreateClientModal(true);
+                            }, size: "sm" }, "EDIT"))));
+            }))),
+        hasNextPage && (react_1.default.createElement("div", { className: "text-center" },
+            react_1.default.createElement(react_bootstrap_1.Button, { variant: "primary", onClick: function () { return fetchNextPage(); } }, "Load more"))),
+        (isShowingCreateClientModal || isShowingConfirmModal) && (react_1.default.createElement(CreateOAuthClient_1.CreateOAuthModal, { onClose: function () {
+                setIsShowingCreateClientModal(false);
+            }, isShowingModal: isShowingCreateClientModal, client: isEdit ? selectedClient : undefined, isEdit: isEdit, setSelectedClient: setSelectedClient, setIsShowingConfirmModal: setIsShowingConfirmModal, isShowingConfirmModal: isShowingConfirmModal })),
+        react_1.default.createElement(react_bootstrap_1.Modal, { show: isShowingVerification, animation: false, backdrop: "static", onHide: function () { return setIsShowingVerification(false); } },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
+                react_1.default.createElement(react_bootstrap_1.Modal.Title, null,
+                    react_1.default.createElement(Typography_1.default, { variant: "headline1" }, "Submit Verification"))),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null,
+                react_1.default.createElement("p", null,
+                    "In order to verify an OAuth client please submit a request to the",
+                    ' ',
+                    react_1.default.createElement("a", { target: "_blank", rel: "noopener noreferrer", href: "https://sagebionetworks.jira.com/servicedesk/customer/portal/9" }, "Synapse Service Desk.")),
+                react_1.default.createElement("b", null, "Please list the following items in your request:"),
+                react_1.default.createElement("ul", null,
+                    react_1.default.createElement("li", null, "Your name"),
+                    react_1.default.createElement("li", null,
+                        "The ID of the client to be verified ",
+                        react_1.default.createElement("br", null),
+                        react_1.default.createElement("i", null, "(You can find this within Actions)")),
+                    react_1.default.createElement("li", null, "A description of your application")))),
+        react_1.default.createElement(WarningModal_1.default, { show: isShowingSecretWarning, title: warningHeader, modalBody: warningBody, onCancel: function () {
+                setIsShowingSecretWarning(false);
+                setSelectedClient(undefined);
+            }, onConfirm: onShowSecret, confirmButtonVariant: "danger", confirmButtonText: "Yes, Continue" }),
+        secret && (react_1.default.createElement(react_bootstrap_1.Modal, { show: isShowingSecret, animation: false, backdrop: "static", onHide: function () {
+                setIsShowingSecret(false);
+                setSecret(undefined);
+            } },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
+                react_1.default.createElement(react_bootstrap_1.Modal.Title, null,
+                    react_1.default.createElement(Typography_1.default, { variant: "headline1" }, "App Secret"))),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null,
+                react_1.default.createElement("p", null,
+                    react_1.default.createElement("b", null, "This secret will not be able to be retrieved again."),
+                    " If needed, in order to generate a new secret select Generate from the Client List."),
+                react_1.default.createElement(CopyToClipboardInput_1.default, { value: secret, inputWidth: '350px' }))))));
+};
+exports.OAuthManagement = OAuthManagement;
+//# sourceMappingURL=OAuthManagement.js.map

package/dist/containers/oauth/OAuthManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthManagement.js","sourceRoot":"","sources":["../../../src/lib/containers/oauth/OAuthManagement.tsx"],"names":[],"mappings":"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"}

package/dist/containers/personal_access_token/AccessTokenPage.js

@@ -4,58 +4,28 @@ exports.AccessTokenPage = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var react_bootstrap_1 = require("react-bootstrap");
-var utils_1 = require("../../utils");
-var useListState_1 = require("../../utils/hooks/useListState");
-var SynapseContext_1 = require("../../utils/SynapseContext");
+var usePersonalAccessToken_1 = require("../../utils/hooks/SynapseAPI/user/usePersonalAccessToken");
 var ErrorBanner_1 = require("../ErrorBanner");
 var LoadingScreen_1 = tslib_1.__importDefault(require("../LoadingScreen"));
 var AccessTokenCard_1 = require("./AccessTokenCard");
 var CreateAccessTokenModal_1 = require("./CreateAccessTokenModal");
 var AccessTokenPage = function (_a) {
+    var _b;
     var title = _a.title, body = _a.body;
-    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
-    var _b = (0, react_1.useState)(false), isLoading = _b[0], setIsLoading = _b[1];
     var _c = (0, react_1.useState)(false), showCreateTokenModal = _c[0], setShowCreateTokenModal = _c[1];
-    var _d = (0, useListState_1.useListState)([]), tokenRecords = _d.list, appendTokenRecords = _d.appendToList, setTokenRecords = _d.setList;
-    var _e = (0, react_1.useState)(true), loadNextPage = _e[0], setLoadNextPage = _e[1];
-    var _f = (0, react_1.useState)(undefined), nextPageToken = _f[0], setNextPageToken = _f[1];
-    var _g = (0, react_1.useState)(false), showErrorMessage = _g[0], setShowErrorMessage = _g[1];
-    var _h = (0, react_1.useState)(''), errorMessage = _h[0], setErrorMessage = _h[1];
+    var _d = (0, usePersonalAccessToken_1.useGetPersonalAccessTokensInfinite)(), infiniteData = _d.data, isLoading = _d.isLoading, error = _d.error, refetch = _d.refetch, fetchNextPage = _d.fetchNextPage, hasNextPage = _d.hasNextPage;
     // We rerender the list whenever a token is created or deleted to ensure we are up-to-date
     var rerenderList = function () {
-        setTokenRecords([]);
-        setNextPageToken(undefined);
-        setLoadNextPage(true);
+        refetch();
     };
-    (0, react_1.useEffect)(function () {
-        if (loadNextPage) {
-            setLoadNextPage(false);
-            setIsLoading(true);
-            utils_1.SynapseClient.getPersonalAccessTokenRecords(accessToken, nextPageToken)
-                .then(function (response) {
-                setIsLoading(false);
-                appendTokenRecords.apply(void 0, response.results);
-                if (response.nextPageToken) {
-                    setNextPageToken(response.nextPageToken);
-                }
-                else {
-                    setNextPageToken(undefined);
-                }
-            })
-                .catch(function (err) {
-                setIsLoading(false);
-                setErrorMessage(err);
-                setShowErrorMessage(true);
-            });
-        }
-    }, [loadNextPage, accessToken, nextPageToken]);
+    var tokenRecords = (_b = infiniteData === null || infiniteData === void 0 ? void 0 : infiniteData.pages.flatMap(function (page) { return page.results; })) !== null && _b !== void 0 ? _b : [];
     return (react_1.default.createElement("div", { className: "PersonalAccessTokenPage bootstrap-4-backport" },
         react_1.default.createElement("div", { className: "PersonalAccessTokenPage__Header" },
             react_1.default.createElement("div", { className: "PersonalAccessTokenPage__Header__CopyText" },
                 react_1.default.createElement("h1", null, title),
                 body),
             react_1.default.createElement("div", { className: "PersonalAccessTokenPage__Header__CreateButton" },
-                react_1.default.createElement(react_bootstrap_1.Button, { variant: "primary", onClick: function () { return setShowCreateTokenModal(true); } }, "Create New Token"))),
+                react_1.default.createElement(react_bootstrap_1.Button, { variant: "sds-primary", onClick: function () { return setShowCreateTokenModal(true); } }, "Create New Token"))),
         react_1.default.createElement(ErrorBanner_1.SynapseErrorBoundary, null,
             showCreateTokenModal && (react_1.default.createElement(CreateAccessTokenModal_1.CreateAccessTokenModal, { onClose: function () { return setShowCreateTokenModal(false); }, onCreate: rerenderList })),
             react_1.default.createElement("div", null,
@@ -65,9 +35,11 @@ var AccessTokenPage = function (_a) {
                         return (react_1.default.createElement(AccessTokenCard_1.AccessTokenCard, { key: accessToken.id, accessToken: accessToken, onDelete: rerenderList }));
                     }),
                     isLoading && LoadingScreen_1.default,
-                    !isLoading && nextPageToken && !showErrorMessage && (react_1.default.createElement("div", { className: "PersonalAccessTokenPage__CardList__LoadMore" },
-                        react_1.default.createElement(react_bootstrap_1.Button, { className: "PersonalAccessTokenPage__CardList__LoadMore__Button", variant: "primary", onClick: function () { return setLoadNextPage(true); } }, "Load More")))),
-                showErrorMessage && react_1.default.createElement(ErrorBanner_1.ErrorBanner, { error: errorMessage })))));
+                    !isLoading && hasNextPage && !error && (react_1.default.createElement("div", { className: "PersonalAccessTokenPage__CardList__LoadMore" },
+                        react_1.default.createElement(react_bootstrap_1.Button, { className: "PersonalAccessTokenPage__CardList__LoadMore__Button", variant: "sds-primary", onClick: function () {
+                                fetchNextPage();
+                            } }, "Load More")))),
+                error && react_1.default.createElement(ErrorBanner_1.ErrorBanner, { error: error })))));
 };
 exports.AccessTokenPage = AccessTokenPage;
 //# sourceMappingURL=AccessTokenPage.js.map

package/dist/containers/personal_access_token/AccessTokenPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessTokenPage.js","sourceRoot":"","sources":["../../../src/lib/containers/personal_access_token/AccessTokenPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccessTokenPage.js","sourceRoot":"","sources":["../../../src/lib/containers/personal_access_token/AccessTokenPage.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuC;AACvC,mDAAwC;AACxC,mGAA6G;AAC7G,8CAAkE;AAClE,2EAA4C;AAC5C,qDAAmD;AACnD,mEAAiE;AAO1D,IAAM,eAAe,GAAkD,UAAC,EAGxD;;QAFrB,KAAK,WAAA,EACL,IAAI,UAAA;IAEE,IAAA,KAAkD,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhE,oBAAoB,QAAA,EAAE,uBAAuB,QAAmB,CAAA;IAEjE,IAAA,KAOF,IAAA,2DAAkC,GAAE,EANhC,YAAY,UAAA,EAClB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,WAAW,iBAC2B,CAAA;IAExC,0FAA0F;IAC1F,IAAM,YAAY,GAAG;QACnB,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IAED,IAAM,YAAY,GAAG,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,OAAO,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,OAAO,EAAZ,CAAY,CAAC,mCAAI,EAAE,CAAA;IAE5E,OAAO,CACL,uCAAK,SAAS,EAAC,8CAA8C;QAC3D,uCAAK,SAAS,EAAC,iCAAiC;YAC9C,uCAAK,SAAS,EAAC,2CAA2C;gBACxD,0CAAK,KAAK,CAAM;gBACf,IAAI,CACD;YACN,uCAAK,SAAS,EAAC,+CAA+C;gBAC5D,8BAAC,wBAAM,IACL,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE,cAAM,OAAA,uBAAuB,CAAC,IAAI,CAAC,EAA7B,CAA6B,uBAGrC,CACL,CACF;QACN,8BAAC,kCAAoB;YAClB,oBAAoB,IAAI,CACvB,8BAAC,+CAAsB,IACrB,OAAO,EAAE,cAAM,OAAA,uBAAuB,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAC7C,QAAQ,EAAE,YAAY,GACE,CAC3B;YAED;gBACG,CAAC,SAAS,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CAC1C,uCAAK,SAAS,EAAC,yDAAyD,oDAElE,CACP;gBACD,uCAAK,SAAS,EAAC,mCAAmC;oBAC/C,YAAY,CAAC,GAAG,CAAC,UAAA,WAAW;wBAC3B,OAAO,CACL,8BAAC,iCAAe,IACd,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,GACtB,CACH,CAAA;oBACH,CAAC,CAAC;oBACD,SAAS,IAAI,uBAAa;oBAC1B,CAAC,SAAS,IAAI,WAAW,IAAI,CAAC,KAAK,IAAI,CACtC,uCAAK,SAAS,EAAC,6CAA6C;wBAC1D,8BAAC,wBAAM,IACL,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE;gCACP,aAAa,EAAE,CAAA;4BACjB,CAAC,gBAGM,CACL,CACP,CACG;gBACL,KAAK,IAAI,8BAAC,yBAAW,IAAC,KAAK,EAAE,KAAK,GAAgB,CAC/C,CACe,CACnB,CACP,CAAA;AACH,CAAC,CAAA;AAlFY,QAAA,eAAe,mBAkF3B"}

package/dist/containers/personal_access_token/CreateAccessTokenModal.js

@@ -74,7 +74,7 @@ var CreateAccessTokenModal = function (_a) {
             }
         });
     }); };
-    return (React.createElement(react_bootstrap_1.Modal, { className: 'AccessTokenModal', animation: false, show: true, onHide: onClose, backdrop: "static" },
+    return (React.createElement(react_bootstrap_1.Modal, { className: 'bootstrap-4-backport AccessTokenModal', animation: false, show: true, onHide: onClose, backdrop: "static" },
         React.createElement(react_bootstrap_1.Form, null,
             React.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
                 React.createElement(react_bootstrap_1.Modal.Title, null, "Create New Personal Access Token")),
@@ -99,9 +99,9 @@ var CreateAccessTokenModal = function (_a) {
                     React.createElement(Checkbox_1.Checkbox, { label: ScopeDescriptions_1.scopeDescriptions.modify.displayName, checked: modifyAccess, onChange: function () { return setModifyAccess(!modifyAccess); } },
                         React.createElement("div", { className: "AccessTokenModal__ScopeDescription" }, ScopeDescriptions_1.scopeDescriptions.modify.description))),
                 React.createElement("div", { className: "SRC-center-text" }, showErrorMessage && (React.createElement(ErrorBanner_1.ErrorBanner, { error: errorMessage })))))),
-            React.createElement(react_bootstrap_1.Modal.Footer, null, showCreatedToken ? (React.createElement(react_bootstrap_1.Button, { variant: "default", onClick: onClose }, "Close")) : (React.createElement(React.Fragment, null,
-                React.createElement(react_bootstrap_1.Button, { variant: "default", onClick: onClose }, "Cancel"),
-                React.createElement(react_bootstrap_1.Button, { type: "submit", variant: "primary", onClick: onSubmit }, "Create Token")))))));
+            React.createElement(react_bootstrap_1.Modal.Footer, null, showCreatedToken ? (React.createElement(react_bootstrap_1.Button, { variant: "outline", onClick: onClose }, "Close")) : (React.createElement(React.Fragment, null,
+                React.createElement(react_bootstrap_1.Button, { variant: "outline", onClick: onClose }, "Cancel"),
+                React.createElement(react_bootstrap_1.Button, { type: "submit", variant: "sds-primary", onClick: onSubmit }, "Create Token")))))));
 };
 exports.CreateAccessTokenModal = CreateAccessTokenModal;
 //# sourceMappingURL=CreateAccessTokenModal.js.map

package/dist/containers/personal_access_token/CreateAccessTokenModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateAccessTokenModal.js","sourceRoot":"","sources":["../../../src/lib/containers/personal_access_token/CreateAccessTokenModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CreateAccessTokenModal.js","sourceRoot":"","sources":["../../../src/lib/containers/personal_access_token/CreateAccessTokenModal.tsx"],"names":[],"mappings":"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"}

package/dist/containers/provenance/ActivityNodeLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Activity } from '../../utils/synapseTypes/Provenance/Provenance';
+export declare const ActivityNodeLabel: (data: Activity) => JSX.Element;

package/dist/containers/provenance/ActivityNodeLabel.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityNodeLabel = void 0;
+var tslib_1 = require("tslib");
+var moment_1 = tslib_1.__importDefault(require("moment"));
+var react_1 = tslib_1.__importStar(require("react"));
+var DateFormatter_1 = require("../../utils/functions/DateFormatter");
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
+var Tooltip_1 = tslib_1.__importDefault(require("../../utils/tooltip/Tooltip"));
+var Typography_1 = tslib_1.__importDefault(require("../../utils/typography/Typography"));
+var UserCardSmall_1 = require("../UserCardSmall");
+var ActivityNodeLabel = function (data) {
+    var userProfile = (0, SynapseAPI_1.useGetUserProfile)(data.modifiedBy).data;
+    var friendlyModifiedOn = (0, DateFormatter_1.formatDate)((0, moment_1.default)(data.modifiedOn));
+    var name = data.name, description = data.description;
+    return (0, react_1.useMemo)(function () { return (react_1.default.createElement(react_1.default.Fragment, null,
+        name && (react_1.default.createElement(Tooltip_1.default, { title: name, placement: "top", enterNextDelay: 200 },
+            react_1.default.createElement("span", null,
+                react_1.default.createElement(Typography_1.default, { variant: "smallText1", className: "name" }, name)))),
+        description && (react_1.default.createElement(Tooltip_1.default, { title: description, placement: "top", enterNextDelay: 200 },
+            react_1.default.createElement("span", null,
+                react_1.default.createElement(Typography_1.default, { variant: "smallText1", className: "description" }, description)))),
+        userProfile && react_1.default.createElement(UserCardSmall_1.UserCardSmall, { userProfile: userProfile }),
+        react_1.default.createElement("div", null, friendlyModifiedOn))); }, [name, description, userProfile, friendlyModifiedOn]);
+};
+exports.ActivityNodeLabel = ActivityNodeLabel;
+//# sourceMappingURL=ActivityNodeLabel.js.map

package/dist/containers/provenance/ActivityNodeLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityNodeLabel.js","sourceRoot":"","sources":["../../../src/lib/containers/provenance/ActivityNodeLabel.tsx"],"names":[],"mappings":";;;;AAAA,0DAA2B;AAC3B,qDAAsC;AACtC,qEAAgE;AAChE,2DAAgE;AAEhE,gFAAiD;AACjD,yFAA0D;AAC1D,kDAAgD;AAEzC,IAAM,iBAAiB,GAAG,UAAC,IAAc;IACtC,IAAM,WAAW,GAAK,IAAA,8BAAiB,EAAC,IAAI,CAAC,UAAU,CAAC,KAAvC,CAAuC;IAChE,IAAM,kBAAkB,GAAG,IAAA,0BAAU,EAAC,IAAA,gBAAM,EAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAA;IACtD,IAAA,IAAI,GAAkB,IAAI,KAAtB,EAAE,WAAW,GAAK,IAAI,YAAT,CAAS;IAClC,OAAO,IAAA,eAAO,EACZ,cAAM,OAAA,CACJ;QACG,IAAI,IAAI,CACP,8BAAC,iBAAO,IAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAC,KAAK,EAAC,cAAc,EAAE,GAAG;YACvD;gBACE,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,MAAM,IAC9C,IAAI,CACM,CACR,CACC,CACX;QACA,WAAW,IAAI,CACd,8BAAC,iBAAO,IAAC,KAAK,EAAE,WAAW,EAAE,SAAS,EAAC,KAAK,EAAC,cAAc,EAAE,GAAG;YAC9D;gBACE,8BAAC,oBAAU,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,aAAa,IACrD,WAAW,CACD,CACR,CACC,CACX;QACA,WAAW,IAAI,8BAAC,6BAAa,IAAC,WAAW,EAAE,WAAW,GAAI;QAC3D,2CAAM,kBAAkB,CAAO,CAC9B,CACJ,EAvBK,CAuBL,EACD,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,CAAC,CACrD,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,iBAAiB,qBA+B7B"}

package/dist/containers/provenance/EntityNodeLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { EntityHeader } from '../../utils/synapseTypes';
+export declare const EntityNodeLabel: (data: EntityHeader) => JSX.Element;

package/dist/containers/provenance/EntityNodeLabel.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntityNodeLabel = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var EntityTypeUtils_1 = require("../../utils/functions/EntityTypeUtils");
+var getEndpoint_1 = require("../../utils/functions/getEndpoint");
+var Tooltip_1 = tslib_1.__importDefault(require("../../utils/tooltip/Tooltip"));
+var ProvenanceEntityIcon_1 = require("./ProvenanceEntityIcon");
+var EntityNodeLabel = function (data) {
+    var targetVersionNumberString = data.versionNumber
+        ? ".".concat(data.versionNumber)
+        : '';
+    var entityVersionString = "".concat(data.id).concat(targetVersionNumberString);
+    return (0, react_1.useMemo)(function () { return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(ProvenanceEntityIcon_1.ProvenanceEntityIcon, { entityHeader: data })),
+        react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(Tooltip_1.default, { title: data.name, placement: "top", enterNextDelay: 300 },
+                    react_1.default.createElement("a", { href: "".concat(getEndpoint_1.PRODUCTION_ENDPOINT_CONFIG.PORTAL, "#!Synapse:").concat(entityVersionString) }, data.name))),
+            (0, EntityTypeUtils_1.isVersionableEntityType)((0, EntityTypeUtils_1.convertToEntityType)(data.type)) && (react_1.default.createElement("div", null,
+                react_1.default.createElement("div", null,
+                    "v.",
+                    data.versionNumber),
+                !data.isLatestVersion && react_1.default.createElement("div", null, "(old version)")))))); }, [data, entityVersionString]);
+};
+exports.EntityNodeLabel = EntityNodeLabel;
+//# sourceMappingURL=EntityNodeLabel.js.map

package/dist/containers/provenance/EntityNodeLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityNodeLabel.js","sourceRoot":"","sources":["../../../src/lib/containers/provenance/EntityNodeLabel.tsx"],"names":[],"mappings":";;;;AAAA,qDAAsC;AACtC,yEAG8C;AAC9C,iEAA8E;AAE9E,gFAAiD;AACjD,+DAA6D;AAEtD,IAAM,eAAe,GAAG,UAAC,IAAkB;IAChD,IAAM,yBAAyB,GAAG,IAAI,CAAC,aAAa;QAClD,CAAC,CAAC,WAAI,IAAI,CAAC,aAAa,CAAE;QAC1B,CAAC,CAAC,EAAE,CAAA;IACN,IAAM,mBAAmB,GAAG,UAAG,IAAI,CAAC,EAAE,SAAG,yBAAyB,CAAE,CAAA;IACpE,OAAO,IAAA,eAAO,EACZ,cAAM,OAAA,CACJ;QACE;YACE,8BAAC,2CAAoB,IAAC,YAAY,EAAE,IAAI,GAAI,CACxC;QACN;YACE;gBACE,8BAAC,iBAAO,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,KAAK,EAAC,cAAc,EAAE,GAAG;oBAC5D,qCACE,IAAI,EAAE,UAAG,wCAA0B,CAAC,MAAM,uBAAa,mBAAmB,CAAE,IAE3E,IAAI,CAAC,IAAI,CACR,CACI,CACN;YACL,IAAA,yCAAuB,EAAC,IAAA,qCAAmB,EAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAC1D;gBACE;;oBAAQ,IAAI,CAAC,aAAa,CAAO;gBAChC,CAAC,IAAI,CAAC,eAAe,IAAI,2DAAwB,CAC9C,CACP,CACA,CACF,CACJ,EAvBK,CAuBL,EACD,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAC5B,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,eAAe,mBAgC3B"}