@robosystems/core 0.3.0

package/ui-components/support/SupportModal.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Label, Modal, ModalBody, ModalHeader, Textarea, TextInput, } from 'flowbite-react';
+import { useRef, useState } from 'react';
+import { TurnstileWidget, } from '../../auth-components/TurnstileWidget';
+import { useUser } from '../../hooks';
+import { isTurnstileEnabled, isTurnstileValid, } from '../../utils/turnstile-config';
+export default function SupportModal({ isOpen, onClose, metadata, }) {
+    const { user } = useUser();
+    const [message, setMessage] = useState('');
+    const [subject, setSubject] = useState('');
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [submitStatus, setSubmitStatus] = useState('idle');
+    const [captchaToken, setCaptchaToken] = useState(null);
+    const turnstileRef = useRef(null);
+    const handleClose = () => {
+        setMessage('');
+        setSubject('');
+        setSubmitStatus('idle');
+        setCaptchaToken(null);
+        if (turnstileRef.current) {
+            turnstileRef.current.reset();
+        }
+        onClose();
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!isTurnstileValid(captchaToken)) {
+            setSubmitStatus('error');
+            return;
+        }
+        setIsSubmitting(true);
+        setSubmitStatus('idle');
+        try {
+            const response = await fetch('/api/support', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    name: (user === null || user === void 0 ? void 0 : user.name) || 'Unknown',
+                    email: (user === null || user === void 0 ? void 0 : user.email) || 'Unknown',
+                    subject,
+                    message,
+                    metadata: metadata || {},
+                    captchaToken,
+                }),
+            });
+            if (response.ok) {
+                setSubmitStatus('success');
+                setTimeout(handleClose, 2000);
+            }
+            else {
+                setSubmitStatus('error');
+                if (turnstileRef.current) {
+                    turnstileRef.current.reset();
+                    setCaptchaToken(null);
+                }
+            }
+        }
+        catch (_a) {
+            setSubmitStatus('error');
+            if (turnstileRef.current) {
+                turnstileRef.current.reset();
+                setCaptchaToken(null);
+            }
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    return (_jsxs(Modal, { show: isOpen, onClose: handleClose, size: "lg", children: [_jsx(ModalHeader, { children: "Contact Support" }), _jsx(ModalBody, { children: submitStatus === 'success' ? (_jsxs("div", { className: "py-8 text-center", children: [_jsx("svg", { className: "mx-auto mb-4 h-16 w-16 text-green-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }), _jsx("h3", { className: "mb-2 text-2xl font-bold text-gray-900 dark:text-white", children: "Message Sent!" }), _jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "Our team will get back to you as soon as possible." })] })) : (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "support-subject", className: "mb-2 block", children: "Subject" }), _jsx(TextInput, { id: "support-subject", type: "text", required: true, placeholder: "Brief description of your issue", value: subject, onChange: (e) => setSubject(e.target.value) })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "support-message", className: "mb-2 block", children: "Message" }), _jsx(Textarea, { id: "support-message", rows: 5, required: true, placeholder: "Please describe your issue or question in detail...", value: message, onChange: (e) => setMessage(e.target.value) })] }), isTurnstileEnabled() &&
+                            process.env.NEXT_PUBLIC_TURNSTILE_SITE_KEY && (_jsx("div", { className: "flex min-h-[75px] items-center justify-center", children: _jsx(TurnstileWidget, { ref: turnstileRef, siteKey: process.env.NEXT_PUBLIC_TURNSTILE_SITE_KEY, onVerify: (token) => setCaptchaToken(token), onError: () => setCaptchaToken(null), onExpire: () => setCaptchaToken(null), theme: "dark", disabled: isSubmitting }) })), submitStatus === 'error' && (_jsx("p", { className: "text-sm text-red-600 dark:text-red-500", children: !isTurnstileValid(captchaToken)
+                                ? 'Please complete the security verification.'
+                                : 'Something went wrong. Please try again later.' })), _jsxs("div", { className: "flex justify-end gap-3 pt-2", children: [_jsx(Button, { type: "button", color: "gray", onClick: handleClose, disabled: isSubmitting, children: "Cancel" }), _jsx(Button, { type: "submit", disabled: isSubmitting || !isTurnstileValid(captchaToken), children: isSubmitting ? 'Sending...' : 'Send Message' })] })] })) })] }));
+}

package/ui-components/support/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SupportModal } from './SupportModal';
+export type { SupportMetadata } from './SupportModal';

package/ui-components/support/index.js

@@ -0,0 +1 @@
+export { default as SupportModal } from './SupportModal';

package/ui-components/types/index.d.ts

@@ -0,0 +1,39 @@
+import type { AuthUser } from '../../auth-core/types';
+export interface ApiKey {
+    id: string;
+    name: string;
+    graphId?: string;
+    createdAt: Date | string;
+    lastUsedAt?: Date | string | null;
+    expiresAt?: Date | string | null;
+    isActive: boolean;
+    isSystem: boolean;
+}
+export interface ApiKeyWithValue extends ApiKey {
+    key: string;
+}
+export interface GraphInfo {
+    graphId: string;
+    graphName: string;
+    isSelected: boolean;
+}
+export interface UserGraphsResponse {
+    graphs: GraphInfo[];
+}
+export interface UserSettingsProps {
+    user: AuthUser;
+}
+export interface PasswordUpdateData {
+    currentPassword: string;
+    newPassword: string;
+    confirmPassword: string;
+}
+export interface UserUpdateData {
+    username: string;
+    email: string;
+}
+export interface CreateApiKeyData {
+    name: string;
+    expiresInDays: number;
+}
+export type { AuthUser } from '../../auth-core/types';

package/ui-components/types/index.js

@@ -0,0 +1 @@
+export {};

package/utils/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Generate a URI-safe identifier from a name
+ * Converts to lowercase, replaces non-alphanumeric characters with hyphens,
+ * and removes leading/trailing hyphens
+ *
+ * @param name - The name to convert to a URI
+ * @returns URI-safe identifier
+ *
+ * @example
+ * generateEntityUri('Apple Inc.') // 'apple-inc'
+ * generateEntityUri('  Tesla Motors  ') // 'tesla-motors'
+ */
+export declare function generateEntityUri(name: string): string;
+/**
+ * Regular expression for matching UUID v4 format
+ * Matches the pattern: xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
+ * where x is a hexadecimal character (0-9, a-f)
+ */
+export declare const UUID_REGEX: RegExp;
+/**
+ * Check if a string is a valid UUID
+ *
+ * @param value - The string to validate
+ * @returns true if the string matches UUID format, false otherwise
+ *
+ * @example
+ * isUUID('550e8400-e29b-41d4-a716-446655440000') // true
+ * isUUID('sec') // false
+ * isUUID('not-a-uuid') // false
+ */
+export declare function isUUID(value: string): boolean;

package/utils/index.js

@@ -0,0 +1,38 @@
+/**
+ * Generate a URI-safe identifier from a name
+ * Converts to lowercase, replaces non-alphanumeric characters with hyphens,
+ * and removes leading/trailing hyphens
+ *
+ * @param name - The name to convert to a URI
+ * @returns URI-safe identifier
+ *
+ * @example
+ * generateEntityUri('Apple Inc.') // 'apple-inc'
+ * generateEntityUri('  Tesla Motors  ') // 'tesla-motors'
+ */
+export function generateEntityUri(name) {
+    return name
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-|-$/g, '');
+}
+/**
+ * Regular expression for matching UUID v4 format
+ * Matches the pattern: xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
+ * where x is a hexadecimal character (0-9, a-f)
+ */
+export const UUID_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+/**
+ * Check if a string is a valid UUID
+ *
+ * @param value - The string to validate
+ * @returns true if the string matches UUID format, false otherwise
+ *
+ * @example
+ * isUUID('550e8400-e29b-41d4-a716-446655440000') // true
+ * isUUID('sec') // false
+ * isUUID('not-a-uuid') // false
+ */
+export function isUUID(value) {
+    return UUID_REGEX.test(value);
+}

package/utils/turnstile-config.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Check if Turnstile CAPTCHA is enabled
+ * @returns true if Turnstile site key is configured
+ */
+export declare function isTurnstileEnabled(): boolean;
+/**
+ * Validate if Turnstile token is present when required
+ * @param token - The Turnstile token
+ * @returns true if token is valid or Turnstile is not enabled
+ */
+export declare function isTurnstileValid(token: string | null): boolean;

package/utils/turnstile-config.js

@@ -0,0 +1,19 @@
+'use client';
+/**
+ * Check if Turnstile CAPTCHA is enabled
+ * @returns true if Turnstile site key is configured
+ */
+export function isTurnstileEnabled() {
+    return !!process.env.NEXT_PUBLIC_TURNSTILE_SITE_KEY;
+}
+/**
+ * Validate if Turnstile token is present when required
+ * @param token - The Turnstile token
+ * @returns true if token is valid or Turnstile is not enabled
+ */
+export function isTurnstileValid(token) {
+    if (!isTurnstileEnabled()) {
+        return true;
+    }
+    return !!token;
+}