import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import { f as createLucideIcon, F as FeatureHighlights, g as ChartNoAxesColumn, T as TrendingUp, K as KeyPointsList } from "./index.js";
import "react";
import { I as InfoCard } from "./index2.js";
/**
 * @license lucide-react v0.464.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
const Globe = createLucideIcon("Globe", [
  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
  ["path", { d: "M2 12h20", key: "9i4pu4" }]
]);
/**
 * @license lucide-react v0.464.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
const Table = createLucideIcon("Table", [
  ["path", { d: "M12 3v18", key: "108xh3" }],
  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
  ["path", { d: "M3 9h18", key: "1pudct" }],
  ["path", { d: "M3 15h18", key: "5xshup" }]
]);
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return jsxs(Fragment, {
    children: [jsx(FeatureHighlights, {
      cardTitle: "What Channels Are",
      cardDescription: "A channel is the marketing source that brought a customer to your site. Your Channels tab shows how revenue is distributed across every source we track.",
      cardIcon: Globe,
      columns: 3,
      highlights: [{
        icon: ChartNoAxesColumn,
        title: "Paid Channels",
        description: "Google Ads, Meta Ads"
      }, {
        icon: Globe,
        title: "Organic Channels",
        description: "Organic search, direct visits, social referrals, and other non-paid sources"
      }, {
        icon: TrendingUp,
        title: "Unknown",
        description: "Purchases we couldn't trace back to any marketing touchpoint"
      }]
    }), "\n", jsx(InfoCard, {
      title: "Reading the Channels view",
      description: "How to interpret the pie chart and revenue breakdown table",
      icon: Globe,
      variant: "highlighted",
      children: jsxs("div", {
        className: "space-y-4 text-sm",
        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"
          }), jsxs("div", {
            children: [jsx("h5", {
              className: "font-medium",
              children: "Pie chart"
            }), jsx("p", {
              className: "text-muted-foreground",
              children: jsx(_components.p, {
                children: "Shows the proportional share of measured revenue by channel. A channel with a large slice\nis generating a large share of your attributable revenue."
              })
            })]
          })]
        }), 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"
          }), jsxs("div", {
            children: [jsx("h5", {
              className: "font-medium",
              children: "Revenue breakdown table"
            }), jsx("p", {
              className: "text-muted-foreground",
              children: jsx(_components.p, {
                children: "Below the pie chart is a sortable table that breaks down measured revenue row by row. Each\nrow represents one source, channel, or campaign depending on how you have grouped the data.\nA totals row at the bottom summarizes all visible rows."
              })
            })]
          })]
        })]
      })
    }), "\n", jsx(InfoCard, {
      title: "Reading the Revenue Breakdown Table",
      description: "What each column means and how to use the Group By selector",
      icon: Table,
      variant: "highlighted",
      children: jsxs("div", {
        className: "space-y-5 text-sm",
        children: [jsxs("div", {
          className: "space-y-3",
          children: [jsx("h5", {
            className: "font-medium",
            children: "Columns"
          }), jsxs("div", {
            className: "space-y-2 pl-1",
            children: [jsxs("div", {
              className: "flex items-start gap-2",
              children: [jsx("div", {
                className: "w-1.5 h-1.5 rounded-full bg-muted-foreground mt-1.5 flex-shrink-0"
              }), jsxs("p", {
                className: "text-muted-foreground",
                children: [jsx("span", {
                  className: "font-medium text-foreground",
                  children: "Source / Channel / Campaign"
                }), " — The first column label changes to match whichever grouping you have selected. This is what the revenue in that row is attributed to."]
              })]
            }), jsxs("div", {
              className: "flex items-start gap-2",
              children: [jsx("div", {
                className: "w-1.5 h-1.5 rounded-full bg-muted-foreground mt-1.5 flex-shrink-0"
              }), jsxs("p", {
                className: "text-muted-foreground",
                children: [jsx("span", {
                  className: "font-medium text-foreground",
                  children: "Transactions"
                }), " — The number of purchases attributed to that row. Use this alongside revenue to understand average order value per source."]
              })]
            }), jsxs("div", {
              className: "flex items-start gap-2",
              children: [jsx("div", {
                className: "w-1.5 h-1.5 rounded-full bg-muted-foreground mt-1.5 flex-shrink-0"
              }), jsxs("p", {
                className: "text-muted-foreground",
                children: [jsx("span", {
                  className: "font-medium text-foreground",
                  children: "Revenue"
                }), " — The total measured revenue attributed to that row for the selected date range."]
              })]
            }), jsxs("div", {
              className: "flex items-start gap-2",
              children: [jsx("div", {
                className: "w-1.5 h-1.5 rounded-full bg-muted-foreground mt-1.5 flex-shrink-0"
              }), jsxs("p", {
                className: "text-muted-foreground",
                children: [jsx("span", {
                  className: "font-medium text-foreground",
                  children: "Percentage"
                }), " — That row's share of your total measured revenue. A quick way to see which sources are dominating without doing the math yourself."]
              })]
            })]
          })]
        }), jsxs("div", {
          className: "space-y-3",
          children: [jsx("h5", {
            className: "font-medium",
            children: "Group By options"
          }), jsx("p", {
            className: "text-muted-foreground",
            children: "The dropdown in the top-right corner of the table controls how rows are grouped. Each option answers a different question:"
          }), jsxs("div", {
            className: "space-y-2 pl-1",
            children: [jsxs("div", {
              className: "flex items-start gap-2",
              children: [jsx("div", {
                className: "w-1.5 h-1.5 rounded-full bg-muted-foreground mt-1.5 flex-shrink-0"
              }), jsxs("p", {
                className: "text-muted-foreground",
                children: [jsx("span", {
                  className: "font-medium text-foreground",
                  children: "Source"
                }), " — Groups by the specific platform or tool that brought the customer, such as Google Ads, Facebook, or HubSpot. This is the default and the most granular paid-vs-organic view."]
              })]
            }), jsxs("div", {
              className: "flex items-start gap-2",
              children: [jsx("div", {
                className: "w-1.5 h-1.5 rounded-full bg-muted-foreground mt-1.5 flex-shrink-0"
              }), jsxs("p", {
                className: "text-muted-foreground",
                children: [jsx("span", {
                  className: "font-medium text-foreground",
                  children: "Channel"
                }), " — Groups by marketing channel type: Paid, Organic, Email, Social, Referral, etc. Use this for a high-level strategy view."]
              })]
            }), jsxs("div", {
              className: "flex items-start gap-2",
              children: [jsx("div", {
                className: "w-1.5 h-1.5 rounded-full bg-muted-foreground mt-1.5 flex-shrink-0"
              }), jsxs("p", {
                className: "text-muted-foreground",
                children: [jsx("span", {
                  className: "font-medium text-foreground",
                  children: "UTM Campaign"
                }), " — Groups by the ", jsx("code", {
                  className: "font-mono bg-muted px-1 rounded text-xs",
                  children: "utm_campaign"
                }), ' value in your tracking URLs. Useful if you tag your links with campaign names like "summer-sale" or "brand-awareness".']
              })]
            }), jsxs("div", {
              className: "flex items-start gap-2",
              children: [jsx("div", {
                className: "w-1.5 h-1.5 rounded-full bg-muted-foreground mt-1.5 flex-shrink-0"
              }), jsxs("p", {
                className: "text-muted-foreground",
                children: [jsx("span", {
                  className: "font-medium text-foreground",
                  children: "UTM Medium"
                }), " — Groups by the ", jsx("code", {
                  className: "font-mono bg-muted px-1 rounded text-xs",
                  children: "utm_medium"
                }), ' value, such as "email", "cpc", or "social". Helps you compare performance across broad marketing methods.']
              })]
            }), jsxs("div", {
              className: "flex items-start gap-2",
              children: [jsx("div", {
                className: "w-1.5 h-1.5 rounded-full bg-muted-foreground mt-1.5 flex-shrink-0"
              }), jsxs("p", {
                className: "text-muted-foreground",
                children: [jsx("span", {
                  className: "font-medium text-foreground",
                  children: "Referrer"
                }), " — Groups by the actual domain that sent the visitor, such as google.com or facebook.com. Useful for spotting unexpected traffic sources or measuring the value of partner websites."]
              })]
            })]
          })]
        }), jsx("p", {
          className: "text-muted-foreground",
          children: "All columns are sortable. Click any column header to rank rows by that value. You can also search the table to filter down to a specific source or campaign name."
        })]
      })
    }), "\n", jsx(KeyPointsList, {
      title: "Using channels to understand your customer mix",
      points: [{
        text: "A large organic search share means customers are finding you without paid ads — this lowers your overall cost per acquisition"
      }, {
        text: "A large direct traffic share can mean strong brand awareness, but it can also mean the snippet missed some ad click tracking — verify your setup if this seems unusually high"
      }, {
        text: "Use the Channels tab to decide where to invest: if one source has a high revenue share or high transaction count, it's a candidate for increased budget"
      }],
      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
};
