@sonordev/site-kit 3.0.5 → 3.2.1

package/dist/forms/index.mjs

@@ -1,6 +1,9 @@
 'use client';
-import { DEFAULT_HONEYPOT_FIELD, useFormTracking, submitForm, DEFAULT_FORM_SUCCESS_MESSAGE, useForm, fetchWithRetry } from '../chunk-TCVHI3JP.mjs';
-export { DEFAULT_FORM_SUCCESS_MESSAGE, useForm, useFormTracking } from '../chunk-TCVHI3JP.mjs';
+import { useFormTracking, submitForm, DEFAULT_FORM_SUCCESS_MESSAGE, useForm } from '../chunk-7R7SGJG3.mjs';
+export { DEFAULT_FORM_SUCCESS_MESSAGE, useForm, useFormTracking } from '../chunk-7R7SGJG3.mjs';
+import { DEFAULT_HONEYPOT_FIELD } from '../chunk-X3S6KXAP.mjs';
+import { sonorFetch } from '../chunk-SBT4J733.mjs';
+import '../chunk-QLM7RNQI.mjs';
 import '../chunk-4XPGGLVP.mjs';
 import React2, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -34,11 +37,11 @@ async function apiRequest(method, path, body) {
     const token = await getAuthToken();
     headers["Authorization"] = `Bearer ${token}`;
   }
