@vertesia/ui 1.4.0 → 1.5.0-dev.20260713.113008Z

package/src/shell/login/SigninScreen.tsx

@@ -2,11 +2,12 @@ import type { SignupData, SignupPayload } from '@vertesia/common';
 import { Env } from '@vertesia/ui/env';
 import { useUITranslation } from '@vertesia/ui/i18n';
 import { RegionTag } from '@vertesia/ui/layout';
-import { UserNotFoundError, useUserSession, useUXTracking } from '@vertesia/ui/session';
+import { RestrictedEnvironmentError, UserNotFoundError, useUserSession, useUXTracking } from '@vertesia/ui/session';
 import { useCallback, useEffect, useState } from 'react';
 import SignInAuthPending from './SignInAuthPending';
 import SignInEmailStep, { type TenantInfo } from './SignInEmailStep';
 import SignInProvidersStep from './SignInProvidersStep';
+import SignInRestrictedEnvStep from './SignInRestrictedEnvStep';
 import SignInReturningStep from './SignInReturningStep';
 import SignInTenantBlockedStep from './SignInTenantBlockedStep';
 import SignInTenantStep from './SignInTenantStep';
@@ -64,7 +65,7 @@ function matchesPathPrefix(pathname: string, prefix?: string | string[]) {
     });
 }
 
