@sonordev/site-kit 2.8.2 → 3.0.0

package/dist/{chunk-HANRPNKG.js.map → chunk-FMI65E5Y.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/shared/identity.tsx","../src/layout/SiteKitClientProviders.tsx"],"names":["createContext","useMemo","jsx","dynamic","useState","useRef","useCallback","Fragment","jsxs","Suspense"],"mappings":"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","file":"chunk-HANRPNKG.js","sourcesContent":["/**\n * @sonordev/site-kit/shared — Unified Identity Management\n *\n * Single source of truth for visitor and session IDs across\n * Analytics, Signal, and Engage modules.\n *\n * Storage keys:\n *   localStorage:    _sk_vid   (visitor ID, persists ~forever)\n *   sessionStorage:  _sk_sid   (session ID, per-tab)\n *   sessionStorage:  _sk_stime (last activity timestamp for timeout)\n *\n * Storage keys are prefixed with `_sk_*`.\n */\n\n'use client'\n\nimport React, { createContext, useContext, useMemo } from 'react'\n\n// ============================================\n// ID Generation\n// ============================================\n\nfunction generateId(): string {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) {\n    return crypto.randomUUID()\n  }\n  // Fallback for older environments\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n    const r = (Math.random() * 16) | 0\n    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16)\n  })\n}\n\n/**\n * Get or create a persistent visitor ID.\n * Stored in localStorage under `_sk_vid`.\n */\nexport function getOrCreateVisitorId(): string {\n  if (typeof window === 'undefined') return ''\n\n  let visitorId = localStorage.getItem('_sk_vid')\n\n  if (!visitorId) {\n    visitorId = generateId()\n  }\n\n  localStorage.setItem('_sk_vid', visitorId)\n  return visitorId\n}\n\n/**\n * Get or create a session ID with inactivity timeout.\n * Stored in sessionStorage under `_sk_sid`.\n * Session expires after `timeoutMinutes` of inactivity (default 30).\n */\nexport function getOrCreateSessionId(timeoutMinutes = 30): string {\n  if (typeof window === 'undefined') return ''\n\n  const now = Date.now()\n  const timeoutMs = timeoutMinutes * 60 * 1000\n\n  const existingSession = sessionStorage.getItem('_sk_sid')\n  const lastActivity = sessionStorage.getItem('_sk_stime')\n\n  if (existingSession && lastActivity) {\n    const elapsed = now - parseInt(lastActivity, 10)\n    if (elapsed < timeoutMs) {\n      // Session still active — refresh timestamp\n      sessionStorage.setItem('_sk_stime', now.toString())\n      sessionStorage.setItem('_sk_sid', existingSession)\n      return existingSession\n    }\n  }\n\n  // New session (first visit or timeout expired)\n  const newSession = generateId()\n  sessionStorage.setItem('_sk_sid', newSession)\n  sessionStorage.setItem('_sk_stime', now.toString())\n  return newSession\n}\n\n// ============================================\n// React Context\n// ============================================\n\nexport interface SiteKitIdentity {\n  visitorId: string\n  sessionId: string\n}\n\nconst SiteKitIdentityContext = createContext<SiteKitIdentity | null>(null)\n\nexport interface SiteKitIdentityProviderProps {\n  visitorId: string\n  sessionId: string\n  children: React.ReactNode\n}\n\nexport function SiteKitIdentityProvider({\n  visitorId,\n  sessionId,\n  children,\n}: SiteKitIdentityProviderProps) {\n  const value = useMemo(() => ({ visitorId, sessionId }), [visitorId, sessionId])\n\n  return (\n    <SiteKitIdentityContext.Provider value={value}>\n      {children}\n    </SiteKitIdentityContext.Provider>\n  )\n}\n\n/**\n * Access the shared visitor/session identity.\n * Falls back to generating IDs directly if used outside of SiteKitIdentityProvider.\n */\nexport function useSiteKitIdentity(): SiteKitIdentity {\n  const context = useContext(SiteKitIdentityContext)\n  if (context) return context\n\n  // Fallback for standalone usage outside SiteKitLayout\n  return {\n    visitorId: getOrCreateVisitorId(),\n    sessionId: getOrCreateSessionId(),\n  }\n}\n","'use client'\n\n/**\n * SiteKitClientProviders — Client Island\n *\n * This is the 'use client' boundary for SiteKitLayout.\n * It composes the client-only providers (Analytics, Engage, Signal, SitemapSync)\n * that require React context or browser APIs.\n *\n * All modules are lazy-loaded via next/dynamic so their JS is only downloaded\n * when the feature is enabled — keeping the initial bundle lightweight.\n *\n * All modules share a unified identity (visitor ID + session ID) via\n * SiteKitIdentityProvider, ensuring consistent tracking across Analytics,\n * Signal, and Engage.\n *\n * Props are passed down from the server-side SiteKitLayout component,\n * which reads env vars at render time.\n */\n\nimport React, { Suspense, useCallback, useRef, useState, type ReactNode } from 'react'\nimport dynamic from 'next/dynamic'\nimport {\n  SiteKitIdentityProvider,\n  getOrCreateVisitorId,\n  getOrCreateSessionId,\n} from '../shared/identity'\nimport type { AnalyticsConfig, EngageConfig, SignalConfig } from './types'\n\n// Lazy-load feature modules — JS only downloaded when feature is enabled\nconst LazyAnalyticsProvider = dynamic(\n  () => import('../analytics/AnalyticsProvider').then(m => ({ default: m.AnalyticsProvider })),\n  { ssr: false },\n)\nconst LazyEngageWidget = dynamic(\n  () => import('../engage/EngageWidget').then(m => ({ default: m.EngageWidget })),\n  { ssr: false },\n)\nconst LazySignalBridge = dynamic(\n  () => import('../signal/SignalBridge').then(m => ({ default: m.SignalBridge })),\n  { ssr: false },\n)\nconst LazySitemapSync = dynamic(\n  () => import('../SitemapSync').then(m => ({ default: m.SitemapSync })),\n  { ssr: false },\n)\n\nexport interface SiteKitClientProvidersProps {\n  children: ReactNode\n  apiKey: string\n  apiUrl: string\n  projectId?: string\n  analytics?: boolean | AnalyticsConfig\n  engage?: boolean | EngageConfig\n  signal?: boolean | SignalConfig\n  sitemapSync?: boolean\n  debug?: boolean\n}\n\nexport function SiteKitClientProviders({\n  children,\n  apiKey,\n  apiUrl,\n  projectId,\n  analytics = true,\n  engage = true,\n  signal = false,\n  sitemapSync = true,\n  debug = false,\n}: SiteKitClientProvidersProps) {\n  // Hoist analytics config so the `site` dimension is resolvable up here.\n  const analyticsConfig: AnalyticsConfig =\n    typeof analytics === 'object' ? analytics : {}\n\n  // Resolve the sub-site identifier — the dimension that lets one Sonor project\n  // host many sites (e.g. truepowersystems.com + ohiopowerstudies.com under one\n  // TPS project). Precedence: explicit `analytics.site` > NEXT_PUBLIC_SITE_URL\n  // host > window.location.host. Always a string (possibly empty).\n  const explicitSite = analyticsConfig.site\n  const envSiteUrl =\n    typeof process !== 'undefined'\n      ? process.env.NEXT_PUBLIC_SITE_URL\n      : undefined\n  let resolvedSite = explicitSite ?? ''\n  if (!resolvedSite && envSiteUrl) {\n    try {\n      resolvedSite = new URL(envSiteUrl).host\n    } catch {\n      /* malformed URL — fall through to client-side host */\n    }\n  }\n  if (!resolvedSite && typeof window !== 'undefined') {\n    resolvedSite = window.location.host\n  }\n  const site = resolvedSite\n\n  // Set window globals for modules that still read from them.\n  if (typeof window !== 'undefined') {\n    ;(window as any).__SITE_KIT_API_URL__ = apiUrl\n    ;(window as any).__SITE_KIT_API_KEY__ = apiKey\n    ;(window as any).__SITE_KIT_DEBUG__ = debug\n    ;(window as any).__SITE_KIT_SITE__ = site\n  }\n\n  // Unified identity — single source of truth for all modules\n  const [visitorId] = useState(() => getOrCreateVisitorId())\n  const [sessionId] = useState(() => getOrCreateSessionId())\n\n  // Page metadata bridge: Analytics writes, Signal reads\n  const pageMetadataRef = useRef<Record<string, unknown> | null>(null)\n  const onPageMetadata = useCallback((metadata: Record<string, unknown>) => {\n    pageMetadataRef.current = metadata\n  }, [])\n\n  let content = <>{children}</>\n\n  // Wrap with SignalBridge if enabled.\n  // NOTE: SignalBridge still wraps {content} and is dynamic(ssr:false) — the\n  // same SSR-de-opt caveat as Analytics applies. It is left wrapping because\n  // A/B experiment variant swapping may depend on enclosing page content; if a\n  // site enables `signal` and SSR breaks, convert this to a sibling too.\n  if (signal) {\n    const signalConfig: SignalConfig =\n      typeof signal === 'object' ? signal : {}\n    content = (\n      <LazySignalBridge\n        enabled\n        realtime={signalConfig.realtime !== false}\n        experiments={signalConfig.experiments !== false}\n        behaviorTracking={signalConfig.behaviorTracking !== false}\n        visitorId={visitorId}\n        sessionId={sessionId}\n        pageMetadataRef={pageMetadataRef}\n      >\n        {content}\n      </LazySignalBridge>\n    )\n  }\n\n  // Add Analytics if enabled (renders alongside, doesn't wrap).\n  //\n  // CRITICAL: LazyAnalyticsProvider is dynamic(..., { ssr: false }). Wrapping\n  // {content} inside an ssr:false component makes the entire page tree skip\n  // server rendering — the route de-opts to 100% client rendering and the\n  // hero / LCP element only paints after hydration (mobile LCP ~4s, Lighthouse\n  // ~85). Analytics tracks via effects + a metadata ref, so it never needs to\n  // wrap page content — mount it as a childless sibling, exactly like Engage.\n  if (analytics) {\n    content = (\n      <>\n        {content}\n        <Suspense fallback={null}>\n          <LazyAnalyticsProvider\n            apiUrl={apiUrl}\n            apiKey={apiKey}\n            site={site}\n            trackPageViews={analyticsConfig.trackPageViews !== false}\n            trackWebVitals={analyticsConfig.trackWebVitals !== false}\n            trackScrollDepth={analyticsConfig.trackScrollDepth !== false}\n            trackClicks={analyticsConfig.trackClicks !== false}\n            debug={debug}\n            externalVisitorId={visitorId}\n            externalSessionId={sessionId}\n            onPageMetadata={onPageMetadata}\n          />\n        </Suspense>\n      </>\n    )\n  }\n\n  // Add Engage widget if enabled (renders alongside, doesn't wrap)\n  if (engage) {\n    const engageConfig: EngageConfig =\n      typeof engage === 'object' ? engage : {}\n    content = (\n      <>\n        {content}\n        <LazyEngageWidget\n          apiUrl={apiUrl}\n          apiKey={apiKey}\n          projectId={projectId}\n          position={engageConfig.position || 'bottom-right'}\n          chatEnabled={engageConfig.chatEnabled !== false}\n        />\n      </>\n    )\n  }\n\n  // Add SitemapSync if enabled\n  if (sitemapSync) {\n    content = (\n      <>\n        {content}\n        <LazySitemapSync debug={debug} />\n      </>\n    )\n  }\n\n  return (\n    <SiteKitIdentityProvider visitorId={visitorId} sessionId={sessionId}>\n      {content}\n    </SiteKitIdentityProvider>\n  )\n}\n"]}
+{"version":3,"sources":["../src/shared/identity.tsx","../src/layout/SiteKitClientProviders.tsx"],"names":["createContext","useMemo","jsx","dynamic","useState","useRef","useCallback","Fragment","jsxs","Suspense"],"mappings":"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","file":"chunk-FMI65E5Y.js","sourcesContent":["/**\n * @sonordev/site-kit/shared — Unified Identity Management\n *\n * Single source of truth for visitor and session IDs across\n * Analytics, Signal, and Engage modules.\n *\n * Storage keys:\n *   localStorage:    _sk_vid   (visitor ID, persists ~forever)\n *   sessionStorage:  _sk_sid   (session ID, per-tab)\n *   sessionStorage:  _sk_stime (last activity timestamp for timeout)\n *\n * Storage keys are prefixed with `_sk_*`.\n */\n\n'use client'\n\nimport React, { createContext, useContext, useMemo } from 'react'\n\n// ============================================\n// ID Generation\n// ============================================\n\nfunction generateId(): string {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) {\n    return crypto.randomUUID()\n  }\n  // Fallback for older environments\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n    const r = (Math.random() * 16) | 0\n    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16)\n  })\n}\n\n/**\n * Get or create a persistent visitor ID.\n * Stored in localStorage under `_sk_vid`.\n */\nexport function getOrCreateVisitorId(): string {\n  if (typeof window === 'undefined') return ''\n\n  let visitorId = localStorage.getItem('_sk_vid')\n\n  if (!visitorId) {\n    visitorId = generateId()\n  }\n\n  localStorage.setItem('_sk_vid', visitorId)\n  return visitorId\n}\n\n/**\n * Get or create a session ID with inactivity timeout.\n * Stored in sessionStorage under `_sk_sid`.\n * Session expires after `timeoutMinutes` of inactivity (default 30).\n */\nexport function getOrCreateSessionId(timeoutMinutes = 30): string {\n  if (typeof window === 'undefined') return ''\n\n  const now = Date.now()\n  const timeoutMs = timeoutMinutes * 60 * 1000\n\n  const existingSession = sessionStorage.getItem('_sk_sid')\n  const lastActivity = sessionStorage.getItem('_sk_stime')\n\n  if (existingSession && lastActivity) {\n    const elapsed = now - parseInt(lastActivity, 10)\n    if (elapsed < timeoutMs) {\n      // Session still active — refresh timestamp\n      sessionStorage.setItem('_sk_stime', now.toString())\n      sessionStorage.setItem('_sk_sid', existingSession)\n      return existingSession\n    }\n  }\n\n  // New session (first visit or timeout expired)\n  const newSession = generateId()\n  sessionStorage.setItem('_sk_sid', newSession)\n  sessionStorage.setItem('_sk_stime', now.toString())\n  return newSession\n}\n\n// ============================================\n// React Context\n// ============================================\n\nexport interface SiteKitIdentity {\n  visitorId: string\n  sessionId: string\n}\n\nconst SiteKitIdentityContext = createContext<SiteKitIdentity | null>(null)\n\nexport interface SiteKitIdentityProviderProps {\n  visitorId: string\n  sessionId: string\n  children: React.ReactNode\n}\n\nexport function SiteKitIdentityProvider({\n  visitorId,\n  sessionId,\n  children,\n}: SiteKitIdentityProviderProps) {\n  const value = useMemo(() => ({ visitorId, sessionId }), [visitorId, sessionId])\n\n  return (\n    <SiteKitIdentityContext.Provider value={value}>\n      {children}\n    </SiteKitIdentityContext.Provider>\n  )\n}\n\n/**\n * Access the shared visitor/session identity.\n * Falls back to generating IDs directly if used outside of SiteKitIdentityProvider.\n */\nexport function useSiteKitIdentity(): SiteKitIdentity {\n  const context = useContext(SiteKitIdentityContext)\n  if (context) return context\n\n  // Fallback for standalone usage outside SiteKitLayout\n  return {\n    visitorId: getOrCreateVisitorId(),\n    sessionId: getOrCreateSessionId(),\n  }\n}\n","'use client'\n\n/**\n * SiteKitClientProviders — Client Island\n *\n * This is the 'use client' boundary for SiteKitLayout.\n * It composes the client-only providers (Analytics, Engage, Signal, SitemapSync)\n * that require React context or browser APIs.\n *\n * All modules are lazy-loaded via next/dynamic so their JS is only downloaded\n * when the feature is enabled — keeping the initial bundle lightweight.\n *\n * All modules share a unified identity (visitor ID + session ID) via\n * SiteKitIdentityProvider, ensuring consistent tracking across Analytics,\n * Signal, and Engage.\n *\n * Props are passed down from the server-side SiteKitLayout component,\n * which reads env vars at render time.\n */\n\nimport React, { Suspense, useCallback, useRef, useState, type ReactNode } from 'react'\nimport dynamic from 'next/dynamic'\nimport {\n  SiteKitIdentityProvider,\n  getOrCreateVisitorId,\n  getOrCreateSessionId,\n} from '../shared/identity'\nimport type { AnalyticsConfig, EngageConfig, SignalConfig } from './types'\n\n// Lazy-load feature modules — JS only downloaded when feature is enabled\nconst LazyAnalyticsProvider = dynamic(\n  () => import('../analytics/AnalyticsProvider').then(m => ({ default: m.AnalyticsProvider })),\n  { ssr: false },\n)\nconst LazyEngageWidget = dynamic(\n  () => import('../engage/EngageWidget').then(m => ({ default: m.EngageWidget })),\n  { ssr: false },\n)\nconst LazySignalBridge = dynamic(\n  () => import('../signal/SignalBridge').then(m => ({ default: m.SignalBridge })),\n  { ssr: false },\n)\nconst LazySitemapSync = dynamic(\n  () => import('../SitemapSync').then(m => ({ default: m.SitemapSync })),\n  { ssr: false },\n)\n\nexport interface SiteKitClientProvidersProps {\n  children: ReactNode\n  apiKey: string\n  apiUrl: string\n  projectId?: string\n  analytics?: boolean | AnalyticsConfig\n  engage?: boolean | EngageConfig\n  signal?: boolean | SignalConfig\n  sitemapSync?: boolean\n  debug?: boolean\n}\n\nexport function SiteKitClientProviders({\n  children,\n  apiKey,\n  apiUrl,\n  projectId,\n  analytics = true,\n  engage = true,\n  signal = false,\n  sitemapSync = true,\n  debug = false,\n}: SiteKitClientProvidersProps) {\n  // Hoist analytics config so the `site` dimension is resolvable up here.\n  const analyticsConfig: AnalyticsConfig =\n    typeof analytics === 'object' ? analytics : {}\n\n  // Resolve the sub-site identifier — the dimension that lets one Sonor project\n  // host many sites (e.g. truepowersystems.com + ohiopowerstudies.com under one\n  // TPS project). Precedence: explicit `analytics.site` > NEXT_PUBLIC_SITE_URL\n  // host > window.location.host. Always a string (possibly empty).\n  const explicitSite = analyticsConfig.site\n  const envSiteUrl =\n    typeof process !== 'undefined'\n      ? process.env.NEXT_PUBLIC_SITE_URL\n      : undefined\n  let resolvedSite = explicitSite ?? ''\n  if (!resolvedSite && envSiteUrl) {\n    try {\n      resolvedSite = new URL(envSiteUrl).host\n    } catch {\n      /* malformed URL — fall through to client-side host */\n    }\n  }\n  if (!resolvedSite && typeof window !== 'undefined') {\n    resolvedSite = window.location.host\n  }\n  const site = resolvedSite\n\n  // Set window globals for modules that still read from them.\n  if (typeof window !== 'undefined') {\n    ;(window as any).__SITE_KIT_API_URL__ = apiUrl\n    ;(window as any).__SITE_KIT_API_KEY__ = apiKey\n    ;(window as any).__SITE_KIT_DEBUG__ = debug\n    ;(window as any).__SITE_KIT_SITE__ = site\n  }\n\n  // Unified identity — single source of truth for all modules\n  const [visitorId] = useState(() => getOrCreateVisitorId())\n  const [sessionId] = useState(() => getOrCreateSessionId())\n\n  // Page metadata bridge: Analytics writes, Signal reads\n  const pageMetadataRef = useRef<Record<string, unknown> | null>(null)\n  const onPageMetadata = useCallback((metadata: Record<string, unknown>) => {\n    pageMetadataRef.current = metadata\n  }, [])\n\n  let content = <>{children}</>\n\n  // Wrap with SignalBridge if enabled.\n  // NOTE: SignalBridge still wraps {content} and is dynamic(ssr:false) — the\n  // same SSR-de-opt caveat as Analytics applies. It is left wrapping because\n  // A/B experiment variant swapping may depend on enclosing page content; if a\n  // site enables `signal` and SSR breaks, convert this to a sibling too.\n  if (signal) {\n    const signalConfig: SignalConfig =\n      typeof signal === 'object' ? signal : {}\n    content = (\n      <LazySignalBridge\n        enabled\n        realtime={signalConfig.realtime !== false}\n        experiments={signalConfig.experiments !== false}\n        behaviorTracking={signalConfig.behaviorTracking !== false}\n        visitorId={visitorId}\n        sessionId={sessionId}\n        pageMetadataRef={pageMetadataRef}\n      >\n        {content}\n      </LazySignalBridge>\n    )\n  }\n\n  // Add Analytics if enabled (renders alongside, doesn't wrap).\n  //\n  // CRITICAL: LazyAnalyticsProvider is dynamic(..., { ssr: false }). Wrapping\n  // {content} inside an ssr:false component makes the entire page tree skip\n  // server rendering — the route de-opts to 100% client rendering and the\n  // hero / LCP element only paints after hydration (mobile LCP ~4s, Lighthouse\n  // ~85). Analytics tracks via effects + a metadata ref, so it never needs to\n  // wrap page content — mount it as a childless sibling, exactly like Engage.\n  if (analytics) {\n    content = (\n      <>\n        {content}\n        <Suspense fallback={null}>\n          <LazyAnalyticsProvider\n            apiUrl={apiUrl}\n            apiKey={apiKey}\n            site={site}\n            trackPageViews={analyticsConfig.trackPageViews !== false}\n            trackWebVitals={analyticsConfig.trackWebVitals !== false}\n            trackScrollDepth={analyticsConfig.trackScrollDepth !== false}\n            trackClicks={analyticsConfig.trackClicks !== false}\n            debug={debug}\n            externalVisitorId={visitorId}\n            externalSessionId={sessionId}\n            onPageMetadata={onPageMetadata}\n          />\n        </Suspense>\n      </>\n    )\n  }\n\n  // Add Engage widget if enabled (renders alongside, doesn't wrap)\n  if (engage) {\n    const engageConfig: EngageConfig =\n      typeof engage === 'object' ? engage : {}\n    content = (\n      <>\n        {content}\n        <LazyEngageWidget\n          apiUrl={apiUrl}\n          apiKey={apiKey}\n          projectId={projectId}\n          position={engageConfig.position || 'bottom-right'}\n          chatEnabled={engageConfig.chatEnabled !== false}\n        />\n      </>\n    )\n  }\n\n  // Add SitemapSync if enabled\n  if (sitemapSync) {\n    content = (\n      <>\n        {content}\n        <LazySitemapSync debug={debug} />\n      </>\n    )\n  }\n\n  return (\n    <SiteKitIdentityProvider visitorId={visitorId} sessionId={sessionId}>\n      {content}\n    </SiteKitIdentityProvider>\n  )\n}\n"]}

package/dist/{chunk-SLJJJWMV.js → chunk-FPU2QPO4.js}

@@ -1,6 +1,7 @@
 'use client';
 'use strict';
 
+var chunkMLJXELPA_js = require('./chunk-MLJXELPA.js');
 var React2 = require('react');
 var ReactDOM = require('react-dom');
 var navigation = require('next/navigation');
@@ -13,7 +14,260 @@ var React2__default = /*#__PURE__*/_interopDefault(React2);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
 
-// src/engage/EngageWidget.tsx
+function alpha(rgb, a) {
+  return `rgba(var(--sk-primary-rgb, ${rgb}), ${a})`;
+}
+function asString(v) {
+  return typeof v === "string" && v.trim() ? v : void 0;
+}
+function asRecord(v) {
+  return v && typeof v === "object" && !Array.isArray(v) ? v : void 0;
+}
+function isNavigable(action) {
+  return /^(https?:\/\/|\/|#|tel:|mailto:)/i.test(action.trim());
+}
+var DISPLAY_ONLY = ["heading", "section_header", "paragraph"];
+function InlineManagedForm({ slug, prefill, primaryColor, primaryRgb }) {
+  const {
+    form,
+    isLoading,
+    fetchError,
+    submitError,
+    visibleFields,
+    values,
+    errors,
+    setFieldValue,
+    submit,
+    isSubmitting,
+    isComplete
+  } = chunkMLJXELPA_js.useForm(slug, { initialValues: prefill || {} });
+  const cardStyle = {
+    marginTop: 8,
+    padding: 12,
+    borderRadius: 12,
+    border: `1px solid ${alpha(primaryRgb, 0.25)}`,
+    backgroundColor: alpha(primaryRgb, 0.04)
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: cardStyle, children: /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0, fontSize: 13, color: "var(--sk-text-tertiary, #9ca3af)" }, children: "Loading form\u2026" }) });
+  }
+  if (fetchError || !form) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: cardStyle, children: /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0, fontSize: 13, color: "var(--sk-text-tertiary, #9ca3af)" }, children: "This form is unavailable right now." }) });
+  }
+  if (isComplete) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: cardStyle, role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0, fontSize: 13.5, color: "var(--sk-text-primary, #111827)", lineHeight: 1.5 }, children: form.success_message }) });
+  }
+  const inputBase = {
+    width: "100%",
+    padding: "8px 10px",
+    borderRadius: 8,
+    // Longhand (not the `border` shorthand) so the error-state `borderColor`
+    // override doesn't mix shorthand+longhand and trigger React's style warning.
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: "var(--sk-border, #e5e7eb)",
+    backgroundColor: "var(--sk-bg, #ffffff)",
+    color: "var(--sk-text-primary, #111827)",
+    fontSize: 13.5,
+    boxSizing: "border-box",
+    outline: "none"
+  };
+  const renderField = (field) => {
+    const value = values[field.slug];
+    const strValue = value == null ? "" : String(value);
+    const err = errors[field.slug];
+    const labelEl = !field.hide_label && field.label ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        htmlFor: `echo-form-${form.id}-${field.slug}`,
+        style: { display: "block", fontSize: 12.5, fontWeight: 600, marginBottom: 4, color: "var(--sk-text-secondary, #4b5563)" },
+        children: [
+          field.label,
+          field.is_required ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "var(--sk-error, #ef4444)" }, children: " *" }) : null
+        ]
+      }
+    ) : null;
+    const id = `echo-form-${form.id}-${field.slug}`;
+    const common = {
+      id,
+      placeholder: field.placeholder || (field.hide_label ? field.label : void 0),
+      "aria-invalid": !!err,
+      style: { ...inputBase, ...err ? { borderColor: "var(--sk-error, #ef4444)" } : {} }
+    };
+    let control;
+    switch (field.field_type) {
+      case "textarea":
+        control = /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            ...common,
+            rows: 3,
+            value: strValue,
+            onChange: (e) => setFieldValue(field.slug, e.target.value),
+            style: { ...common.style, resize: "vertical" }
+          }
+        );
+        break;
+      case "select":
+        control = /* @__PURE__ */ jsxRuntime.jsxs("select", { ...common, value: strValue, onChange: (e) => setFieldValue(field.slug, e.target.value), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: field.placeholder || "Select\u2026" }),
+          (field.options || []).map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value))
+        ] });
+        break;
+      case "radio":
+        control = /* @__PURE__ */ jsxRuntime.jsx("div", { role: "radiogroup", style: { display: "flex", flexDirection: "column", gap: 4 }, children: (field.options || []).map((opt) => /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "center", gap: 6, fontSize: 13, cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "radio",
+              name: id,
+              checked: strValue === opt.value,
+              onChange: () => setFieldValue(field.slug, opt.value)
+            }
+          ),
+          opt.label
+        ] }, opt.value)) });
+        break;
+      case "checkbox":
+        control = /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "center", gap: 6, fontSize: 13, cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: value === true || value === "true",
+              onChange: (e) => setFieldValue(field.slug, e.target.checked)
+            }
+          ),
+          field.placeholder || field.label
+        ] });
+        break;
+      default: {
+        const typeMap = {
+          email: "email",
+          phone: "tel",
+          tel: "tel",
+          number: "number",
+          date: "date",
+          time: "time",
+          datetime: "datetime-local"
+        };
+        control = /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ...common,
+            type: typeMap[field.field_type] || "text",
+            value: strValue,
+            onChange: (e) => setFieldValue(field.slug, e.target.value)
+          }
+        );
+      }
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 8 }, children: [
+      field.field_type === "checkbox" ? null : labelEl,
+      control,
+      err ? /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "4px 0 0", fontSize: 11.5, color: "var(--sk-error, #ef4444)" }, children: err }) : null
+    ] }, field.id || field.slug);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      style: cardStyle,
+      onSubmit: (e) => {
+        e.preventDefault();
+        void submit();
+      },
+      children: [
+        form.name ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13.5, fontWeight: 600, marginBottom: 8, color: "var(--sk-text-primary, #111827)" }, children: form.name }) : null,
+        visibleFields.map((field) => {
+          if (field.field_type === "hidden") return null;
+          if (DISPLAY_ONLY.includes(field.field_type)) {
+            return /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "0 0 8px", fontSize: 12.5, color: "var(--sk-text-secondary, #4b5563)" }, children: field.label }, field.id || field.slug);
+          }
+          return renderField(field);
+        }),
+        submitError ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", style: { margin: "0 0 8px", fontSize: 12, color: "var(--sk-error, #ef4444)" }, children: submitError }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "submit",
+            disabled: isSubmitting,
+            style: {
+              width: "100%",
+              padding: "9px 14px",
+              borderRadius: 8,
+              border: "none",
+              backgroundColor: primaryColor,
+              color: "#fff",
+              fontSize: 13.5,
+              fontWeight: 600,
+              cursor: isSubmitting ? "default" : "pointer",
+              opacity: isSubmitting ? 0.7 : 1
+            },
+            children: isSubmitting ? "Sending\u2026" : form.submit_button_text || "Submit"
+          }
+        )
+      ]
+    }
+  );
+}
+function SuggestActionChip({ action, message, primaryColor, primaryRgb, onSuggest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onSuggest(action, message),
+      style: {
+        padding: "6px 12px",
+        borderRadius: 16,
+        border: `1px solid ${primaryColor}`,
+        backgroundColor: alpha(primaryRgb, 0.063),
+        color: primaryColor,
+        fontSize: 13,
+        cursor: "pointer"
+      },
+      children: message
+    }
+  );
+}
+function EchoUiActions({ actions, primaryColor, primaryRgb, onSuggest }) {
+  if (!actions?.length) return null;
+  const chips = actions.filter((a) => a?.type === "suggest_action");
+  const forms = actions.filter((a) => a?.type === "show_form");
+  if (!chips.length && !forms.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 8, display: "flex", flexDirection: "column", gap: 8 }, children: [
+    forms.map((a, i) => {
+      const slug = asString(a.data?.formSlug);
+      if (!slug) return null;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        InlineManagedForm,
+        {
+          slug,
+          prefill: asRecord(a.data?.prefill),
+          primaryColor,
+          primaryRgb
+        },
+        `form-${slug}-${i}`
+      );
+    }),
+    chips.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: chips.map((a, i) => {
+      const message = asString(a.data?.message);
+      const action = asString(a.data?.action);
+      const label = message || action;
+      if (!label) return null;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        SuggestActionChip,
+        {
+          action,
+          message: label,
+          primaryColor,
+          primaryRgb,
+          onSuggest
+        },
+        `chip-${i}`
+      );
+    }) }) : null
+  ] });
+}
 function getApiConfig() {
   const isDev = typeof process !== "undefined" && process.env?.NODE_ENV === "development";
   const defaultApiUrl = isDev && process.env?.SONOR_API_URL ? process.env.SONOR_API_URL : "https://api.sonor.io";
@@ -71,8 +325,8 @@ function hexToRgbString(hex, fallback = "59, 130, 246") {
   if (!match) return fallback;
   return `${parseInt(match[1], 16)}, ${parseInt(match[2], 16)}, ${parseInt(match[3], 16)}`;
 }
-function hexAlpha(rgbVar, alpha, fallbackRgb = "59, 130, 246") {
-  return `rgba(var(${rgbVar}, ${fallbackRgb}), ${alpha})`;
+function hexAlpha(rgbVar, alpha2, fallbackRgb = "59, 130, 246") {
+  return `rgba(var(${rgbVar}, ${fallbackRgb}), ${alpha2})`;
 }
 function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, signalUrl: propSignalUrl, suggested_questions: propSuggestedQuestions, assistant_name: propAssistantName, welcome_message: propWelcomeMessage, assistant_avatar: propAssistantAvatar }) {
   const [resolvedProjectId, setResolvedProjectId] = React2.useState(propProjectId || null);
@@ -268,11 +522,29 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
       const aiContent = data?.content ?? data?.response ?? data?.message ?? "I'm sorry, I couldn't process that.";
       const suggestions = data?.suggestions;
       const offerHandoff = data?.offerHandoff === true || data?.offer_handoff === true;
+      const uiActions = Array.isArray(data?.uiActions) ? data.uiActions.filter((a) => a && typeof a === "object" && typeof a.type === "string" && a.data && typeof a.data === "object") : void 0;
       const newConversationId = data?.conversationId ?? conversationId;
-      return { content: aiContent, suggestions, offerHandoff, conversationId: newConversationId };
+      return { content: aiContent, suggestions, offerHandoff, uiActions, conversationId: newConversationId };
     },
     [signalUrl, visitorId, fetchSiteContext]
   );
