@sonordev/site-kit 6.4.0 → 7.0.0

package/dist/chunk-OPRBF7VE.js

@@ -0,0 +1,41 @@
+import { HoneypotField } from './chunk-DXO6SBMD.js';
+import { FormField } from './chunk-QPEEKFCA.js';
+import { normalizeFormConfig } from './chunk-5SQK3D53.js';
+import { DEFAULT_HONEYPOT_FIELD } from './chunk-NJCTQH2P.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function visibleStaticFields(config) {
+  const all = config.fields || [];
+  if (!config.is_multi_step) return all;
+  const firstStepId = config.steps?.[0]?.id;
+  return all.filter((f) => !f.step_id || f.step_id === firstStepId);
+}
+function StaticForm({ config: raw, className }) {
+  if (!raw) return null;
+  const config = normalizeFormConfig(raw);
+  const fields = visibleStaticFields(config);
+  const honeypotFieldName = config.honeypot_field || DEFAULT_HONEYPOT_FIELD;
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      "data-sk-state": "idle",
+      "data-sk-mount": "shell",
+      className: `sk-form ${className || ""}`,
+      method: "post",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "sk-form__step", children: /* @__PURE__ */ jsx("div", { className: "sk-form__fields", children: fields.map((field) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `sk-form__field-wrapper sk-form__field-wrapper--${field.width || "full"}`,
+            children: /* @__PURE__ */ jsx(FormField, { field, value: field.default_value ?? "" })
+          },
+          field.id || field.slug
+        )) }) }),
+        /* @__PURE__ */ jsx("div", { className: "sk-form__actions", style: { justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx("button", { type: "submit", className: "sk-form__btn sk-form__btn--submit", children: config.submit_button_text || "Submit" }) }),
+        config.honeypot_enabled && /* @__PURE__ */ jsx(HoneypotField, { name: honeypotFieldName })
+      ]
+    }
+  );
+}
+
+export { StaticForm };

package/dist/chunk-OSQHWIM5.js

