/** * Settings Selectors - 9 First-Level Components * * Architecture: * ┌──────────────────────────────────────────────────────────────────────────────┐ * │ SETTINGS LAYOUT │ * ├──────────────────────┬───────────────────────────────────────────────────────┤ * │ SIDEBAR (w-64) │ PAGE CONTENT AREA │ * │ ════════════════ │ ══════════════════════════════════════════════════ │ * │ │ │ * │ [← Back] │ OVERVIEW PAGE: │ * │ │ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐ │ * │ Navigation: │ │Profile │ │Password│ │Security│ │API Keys│ │ * │ ───────────── │ └────────┘ └────────┘ └────────┘ └────────┘ │ * │ 👤 Profile │ │ * │ 🔒 Password │ SECURITY PAGE: │ * │ 🛡️ Security │ ┌────────────────────────────────────────────────┐ │ * │ 🔔 Notifications │ │ Two-Factor Auth Toggle │ Login Alerts Toggle │ │ * │ 🔑 API Keys │ ├────────────────────────────────────────────────┤ │ * │ 💳 Billing │ │ Active Sessions Table │ │ * │ 👥 Teams │ │ [Device] [Browser] [Location] [Revoke] │ │ * │ │ └────────────────────────────────────────────────┘ │ * │ │ │ * │ │ TEAMS PAGE: │ * │ │ ┌────────────┐ ┌──────────────────────────────┐ │ * │ │ │Team Config │ │ Members List + Invites │ │ * │ │ │ Name/Slug │ │ [Invite Member] [Remove] │ │ * │ │ └────────────┘ └──────────────────────────────┘ │ * └──────────────────────┴────────────────────────────────────────────────────────┘ * * Components: * 1. sidebar - Navigation sidebar (includes layout elements) * 2. overview - Overview/home page with cards * 3. profile - User profile editing * 4. password - Password change * 5. security - 2FA, login alerts, active sessions * 6. notifications - Notification preferences * 7. apiKeys - API key management * 8. billing - Billing, invoices, payment (includes pricing, features) * 9. teams - Team management (includes current team, members) */ export declare const SETTINGS_SELECTORS: { readonly container: "settings-container"; readonly sidebar: { readonly container: "settings-sidebar"; readonly header: "settings-sidebar-header"; readonly backButton: "settings-back-to-dashboard"; readonly nav: { readonly container: "settings-nav"; readonly items: "settings-sidebar-nav-items"; readonly item: "settings-sidebar-nav-{section}"; }; readonly layout: { readonly main: "settings-layout-main"; readonly header: "settings-layout-header"; readonly contentArea: "settings-layout-content-area"; readonly pageContent: "settings-layout-page-content"; }; }; readonly overview: { readonly container: "settings-overview"; readonly card: "settings-overview-{key}"; }; readonly profile: { readonly container: "settings-profile"; readonly form: "profile-form"; readonly avatar: { readonly container: "profile-avatar"; readonly upload: "profile-avatar-upload"; }; readonly firstName: "profile-first-name"; readonly lastName: "profile-last-name"; readonly email: "profile-email"; readonly country: "profile-country"; readonly timezone: "profile-timezone"; readonly locale: "profile-locale"; readonly submitButton: "profile-submit"; readonly successMessage: "profile-success"; readonly deleteAccount: { readonly button: "profile-delete-account"; readonly dialog: "profile-delete-dialog"; readonly confirm: "profile-delete-confirm"; }; }; readonly password: { readonly container: "settings-password"; readonly form: "password-form"; readonly currentPassword: "password-current"; readonly newPassword: "password-new"; readonly confirmPassword: "password-confirm"; readonly revokeOtherSessions: "password-revoke-sessions"; readonly submitButton: "password-submit"; readonly successMessage: "password-success"; }; readonly security: { readonly container: "settings-security"; readonly header: "security-header"; readonly twoFactor: { readonly container: "security-2fa"; readonly toggle: "security-2fa-toggle"; readonly status: "security-2fa-status"; readonly setupButton: "security-2fa-setup"; readonly disableButton: "security-2fa-disable"; readonly setupDialog: { readonly container: "security-2fa-dialog"; readonly qrCode: "security-2fa-qr"; readonly secretKey: "security-2fa-secret"; readonly verifyInput: "security-2fa-verify-input"; readonly confirmButton: "security-2fa-confirm"; }; }; readonly loginAlerts: { readonly toggle: "security-login-alerts-toggle"; readonly status: "security-login-alerts-status"; }; readonly sessions: { readonly container: "security-sessions"; readonly list: "security-sessions-list"; readonly row: { readonly container: "security-session-{id}"; readonly device: "security-session-device-{id}"; readonly browser: "security-session-browser-{id}"; readonly location: "security-session-location-{id}"; readonly lastActive: "security-session-last-active-{id}"; readonly currentBadge: "security-session-current-{id}"; readonly revokeButton: "security-session-revoke-{id}"; }; readonly revokeAllButton: "security-sessions-revoke-all"; }; readonly successMessage: "security-success"; }; readonly notifications: { readonly container: "settings-notifications"; readonly masterToggle: "notifications-master-toggle"; readonly pushToggle: "notifications-push-toggle"; readonly category: { readonly container: "notifications-category-{category}"; readonly emailToggle: "notifications-{category}-email"; readonly pushToggle: "notifications-{category}-push"; }; readonly submitButton: "notifications-submit"; readonly successMessage: "notifications-success"; }; readonly apiKeys: { readonly container: "settings-api-keys"; readonly header: "api-keys-header"; readonly createButton: "api-keys-create-button"; readonly list: { readonly container: "api-keys-list"; readonly empty: "api-keys-empty"; readonly skeleton: "api-keys-skeleton"; }; readonly row: { readonly container: "api-key-row-{id}"; readonly name: "api-key-name-{id}"; readonly prefix: "api-key-prefix-{id}"; readonly copyPrefix: "api-key-copy-prefix-{id}"; readonly status: "api-key-status-{id}"; readonly scopes: "api-key-scopes-{id}"; readonly scope: "api-key-scope-{id}-{scope}"; readonly stats: { readonly container: "api-key-stats-{id}"; readonly totalRequests: "api-key-total-requests-{id}"; readonly last24h: "api-key-last-24h-{id}"; readonly avgTime: "api-key-avg-time-{id}"; }; readonly metadata: { readonly container: "api-key-metadata-{id}"; readonly createdAt: "api-key-created-at-{id}"; readonly lastUsed: "api-key-last-used-{id}"; readonly expiresAt: "api-key-expires-at-{id}"; }; readonly menu: { readonly trigger: "api-key-menu-{id}"; readonly content: "api-key-menu-content-{id}"; readonly viewDetails: "api-key-view-details-{id}"; readonly toggle: "api-key-toggle-{id}"; readonly revoke: "api-key-revoke-{id}"; }; }; readonly createDialog: { readonly container: "api-key-create-dialog"; readonly nameInput: "api-key-name-input"; readonly scopesContainer: "api-key-scopes-container"; readonly scopeOption: "api-key-scope-option-{scope}"; readonly submitButton: "api-key-create-submit"; readonly footer: "api-key-dialog-footer"; }; readonly detailsDialog: { readonly container: "api-key-details-dialog"; readonly title: "api-key-details-title"; readonly loading: "api-key-details-loading"; readonly content: "api-key-details-content"; readonly basicInfo: { readonly container: "api-key-details-basic-info"; readonly name: "api-key-details-name"; readonly status: "api-key-details-status"; }; readonly stats: { readonly container: "api-key-details-stats"; readonly totalRequests: "api-key-details-total-requests"; readonly last24h: "api-key-details-last-24h"; readonly last7d: "api-key-details-last-7d"; readonly last30d: "api-key-details-last-30d"; readonly avgTime: "api-key-details-avg-time"; readonly successRate: "api-key-details-success-rate"; }; }; readonly newKeyDisplay: { readonly container: "api-key-new-display"; readonly copyButton: "api-key-copy"; }; readonly revokeDialog: { readonly container: "api-key-revoke-dialog"; readonly confirmButton: "api-key-revoke-confirm"; }; }; readonly billing: { readonly container: "settings-billing"; readonly header: "billing-header"; readonly currentPlan: { readonly container: "billing-current-plan"; readonly name: "billing-plan-name"; readonly price: "billing-plan-price"; readonly features: "billing-plan-features"; readonly upgradeButton: "billing-upgrade"; readonly cancelButton: "billing-cancel"; }; readonly invoices: { readonly container: "billing-invoices"; readonly table: "invoices-table"; readonly row: "invoice-row-{id}"; readonly statusBadge: "invoice-status-{id}"; readonly downloadButton: "invoice-download-{id}"; readonly loadMoreButton: "invoices-load-more"; }; readonly paymentMethod: { readonly container: "billing-payment-method"; readonly card: "payment-method-card"; readonly addButton: "billing-add-payment"; readonly updateButton: "billing-update-payment"; }; readonly usage: { readonly container: "billing-usage"; readonly dashboard: "usage-dashboard"; readonly metric: "usage-metric-{slug}"; }; readonly pricing: { readonly table: "pricing-table"; readonly plan: "pricing-plan-{slug}"; readonly selectButton: "pricing-select-{slug}"; }; readonly features: { readonly placeholder: "feature-placeholder-{feature}"; readonly content: "feature-content-{feature}"; readonly upgradeButton: "feature-upgrade-button"; }; }; readonly teams: { readonly container: "settings-teams"; readonly header: "teams-header"; readonly loading: "teams-loading"; readonly singleUserMode: "teams-single-user"; readonly current: { readonly container: "team-current"; readonly form: "team-form"; readonly name: "team-name"; readonly slug: "team-slug"; readonly description: "team-description"; readonly avatar: { readonly container: "team-avatar"; readonly upload: "team-avatar-upload"; }; readonly submitButton: "team-submit"; readonly deleteButton: "team-delete"; readonly deleteDialog: { readonly container: "team-delete-dialog"; readonly confirmButton: "team-delete-confirm"; }; }; readonly members: { readonly container: "team-members"; readonly list: "members-list"; readonly row: { readonly container: "member-row-{id}"; readonly avatar: "member-avatar-{id}"; readonly name: "member-name-{id}"; readonly email: "member-email-{id}"; readonly role: "member-role-{id}"; readonly removeButton: "member-remove-{id}"; }; readonly inviteButton: "members-invite-button"; readonly inviteDialog: { readonly container: "members-invite-dialog"; readonly emailInput: "members-invite-email"; readonly roleSelect: "members-invite-role"; readonly submitButton: "members-invite-submit"; }; readonly pendingInvites: { readonly container: "members-pending-invites"; readonly row: "pending-invite-{id}"; readonly cancelButton: "cancel-invite-{id}"; }; }; readonly list: { readonly container: "teams-list"; readonly teamCard: "team-card-{id}"; readonly createButton: "teams-create-button"; readonly details: "team-details-{id}"; }; }; }; export type SettingsSelectorsType = typeof SETTINGS_SELECTORS; //# sourceMappingURL=settings.selectors.d.ts.map