@salesmind-ai/design-system 0.1.6 → 0.1.8

package/dist/marketing/index.js

@@ -1,4 +1,4 @@
-import React47, { forwardRef, useState, useRef, useEffect, useMemo, useCallback, createContext, useContext } from 'react';
+import React47, { forwardRef, useState, useRef, useEffect, createContext, useMemo, useCallback, useContext } from 'react';
 import clsx39 from 'clsx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { motion, useInView } from 'framer-motion';
@@ -560,23 +560,138 @@ var PlatformBadge = forwardRef(
   }
 );
 PlatformBadge.displayName = "PlatformBadge";
+var UtmContext = createContext(null);
+
+// src/web/utm/useUtmDefaults.ts
+function useUtmDefaults() {
+  return useContext(UtmContext);
+}
+
+// src/web/utm/builders.ts
+var PLACEHOLDER_ORIGIN = "https://__placeholder__.internal";
+function buildUtmUrl(baseUrl, params) {
+  const isRelative = baseUrl.startsWith("/");
+  let url;
+  try {
+    url = isRelative ? new URL(baseUrl, PLACEHOLDER_ORIGIN) : new URL(baseUrl);
+  } catch {
+    return baseUrl;
+  }
+  const existingParams = [];
+  url.searchParams.forEach((value, key) => {
+    existingParams.push([key, value]);
+  });
+  for (const [key] of existingParams) {
+    url.searchParams.delete(key);
+  }
+  for (const [key, value] of existingParams) {
+    if (!key.startsWith("utm_")) {
+      url.searchParams.set(key, value);
+    }
+  }
+  url.searchParams.set("utm_source", params.source);
+  url.searchParams.set("utm_medium", params.medium);
+  url.searchParams.set("utm_campaign", params.campaign);
+  if (params.term !== void 0) {
+    url.searchParams.set("utm_term", params.term);
+  }
+  if (params.content !== void 0) {
+    url.searchParams.set("utm_content", params.content);
+  }
+  if (isRelative) {
+    return url.href.replace(PLACEHOLDER_ORIGIN, "");
+  }
+  return url.href;
+}
+
+// src/web/utm/classifiers.ts
+var INTERNAL_PATTERNS = [
+  /^\/(?!\/)/,
+  // Relative paths
+  /^https?:\/\/(www\.)?sales-mind\.ai/i,
+  // Marketing site
+  /^https?:\/\/app\.sales-mind\.ai/i,
+  // Web app
+  /^https?:\/\/apps\.sales-mind\.ai/i,
+  // Web app (legacy)
+  /^https?:\/\/meet\.sales-mind\.ai/i,
+  // Booking
+  /^https?:\/\/docs\.sales-mind\.ai/i
+  // Docs
+];
+var SYSTEM_PATTERNS = [
+  /^https?:\/\/.*\/api\//i,
+  // API endpoints
+  /^https?:\/\/.*\/webhook/i,
+  // Webhooks
+  /^https?:\/\/.*\/oauth/i,
+  // OAuth callbacks
+  /^https?:\/\/.*\/callback/i,
+  // Callbacks
+  /^https?:\/\/.*\.supabase\.(co|com)/i,
+  // Supabase
+  /^https?:\/\/.*\.firebaseapp\.com/i,
+  // Firebase
+  /^https?:\/\/.*\.cloudfunctions\.net/i
+  // Cloud Functions
+];
+var ASSET_PATTERNS = [
+  /\.(css|js|mjs|map|woff2?|ttf|eot|svg|png|jpe?g|gif|webp|avif|ico|pdf)(\?.*)?$/i
+];
+var CONVERSION_PATTERNS = [
+  /^https?:\/\/(www\.)?calendly\.com/i,
+  /^https?:\/\/(checkout\.)?stripe\.com/i,
+  /^https?:\/\/buy\.stripe\.com/i,
+  /^https?:\/\/chromewebstore\.google\.com/i,
+  /^https?:\/\/meet\.sales-mind\.ai/i
+];
+var PROTOCOL_EXEMPT = [
+  /^mailto:/i,
+  /^tel:/i,
+  /^#/,
+  /^javascript:/i
+];
+function classifyUrl(url) {
+  if (PROTOCOL_EXEMPT.some((p) => p.test(url))) return "protocol";
+  if (ASSET_PATTERNS.some((p) => p.test(url))) return "asset";
+  if (SYSTEM_PATTERNS.some((p) => p.test(url))) return "system";
+  if (CONVERSION_PATTERNS.some((p) => p.test(url))) return "conversion";
+  if (INTERNAL_PATTERNS.some((p) => p.test(url))) return "internal";
+  return "external";
+}
 
 // src/components/OutboundLink/outbound-link-utils.ts
