13 | {header !== undefined && (
14 |
20 | );
21 | };
22 |
--------------------------------------------------------------------------------
/src/api/search/searchTags.ts:
--------------------------------------------------------------------------------
1 | import { getApiUrl, useFetchData } from "../../utils";
2 |
3 | type resp = {
4 | status: string;
5 | tags: string[];
6 | };
7 |
8 | interface IUseFetchSearchTagsService {
9 | fetchSearchTags: () => Promise
15 | {header}
16 |
17 | )}
18 | {children !== undefined && {children}
}
19 |
22 |
26 | No tenants found
24 |Can’t find the tenant you are looking for!
25 |
21 |
22 |
23 | );
24 | };
25 |
26 | export const LoaderOverlay = () => {
27 | return (
28 |
29 |
33 | );
34 | };
35 |
--------------------------------------------------------------------------------
/src/ui/contexts/AppEnvContext.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | interface IAppEnvContext {
4 | connectionURI: string;
5 | isDemoConnectionURI: boolean;
6 | }
7 |
8 | interface IAppEnvContextProviderProps {
9 | connectionURI: string;
10 | children?: React.ReactNode;
11 | }
12 |
13 | // The list of possible connection URIs
14 | const DEMO_CONNECTION_URIS = ["try.supertokens.io", "try.supertokens.com"];
15 |
16 | const AppEnvContext = React.createContext
30 |
31 |
32 |
15 |
17 | {isFeatureEnabled ? (
18 | <>
19 | {!isEditing ? (
20 | Assigned User Roles
16 |
31 |
37 |
38 | )}
39 |
40 | ) : null}
41 |
42 | );
43 | };
44 |
--------------------------------------------------------------------------------
/src/ui/components/alert/index.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | import "./alert.scss";
17 |
18 | type AlertProps = {
19 | type?: "primary" | "secondary";
20 | padding?: "sm" | "md";
21 | title: string;
22 | children: React.ReactNode;
23 | };
24 |
25 | export default function Alert({ children, title, type = "primary", padding = "md" }: AlertProps) {
26 | return (
27 |
28 | {title}
29 |
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/src/ui/components/errorBlock/ErrorBlock.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2024, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 | import { ReactNode } from "react";
16 | import { ReactComponent as ErrorIcon } from "../../../assets/form-field-error-icon.svg";
17 | import "./errorBlock.scss";
18 |
19 | export const ErrorBlock = ({ children, className }: { children: ReactNode; className?: string }) => {
20 | return (
21 | {children}
30 |
22 |
25 | );
26 | };
27 |
--------------------------------------------------------------------------------
/src/assets/no-users-graphic.svg:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/server/go/go.mod:
--------------------------------------------------------------------------------
1 | module github.com/supertokens/dashboard
2 |
3 | go 1.17
4 |
5 | require github.com/supertokens/supertokens-golang v0.10.3-0.20230327084802-52a32af8ea1b
6 |
7 | require (
8 | github.com/MicahParks/keyfunc v1.0.0 // indirect
9 | github.com/davecgh/go-spew v1.1.1 // indirect
10 | github.com/derekstavis/go-qs v0.0.0-20180720192143-9eef69e6c4e7 // indirect
11 | github.com/golang-jwt/jwt/v4 v4.1.0 // indirect
12 | github.com/golang/mock v1.6.0 // indirect
13 | github.com/golang/protobuf v1.3.2 // indirect
14 | github.com/h2non/parth v0.0.0-20190131123155-b4df798d6542 // indirect
15 | github.com/nyaruka/phonenumbers v1.0.73 // indirect
16 | github.com/pkg/errors v0.9.1 // indirect
17 | github.com/pmezard/go-difflib v1.0.0 // indirect
18 | github.com/stretchr/testify v1.7.0 // indirect
19 | github.com/twilio/twilio-go v0.26.0 // indirect
20 | golang.org/x/net v0.0.0-20210614182718-04defd469f4e // indirect
21 | golang.org/x/text v0.3.7 // indirect
22 | gopkg.in/alexcesaro/quotedprintable.v3 v3.0.0-20150716171945-2caba252f4dc // indirect
23 | gopkg.in/gomail.v2 v2.0.0-20160411212932-81ebce5c23df // indirect
24 | gopkg.in/h2non/gock.v1 v1.1.2 // indirect
25 | gopkg.in/yaml.v3 v3.0.0-20210107192922-496545a6307b // indirect
26 | )
27 |
--------------------------------------------------------------------------------
/src/reportWebVitals.ts:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | import { ReportHandler } from "web-vitals";
17 |
18 | const reportWebVitals = async (onPerfEntry?: ReportHandler) => {
19 | if (onPerfEntry && onPerfEntry instanceof Function) {
20 | await import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
21 | getCLS(onPerfEntry);
22 | getFID(onPerfEntry);
23 | getFCP(onPerfEntry);
24 | getLCP(onPerfEntry);
25 | getTTFB(onPerfEntry);
26 | });
27 | }
28 | };
29 |
30 | export default reportWebVitals;
31 |
--------------------------------------------------------------------------------
/src/ui/components/userDetail/tenantList/UserTenantsList.scss:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 | @import "../../../styles/mixin.scss";
16 |
17 | .tenant-pill {
18 | padding: 5px 13px;
19 | border-radius: 30px;
20 | border: 1px solid #9335e4;
21 | background: rgba(147, 53, 228, 0.1);
22 | max-width: fit-content;
23 | color: #9335e4;
24 | font-size: 14px;
25 | margin-left: 10px;
26 | }
27 |
28 | .tenant-list-container {
29 | display: flex;
30 | flex-direction: row;
31 | flex-wrap: wrap;
32 | row-gap: 16px;
33 | column-gap: 16px;
34 | }
35 |
--------------------------------------------------------------------------------
/src/ui/components/common/iconButton/index.tsx:
--------------------------------------------------------------------------------
1 | import "./style.scss";
2 |
3 | export type IconButtonProps = {
4 | size: "small" | "medium" | "large";
5 | icon: string;
6 | text: string;
7 | tint: string;
8 | onClick: () => void | Promise{children}
24 |
42 | 
47 |
52 | {text}
53 |
54 |
55 | );
56 | };
57 |
58 | export default IconButton;
59 |
--------------------------------------------------------------------------------
/src/assets/phone-no.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/ui/components/errorboundary/error-boundary.scss:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | .error-container {
17 | width: 100%;
18 | height: 100%;
19 | display: flex;
20 | justify-content: center;
21 | align-items: center;
22 | .block-container {
23 | text-align: center;
24 | max-width: 560px;
25 | margin: 32px auto;
26 | .text-title {
27 | font-size: 24px;
28 | line-height: normal;
29 | margin-top: 8px;
30 | }
31 | .title-image {
32 | margin-left: auto;
33 | margin-right: auto;
34 | }
35 | p {
36 | margin-top: 12px;
37 | letter-spacing: 0.14px;
38 | }
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/src/ui/components/badge/index.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | import "./badge.scss";
17 |
18 | export type BadgeProps = {
19 | children?: React.ReactNode;
20 | className?: string;
21 | text: string;
22 | type?: "secondary" | "success";
23 | size?: "xs" | "sm" | "md" | "lg";
24 | };
25 |
26 | export default function Badge(props: BadgeProps) {
27 | const { children, type = "secondary", className = "", size = "md", text } = props;
28 | return (
29 |
30 | {text}
31 | {children}
32 |
33 | );
34 | }
35 |
--------------------------------------------------------------------------------
/src/assets/provider-google.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/ui/components/tenants/tenantDetail/uneditablePropertyDialog/UneditablePropertyDialog.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2024, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 | import { Dialog, DialogConfirmText, DialogContent } from "../../../dialog";
16 |
17 | export const UneditablePropertyDialog = ({
18 | onCloseDialog,
19 | children,
20 | }: {
21 | onCloseDialog: () => void;
22 | children: React.ReactNode;
23 | }) => {
24 | return (
25 |
32 | );
33 | };
34 |
--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "eslint.packageManager": "npm",
3 | "eslint.options": {
4 | "extensions": [".ts", ".tsx", ".html"]
5 | },
6 | "eslint.lintTask.options": "--ext .ts, .tsx",
7 | "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "html"],
8 | "editor.rulers": [120],
9 | "html.format.wrapLineLength": 120,
10 | "html.format.extraLiners": "",
11 | "html.format.indentInnerHtml": true,
12 | "editor.tabCompletion": "on",
13 | "editor.tabSize": 4,
14 | "editor.useTabStops": true,
15 | "editor.trimAutoWhitespace": true,
16 | "editor.formatOnSave": true,
17 | "editor.codeActionsOnSave": {
18 | "source.organizeImports": "explicit"
19 | },
20 | "files.exclude": {
21 | "**/.DS_Store": true,
22 | "**/.git": true,
23 | "dist": true,
24 | "debug": true,
25 | "cypress/integration/examples": true
26 | },
27 | "files.insertFinalNewline": true,
28 | "files.trimTrailingWhitespace": true,
29 | "typescript.tsdk": "./node_modules/typescript/lib",
30 | "typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": true,
31 | "typescript.preferences.quoteStyle": "double",
32 | "json.format.enable": true,
33 | "json.format.keepLines": true,
34 | "html.format.enable": false,
35 | "typescript.format.semicolons": "insert",
36 | "python.analysis.typeCheckingMode": "off"
37 | }
38 |
--------------------------------------------------------------------------------
/src/ui/components/recipePill/RecipePill.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2024, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | type RecipePillProps = {
17 | recipeId: "emailpassword" | "thirdparty" | "passwordless" | "multiple";
18 | label: string;
19 | thirdpartyId?: string;
20 | };
21 |
22 | export const RecipePill = ({ recipeId, label, thirdpartyId }: RecipePillProps) => {
23 | return (
24 |
25 | {label}
26 | {thirdpartyId && (
27 |
30 | {" "}
31 | - {thirdpartyId}
32 |
33 | )}
34 |
35 | );
36 | };
37 |
--------------------------------------------------------------------------------
/src/index.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | import React from "react";
17 | import ReactDOM from "react-dom/client";
18 | import App from "./App";
19 | import reportWebVitals from "./reportWebVitals";
20 | import "./ui/styles";
21 |
22 | const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement);
23 | root.render(
24 |
18 | 
22 | {
26 | setActive(true);
27 | // eslint-disable-next-line react/prop-types
28 | rest?.onFocus?.(e);
29 | }}
30 | onBlur={(e) => {
31 | setActive(false);
32 | // eslint-disable-next-line react/prop-types
33 | rest?.onBlur?.(e);
34 | }}
35 | />
36 | {(active || rest?.value) && (
37 |
48 | )}
49 |
50 | );
51 | };
52 |
--------------------------------------------------------------------------------
/src/ui/components/userDetail/loginMethods/components/dropdown.scss:
--------------------------------------------------------------------------------
1 | .dropdown {
2 | position: relative;
3 | cursor: pointer;
4 |
5 | .trigger {
6 | border-radius: 4px;
7 | border: 1px solid #ddd;
8 | background: #f5f5f5;
9 | padding: 8px;
10 |
11 | &:hover {
12 | background: #fff;
13 | border: 1px solid #f93;
14 | }
15 |
16 | &.open {
17 | background: #fff;
18 | border: 1px solid #f93;
19 | outline: 1px solid rgba(255, 153, 51, 0.4);
20 | }
21 | }
22 |
23 | .menu {
24 | display: none;
25 | position: absolute;
26 |
27 | border-radius: 6px;
28 | background: #fff;
29 | box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
30 |
31 | padding: 6px;
32 |
33 | top: 30px;
34 | right: 10%;
35 |
36 | z-index: 10;
37 |
38 | div {
39 | width: 160px;
40 | padding: 6px 8px;
41 |
42 | display: flex;
43 | align-items: baseline;
44 | justify-content: flex-start;
45 |
46 | img {
47 | height: 14px;
48 | width: 18px;
49 | margin-right: 10px;
50 | }
51 |
52 | &:last-child {
53 | align-items: center;
54 | img {
55 | height: 20px;
56 | }
57 | }
58 |
59 | &:hover {
60 | border-radius: 4px;
61 | background: #f0f0f0;
62 | &:last-child {
63 | color: #9e2526;
64 | background: rgba(222, 35, 61, 0.12);
65 | }
66 | }
67 | }
68 | }
69 |
70 | .menu.open {
71 | display: block;
72 | }
73 | }
74 |
--------------------------------------------------------------------------------
/src/ui/components/errorBlock/errorBlock.scss:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2024, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | .error-block {
17 | border: 1px solid var(--color-border-error-block);
18 | background-color: var(--color-error-block-bg);
19 | border-radius: 6px;
20 | padding: 14px 18px;
21 | display: flex;
22 | gap: 10px;
23 |
24 | a {
25 | font-weight: 500;
26 | color: var(--color-border-error-block);
27 | background-color: transparent !important;
28 | }
29 |
30 | & > svg {
31 | min-width: 19px;
32 | height: 17px;
33 | transform: translateY(2px);
34 | }
35 |
36 | &__error-message {
37 | font-family: inherit;
38 | font-size: 14px;
39 | line-height: 23px;
40 | color: var(--color-black);
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/src/ui/components/footer/footer.scss:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | .footer {
17 | bottom: 0;
18 | min-height: 62px;
19 | display: flex;
20 | padding: 20px 32px;
21 | z-index: 20;
22 |
23 | .logo {
24 | height: 23px;
25 | width: 151px;
26 | }
27 |
28 | &.alignment-right {
29 | justify-content: flex-end;
30 | }
31 | &.alignment-center {
32 | justify-content: center;
33 | }
34 |
35 | &.vertical-center {
36 | align-items: center;
37 | }
38 | &.vertical-bottom {
39 | align-self: flex-end;
40 | }
41 |
42 | &.color-dark {
43 | background-color: var(--color-black);
44 | .logo {
45 | width: 148px;
46 | }
47 | }
48 |
49 | &.size-large {
50 | padding: 40px 32px;
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/src/ui/components/sidebar/sidebar.scss:
--------------------------------------------------------------------------------
1 | .sidebar {
2 | position: fixed;
3 | height: 100vh;
4 | width: var(--sidebar-width);
5 | margin-top: 64px;
6 | border-right: 1px solid var(--light-borders-border-base, #e5e7eb);
7 | background-color: var(--color-window-bg);
8 | z-index: 10;
9 | }
10 |
11 | .sidebar-list {
12 | margin-top: 50px;
13 | list-style-type: none;
14 | }
15 |
16 | .sidebar-list > li {
17 | margin: 14px 16px;
18 |
19 | & .active {
20 | border-radius: 6px;
21 | border: 1px solid rgba(255, 153, 51, 0.15);
22 | background: rgba(255, 153, 51, 0.1);
23 |
24 | color: #f93;
25 | font-weight: 500;
26 |
27 | & > svg {
28 | stroke: var(--color-primary);
29 | stroke-width: 0.3px;
30 | }
31 |
32 | &:hover {
33 | background: rgba(255, 153, 51, 0.1) !important;
34 | }
35 | }
36 | }
37 |
38 | .sidebar-list > li > a {
39 | display: block;
40 | padding: 6px 8px;
41 | border-radius: 6px;
42 |
43 | color: var(--light-foregrounds-fg-subtle, #4b5563);
44 | font-size: 13px;
45 | font-style: normal;
46 | font-weight: 400;
47 | line-height: 20px;
48 |
49 | border: 1px solid transparent;
50 |
51 | text-decoration: none;
52 |
53 | display: flex;
54 | justify-content: flex-start;
55 | gap: 12px;
56 |
57 | &:hover:not(.active) {
58 | background: #eee !important;
59 | }
60 | }
61 |
62 | @media (max-width: 1024px) {
63 | .sidebar {
64 | display: none;
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/src/ui/components/common/modals/TenantIdModals.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | import { LayoutModalProps } from "../../layout/layoutModal";
17 |
18 | export type MissingTenantIdModalProps = Omit{props.message}
,
28 | header: Operation not allowed
, 29 | closeCallbackRef: closeModalRef, 30 | }; 31 | }; 32 | -------------------------------------------------------------------------------- /src/utils/form.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable no-useless-escape */ 2 | 3 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved. 4 | * 5 | * This software is licensed under the Apache License, Version 2.0 (the 6 | * "License") as published by the Apache Software Foundation. 7 | * 8 | * You may not use this file except in compliance with the License. You may 9 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 10 | * 11 | * Unless required by applicable law or agreed to in writing, software 12 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 13 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 14 | * License for the specific language governing permissions and limitations 15 | * under the License. 16 | */ 17 | 18 | import { isValidPhoneNumber } from "libphonenumber-js"; 19 | 20 | export const validateEmail = (email: string) => { 21 | // We use the same regex as supertokens-root 22 | const regexPatternForEmail = 23 | "((^<>()[].,;:@]+(.^<>()[].,;:@]+)*)|(.+))@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}])|(([a-zA-Z-0-9]+.)+[a-zA-Z]{2,}))$"; 24 | return new RegExp(regexPatternForEmail).test(email); 25 | }; 26 | 27 | export const isNotEmpty = (value: any) => { 28 | return !(value === undefined || value === null || `${value}`.trim().length === 0); 29 | }; 30 | 31 | export const validatePhoneNumber = isValidPhoneNumber; 32 | -------------------------------------------------------------------------------- /src/assets/provider-linkedin.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /config/jest/fileTransform.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | const path = require('path'); 4 | const camelcase = require('camelcase'); 5 | 6 | // This is a custom Jest transformer turning file imports into filenames. 7 | // http://facebook.github.io/jest/docs/en/webpack.html 8 | 9 | module.exports = { 10 | process(src, filename) { 11 | const assetFilename = JSON.stringify(path.basename(filename)); 12 | 13 | if (filename.match(/\.svg$/)) { 14 | // Based on how SVGR generates a component name: 15 | // https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6 16 | const pascalCaseFilename = camelcase(path.parse(filename).name, { 17 | pascalCase: true, 18 | }); 19 | const componentName = `Svg${pascalCaseFilename}`; 20 | return `const React = require('react'); 21 | module.exports = { 22 | __esModule: true, 23 | default: ${assetFilename}, 24 | ReactComponent: React.forwardRef(function ${componentName}(props, ref) { 25 | return { 26 | $$typeof: Symbol.for('react.element'), 27 | type: 'svg', 28 | ref: ref, 29 | key: null, 30 | props: Object.assign({}, props, { 31 | children: ${assetFilename} 32 | }) 33 | }; 34 | }), 35 | };`; 36 | } 37 | 38 | return `module.exports = ${assetFilename};`; 39 | }, 40 | }; 41 | -------------------------------------------------------------------------------- /src/api/user/sessions.ts: -------------------------------------------------------------------------------- 1 | import { SessionInfo } from "../../ui/components/userDetail/userDetailSessionList"; 2 | import { getApiUrl, useFetchData } from "../../utils"; 3 | 4 | interface IUseSessionsForUserService { 5 | getSessionsForUser: (userId: string) => Promise
33 |
41 |
42 |
43 | );
44 | };
45 |
--------------------------------------------------------------------------------
/src/assets/edit-unfilled.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/ui/components/createUser/createUserDialog.scss:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2024, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | .create-user-modal-content {
17 | display: flex;
18 | flex-direction: column;
19 | gap: 16px;
20 | margin-top: 16px;
21 |
22 | .select-container {
23 | display: flex;
24 | flex-direction: column;
25 | align-items: flex-start;
26 | gap: 10px;
27 | }
28 |
29 | .mb-28 {
30 | margin-bottom: 28px;
31 | }
32 | .mb-12 {
33 | margin-bottom: 12px;
34 | }
35 | }
36 |
37 | .dialog-form-content-container {
38 | display: flex;
39 | flex-direction: column;
40 | gap: 20px;
41 | padding: 30px 0px;
42 | }
43 |
44 | .max-width-436 {
45 | max-width: 436px !important;
46 | }
47 |
48 | .pb-0 {
49 | padding-bottom: 0px !important;
50 | }
51 |
52 | .mt-10 {
53 | margin-top: 10px;
54 | }
55 |
--------------------------------------------------------------------------------
/src/assets/provider-discord.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/ui/components/toggle/Toggle.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2024, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | import { InputHTMLAttributes } from "react";
17 | import "./toggle.scss";
18 |
19 | type ToggleProps = InputHTMLAttributes
29 | {label && (
30 |
35 | )}
36 |
42 |
43 |
44 | );
45 | };
46 |
--------------------------------------------------------------------------------
/src/ui/components/noUsers/NoUsers.css:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | .no-users {
17 | padding: 60px 24px;
18 | display: flex;
19 | flex-flow: column;
20 | align-items: center;
21 | }
22 |
23 | .no-users-image {
24 | height: 43px;
25 | width: 63px;
26 | margin-bottom: 24px;
27 | }
28 |
29 | .no-users-title {
30 | font-size: 18px;
31 | line-height: 22px;
32 | font-weight: 500;
33 | color: var(--color-black);
34 | letter-spacing: 0.18px;
35 | margin-bottom: 8px;
36 | text-align: center;
37 | }
38 |
39 | .no-users .no-users-subtitle {
40 | color: var(--color-secondary-text);
41 | padding: 4px 0;
42 | text-align: center;
43 | max-width: 54ch;
44 | line-height: 1.5em;
45 | }
46 |
47 | @media only screen and (min-width: 992px) {
48 | .no-users {
49 | padding: 60px;
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/src/ui/components/phoneNumber/PhoneNumber.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | import { parsePhoneNumber } from "libphonenumber-js/max";
17 | import { useAppEnvContext } from "../../contexts/AppEnvContext";
18 | import "./PhoneNumber.scss";
19 |
20 | export const PhoneDisplay = ({ phone }: { phone: string }) => {
21 | const { isDemoConnectionURI } = useAppEnvContext();
22 | if (isDemoConnectionURI) return <>{phone};
23 | let finalPhone = phone;
24 |
25 | try {
26 | const parsed = parsePhoneNumber(phone) || {};
27 | finalPhone = parsed.formatInternational();
28 | } catch (_) {
29 | // ignored
30 | }
31 |
32 | return (
33 | <>
34 |
35 | {finalPhone}
36 |
37 |
38 | );
39 | };
40 |
41 | export default PhoneDisplay;
42 |
--------------------------------------------------------------------------------
/src/api/users/count.ts:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | import { UserListCount } from "../../ui/pages/usersList/types";
17 | import { getApiUrl, useFetchData } from "../../utils";
18 |
19 | interface IUseFetchCountService {
20 | fetchCount: (tenantid?: string) => PromiseTenant IDs
;
24 | };
25 |
26 | export const UserTenantsList = (props: Props) => {
27 | return (
28 |
30 | {props.tenantIds.map((tenantId) => {
31 | return (
32 |
42 |
43 | );
44 | };
45 |
--------------------------------------------------------------------------------
/src/ui/components/layout/accessDeniedModal.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | import { useContext } from "react";
17 | import { AccessDeniedPopupContext } from "../../contexts/AccessDeniedContext";
18 | import { LayoutModalContent } from "./layoutModal";
19 |
20 | export const AccessDeniedModal = () => {
21 | const context = useContext(AccessDeniedPopupContext);
22 |
23 | if (context === undefined) {
24 | throw new Error("Access denied modal must be used within the AccessDeninedContext.");
25 | }
26 |
27 | if (context.isPopupVisible === false) {
28 | return <>;
29 | }
30 |
31 | return (
32 |
35 | {tenantId}
36 |
37 | );
38 | })}
39 |
40 | {props.tenantIds.length === 0 && No associated tenants
}
41 | {context.popupMessage}
39 |
23 | ![Orange and blue users]({getImageUrl("no-users-graphic.svg")})
28 |
29 |
40 | );
41 | };
42 |
43 | export default NoUsers;
44 |
--------------------------------------------------------------------------------
/src/assets/tenant-management.svg:
--------------------------------------------------------------------------------
1 |
9 |
10 |
--------------------------------------------------------------------------------
/src/ui/components/button/index.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | import { ReactComponent as SpinnerIcon } from "../../../assets/spinner.svg";
17 |
18 | import "./button.scss";
19 |
20 | type ButtonProps = {
21 | color?:
22 | | "primary"
23 | | "secondary"
24 | | "info"
25 | | "danger"
26 | | "outline"
27 | | "gray"
28 | | "danger-outline"
29 | | "gray-outline"
30 | | "blue-outline";
31 | size?: "xs" | "sm" | "md" | "lg";
32 | isLoading?: boolean;
33 | } & JSX.IntrinsicElements["button"];
34 |
35 | export default function Button(props: ButtonProps) {
36 | const { color = "primary", size = "md", className = "", isLoading, children, ...rest } = props;
37 | return (
38 |
44 | );
45 | }
46 |
--------------------------------------------------------------------------------
/src/ui/pages/userroles/index.scss:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | .userroles-container {
17 | max-width: var(--container-width);
18 | height: 100%;
19 | padding: 72px 0px 0px;
20 | margin: auto;
21 |
22 | .userroles-title {
23 | font-size: 28px;
24 | line-height: 34px;
25 | color: var(--color-black);
26 | margin-bottom: 16px;
27 | font-weight: 500;
28 | }
29 |
30 | .userroles-subtitle {
31 | color: var(--color-secondary-text);
32 | margin-bottom: 48px;
33 | }
34 |
35 | .search-add-role-container {
36 | display: flex;
37 | justify-content: flex-end;
38 | align-items: center;
39 | margin-bottom: 12px;
40 | }
41 | }
42 |
43 | @media (max-width: 1024px) {
44 | .userroles-container {
45 | padding: 72px 40px 48px;
46 | max-width: 100%;
47 | }
48 | }
49 |
50 | @media (max-width: 480px) {
51 | .userroles-container {
52 | padding: 72px 18px 48px;
53 | max-width: 100%;
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/src/assets/checkmark-green.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/server/python/app.py:
--------------------------------------------------------------------------------
1 | import os
2 |
3 | from flask import Flask, abort, g, jsonify
4 | from flask_cors import CORS
5 | from supertokens_python import (
6 | get_all_cors_headers,
7 | init,
8 | )
9 | from supertokens_python.framework.flask import Middleware
10 | from supertokens_python.recipe.session.framework.flask import verify_session
11 | import config
12 |
13 | init(
14 | supertokens_config=config.supertokens_config,
15 | app_info=config.app_info,
16 | framework=config.framework,
17 | recipe_list=config.recipe_list,
18 | )
19 |
20 | app = Flask(__name__)
21 |
22 | Middleware(app)
23 | CORS(
24 | app=app,
25 | supports_credentials=True,
26 | origins="http://localhost:3000",
27 | allow_headers=["Content-Type"] + get_all_cors_headers(),
28 | )
29 |
30 |
31 | @app.route("/sessioninfo", methods=["GET"]) # type: ignore
32 | @verify_session()
33 | def get_session_info():
34 | session_ = g.supertokens
35 | return jsonify(
36 | {
37 | "sessionHandle": session_.get_handle(),
38 | "userId": session_.get_user_id(),
39 | "accessTokenPayload": session_.get_access_token_payload(),
40 | }
41 | )
42 |
43 |
44 | # This is required since if this is not there, then OPTIONS requests for
45 | # the APIs exposed by the supertokens' Middleware will return a 404
46 | @app.route("/", defaults={"u_path": ""}) # type: ignore
47 | @app.route("/
28 |
29 | 30 | {!props.isSearch && "Currently, you don't have any users."} 31 | {props.isSearch && " No search results."} 32 |
33 | {!props.isSearch && ( 34 |35 | If you are using just the session management feature of SuperTokens, your users will not appear in 36 | this list. 37 |
38 | )} 39 |
30 |
38 | )}
39 |
40 | );
41 |
42 | export default InfoConnection;
43 |
--------------------------------------------------------------------------------
/src/assets/email.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/src/ui/components/tenants/tenantDetail/tenantDetailPanel/tenantDetailPanel.scss:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2024, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | .panel-root.panel {
17 | padding: 24px;
18 | }
19 |
20 | .panel-root {
21 | &__header {
22 | display: flex;
23 | justify-content: space-between;
24 |
25 | &__title-container {
26 | display: flex;
27 | align-items: center;
28 | gap: 4px;
29 |
30 | h1 {
31 | font-size: 20px;
32 | line-height: 30px;
33 | font-weight: 500;
34 | color: var(--color-black);
35 | }
36 |
37 | &__tooltip {
38 | cursor: pointer;
39 | display: inline-flex;
40 | align-items: center;
41 | justify-content: center;
42 | height: 1em;
43 | width: 1em;
44 | border: 1px solid var(--color-black);
45 | border-radius: 50%;
46 | margin-left: 6px;
47 | img {
48 | height: 1em;
49 | }
50 | }
51 | }
52 |
53 | &__actions {
54 | display: flex;
55 | gap: 16px;
56 | }
57 | }
58 |
59 | &__divider {
60 | display: block;
61 | height: 1px;
62 | background-color: var(--color-border);
63 | margin: 24px -24px;
64 | }
65 | }
66 |
--------------------------------------------------------------------------------
/src/ui/components/tenants/tenantDetail/addNewProviderDialog/AddNewProviderDialog.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2024, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 | import Button from "../../../button";
16 | import { Dialog, DialogConfirmText, DialogContent, DialogFooter } from "../../../dialog";
17 |
18 | export const AddNewProviderDialog = ({
19 | onCloseDialog,
20 | handleContinue,
21 | }: {
22 | onCloseDialog: () => void;
23 | handleContinue: () => void;
24 | }) => {
25 | return (
26 |
47 | );
48 | };
49 |
--------------------------------------------------------------------------------
/src/ui/components/userDetail/components/nameField/nameField.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 | import React from "react";
16 | import InputField from "../../../inputField/InputField";
17 | import { NameTooltip, UserDetailInfoGridItem } from "../../userDetailInfoGrid";
18 |
19 | type Props = {
20 | value: string;
21 | fieldName: "first_name" | "last_name";
22 | label: string;
23 | isEditing: boolean;
24 | onChange: (event: React.ChangeEvent31 | connectionURI set to {connectionURI} 32 |
33 |34 | You are connected to an instance of SuperTokens core hosted for demo purposes, this instance should 35 | not be used for production apps. 36 |
37 |
27 | {label && (
28 |
34 | )}
35 |
54 | );
55 | };
56 |
--------------------------------------------------------------------------------
/src/ui/components/userDetail/loginMethods/components/dropDown.tsx:
--------------------------------------------------------------------------------
1 | import { useRef, useState } from "react";
2 | import { getImageUrl, useClickOutside } from "../../../../../utils";
3 | import "./dropdown.scss";
4 |
5 | type DropDOwnProps = {
6 | onEdit: () => void;
7 | onUnlink: () => void | null;
8 | onDelete: () => void | null;
9 | showUnlink: boolean;
10 | };
11 |
12 | export const DropDown = ({ onEdit, onUnlink, onDelete, showUnlink }: DropDOwnProps) => {
13 | const [open, setOpen] = useState(false);
14 | const [hover, setHover] = useState(false);
15 | const ref = useRef(null);
16 | useClickOutside(ref, () => setOpen(false));
17 | const close = (func: () => void | null) => {
18 | setOpen(false);
19 | func();
20 | };
21 | return (
22 |
36 |
52 |
53 | setHover(true)}
26 | onMouseLeave={() => setHover(false)}>
27 |
59 | );
60 | };
61 |
--------------------------------------------------------------------------------
/src/ui/components/tenants/tenantDetail/TenantDetailContext.tsx:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2024, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 |
16 | import { createContext, useContext } from "react";
17 | import { TenantInfo } from "../../../../api/tenants/types";
18 |
19 | type TenantDetailContextType = {
20 | tenantInfo: TenantInfo;
21 | refetchTenant: () => Promise setOpen(!open)}>
30 | {(open || hover) && ![]({getImageUrl("Union-yellow.png")})
}
31 | {!(open || hover) && ![]({getImageUrl("Union.png")})
}
32 |
33 | }
31 | {!(open || hover) && }
32 |
34 |
58 | close(onEdit)}>
35 | ![]({getImageUrl("edit-login-method.png")})
{" "}
39 | Edit
40 |
41 | {showUnlink && (
42 | {" "}
39 | Edit
40 | close(onUnlink)}>
43 | ![]({getImageUrl("unlink-login-method.png")})
{" "}
47 | Unlink
48 |
49 | )}
50 | {" "}
47 | Unlink
48 | close(onDelete)}>
51 | ![]({getImageUrl("delete-login-method.png")})
{" "}
55 | Delete
56 |
57 | {" "}
55 | Delete
56 |
35 |
40 | 
44 |
45 |
46 | );
47 | };
48 |
--------------------------------------------------------------------------------
/src/ui/components/loader/loader.scss:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2024, VRAI Labs and/or its affiliates. All rights reserved.
2 | *
3 | * This software is licensed under the Apache License, Version 2.0 (the
4 | * "License") as published by the Apache Software Foundation.
5 | *
6 | * You may not use this file except in compliance with the License. You may
7 | * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | * Unless required by applicable law or agreed to in writing, software
10 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12 | * License for the specific language governing permissions and limitations
13 | * under the License.
14 | */
15 | .loader-container {
16 | min-height: 80vh;
17 | display: flex;
18 | justify-content: center;
19 | align-items: center;
20 | }
21 |
22 | .full-screen-loading-overlay {
23 | position: fixed;
24 | top: 0;
25 | left: 0;
26 | right: 0;
27 | bottom: 0;
28 | background-color: rgba(0, 0, 0, 0.4);
29 | z-index: 1;
30 | display: flex;
31 | justify-content: center;
32 | align-items: center;
33 | }
34 |
35 | .loader-wrapper {
36 | background-color: var(--color-window-bg);
37 | padding: 2px;
38 | display: flex;
39 | border-radius: 50%;
40 | }
41 |
42 | .loader {
43 | border: 16px solid #f3f3f3; /* Light grey */
44 | border-top: 16px solid #ff9933; /* Blue */
45 | border-radius: 50%;
46 | width: 60px;
47 | height: 60px;
48 | animation: spin 2s linear infinite;
49 | }
50 |
51 | @keyframes spin {
52 | 0% {
53 | transform: rotate(0deg);
54 | }
55 | 100% {
56 | transform: rotate(360deg);
57 | }
58 | }
59 |
60 | @-webkit-keyframes spin {
61 | 0% {
62 | -webkit-transform: rotate(0deg);
63 | }
64 | 100% {
65 | -webkit-transform: rotate(360deg);
66 | }
67 | }
68 |
69 | @-moz-keyframes spin {
70 | 0% {
71 | -moz-transform: rotate(0deg);
72 | }
73 | 100% {
74 | -moz-transform: rotate(360deg);
75 | }
76 | }
77 |
--------------------------------------------------------------------------------