@sonordev/site-kit 4.3.0 → 4.3.2

package/README.md

@@ -38,14 +38,22 @@ export default function RootLayout({ children }: { children: React.ReactNode })
 
 `SiteKitLayout` is an RSC-compatible async Server Component that auto-composes: analytics tracking, Engage widgets, favicons, managed scripts, and sitemap sync. No client-side provider wrapping needed.
 
-**Middleware (optional but recommended):**
+**Proxy (optional but recommended):**
 
 ```ts
-// middleware.ts
-import { createMiddleware, siteKitMatcher } from '@sonordev/site-kit/middleware'
-
-export default createMiddleware()
-export const config = siteKitMatcher
+// proxy.ts
+import { createProxy } from '@sonordev/site-kit/proxy'
+
+export default createProxy()
+
+// Inlined on purpose: Next statically parses `config.matcher` at build time
+// and rejects an imported value. `siteKitMatcher` is a reference value to
+// copy from, never a binding to export.
+export const config = {
+  matcher: [
+    '/((?!_next/static|_next/image|favicon\\.ico|.*\\.(?:ico|png|jpg|jpeg|gif|webp|svg|woff2?)$).*)',
+  ],
+}
 ```
 
 Handles Portal-managed redirects, security headers, and AI discovery headers.

package/agent-manifest.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
   "package": "@sonordev/site-kit",
