@embedreach/components 0.3.47 → 0.3.49

package/dist/chunks/CostPerLead.js

@@ -0,0 +1,82 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { T as TrendingUp, 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(InfoCard, {
+      title: "What is Cost Per Lead (CPL)?",
+      description: "How much you are spending in ads for every new lead your campaigns generate",
+      icon: DollarSign,
+      variant: "highlighted",
+      children: jsxs("div", {
+        className: "space-y-4 text-sm",
+        children: [jsx("p", {
+          className: "text-muted-foreground",
+          children: jsx(_components.p, {
+            children: "Cost Per Lead is calculated by dividing your total ad spend by the number of leads generated\nin the same period."
+          })
+        }), jsxs("div", {
+          className: "bg-muted rounded-lg p-3",
+          children: [jsx("p", {
+            className: "font-medium",
+            children: "Formula: Ad Spend divided by Leads = Cost Per Lead"
+          }), jsx("p", {
+            className: "text-muted-foreground mt-1",
+            children: jsx(_components.p, {
+              children: "Example: $500 spent on ads, 25 leads generated = $20 CPL"
+            })
+          })]
+        }), jsx("p", {
+          className: "text-muted-foreground",
+          children: jsx(_components.p, {
+            children: "You can find CPL in the Leads tab of your dashboard, broken down by channel and campaign."
+          })
+        })]
+      })
+    }), "\n", jsx(InfoCard, {
+      title: "Is your CPL healthy?",
+      description: "How to evaluate whether your cost per lead makes sense for your business",
+      icon: TrendingUp,
+      variant: "default",
+      intro: "There is no universal good CPL — it depends entirely on how much a customer is worth to your business.",
+      items: [{
+        title: "Compare CPL to your average order value",
+        description: "If a lead converts to a customer worth $500, a CPL of $50 is very healthy. A CPL of $400 leaves little margin."
+      }, {
+        title: "Factor in your lead-to-customer conversion rate",
+        description: "If only 10% of leads become customers, your effective cost per customer is 10x your CPL. Use this to set a CPL ceiling that keeps campaigns profitable."
+      }, {
+        title: "Compare CPL across channels",
+        description: "A channel with a lower CPL is delivering leads more efficiently. Use this to shift budget toward your most cost-effective sources."
+      }]
+    }), "\n", jsx(KeyPointsList, {
+      title: "Key things to remember",
+      points: [{
+        text: "CPL only counts leads we can attribute to an ad click — unattributed leads from direct visits are not included in the calculation"
+      }, {
+        text: "A rising CPL over time means your ads are becoming less efficient — investigate targeting, creative, or market saturation"
+      }, {
+        text: "A falling CPL is a good sign — more leads for the same spend means improved campaign performance"
+      }],
+      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
+};

package/dist/chunks/DataNotShowing.js

@@ -0,0 +1,107 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { T as TrendingUp, E as ExpandableScenarios } from "./index.js";
+import { I as InfoCard } from "./index2.js";
+import { C as CircleHelp } from "./circle-help.js";
+function _createMdxContent(props) {
+  return jsxs(Fragment, {
+    children: [jsx(InfoCard, {
+      title: "Before you start troubleshooting",
+      description: "Check these four things first — they cover the most common causes",
+      icon: TrendingUp,
+      variant: "highlighted",
+      items: [{
+        title: "Is the tracking snippet installed?",
+        description: "Your dashboard cannot show revenue attribution data without the snippet on your website. Check your website source code or use the testing guide to verify it is firing."
+      }, {
+        title: "Are your ad accounts connected?",
+        description: "Go to Settings and confirm at least one ad account is showing as connected. Without a connected ad account, spend data will not appear."
+      }, {
+        title: "Has enough time passed?",
+        description: "After connecting, it can take 24-48 hours for data to fully populate. If you connected recently, wait a day before investigating further."
+      }, {
+        title: "Does your selected date range include activity?",
+        description: "If you set the date range to a period before ads were connected or before the snippet was installed, there will be no data to show."
+      }]
+    }), "\n", jsx(ExpandableScenarios, {
+      title: "Specific scenarios",
+      description: "Find your situation and follow the steps",
+      icon: CircleHelp,
+      scenarios: [{
+        id: 1,
+        title: "Dashboard is completely empty",
+        description: "No metrics, no charts, nothing showing at all",
+        steps: [{
+          platform: "Check snippet",
+          action: "Installed?",
+          day: "Step 1",
+          color: "bg-blue-500"
+        }, {
+          platform: "Check ad accounts",
+          action: "Connected?",
+          day: "Step 2",
+          color: "bg-blue-500"
+        }, {
+          platform: "Check date range",
+          action: "Correct?",
+          day: "Step 3",
+          color: "bg-green-500"
+        }],
+        attribution: "Most likely cause: the tracking snippet is not installed or the ad accounts are not connected. Start with the snippet verification guide."
+      }, {
+        id: 2,
+        title: "Ad spend shows but no revenue",
+        description: "Spend and impressions appear, but measured revenue is zero",
+        steps: [{
+          platform: "Snippet present",
+          action: "Fires?",
+          day: "Step 1",
+          color: "bg-blue-500"
+        }, {
+          platform: "Purchase events",
+          action: "Firing?",
+          day: "Step 2",
+          color: "bg-blue-500"
+        }, {
+          platform: "Conversions exist",
+          action: "In period?",
+          day: "Step 3",
+          color: "bg-green-500"
+        }],
+        attribution: "Ad spend is coming from your connected ad accounts (working correctly). Missing revenue usually means that transactions are not coming in. Go to the Transactions tab and change the picker from Click Date to Transaction Date and verify that there is data. If there is not, contact support. If there is, double check that the snippet is installed correctly."
+      }, {
+        id: 3,
+        title: "Revenue from ads is much lower than expected or a high % of unknow attribution",
+        description: "Some revenue shows, but the numbers seem too low",
+        steps: [{
+          platform: "Snippet coverage",
+          action: "All pages?",
+          day: "Step 1",
+          color: "bg-blue-500"
+        }, {
+          platform: "Purchase events",
+          action: "All orders?",
+          day: "Step 2",
+          color: "bg-blue-500"
+        }, {
+          platform: "Unknown %",
+          action: "High?",
+          day: "Step 3",
+          color: "bg-amber-500"
+        }],
+        attribution: "Check that the snippet is installed on all pages (not just the homepage), and verify that every completed purchase is triggering a purchase event. Also ensure that you have your call tracking tool set up correctly, if you use one, or consider adding one if you do not already."
+      }]
+    })]
+  });
+}
+function MDXContent(props = {}) {
+  const { wrapper: MDXLayout } = props.components || {};
+  return MDXLayout ? jsx(MDXLayout, {
+    ...props,
+    children: jsx(_createMdxContent, {
+      ...props
+    })
+  }) : _createMdxContent();
+}
+export {
+  MDXContent as default
+};

package/dist/chunks/HowRevenueAttributionWorks.js

@@ -0,0 +1,156 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { F as FeatureHighlights, c as Calendar, d as Target, M as MousePointer, P as ProcessSteps, T as TrendingUp, E as ExpandableScenarios, e as Eye, K as KeyPointsList } from "./index.js";
+import { I as InfoCard } from "./index2.js";
+function _createMdxContent(props) {
+  return jsxs(Fragment, {
+    children: [jsx(FeatureHighlights, {
+      cardTitle: "Last-Click Attribution with Paid Priority",
+      cardDescription: "Paid ads always get priority. If we find any ad clicks in the 90 days before purchase, the most recent ad click gets all the credit. Otherwise, we use a priority system that favors attributed sources over direct traffic.",
+      cardIcon: Target,
+      highlights: [{
+        icon: Calendar,
+        title: "90-Day Window",
+        description: "We look back 90 days from purchase"
+      }, {
+        icon: Target,
+        title: "Paid Ads First",
+        description: "Ad clicks always get priority"
+      }, {
+        icon: MousePointer,
+        title: "Last-Click",
+        description: "Most recent interaction wins"
+      }]
+    }), "\n", jsx(ProcessSteps, {
+      title: "How Our System Works",
+      icon: TrendingUp,
+      steps: [{
+        number: 1,
+        title: "Look Back 90 Days",
+        description: "When a purchase happens, we look back 90 days to find all the ways this customer interacted with your marketing."
+      }, {
+        number: 2,
+        title: "Check for Paid Ad Clicks",
+        description: "We search for any clicks from your paid ads (Google, Facebook, etc.). If we find any ad clicks, we move to step 3."
+      }, {
+        number: 3,
+        title: "Last Paid Click Wins",
+        description: "If we found paid ad clicks, the most recent ad click before the purchase gets 100% credit. This is your attribution."
+      }, {
+        number: 4,
+        title: "Fallback Priority System",
+        description: "If there are no paid ad clicks, we prioritize attributed sources (email/SMS, organic search, social, referral) over direct traffic. We find the best source type available, then use the most recent visit of that type."
+      }]
+    }), "\n", jsx(ExpandableScenarios, {
+      title: "Attribution Scenarios",
+      description: "See how different customer journeys are attributed",
+      icon: Eye,
+      scenarios: [{
+        id: 1,
+        title: "Last Paid Click Wins",
+        description: "Customer clicks multiple ads - the last ad click gets the credit",
+        steps: [{
+          platform: "Google Ads",
+          action: "Click",
+          day: "Day 1",
+          color: "bg-blue-500"
+        }, {
+          platform: "Facebook Ads",
+          action: "Click",
+          day: "Day 15",
+          color: "bg-blue-600"
+        }, {
+          platform: "Purchase",
+          action: "Completes",
+          day: "Day 20",
+          color: "bg-green-500"
+        }],
+        attribution: "Facebook gets 100% credit (most recent paid ad click before purchase)"
+      }, {
+        id: 2,
+        title: "No Paid Clicks => Fallback",
+        description: "Customer visits from organic search, then returns directly",
+        steps: [{
+          platform: "Organic Search",
+          action: "Visit",
+          day: "Day 1",
+          color: "bg-green-600"
+        }, {
+          platform: "Direct Visit",
+          action: "Returns",
+          day: "Day 5",
+          color: "bg-gray-400"
+        }, {
+          platform: "Purchase",
+          action: "Completes",
+          day: "Day 10",
+          color: "bg-green-500"
+        }],
+        attribution: "Organic Search gets credit (no paid ads, so we prioritize organic search over direct traffic)"
+      }, {
+        id: 3,
+        title: "Outside 90-Day Window",
+        description: "Ad clicks happened too long ago, falls back to priority system",
+        steps: [{
+          platform: "Google Ads",
+          action: "Click",
+          day: "Day 1",
+          color: "bg-gray-400"
+        }, {
+          platform: "Organic Search",
+          action: "Visit",
+          day: "Day 89",
+          color: "bg-green-600"
+        }, {
+          platform: "Purchase",
+          action: "Completes",
+          day: "Day 100",
+          color: "bg-green-500"
+        }],
+        attribution: "Organic Search gets credit (Google ad was 99 days ago, outside window, so we use the highest-priority source available)"
+      }]
+    }), "\n", jsx(InfoCard, {
+      title: 'Why Some Purchases Show as "Unknown"',
+      description: "When we cannot match a purchase to any of your marketing",
+      icon: Eye,
+      variant: "default",
+      intro: "A purchase is labeled Unknown when we cannot find any record of that customer visiting your site within 90 days before buying:",
+      items: [{
+        title: "No Recent Website Visits",
+        description: "The customer did not visit your website in the 90 days before purchasing, or their visit was blocked by ad blockers",
+        dotColor: "amber"
+      }, {
+        title: "Cannot Match the Customer",
+        description: "We cannot connect their website visits to their purchase (different email/phone, or they never identified themselves on your site)",
+        dotColor: "amber"
+      }, {
+        title: "Old Marketing Touch",
+        description: "They clicked your ad or visited your site more than 90 days ago, which is outside our tracking window",
+        dotColor: "amber"
+      }]
+    }), "\n", jsx(KeyPointsList, {
+      title: "Important Notes",
+      points: [{
+        text: "Paid ads always win: If there are ANY paid ad clicks in the 90 days before purchase, the last paid ad click gets 100% credit"
+      }, {
+        text: "Fallback priority system: When no paid ads exist, we prioritize sources in this order: email & SMS > organic search > social > referral > direct > unknown"
+      }, {
+        text: "Best source wins: We find the highest-priority source type available, then use the most recent visit of that type"
+      }, {
+        text: "Direct is last resort: Direct traffic only gets credit when there are no other attributed sources in the window"
+      }],
+      variant: "highlighted"
+    })]
+  });
+}
+function MDXContent(props = {}) {
+  const { wrapper: MDXLayout } = props.components || {};
+  return MDXLayout ? jsx(MDXLayout, {
+    ...props,
+    children: jsx(_createMdxContent, {
+      ...props
+    })
+  }) : _createMdxContent();
+}
+export {
+  MDXContent as default
+};

package/dist/chunks/LeadsVsTransactions.js

@@ -0,0 +1,128 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { F as FeatureHighlights, U as Users, P as ProcessSteps, T as TrendingUp, K as KeyPointsList } from "./index.js";
+import "react";
+import { I as InfoCard } from "./index2.js";
+import { S as ShoppingCart } from "./shopping-cart.js";
+function _createMdxContent(props) {
+  const _components = {
+    p: "p",
+    ...props.components
+  };
+  return jsxs(Fragment, {
+    children: [jsx(FeatureHighlights, {
+      cardTitle: "Two Stages of the Same Journey",
+      cardDescription: "Leads and transactions are not alternatives — they are two sequential steps in your customer funnel. Together, they give you a complete picture of how your marketing is performing.",
+      cardIcon: Users,
+      columns: 2,
+      highlights: [{
+        icon: Users,
+        title: "A Lead",
+        description: "A person who has expressed interest by submitting a form (contact us, request a quote, book an appointment, etc.) or by calling your business — but who has not yet made a purchase. A lead is an opportunity, not a sale."
+      }, {
+        icon: ShoppingCart,
+        title: "A Transaction",
+        description: "A completed sale where money changed hands and the purchase event was captured by the tracking snippet. A transaction is the outcome — the lead that converted."
+      }]
+    }), "\n", jsx(ProcessSteps, {
+      title: "How leads and transactions fit into the funnel",
+      icon: TrendingUp,
+      steps: [{
+        number: 1,
+        title: "Someone sees your ad or other marketing and clicks",
+        description: "The tracking snippet records the click and saves the source. At this point they are just a visitor."
+      }, {
+        number: 2,
+        title: "They fill out a form or call — becoming a Lead",
+        description: "When they submit a contact form, request a quote, or call your business, a Lead is created. This is your signal that the marketing worked well enough to generate interest. The lead is attributed to the channel or campaign that brought them in."
+      }, {
+        number: 3,
+        title: "You follow up and close the sale",
+        description: "Some businesses have a sales process that needs to occur here, while for others a sale is often immediate. The lead will remain open for 90 days until the sale is closed."
+      }, {
+        number: 4,
+        title: "The sale is recorded — becoming a Transaction",
+        description: "When the purchase is completed and captured by the tracking snippet, a Transaction is recorded. It is attributed back to the same original marketing source that created the lead. The lead is now marked as converted, and you can see the final value and the transaction ID."
+      }, {
+        number: 5,
+        title: "Leads go stale",
+        description: "Not every lead becomes a customer. Those leads that still have not made a purchase 90 days later will be marked stale."
+      }]
+    }), "\n", jsx(InfoCard, {
+      title: "How to interpret the data",
+      description: "Each tab answers a different question about your marketing",
+      icon: Users,
+      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: "The Leads tab gives you earlier, faster feedback"
+            }), jsx("p", {
+              className: "text-muted-foreground",
+              children: jsx(_components.p, {
+                children: "Not every lead converts right away — some take days, weeks, or longer. If you only watched transactions, you would be waiting a long time to know whether a campaign is generating interest. The Leads tab lets you see which marketing efforts are bringing in the most opportunities now, so you can adjust your strategy without waiting for the full sales cycle to play out."
+              })
+            })]
+          })]
+        }), 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: "The Transactions tab tells you what actually drove revenue"
+            }), jsx("p", {
+              className: "text-muted-foreground",
+              children: jsx(_components.p, {
+                children: "Transactions are the source of truth for revenue attribution. Each row in the Transactions tab is a real sale that you can trace back to the specific campaign, channel, or source that originated it. This is where you measure ROAS and understand the actual financial return on your ad spend."
+              })
+            })]
+          })]
+        }), 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: "Read them together to find where your funnel is leaking"
+            }), jsx("p", {
+              className: "text-muted-foreground",
+              children: jsx(_components.p, {
+                children: "A channel generating many leads but few transactions means interest is there but something is breaking down — pricing, follow-up speed, or lead quality. A channel with strong transactions but few leads means it is converting efficiently and may be worth more budget. Comparing the two tabs side by side reveals where to focus your attention."
+              })
+            })]
+          })]
+        })]
+      })
+    }), "\n", jsx(KeyPointsList, {
+      title: "Important to know",
+      points: [{
+        text: "A single customer can appear in both tabs — first as a lead when they submit a form, then as a transaction when the sale is recorded"
+      }, {
+        text: "Lead counts and transaction counts will not match — not every lead converts, and not every transaction started with an identified lead"
+      }, {
+        text: "Both tabs support the same date range filtering and attribution logic, so you can compare the same time period across both"
+      }],
+      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
+};

package/dist/chunks/MeasuredVsTotal.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { g as ChartNoAxesColumn, K as KeyPointsList } from "./index.js";
+import "react";
+import { I as InfoCard } from "./index2.js";
+function _createMdxContent(props) {
+  return jsxs(Fragment, {
+    children: [jsx(InfoCard, {
+      title: 'Why "Measured" Is Always Less Than Total',
+      description: "Measured conversions and measured revenue only include purchases we can trace back to a marketing touchpoint",
+      icon: ChartNoAxesColumn,
+      variant: "highlighted",
+      intro: "We can only attribute a purchase if we can answer two questions: who is this customer, and how did they find you? If either answer is missing, the purchase cannot be measured.",
+      items: [{
+        title: "We could not identify the customer",
+        description: "If the buyer never visited your website or was never identified by filling out a form or placing a trackable phone call, we have no visitor record to match the purchase to."
+      }, {
+        title: "There was no marketing touchpoint in the 90-day window",
+        description: "Even if we know who the customer is, if their last marketing interaction was more than 90 days ago, we cannot attribute the purchase."
+      }, {
+        title: "The snippet was not installed or fired correctly",
+        description: "A missing or incorrectly installed snippet means visit and purchase data is not being captured at all."
+      }]
+    }), "\n", jsx(KeyPointsList, {
+      title: "What this means for you",
+      points: [{
+        text: "Do not compare measured revenue directly to your total revenue — they are measuring different things and the gap is expected"
+      }, {
+        text: "A higher measured revenue percentage (closer to your total) means better tracking coverage — improve it by ensuring the snippet is installed site-wide, improving your landing pages to help capture lead information, and setting up a call tracking tool if your business receives a high volume of calls"
+      }, {
+        text: "Use measured revenue to evaluate relative campaign performance: even if it is not your full revenue, the proportions between campaigns are still accurate"
+      }],
+      variant: "highlighted"
+    })]
+  });
+}
+function MDXContent(props = {}) {
+  const { wrapper: MDXLayout } = props.components || {};
+  return MDXLayout ? jsx(MDXLayout, {
+    ...props,
+    children: jsx(_createMdxContent, {
+      ...props
+    })
+  }) : _createMdxContent();
+}
+export {
+  MDXContent as default
+};

package/dist/chunks/OverviewDashboard.js

@@ -0,0 +1,67 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { F as FeatureHighlights, T as TrendingUp, g as ChartNoAxesColumn, K as KeyPointsList } from "./index.js";
+import "react";
+import { I as InfoCard } from "./index2.js";
+import { S as ShoppingCart } from "./shopping-cart.js";
+import { D as DollarSign } from "./dollar-sign.js";
+function _createMdxContent(props) {
+  return jsxs(Fragment, {
+    children: [jsx(FeatureHighlights, {
+      cardTitle: "Four Headline Metrics",
+      cardDescription: "The top of your dashboard shows the four numbers that give you the fastest read on how your advertising is performing.",
+      cardIcon: ChartNoAxesColumn,
+      columns: 2,
+      highlights: [{
+        icon: ShoppingCart,
+        title: "Measured Conversions",
+        description: "Purchases we traced back to a marketing touchpoint in the 90-day attribution window"
+      }, {
+        icon: DollarSign,
+        title: "Ad Spend",
+        description: "Total amount spent on ads across all connected platforms in the selected date range"
+      }, {
+        icon: TrendingUp,
+        title: "Measured Revenue",
+        description: "Revenue from purchases we could attribute to your marketing efforts"
+      }, {
+        icon: ChartNoAxesColumn,
+        title: "ROAS",
+        description: "Measured Revenue divided by Ad Spend — your return on every dollar spent"
+      }]
+    }), "\n", jsx(InfoCard, {
+      title: "What the two charts show",
+      description: "Trend and breakdown views below the headline metrics",
+      icon: ChartNoAxesColumn,
+      variant: "highlighted",
+      items: [{
+        title: "Traffic Funnel",
+        description: "Shows the journey from impressions to clicks to purchases, representing at the top level how effectively ads served are leading to dollars spent."
+      }, {
+        title: "Revenue Over Time",
+        description: "Shows measured revenue and ad spend side by side over the selected date range. Look for periods where revenue rises without a matching increase in spend — that is where your campaigns are most efficient."
+      }]
+    }), "\n", jsx(KeyPointsList, {
+      title: "What 'measured' means",
+      points: [{
+        text: '"Measured" always means we could trace the purchase back to a marketing touchpoint — it is not your total business revenue'
+      }, {
+        text: "Purchases without a matching marketing touchpoint in the 90-day window show as Unknown and are still counted in transactions but cannot be attributed to a channel"
+      }, {
+        text: "Compare your measured revenue to your total revenue to understand what percentage of your sales are being tracked and attributed"
+      }],
+      variant: "highlighted"
+    })]
+  });
+}
+function MDXContent(props = {}) {
+  const { wrapper: MDXLayout } = props.components || {};
+  return MDXLayout ? jsx(MDXLayout, {
+    ...props,
+    children: jsx(_createMdxContent, {
+      ...props
+    })
+  }) : _createMdxContent();
+}
+export {
+  MDXContent as default
+};