-  const response = await fetch(`${baseUrl}${path}`, {
+  const response = await sonorFetch(`${baseUrl}${path}`, {
     method,
     headers,
     body: body ? JSON.stringify(body) : void 0
-  });
+  }, { retries: 0 });
   if (!response.ok) {
     const error = await response.json().catch(() => ({ message: response.statusText }));
     throw new Error(error.message || `API error: ${response.status}`);
@@ -444,7 +447,7 @@ function DatePicker({
           width: "100%",
           padding: "var(--sk-input-padding, 10px 12px)",
           backgroundColor: "var(--sk-input-bg, #fff)",
-          border: `1px solid ${open ? "var(--sk-input-border-focus, #3b82f6)" : "var(--sk-input-border, #d1d5db)"}`,
+          border: `1px solid ${open ? "var(--sk-input-border-focus, #2563eb)" : "var(--sk-input-border, #d1d5db)"}`,
           borderRadius: "var(--sk-input-radius, 0.375rem)",
           fontSize: "var(--sk-font-size, 14px)",
           color: value ? "var(--sk-form-success-text, #111)" : "var(--sk-text-tertiary, #9ca3af)",
@@ -528,8 +531,8 @@ function DatePicker({
                   fontSize: "13px",
                   fontWeight: selected ? 700 : todayMark ? 600 : 400,
                   borderRadius: "6px",
-                  border: todayMark && !selected ? "1px solid var(--sk-primary, #3b82f6)" : "1px solid transparent",
-                  background: selected ? "var(--sk-primary, #3b82f6)" : "transparent",
+                  border: todayMark && !selected ? "1px solid var(--sk-primary, #2563eb)" : "1px solid transparent",
+                  background: selected ? "var(--sk-primary, #2563eb)" : "transparent",
                   color: disabled ? "var(--sk-text-tertiary, #9ca3af)" : selected ? "#fff" : "var(--sk-form-success-text, #111)",
                   cursor: disabled ? "not-allowed" : "pointer",
                   opacity: disabled ? 0.4 : 1,
@@ -566,7 +569,7 @@ function DatePicker({
                 cursor: "pointer",
                 fontSize: "12px",
                 fontWeight: 600,
-                color: "var(--sk-primary, #3b82f6)",
+                color: "var(--sk-primary, #2563eb)",
                 padding: "4px 8px"
               },
               children: "Today"
@@ -602,7 +605,7 @@ function FormField({ field: field2, value, error, onChange, classPrefix = "sk-fo
     width: "100%",
     padding: "var(--sk-input-padding, 10px 12px)",
     fontSize: "var(--sk-font-size, 16px)",
-    border: error ? "1px solid var(--sk-input-border-error, #ef4444)" : "1px solid var(--sk-input-border, #d1d5db)",
+    border: error ? "1px solid var(--sk-input-border-error, #dc2626)" : "1px solid var(--sk-input-border, #d1d5db)",
     borderRadius: "var(--sk-input-radius, 6px)",
     backgroundColor: "var(--sk-input-bg, #ffffff)",
     outline: "none",
@@ -615,7 +618,7 @@ function FormField({ field: field2, value, error, onChange, classPrefix = "sk-fo
     color: "var(--sk-label-color, inherit)"
   };
   const errorStyle = {
-    color: "var(--sk-error, #ef4444)",
+    color: "var(--sk-error, #dc2626)",
     fontSize: 14,
     marginTop: 4
   };
@@ -638,7 +641,7 @@ function FormField({ field: field2, value, error, onChange, classPrefix = "sk-fo
   return /* @__PURE__ */ jsxs("div", { className: `${classPrefix}__field ${classPrefix}__field--${field2.field_type}`, children: [
     /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: `${classPrefix}__label`, style: { ...labelStyle, ...hideLabel ? { position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap", border: 0 } : {} }, children: [
       field2.label,
-      field2.is_required && /* @__PURE__ */ jsx("span", { style: { color: "var(--sk-error, #ef4444)" }, children: " *" })
+      field2.is_required && /* @__PURE__ */ jsx("span", { style: { color: "var(--sk-error, #dc2626)" }, children: " *" })
     ] }),
     ["text", "email", "phone", "tel", "number"].includes(field2.field_type) && /* @__PURE__ */ jsx(
       "input",
@@ -876,7 +879,7 @@ function FileUploadField({
       fileName,
       "\u2026"
     ] }),
-    status === "error" && /* @__PURE__ */ jsx("p", { role: "alert", style: { color: "var(--sk-error, #ef4444)", fontSize: 14, marginTop: 4 }, children: "Upload failed. Please choose the file again." })
+    status === "error" && /* @__PURE__ */ jsx("p", { role: "alert", style: { color: "var(--sk-error, #dc2626)", fontSize: 14, marginTop: 4 }, children: "Upload failed. Please choose the file again." })
   ] });
 }
 async function uploadFormFile(file) {
@@ -887,7 +890,7 @@ async function uploadFormFile(file) {
   }
   const body = new FormData();
   body.append("file", file);
-  const response = await fetchWithRetry(
+  const response = await sonorFetch(
     `${apiUrl}/api/public/forms/upload`,
     {
       method: "POST",
@@ -1175,7 +1178,7 @@ function FormClient({
           }, children: /* @__PURE__ */ jsx("div", { className: "sk-form__progress-bar", style: {
             width: `${progress}%`,
             height: "100%",
-            backgroundColor: "var(--sk-progress-fill, #3b82f6)",
+            backgroundColor: "var(--sk-progress-fill, #2563eb)",
             transition: "width 0.3s ease"
           } }) })
         ] }),
@@ -1204,7 +1207,7 @@ function FormClient({
           {
             className: "sk-form__submit-error",
             role: "alert",
-            style: { color: "var(--sk-error, #ef4444)", fontSize: 14, marginTop: 12 },
+            style: { color: "var(--sk-error, #dc2626)", fontSize: 14, marginTop: 12 },
             children: submitError
           }
         ),
@@ -1215,6 +1218,7 @@ function FormClient({
             name: honeypotFieldName,
             tabIndex: -1,
             autoComplete: "off",
+            "aria-hidden": "true",
             style: {
               position: "absolute",
               left: -9999,
@@ -1255,7 +1259,7 @@ function ManagedForm({
     return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("p", { style: { color: "#6b7280" }, children: "Loading form..." }) });
   }
   if (fetchError || !form) {
-    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("p", { style: { color: "#ef4444" }, children: fetchError?.message || "Form not found or inactive." }) });
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("p", { style: { color: "var(--sk-error, #dc2626)" }, children: fetchError?.message || "Form not found or inactive." }) });
   }
   return /* @__PURE__ */ jsx(
     FormClient,