-var CONSTANT_UTM_SOURCE = "salesmind";
+var LEGACY_UTM_SOURCE = "salesmind";
 var EXEMPT_PATTERNS = [
   /^https?:\/\/(www\.)?(stripe\.com|checkout\.stripe\.com|paypal\.com)/i,
   /^https?:\/\/(www\.)?github\.com\/login\/oauth/i
 ];
 var isExemptUrl = (urlStr) => {
   if (urlStr.startsWith("mailto:") || urlStr.startsWith("tel:")) return true;
+  const classification = classifyUrl(urlStr);
+  if (classification === "system" || classification === "protocol" || classification === "asset") {
+    return true;
+  }
   return EXEMPT_PATTERNS.some((pattern) => pattern.test(urlStr));
 };
+var appendGovernedUTMs = (href, params, preserveExisting = true) => {
+  try {
+    const url = new URL(href);
+    if (preserveExisting) {
+      const hasAll = url.searchParams.has("utm_source") && url.searchParams.has("utm_medium") && url.searchParams.has("utm_campaign");
+      if (hasAll) return href;
+    }
+    return buildUtmUrl(href, params);
+  } catch {
+    return href;
+  }
+};
 var appendUTMs = (href, context, pageSlug, options) => {
   try {
     const url = new URL(href);
     const { mediumOverride = "outbound_link", campaignOverride, preserveExisting = true } = options;
     const utms = {
-      utm_source: CONSTANT_UTM_SOURCE,
+      utm_source: LEGACY_UTM_SOURCE,
       utm_medium: mediumOverride,
       utm_campaign: campaignOverride || pageSlug,
       utm_content: context
@@ -603,10 +718,13 @@ var OutboundLink = forwardRef(
     preserveExistingUTM = true,
     openInNewTab = true,
     disableTracking = false,
+    utmParams,
     onClick,
     children,
     ...props
   }, ref) => {
+    const contextParams = useUtmDefaults();
+    const resolvedUtmParams = utmParams ?? contextParams;
     let hostname = "";
     try {
       const url = new URL(href);
@@ -631,16 +749,20 @@ var OutboundLink = forwardRef(
       }
       const isExempt = isExemptUrl(href) || disableTracking;
       if (isExternal && !isExempt) {
-        const pageSlug = window.location.pathname.replace(/^\/|\/$/g, "") || "home";
-        setFinalHref(appendUTMs(href, context, pageSlug, {
-          mediumOverride: currentMedium,
-          campaignOverride,
-          preserveExisting: preserveExistingUTM
-        }));
+        if (resolvedUtmParams) {
+          setFinalHref(appendGovernedUTMs(href, resolvedUtmParams, preserveExistingUTM));
+        } else {
+          const pageSlug = window.location.pathname.replace(/^\/|\/$/g, "") || "home";
+          setFinalHref(appendUTMs(href, context, pageSlug, {
+            mediumOverride: currentMedium,
+            campaignOverride,
+            preserveExisting: preserveExistingUTM
+          }));
+        }
       } else {
         setFinalHref(href);
       }
-    }, [href, context, mediumOverride, campaignOverride, preserveExistingUTM, disableTracking]);
+    }, [href, context, mediumOverride, campaignOverride, preserveExistingUTM, disableTracking, resolvedUtmParams]);
     const handleClick = (e) => {
       if (typeof window === "undefined" || disableTracking) {
         onClick?.(e);
@@ -913,17 +1035,6 @@ var LogoItemRender = ({ item, className }) => {
   ] });
   if (item.href) {
     const isInternal = item.href.startsWith("/");
-    if (isInternal) {
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: item.href,
-          className: clsx39("ds-social-logos__item", className),
-          title: item.alt,
-          children: innerContent
-        }
-      );
-    }
     return /* @__PURE__ */ jsx(
       OutboundLink,
       {
@@ -931,6 +1042,7 @@ var LogoItemRender = ({ item, className }) => {
         context: "social-proof-logo",
         className: clsx39("ds-social-logos__item", className),
         title: item.alt,
+        openInNewTab: !isInternal,
         children: innerContent
       }
     );