@forms.expert/sdk 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/README.md +10 -3
  2. package/dist/core/index.cjs +8 -7
  3. package/dist/core/index.cjs.map +1 -1
  4. package/dist/core/index.d.cts +7 -3
  5. package/dist/core/index.d.ts +7 -3
  6. package/dist/core/index.js +8 -7
  7. package/dist/core/index.js.map +1 -1
  8. package/dist/react/index.cjs +14 -11
  9. package/dist/react/index.cjs.map +1 -1
  10. package/dist/react/index.d.cts +12 -4
  11. package/dist/react/index.d.ts +12 -4
  12. package/dist/react/index.js +14 -11
  13. package/dist/react/index.js.map +1 -1
  14. package/dist/vanilla/index.cjs +3 -3
  15. package/dist/vanilla/index.cjs.map +1 -1
  16. package/dist/vanilla/index.d.cts +2 -0
  17. package/dist/vanilla/index.d.ts +2 -0
  18. package/dist/vanilla/index.global.js +3 -3
  19. package/dist/vanilla/index.global.js.map +1 -1
  20. package/dist/vanilla/index.js +2 -2
  21. package/dist/vanilla/index.js.map +1 -1
  22. package/dist/vue/index.cjs +9 -8
  23. package/dist/vue/index.cjs.map +1 -1
  24. package/dist/vue/index.d.cts +6 -0
  25. package/dist/vue/index.d.ts +6 -0
  26. package/dist/vue/index.js +9 -8
  27. package/dist/vue/index.js.map +1 -1
  28. package/package.json +1 -1
