@forms.expert/sdk 0.1.1 → 0.1.2
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.
- package/README.md +10 -3
- package/dist/core/index.cjs +7 -6
- package/dist/core/index.cjs.map +1 -1
- package/dist/core/index.d.cts +3 -3
- package/dist/core/index.d.ts +3 -3
- package/dist/core/index.js +7 -6
- package/dist/core/index.js.map +1 -1
- package/dist/react/index.cjs +13 -10
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.d.cts +8 -4
- package/dist/react/index.d.ts +8 -4
- package/dist/react/index.js +13 -10
- package/dist/react/index.js.map +1 -1
- package/dist/vanilla/index.cjs +3 -3
- package/dist/vanilla/index.cjs.map +1 -1
- package/dist/vanilla/index.d.cts +2 -0
- package/dist/vanilla/index.d.ts +2 -0
- package/dist/vanilla/index.global.js +3 -3
- package/dist/vanilla/index.global.js.map +1 -1
- package/dist/vanilla/index.js +2 -2
- package/dist/vanilla/index.js.map +1 -1
- package/dist/vue/index.cjs +9 -8
- package/dist/vue/index.cjs.map +1 -1
- package/dist/vue/index.d.cts +2 -0
- package/dist/vue/index.d.ts +2 -0
- package/dist/vue/index.js +9 -8
- package/dist/vue/index.js.map +1 -1
- 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}\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, 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
|
@@ -204,7 +204,7 @@ declare class FormsApiClient {
|
|
|
204
204
|
/**
|
|
205
205
|
* Check if form is active and get configuration
|
|
206
206
|
*/
|
|
207
|
-
isActive(slug: string): Promise<FormStatusResponse>;
|
|
207
|
+
isActive(slug: string, lang?: string): Promise<FormStatusResponse>;
|
|
208
208
|
/**
|
|
209
209
|
* Validate form data without submitting
|
|
210
210
|
*/
|
|
@@ -243,7 +243,7 @@ declare class FormHandler {
|
|
|
243
243
|
/**
|
|
244
244
|
* Initialize form handler and fetch configuration
|
|
245
245
|
*/
|
|
246
|
-
initialize(): Promise<FormStatusResponse>;
|
|
246
|
+
initialize(lang?: string): Promise<FormStatusResponse>;
|
|
247
247
|
/**
|
|
248
248
|
* Get cached form configuration
|
|
249
249
|
*/
|
|
@@ -290,7 +290,7 @@ declare class FormsSDK {
|
|
|
290
290
|
/**
|
|
291
291
|
* Check if form is active and get configuration
|
|
292
292
|
*/
|
|
293
|
-
isActive(slug: string): Promise<FormStatusResponse>;
|
|
293
|
+
isActive(slug: string, lang?: string): Promise<FormStatusResponse>;
|
|
294
294
|
/**
|
|
295
295
|
* Validate form data without submitting
|
|
296
296
|
*/
|
|
@@ -342,6 +342,8 @@ interface UseFormOptions {
|
|
|
342
342
|
onValidationError?: (errors: ValidationError[]) => void;
|
|
343
343
|
/** Auto-initialize on mount */
|
|
344
344
|
autoInit?: boolean;
|
|
345
|
+
/** Language code to pass to backend */
|
|
346
|
+
lang?: string;
|
|
345
347
|
}
|
|
346
348
|
interface UseFormReturn {
|
|
347
349
|
/** Form configuration */
|
|
@@ -421,10 +423,12 @@ interface FormsExpertFormProps {
|
|
|
421
423
|
className?: string;
|
|
422
424
|
/** Custom styles */
|
|
423
425
|
style?: CSSProperties;
|
|
426
|
+
/** Language code to pass to backend */
|
|
427
|
+
lang?: string;
|
|
424
428
|
}
|
|
425
429
|
/**
|
|
426
430
|
* Forms Expert form component
|
|
427
431
|
*/
|
|
428
|
-
declare function FormsExpertForm({ config, slug, trackViews, submitText, onSuccess, onError, onValidationError, className, style, }: FormsExpertFormProps): react_jsx_runtime.JSX.Element;
|
|
432
|
+
declare function FormsExpertForm({ config, slug, trackViews, submitText, onSuccess, onError, onValidationError, className, style, lang, }: FormsExpertFormProps): react_jsx_runtime.JSX.Element;
|
|
429
433
|
|
|
430
434
|
export { FormsExpertForm, FormsProvider, type UseFormOptions, type UseFormReturn, useForm, useFormsSDK };
|
package/dist/react/index.d.ts
CHANGED
|
@@ -204,7 +204,7 @@ declare class FormsApiClient {
|
|
|
204
204
|
/**
|
|
205
205
|
* Check if form is active and get configuration
|
|
206
206
|
*/
|
|
207
|
-
isActive(slug: string): Promise<FormStatusResponse>;
|
|
207
|
+
isActive(slug: string, lang?: string): Promise<FormStatusResponse>;
|
|
208
208
|
/**
|
|
209
209
|
* Validate form data without submitting
|
|
210
210
|
*/
|
|
@@ -243,7 +243,7 @@ declare class FormHandler {
|
|
|
243
243
|
/**
|
|
244
244
|
* Initialize form handler and fetch configuration
|
|
245
245
|
*/
|
|
246
|
-
initialize(): Promise<FormStatusResponse>;
|
|
246
|
+
initialize(lang?: string): Promise<FormStatusResponse>;
|
|
247
247
|
/**
|
|
248
248
|
* Get cached form configuration
|
|
249
249
|
*/
|
|
@@ -290,7 +290,7 @@ declare class FormsSDK {
|
|
|
290
290
|
/**
|
|
291
291
|
* Check if form is active and get configuration
|
|
292
292
|
*/
|
|
293
|
-
isActive(slug: string): Promise<FormStatusResponse>;
|
|
293
|
+
isActive(slug: string, lang?: string): Promise<FormStatusResponse>;
|
|
294
294
|
/**
|
|
295
295
|
* Validate form data without submitting
|
|
296
296
|
*/
|
|
@@ -342,6 +342,8 @@ interface UseFormOptions {
|
|
|
342
342
|
onValidationError?: (errors: ValidationError[]) => void;
|
|
343
343
|
/** Auto-initialize on mount */
|
|
344
344
|
autoInit?: boolean;
|
|
345
|
+
/** Language code to pass to backend */
|
|
346
|
+
lang?: string;
|
|
345
347
|
}
|
|
346
348
|
interface UseFormReturn {
|
|
347
349
|
/** Form configuration */
|
|
@@ -421,10 +423,12 @@ interface FormsExpertFormProps {
|
|
|
421
423
|
className?: string;
|
|
422
424
|
/** Custom styles */
|
|
423
425
|
style?: CSSProperties;
|
|
426
|
+
/** Language code to pass to backend */
|
|
427
|
+
lang?: string;
|
|
424
428
|
}
|
|
425
429
|
/**
|
|
426
430
|
* Forms Expert form component
|
|
427
431
|
*/
|
|
428
|
-
declare function FormsExpertForm({ config, slug, trackViews, submitText, onSuccess, onError, onValidationError, className, style, }: FormsExpertFormProps): react_jsx_runtime.JSX.Element;
|
|
432
|
+
declare function FormsExpertForm({ config, slug, trackViews, submitText, onSuccess, onError, onValidationError, className, style, lang, }: FormsExpertFormProps): react_jsx_runtime.JSX.Element;
|
|
429
433
|
|
|
430
434
|
export { FormsExpertForm, FormsProvider, type UseFormOptions, type UseFormReturn, useForm, useFormsSDK };
|
package/dist/react/index.js
CHANGED
|
@@ -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
|
-
|
|
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);
|