feat: Cap pa calculator at 250 million events, show contact us on pri…

…cing table (#8033) * cap pa calculator at 250 million events * add some missing pieces * Update package.json Co-authored-by: Raquel Smith <[email protected]> * remove pricing control (#8037) * add ai template (#8041) * fix: update 15k free recordings to 5k (#8040) * New roadmap pages (#8045) * WIP page * add team update form to team pages * add update on wip page * add option to post as team lead * only show relevant team roadmap items * refresh roadmaps on team change * allow editing updates * show author info / link to teams * show in progress roadmap items on WIP page * roadmap changes * unlogged in auth * small polish * sort * update/add items * link * update schema * polish * team names * sidebars * type to search * fix import * dark * spacing * polished roadmap page * polished roadmap, wip forms * updated changelog edit ui to match * v small cleanup --------- Co-authored-by: Cory Watilo <[email protected]> * Small quality fixes (#8052) * active tab fix * fix back to links * Roadmap cleanup (#8053) * sizing/spacing * move/style edit buttons * consistent header sizes * updated WIP subscribe icons * Added support gating to historic data import pages (#8030) * Added support gating to historic data import pages * Update contents/docs/migrate/ingest-historic-data.mdx Co-authored-by: Joe Martin <[email protected]> * Update contents/docs/migrate/migrate-from-amplitude.mdx Co-authored-by: Joe Martin <[email protected]> * Update contents/docs/migrate/migrate-to-cloud.mdx Co-authored-by: Joe Martin <[email protected]> * Update contents/docs/migrate/ingest-historic-data.mdx Co-authored-by: Joe Martin <[email protected]> * Update contents/docs/migrate/migrate-from-amplitude.mdx Co-authored-by: Joe Martin <[email protected]> * Update contents/docs/migrate/ingest-historic-data.mdx Co-authored-by: Joe Martin <[email protected]> * Update contents/docs/migrate/migrate-from-amplitude.mdx Co-authored-by: Joe Martin <[email protected]> * Update contents/docs/migrate/ingest-historic-data.mdx Co-authored-by: Joe Martin <[email protected]> * Update contents/docs/migrate/migrate-to-cloud.mdx Co-authored-by: Joe Martin <[email protected]> * Update contents/docs/migrate/migrate-from-amplitude.mdx Co-authored-by: Joe Martin <[email protected]> --------- Co-authored-by: Joe Martin <[email protected]> * Adding DigitalOcean to PostHog for Startups (#7997) * Adding DigitalOcean to PostHog for Startups * Update contents/startups.mdx * Update contents/startups.mdx * Apply suggestions from code review * Apply suggestions from code review * Add Go ticker option (#8044) * Add Go ticker option * Update contents/docs/feature-flags/local-evaluation.mdx * add link (#8057) * Light edits to the company handbook (#8047) * light edits to the company handbook tagging in @andyvan-ph to look these over first up. Most changes are pretty minor, couple of bigger edits on sentences that were tricky to parse * Apply suggestions from code review Co-authored-by: Andy Vandervell <[email protected]> * Update current-status.md --------- Co-authored-by: Andy Vandervell <[email protected]> * Clarified PostHog cookie name (#8060) * chore: Update RN docs for v3 initialization (#7902) * Renamed v3 js-lite methods (#8021) * docs: fix typo in `nextjs-analytics.md` (#8035) * Ruby add flag timeouts (#8058) * Ruby add flag timeouts * Apply suggestions from code review * lior: add request timeouts to other docs --------- Co-authored-by: Lior <[email protected]> * chore: document opt_out_persistence_by_default (#8025) * chore: add session recording section on flutter docs (#8066) * fix: code snippets for node and rn v3 and v4 (#8068) * Bunch of CS updates to the Handbook (#8055) * Update overview.md * Update index.js * Update index.mdx * Update mission.mdx * Update overview.md * Update contents/teams/customer-success/index.mdx Co-authored-by: Simon Fisher <[email protected]> --------- Co-authored-by: Simon Fisher <[email protected]> * Web analytics product page (#8001) * web analytics screenshots, hero copy * PostHog Vs content * Update index.tsx * Added some generic tutorials * Pairs with * web analytics topic * comparison chart * new tutorial * Update index.tsx * Subfeatures - words, not icons * Merge branch 'master' into web-analytics * removed unused sections, added icons, linked to page * open graph * fixed "posthog vs" mobile padding when in wide mode * beta flag * added line about pricing * clarified how web analytics is billed --------- Co-authored-by: Joe Martin <[email protected]> * Update common-questions.mdx (#8065) * address pr feedback * fix up the link --------- Co-authored-by: Raquel Smith <[email protected]> Co-authored-by: Lior539 <[email protected]> Co-authored-by: Manoel Aranda Neto <[email protected]> Co-authored-by: Eli Kinsey <[email protected]> Co-authored-by: Cory Watilo <[email protected]> Co-authored-by: Cory Watilo <[email protected]> Co-authored-by: Simon Fisher <[email protected]> Co-authored-by: Joe Martin <[email protected]> Co-authored-by: Neil Kakkar <[email protected]> Co-authored-by: James Temperton <[email protected]> Co-authored-by: Andy Vandervell <[email protected]> Co-authored-by: Ben White <[email protected]> Co-authored-by: Abhishek Ajithkumar <[email protected]> Co-authored-by: Charles Cook <[email protected]>
PostHog · Mar 18, 2024 · 55f98cb · 55f98cb
1 parent 12563f3
commit 55f98cb
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 8 deletions.
diff --git a/src/components/Link/index.tsx b/src/components/Link/index.tsx
@@ -38,7 +38,7 @@ export default function Link({
     href,
     glossary,
     ...other
-}: Props) {
+}: Props): JSX.Element {
     const { compact } = useLayoutData()
     const posthog = usePostHog()
     const url = to || href

diff --git a/src/components/Pricing/Plans/index.tsx b/src/components/Pricing/Plans/index.tsx
@@ -10,6 +10,7 @@ import { BillingProductV2Type, BillingV2FeatureType } from 'types'
 import { product_type_to_max_events } from '../pricingLogic'
 import { Discount } from 'components/NotProductIcons'
 import Link from 'components/Link'
+import { IconInfo } from '@posthog/icons'
 
 const Heading = ({ title, subtitle, className = '' }: { title?: string; subtitle?: string; className?: string }) => {
     return (
@@ -110,8 +111,8 @@ const PricingTiers = ({ plans, unit, compact = false, type }) => {
                         title={
                             plans[0].free_allocation === up_to ? (
                                 'Free'
-                            ) : enterprise_flag_enabled && index === tiers.length - 1 ? (
-                                <s>
+                            ) : type === 'product_analytics' && index === tiers.length - 1 ? (
+                                <div className="flex items-center">
                                     $
                                     {parseFloat(unit_amount_usd).toFixed(
                                         Math.max(
@@ -120,7 +121,26 @@ const PricingTiers = ({ plans, unit, compact = false, type }) => {
                                             )
                                         )
                                     )}
-                                </s>
+                                    <Tooltip
+                                        content={() => (
+                                            <div>
+                                                Custom pricing available for large volumes.
+                                                <Link to="/contact-sales">
+                                                    <Label
+                                                        className="!m-0 !p-0 !text-sm !font-bold"
+                                                        text="Get in touch"
+                                                        style="orangeNoBg"
+                                                    />
+                                                </Link>
+                                            </div>
+                                        )}
+                                        contentContainerClassName="max-w-xs"
+                                    >
+                                        <div>
+                                            <IconInfo className="w-4 h-4 ml-1 opacity-50" />
+                                        </div>
+                                    </Tooltip>
+                                </div>
                             ) : (
                                 `$${parseFloat(unit_amount_usd).toFixed(
                                     Math.max(

diff --git a/src/components/Pricing/Products.tsx b/src/components/Pricing/Products.tsx
@@ -73,9 +73,9 @@ export const useProducts = () => {
             slider: (
                 <LogSlider
                     stepsInRange={100}
-                    marks={[MILLION, TEN_MILLION, HUNDRED_MILLION, BILLION]}
+                    marks={[MILLION, TEN_MILLION, FIFTY_MILLION, MAX_PRODUCT_ANALYTICS]}
                     min={MILLION}
-                    max={BILLION}
+                    max={MAX_PRODUCT_ANALYTICS}
                     onChange={(value) => setProductAnalyticsSliderValue(value, sliderCurve)}
                     value={productAnalyticsSliderValue}
                 />

diff --git a/src/components/Pricing/pricingLogic.ts b/src/components/Pricing/pricingLogic.ts
@@ -13,8 +13,9 @@ export const TWENTY_MILLION = 20000000
 export const TWENTY_FIVE_MILLION = 25000000
 export const FIFTY_MILLION = 50000000
 export const HUNDRED_MILLION = 100000000
+export const TWO_FIFTY_MILLION = 250000000
 export const BILLION = 1000000000
-export const MAX_PRODUCT_ANALYTICS = FIFTY_MILLION
+export const MAX_PRODUCT_ANALYTICS = TWO_FIFTY_MILLION
 export const MAX_SESSION_REPLAY = ONE_FIFTY_THOUSAND
 export const MAX_FEATURE_FLAGS = TEN_MILLION
 export const MAX_SURVEYS = TEN_THOUSAND

diff --git a/src/components/Tooltip/index.tsx b/src/components/Tooltip/index.tsx
@@ -21,7 +21,7 @@ export default function Tooltip({
     placement?: Placement
     title?: string
     contentContainerClassName?: string
-}) {
+}): JSX.Element {
     const [open, setOpen] = useState(false)
     const [referenceElement, setReferenceElement] = useState(null)
     const [popperElement, setPopperElement] = useState(null)