@@ -0,0 +1,523 @@
+'use client';
+import { sonorFetch } from './chunk-4WI3FU5L.js';
+import { useState, useCallback, useEffect } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var isDevMode = () => {
+  if (typeof window === "undefined") return false;
+  return process.env.NODE_ENV === "development" || window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || new URLSearchParams(window.location.search).get("sonor_dev") === "true";
+};
+function ManagedImage({
+  apiKey = process.env.SONOR_API_KEY,
+  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
+  slotId,
+  pagePath,
+  alt,
+  className = "",
+  width,
+  height,
+  objectFit = "cover",
+  fallback,
+  placeholder,
+  onLoad,
+  onError,
+  priority,
+  style,
+  forceDevMode
+}) {
+  const [imageData, setImageData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [showPicker, setShowPicker] = useState(false);
+  const [devMode] = useState(() => forceDevMode || isDevMode());
+  const currentPath = pagePath ?? (typeof window !== "undefined" ? window.location.pathname : "/");
+  const fetchImage = useCallback(async () => {
+    if (!apiKey || !apiUrl) {
+      setLoading(false);
+      return;
+    }
+    try {
+      const params = new URLSearchParams({ page_path: currentPath });
+      const res = await sonorFetch(
+        `${apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
+        { headers: { "Content-Type": "application/json" } },
+        { apiKey }
+      );
+      if (!res.ok) {
+        throw new Error(`Failed to fetch image: ${res.status}`);
+      }
+      const data = await res.json();
+      setImageData(data.image);
+      setError(null);
+    } catch (err) {
+      console.warn("[ManagedImage] Fetch error:", err);
+      setError(err instanceof Error ? err : new Error(String(err)));
+      onError?.(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [apiKey, apiUrl, slotId, currentPath, onError]);
+  useEffect(() => {
+    fetchImage();
+  }, [fetchImage]);
+  const objectPosition = imageData ? `${imageData.focal_point_x}% ${imageData.focal_point_y}%` : "50% 50%";
+  const imageUrl = imageData?.public_url || imageData?.external_url || fallback;
+  const handleClick = (e) => {
+    if (devMode) {
+      e.preventDefault();
+      e.stopPropagation();
+      setShowPicker(true);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `bg-gray-200 animate-pulse ${className}`,
+        style: {
+          width: width ?? "100%",
+          height: height ?? 200,
+          ...style
+        }
+      }
+    );
+  }
+  if (!imageUrl) {
+    if (placeholder) {
+      return /* @__PURE__ */ jsx(Fragment, { children: placeholder });
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        onClick: handleClick,
+        className: `
+          bg-gray-100 border-2 border-dashed border-gray-300 
+          flex items-center justify-center text-gray-400
+          ${devMode ? "cursor-pointer hover:border-blue-400 hover:text-blue-500 hover:bg-blue-50" : ""}
+          ${className}
+        `,
+        style: {
+          width: width ?? "100%",
+          height: height ?? 200,
+          ...style
+        },
+        title: devMode ? `Click to add image for slot: ${slotId}` : void 0,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-center p-4", children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "w-12 h-12 mx-auto mb-2",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 1.5,
+                    d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+                  }
+                )
+              }
+            ),
+            devMode && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Click to add image" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs mt-1", children: slotId })
+          ] }),
+          showPicker && /* @__PURE__ */ jsx(
+            ImagePickerModal,
+            {
+              slotId,
+              pagePath: currentPath,
+              config: { apiKey, apiUrl },
+              onClose: () => setShowPicker(false),
+              onSelect: () => {
+                setShowPicker(false);
+                fetchImage();
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "relative", style: { width, height }, children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: imageUrl,
+        alt: imageData?.alt_text || alt || "",
+        title: imageData?.title || void 0,
+        "data-managed-image": "true",
+        "data-slot-id": slotId,
+        "data-page-path": currentPath,
+        className,
+        style: {
+          objectFit,
+          objectPosition,
+          width: width ?? "100%",
+          height: height ?? "auto",
+          ...style
+        },
+        onLoad,
+        onError: () => onError?.(new Error("Image failed to load")),
+        loading: priority ? "eager" : "lazy",
+        onClick: handleClick
+      }
+    ),
+    devMode && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute inset-0 bg-black/0 hover:bg-black/30 transition-colors cursor-pointer flex items-center justify-center opacity-0 hover:opacity-100",
+        onClick: handleClick,
+        children: /* @__PURE__ */ jsx("div", { className: "bg-white/90 px-3 py-1.5 rounded-lg shadow-lg text-sm font-medium text-gray-700", children: "Edit Image" })
+      }
+    ),
+    showPicker && /* @__PURE__ */ jsx(
+      ImagePickerModal,
+      {
+        slotId,
+        pagePath: currentPath,
+        config: { apiKey, apiUrl },
+        currentImage: imageData,
+        onClose: () => setShowPicker(false),
+        onSelect: () => {
+          setShowPicker(false);
+          fetchImage();
+        }
+      }
+    )
+  ] });
+}
+function ImagePickerModal({
+  slotId,
+  pagePath,
+  config,
+  currentImage,
+  onClose,
+  onSelect
+}) {
+  const [files, setFiles] = useState([]);
+  const [folders, setFolders] = useState([]);
+  const [currentFolder, setCurrentFolder] = useState("");
+  const [search, setSearch] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [uploading, setUploading] = useState(false);
+  const [altText, setAltText] = useState(currentImage?.alt_text || "");
+  const fetchFiles = useCallback(async () => {
+    if (!config?.apiKey || !config?.apiUrl) return;
+    setLoading(true);
+    try {
+      const params = new URLSearchParams();
+      if (currentFolder) params.set("folder", currentFolder);
+      if (search) params.set("search", search);
+      const res = await sonorFetch(
+        `${config.apiUrl}/public/images/files?${params}`,
+        { headers: { "Content-Type": "application/json" } },
+        { apiKey: config.apiKey }
+      );
+      if (res.ok) {
+        const data = await res.json();
+        setFiles(data.files || []);
+        setFolders(data.folders || []);
+      }
+    } catch (err) {
+      console.warn("[ImagePicker] Fetch error:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [config?.apiKey, config?.apiUrl, currentFolder, search]);
+  useEffect(() => {
+    fetchFiles();
+  }, [fetchFiles]);
+  const handleSelectFile = async (file) => {
+    if (!config?.apiKey || !config?.apiUrl) return;
+    try {
+      const res = await sonorFetch(
+        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            page_path: pagePath,
+            file_id: file.id,
+            alt_text: altText || file.filename
+          })
+        },
+        { apiKey: config.apiKey, retries: 0 }
+      );
+      if (res.ok) {
+        onSelect();
+      }
+    } catch (err) {
+      console.warn("[ImagePicker] Select error:", err);
+    }
+  };
+  const handleUpload = async (e) => {
+    const file = e.target.files?.[0];
+    if (!file || !config?.apiKey || !config?.apiUrl) return;
+    setUploading(true);
+    try {
+      const formData = new FormData();
+      formData.append("file", file);
+      formData.append("slot_id", slotId);
+      formData.append("page_path", pagePath);
+      formData.append("folder", currentFolder || "Website/Images");
+      if (altText) formData.append("alt_text", altText);
+      const res = await sonorFetch(`${config.apiUrl}/public/images/upload`, {
+        method: "POST",
+        body: formData
+      }, { apiKey: config.apiKey, retries: 0, timeoutMs: 6e4 });
+      if (res.ok) {
+        onSelect();
+      }
+    } catch (err) {
+      console.warn("[ImagePicker] Upload error:", err);
+    } finally {
+      setUploading(false);
+    }
+  };
+  const handleClear = async () => {
+    if (!config?.apiKey || !config?.apiUrl) return;
+    try {
+      const params = new URLSearchParams({ page_path: pagePath });
+      await sonorFetch(
+        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
+        { method: "DELETE" },
+        { apiKey: config.apiKey, retries: 0 }
+      );
+      onSelect();
+    } catch (err) {
+      console.warn("[ImagePicker] Clear error:", err);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-[99999] bg-black/50 flex items-center justify-center p-4",
+      onClick: onClose,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "bg-white rounded-xl shadow-2xl max-w-4xl w-full max-h-[90vh] overflow-hidden",
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Select Image" }),
+                /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500", children: [
+                  "Slot: ",
+                  slotId
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: onClose,
+                  className: "text-gray-400 hover:text-gray-600 p-2",
+                  children: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "p-4 overflow-y-auto", style: { maxHeight: "calc(90vh - 180px)" }, children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-4 mb-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    placeholder: "Search images...",
+                    value: search,
+                    onChange: (e) => setSearch(e.target.value),
+                    className: "w-full px-3 py-2 border rounded-lg text-sm"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs("label", { className: "px-4 py-2 bg-blue-600 text-white rounded-lg cursor-pointer hover:bg-blue-700 text-sm font-medium flex items-center gap-2", children: [
+                  uploading ? "Uploading..." : "Upload New",
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "file",
+                      accept: "image/*",
+                      onChange: handleUpload,
+                      disabled: uploading,
+                      className: "hidden"
+                    }
+                  )
+                ] }),
+                currentImage?.file_id && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleClear,
+                    className: "px-4 py-2 border border-red-200 text-red-600 rounded-lg hover:bg-red-50 text-sm",
+                    children: "Remove"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "text",
+                  placeholder: "Alt text for image...",
+                  value: altText,
+                  onChange: (e) => setAltText(e.target.value),
+                  className: "w-full px-3 py-2 border rounded-lg text-sm"
+                }
+              ) }),
+              folders.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-4 flex-wrap", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => setCurrentFolder(""),
+                    className: `px-3 py-1 text-sm rounded-full ${!currentFolder ? "bg-blue-100 text-blue-700" : "bg-gray-100 hover:bg-gray-200"}`,
+                    children: "All"
+                  }
+                ),
+                folders.map((folder) => /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => setCurrentFolder(folder),
+                    className: `px-3 py-1 text-sm rounded-full ${currentFolder === folder ? "bg-blue-100 text-blue-700" : "bg-gray-100 hover:bg-gray-200"}`,
+                    children: folder
+                  },
+                  folder
+                ))
+              ] }),
+              loading ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-4", children: [...Array(8)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "aspect-square bg-gray-200 rounded-lg animate-pulse" }, i)) }) : files.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-12 text-gray-500", children: [
+                /* @__PURE__ */ jsx("p", { children: "No images found" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm mt-1", children: "Upload a new image to get started" })
+              ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-4", children: files.map((file) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => handleSelectFile(file),
+                  className: `
+                    aspect-square rounded-lg overflow-hidden border-2 transition-all
+                    hover:border-blue-400 hover:shadow-lg
+                    ${currentImage?.file_id === file.id ? "border-blue-500 ring-2 ring-blue-200" : "border-gray-200"}
+                  `,
+                  children: /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: file.public_url,
+                      alt: file.filename,
+                      className: "w-full h-full object-cover"
+                    }
+                  )
+                },
+                file.id
+              )) })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "p-4 border-t bg-gray-50 flex justify-end", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: onClose,
+                className: "px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-lg text-sm",
+                children: "Cancel"
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/images/api.ts
+async function fetchManagedImage(config, slotId, pagePath) {
+  const params = new URLSearchParams();
+  if (pagePath) params.set("page_path", pagePath);
+  const res = await sonorFetch(
+    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
+    { headers: { "Content-Type": "application/json" } },
+    { apiKey: config.apiKey }
+  );
+  if (!res.ok) {
+    throw new Error(`Failed to fetch image: ${res.status}`);
+  }
+  return res.json();
+}
+async function fetchManagedImages(config, options) {
+  const params = new URLSearchParams();
+  if (options?.pagePath) params.set("page_path", options.pagePath);
+  if (options?.category) params.set("category", options.category);
+  if (options?.includePlaceholders) params.set("include_placeholders", "true");
+  const res = await sonorFetch(
+    `${config.apiUrl}/public/images?${params}`,
+    { headers: { "Content-Type": "application/json" } },
+    { apiKey: config.apiKey }
+  );
+  if (!res.ok) {
+    throw new Error(`Failed to fetch images: ${res.status}`);
+  }
+  return res.json();
+}
+async function listImageFiles(config, options) {
+  const params = new URLSearchParams();
+  if (options?.folder) params.set("folder", options.folder);
+  if (options?.search) params.set("search", options.search);
+  const res = await sonorFetch(
+    `${config.apiUrl}/public/images/files?${params}`,
+    { headers: { "Content-Type": "application/json" } },
+    { apiKey: config.apiKey }
+  );
+  if (!res.ok) {
+    throw new Error(`Failed to list files: ${res.status}`);
+  }
+  return res.json();
+}
+async function uploadImage(config, file, options) {
+  const formData = new FormData();
+  formData.append("file", file);
+  if (options?.slotId) formData.append("slot_id", options.slotId);
+  if (options?.pagePath) formData.append("page_path", options.pagePath);
+  if (options?.folder) formData.append("folder", options.folder);
+  if (options?.altText) formData.append("alt_text", options.altText);
+  const res = await sonorFetch(`${config.apiUrl}/public/images/upload`, {
+    method: "POST",
+    body: formData
+  }, { apiKey: config.apiKey, retries: 0, timeoutMs: 6e4 });
+  if (!res.ok) {
+    throw new Error(`Failed to upload image: ${res.status}`);
+  }
+  return res.json();
+}
+async function assignImageToSlot(config, slotId, options) {
+  const res = await sonorFetch(
+    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        page_path: options.pagePath,
+        file_id: options.fileId,
+        external_url: options.externalUrl,
+        alt_text: options.altText,
+        title: options.title,
+        caption: options.caption,
+        focal_point_x: options.focalPointX,
+        focal_point_y: options.focalPointY,
+        aspect_ratio: options.aspectRatio
+      })
+    },
+    { apiKey: config.apiKey, retries: 0 }
+  );
+  if (!res.ok) {
+    throw new Error(`Failed to assign image: ${res.status}`);
+  }
+  return res.json();
+}
+async function clearImageSlot(config, slotId, pagePath) {
+  const params = new URLSearchParams();
+  if (pagePath) params.set("page_path", pagePath);
+  const res = await sonorFetch(
+    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
+    { method: "DELETE" },
+    { apiKey: config.apiKey, retries: 0 }
+  );
+  if (!res.ok) {
+    throw new Error(`Failed to clear slot: ${res.status}`);
+  }
+  return res.json();
+}
+
+export { ManagedImage, assignImageToSlot, clearImageSlot, fetchManagedImage, fetchManagedImages, listImageFiles, uploadImage };

package/dist/chunk-OSYCOC3K.js

@@ -0,0 +1,21 @@
+// src/landing/contract.ts
+function normalizeCampaignSlug(input) {
+  if (!input || typeof input !== "string") return null;
+  const slug = input.trim().toLowerCase().replace(/[\s_]+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/-{2,}/g, "-").replace(/^-+|-+$/g, "").slice(0, 80);
+  return slug || null;
+}
+
+// src/landing/metadata.ts
+function landingPageMetadata(meta = {}) {
+  const callerRobots = meta.robots && typeof meta.robots === "object" ? meta.robots : void 0;
+  return {
+    ...meta,
+    robots: {
+      index: false,
+      follow: false,
+      ...callerRobots
+    }
+  };
+}
+
+export { landingPageMetadata, normalizeCampaignSlug };

package/dist/chunk-P5GB6NEO.js

@@ -0,0 +1,66 @@
+'use client';
+import { trackConversion } from './chunk-LCDVPAMR.js';
+import { useCallback, useEffect } from 'react';
+
+function useContactTracking(options = {}) {
+  const { autoTrack = true, debug = false } = options;
+  const trackPhoneClick = useCallback((phoneNumber, metadata) => {
+    if (debug) console.log("[Analytics] Phone click:", phoneNumber);
+    trackConversion({
+      type: "phone_call",
+      metadata: {
+        phoneNumber: phoneNumber.replace(/\D/g, ""),
+        // Normalize to digits
+        rawNumber: phoneNumber,
+        ...metadata
+      }
+    });
+  }, [debug]);
+  const trackEmailClick = useCallback((email, metadata) => {
+    if (debug) console.log("[Analytics] Email click:", email);
+    trackConversion({
+      type: "email_click",
+      metadata: {
+        email,
+        ...metadata
+      }
+    });
+  }, [debug]);
+  useEffect(() => {
+    if (!autoTrack || typeof document === "undefined") return;
+    const handleClick = (e) => {
+      const target = e.target;
+      const anchor = target.closest("a");
+      if (!anchor) return;
+      const href = anchor.getAttribute("href");
+      if (!href) return;
+      if (href.startsWith("tel:")) {
+        const phone = href.replace("tel:", "").trim();
+        trackPhoneClick(phone, {
+          linkText: anchor.textContent?.trim(),
+          source: "auto"
+        });
+      } else if (href.startsWith("mailto:")) {
+        const email = href.replace("mailto:", "").split("?")[0].trim();
+        trackEmailClick(email, {
+          linkText: anchor.textContent?.trim(),
+          source: "auto"
+        });
+      }
+    };
+    document.addEventListener("click", handleClick, { capture: true });
+    return () => {
+      document.removeEventListener("click", handleClick, { capture: true });
+    };
+  }, [autoTrack, trackPhoneClick, trackEmailClick]);
+  return {
+    trackPhoneClick,
+    trackEmailClick
+  };
+}
+function ContactTracking({ debug = false }) {
+  useContactTracking({ autoTrack: true, debug });
+  return null;
+}
+
+export { ContactTracking, useContactTracking };

package/dist/chunk-PKBMQBKP.js

@@ -0,0 +1,5 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+export { __publicField };