-  "version": "4.3.0",
+  "version": "4.3.2",
   "description": "Machine-readable manifest for coding agents integrating a site with Sonor. See AGENTS.md (shipped) and docs/SITE-KIT-AGENT-NATIVE.md.",
   "env": {
     "required": [
@@ -311,12 +311,19 @@
       "primary": true,
       "purpose": "SiteKitLayout — the root integration point. Wrap {children}. Reads SONOR_API_KEY server-side."
     },
+    {
+      "name": "proxy",
+      "import": "@sonordev/site-kit/proxy",
+      "side": "server",
+      "purpose": "createProxy + security headers, exported from proxy.ts. Next 16 renamed the middleware file convention to proxy.",
+      "caution": "`export const config = siteKitMatcher` is a BUILD ERROR — Next statically parses config.matcher and rejects imported values, so inline the array. Do not add a `runtime` export: Proxy defaults to Node and the option throws in proxy files. On Netlify, a Node-runtime middleware silently does not run."
+    },
     {
       "name": "middleware",
       "import": "@sonordev/site-kit/middleware",
       "side": "server",
-      "purpose": "createMiddleware + security headers.",
-      "caution": "On Netlify, runtime:'nodejs' middleware silently does not run — keep it edge-compatible or gate the logic in a server component."
+      "purpose": "DEPRECATED alias of the proxy module — identical exports, same built file. Use @sonordev/site-kit/proxy.",
+      "caution": "Kept so the 100+ sites already importing it keep building. New code should import @sonordev/site-kit/proxy and call createProxy."
     },
     {
       "name": "manifest",

package/dist/AnalyticsProvider-DNMYYBKX.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var chunkEUAOOOIE_js = require('./chunk-EUAOOOIE.js');
+require('./chunk-HMFFAUCD.js');
+require('./chunk-RC4WWQXR.js');
+require('./chunk-VJMPIRSD.js');
+require('./chunk-FPWPRFTP.js');
+require('./chunk-ZXRORNAW.js');
+require('./chunk-UXIUJYFK.js');
+require('./chunk-SNAQBZPT.js');
+
+
+
+Object.defineProperty(exports, "AnalyticsProvider", {
+  enumerable: true,
+  get: function () { return chunkEUAOOOIE_js.AnalyticsProvider; }
+});
+Object.defineProperty(exports, "useAnalytics", {
+  enumerable: true,
+  get: function () { return chunkEUAOOOIE_js.useAnalytics; }
+});
+Object.defineProperty(exports, "useAnalyticsOptional", {
+  enumerable: true,
+  get: function () { return chunkEUAOOOIE_js.useAnalyticsOptional; }
+});
+Object.defineProperty(exports, "useTrackEvent", {
+  enumerable: true,
+  get: function () { return chunkEUAOOOIE_js.useTrackEvent; }
+});
+//# sourceMappingURL=AnalyticsProvider-DNMYYBKX.js.map
+//# sourceMappingURL=AnalyticsProvider-DNMYYBKX.js.map

package/dist/{AnalyticsProvider-WRAJE62B.js.map → AnalyticsProvider-DNMYYBKX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"AnalyticsProvider-WRAJE62B.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AnalyticsProvider-DNMYYBKX.js"}

package/dist/AnalyticsProvider-TWRQHKPZ.mjs

@@ -0,0 +1,10 @@
+export { AnalyticsProvider, useAnalytics, useAnalyticsOptional, useTrackEvent } from './chunk-3BXYZC3V.mjs';
+import './chunk-3DPXOZAU.mjs';
+import './chunk-ZZQAGCSI.mjs';
+import './chunk-6EDVCUAG.mjs';
+import './chunk-45VPULF2.mjs';
+import './chunk-NDS6MXIP.mjs';
+import './chunk-NQNSATTA.mjs';
+import './chunk-BEXTDHO4.mjs';
+//# sourceMappingURL=AnalyticsProvider-TWRQHKPZ.mjs.map
+//# sourceMappingURL=AnalyticsProvider-TWRQHKPZ.mjs.map

package/dist/{AnalyticsProvider-YZAOPVAY.mjs.map → AnalyticsProvider-TWRQHKPZ.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"AnalyticsProvider-YZAOPVAY.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AnalyticsProvider-TWRQHKPZ.mjs"}

package/dist/ChatWidget-MDWEXISQ.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkH27UCW6K_js = require('./chunk-H27UCW6K.js');
+require('./chunk-ULP6BTN2.js');
+require('./chunk-CQWG5ICB.js');
+require('./chunk-KHPJ3CEL.js');
+require('./chunk-VJMPIRSD.js');
+require('./chunk-FPWPRFTP.js');
+require('./chunk-ZXRORNAW.js');
+require('./chunk-UXIUJYFK.js');
+require('./chunk-SNAQBZPT.js');
+
+
+
+Object.defineProperty(exports, "ChatWidget", {
+  enumerable: true,
+  get: function () { return chunkH27UCW6K_js.ChatWidget; }
+});
+//# sourceMappingURL=ChatWidget-MDWEXISQ.js.map
+//# sourceMappingURL=ChatWidget-MDWEXISQ.js.map

package/dist/{ChatWidget-NMZGPP7A.js.map → ChatWidget-MDWEXISQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatWidget-NMZGPP7A.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatWidget-MDWEXISQ.js"}

package/dist/ChatWidget-UQMEJAHY.mjs

@@ -0,0 +1,11 @@
+export { ChatWidget } from './chunk-NJ4YX3CI.mjs';
+import './chunk-INR6AQ54.mjs';
+import './chunk-X2PAODFM.mjs';
+import './chunk-TMVKRQGJ.mjs';
+import './chunk-6EDVCUAG.mjs';
+import './chunk-45VPULF2.mjs';
+import './chunk-NDS6MXIP.mjs';
+import './chunk-NQNSATTA.mjs';
+import './chunk-BEXTDHO4.mjs';
+//# sourceMappingURL=ChatWidget-UQMEJAHY.mjs.map
+//# sourceMappingURL=ChatWidget-UQMEJAHY.mjs.map

package/dist/{ChatWidget-ZI34F7JU.mjs.map → ChatWidget-UQMEJAHY.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatWidget-ZI34F7JU.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatWidget-UQMEJAHY.mjs"}

package/dist/EngageWidget-UIIN43ZU.mjs

@@ -0,0 +1,9 @@
+export { EngageWidget } from './chunk-LQENHKD3.mjs';
+import './chunk-ZZQAGCSI.mjs';
+import './chunk-6EDVCUAG.mjs';
+import './chunk-45VPULF2.mjs';
+import './chunk-NDS6MXIP.mjs';
+import './chunk-NQNSATTA.mjs';
+import './chunk-BEXTDHO4.mjs';
+//# sourceMappingURL=EngageWidget-UIIN43ZU.mjs.map
+//# sourceMappingURL=EngageWidget-UIIN43ZU.mjs.map

package/dist/{EngageWidget-NI2BN6GO.mjs.map → EngageWidget-UIIN43ZU.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"EngageWidget-NI2BN6GO.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"EngageWidget-UIIN43ZU.mjs"}

package/dist/EngageWidget-VRC7NUG6.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkUR4HKLHW_js = require('./chunk-UR4HKLHW.js');
+require('./chunk-RC4WWQXR.js');
+require('./chunk-VJMPIRSD.js');
+require('./chunk-FPWPRFTP.js');
+require('./chunk-ZXRORNAW.js');
+require('./chunk-UXIUJYFK.js');
+require('./chunk-SNAQBZPT.js');
+
+
+
+Object.defineProperty(exports, "EngageWidget", {
+  enumerable: true,
+  get: function () { return chunkUR4HKLHW_js.EngageWidget; }
+});
+//# sourceMappingURL=EngageWidget-VRC7NUG6.js.map
+//# sourceMappingURL=EngageWidget-VRC7NUG6.js.map

package/dist/{EngageWidget-2U4EN7OP.js.map → EngageWidget-VRC7NUG6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"EngageWidget-2U4EN7OP.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"EngageWidget-VRC7NUG6.js"}

package/dist/{FileField-I4UICUJF.mjs → FileField-LVF3SCDC.mjs}

@@ -1,7 +1,7 @@
 'use client';
-import { sonorFetch } from './chunk-5PBJ42NC.mjs';
-import './chunk-OBRGUSGB.mjs';
-import './chunk-2X5ZB5D7.mjs';
+import { sonorFetch } from './chunk-45VPULF2.mjs';
+import './chunk-NDS6MXIP.mjs';
+import './chunk-NQNSATTA.mjs';
 import './chunk-BEXTDHO4.mjs';
 import React from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -81,5 +81,5 @@ async function uploadFormFile(file) {
 }
 
 export { FileField };
-//# sourceMappingURL=FileField-I4UICUJF.mjs.map
-//# sourceMappingURL=FileField-I4UICUJF.mjs.map
+//# sourceMappingURL=FileField-LVF3SCDC.mjs.map
+//# sourceMappingURL=FileField-LVF3SCDC.mjs.map

package/dist/{FileField-I4UICUJF.mjs.map → FileField-LVF3SCDC.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/forms/FileField.tsx"],"names":[],"mappings":"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","file":"FileField-I4UICUJF.mjs","sourcesContent":["'use client'\n\n/**\n * File upload field — the one field type that cannot render on the server.\n *\n * It holds upload state and reads the browser-published credential globals, so\n * it lives here rather than in FormField.tsx. Pulling it out is what lets\n * FormField drop its `'use client'` directive and render inside a Server\n * Component (see StaticForm.tsx); a form WITHOUT a file field now ships no\n * field-rendering JavaScript at all.\n *\n * Uploads the chosen file to the Sonor API, which stores it and returns a\n * public URL — that URL becomes the field value, so large files never touch\n * the JSON submission body. The value stays empty until the upload succeeds,\n * so a required file field correctly blocks submission until the upload\n * completes (rather than submitting a useless bare filename).\n *\n * Note: forms containing a file field are NOT native-POST eligible (see\n * native-fallback.tsx) — a form-encoded POST cannot run this upload — so the\n * server shell renders a plain disabled-looking file input and the real\n * control arrives with the enhancement.\n */\n\nimport React from 'react'\nimport type { FormField as FormFieldType } from './types'\nimport { sonorFetch } from '../shared/sonorFetch'\n\nexport interface FileFieldProps {\n  field: FormFieldType\n  inputId: string\n  classPrefix: string\n  baseInputStyle: React.CSSProperties\n  onChange: (value: unknown) => void\n}\n\nexport function FileField({\n  field,\n  inputId,\n  classPrefix,\n  baseInputStyle,\n  onChange,\n}: FileFieldProps) {\n  const [status, setStatus] = React.useState<'idle' | 'uploading' | 'error'>('idle')\n  const [fileName, setFileName] = React.useState('')\n\n  const handleFile = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0]\n    if (!file) return\n    setFileName(file.name)\n    setStatus('uploading')\n    onChange('') // clear any prior URL until this upload completes\n    try {\n      const url = await uploadFormFile(file)\n      onChange(url)\n      setStatus('idle')\n    } catch (err) {\n      console.error('[Forms] File upload failed:', err)\n      onChange('')\n      setStatus('error')\n    }\n  }\n\n  return (\n    <>\n      <input\n        id={inputId}\n        className={`${classPrefix}__input ${classPrefix}__input--file`}\n        type=\"file\"\n        name={field.slug}\n        required={field.is_required}\n        disabled={status === 'uploading'}\n        onChange={handleFile}\n        style={baseInputStyle}\n      />\n      {status === 'uploading' && (\n        <p style={{ color: 'var(--sk-text-tertiary, #6b7280)', fontSize: 14, marginTop: 4 }}>\n          Uploading {fileName}…\n        </p>\n      )}\n      {status === 'error' && (\n        <p role=\"alert\" style={{ color: 'var(--sk-error, #dc2626)', fontSize: 14, marginTop: 4 }}>\n          Upload failed. Please choose the file again.\n        </p>\n      )}\n    </>\n  )\n}\n\n/** Upload a single file to the Sonor API and return its stored public URL. */\nasync function uploadFormFile(file: File): Promise<string> {\n  const apiUrl =\n    typeof window !== 'undefined'\n      ? (window as any).__SITE_KIT_API_URL__ || 'https://api.sonor.io'\n      : 'https://api.sonor.io'\n  const apiKey =\n    typeof window !== 'undefined' ? (window as any).__SITE_KIT_API_KEY__ : undefined\n  if (!apiKey) {\n    throw new Error('API key is required to upload files.')\n  }\n\n  const body = new FormData()\n  body.append('file', file)\n\n  // No Content-Type header — the browser sets the multipart boundary itself.\n  const response = await sonorFetch(\n    `${apiUrl}/api/public/forms/upload`,\n    {\n      method: 'POST',\n      headers: { Authorization: `Bearer ${apiKey}` },\n      body,\n    },\n    { retries: 1, timeoutMs: 60000 },\n  )\n\n  if (!response.ok) {\n    throw new Error(`Upload failed (${response.status})`)\n  }\n  const data = (await response.json().catch(() => null)) as { url?: string } | null\n  if (!data?.url) {\n    throw new Error('Upload did not return a URL.')\n  }\n  return data.url\n}\n"]}
+{"version":3,"sources":["../src/forms/FileField.tsx"],"names":[],"mappings":"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","file":"FileField-LVF3SCDC.mjs","sourcesContent":["'use client'\n\n/**\n * File upload field — the one field type that cannot render on the server.\n *\n * It holds upload state and reads the browser-published credential globals, so\n * it lives here rather than in FormField.tsx. Pulling it out is what lets\n * FormField drop its `'use client'` directive and render inside a Server\n * Component (see StaticForm.tsx); a form WITHOUT a file field now ships no\n * field-rendering JavaScript at all.\n *\n * Uploads the chosen file to the Sonor API, which stores it and returns a\n * public URL — that URL becomes the field value, so large files never touch\n * the JSON submission body. The value stays empty until the upload succeeds,\n * so a required file field correctly blocks submission until the upload\n * completes (rather than submitting a useless bare filename).\n *\n * Note: forms containing a file field are NOT native-POST eligible (see\n * native-fallback.tsx) — a form-encoded POST cannot run this upload — so the\n * server shell renders a plain disabled-looking file input and the real\n * control arrives with the enhancement.\n */\n\nimport React from 'react'\nimport type { FormField as FormFieldType } from './types'\nimport { sonorFetch } from '../shared/sonorFetch'\n\nexport interface FileFieldProps {\n  field: FormFieldType\n  inputId: string\n  classPrefix: string\n  baseInputStyle: React.CSSProperties\n  onChange: (value: unknown) => void\n}\n\nexport function FileField({\n  field,\n  inputId,\n  classPrefix,\n  baseInputStyle,\n  onChange,\n}: FileFieldProps) {\n  const [status, setStatus] = React.useState<'idle' | 'uploading' | 'error'>('idle')\n  const [fileName, setFileName] = React.useState('')\n\n  const handleFile = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0]\n    if (!file) return\n    setFileName(file.name)\n    setStatus('uploading')\n    onChange('') // clear any prior URL until this upload completes\n    try {\n      const url = await uploadFormFile(file)\n      onChange(url)\n      setStatus('idle')\n    } catch (err) {\n      console.error('[Forms] File upload failed:', err)\n      onChange('')\n      setStatus('error')\n    }\n  }\n\n  return (\n    <>\n      <input\n        id={inputId}\n        className={`${classPrefix}__input ${classPrefix}__input--file`}\n        type=\"file\"\n        name={field.slug}\n        required={field.is_required}\n        disabled={status === 'uploading'}\n        onChange={handleFile}\n        style={baseInputStyle}\n      />\n      {status === 'uploading' && (\n        <p style={{ color: 'var(--sk-text-tertiary, #6b7280)', fontSize: 14, marginTop: 4 }}>\n          Uploading {fileName}…\n        </p>\n      )}\n      {status === 'error' && (\n        <p role=\"alert\" style={{ color: 'var(--sk-error, #dc2626)', fontSize: 14, marginTop: 4 }}>\n          Upload failed. Please choose the file again.\n        </p>\n      )}\n    </>\n  )\n}\n\n/** Upload a single file to the Sonor API and return its stored public URL. */\nasync function uploadFormFile(file: File): Promise<string> {\n  const apiUrl =\n    typeof window !== 'undefined'\n      ? (window as any).__SITE_KIT_API_URL__ || 'https://api.sonor.io'\n      : 'https://api.sonor.io'\n  const apiKey =\n    typeof window !== 'undefined' ? (window as any).__SITE_KIT_API_KEY__ : undefined\n  if (!apiKey) {\n    throw new Error('API key is required to upload files.')\n  }\n\n  const body = new FormData()\n  body.append('file', file)\n\n  // No Content-Type header — the browser sets the multipart boundary itself.\n  const response = await sonorFetch(\n    `${apiUrl}/api/public/forms/upload`,\n    {\n      method: 'POST',\n      headers: { Authorization: `Bearer ${apiKey}` },\n      body,\n    },\n    { retries: 1, timeoutMs: 60000 },\n  )\n\n  if (!response.ok) {\n    throw new Error(`Upload failed (${response.status})`)\n  }\n  const data = (await response.json().catch(() => null)) as { url?: string } | null\n  if (!data?.url) {\n    throw new Error('Upload did not return a URL.')\n  }\n  return data.url\n}\n"]}

package/dist/{FileField-UI6DAB3K.js → FileField-W4VXQ3CM.js}

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunkTBIWQQVF_js = require('./chunk-TBIWQQVF.js');
-require('./chunk-FIVPS4Z6.js');
-require('./chunk-U3P4WF2A.js');
+var chunkFPWPRFTP_js = require('./chunk-FPWPRFTP.js');
+require('./chunk-ZXRORNAW.js');
+require('./chunk-UXIUJYFK.js');
 require('./chunk-SNAQBZPT.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -67,7 +67,7 @@ async function uploadFormFile(file) {
   }
   const body = new FormData();
   body.append("file", file);
-  const response = await chunkTBIWQQVF_js.sonorFetch(
+  const response = await chunkFPWPRFTP_js.sonorFetch(
     `${apiUrl}/api/public/forms/upload`,
     {
       method: "POST",
@@ -87,5 +87,5 @@ async function uploadFormFile(file) {
 }
 
 exports.FileField = FileField;
-//# sourceMappingURL=FileField-UI6DAB3K.js.map
-//# sourceMappingURL=FileField-UI6DAB3K.js.map
+//# sourceMappingURL=FileField-W4VXQ3CM.js.map
+//# sourceMappingURL=FileField-W4VXQ3CM.js.map

package/dist/{FileField-UI6DAB3K.js.map → FileField-W4VXQ3CM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/forms/FileField.tsx"],"names":["React","jsxs","Fragment","jsx","sonorFetch"],"mappings":"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","file":"FileField-UI6DAB3K.js","sourcesContent":["'use client'\n\n/**\n * File upload field — the one field type that cannot render on the server.\n *\n * It holds upload state and reads the browser-published credential globals, so\n * it lives here rather than in FormField.tsx. Pulling it out is what lets\n * FormField drop its `'use client'` directive and render inside a Server\n * Component (see StaticForm.tsx); a form WITHOUT a file field now ships no\n * field-rendering JavaScript at all.\n *\n * Uploads the chosen file to the Sonor API, which stores it and returns a\n * public URL — that URL becomes the field value, so large files never touch\n * the JSON submission body. The value stays empty until the upload succeeds,\n * so a required file field correctly blocks submission until the upload\n * completes (rather than submitting a useless bare filename).\n *\n * Note: forms containing a file field are NOT native-POST eligible (see\n * native-fallback.tsx) — a form-encoded POST cannot run this upload — so the\n * server shell renders a plain disabled-looking file input and the real\n * control arrives with the enhancement.\n */\n\nimport React from 'react'\nimport type { FormField as FormFieldType } from './types'\nimport { sonorFetch } from '../shared/sonorFetch'\n\nexport interface FileFieldProps {\n  field: FormFieldType\n  inputId: string\n  classPrefix: string\n  baseInputStyle: React.CSSProperties\n  onChange: (value: unknown) => void\n}\n\nexport function FileField({\n  field,\n  inputId,\n  classPrefix,\n  baseInputStyle,\n  onChange,\n}: FileFieldProps) {\n  const [status, setStatus] = React.useState<'idle' | 'uploading' | 'error'>('idle')\n  const [fileName, setFileName] = React.useState('')\n\n  const handleFile = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0]\n    if (!file) return\n    setFileName(file.name)\n    setStatus('uploading')\n    onChange('') // clear any prior URL until this upload completes\n    try {\n      const url = await uploadFormFile(file)\n      onChange(url)\n      setStatus('idle')\n    } catch (err) {\n      console.error('[Forms] File upload failed:', err)\n      onChange('')\n      setStatus('error')\n    }\n  }\n\n  return (\n    <>\n      <input\n        id={inputId}\n        className={`${classPrefix}__input ${classPrefix}__input--file`}\n        type=\"file\"\n        name={field.slug}\n        required={field.is_required}\n        disabled={status === 'uploading'}\n        onChange={handleFile}\n        style={baseInputStyle}\n      />\n      {status === 'uploading' && (\n        <p style={{ color: 'var(--sk-text-tertiary, #6b7280)', fontSize: 14, marginTop: 4 }}>\n          Uploading {fileName}…\n        </p>\n      )}\n      {status === 'error' && (\n        <p role=\"alert\" style={{ color: 'var(--sk-error, #dc2626)', fontSize: 14, marginTop: 4 }}>\n          Upload failed. Please choose the file again.\n        </p>\n      )}\n    </>\n  )\n}\n\n/** Upload a single file to the Sonor API and return its stored public URL. */\nasync function uploadFormFile(file: File): Promise<string> {\n  const apiUrl =\n    typeof window !== 'undefined'\n      ? (window as any).__SITE_KIT_API_URL__ || 'https://api.sonor.io'\n      : 'https://api.sonor.io'\n  const apiKey =\n    typeof window !== 'undefined' ? (window as any).__SITE_KIT_API_KEY__ : undefined\n  if (!apiKey) {\n    throw new Error('API key is required to upload files.')\n  }\n\n  const body = new FormData()\n  body.append('file', file)\n\n  // No Content-Type header — the browser sets the multipart boundary itself.\n  const response = await sonorFetch(\n    `${apiUrl}/api/public/forms/upload`,\n    {\n      method: 'POST',\n      headers: { Authorization: `Bearer ${apiKey}` },\n      body,\n    },\n    { retries: 1, timeoutMs: 60000 },\n  )\n\n  if (!response.ok) {\n    throw new Error(`Upload failed (${response.status})`)\n  }\n  const data = (await response.json().catch(() => null)) as { url?: string } | null\n  if (!data?.url) {\n    throw new Error('Upload did not return a URL.')\n  }\n  return data.url\n}\n"]}
+{"version":3,"sources":["../src/forms/FileField.tsx"],"names":["React","jsxs","Fragment","jsx","sonorFetch"],"mappings":";;;;;;;;;;;;;AAmCO,SAAS,SAAA,CAAU;AAAA,EACxB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,sBAAA,CAAM,SAAyC,MAAM,CAAA;AACjF,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,sBAAA,CAAM,SAAS,EAAE,CAAA;AAEjD,EAAA,MAAM,UAAA,GAAa,OAAO,CAAA,KAA2C;AACnE,IAAA,MAAM,IAAA,GAAO,CAAA,CAAE,MAAA,CAAO,KAAA,GAAQ,CAAC,CAAA;AAC/B,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,WAAA,CAAY,KAAK,IAAI,CAAA;AACrB,IAAA,SAAA,CAAU,WAAW,CAAA;AACrB,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,IAAI;AACF,MAAA,MAAM,GAAA,GAAM,MAAM,cAAA,CAAe,IAAI,CAAA;AACrC,MAAA,QAAA,CAAS,GAAG,CAAA;AACZ,MAAA,SAAA,CAAU,MAAM,CAAA;AAAA,IAClB,SAAS,GAAA,EAAK;AACZ,MAAA,OAAA,CAAQ,KAAA,CAAM,+BAA+B,GAAG,CAAA;AAChD,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA,SAAA,CAAU,OAAO,CAAA;AAAA,IACnB;AAAA,EACF,CAAA;AAEA,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,OAAA;AAAA,QACJ,SAAA,EAAW,CAAA,EAAG,WAAW,CAAA,QAAA,EAAW,WAAW,CAAA,aAAA,CAAA;AAAA,QAC/C,IAAA,EAAK,MAAA;AAAA,QACL,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,UAAU,KAAA,CAAM,WAAA;AAAA,QAChB,UAAU,MAAA,KAAW,WAAA;AAAA,QACrB,QAAA,EAAU,UAAA;AAAA,QACV,KAAA,EAAO;AAAA;AAAA,KACT;AAAA,IACC,MAAA,KAAW,WAAA,oBACVF,eAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,KAAA,EAAO,kCAAA,EAAoC,QAAA,EAAU,EAAA,EAAI,SAAA,EAAW,CAAA,EAAE,EAAG,QAAA,EAAA;AAAA,MAAA,YAAA;AAAA,MACxE,QAAA;AAAA,MAAS;AAAA,KAAA,EACtB,CAAA;AAAA,IAED,MAAA,KAAW,OAAA,oBACVE,cAAA,CAAC,GAAA,EAAA,EAAE,MAAK,OAAA,EAAQ,KAAA,EAAO,EAAE,KAAA,EAAO,4BAA4B,QAAA,EAAU,EAAA,EAAI,SAAA,EAAW,CAAA,IAAK,QAAA,EAAA,8CAAA,EAE1F;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAGA,eAAe,eAAe,IAAA,EAA6B;AACzD,EAAA,MAAM,SACJ,OAAO,MAAA,KAAW,WAAA,GACb,MAAA,CAAe,wBAAwB,sBAAA,GACxC,sBAAA;AACN,EAAA,MAAM,MAAA,GACJ,OAAO,MAAA,KAAW,WAAA,GAAe,OAAe,oBAAA,GAAuB,MAAA;AACzE,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,MAAM,IAAI,MAAM,sCAAsC,CAAA;AAAA,EACxD;AAEA,EAAA,MAAM,IAAA,GAAO,IAAI,QAAA,EAAS;AAC1B,EAAA,IAAA,CAAK,MAAA,CAAO,QAAQ,IAAI,CAAA;AAGxB,EAAA,MAAM,WAAW,MAAMC,2BAAA;AAAA,IACrB,GAAG,MAAM,CAAA,wBAAA,CAAA;AAAA,IACT;AAAA,MACE,MAAA,EAAQ,MAAA;AAAA,MACR,OAAA,EAAS,EAAE,aAAA,EAAe,CAAA,OAAA,EAAU,MAAM,CAAA,CAAA,EAAG;AAAA,MAC7C;AAAA,KACF;AAAA,IACA,EAAE,OAAA,EAAS,CAAA,EAAG,SAAA,EAAW,GAAA;AAAM,GACjC;AAEA,EAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,eAAA,EAAkB,QAAA,CAAS,MAAM,CAAA,CAAA,CAAG,CAAA;AAAA,EACtD;AACA,EAAA,MAAM,OAAQ,MAAM,QAAA,CAAS,MAAK,CAAE,KAAA,CAAM,MAAM,IAAI,CAAA;AACpD,EAAA,IAAI,CAAC,MAAM,GAAA,EAAK;AACd,IAAA,MAAM,IAAI,MAAM,8BAA8B,CAAA;AAAA,EAChD;AACA,EAAA,OAAO,IAAA,CAAK,GAAA;AACd","file":"FileField-W4VXQ3CM.js","sourcesContent":["'use client'\n\n/**\n * File upload field — the one field type that cannot render on the server.\n *\n * It holds upload state and reads the browser-published credential globals, so\n * it lives here rather than in FormField.tsx. Pulling it out is what lets\n * FormField drop its `'use client'` directive and render inside a Server\n * Component (see StaticForm.tsx); a form WITHOUT a file field now ships no\n * field-rendering JavaScript at all.\n *\n * Uploads the chosen file to the Sonor API, which stores it and returns a\n * public URL — that URL becomes the field value, so large files never touch\n * the JSON submission body. The value stays empty until the upload succeeds,\n * so a required file field correctly blocks submission until the upload\n * completes (rather than submitting a useless bare filename).\n *\n * Note: forms containing a file field are NOT native-POST eligible (see\n * native-fallback.tsx) — a form-encoded POST cannot run this upload — so the\n * server shell renders a plain disabled-looking file input and the real\n * control arrives with the enhancement.\n */\n\nimport React from 'react'\nimport type { FormField as FormFieldType } from './types'\nimport { sonorFetch } from '../shared/sonorFetch'\n\nexport interface FileFieldProps {\n  field: FormFieldType\n  inputId: string\n  classPrefix: string\n  baseInputStyle: React.CSSProperties\n  onChange: (value: unknown) => void\n}\n\nexport function FileField({\n  field,\n  inputId,\n  classPrefix,\n  baseInputStyle,\n  onChange,\n}: FileFieldProps) {\n  const [status, setStatus] = React.useState<'idle' | 'uploading' | 'error'>('idle')\n  const [fileName, setFileName] = React.useState('')\n\n  const handleFile = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0]\n    if (!file) return\n    setFileName(file.name)\n    setStatus('uploading')\n    onChange('') // clear any prior URL until this upload completes\n    try {\n      const url = await uploadFormFile(file)\n      onChange(url)\n      setStatus('idle')\n    } catch (err) {\n      console.error('[Forms] File upload failed:', err)\n      onChange('')\n      setStatus('error')\n    }\n  }\n\n  return (\n    <>\n      <input\n        id={inputId}\n        className={`${classPrefix}__input ${classPrefix}__input--file`}\n        type=\"file\"\n        name={field.slug}\n        required={field.is_required}\n        disabled={status === 'uploading'}\n        onChange={handleFile}\n        style={baseInputStyle}\n      />\n      {status === 'uploading' && (\n        <p style={{ color: 'var(--sk-text-tertiary, #6b7280)', fontSize: 14, marginTop: 4 }}>\n          Uploading {fileName}…\n        </p>\n      )}\n      {status === 'error' && (\n        <p role=\"alert\" style={{ color: 'var(--sk-error, #dc2626)', fontSize: 14, marginTop: 4 }}>\n          Upload failed. Please choose the file again.\n        </p>\n      )}\n    </>\n  )\n}\n\n/** Upload a single file to the Sonor API and return its stored public URL. */\nasync function uploadFormFile(file: File): Promise<string> {\n  const apiUrl =\n    typeof window !== 'undefined'\n      ? (window as any).__SITE_KIT_API_URL__ || 'https://api.sonor.io'\n      : 'https://api.sonor.io'\n  const apiKey =\n    typeof window !== 'undefined' ? (window as any).__SITE_KIT_API_KEY__ : undefined\n  if (!apiKey) {\n    throw new Error('API key is required to upload files.')\n  }\n\n  const body = new FormData()\n  body.append('file', file)\n\n  // No Content-Type header — the browser sets the multipart boundary itself.\n  const response = await sonorFetch(\n    `${apiUrl}/api/public/forms/upload`,\n    {\n      method: 'POST',\n      headers: { Authorization: `Bearer ${apiKey}` },\n      body,\n    },\n    { retries: 1, timeoutMs: 60000 },\n  )\n\n  if (!response.ok) {\n    throw new Error(`Upload failed (${response.status})`)\n  }\n  const data = (await response.json().catch(() => null)) as { url?: string } | null\n  if (!data?.url) {\n    throw new Error('Upload did not return a URL.')\n  }\n  return data.url\n}\n"]}

package/dist/{FormSpotlight-LO4BU6FY.js → FormSpotlight-CRLFAPNI.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkMVHR77V4_js = require('./chunk-MVHR77V4.js');
-var chunkOOBEJZJ5_js = require('./chunk-OOBEJZJ5.js');
+var chunkYWBXKEAF_js = require('./chunk-YWBXKEAF.js');
 var chunk2ACKOMAL_js = require('./chunk-2ACKOMAL.js');
 require('./chunk-SNAQBZPT.js');
 var react = require('react');
@@ -46,14 +46,14 @@ function renderCompletionTemplate(template, field, values) {
     if (token === "label") return field.label;
     if (token === "first_name") {
       const key = Object.keys(values).find((k) => /^first[_-]?name$/i.test(k));
-      return (key ? chunkOOBEJZJ5_js.stageFirstName(values[key]) : null) || "";
+      return (key ? chunkYWBXKEAF_js.stageFirstName(values[key]) : null) || "";
     }
     return stringify(values[token]);
   }).replace(/\s{2,}/g, " ").trim();
 }
 function groupSentence(fields, values) {
   const val = (f) => values[f.slug];
-  const answered = fields.filter((f) => !chunkOOBEJZJ5_js.isEmptyValue(val(f)));
+  const answered = fields.filter((f) => !chunkYWBXKEAF_js.isEmptyValue(val(f)));
   if (answered.length === 0) return null;
   for (const f of answered) {
     const template = f.completion_message?.trim();
@@ -68,14 +68,14 @@ function groupSentence(fields, values) {
   );
   if (firstNameField || anyNameField) {
     const source = firstNameField ?? anyNameField;
-    const name = chunkOOBEJZJ5_js.stageFirstName(val(source));
+    const name = chunkYWBXKEAF_js.stageFirstName(val(source));
     if (name) return `Nice to meet you, ${name}.`;
   }
   const email = fields.find(
-    (f) => f.field_type === "email" && !chunkOOBEJZJ5_js.isEmptyValue(val(f))
+    (f) => f.field_type === "email" && !chunkYWBXKEAF_js.isEmptyValue(val(f))
   );
   const phone = fields.find(
-    (f) => (f.field_type === "phone" || f.field_type === "tel") && !chunkOOBEJZJ5_js.isEmptyValue(val(f))
+    (f) => (f.field_type === "phone" || f.field_type === "tel") && !chunkYWBXKEAF_js.isEmptyValue(val(f))
   );
   if (email && phone) return `We'll follow up at ${val(email)} or ${val(phone)}.`;
   if (email) return `We'll follow up at ${val(email)}.`;
@@ -253,9 +253,9 @@ function FormSpotlight({
   trackStepChange,
   honeypot
 }) {
-  const fieldControls = chunkOOBEJZJ5_js.useFieldControls(config.fields);
+  const fieldControls = chunkYWBXKEAF_js.useFieldControls(config.fields);
   const views = react.useMemo(() => {
-    return chunkOOBEJZJ5_js.stageViews(config).map((v) => ({ ...v, fields: v.fields.filter(isFieldVisible) })).filter((v) => v.fields.length > 0);
+    return chunkYWBXKEAF_js.stageViews(config).map((v) => ({ ...v, fields: v.fields.filter(isFieldVisible) })).filter((v) => v.fields.length > 0);
   }, [config, isFieldVisible]);
   const questions = react.useMemo(() => views.flatMap((v) => v.fields), [views]);
   const questionCount = questions.length;
@@ -277,8 +277,8 @@ function FormSpotlight({
   const activeGroup = activeSlug ? groupOf(activeSlug) : -1;
   const groupComplete = react.useCallback(
     (view) => view.fields.every(
-      (f) => fieldIsComplete(f) || !f.is_required && chunkOOBEJZJ5_js.isEmptyValue(values[f.slug])
-    ) && view.fields.some((f) => !chunkOOBEJZJ5_js.isEmptyValue(values[f.slug])),
+      (f) => fieldIsComplete(f) || !f.is_required && chunkYWBXKEAF_js.isEmptyValue(values[f.slug])
+    ) && view.fields.some((f) => !chunkYWBXKEAF_js.isEmptyValue(values[f.slug])),
     [fieldIsComplete, values]
   );
   const completeCount = questions.reduce((n, q) => n + (fieldIsComplete(q) ? 1 : 0), 0);
@@ -476,7 +476,7 @@ function FormSpotlight({
     (field, soloAutoAdvance) => (value) => {
       setLive(true);
       setFieldValue(field.slug, value);
-      if (soloAutoAdvance && !chunkOOBEJZJ5_js.isEmptyValue(value)) {
+      if (soloAutoAdvance && !chunkYWBXKEAF_js.isEmptyValue(value)) {
         clearAutoTimer();
         autoTimer.current = window.setTimeout(() => {
           autoTimer.current = null;
@@ -591,7 +591,7 @@ function FormSpotlight({
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "sk-stage__head", "data-sk-part": "stage-head", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sk-stage__head-name", children: config.name }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sk-stage__head-meta", "data-sk-part": "stage-estimate", children: `Takes ${chunkOOBEJZJ5_js.stageEstimate(questionCount)}` })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sk-stage__head-meta", "data-sk-part": "stage-estimate", children: `Takes ${chunkYWBXKEAF_js.stageEstimate(questionCount)}` })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sk-stage__hud", "data-sk-part": "stage-hud", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -687,7 +687,7 @@ function FormSpotlight({
                               showValid: !!touched[f.slug] && !errors[f.slug] && fieldIsComplete(f),
                               onChange: handleFieldChange(
                                 f,
-                                view.fields.length === 1 && chunkOOBEJZJ5_js.AUTO_ADVANCE_TYPES.includes(f.field_type)
+                                view.fields.length === 1 && chunkYWBXKEAF_js.AUTO_ADVANCE_TYPES.includes(f.field_type)
                               )
                             }
                           )
@@ -753,5 +753,5 @@ exports.FormSpotlight = FormSpotlight;
 exports.SpotStyles = SpotStyles;
 exports.groupSentence = groupSentence;
 exports.renderCompletionTemplate = renderCompletionTemplate;
-//# sourceMappingURL=FormSpotlight-LO4BU6FY.js.map
-//# sourceMappingURL=FormSpotlight-LO4BU6FY.js.map
+//# sourceMappingURL=FormSpotlight-CRLFAPNI.js.map
+//# sourceMappingURL=FormSpotlight-CRLFAPNI.js.map