import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import { F as FeatureHighlights, U as Users, K as KeyPointsList } from "./index.js";
import "react";
import { I as InfoCard } from "./index2.js";
import { D as DollarSign } from "./dollar-sign.js";
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return jsxs(Fragment, {
    children: [jsx(FeatureHighlights, {
      cardTitle: "Revenue Attribution vs Customer Attribution",
      cardDescription: "Revenue and customer counts use different attribution logic, which is why a sale can appear attributed to one sources while the customer affiliated with that sale is attributed to a different source. This will not always be the case, but it is important to understand why it may happen.",
      cardIcon: DollarSign,
      columns: 2,
      highlights: [{
        icon: DollarSign,
        title: "Measured Revenue",
        description: "Last-touch: the most recent marketing interaction before purchase gets credit"
      }, {
        icon: Users,
        title: "New Customers",
        description: "First-touch: the customer's very first visit ever gets permanent credit"
      }]
    }), "\n", jsx(InfoCard, {
      title: "A concrete example",
      description: "How the same customer can appear in two different places",
      icon: Users,
      variant: "highlighted",
      children: jsxs("div", {
        className: "space-y-4 text-sm",
        children: [jsx("p", {
          className: "text-muted-foreground",
          children: jsx(_components.p, {
            children: "Imagine a customer who first found you through a Google Ad six months ago, then came back last\nweek by clicking a Facebook Ad before buying."
          })
        }), jsxs("div", {
          className: "space-y-2",
          children: [jsxs("div", {
            className: "flex items-start gap-3",
            children: [jsx("div", {
              className: "w-2 h-2 rounded-full bg-blue-500 mt-2 flex-shrink-0"
            }), jsx("p", {
              children: jsxs(_components.p, {
                children: [jsx("span", {
                  className: "font-medium",
                  children: "Measured Revenue"
                }), " attributes this sale to", " ", "\n", jsx("span", {
                  className: "font-medium",
                  children: "Facebook Ads"
                }), " — the last paid click before purchase."]
              })
            })]
          }), jsxs("div", {
            className: "flex items-start gap-3",
            children: [jsx("div", {
              className: "w-2 h-2 rounded-full bg-blue-500 mt-2 flex-shrink-0"
            }), jsx("p", {
              children: jsxs(_components.p, {
                children: [jsx("span", {
                  className: "font-medium",
                  children: "New Customers"
                }), " attributes this customer to", " ", "\n", jsx("span", {
                  className: "font-medium",
                  children: "Google Ads"
                }), " — the very first interaction that brought\nthem to your site."]
              })
            })]
          })]
        }), jsx("p", {
          className: "text-muted-foreground",
          children: jsx(_components.p, {
            children: "These two data points simply answer different questions, but together paint a picture of how different marketing touchpoints affect your business."
          })
        })]
      })
    }), "\n", jsx(KeyPointsList, {
      title: "When to use each view",
      points: [{
        text: "Use Measured Revenue to understand which campaigns are directly driving purchases right now — it reflects what's converting customers at the moment of sale"
      }, {
        text: "Use New Customers to understand which channels are introducing new people to your business for the first time — it reflects where your audience discovery is coming from"
      }, {
        text: "It's normal for the same customer to appear under different sources in each view — this is expected behavior, not a data error"
      }],
      variant: "highlighted"
    })]
  });
}
function MDXContent(props = {}) {
  const { wrapper: MDXLayout } = props.components || {};
  return MDXLayout ? jsx(MDXLayout, {
    ...props,
    children: jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
export {
  MDXContent as default
};
