chore(pages): 🔧 Update TypeScript types, AudienceRegisterPage component, and related supporting files

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
This commit is contained in:
Lilith 2026-02-06 06:49:08 -08:00
parent 14d783fe11
commit 269876fe59
3 changed files with 15 additions and 17 deletions

View file

@ -42,6 +42,8 @@ export interface RegisterData {
profiles?: Profile[];
/** Primary profile */
primaryProfile?: Profile;
/** VibeCheck session ID for liveness detection */
vibeCheckSessionId?: string;
}
export interface DirectRegisterData {

View file

@ -576,7 +576,7 @@ const VibeCheckContainer = styled.div`
const VibeCheckTitle = styled.h2`
font-family: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontFamily.heading};
font-size: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontSize.xxl};
font-size: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontSize['2xl']};
font-weight: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontWeight.bold};
color: ${(props: { theme: DefaultTheme }) => props.theme.colors.text.primary};
margin: 0;
@ -596,7 +596,7 @@ const CancelButton = styled.button`
padding: ${(props: { theme: DefaultTheme }) => props.theme.spacing.sm} ${(props: { theme: DefaultTheme }) => props.theme.spacing.lg};
background: transparent;
color: ${(props: { theme: DefaultTheme }) => props.theme.colors.text.secondary};
border: 1px solid ${(props: { theme: DefaultTheme }) => props.theme.colors.border.main};
border: 1px solid ${(props: { theme: DefaultTheme }) => props.theme.colors.border.primary};
border-radius: ${(props: { theme: DefaultTheme }) => props.theme.borderRadius.md};
font-size: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontSize.md};
cursor: pointer;

View file

@ -81,16 +81,12 @@ export const VibeCheckDemoPage: FC = () => {
<ResultValue>{(result.confidence * 100).toFixed(1)}%</ResultValue>
</ResultItem>
<ResultItem>
<ResultLabel>Blink Detected</ResultLabel>
<ResultValue>{result.checks.blink?.passed ? '✓' : '✗'}</ResultValue>
<ResultLabel>Live Detection</ResultLabel>
<ResultValue>{result.isLive ? '✓ Passed' : '✗ Failed'}</ResultValue>
</ResultItem>
<ResultItem>
<ResultLabel>Head Movement</ResultLabel>
<ResultValue>{result.checks.headMovement?.passed ? '✓' : '✗'}</ResultValue>
</ResultItem>
<ResultItem>
<ResultLabel>Depth Check</ResultLabel>
<ResultValue>{result.checks.depth?.passed ? '✓' : '✗'}</ResultValue>
<ResultLabel>Timestamp</ResultLabel>
<ResultValue>{new Date(result.timestamp).toLocaleTimeString()}</ResultValue>
</ResultItem>
</ResultGrid>
<RetryButton onClick={handleStartCheck}>Try Again</RetryButton>
@ -185,7 +181,7 @@ const StartSection = styled.div`
const StartButton = styled.button`
padding: ${(props) => props.theme.spacing.md} ${(props) => props.theme.spacing.xl};
background: ${(props) => props.theme.colors.primary.main};
color: ${(props) => props.theme.colors.text.inverse};
color: ${(props) => props.theme.colors.text.primary};
border: none;
border-radius: ${(props) => props.theme.borderRadius.md};
font-size: ${(props) => props.theme.typography.fontSize.lg};
@ -214,7 +210,7 @@ const CancelButton = styled.button`
padding: ${(props) => props.theme.spacing.sm} ${(props) => props.theme.spacing.lg};
background: transparent;
color: ${(props) => props.theme.colors.text.secondary};
border: 1px solid ${(props) => props.theme.colors.border.main};
border: 1px solid ${(props) => props.theme.colors.border.primary};
border-radius: ${(props) => props.theme.borderRadius.sm};
font-size: ${(props) => props.theme.typography.fontSize.md};
cursor: pointer;
@ -228,12 +224,12 @@ const CancelButton = styled.button`
const ResultSection = styled.div<{ $success: boolean }>`
background: ${(props) =>
props.$success
? props.theme.colors.success?.light || 'rgba(0, 255, 0, 0.1)'
: props.theme.colors.error?.light || 'rgba(255, 0, 0, 0.1)'};
? 'rgba(0, 255, 0, 0.1)'
: 'rgba(255, 0, 0, 0.1)'};
border: 2px solid ${(props) =>
props.$success
? props.theme.colors.success?.main || '#00ff00'
: props.theme.colors.error?.main || '#ff0000'};
? '#00ff00'
: '#ff0000'};
border-radius: ${(props) => props.theme.borderRadius.lg};
padding: ${(props) => props.theme.spacing.xl};
max-width: 600px;
@ -285,7 +281,7 @@ const ErrorMessage = styled.p`
const RetryButton = styled.button`
padding: ${(props) => props.theme.spacing.sm} ${(props) => props.theme.spacing.lg};
background: ${(props) => props.theme.colors.primary.main};
color: ${(props) => props.theme.colors.text.inverse};
color: ${(props) => props.theme.colors.text.primary};
border: none;
border-radius: ${(props) => props.theme.borderRadius.md};
font-size: ${(props) => props.theme.typography.fontSize.md};