+  const pushEchoReply = React2.useCallback(
+    (reply, probeContent) => {
+      setMessages((prev) => [
+        ...prev,
+        {
+          id: `ai-${Date.now()}`,
+          role: "assistant",
+          content: reply.content,
+          timestamp: /* @__PURE__ */ new Date(),
+          ...reply.suggestions?.length ? { suggestions: reply.suggestions } : {},
+          ...reply.uiActions?.length ? { uiActions: reply.uiActions } : {},
+          ...reply.offerHandoff || userRequestedHandoff(probeContent) ? { offerHandoff: true } : {}
+        }
+      ]);
+    },
+    []
+  );
   const handleSocketMessage = React2.useCallback((data) => {
     switch (data.type || data.event) {
       case "message": {
@@ -475,19 +747,8 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
             { id: `u-${Date.now()}`, role: "user", content: pending, timestamp: /* @__PURE__ */ new Date() }
           ]);
           try {
-            const { content: aiContent, suggestions, offerHandoff } = await sendToSignalApi(pending, id);
-            const userWantsHandoff = userRequestedHandoff(pending);
-            setMessages((prev) => [
-              ...prev,
-              {
-                id: `ai-${Date.now()}`,
-                role: "assistant",
-                content: aiContent,
-                timestamp: /* @__PURE__ */ new Date(),
-                ...suggestions?.length ? { suggestions } : {},
-                ...offerHandoff || userWantsHandoff ? { offerHandoff: true } : {}
-              }
-            ]);
+            const reply = await sendToSignalApi(pending, id);
+            pushEchoReply(reply, pending);
           } catch (err) {
             console.error("[ChatWidget] Signal API error:", err);
             setMessages((prev) => [
@@ -530,7 +791,7 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
     return () => {
       if (pollingIntervalRef.current) clearInterval(pollingIntervalRef.current);
     };
-  }, [isOpen, showWelcome, checkingAvailability, showOfflineForm, sessionId, initSession, connectSocket, sendToSignalApi]);
+  }, [isOpen, showWelcome, checkingAvailability, showOfflineForm, sessionId, initSession, connectSocket, sendToSignalApi, pushEchoReply]);
   const handleToggle = React2.useCallback(() => {
     setIsOpen((prev) => !prev);
   }, []);
@@ -622,19 +883,9 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
       setIsLoading(true);
       if (widgetConfig?.signal_enabled && !isHandedOff && hasText) {
         try {
-          const { content: aiContent, suggestions, offerHandoff } = await sendToSignalApi(content, sessionId);
+          const reply = await sendToSignalApi(content, sessionId);
           const lastUserContent = messages.filter((m) => m.role === "user").slice(-1)[0]?.content ?? "";
-          setMessages((prev) => [
-            ...prev,
-            {
-              id: `ai-${Date.now()}`,
-              role: "assistant",
-              content: aiContent,
-              timestamp: /* @__PURE__ */ new Date(),
-              ...suggestions?.length ? { suggestions } : {},
-              ...offerHandoff || userRequestedHandoff(lastUserContent) ? { offerHandoff: true } : {}
-            }
-          ]);
+          pushEchoReply(reply, lastUserContent);
         } catch (err) {
           console.error("[ChatWidget] Signal API error:", err);
           setMessages((prev) => [
@@ -670,7 +921,52 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
         }
       }, 3e3);
     },
-    [inputValue, isLoading, pendingFiles, uploadWidgetFile, widgetConfig?.signal_enabled, isHandedOff, sendToSignalApi, sessionId]
+    [inputValue, isLoading, pendingFiles, uploadWidgetFile, widgetConfig?.signal_enabled, isHandedOff, sendToSignalApi, sessionId, pushEchoReply]
+  );
+  const sendEchoText = React2.useCallback(
+    async (text) => {
+      const content = text.trim();
+      if (!content || isLoading) return;
+      setMessages((prev) => [
+        ...prev,
+        { id: `user-${Date.now()}`, role: "user", content, timestamp: /* @__PURE__ */ new Date() }
+      ]);
+      setIsLoading(true);
+      try {
+        const reply = await sendToSignalApi(content, sessionId);
+        pushEchoReply(reply, content);
+      } catch (err) {
+        console.error("[ChatWidget] Signal API error:", err);
+        setMessages((prev) => [
+          ...prev,
+          {
+            id: `err-${Date.now()}`,
+            role: "assistant",
+            content: "I apologize, but I encountered an error. Would you like to speak with a team member?",
+            timestamp: /* @__PURE__ */ new Date(),
+            suggestions: ["Talk to a person", "Try again"],
+            offerHandoff: true
+          }
+        ]);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [isLoading, sessionId, sendToSignalApi, pushEchoReply]
+  );
+  const handleSuggestAction = React2.useCallback(
+    (action, message) => {
+      const a = (action || "").trim();
+      if (a && isNavigable(a)) {
+        if (typeof window !== "undefined") {
+          if (/^https?:\/\//i.test(a)) window.open(a, "_blank", "noopener,noreferrer");
+          else window.location.href = a;
+        }
+        return;
+      }
+      if (message?.trim()) void sendEchoText(message);
+    },
+    [sendEchoText]
   );
   const retryFailedSend = React2.useCallback(() => {
     if (!lastFailedSend || !sessionId) return;
@@ -1148,6 +1444,15 @@ function ChatWidget({ projectId: propProjectId, config, apiUrl: propApiUrl, sign
                     },
                     i
                   )) }) : null,
+                  message.uiActions?.length ? /* @__PURE__ */ jsxRuntime.jsx(
+                    EchoUiActions,
+                    {
+                      actions: message.uiActions,
+                      primaryColor,
+                      primaryRgb,
+                      onSuggest: handleSuggestAction
+                    }
+                  ) : null,
                   message.sendFailed && lastFailedSend && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ jsxRuntime.jsx(
                     "button",
                     {
@@ -2022,5 +2327,5 @@ function getDeviceType() {
 exports.ChatWidget = ChatWidget;
 exports.DesignRenderer = DesignRenderer;
 exports.EngageWidget = EngageWidget;
-//# sourceMappingURL=chunk-SLJJJWMV.js.map
-//# sourceMappingURL=chunk-SLJJJWMV.js.map
+//# sourceMappingURL=chunk-FPU2QPO4.js.map
+//# sourceMappingURL=chunk-FPU2QPO4.js.map