-type Mode = 'email' | 'providers' | 'tenant' | 'blocked' | 'returning' | 'pending' | 'signup';
+type Mode = 'email' | 'providers' | 'tenant' | 'blocked' | 'returning' | 'pending' | 'signup' | 'restricted';
 
 function SigninScreenImpl({
     isNested = false,
@@ -97,6 +98,8 @@ function SigninScreenImpl({
         if (!authError) return;
         if (authError instanceof UserNotFoundError) {
             setMode('signup');
+        } else if (authError instanceof RestrictedEnvironmentError) {
+            setMode('restricted');
         } else if (isInviteRequiredError(authError)) {
             const pending = readPendingSignin();
             if (pending) setEmail(pending.email);
@@ -179,7 +182,10 @@ function SigninScreenImpl({
     };
 
     const shouldHideTransientAuthError =
-        suppressAuthError && authError !== undefined && !(authError instanceof UserNotFoundError);
+        suppressAuthError &&
+        authError !== undefined &&
+        !(authError instanceof UserNotFoundError) &&
+        !(authError instanceof RestrictedEnvironmentError);
 
     if (isLoading || user || shouldHideTransientAuthError) return null;
 
@@ -194,6 +200,8 @@ function SigninScreenImpl({
                 onBack={startOver}
             />
         );
+    } else if (mode === 'restricted') {
+        content = <SignInRestrictedEnvStep onUseDifferentEmail={startOver} />;
     } else if (mode === 'signup' && !localStorage.getItem('tenantName')) {
         content = <SignupForm onSignup={onSignup} goBack={startOver} />;
     } else if (mode === 'tenant' && tenant) {
@@ -231,20 +239,25 @@ function SigninScreenImpl({
 
                     {content}
 
-                    {authError && !(authError instanceof UserNotFoundError) && !isInviteRequiredError(authError) && (
-                        <div className="mt-6 max-w-[420px] text-center text-sm text-muted">
-                            <div>
-                                {t('auth.signInError')}
-                                <br />
-                                {t('auth.signInErrorContact')}
-                                <a className="text-info mx-1" href="mailto:support@vertesiahq.com">
-                                    support@vertesiahq.com
-                                </a>
-                                {t('auth.signInErrorPersists')}
-                                <pre className="mt-2 text-xs">{t('auth.error', { message: authError.message })}</pre>
+                    {authError &&
+                        !(authError instanceof UserNotFoundError) &&
+                        !(authError instanceof RestrictedEnvironmentError) &&
+                        !isInviteRequiredError(authError) && (
+                            <div className="mt-6 max-w-[420px] text-center text-sm text-muted">
+                                <div>
+                                    {t('auth.signInError')}
+                                    <br />
+                                    {t('auth.signInErrorContact')}
+                                    <a className="text-info mx-1" href="mailto:support@vertesiahq.com">
+                                        support@vertesiahq.com
+                                    </a>
+                                    {t('auth.signInErrorPersists')}
+                                    <pre className="mt-2 text-xs">
+                                        {t('auth.error', { message: authError.message })}
+                                    </pre>
+                                </div>
                             </div>
-                        </div>
-                    )}
+                        )}
 
                     <div className="flex items-center gap-5 mt-10 text-xs text-muted-foreground">
                         <a href="https://vertesiahq.com/privacy" className="hover:text-foreground transition">

package/src/shell/login/productionUrl.test.ts

@@ -0,0 +1,19 @@
+import { describe, expect, it } from 'vitest';
+import { getProductionAppUrl } from './productionUrl.js';
+
+describe('getProductionAppUrl', () => {
+    it('sends a non-US region to its own regional production site', () => {
+        expect(getProductionAppUrl('eu1')).toBe('https://cloud.eu1.vertesia.io/');
+        expect(getProductionAppUrl('jp1')).toBe('https://cloud.jp1.vertesia.io/');
+    });
+
+    it('sends US regions to the canonical non-regional production site', () => {
+        expect(getProductionAppUrl('us1')).toBe('https://cloud.vertesia.io/');
+        expect(getProductionAppUrl('us')).toBe('https://cloud.vertesia.io/');
+    });
+
+    it('falls back to the canonical production site when the region is unknown', () => {
+        expect(getProductionAppUrl(undefined)).toBe('https://cloud.vertesia.io/');
+        expect(getProductionAppUrl('')).toBe('https://cloud.vertesia.io/');
+    });
+});

package/src/shell/login/productionUrl.ts

@@ -0,0 +1,18 @@
+/**
+ * Resolve the URL of the production Vertesia web application for a given deployment region. Used by
+ * the "restricted environment" sign-in step to send a user without early access to production, where
+ * they do have access — in their own region, never another one (an EU user must not land on the US
+ * site, and vice versa).
+ *
+ * The mapping mirrors the server's `detectUiUrl` production branch (packages/server-common):
+ *   - US (`us` / `us1`) or unknown region → `https://cloud.vertesia.io/` (canonical, non-regional)
+ *   - any other region (e.g. `eu1`, `jp1`)  → `https://cloud.{region}.vertesia.io/`
+ *
+ * Region is preferred over parsing the current hostname because it is well-defined for every serving
+ * pattern (including the direct-routing `*.ui.{region}.vertesia.io` hosts, which carry no
+ * `preview.`/`preprod.` prefix to strip). Callers pass `Env.region` from `@vertesia/ui/env`.
+ */
+export function getProductionAppUrl(region?: string): string {
+    const isNonUsRegion = region && region !== 'us' && region !== 'us1';
+    return isNonUsRegion ? `https://cloud.${region}.vertesia.io/` : 'https://cloud.vertesia.io/';
+}

package/src/shell/login/signInUtils.ts

@@ -222,8 +222,21 @@ export function firstNameFromEmail(email: string): string {
     return first.charAt(0).toUpperCase() + first.slice(1).toLowerCase();
 }
 
+function hasWhitespace(value: string): boolean {
+    for (const char of value) {
+        if (char.trim() === '') return true;
+    }
+    return false;
+}
+
 export function isValidEmail(email: string): boolean {
-    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test((email || '').trim());
+    const value = (email || '').trim();
+    const at = value.indexOf('@');
+    if (at <= 0 || at !== value.lastIndexOf('@')) return false;
+
+    const domain = value.slice(at + 1);
+    const dot = domain.indexOf('.');
+    return dot > 0 && dot < domain.length - 1 && !hasWhitespace(value);
 }
 
 /**

package/src/widgets/json-view/JSONCode.tsx

@@ -17,8 +17,7 @@ export function JSONCode({ data, className }: { data: unknown; className?: strin
         >
             <code>
                 {lines.map((line, index) => (
-                    // biome-ignore lint/suspicious/noArrayIndexKey: static formatted text lines
-                    <span key={index}>
+                    <span key={`line-${index}`}>
                         {renderJsonLine(line)}
                         {index < lines.length - 1 ? '\n' : null}
                     </span>

package/src/widgets/json-view/JSONTable.tsx

@@ -36,8 +36,7 @@ function formatValue(value: unknown): JSX.Element | string {
         return (
             <>
                 {value.map((item, index) => (
-                    // biome-ignore lint/suspicious/noArrayIndexKey: list order is stable for this render
-                    <div className="flex gap-1" key={index}>
+                    <div className="flex gap-1" key={`item-${index}`}>
                         <span className="text-xs align-top pe-2 font-medium">{index + 1}:</span>
                         <span className="text-xs">{formatValue(item)}</span>
                     </div>

package/src/widgets/markdown/ArtifactContentRenderer.tsx

@@ -151,9 +151,8 @@ function TableRenderer({ content }: { content: unknown }): ReactElement {
             <table className="min-w-full text-sm border-collapse">
                 <thead>
                     <tr className="border-b">
-                        {headers.map((h, i) => (
-                            // biome-ignore lint/suspicious/noArrayIndexKey: list order is stable for this render
-                            <th key={i} className="px-3 py-2 text-start font-medium text-muted">
+                        {headers.map((h) => (
+                            <th key={h} className="px-3 py-2 text-start font-medium text-muted">
                                 {h}
                             </th>
                         ))}
@@ -161,11 +160,9 @@ function TableRenderer({ content }: { content: unknown }): ReactElement {
                 </thead>
                 <tbody>
                     {rows.slice(0, 100).map((row, i) => (
-                        // biome-ignore lint/suspicious/noArrayIndexKey: list order is stable for this render
-                        <tr key={i} className="border-b border-muted/20">
+                        <tr key={`row-${i}`} className="border-b border-muted/20">
                             {row.map((cell, j) => (
-                                // biome-ignore lint/suspicious/noArrayIndexKey: list order is stable for this render
-                                <td key={j} className="px-3 py-2">
+                                <td key={`cell-${j}`} className="px-3 py-2">
                                     {cell}
                                 </td>
                             ))}

package/src/widgets/markdown/CodeBlockPlaceholder.tsx

@@ -92,8 +92,7 @@ export function CodeBlockPlaceholder({ type, error, onRetry, message, height }:
             <div className="flex gap-1">
                 {[...Array(3)].map((_, i) => (
                     <div
-                        // biome-ignore lint/suspicious/noArrayIndexKey: list order is stable for this render
-                        key={i}
+                        key={`dot-${i}`}
                         className="h-2 w-2 rounded-full bg-muted animate-bounce"
                         style={{ animationDelay: `${i * 150}ms` }}
                     />

package/src/widgets/monacoEditor/foldingProviders.ts

@@ -19,9 +19,8 @@ export function registerCustomFoldingProviders(monacoInstance: typeof import('mo
                     if (match) {
                         const level = match[1].length;
                         while (stack.length > 0 && stack[stack.length - 1].level >= level) {
-                            // biome-ignore lint/style/noNonNullAssertion: intentional non-null assertion; TS can't prove narrowing here
-                            const top = stack.pop()!;
-                            if (lineNumber - 1 > top.line) {
+                            const top = stack.pop();
+                            if (top && lineNumber - 1 > top.line) {
                                 ranges.push({ start: top.line, end: lineNumber - 1 });
                             }
                         }
@@ -30,9 +29,8 @@ export function registerCustomFoldingProviders(monacoInstance: typeof import('mo
                 }
                 const lastLine = lines.length;
                 while (stack.length > 0) {
-                    // biome-ignore lint/style/noNonNullAssertion: intentional non-null assertion; TS can't prove narrowing here
-                    const top = stack.pop()!;
-                    if (lastLine > top.line) {
+                    const top = stack.pop();
+                    if (top && lastLine > top.line) {
                         ranges.push({ start: top.line, end: lastLine });
                     }
                 }
@@ -98,14 +96,13 @@ export function registerCustomFoldingProviders(monacoInstance: typeof import('mo
                                 braceStack.push(lineNumber);
                             }
                             if (ch === '}' && braceStack.length > 0) {
-                                // biome-ignore lint/style/noNonNullAssertion: intentional non-null assertion; TS can't prove narrowing here
-                                const start = braceStack.pop()!;
+                                const start = braceStack.pop();
                                 // If there is non-whitespace content after `}` on this line
                                 // (e.g. "} else {"), end the fold at the previous line so
                                 // the continuation is not hidden inside the fold.
                                 const restOfLine = line.slice(j + 1).trimStart();
                                 const endLine = restOfLine.length > 0 ? lineNumber - 1 : lineNumber;
-                                if (endLine > start) braceRanges.push({ start, end: endLine });
+                                if (start !== undefined && endLine > start) braceRanges.push({ start, end: endLine });
                             }
                         }
 
@@ -118,9 +115,8 @@ export function registerCustomFoldingProviders(monacoInstance: typeof import('mo
                                     headingStack.length > 0 &&
                                     headingStack[headingStack.length - 1].level >= level
                                 ) {
-                                    // biome-ignore lint/style/noNonNullAssertion: intentional non-null assertion; TS can't prove narrowing here
-                                    const top = headingStack.pop()!;
-                                    if (lineNumber - 1 > top.line) {
+                                    const top = headingStack.pop();
+                                    if (top && lineNumber - 1 > top.line) {
                                         headingRanges.push({ start: top.line, end: lineNumber - 1 });
                                     }
                                 }
@@ -129,9 +125,8 @@ export function registerCustomFoldingProviders(monacoInstance: typeof import('mo
                             // Template just closed — seal all open heading sections here
                             if (!inTemplate) {
                                 while (headingStack.length > 0) {
-                                    // biome-ignore lint/style/noNonNullAssertion: intentional non-null assertion; TS can't prove narrowing here
-                                    const top = headingStack.pop()!;
-                                    if (lineNumber > top.line) {
+                                    const top = headingStack.pop();
+                                    if (top && lineNumber > top.line) {
                                         headingRanges.push({ start: top.line, end: lineNumber });
                                     }
                                 }

package/src/widgets/schema-editor/ManagedSchema.ts

@@ -58,8 +58,7 @@ export class ManagedSchema implements SchemaLoader {
     }
 
     get children() {
-        // biome-ignore lint/style/noNonNullAssertion: intentional non-null assertion; TS can't prove narrowing here
-        return this.root.children!;
+        return this.root.children ?? [];
     }
 
     reload() {

package/src/widgets/upload/UploadResultCategory.tsx

@@ -70,9 +70,8 @@ export function UploadResultCategory({
                 <div id={panelId} className="p-3 border-t border-color-border max-h-48 overflow-y-auto">
                     {items.length > 0 ? (
                         <ul className="space-y-1">
-                            {items.map((item, index) => (
-                                // biome-ignore lint/suspicious/noArrayIndexKey: list order is stable for this render
-                                <li key={index} className="text-sm py-1 px-2 rounded hover:bg-color-muted/10">
+                            {items.map((item) => (
+                                <li key={item} className="text-sm py-1 px-2 rounded hover:bg-color-muted/10">
                                     {item}
                                 </li>
                             ))}

package/src/widgets/xml-viewer/components/TextElement/index.tsx

@@ -19,8 +19,7 @@ export function TextElement(props: TextElementProps) {
                 .split('\n')
                 .filter((element) => !!element.trim())
                 .map((line, index) => (
-                    // biome-ignore lint/suspicious/noArrayIndexKey: list order is stable for this render
-                    <div key={`${index}`}>{`${indentation}${line.trim()}`}</div>
+                    <div key={`line-${index}`}>{`${indentation}${line.trim()}`}</div>
                 ))}
         </div>
     ) : (

package/lib/features/store/objects/selection/actions/StartWorkflowComponent.d.ts

@@ -1,4 +0,0 @@
-import type { ActionComponentTypeProps, ObjectsActionSpec } from '../ObjectsActionSpec';
-export declare function StartWorkflowComponent({ action, objectIds, collectionId }: ActionComponentTypeProps): import("react").JSX.Element;
-export declare const StartWorkflowAction: ObjectsActionSpec;
-//# sourceMappingURL=StartWorkflowComponent.d.ts.map

package/lib/features/store/objects/selection/actions/StartWorkflowComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StartWorkflowComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/store/objects/selection/actions/StartWorkflowComponent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAExF,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,wBAAwB,+BAwCnG;AAGD,eAAO,MAAM,mBAAmB,EAAE,iBAOjC,CAAC"}

package/lib/features/store/objects/selection/actions/StartWorkflowComponent.js

@@ -1,77 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Modal, ModalBody, ModalFooter, ModalTitle, SelectList, useToast } from '@vertesia/ui/core';
-import { i18nInstance, NAMESPACE, useUITranslation } from '@vertesia/ui/i18n';
-import { useUserSession } from '@vertesia/ui/session';
-import { useCallback, useState } from 'react';
-import { useObjectsActionCallback, useObjectsActionContext } from '../ObjectsActionHooks';
-export function StartWorkflowComponent({ action, objectIds, collectionId }) {
-    const { t } = useUITranslation();
-    const toast = useToast();
-    const { client } = useUserSession();
-    const [isOpen, setOpen] = useState(false);
-    const callback = useCallback(() => {
-        setOpen(true);
-        return Promise.resolve(true);
-    }, []);
-    const onStartWorkflow = (workflowId) => {
-        setOpen(false);
-        if (!workflowId) {
-            return;
-        }
-        // const objectIds = params.selection.getObjectIds();
-        // const workflowId = params.action.id;
-        return client.store.workflows.rules
-            .execute(workflowId, objectIds, { collection_id: collectionId })
-            .then(() => {
-            toast({
-                title: t('store.actions.workflowStarted'),
-                status: 'success',
-                duration: 3000,
-            });
-        })
-            .catch((err) => {
-            toast({
-                title: t('store.actions.errorStartingWorkflow'),
-                status: 'error',
-                description: err.message,
-                duration: 9000,
-            });
-        });
-    };
-    useObjectsActionCallback(action.id, callback);
-    return _jsx(StartWorkflowModal, { isOpen: isOpen, onClose: onStartWorkflow });
-}
-const t = i18nInstance.getFixedT(null, NAMESPACE);
-export const StartWorkflowAction = {
-    id: 'startWorkflow',
-    name: t('store.actions.startWorkflow'),
-    description: t('store.actions.startWorkflowDesc'),
-    confirm: false,
-    hideInList: true,
-    component: StartWorkflowComponent,
-};
-function StartWorkflowModal({ isOpen, onClose }) {
-    const { t } = useUITranslation();
-    return (_jsxs(Modal, { onClose: () => onClose(undefined), isOpen: isOpen, className: "", children: [_jsx(ModalTitle, { children: t('store.actions.startWorkflowByRule') }), _jsx(StartWorkflowBody, { onClose: onClose })] }));
-}
-function optionLayout(option) {
-    return {
-        label: (_jsxs("div", { children: [_jsx("div", { children: option.name }), _jsx("div", { className: "text-sm text-muted", children: option.description })] })),
-        reverse: true,
-    };
-}
-function StartWorkflowBody({ onClose }) {
-    const { t } = useUITranslation();
-    const [selected, setSelected] = useState(undefined);
-    const context = useObjectsActionContext();
-    const onSelect = (value) => {
-        setSelected(value);
-    };
-    const onStart = () => {
-        if (selected) {
-            onClose(selected.id);
-        }
-    };
-    return (_jsxs("div", { children: [_jsxs(ModalBody, { children: [_jsx("div", { className: "pb-2", children: t('store.actions.chooseWorkflowRule') }), _jsx("div", { className: "max-h-[420px] overflow-y-scroll border-border border rounded-md", children: _jsx(SelectList, { options: context.wfRules, optionLayout: optionLayout, onChange: onSelect, value: selected }) })] }), _jsxs(ModalFooter, { children: [_jsx(Button, { variant: "secondary", onClick: () => onClose(), children: "Cancel" }), _jsx(Button, { onClick: onStart, isDisabled: !selected, children: "Start" })] })] }));
-}
-//# sourceMappingURL=StartWorkflowComponent.js.map

package/lib/features/store/objects/selection/actions/StartWorkflowComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StartWorkflowComponent.js","sourceRoot":"","sources":["../../../../../../src/features/store/objects/selection/actions/StartWorkflowComponent.tsx"],"names":[],"mappings":"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"}

package/src/features/store/objects/selection/actions/StartWorkflowComponent.tsx

@@ -1,127 +0,0 @@
-import { Button, Modal, ModalBody, ModalFooter, ModalTitle, SelectList, useToast } from '@vertesia/ui/core';
-import { i18nInstance, NAMESPACE, useUITranslation } from '@vertesia/ui/i18n';
-import { useUserSession } from '@vertesia/ui/session';
-import { useCallback, useState } from 'react';
-import { useObjectsActionCallback, useObjectsActionContext } from '../ObjectsActionHooks';
-import type { ActionComponentTypeProps, ObjectsActionSpec } from '../ObjectsActionSpec';
-
-export function StartWorkflowComponent({ action, objectIds, collectionId }: ActionComponentTypeProps) {
-    const { t } = useUITranslation();
-    const toast = useToast();
-    const { client } = useUserSession();
-    const [isOpen, setOpen] = useState(false);
-
-    const callback = useCallback(() => {
-        setOpen(true);
-        return Promise.resolve(true);
-    }, []);
-
-    const onStartWorkflow = (workflowId?: string | undefined) => {
-        setOpen(false);
-        if (!workflowId) {
-            return;
-        }
-        // const objectIds = params.selection.getObjectIds();
-        // const workflowId = params.action.id;
-        return client.store.workflows.rules
-            .execute(workflowId, objectIds, { collection_id: collectionId })
-            .then(() => {
-                toast({
-                    title: t('store.actions.workflowStarted'),
-                    status: 'success',
-                    duration: 3000,
-                });
-            })
-            .catch((err) => {
-                toast({
-                    title: t('store.actions.errorStartingWorkflow'),
-                    status: 'error',
-                    description: err.message,
-                    duration: 9000,
-                });
-            });
-    };
-
-    useObjectsActionCallback(action.id, callback);
-
-    return <StartWorkflowModal isOpen={isOpen} onClose={onStartWorkflow} />;
-}
-
-const t = i18nInstance.getFixedT(null, NAMESPACE);
-export const StartWorkflowAction: ObjectsActionSpec = {
-    id: 'startWorkflow',
-    name: t('store.actions.startWorkflow'),
-    description: t('store.actions.startWorkflowDesc'),
-    confirm: false,
-    hideInList: true,
-    component: StartWorkflowComponent,
-};
-
-interface StartWorkflowModalProps {
-    isOpen: boolean;
-    onClose: (workflowId?: string | undefined) => void;
-}
-function StartWorkflowModal({ isOpen, onClose }: StartWorkflowModalProps) {
-    const { t } = useUITranslation();
-    return (
-        <Modal onClose={() => onClose(undefined)} isOpen={isOpen} className="">
-            <ModalTitle>{t('store.actions.startWorkflowByRule')}</ModalTitle>
-            <StartWorkflowBody onClose={onClose} />
-        </Modal>
-    );
-}
-
-function optionLayout(option: ObjectsActionSpec) {
-    return {
-        label: (
-            <div>
-                <div>{option.name}</div>
-                <div className="text-sm text-muted">{option.description}</div>
-            </div>
-        ),
-        reverse: true,
-    };
-}
-
-interface StartWorkflowBodyProps {
-    onClose: (workflowId?: string | undefined) => void;
-}
-function StartWorkflowBody({ onClose }: StartWorkflowBodyProps) {
-    const { t } = useUITranslation();
-    const [selected, setSelected] = useState<ObjectsActionSpec | undefined>(undefined);
-    const context = useObjectsActionContext();
-
-    const onSelect = (value: ObjectsActionSpec) => {
-        setSelected(value);
-    };
-
-    const onStart = () => {
-        if (selected) {
-            onClose(selected.id);
-        }
-    };
-
-    return (
-        <div>
-            <ModalBody>
-                <div className="pb-2">{t('store.actions.chooseWorkflowRule')}</div>
-                <div className="max-h-[420px] overflow-y-scroll border-border border rounded-md">
-                    <SelectList
-                        options={context.wfRules}
-                        optionLayout={optionLayout}
-                        onChange={onSelect}
-                        value={selected}
-                    />
-                </div>
-            </ModalBody>
-            <ModalFooter>
-                <Button variant="secondary" onClick={() => onClose()}>
-                    Cancel
-                </Button>
-                <Button onClick={onStart} isDisabled={!selected}>
-                    Start
-                </Button>
-            </ModalFooter>
-        </div>
-    );
-}