package/dist/react/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../react/index.ts","../../react/use-form.tsx","../../core/types.ts","../../core/api-client.ts","../../core/forms-sdk.ts","../../react/forms-expert-form.tsx"],"sourcesContent":["// React exports\nexport * from './use-form';\nexport * from './forms-expert-form';\n// FormsExpertBranding is internal - branding is handled automatically by FormsExpertForm\n","import {\n createContext,\n useContext,\n useState,\n useCallback,\n useMemo,\n useEffect,\n ReactNode,\n} from 'react';\nimport {\n FormsSDK,\n FormsSDKConfig,\n FormStatusResponse,\n SubmissionResponse,\n ValidationError,\n FormValidationError,\n FormsError,\n UploadProgress,\n FileValidationError,\n} from '../core';\n\ninterface FormsContextValue {\n sdk: FormsSDK;\n isReady: boolean;\n}\n\nconst FormsContext = createContext<FormsContextValue | null>(null);\n\ninterface FormsProviderProps {\n config: FormsSDKConfig;\n children: ReactNode;\n}\n\n/**\n * Forms provider component\n */\nexport function FormsProvider({ config, children }: FormsProviderProps) {\n const sdk = useMemo(() => new FormsSDK(config), [config]);\n const value = useMemo(() => ({ sdk, isReady: true }), [sdk]);\n\n return (\n <FormsContext.Provider value={value}>{children}</FormsContext.Provider>\n );\n}\n\n/**\n * Format bytes to human readable string\n */\nfunction formatBytes(bytes: number): string {\n if (bytes === 0) return '0 Bytes';\n const k = 1024;\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n}\n\n/**\n * Hook to access the Forms SDK\n */\nexport function useFormsSDK(): FormsSDK {\n const context = useContext(FormsContext);\n if (!context) {\n throw new Error('useFormsSDK must be used within a FormsProvider');\n }\n return context.sdk;\n}\n\nexport interface UseFormOptions {\n /** Form slug */\n slug: string;\n /** SDK config (if not using provider) */\n config?: FormsSDKConfig;\n /** Track form views for analytics (completion rate). Default: false for SDK usage, pass true to enable. */\n trackViews?: boolean;\n /** Success callback */\n onSuccess?: (response: SubmissionResponse) => void;\n /** Error callback */\n onError?: (error: Error) => void;\n /** Validation error callback */\n onValidationError?: (errors: ValidationError[]) => void;\n /** Auto-initialize on mount */\n autoInit?: boolean;\n}\n\nexport interface UseFormReturn {\n /** Form configuration */\n config: FormStatusResponse | null;\n /** Form schema (shorthand for config.schema) */\n schema: FormStatusResponse['schema'] | null;\n /** Whether form is loading */\n isLoading: boolean;\n /** Whether form is initializing */\n isInitializing: boolean;\n /** Whether form was submitted successfully */\n isSubmitted: boolean;\n /** Alias for isSubmitted */\n isSuccess: boolean;\n /** Validation errors by field name */\n errors: Record<string, string>;\n /** File validation errors */\n fileErrors: FileValidationError[];\n /** Last submission error (if any) */\n error: Error | null;\n /** Form values */\n values: Record<string, unknown>;\n /** Upload progress (when uploading files) */\n uploadProgress: UploadProgress | null;\n /** Initialize the form */\n initialize: () => Promise<FormStatusResponse>;\n /** Set a field value */\n setValue: (name: string, value: unknown) => void;\n /** Set multiple values */\n setValues: (values: Record<string, unknown>) => void;\n /** Validate form data */\n validate: () => Promise<boolean>;\n /** Validate files against form settings */\n validateFiles: (files: File[]) => FileValidationError[];\n /** Submit the form */\n submit: (captchaToken?: string) => Promise<SubmissionResponse | null>;\n /** Reset form to initial state */\n reset: () => void;\n /** Clear errors */\n clearErrors: () => void;\n /** Whether captcha is required */\n requiresCaptcha: boolean;\n /** Captcha provider */\n captchaProvider: 'turnstile' | 'recaptcha' | 'hcaptcha' | undefined;\n /** Captcha site key */\n captchaSiteKey: string | undefined;\n /** Whether honeypot is enabled */\n honeypotEnabled: boolean;\n /** Whether attachments are allowed */\n allowsAttachments: boolean;\n /** Max attachments allowed */\n maxAttachments: number;\n /** Max attachment size in bytes */\n maxAttachmentSize: number;\n}\n\n/**\n * Hook for managing form state and submission\n */\nexport function useForm(options: UseFormOptions): UseFormReturn {\n const context = useContext(FormsContext);\n \n // Create SDK if config provided, otherwise use context\n const sdk = useMemo(() => {\n if (options.config) {\n return new FormsSDK(options.config);\n }\n if (!context) {\n throw new Error('Either provide config to useForm or use FormsProvider');\n }\n return context.sdk;\n }, [options.config, context]);\n\n const [config, setConfig] = useState<FormStatusResponse | null>(null);\n const [isLoading, setIsLoading] = useState(false);\n const [isInitializing, setIsInitializing] = useState(false);\n const [isSubmitted, setIsSubmitted] = useState(false);\n const [errors, setErrors] = useState<Record<string, string>>({});\n const [fileErrors, setFileErrors] = useState<FileValidationError[]>([]);\n const [values, setValues] = useState<Record<string, unknown>>({});\n const [error, setError] = useState<Error | null>(null);\n const [uploadProgress, setUploadProgress] = useState<UploadProgress | null>(null);\n\n const initialize = useCallback(async () => {\n setIsInitializing(true);\n try {\n const formConfig = await sdk.isActive(options.slug);\n setConfig(formConfig);\n if (options.trackViews) {\n sdk.trackView(options.slug);\n }\n return formConfig;\n } finally {\n setIsInitializing(false);\n }\n }, [sdk, options.slug, options.trackViews]);\n\n // Auto-initialize\n useEffect(() => {\n if (options.autoInit !== false) {\n initialize();\n }\n }, [initialize, options.autoInit]);\n\n const setValue = useCallback((name: string, value: unknown) => {\n setValues((prev) => ({ ...prev, [name]: value }));\n // Clear error on change\n setErrors((prev) => {\n if (prev[name]) {\n const { [name]: _, ...rest } = prev;\n return rest;\n }\n return prev;\n });\n }, []);\n\n const setValuesHandler = useCallback((newValues: Record<string, unknown>) => {\n setValues((prev) => ({ ...prev, ...newValues }));\n }, []);\n\n const validate = useCallback(async () => {\n const result = await sdk.validate(options.slug, values);\n if (!result.valid) {\n const errorMap = result.errors.reduce(\n (acc, err) => ({ ...acc, [err.field]: err.message }),\n {}\n );\n setErrors(errorMap);\n }\n return result.valid;\n }, [sdk, options.slug, values]);\n\n const submit = useCallback(\n async (captchaToken?: string) => {\n setIsLoading(true);\n setErrors({});\n setFileErrors([]);\n setError(null);\n setUploadProgress(null);\n\n try {\n // Add honeypot field if enabled\n const submitData = config?.settings?.honeypot\n ? { ...values, _hp: '' }\n : values;\n\n const response = await sdk.submit(options.slug, submitData, {\n captchaToken,\n onProgress: setUploadProgress,\n });\n setIsSubmitted(true);\n options.onSuccess?.(response);\n return response;\n } catch (err) {\n if (err instanceof FormValidationError) {\n const errorMap = err.errors.reduce(\n (acc, e) => ({ ...acc, [e.field]: e.message }),\n {}\n );\n setErrors(errorMap);\n options.onValidationError?.(err.errors);\n } else {\n setError(err as Error);\n options.onError?.(err as Error);\n }\n return null;\n } finally {\n setIsLoading(false);\n setUploadProgress(null);\n }\n },\n [sdk, options, values]\n );\n\n const reset = useCallback(() => {\n setValues({});\n setErrors({});\n setFileErrors([]);\n setError(null);\n setIsSubmitted(false);\n setIsLoading(false);\n setUploadProgress(null);\n }, []);\n\n const clearErrors = useCallback(() => {\n setErrors({});\n setFileErrors([]);\n }, []);\n\n // File validation\n const validateFiles = useCallback((files: File[]): FileValidationError[] => {\n const errors: FileValidationError[] = [];\n const maxSize = config?.settings?.maxAttachmentSize ?? 10 * 1024 * 1024; // 10MB default\n const maxCount = config?.settings?.maxAttachments ?? 5;\n\n if (files.length > maxCount) {\n errors.push({\n field: 'attachments',\n file: '',\n error: 'count',\n message: `Maximum ${maxCount} files allowed`,\n });\n }\n\n files.forEach((file) => {\n if (file.size > maxSize) {\n errors.push({\n field: 'attachments',\n file: file.name,\n error: 'size',\n message: `File \"${file.name}\" exceeds maximum size of ${formatBytes(maxSize)}`,\n });\n }\n });\n\n setFileErrors(errors);\n return errors;\n }, [config?.settings?.maxAttachmentSize, config?.settings?.maxAttachments]);\n\n const allowsAttachments = config?.settings?.allowAttachments ?? false;\n const maxAttachments = config?.settings?.maxAttachments ?? 5;\n const maxAttachmentSize = config?.settings?.maxAttachmentSize ?? 10 * 1024 * 1024;\n\n return {\n config,\n schema: config?.schema ?? null,\n isLoading,\n isInitializing,\n isSubmitted,\n isSuccess: isSubmitted,\n errors,\n fileErrors,\n error,\n values,\n uploadProgress,\n initialize,\n setValue,\n setValues: setValuesHandler,\n validate,\n validateFiles,\n submit,\n reset,\n clearErrors,\n requiresCaptcha: config?.settings?.captcha?.enabled ?? false,\n captchaProvider: config?.settings?.captcha?.provider,\n captchaSiteKey: config?.settings?.captcha?.siteKey,\n honeypotEnabled: config?.settings?.honeypot ?? false,\n allowsAttachments,\n maxAttachments,\n maxAttachmentSize,\n };\n}\n","/**\n * Form field types\n */\nexport type BasicFieldType =\n | 'text' | 'email' | 'number' | 'textarea' | 'select'\n | 'checkbox' | 'file' | 'date' | 'hidden';\n\nexport type InteractiveFieldType =\n | 'radio' | 'multiselect' | 'rating' | 'scale' | 'toggle'\n | 'ranking' | 'imageChoice' | 'phone' | 'url' | 'password'\n | 'richText' | 'slider' | 'currency' | 'time' | 'datetime'\n | 'dateRange' | 'address' | 'name' | 'dropdown' | 'colorPicker'\n | 'location' | 'opinionScale' | 'consent';\n\nexport type LayoutFieldType = 'heading' | 'divider' | 'paragraph';\n\nexport type FormFieldType = BasicFieldType | InteractiveFieldType | LayoutFieldType;\n\nexport interface FormFieldOption {\n label: string;\n value: string;\n imageUrl?: string;\n}\n\n/**\n * Form field definition\n */\nexport interface FormField {\n name: string;\n type: FormFieldType;\n label?: string;\n placeholder?: string;\n required?: boolean;\n options?: string[] | FormFieldOption[];\n defaultValue?: unknown;\n maxFileSize?: number;\n allowedMimeTypes?: string[];\n multiple?: boolean;\n min?: number;\n max?: number;\n step?: number;\n ratingMax?: number;\n lowLabel?: string;\n highLabel?: string;\n defaultCountryCode?: string;\n currencyCode?: string;\n currencySymbol?: string;\n addressFields?: ('street' | 'street2' | 'city' | 'state' | 'zip' | 'country')[];\n nameFields?: ('prefix' | 'first' | 'middle' | 'last' | 'suffix')[];\n content?: string;\n consentText?: string;\n consentUrl?: string;\n maxLength?: number;\n stepId?: string;\n visibleWhen?: {\n field: string;\n operator: 'eq' | 'neq' | 'contains' | 'gt' | 'lt';\n value: unknown;\n };\n}\n\n/**\n * Form styling configuration\n */\nexport interface FormStyling {\n theme: 'light' | 'dark' | 'system';\n primaryColor: string;\n backgroundColor: string;\n textColor: string;\n borderRadius: 'none' | 'sm' | 'md' | 'lg';\n fontSize: 'sm' | 'md' | 'lg';\n buttonStyle: 'filled' | 'outline';\n labelPosition: 'top' | 'left' | 'floating';\n customCss?: string;\n}\n\n/**\n * Form schema\n */\nexport interface FormSchema {\n fields: FormField[];\n styling?: FormStyling;\n}\n\n/**\n * Form captcha settings\n */\nexport interface CaptchaSettings {\n enabled: boolean;\n provider?: 'turnstile' | 'recaptcha' | 'hcaptcha';\n siteKey?: string;\n}\n\n/**\n * Form branding configuration\n */\nexport interface FormBranding {\n enabled: boolean;\n text?: string;\n url?: string;\n}\n\n/**\n * Form status response from API\n */\nexport interface FormStatusResponse {\n active: boolean;\n formId?: string;\n name?: string;\n mode?: 'free' | 'schema';\n schema?: FormSchema;\n error?: string;\n settings?: {\n captcha: CaptchaSettings;\n honeypot: boolean;\n allowAttachments: boolean;\n maxAttachments?: number;\n maxAttachmentSize?: number;\n successMessage?: string;\n redirectUrl?: string;\n };\n /** Branding configuration */\n branding?: FormBranding;\n}\n\n/**\n * Validation error\n */\nexport interface ValidationError {\n field: string;\n message: string;\n}\n\n/**\n * Validation response from API\n */\nexport interface ValidationResponse {\n valid: boolean;\n errors: ValidationError[];\n}\n\n/**\n * Submission response from API\n */\nexport interface SubmissionResponse {\n success: boolean;\n submissionId: string;\n message: string;\n}\n\n/**\n * Submit options\n */\nexport interface SubmitOptions {\n pageUrl?: string;\n captchaToken?: string;\n /** Callback for upload progress */\n onProgress?: (progress: UploadProgress) => void;\n}\n\n/**\n * Upload progress information\n */\nexport interface UploadProgress {\n loaded: number;\n total: number;\n percentage: number;\n}\n\n/**\n * File validation error\n */\nexport interface FileValidationError {\n field: string;\n file: string;\n error: 'size' | 'type' | 'count';\n message: string;\n}\n\n/**\n * SDK configuration\n */\nexport interface FormsSDKConfig {\n apiKey: string;\n resourceId: string;\n baseUrl?: string;\n}\n\n/**\n * Form handler options\n */\nexport interface FormHandlerOptions {\n /** Track form views for analytics (completion rate) */\n trackViews?: boolean;\n onSubmitStart?: () => void;\n onSubmitSuccess?: (response: SubmissionResponse) => void;\n onSubmitError?: (error: FormsError) => void;\n onValidationError?: (errors: ValidationError[]) => void;\n}\n\n/**\n * Forms SDK error\n */\nexport class FormsError extends Error {\n constructor(\n message: string,\n public code: string,\n public statusCode: number,\n public retryAfter?: number\n ) {\n super(message);\n this.name = 'FormsError';\n }\n}\n\n/**\n * Validation error class\n */\nexport class FormValidationError extends Error {\n constructor(public errors: ValidationError[]) {\n super('Validation failed');\n this.name = 'FormValidationError';\n }\n}\n","import {\n FormsSDKConfig,\n FormStatusResponse,\n ValidationResponse,\n SubmissionResponse,\n SubmitOptions,\n FormsError,\n UploadProgress,\n} from './types';\n\n/**\n * API client for forms backend\n */\nexport class FormsApiClient {\n private baseUrl: string;\n private apiKey: string;\n private resourceId: string;\n\n constructor(config: FormsSDKConfig) {\n this.apiKey = config.apiKey;\n this.resourceId = config.resourceId;\n this.baseUrl = (config.baseUrl || 'https://api.formsapp.io/api/v1').replace(/\\/$/, '');\n }\n\n /**\n * Build URL with token query parameter\n */\n private buildUrl(path: string): string {\n const separator = path.includes('?') ? '&' : '?';\n return `${this.baseUrl}${path}${separator}token=${encodeURIComponent(this.apiKey)}`;\n }\n\n /**\n * Make an API request\n */\n private async request<T>(\n method: string,\n path: string,\n body?: object\n ): Promise<T> {\n const url = this.buildUrl(path);\n\n const response = await fetch(url, {\n method,\n headers: {\n 'Content-Type': 'application/json',\n },\n body: body ? JSON.stringify(body) : undefined,\n });\n\n const data = await response.json();\n\n if (!response.ok) {\n throw new FormsError(\n data.message || 'Request failed',\n data.code || 'UNKNOWN_ERROR',\n response.status,\n data.retryAfter\n );\n }\n\n return data;\n }\n\n /**\n * Check if form is active and get configuration\n */\n async isActive(slug: string): Promise<FormStatusResponse> {\n return this.request('GET', `/f/${this.resourceId}/${slug}/is-active`);\n }\n\n /**\n * Validate form data without submitting\n */\n async validate(\n slug: string,\n data: Record<string, unknown>\n ): Promise<ValidationResponse> {\n return this.request('POST', `/f/${this.resourceId}/${slug}/validate`, {\n data,\n });\n }\n\n /**\n * Submit form data (supports files)\n */\n async submit(\n slug: string,\n data: Record<string, unknown>,\n options?: SubmitOptions\n ): Promise<SubmissionResponse> {\n const url = this.buildUrl(`/f/${this.resourceId}/${slug}`);\n \n // Check if data contains files\n const hasFiles = Object.values(data).some(\n (v) => v instanceof File || (v instanceof FileList && v.length > 0)\n );\n\n if (hasFiles || options?.onProgress) {\n // Use FormData and XMLHttpRequest for file uploads with progress\n return this.submitWithFormData(url, data, options);\n }\n\n // Use regular JSON request for non-file submissions\n return this.request('POST', `/f/${this.resourceId}/${slug}`, {\n data,\n pageUrl: options?.pageUrl || (typeof window !== 'undefined' ? window.location.href : undefined),\n captchaToken: options?.captchaToken,\n });\n }\n\n /**\n * Submit with FormData (for file uploads with progress tracking)\n */\n private submitWithFormData(\n url: string,\n data: Record<string, unknown>,\n options?: SubmitOptions\n ): Promise<SubmissionResponse> {\n return new Promise((resolve, reject) => {\n const formData = new FormData();\n\n // Add data fields\n for (const [key, value] of Object.entries(data)) {\n if (value instanceof File) {\n formData.append(key, value);\n } else if (value instanceof FileList) {\n Array.from(value).forEach((file) => formData.append(key, file));\n } else if (value !== undefined && value !== null) {\n formData.append(`data[${key}]`, String(value));\n }\n }\n\n // Add metadata\n const pageUrl = options?.pageUrl || (typeof window !== 'undefined' ? window.location.href : '');\n if (pageUrl) {\n formData.append('pageUrl', pageUrl);\n }\n if (options?.captchaToken) {\n formData.append('captchaToken', options.captchaToken);\n }\n\n const xhr = new XMLHttpRequest();\n\n // Progress tracking\n if (options?.onProgress) {\n xhr.upload.addEventListener('progress', (event) => {\n if (event.lengthComputable) {\n options.onProgress!({\n loaded: event.loaded,\n total: event.total,\n percentage: Math.round((event.loaded / event.total) * 100),\n });\n }\n });\n }\n\n xhr.addEventListener('load', () => {\n try {\n const response = JSON.parse(xhr.responseText);\n if (xhr.status >= 200 && xhr.status < 300) {\n resolve(response);\n } else {\n reject(new FormsError(\n response.message || 'Submission failed',\n response.code || 'UNKNOWN_ERROR',\n xhr.status,\n response.retryAfter\n ));\n }\n } catch {\n reject(new FormsError('Invalid response', 'PARSE_ERROR', xhr.status));\n }\n });\n\n xhr.addEventListener('error', () => {\n reject(new FormsError('Network error', 'NETWORK_ERROR', 0));\n });\n\n xhr.addEventListener('abort', () => {\n reject(new FormsError('Request aborted', 'ABORTED', 0));\n });\n\n xhr.open('POST', url);\n xhr.send(formData);\n });\n }\n\n /**\n * Track a form view (for analytics completion rate)\n */\n async trackView(slug: string): Promise<void> {\n const url = this.buildUrl(`/f/${this.resourceId}/${slug}/view`);\n await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' } }).catch(() => {});\n }\n\n /**\n * Get resource ID\n */\n getResourceId(): string {\n return this.resourceId;\n }\n\n /**\n * Get base URL\n */\n getBaseUrl(): string {\n return this.baseUrl;\n }\n}\n","import { FormsApiClient } from './api-client';\nimport {\n FormsSDKConfig,\n FormStatusResponse,\n ValidationResponse,\n SubmissionResponse,\n SubmitOptions,\n FormHandlerOptions,\n FormsError,\n FormValidationError,\n} from './types';\n\n/**\n * Form handler for a specific form\n */\nexport class FormHandler {\n private apiClient: FormsApiClient;\n private slug: string;\n private config: FormStatusResponse | null = null;\n private options: FormHandlerOptions;\n\n constructor(\n apiClient: FormsApiClient,\n slug: string,\n options: FormHandlerOptions = {}\n ) {\n this.apiClient = apiClient;\n this.slug = slug;\n this.options = options;\n }\n\n /**\n * Initialize form handler and fetch configuration\n */\n async initialize(): Promise<FormStatusResponse> {\n this.config = await this.apiClient.isActive(this.slug);\n if (this.options.trackViews) {\n this.apiClient.trackView(this.slug);\n }\n return this.config;\n }\n\n /**\n * Get cached form configuration\n */\n getConfig(): FormStatusResponse | null {\n return this.config;\n }\n\n /**\n * Check if form is active\n */\n isActive(): boolean {\n return this.config?.active ?? false;\n }\n\n /**\n * Check if captcha is required\n */\n requiresCaptcha(): boolean {\n return this.config?.settings?.captcha?.enabled ?? false;\n }\n\n /**\n * Get captcha provider\n */\n getCaptchaProvider(): 'turnstile' | 'recaptcha' | 'hcaptcha' | undefined {\n return this.config?.settings?.captcha?.provider;\n }\n\n /**\n * Get form schema\n */\n getSchema() {\n return this.config?.schema;\n }\n\n /**\n * Validate form data\n */\n async validate(data: Record<string, unknown>): Promise<ValidationResponse> {\n return this.apiClient.validate(this.slug, data);\n }\n\n /**\n * Submit form data\n */\n async submit(\n data: Record<string, unknown>,\n options?: SubmitOptions\n ): Promise<SubmissionResponse> {\n this.options.onSubmitStart?.();\n\n try {\n // Validate first if in schema mode\n if (this.config?.mode === 'schema') {\n const validation = await this.validate(data);\n if (!validation.valid) {\n this.options.onValidationError?.(validation.errors);\n throw new FormValidationError(validation.errors);\n }\n }\n\n const response = await this.apiClient.submit(this.slug, data, options);\n this.options.onSubmitSuccess?.(response);\n return response;\n } catch (error) {\n if (error instanceof FormsError) {\n this.options.onSubmitError?.(error);\n }\n throw error;\n }\n }\n\n /**\n * Get success message from config\n */\n getSuccessMessage(): string {\n return this.config?.settings?.successMessage || 'Form submitted successfully!';\n }\n\n /**\n * Get redirect URL from config\n */\n getRedirectUrl(): string | undefined {\n return this.config?.settings?.redirectUrl;\n }\n}\n\n/**\n * Main Forms SDK class\n */\nexport class FormsSDK {\n private apiClient: FormsApiClient;\n\n constructor(config: FormsSDKConfig) {\n this.apiClient = new FormsApiClient(config);\n }\n\n /**\n * Check if form is active and get configuration\n */\n async isActive(slug: string): Promise<FormStatusResponse> {\n return this.apiClient.isActive(slug);\n }\n\n /**\n * Validate form data without submitting\n */\n async validate(\n slug: string,\n data: Record<string, unknown>\n ): Promise<ValidationResponse> {\n return this.apiClient.validate(slug, data);\n }\n\n /**\n * Submit form data\n */\n async submit(\n slug: string,\n data: Record<string, unknown>,\n options?: SubmitOptions\n ): Promise<SubmissionResponse> {\n return this.apiClient.submit(slug, data, options);\n }\n\n /**\n * Create a form handler for a specific form\n */\n form(slug: string, options?: FormHandlerOptions): FormHandler {\n return new FormHandler(this.apiClient, slug, options);\n }\n\n /**\n * Track a form view (for analytics completion rate)\n */\n async trackView(slug: string): Promise<void> {\n return this.apiClient.trackView(slug);\n }\n\n /**\n * Submit with retry logic for rate limits\n */\n async submitWithRetry(\n slug: string,\n data: Record<string, unknown>,\n options?: SubmitOptions & { maxRetries?: number }\n ): Promise<SubmissionResponse> {\n const maxRetries = options?.maxRetries ?? 3;\n let lastError: Error | null = null;\n\n for (let attempt = 0; attempt < maxRetries; attempt++) {\n try {\n return await this.submit(slug, data, options);\n } catch (error) {\n lastError = error as Error;\n\n if (error instanceof FormsError) {\n // Don't retry validation or auth errors\n if (\n [\n 'VALIDATION_ERROR',\n 'CAPTCHA_REQUIRED',\n 'ORIGIN_NOT_ALLOWED',\n ].includes(error.code)\n ) {\n throw error;\n }\n\n // Retry rate limits with backoff\n if (error.code.includes('RATE_LIMIT')) {\n const retryAfter = error.retryAfter || Math.pow(2, attempt) * 1000;\n await new Promise((resolve) => setTimeout(resolve, retryAfter));\n continue;\n }\n }\n\n // Exponential backoff for network errors\n await new Promise((resolve) =>\n setTimeout(resolve, Math.pow(2, attempt) * 1000)\n );\n }\n }\n\n throw lastError!;\n }\n}\n","import { useState, useEffect, useRef, FormEvent, ChangeEvent, CSSProperties } from 'react';\nimport {\n FormsSDKConfig,\n FormField,\n FormStyling,\n SubmissionResponse,\n ValidationError,\n} from '../core';\nimport { useForm, UseFormOptions } from './use-form';\n\nconst defaultStyling: FormStyling = {\n theme: 'light',\n primaryColor: '#3b82f6',\n backgroundColor: '#ffffff',\n textColor: '#1f2937',\n borderRadius: 'md',\n fontSize: 'md',\n buttonStyle: 'filled',\n labelPosition: 'top',\n};\n\nfunction getBorderRadius(radius: FormStyling['borderRadius']): string {\n switch (radius) {\n case 'none': return '0';\n case 'sm': return '0.125rem';\n case 'md': return '0.375rem';\n case 'lg': return '0.5rem';\n default: return '0.375rem';\n }\n}\n\nfunction getFontSize(size: FormStyling['fontSize']): string {\n switch (size) {\n case 'sm': return '0.875rem';\n case 'md': return '1rem';\n case 'lg': return '1.125rem';\n default: return '1rem';\n }\n}\n\ninterface FormsExpertFormProps {\n /** SDK configuration (optional if using FormsProvider) */\n config?: FormsSDKConfig;\n /** Form slug */\n slug: string;\n /** Track form views for analytics (completion rate). Default: false */\n trackViews?: boolean;\n /** Custom submit button text */\n submitText?: string;\n /** Success callback */\n onSuccess?: (response: SubmissionResponse) => void;\n /** Error callback */\n onError?: (error: Error) => void;\n /** Validation error callback */\n onValidationError?: (errors: ValidationError[]) => void;\n /** Custom class name */\n className?: string;\n /** Custom styles */\n style?: CSSProperties;\n}\n\n/**\n * Forms Expert form component\n */\nexport function FormsExpertForm({\n config,\n slug,\n trackViews,\n submitText = 'Submit',\n onSuccess,\n onError,\n onValidationError,\n className,\n style,\n}: FormsExpertFormProps) {\n const form = useForm({\n slug,\n config,\n trackViews,\n onSuccess,\n onError,\n onValidationError,\n autoInit: true,\n });\n\n const [captchaToken, setCaptchaToken] = useState<string | null>(null);\n const captchaContainerRef = useRef<HTMLDivElement>(null);\n const captchaWidgetId = useRef<string | null>(null);\n const captchaScriptLoaded = useRef(false);\n\n // Load captcha script and render widget\n useEffect(() => {\n if (!form.requiresCaptcha || !form.captchaSiteKey || !form.captchaProvider) return;\n if (captchaScriptLoaded.current) return;\n\n const provider = form.captchaProvider;\n const siteKey = form.captchaSiteKey;\n\n const renderWidget = () => {\n if (!captchaContainerRef.current) return;\n\n const w = window as any;\n if (provider === 'turnstile' && w.turnstile) {\n captchaWidgetId.current = w.turnstile.render(captchaContainerRef.current, {\n sitekey: siteKey,\n callback: (token: string) => setCaptchaToken(token),\n 'expired-callback': () => setCaptchaToken(null),\n 'error-callback': () => setCaptchaToken(null),\n });\n } else if (provider === 'hcaptcha' && w.hcaptcha) {\n captchaWidgetId.current = w.hcaptcha.render(captchaContainerRef.current, {\n sitekey: siteKey,\n callback: (token: string) => setCaptchaToken(token),\n 'expired-callback': () => setCaptchaToken(null),\n 'error-callback': () => setCaptchaToken(null),\n });\n } else if (provider === 'recaptcha' && w.grecaptcha) {\n // reCAPTCHA v3 — execute immediately, no visible widget\n w.grecaptcha.ready(() => {\n w.grecaptcha.execute(siteKey, { action: 'submit' }).then((token: string) => {\n setCaptchaToken(token);\n });\n });\n }\n };\n\n // Check if script already loaded\n const w = window as any;\n if (\n (provider === 'turnstile' && w.turnstile) ||\n (provider === 'hcaptcha' && w.hcaptcha) ||\n (provider === 'recaptcha' && w.grecaptcha)\n ) {\n captchaScriptLoaded.current = true;\n renderWidget();\n return;\n }\n\n // Load script\n const script = document.createElement('script');\n if (provider === 'turnstile') {\n script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit';\n } else if (provider === 'hcaptcha') {\n script.src = 'https://js.hcaptcha.com/1/api.js?render=explicit';\n } else if (provider === 'recaptcha') {\n script.src = `https://www.google.com/recaptcha/api.js?render=${siteKey}`;\n }\n script.async = true;\n script.defer = true;\n script.onload = () => {\n captchaScriptLoaded.current = true;\n // Small delay for script initialization\n setTimeout(renderWidget, 100);\n };\n document.head.appendChild(script);\n\n return () => {\n // Clean up widget on unmount\n if (captchaWidgetId.current !== null) {\n const w = window as any;\n if (provider === 'turnstile' && w.turnstile) {\n w.turnstile.remove(captchaWidgetId.current);\n } else if (provider === 'hcaptcha' && w.hcaptcha) {\n w.hcaptcha.reset(captchaWidgetId.current);\n }\n }\n };\n }, [form.requiresCaptcha, form.captchaProvider, form.captchaSiteKey]);\n\n const resetCaptcha = () => {\n setCaptchaToken(null);\n if (captchaWidgetId.current !== null) {\n const w = window as any;\n if (form.captchaProvider === 'turnstile' && w.turnstile) {\n w.turnstile.reset(captchaWidgetId.current);\n } else if (form.captchaProvider === 'hcaptcha' && w.hcaptcha) {\n w.hcaptcha.reset(captchaWidgetId.current);\n } else if (form.captchaProvider === 'recaptcha' && w.grecaptcha) {\n w.grecaptcha.execute(form.captchaSiteKey, { action: 'submit' }).then((token: string) => {\n setCaptchaToken(token);\n });\n }\n }\n };\n\n const styling = form.config?.schema?.styling || defaultStyling;\n const radius = getBorderRadius(styling.borderRadius);\n const fontSize = getFontSize(styling.fontSize);\n\n const handleSubmit = async (e: FormEvent) => {\n e.preventDefault();\n const result = await form.submit(captchaToken || undefined);\n if (!result) {\n // Reset captcha on failure\n resetCaptcha();\n }\n };\n\n const handleChange = (\n e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n ) => {\n const { name, value, type } = e.target;\n if (type === 'checkbox') {\n form.setValue(name, (e.target as HTMLInputElement).checked);\n } else if (type === 'file') {\n form.setValue(name, (e.target as HTMLInputElement).files?.[0]);\n } else {\n form.setValue(name, value);\n }\n };\n\n if (form.isInitializing) {\n return (\n <div\n className={className}\n style={{\n padding: '2rem',\n textAlign: 'center',\n color: styling.textColor,\n ...style,\n }}\n >\n Loading form...\n </div>\n );\n }\n\n if (!form.config?.active) {\n return (\n <div\n className={className}\n style={{\n padding: '2rem',\n textAlign: 'center',\n color: '#ef4444',\n ...style,\n }}\n >\n This form is not available\n </div>\n );\n }\n\n if (form.isSubmitted) {\n return (\n <div\n className={className}\n style={{\n padding: '2rem',\n textAlign: 'center',\n backgroundColor: styling.backgroundColor,\n color: styling.textColor,\n borderRadius: radius,\n ...style,\n }}\n >\n <svg\n style={{\n width: '3rem',\n height: '3rem',\n margin: '0 auto 1rem',\n color: '#22c55e',\n }}\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M5 13l4 4L19 7\"\n />\n </svg>\n <p style={{ fontSize: '1.125rem', fontWeight: 500 }}>\n {form.config.settings?.successMessage || 'Form submitted successfully!'}\n </p>\n <button\n type=\"button\"\n onClick={form.reset}\n style={{\n marginTop: '1rem',\n padding: '0.5rem 1rem',\n backgroundColor: 'transparent',\n color: styling.primaryColor,\n border: `1px solid ${styling.primaryColor}`,\n borderRadius: radius,\n cursor: 'pointer',\n }}\n >\n Submit another response\n </button>\n </div>\n );\n }\n\n const fields = form.config.schema?.fields || [];\n const showBranding = form.config.branding?.enabled !== false;\n const brandingText = form.config.branding?.text || 'Powered by Mira';\n const brandingUrl = form.config.branding?.url || 'https://mira.io';\n\n return (\n <form\n onSubmit={handleSubmit}\n className={className}\n style={{\n fontFamily: 'system-ui, -apple-system, sans-serif',\n fontSize,\n backgroundColor: styling.backgroundColor,\n color: styling.textColor,\n padding: '1.5rem',\n borderRadius: radius,\n ...style,\n }}\n >\n {fields.map((field) => (\n <FormFieldInput\n key={field.name}\n field={field}\n value={form.values[field.name]}\n error={form.errors[field.name]}\n onChange={handleChange}\n styling={styling}\n />\n ))}\n\n {/* Honeypot field — hidden from users, catches bots */}\n {form.honeypotEnabled && (\n <div style={{ position: 'absolute', left: '-9999px', opacity: 0, height: 0, overflow: 'hidden' }} aria-hidden=\"true\">\n <input type=\"text\" name=\"_hp\" tabIndex={-1} autoComplete=\"off\" />\n </div>\n )}\n\n {/* Captcha widget */}\n {form.requiresCaptcha && form.captchaProvider !== 'recaptcha' && (\n <div ref={captchaContainerRef} style={{ marginTop: '1rem' }} />\n )}\n\n <button\n type=\"submit\"\n disabled={form.isLoading}\n style={{\n width: '100%',\n padding: '0.625rem 1.25rem',\n marginTop: '1rem',\n fontWeight: 500,\n fontSize,\n fontFamily: 'inherit',\n borderRadius: radius,\n cursor: form.isLoading ? 'not-allowed' : 'pointer',\n opacity: form.isLoading ? 0.5 : 1,\n backgroundColor:\n styling.buttonStyle === 'filled' ? styling.primaryColor : 'transparent',\n color:\n styling.buttonStyle === 'filled' ? 'white' : styling.primaryColor,\n border:\n styling.buttonStyle === 'filled'\n ? 'none'\n : `2px solid ${styling.primaryColor}`,\n }}\n >\n {form.isLoading ? 'Submitting...' : submitText}\n </button>\n\n {showBranding && (\n <div\n style={{\n textAlign: 'center',\n marginTop: '1rem',\n paddingTop: '0.75rem',\n borderTop: `1px solid ${styling.theme === 'dark' ? '#374151' : '#e5e7eb'}`,\n }}\n >\n <a\n href={brandingUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n style={{\n color: styling.theme === 'dark' ? '#9ca3af' : '#6b7280',\n textDecoration: 'none',\n fontSize: '0.75rem',\n }}\n >\n {brandingText}\n </a>\n </div>\n )}\n </form>\n );\n}\n\ninterface FormFieldInputProps {\n field: FormField;\n value: unknown;\n error?: string;\n onChange: (\n e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n ) => void;\n styling: FormStyling;\n}\n\nfunction FormFieldInput({\n field,\n value,\n error,\n onChange,\n styling,\n}: FormFieldInputProps) {\n const radius = getBorderRadius(styling.borderRadius);\n const fontSize = getFontSize(styling.fontSize);\n\n const inputStyle: CSSProperties = {\n width: '100%',\n padding: '0.5rem 0.75rem',\n border: `1px solid ${error ? '#ef4444' : styling.theme === 'dark' ? '#4b5563' : '#d1d5db'}`,\n borderRadius: radius,\n fontSize,\n fontFamily: 'inherit',\n backgroundColor: styling.theme === 'dark' ? '#374151' : '#ffffff',\n color: styling.textColor,\n };\n\n if (field.type === 'checkbox') {\n return (\n <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '1rem' }}>\n <input\n type=\"checkbox\"\n id={field.name}\n name={field.name}\n checked={Boolean(value)}\n onChange={onChange}\n required={field.required}\n style={{ width: '1rem', height: '1rem', accentColor: styling.primaryColor }}\n />\n <label htmlFor={field.name}>\n {field.label || field.name}\n {field.required && <span style={{ color: '#ef4444', marginLeft: '0.25rem' }}>*</span>}\n </label>\n {error && (\n <span style={{ color: '#ef4444', fontSize: '0.875rem', marginLeft: '0.5rem' }}>\n {error}\n </span>\n )}\n </div>\n );\n }\n\n return (\n <div\n style={{\n marginBottom: '1rem',\n ...(styling.labelPosition === 'left'\n ? { display: 'flex', alignItems: 'flex-start', gap: '1rem' }\n : {}),\n }}\n >\n <label\n htmlFor={field.name}\n style={{\n display: 'block',\n fontWeight: 500,\n ...(styling.labelPosition === 'left'\n ? { width: '33%', flexShrink: 0, paddingTop: '0.5rem' }\n : { marginBottom: '0.25rem' }),\n }}\n >\n {field.label || field.name}\n {field.required && (\n <span style={{ color: '#ef4444', marginLeft: '0.25rem' }}>*</span>\n )}\n </label>\n\n <div style={styling.labelPosition === 'left' ? { flex: 1 } : {}}>\n {field.type === 'textarea' ? (\n <textarea\n id={field.name}\n name={field.name}\n value={String(value || '')}\n onChange={onChange}\n placeholder={field.placeholder}\n required={field.required}\n style={{ ...inputStyle, minHeight: '100px', resize: 'vertical' }}\n />\n ) : field.type === 'select' ? (\n <select\n id={field.name}\n name={field.name}\n value={String(value || '')}\n onChange={onChange}\n required={field.required}\n style={inputStyle}\n >\n <option value=\"\">Select an option...</option>\n {field.options?.map((opt) => {\n const val = typeof opt === 'string' ? opt : opt.value;\n const label = typeof opt === 'string' ? opt : opt.label;\n return (\n <option key={val} value={val}>\n {label}\n </option>\n );\n })}\n </select>\n ) : field.type === 'file' ? (\n <input\n type=\"file\"\n id={field.name}\n name={field.name}\n onChange={onChange}\n required={field.required}\n accept={field.allowedMimeTypes?.join(',')}\n multiple={field.multiple}\n style={inputStyle}\n />\n ) : (\n <input\n type={field.type}\n id={field.name}\n name={field.name}\n value={String(value || '')}\n onChange={onChange}\n placeholder={field.placeholder}\n required={field.required}\n style={inputStyle}\n />\n )}\n\n {error && (\n <div style={{ color: '#ef4444', fontSize: '0.875rem', marginTop: '0.25rem' }}>\n {error}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"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","names":["errors","import_react","import_jsx_runtime","w"]}
1
+ {"version":3,"sources":["../../react/index.ts","../../react/use-form.tsx","../../core/types.ts","../../core/api-client.ts","../../core/forms-sdk.ts","../../react/forms-expert-form.tsx"],"sourcesContent":["// React exports\nexport * from './use-form';\nexport * from './forms-expert-form';\n// FormsExpertBranding is internal - branding is handled automatically by FormsExpertForm\n","import {\n createContext,\n useContext,\n useState,\n useCallback,\n useMemo,\n useEffect,\n ReactNode,\n} from 'react';\nimport {\n FormsSDK,\n FormsSDKConfig,\n FormStatusResponse,\n SubmissionResponse,\n ValidationError,\n FormValidationError,\n FormsError,\n UploadProgress,\n FileValidationError,\n} from '../core';\n\ninterface FormsContextValue {\n sdk: FormsSDK;\n isReady: boolean;\n}\n\nconst FormsContext = createContext<FormsContextValue | null>(null);\n\ninterface FormsProviderProps {\n config: FormsSDKConfig;\n children: ReactNode;\n}\n\n/**\n * Forms provider component\n */\nexport function FormsProvider({ config, children }: FormsProviderProps) {\n const sdk = useMemo(() => new FormsSDK(config), [config]);\n const value = useMemo(() => ({ sdk, isReady: true }), [sdk]);\n\n return (\n <FormsContext.Provider value={value}>{children}</FormsContext.Provider>\n );\n}\n\n/**\n * Format bytes to human readable string\n */\nfunction formatBytes(bytes: number): string {\n if (bytes === 0) return '0 Bytes';\n const k = 1024;\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n}\n\n/**\n * Hook to access the Forms SDK\n */\nexport function useFormsSDK(): FormsSDK {\n const context = useContext(FormsContext);\n if (!context) {\n throw new Error('useFormsSDK must be used within a FormsProvider');\n }\n return context.sdk;\n}\n\nexport interface UseFormOptions {\n /** Form slug */\n slug: string;\n /** SDK config (if not using provider) */\n config?: FormsSDKConfig;\n /** Track form views for analytics (completion rate). Default: false for SDK usage, pass true to enable. */\n trackViews?: boolean;\n /** Success callback */\n onSuccess?: (response: SubmissionResponse) => void;\n /** Error callback */\n onError?: (error: Error) => void;\n /** Validation error callback */\n onValidationError?: (errors: ValidationError[]) => void;\n /** Auto-initialize on mount */\n autoInit?: boolean;\n /** Language code to pass to backend */\n lang?: string;\n}\n\nexport interface UseFormReturn {\n /** Form configuration */\n config: FormStatusResponse | null;\n /** Form schema (shorthand for config.schema) */\n schema: FormStatusResponse['schema'] | null;\n /** Whether form is loading */\n isLoading: boolean;\n /** Whether form is initializing */\n isInitializing: boolean;\n /** Whether form was submitted successfully */\n isSubmitted: boolean;\n /** Alias for isSubmitted */\n isSuccess: boolean;\n /** Validation errors by field name */\n errors: Record<string, string>;\n /** File validation errors */\n fileErrors: FileValidationError[];\n /** Last submission error (if any) */\n error: Error | null;\n /** Form values */\n values: Record<string, unknown>;\n /** Upload progress (when uploading files) */\n uploadProgress: UploadProgress | null;\n /** Initialize the form */\n initialize: () => Promise<FormStatusResponse>;\n /** Set a field value */\n setValue: (name: string, value: unknown) => void;\n /** Set multiple values */\n setValues: (values: Record<string, unknown>) => void;\n /** Validate form data */\n validate: () => Promise<boolean>;\n /** Validate files against form settings */\n validateFiles: (files: File[]) => FileValidationError[];\n /** Submit the form */\n submit: (captchaToken?: string) => Promise<SubmissionResponse | null>;\n /** Reset form to initial state */\n reset: () => void;\n /** Clear errors */\n clearErrors: () => void;\n /** Whether captcha is required */\n requiresCaptcha: boolean;\n /** Captcha provider */\n captchaProvider: 'turnstile' | 'recaptcha' | 'hcaptcha' | undefined;\n /** Captcha site key */\n captchaSiteKey: string | undefined;\n /** Whether honeypot is enabled */\n honeypotEnabled: boolean;\n /** Whether attachments are allowed */\n allowsAttachments: boolean;\n /** Max attachments allowed */\n maxAttachments: number;\n /** Max attachment size in bytes */\n maxAttachmentSize: number;\n}\n\n/**\n * Hook for managing form state and submission\n */\nexport function useForm(options: UseFormOptions): UseFormReturn {\n const context = useContext(FormsContext);\n \n // Create SDK if config provided, otherwise use context\n const sdk = useMemo(() => {\n if (options.config) {\n return new FormsSDK(options.config);\n }\n if (!context) {\n throw new Error('Either provide config to useForm or use FormsProvider');\n }\n return context.sdk;\n }, [options.config, context]);\n\n const [config, setConfig] = useState<FormStatusResponse | null>(null);\n const [isLoading, setIsLoading] = useState(false);\n const [isInitializing, setIsInitializing] = useState(false);\n const [isSubmitted, setIsSubmitted] = useState(false);\n const [errors, setErrors] = useState<Record<string, string>>({});\n const [fileErrors, setFileErrors] = useState<FileValidationError[]>([]);\n const [values, setValues] = useState<Record<string, unknown>>({});\n const [error, setError] = useState<Error | null>(null);\n const [uploadProgress, setUploadProgress] = useState<UploadProgress | null>(null);\n\n const initialize = useCallback(async () => {\n setIsInitializing(true);\n try {\n const formConfig = await sdk.isActive(options.slug, options.lang);\n setConfig(formConfig);\n if (options.trackViews) {\n sdk.trackView(options.slug);\n }\n return formConfig;\n } finally {\n setIsInitializing(false);\n }\n }, [sdk, options.slug, options.trackViews, options.lang]);\n\n // Auto-initialize\n useEffect(() => {\n if (options.autoInit !== false) {\n initialize();\n }\n }, [initialize, options.autoInit]);\n\n const setValue = useCallback((name: string, value: unknown) => {\n setValues((prev) => ({ ...prev, [name]: value }));\n // Clear error on change\n setErrors((prev) => {\n if (prev[name]) {\n const { [name]: _, ...rest } = prev;\n return rest;\n }\n return prev;\n });\n }, []);\n\n const setValuesHandler = useCallback((newValues: Record<string, unknown>) => {\n setValues((prev) => ({ ...prev, ...newValues }));\n }, []);\n\n const validate = useCallback(async () => {\n const result = await sdk.validate(options.slug, values);\n if (!result.valid) {\n const errorMap = result.errors.reduce(\n (acc, err) => ({ ...acc, [err.field]: err.message }),\n {}\n );\n setErrors(errorMap);\n }\n return result.valid;\n }, [sdk, options.slug, values]);\n\n const submit = useCallback(\n async (captchaToken?: string) => {\n setIsLoading(true);\n setErrors({});\n setFileErrors([]);\n setError(null);\n setUploadProgress(null);\n\n try {\n // Add honeypot field if enabled\n const submitData = config?.settings?.honeypot\n ? { ...values, _hp: '' }\n : values;\n\n const response = await sdk.submit(options.slug, submitData, {\n captchaToken,\n onProgress: setUploadProgress,\n });\n setIsSubmitted(true);\n options.onSuccess?.(response);\n return response;\n } catch (err) {\n if (err instanceof FormValidationError) {\n const errorMap = err.errors.reduce(\n (acc, e) => ({ ...acc, [e.field]: e.message }),\n {}\n );\n setErrors(errorMap);\n options.onValidationError?.(err.errors);\n } else {\n setError(err as Error);\n options.onError?.(err as Error);\n }\n return null;\n } finally {\n setIsLoading(false);\n setUploadProgress(null);\n }\n },\n [sdk, options, values]\n );\n\n const reset = useCallback(() => {\n setValues({});\n setErrors({});\n setFileErrors([]);\n setError(null);\n setIsSubmitted(false);\n setIsLoading(false);\n setUploadProgress(null);\n }, []);\n\n const clearErrors = useCallback(() => {\n setErrors({});\n setFileErrors([]);\n }, []);\n\n // File validation\n const validateFiles = useCallback((files: File[]): FileValidationError[] => {\n const errors: FileValidationError[] = [];\n const maxSize = config?.settings?.maxAttachmentSize ?? 10 * 1024 * 1024; // 10MB default\n const maxCount = config?.settings?.maxAttachments ?? 5;\n\n if (files.length > maxCount) {\n errors.push({\n field: 'attachments',\n file: '',\n error: 'count',\n message: `Maximum ${maxCount} files allowed`,\n });\n }\n\n files.forEach((file) => {\n if (file.size > maxSize) {\n errors.push({\n field: 'attachments',\n file: file.name,\n error: 'size',\n message: `File \"${file.name}\" exceeds maximum size of ${formatBytes(maxSize)}`,\n });\n }\n });\n\n setFileErrors(errors);\n return errors;\n }, [config?.settings?.maxAttachmentSize, config?.settings?.maxAttachments]);\n\n const allowsAttachments = config?.settings?.allowAttachments ?? false;\n const maxAttachments = config?.settings?.maxAttachments ?? 5;\n const maxAttachmentSize = config?.settings?.maxAttachmentSize ?? 10 * 1024 * 1024;\n\n return {\n config,\n schema: config?.schema ?? null,\n isLoading,\n isInitializing,\n isSubmitted,\n isSuccess: isSubmitted,\n errors,\n fileErrors,\n error,\n values,\n uploadProgress,\n initialize,\n setValue,\n setValues: setValuesHandler,\n validate,\n validateFiles,\n submit,\n reset,\n clearErrors,\n requiresCaptcha: config?.settings?.captcha?.enabled ?? false,\n captchaProvider: config?.settings?.captcha?.provider,\n captchaSiteKey: config?.settings?.captcha?.siteKey,\n honeypotEnabled: config?.settings?.honeypot ?? false,\n allowsAttachments,\n maxAttachments,\n maxAttachmentSize,\n };\n}\n","/**\n * Form field types\n */\nexport type BasicFieldType =\n | 'text' | 'email' | 'number' | 'textarea' | 'select'\n | 'checkbox' | 'file' | 'date' | 'hidden';\n\nexport type InteractiveFieldType =\n | 'radio' | 'multiselect' | 'rating' | 'scale' | 'toggle'\n | 'ranking' | 'imageChoice' | 'phone' | 'url' | 'password'\n | 'richText' | 'slider' | 'currency' | 'time' | 'datetime'\n | 'dateRange' | 'address' | 'name' | 'dropdown' | 'colorPicker'\n | 'location' | 'opinionScale' | 'consent';\n\nexport type LayoutFieldType = 'heading' | 'divider' | 'paragraph';\n\nexport type FormFieldType = BasicFieldType | InteractiveFieldType | LayoutFieldType;\n\nexport interface FormFieldOption {\n label: string;\n value: string;\n imageUrl?: string;\n}\n\n/**\n * Form field definition\n */\nexport interface FormField {\n name: string;\n type: FormFieldType;\n label?: string;\n placeholder?: string;\n required?: boolean;\n options?: string[] | FormFieldOption[];\n defaultValue?: unknown;\n maxFileSize?: number;\n allowedMimeTypes?: string[];\n multiple?: boolean;\n min?: number;\n max?: number;\n step?: number;\n ratingMax?: number;\n lowLabel?: string;\n highLabel?: string;\n defaultCountryCode?: string;\n currencyCode?: string;\n currencySymbol?: string;\n addressFields?: ('street' | 'street2' | 'city' | 'state' | 'zip' | 'country')[];\n nameFields?: ('prefix' | 'first' | 'middle' | 'last' | 'suffix')[];\n content?: string;\n consentText?: string;\n consentUrl?: string;\n maxLength?: number;\n stepId?: string;\n visibleWhen?: {\n field: string;\n operator: 'eq' | 'neq' | 'contains' | 'gt' | 'lt';\n value: unknown;\n };\n}\n\n/**\n * Form styling configuration\n */\nexport interface FormStyling {\n theme: 'light' | 'dark' | 'system';\n primaryColor: string;\n backgroundColor: string;\n textColor: string;\n borderRadius: 'none' | 'sm' | 'md' | 'lg';\n fontSize: 'sm' | 'md' | 'lg';\n buttonStyle: 'filled' | 'outline';\n labelPosition: 'top' | 'left' | 'floating';\n customCss?: string;\n}\n\n/**\n * Form schema\n */\nexport interface FormSchema {\n fields: FormField[];\n styling?: FormStyling;\n}\n\n/**\n * Form captcha settings\n */\nexport interface CaptchaSettings {\n enabled: boolean;\n provider?: 'turnstile' | 'recaptcha' | 'hcaptcha';\n siteKey?: string;\n}\n\n/**\n * Form branding configuration\n */\nexport interface FormBranding {\n enabled: boolean;\n text?: string;\n url?: string;\n}\n\n/**\n * Form status response from API\n */\nexport interface FormStatusResponse {\n active: boolean;\n formId?: string;\n name?: string;\n mode?: 'free' | 'schema';\n schema?: FormSchema;\n error?: string;\n settings?: {\n captcha: CaptchaSettings;\n honeypot: boolean;\n allowAttachments: boolean;\n maxAttachments?: number;\n maxAttachmentSize?: number;\n successMessage?: string;\n redirectUrl?: string;\n };\n /** Branding configuration */\n branding?: FormBranding;\n /** Available published translation language codes */\n availableLanguages?: string[];\n /** Current language applied to this response (null if base language) */\n currentLanguage?: string | null;\n}\n\n/**\n * Validation error\n */\nexport interface ValidationError {\n field: string;\n message: string;\n}\n\n/**\n * Validation response from API\n */\nexport interface ValidationResponse {\n valid: boolean;\n errors: ValidationError[];\n}\n\n/**\n * Submission response from API\n */\nexport interface SubmissionResponse {\n success: boolean;\n submissionId: string;\n message: string;\n}\n\n/**\n * Submit options\n */\nexport interface SubmitOptions {\n pageUrl?: string;\n captchaToken?: string;\n /** Callback for upload progress */\n onProgress?: (progress: UploadProgress) => void;\n}\n\n/**\n * Upload progress information\n */\nexport interface UploadProgress {\n loaded: number;\n total: number;\n percentage: number;\n}\n\n/**\n * File validation error\n */\nexport interface FileValidationError {\n field: string;\n file: string;\n error: 'size' | 'type' | 'count';\n message: string;\n}\n\n/**\n * SDK configuration\n */\nexport interface FormsSDKConfig {\n apiKey: string;\n resourceId: string;\n baseUrl?: string;\n}\n\n/**\n * Form handler options\n */\nexport interface FormHandlerOptions {\n /** Track form views for analytics (completion rate) */\n trackViews?: boolean;\n onSubmitStart?: () => void;\n onSubmitSuccess?: (response: SubmissionResponse) => void;\n onSubmitError?: (error: FormsError) => void;\n onValidationError?: (errors: ValidationError[]) => void;\n}\n\n/**\n * Forms SDK error\n */\nexport class FormsError extends Error {\n constructor(\n message: string,\n public code: string,\n public statusCode: number,\n public retryAfter?: number\n ) {\n super(message);\n this.name = 'FormsError';\n }\n}\n\n/**\n * Validation error class\n */\nexport class FormValidationError extends Error {\n constructor(public errors: ValidationError[]) {\n super('Validation failed');\n this.name = 'FormValidationError';\n }\n}\n","import {\n FormsSDKConfig,\n FormStatusResponse,\n ValidationResponse,\n SubmissionResponse,\n SubmitOptions,\n FormsError,\n UploadProgress,\n} from './types';\n\n/**\n * API client for forms backend\n */\nexport class FormsApiClient {\n private baseUrl: string;\n private apiKey: string;\n private resourceId: string;\n\n constructor(config: FormsSDKConfig) {\n this.apiKey = config.apiKey;\n this.resourceId = config.resourceId;\n this.baseUrl = (config.baseUrl || 'https://api.forms.expert/api/v1').replace(/\\/$/, '');\n }\n\n /**\n * Build URL with token query parameter\n */\n private buildUrl(path: string): string {\n const separator = path.includes('?') ? '&' : '?';\n return `${this.baseUrl}${path}${separator}token=${encodeURIComponent(this.apiKey)}`;\n }\n\n /**\n * Make an API request\n */\n private async request<T>(\n method: string,\n path: string,\n body?: object\n ): Promise<T> {\n const url = this.buildUrl(path);\n\n const response = await fetch(url, {\n method,\n headers: {\n 'Content-Type': 'application/json',\n },\n body: body ? JSON.stringify(body) : undefined,\n });\n\n const data = await response.json();\n\n if (!response.ok) {\n throw new FormsError(\n data.message || 'Request failed',\n data.code || 'UNKNOWN_ERROR',\n response.status,\n data.retryAfter\n );\n }\n\n return data;\n }\n\n /**\n * Check if form is active and get configuration\n */\n async isActive(slug: string, lang?: string): Promise<FormStatusResponse> {\n const langParam = lang ? `?lang=${encodeURIComponent(lang)}` : '';\n return this.request('GET', `/f/${this.resourceId}/${slug}/is-active${langParam}`);\n }\n\n /**\n * Validate form data without submitting\n */\n async validate(\n slug: string,\n data: Record<string, unknown>\n ): Promise<ValidationResponse> {\n return this.request('POST', `/f/${this.resourceId}/${slug}/validate`, {\n data,\n });\n }\n\n /**\n * Submit form data (supports files)\n */\n async submit(\n slug: string,\n data: Record<string, unknown>,\n options?: SubmitOptions\n ): Promise<SubmissionResponse> {\n const url = this.buildUrl(`/f/${this.resourceId}/${slug}`);\n \n // Check if data contains files\n const hasFiles = Object.values(data).some(\n (v) => v instanceof File || (v instanceof FileList && v.length > 0)\n );\n\n if (hasFiles || options?.onProgress) {\n // Use FormData and XMLHttpRequest for file uploads with progress\n return this.submitWithFormData(url, data, options);\n }\n\n // Use regular JSON request for non-file submissions\n return this.request('POST', `/f/${this.resourceId}/${slug}`, {\n data,\n pageUrl: options?.pageUrl || (typeof window !== 'undefined' ? window.location.href : undefined),\n captchaToken: options?.captchaToken,\n });\n }\n\n /**\n * Submit with FormData (for file uploads with progress tracking)\n */\n private submitWithFormData(\n url: string,\n data: Record<string, unknown>,\n options?: SubmitOptions\n ): Promise<SubmissionResponse> {\n return new Promise((resolve, reject) => {\n const formData = new FormData();\n\n // Add data fields\n for (const [key, value] of Object.entries(data)) {\n if (value instanceof File) {\n formData.append(key, value);\n } else if (value instanceof FileList) {\n Array.from(value).forEach((file) => formData.append(key, file));\n } else if (value !== undefined && value !== null) {\n formData.append(`data[${key}]`, String(value));\n }\n }\n\n // Add metadata\n const pageUrl = options?.pageUrl || (typeof window !== 'undefined' ? window.location.href : '');\n if (pageUrl) {\n formData.append('pageUrl', pageUrl);\n }\n if (options?.captchaToken) {\n formData.append('captchaToken', options.captchaToken);\n }\n\n const xhr = new XMLHttpRequest();\n\n // Progress tracking\n if (options?.onProgress) {\n xhr.upload.addEventListener('progress', (event) => {\n if (event.lengthComputable) {\n options.onProgress!({\n loaded: event.loaded,\n total: event.total,\n percentage: Math.round((event.loaded / event.total) * 100),\n });\n }\n });\n }\n\n xhr.addEventListener('load', () => {\n try {\n const response = JSON.parse(xhr.responseText);\n if (xhr.status >= 200 && xhr.status < 300) {\n resolve(response);\n } else {\n reject(new FormsError(\n response.message || 'Submission failed',\n response.code || 'UNKNOWN_ERROR',\n xhr.status,\n response.retryAfter\n ));\n }\n } catch {\n reject(new FormsError('Invalid response', 'PARSE_ERROR', xhr.status));\n }\n });\n\n xhr.addEventListener('error', () => {\n reject(new FormsError('Network error', 'NETWORK_ERROR', 0));\n });\n\n xhr.addEventListener('abort', () => {\n reject(new FormsError('Request aborted', 'ABORTED', 0));\n });\n\n xhr.open('POST', url);\n xhr.send(formData);\n });\n }\n\n /**\n * Track a form view (for analytics completion rate)\n */\n async trackView(slug: string): Promise<void> {\n const url = this.buildUrl(`/f/${this.resourceId}/${slug}/view`);\n await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' } }).catch(() => {});\n }\n\n /**\n * Get resource ID\n */\n getResourceId(): string {\n return this.resourceId;\n }\n\n /**\n * Get base URL\n */\n getBaseUrl(): string {\n return this.baseUrl;\n }\n}\n","import { FormsApiClient } from './api-client';\nimport {\n FormsSDKConfig,\n FormStatusResponse,\n ValidationResponse,\n SubmissionResponse,\n SubmitOptions,\n FormHandlerOptions,\n FormsError,\n FormValidationError,\n} from './types';\n\n/**\n * Form handler for a specific form\n */\nexport class FormHandler {\n private apiClient: FormsApiClient;\n private slug: string;\n private config: FormStatusResponse | null = null;\n private options: FormHandlerOptions;\n\n constructor(\n apiClient: FormsApiClient,\n slug: string,\n options: FormHandlerOptions = {}\n ) {\n this.apiClient = apiClient;\n this.slug = slug;\n this.options = options;\n }\n\n /**\n * Initialize form handler and fetch configuration\n */\n async initialize(lang?: string): Promise<FormStatusResponse> {\n this.config = await this.apiClient.isActive(this.slug, lang);\n if (this.options.trackViews) {\n this.apiClient.trackView(this.slug);\n }\n return this.config;\n }\n\n /**\n * Get cached form configuration\n */\n getConfig(): FormStatusResponse | null {\n return this.config;\n }\n\n /**\n * Check if form is active\n */\n isActive(): boolean {\n return this.config?.active ?? false;\n }\n\n /**\n * Check if captcha is required\n */\n requiresCaptcha(): boolean {\n return this.config?.settings?.captcha?.enabled ?? false;\n }\n\n /**\n * Get captcha provider\n */\n getCaptchaProvider(): 'turnstile' | 'recaptcha' | 'hcaptcha' | undefined {\n return this.config?.settings?.captcha?.provider;\n }\n\n /**\n * Get form schema\n */\n getSchema() {\n return this.config?.schema;\n }\n\n /**\n * Validate form data\n */\n async validate(data: Record<string, unknown>): Promise<ValidationResponse> {\n return this.apiClient.validate(this.slug, data);\n }\n\n /**\n * Submit form data\n */\n async submit(\n data: Record<string, unknown>,\n options?: SubmitOptions\n ): Promise<SubmissionResponse> {\n this.options.onSubmitStart?.();\n\n try {\n // Validate first if in schema mode\n if (this.config?.mode === 'schema') {\n const validation = await this.validate(data);\n if (!validation.valid) {\n this.options.onValidationError?.(validation.errors);\n throw new FormValidationError(validation.errors);\n }\n }\n\n const response = await this.apiClient.submit(this.slug, data, options);\n this.options.onSubmitSuccess?.(response);\n return response;\n } catch (error) {\n if (error instanceof FormsError) {\n this.options.onSubmitError?.(error);\n }\n throw error;\n }\n }\n\n /**\n * Get success message from config\n */\n getSuccessMessage(): string {\n return this.config?.settings?.successMessage || 'Form submitted successfully!';\n }\n\n /**\n * Get redirect URL from config\n */\n getRedirectUrl(): string | undefined {\n return this.config?.settings?.redirectUrl;\n }\n}\n\n/**\n * Main Forms SDK class\n */\nexport class FormsSDK {\n private apiClient: FormsApiClient;\n\n constructor(config: FormsSDKConfig) {\n this.apiClient = new FormsApiClient(config);\n }\n\n /**\n * Check if form is active and get configuration\n */\n async isActive(slug: string, lang?: string): Promise<FormStatusResponse> {\n return this.apiClient.isActive(slug, lang);\n }\n\n /**\n * Validate form data without submitting\n */\n async validate(\n slug: string,\n data: Record<string, unknown>\n ): Promise<ValidationResponse> {\n return this.apiClient.validate(slug, data);\n }\n\n /**\n * Submit form data\n */\n async submit(\n slug: string,\n data: Record<string, unknown>,\n options?: SubmitOptions\n ): Promise<SubmissionResponse> {\n return this.apiClient.submit(slug, data, options);\n }\n\n /**\n * Create a form handler for a specific form\n */\n form(slug: string, options?: FormHandlerOptions): FormHandler {\n return new FormHandler(this.apiClient, slug, options);\n }\n\n /**\n * Track a form view (for analytics completion rate)\n */\n async trackView(slug: string): Promise<void> {\n return this.apiClient.trackView(slug);\n }\n\n /**\n * Submit with retry logic for rate limits\n */\n async submitWithRetry(\n slug: string,\n data: Record<string, unknown>,\n options?: SubmitOptions & { maxRetries?: number }\n ): Promise<SubmissionResponse> {\n const maxRetries = options?.maxRetries ?? 3;\n let lastError: Error | null = null;\n\n for (let attempt = 0; attempt < maxRetries; attempt++) {\n try {\n return await this.submit(slug, data, options);\n } catch (error) {\n lastError = error as Error;\n\n if (error instanceof FormsError) {\n // Don't retry validation or auth errors\n if (\n [\n 'VALIDATION_ERROR',\n 'CAPTCHA_REQUIRED',\n 'ORIGIN_NOT_ALLOWED',\n ].includes(error.code)\n ) {\n throw error;\n }\n\n // Retry rate limits with backoff\n if (error.code.includes('RATE_LIMIT')) {\n const retryAfter = error.retryAfter || Math.pow(2, attempt) * 1000;\n await new Promise((resolve) => setTimeout(resolve, retryAfter));\n continue;\n }\n }\n\n // Exponential backoff for network errors\n await new Promise((resolve) =>\n setTimeout(resolve, Math.pow(2, attempt) * 1000)\n );\n }\n }\n\n throw lastError!;\n }\n}\n","import { useState, useEffect, useRef, FormEvent, ChangeEvent, CSSProperties } from 'react';\nimport {\n FormsSDKConfig,\n FormField,\n FormStyling,\n SubmissionResponse,\n ValidationError,\n} from '../core';\nimport { useForm, UseFormOptions } from './use-form';\n\nconst defaultStyling: FormStyling = {\n theme: 'light',\n primaryColor: '#3b82f6',\n backgroundColor: '#ffffff',\n textColor: '#1f2937',\n borderRadius: 'md',\n fontSize: 'md',\n buttonStyle: 'filled',\n labelPosition: 'top',\n};\n\nfunction getBorderRadius(radius: FormStyling['borderRadius']): string {\n switch (radius) {\n case 'none': return '0';\n case 'sm': return '0.125rem';\n case 'md': return '0.375rem';\n case 'lg': return '0.5rem';\n default: return '0.375rem';\n }\n}\n\nfunction getFontSize(size: FormStyling['fontSize']): string {\n switch (size) {\n case 'sm': return '0.875rem';\n case 'md': return '1rem';\n case 'lg': return '1.125rem';\n default: return '1rem';\n }\n}\n\ninterface FormsExpertFormProps {\n /** SDK configuration (optional if using FormsProvider) */\n config?: FormsSDKConfig;\n /** Form slug */\n slug: string;\n /** Track form views for analytics (completion rate). Default: false */\n trackViews?: boolean;\n /** Custom submit button text */\n submitText?: string;\n /** Success callback */\n onSuccess?: (response: SubmissionResponse) => void;\n /** Error callback */\n onError?: (error: Error) => void;\n /** Validation error callback */\n onValidationError?: (errors: ValidationError[]) => void;\n /** Custom class name */\n className?: string;\n /** Custom styles */\n style?: CSSProperties;\n /** Language code to pass to backend */\n lang?: string;\n}\n\n/**\n * Forms Expert form component\n */\nexport function FormsExpertForm({\n config,\n slug,\n trackViews,\n submitText = 'Submit',\n onSuccess,\n onError,\n onValidationError,\n className,\n style,\n lang,\n}: FormsExpertFormProps) {\n const form = useForm({\n slug,\n config,\n trackViews,\n onSuccess,\n onError,\n onValidationError,\n autoInit: true,\n lang,\n });\n\n const [captchaToken, setCaptchaToken] = useState<string | null>(null);\n const captchaContainerRef = useRef<HTMLDivElement>(null);\n const captchaWidgetId = useRef<string | null>(null);\n const captchaScriptLoaded = useRef(false);\n\n // Load captcha script and render widget\n useEffect(() => {\n if (!form.requiresCaptcha || !form.captchaSiteKey || !form.captchaProvider) return;\n if (captchaScriptLoaded.current) return;\n\n const provider = form.captchaProvider;\n const siteKey = form.captchaSiteKey;\n\n const renderWidget = () => {\n if (!captchaContainerRef.current) return;\n\n const w = window as any;\n if (provider === 'turnstile' && w.turnstile) {\n captchaWidgetId.current = w.turnstile.render(captchaContainerRef.current, {\n sitekey: siteKey,\n callback: (token: string) => setCaptchaToken(token),\n 'expired-callback': () => setCaptchaToken(null),\n 'error-callback': () => setCaptchaToken(null),\n });\n } else if (provider === 'hcaptcha' && w.hcaptcha) {\n captchaWidgetId.current = w.hcaptcha.render(captchaContainerRef.current, {\n sitekey: siteKey,\n callback: (token: string) => setCaptchaToken(token),\n 'expired-callback': () => setCaptchaToken(null),\n 'error-callback': () => setCaptchaToken(null),\n });\n } else if (provider === 'recaptcha' && w.grecaptcha) {\n // reCAPTCHA v3 — execute immediately, no visible widget\n w.grecaptcha.ready(() => {\n w.grecaptcha.execute(siteKey, { action: 'submit' }).then((token: string) => {\n setCaptchaToken(token);\n });\n });\n }\n };\n\n // Check if script already loaded\n const w = window as any;\n if (\n (provider === 'turnstile' && w.turnstile) ||\n (provider === 'hcaptcha' && w.hcaptcha) ||\n (provider === 'recaptcha' && w.grecaptcha)\n ) {\n captchaScriptLoaded.current = true;\n renderWidget();\n return;\n }\n\n // Load script\n const script = document.createElement('script');\n if (provider === 'turnstile') {\n script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit';\n } else if (provider === 'hcaptcha') {\n script.src = 'https://js.hcaptcha.com/1/api.js?render=explicit';\n } else if (provider === 'recaptcha') {\n script.src = `https://www.google.com/recaptcha/api.js?render=${siteKey}`;\n }\n script.async = true;\n script.defer = true;\n script.onload = () => {\n captchaScriptLoaded.current = true;\n // Small delay for script initialization\n setTimeout(renderWidget, 100);\n };\n document.head.appendChild(script);\n\n return () => {\n // Clean up widget on unmount\n if (captchaWidgetId.current !== null) {\n const w = window as any;\n if (provider === 'turnstile' && w.turnstile) {\n w.turnstile.remove(captchaWidgetId.current);\n } else if (provider === 'hcaptcha' && w.hcaptcha) {\n w.hcaptcha.reset(captchaWidgetId.current);\n }\n }\n };\n }, [form.requiresCaptcha, form.captchaProvider, form.captchaSiteKey]);\n\n const resetCaptcha = () => {\n setCaptchaToken(null);\n if (captchaWidgetId.current !== null) {\n const w = window as any;\n if (form.captchaProvider === 'turnstile' && w.turnstile) {\n w.turnstile.reset(captchaWidgetId.current);\n } else if (form.captchaProvider === 'hcaptcha' && w.hcaptcha) {\n w.hcaptcha.reset(captchaWidgetId.current);\n } else if (form.captchaProvider === 'recaptcha' && w.grecaptcha) {\n w.grecaptcha.execute(form.captchaSiteKey, { action: 'submit' }).then((token: string) => {\n setCaptchaToken(token);\n });\n }\n }\n };\n\n const styling = form.config?.schema?.styling || defaultStyling;\n const radius = getBorderRadius(styling.borderRadius);\n const fontSize = getFontSize(styling.fontSize);\n\n const handleSubmit = async (e: FormEvent) => {\n e.preventDefault();\n const result = await form.submit(captchaToken || undefined);\n if (!result) {\n // Reset captcha on failure\n resetCaptcha();\n }\n };\n\n const handleChange = (\n e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n ) => {\n const { name, value, type } = e.target;\n if (type === 'checkbox') {\n form.setValue(name, (e.target as HTMLInputElement).checked);\n } else if (type === 'file') {\n form.setValue(name, (e.target as HTMLInputElement).files?.[0]);\n } else {\n form.setValue(name, value);\n }\n };\n\n if (form.isInitializing) {\n return (\n <div\n className={className}\n style={{\n padding: '2rem',\n textAlign: 'center',\n color: styling.textColor,\n ...style,\n }}\n >\n Loading form...\n </div>\n );\n }\n\n if (!form.config?.active) {\n return (\n <div\n className={className}\n style={{\n padding: '2rem',\n textAlign: 'center',\n color: '#ef4444',\n ...style,\n }}\n >\n This form is not available\n </div>\n );\n }\n\n if (form.isSubmitted) {\n return (\n <div\n className={className}\n style={{\n padding: '2rem',\n textAlign: 'center',\n backgroundColor: styling.backgroundColor,\n color: styling.textColor,\n borderRadius: radius,\n ...style,\n }}\n >\n <svg\n style={{\n width: '3rem',\n height: '3rem',\n margin: '0 auto 1rem',\n color: '#22c55e',\n }}\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M5 13l4 4L19 7\"\n />\n </svg>\n <p style={{ fontSize: '1.125rem', fontWeight: 500 }}>\n {form.config.settings?.successMessage || 'Form submitted successfully!'}\n </p>\n <button\n type=\"button\"\n onClick={form.reset}\n style={{\n marginTop: '1rem',\n padding: '0.5rem 1rem',\n backgroundColor: 'transparent',\n color: styling.primaryColor,\n border: `1px solid ${styling.primaryColor}`,\n borderRadius: radius,\n cursor: 'pointer',\n }}\n >\n Submit another response\n </button>\n </div>\n );\n }\n\n const fields = form.config.schema?.fields || [];\n const showBranding = form.config.branding?.enabled !== false;\n const brandingText = form.config.branding?.text || 'Powered by Mira';\n const brandingUrl = form.config.branding?.url || 'https://mira.io';\n\n return (\n <form\n onSubmit={handleSubmit}\n className={className}\n style={{\n fontFamily: 'system-ui, -apple-system, sans-serif',\n fontSize,\n backgroundColor: styling.backgroundColor,\n color: styling.textColor,\n padding: '1.5rem',\n borderRadius: radius,\n ...style,\n }}\n >\n {fields.map((field) => (\n <FormFieldInput\n key={field.name}\n field={field}\n value={form.values[field.name]}\n error={form.errors[field.name]}\n onChange={handleChange}\n styling={styling}\n />\n ))}\n\n {/* Honeypot field — hidden from users, catches bots */}\n {form.honeypotEnabled && (\n <div style={{ position: 'absolute', left: '-9999px', opacity: 0, height: 0, overflow: 'hidden' }} aria-hidden=\"true\">\n <input type=\"text\" name=\"_hp\" tabIndex={-1} autoComplete=\"off\" />\n </div>\n )}\n\n {/* Captcha widget */}\n {form.requiresCaptcha && form.captchaProvider !== 'recaptcha' && (\n <div ref={captchaContainerRef} style={{ marginTop: '1rem' }} />\n )}\n\n <button\n type=\"submit\"\n disabled={form.isLoading}\n style={{\n width: '100%',\n padding: '0.625rem 1.25rem',\n marginTop: '1rem',\n fontWeight: 500,\n fontSize,\n fontFamily: 'inherit',\n borderRadius: radius,\n cursor: form.isLoading ? 'not-allowed' : 'pointer',\n opacity: form.isLoading ? 0.5 : 1,\n backgroundColor:\n styling.buttonStyle === 'filled' ? styling.primaryColor : 'transparent',\n color:\n styling.buttonStyle === 'filled' ? 'white' : styling.primaryColor,\n border:\n styling.buttonStyle === 'filled'\n ? 'none'\n : `2px solid ${styling.primaryColor}`,\n }}\n >\n {form.isLoading ? 'Submitting...' : submitText}\n </button>\n\n {showBranding && (\n <div\n style={{\n textAlign: 'center',\n marginTop: '1rem',\n paddingTop: '0.75rem',\n borderTop: `1px solid ${styling.theme === 'dark' ? '#374151' : '#e5e7eb'}`,\n }}\n >\n <a\n href={brandingUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n style={{\n color: styling.theme === 'dark' ? '#9ca3af' : '#6b7280',\n textDecoration: 'none',\n fontSize: '0.75rem',\n }}\n >\n {brandingText}\n </a>\n </div>\n )}\n </form>\n );\n}\n\ninterface FormFieldInputProps {\n field: FormField;\n value: unknown;\n error?: string;\n onChange: (\n e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n ) => void;\n styling: FormStyling;\n}\n\nfunction FormFieldInput({\n field,\n value,\n error,\n onChange,\n styling,\n}: FormFieldInputProps) {\n const radius = getBorderRadius(styling.borderRadius);\n const fontSize = getFontSize(styling.fontSize);\n\n const inputStyle: CSSProperties = {\n width: '100%',\n padding: '0.5rem 0.75rem',\n border: `1px solid ${error ? '#ef4444' : styling.theme === 'dark' ? '#4b5563' : '#d1d5db'}`,\n borderRadius: radius,\n fontSize,\n fontFamily: 'inherit',\n backgroundColor: styling.theme === 'dark' ? '#374151' : '#ffffff',\n color: styling.textColor,\n };\n\n if (field.type === 'checkbox') {\n return (\n <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '1rem' }}>\n <input\n type=\"checkbox\"\n id={field.name}\n name={field.name}\n checked={Boolean(value)}\n onChange={onChange}\n required={field.required}\n style={{ width: '1rem', height: '1rem', accentColor: styling.primaryColor }}\n />\n <label htmlFor={field.name}>\n {field.label || field.name}\n {field.required && <span style={{ color: '#ef4444', marginLeft: '0.25rem' }}>*</span>}\n </label>\n {error && (\n <span style={{ color: '#ef4444', fontSize: '0.875rem', marginLeft: '0.5rem' }}>\n {error}\n </span>\n )}\n </div>\n );\n }\n\n return (\n <div\n style={{\n marginBottom: '1rem',\n ...(styling.labelPosition === 'left'\n ? { display: 'flex', alignItems: 'flex-start', gap: '1rem' }\n : {}),\n }}\n >\n <label\n htmlFor={field.name}\n style={{\n display: 'block',\n fontWeight: 500,\n ...(styling.labelPosition === 'left'\n ? { width: '33%', flexShrink: 0, paddingTop: '0.5rem' }\n : { marginBottom: '0.25rem' }),\n }}\n >\n {field.label || field.name}\n {field.required && (\n <span style={{ color: '#ef4444', marginLeft: '0.25rem' }}>*</span>\n )}\n </label>\n\n <div style={styling.labelPosition === 'left' ? { flex: 1 } : {}}>\n {field.type === 'textarea' ? (\n <textarea\n id={field.name}\n name={field.name}\n value={String(value || '')}\n onChange={onChange}\n placeholder={field.placeholder}\n required={field.required}\n style={{ ...inputStyle, minHeight: '100px', resize: 'vertical' }}\n />\n ) : field.type === 'select' ? (\n <select\n id={field.name}\n name={field.name}\n value={String(value || '')}\n onChange={onChange}\n required={field.required}\n style={inputStyle}\n >\n <option value=\"\">Select an option...</option>\n {field.options?.map((opt) => {\n const val = typeof opt === 'string' ? opt : opt.value;\n const label = typeof opt === 'string' ? opt : opt.label;\n return (\n <option key={val} value={val}>\n {label}\n </option>\n );\n })}\n </select>\n ) : field.type === 'file' ? (\n <input\n type=\"file\"\n id={field.name}\n name={field.name}\n onChange={onChange}\n required={field.required}\n accept={field.allowedMimeTypes?.join(',')}\n multiple={field.multiple}\n style={inputStyle}\n />\n ) : (\n <input\n type={field.type}\n id={field.name}\n name={field.name}\n value={String(value || '')}\n onChange={onChange}\n placeholder={field.placeholder}\n required={field.required}\n style={inputStyle}\n />\n )}\n\n {error && (\n <div style={{ color: '#ef4444', fontSize: '0.875rem', marginTop: '0.25rem' }}>\n {error}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"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","names":["errors","import_react","import_jsx_runtime","w"]}
package/dist/react/index.d.cts CHANGED
@@ -107,6 +107,10 @@ interface FormStatusResponse {
107
107
  };
108
108
  /** Branding configuration */
109
109
  branding?: FormBranding;
110
+ /** Available published translation language codes */
111
+ availableLanguages?: string[];
112
+ /** Current language applied to this response (null if base language) */
113
+ currentLanguage?: string | null;
110
114
  }
111
115
  /**
112
116
  * Validation error
@@ -204,7 +208,7 @@ declare class FormsApiClient {
204
208
  /**
205
209
  * Check if form is active and get configuration
206
210
  */
207
- isActive(slug: string): Promise<FormStatusResponse>;
211
+ isActive(slug: string, lang?: string): Promise<FormStatusResponse>;
208
212
  /**
209
213
  * Validate form data without submitting
210
214
  */
@@ -243,7 +247,7 @@ declare class FormHandler {
243
247
  /**
244
248
  * Initialize form handler and fetch configuration
245
249
  */
246
- initialize(): Promise<FormStatusResponse>;
250
+ initialize(lang?: string): Promise<FormStatusResponse>;
247
251
  /**
248
252
  * Get cached form configuration
249
253
  */
@@ -290,7 +294,7 @@ declare class FormsSDK {
290
294
  /**
291
295
  * Check if form is active and get configuration
292
296
  */
293
- isActive(slug: string): Promise<FormStatusResponse>;
297
+ isActive(slug: string, lang?: string): Promise<FormStatusResponse>;
294
298
  /**
295
299
  * Validate form data without submitting
296
300
  */
@@ -342,6 +346,8 @@ interface UseFormOptions {
342
346
  onValidationError?: (errors: ValidationError[]) => void;
343
347
  /** Auto-initialize on mount */
344
348
  autoInit?: boolean;
349
+ /** Language code to pass to backend */
350
+ lang?: string;
345
351
  }
346
352
  interface UseFormReturn {
347
353
  /** Form configuration */
@@ -421,10 +427,12 @@ interface FormsExpertFormProps {
421
427
  className?: string;
422
428
  /** Custom styles */
423
429
  style?: CSSProperties;
430
+ /** Language code to pass to backend */
431
+ lang?: string;
424
432
  }
425
433
  /**
426
434
  * Forms Expert form component
427
435
  */
428
- declare function FormsExpertForm({ config, slug, trackViews, submitText, onSuccess, onError, onValidationError, className, style, }: FormsExpertFormProps): react_jsx_runtime.JSX.Element;
436
+ declare function FormsExpertForm({ config, slug, trackViews, submitText, onSuccess, onError, onValidationError, className, style, lang, }: FormsExpertFormProps): react_jsx_runtime.JSX.Element;
429
437
 
430
438
  export { FormsExpertForm, FormsProvider, type UseFormOptions, type UseFormReturn, useForm, useFormsSDK };
package/dist/react/index.d.ts CHANGED
@@ -107,6 +107,10 @@ interface FormStatusResponse {
107
107
  };
108
108
  /** Branding configuration */
109
109
  branding?: FormBranding;
110
+ /** Available published translation language codes */
111
+ availableLanguages?: string[];
112
+ /** Current language applied to this response (null if base language) */
113
+ currentLanguage?: string | null;
110
114
  }
111
115
  /**
112
116
  * Validation error
@@ -204,7 +208,7 @@ declare class FormsApiClient {
204
208
  /**
205
209
  * Check if form is active and get configuration
206
210
  */
207
- isActive(slug: string): Promise<FormStatusResponse>;
211
+ isActive(slug: string, lang?: string): Promise<FormStatusResponse>;
208
212
  /**
209
213
  * Validate form data without submitting
210
214
  */
@@ -243,7 +247,7 @@ declare class FormHandler {
243
247
  /**
244
248
  * Initialize form handler and fetch configuration
245
249
  */
246
- initialize(): Promise<FormStatusResponse>;
250
+ initialize(lang?: string): Promise<FormStatusResponse>;
247
251
  /**
248
252
  * Get cached form configuration
249
253
  */
@@ -290,7 +294,7 @@ declare class FormsSDK {
290
294
  /**
291
295
  * Check if form is active and get configuration
292
296
  */
293
- isActive(slug: string): Promise<FormStatusResponse>;
297
+ isActive(slug: string, lang?: string): Promise<FormStatusResponse>;
294
298
  /**
295
299
  * Validate form data without submitting
296
300
  */
@@ -342,6 +346,8 @@ interface UseFormOptions {
342
346
  onValidationError?: (errors: ValidationError[]) => void;
343
347
  /** Auto-initialize on mount */
344
348
  autoInit?: boolean;
349
+ /** Language code to pass to backend */
350
+ lang?: string;
345
351
  }
346
352
  interface UseFormReturn {
347
353
  /** Form configuration */
@@ -421,10 +427,12 @@ interface FormsExpertFormProps {
421
427
  className?: string;
422
428
  /** Custom styles */
423
429
  style?: CSSProperties;
430
+ /** Language code to pass to backend */
431
+ lang?: string;
424
432
  }
425
433
  /**
426
434
  * Forms Expert form component
427
435
  */
428
- declare function FormsExpertForm({ config, slug, trackViews, submitText, onSuccess, onError, onValidationError, className, style, }: FormsExpertFormProps): react_jsx_runtime.JSX.Element;
436
+ declare function FormsExpertForm({ config, slug, trackViews, submitText, onSuccess, onError, onValidationError, className, style, lang, }: FormsExpertFormProps): react_jsx_runtime.JSX.Element;
429
437
 
430
438
  export { FormsExpertForm, FormsProvider, type UseFormOptions, type UseFormReturn, useForm, useFormsSDK };
package/dist/react/index.js CHANGED
@@ -31,7 +31,7 @@ var FormsApiClient = class {
31
31
  constructor(config) {
32
32
  this.apiKey = config.apiKey;
33
33
  this.resourceId = config.resourceId;
34
- this.baseUrl = (config.baseUrl || "https://api.formsapp.io/api/v1").replace(/\/$/, "");
34
+ this.baseUrl = (config.baseUrl || "https://api.forms.expert/api/v1").replace(/\/$/, "");
35
35
  }
36
36
  /**
37
37
  * Build URL with token query parameter
@@ -66,8 +66,9 @@ var FormsApiClient = class {
66
66
  /**
67
67
  * Check if form is active and get configuration
68
68
  */
69
- async isActive(slug) {
70
- return this.request("GET", `/f/${this.resourceId}/${slug}/is-active`);
69
+ async isActive(slug, lang) {
70
+ const langParam = lang ? `?lang=${encodeURIComponent(lang)}` : "";
71
+ return this.request("GET", `/f/${this.resourceId}/${slug}/is-active${langParam}`);
71
72
  }
72
73
  /**
73
74
  * Validate form data without submitting
@@ -188,8 +189,8 @@ var FormHandler = class {
188
189
  /**
189
190
  * Initialize form handler and fetch configuration
190
191
  */
191
- async initialize() {
192
- this.config = await this.apiClient.isActive(this.slug);
192
+ async initialize(lang) {
193
+ this.config = await this.apiClient.isActive(this.slug, lang);
193
194
  if (this.options.trackViews) {
194
195
  this.apiClient.trackView(this.slug);
195
196
  }
@@ -274,8 +275,8 @@ var FormsSDK = class {
274
275
  /**
275
276
  * Check if form is active and get configuration
276
277
  */
277
- async isActive(slug) {
278
- return this.apiClient.isActive(slug);
278
+ async isActive(slug, lang) {
279
+ return this.apiClient.isActive(slug, lang);
279
280
  }
280
281
  /**
281
282
  * Validate form data without submitting
@@ -380,7 +381,7 @@ function useForm(options) {
380
381
  const initialize = useCallback(async () => {
381
382
  setIsInitializing(true);
382
383
  try {
383
- const formConfig = await sdk.isActive(options.slug);
384
+ const formConfig = await sdk.isActive(options.slug, options.lang);
384
385
  setConfig(formConfig);
385
386
  if (options.trackViews) {
386
387
  sdk.trackView(options.slug);
@@ -389,7 +390,7 @@ function useForm(options) {
389
390
  } finally {
390
391
  setIsInitializing(false);
391
392
  }
392
- }, [sdk, options.slug, options.trackViews]);
393
+ }, [sdk, options.slug, options.trackViews, options.lang]);
393
394
  useEffect(() => {
394
395
  if (options.autoInit !== false) {
395
396
  initialize();
@@ -574,7 +575,8 @@ function FormsExpertForm({
574
575
  onError,
575
576
  onValidationError,
576
577
  className,
577
- style
578
+ style,
579
+ lang
578
580
  }) {
579
581
  const form = useForm({
580
582
  slug,
@@ -583,7 +585,8 @@ function FormsExpertForm({
583
585
  onSuccess,
584
586
  onError,
585
587
  onValidationError,
586
- autoInit: true
588
+ autoInit: true,
589
+ lang
587
590
  });
588
591
  const [captchaToken, setCaptchaToken] = useState2(null);
589
592
  const captchaContainerRef = useRef(null);