https://posthog.com/component---src-pages-product-analytics-explorer-features-tsx-5c52d8750c63d91ff11e.js

1"use strict";(self.webpackChunkposthog_com=self.webpackChunkposthog_com||[]).push([[1683],{517:function(e,t,s){s.d(t,{A:function(){return b}});var a=s(19371),r=s(30758),l=s(59527),n=s(1350),i=s(63629),o=s(14038),c=s(93058),d=s(5356),m=s(4856),x=s(59145),h=s(86070);function u(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,a)}return s}function p(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?u(Object(s),!0).forEach(function(t){(0,a.A)(e,t,s[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):u(Object(s)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))})}return e}const f=e=>{let{content:t}=e;return t?Array.isArray(t)?(0,h.jsx)(h.Fragment,{children:t.map((e,t)=>(0,h.jsx)(c.nD,{"data-scheme":"primary",className:"",defaultValue:"item-0",items:[{trigger:e.title,content:e.content}]},t))}):(0,h.jsx)(h.Fragment,{children:t}):null},g=300;function b(e){var t,s;let{template:a,slug:c,title:u,accentImage:b,leftSidebarContent:j,rightSidebarContent:v,children:y,fullScreen:N=!1,transparent:w=!1,showTitle:A=!0,padding:C=!0,headerBarOptions:k,selectOptions:O=[],onCategoryChange:P,selectedCategory:S,rightSidebarPanel:D,isRightSidebarOpen:F=!1,onRightSidebarClose:I,doubleClickToOpen:V=!1,rightActionButtons:L,onSearch:T,viewportClasses:z="",showAddressBar:E=!0,className:M=""}=e;const{appWindow:_}=(0,d.ox)(),B=(null==_||null===(t=_.path)||void 0===t?void 0:t.replace(/^\//,""))||"",R=(0,r.useRef)(null),{0:W,1:H}=(0,r.useState)(g),Q=null==_||null===(s=_.size)||void 0===s?void 0:s.width,$=(0,r.useMemo)(()=>{const e=e=>{let{children:t}=e;return Q&&Q<=768?(0,h.jsx)(o.A,{viewportClasses:"[&>div]:h-full "+z,children:t}):(0,h.jsx)(h.Fragment,{children:t})};return e.displayName="ContentWrapper",e},[Q,z]);return(0,h.jsxs)("div",{className:"@container w-full h-full flex flex-col min-h-1 "+M,children:[(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(n.A,p(p({},(()=>{const e={};

1return k?k.forEach(t=>{e[t]=!0}):(e.showBack=!0,e.showForward=!0,e.showSearch=!0),e})()),{},{searchContentRef:R,rightActionButtons:L,onSearch:T,className:E?"":"border-b border-primary"})),E&&(0,h.jsx)(x.A,{selectOptions:O,currentPath:B,handleValueChange:e=>{P?P(e):(0,i.navigate)("/"+e)},selectedCategory:S})]}),(0,h.jsx)($,{children:(0,h.jsxs)("div",{"data-scheme":"secondary",className:"flex flex-col @3xl:flex-row-reverse flex-grow min-h-0 "+(N?" ":"h-full"),children:[v&&(0,h.jsx)("aside",{"data-scheme":"secondary",className:"not-prose w-96 bg-primary border-l border-primary h-full text-primary",children:(0,h.jsx)("div",{className:"h-full flex flex-col",children:(0,h.jsx)("div",{className:"flex-1 overflow-auto",children:(0,h.jsx)(f,{content:v})})})}),D&&F&&(0,h.jsxs)("aside",{"data-scheme":"secondary",className:"not-prose bg-primary border-l border-primary h-full text-primary relative @3xl:block hidden",style:{width:W},children:[(0,h.jsx)("div",{className:"h-full flex flex-col",children:(0,h.jsx)("div",{className:"flex-1 overflow-auto",children:D})}),(0,h.jsx)(l.P.div,{"data-scheme":"tertiary",className:"w-1.5 cursor-ew-resize top-0 left-0 !transform-none absolute z-20 h-full hover:bg-accent active:bg-accent",drag:"x",dragMomentum:!1,dragConstraints:{left:0,right:0},onDrag:(e,t)=>{var s;const a=Math.max(Math.min(W-t.delta.x,((null==_||null===(s=_.size)||void 0===s?void 0:s.width)||0)/2),g);H(a)}})]}),(0,h.jsx)("main",{"data-app":"Explorer","data-scheme":"primary",className:"@container flex-1 relative h-full "+(w?"":"bg-primary"),children:N?y:(0,h.jsxs)(o.A,{className:"h-full",children:[b&&(0,h.jsx)("div",{className:"absolute right-0 top-6",children:(0,h.jsxs)("div",{className:"relative max-w-md @4xl:max-w-lg @5xl:max-w-xl @6xl:max-w-2xl transition-all duration-700 ease-out opacity-25 @xl:opacity-50",children:[b,(0,h.jsx)("div",{className:"absolute left-0 top-0 w-1/2 h-full bg-gradient-to-r from-[rgb(var(--bg))] to-[color-mix(in_srgb,rgb(var(--bg))_0%,transparent)]"}),(0,h.jsx)("div",{className:"absolute bottom-0 left-0 h-1/2 w-full bg-gradient-to-b from-[color-mix(in_srgb,rgb(var(--bg))_0%,transparent)] to-[rgb(var(--bg))]"})]})}),(0,h.jsxs)("div",{ref:R,className:(0,m.WN)()+" max-w-none h-full "+(C?"relative @md:p-4":"")+" ",children:[!N&&A&&(0,h.jsx)("h1",{children:u}),y]})]})}),j&&(0,h.jsx)("aside",{"data-scheme":"secondary",className:"@3xl:w-64 bg-primary border-t @3xl:border-t-0 @3xl:border-r border-primary prose prose-sm dark:prose-invert h-full",children:(0,h.jsx)(o.A,{className:"p-2",children:(0,h.jsx)("div",{className:"space-y-3",children:(0,h.jsx)(f,{content:j})})})})]})})]})}},59145:function(e,t,s){s.d(t,{A:function(){return l}});var a=s(96549),r=s(86070);function l(e){let{selectOptions:t,currentPath:s,handleValueChange:l,selectedCategory:n}=e;return(0,r.jsx)("div",{"data-scheme":"secondary",className:"bg-primary px-2 pb-2 border-b border-primary",children:(0,r.jsx)(a.l,{groups:t,placeholder:"Select...",ariaLabel:"Products",defaultValue:n||s,onValueChange:l,className:"w-full",dataScheme:"primary"})})}},69347:function(e,t,s){s.r(t),s.d(t,{default:function(){return b}});var a=s(30758),r=s(517),l=s(8462),n=s(93058),i=s(6722),o=s(49271),c=s(39106),d=s(49886),m=s(3751),x=s(14038),h=s(86070);const u=e=>{let{className:t="",onClick:s,id:r,src:l,alt:n,index:i,setActiveIndex:o,isThumbnail:c=!1,sliderId:x}=e;const u=()=>null==s?void 0:s(),[p,f]=(0,d.Wx)({threshold:.9});(0,a.useEffect)(()=>{o&&void 0!==i&&f&&o(i)},[f]);const g=(0,h.jsx)("img",{src:l,alt:n,className:"w-full h-full object-contain"});return c?(0,h.jsx)("button",{ref:p,id:x+"-"+r,onClick:u,className:"bg-accent flex items-center justify-center flex-grow flex-shrink-0 snap-center "+t,children:g}):(0,h.jsx)("div",{ref:p,id:x+"-"+r,className:"bg-accent flex items-center justify-center flex-grow flex-shrink-0 snap-center "+t,children:(0,h.jsx)(m.T,{children:g})})};function p(e){let{images:t,className:s,showDisclaimer:r=!1,id:l}=e;const{0:n,1:i}=(0,a.useState)(0),o=["Artist depiction only. PostHog is cloud-based software and not installed by CD.","You can't put us in a box. (No really, you can't actually buy PostHog on CD. It's web-based cloud software.)","PostHog doesn't really come on a physical CD. (If you don't know 

1what a CD is, please ask your parents.)","Obviously this is cloud software, not an actual CD, silly goose.","Picture of CD is for illustrative purposes only, not for medicinal consumption.","Certified 100% organic bytes. May contain heavy metals. Do not eat. (Also not really installed by CD.)","Not really installed by CD. But does comes with free docs."],{0:c,1:d}=(0,a.useState)("");return(0,a.useEffect)(()=>{const e=Math.floor(Math.random()*o.length);d(o[e])},[]),(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("div",{className:"relative flex flex-nowrap snap-x snap-mandatory overflow-y-hidden overflow-x-auto rounded border border-primary leading-[0]",children:t.map((e,t)=>(0,h.jsxs)(a.Fragment,{children:[(0,h.jsx)(u,{className:"w-full cursor-auto",id:"pricing-slider-slide-"+t,src:e.src,alt:e.alt,index:t,setActiveIndex:i,sliderId:l}),r&&0===t&&(0,h.jsxs)("div",{className:"absolute bottom-2 @4xl:bottom-1 @5xl:bottom-2 left-2 right-2 text-[11px] leading-tight text-muted",children:["*",c]})]},e.src+"-"+t))}),t.length>1&&(0,h.jsx)("div",{className:"-mx-4 @xl:mx-0",children:(0,h.jsx)(x.A,{className:"!h-auto",children:(0,h.jsx)("div",{className:"flex flex-nowrap @xl:grid grid-cols-4 @3xl:flex @4xl:grid @4xl:grid-cols-4 @7xl:grid-cols-5 @xl:[overflow:unset] px-4 @xl:px-0 snap-x snap-mandatory my-2 gap-2",children:t.map((e,t)=>(0,h.jsx)(u,{className:"w-1/5 @xl:w-auto @3xl:w-1/4 @4xl:w-auto p-1 border border-light hover:border-input dark:hover:border-primary-dark rounded relative transition-all hover:scale-[1.01] hover:top-[-.5px] active:scale-[.98] active:top-[.5px] "+(t===n?"active":"opacity-70 hover:opacity-100"),id:"pricing-slider-nav-"+t,onClick:()=>(e=>{const t=document.getElementById(l+"-pricing-slider-slide-"+e);null==t||t.scrollIntoView({behavior:"smooth",block:"nearest"})})(t),src:e.thumb||e.src,alt:e.alt,isThumbnail:!0,sliderId:l},t+"-"+e.src))})})})]})}var f=s(94414),g=s(54770);function b(){const{products:e}=(0,g.A)(),t=e.find(e=>"product_analytics"===e.type),s=null==t?void 0:t.features,d=Array.isArray(s)?s:Object.values(s||{}),{0:m,1:x}=(0,a.useState)(0),u=d.length,b=()=>{x(e=>(e+1)%u)},j=()=>{x(e=>(e-1+u)%u)};return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.Ay,{title:"Features – Product Analytics",description:"PostHog is the only developer platform built to natively work with Session Replay, Feature Flags, Experiments, and Surveys.",image:"/images/og/default.png"}),(0,h.jsxs)(r.A,{template:"product",slug:"product-analytics",title:"Features",leftSidebarContent:(0,h.jsx)(f.A,{type:"product_analytics"}),children:[(0,h.jsxs)("div",{className:"@xl:hidden",children:[(0,h.jsx)(n.nD,{items:d.map((e,t)=>({trigger:e.title,content:e.description,value:"item-"+t})),defaultValue:"item-"+m,children:d.map((e,t)=>(0,h.jsxs)(n.As,{value:"item-"+t,children:[(0,h.jsx)(n.$m,{children:e.title}),(0,h.jsx)(n.ub,{children:e.description})]},t))}),(0,h.jsxs)("div",{className:"flex justify-between mt-4",children:[(0,h.jsx)("button",{className:"previous-button",onClick:j,disabled:0===m,children:"Previous!!"}),(0,h.jsx)("button",{className:"next-button",onClick:b,disabled:m===u-1,children:"Next"})]})]}),(0,h.jsxs)("div",{className:"hidden @xl:block relative -mt-2",children:[(0,h.jsxs)("div",{className:"flex gap-px -top-10 right-2 absolute",children:[(0,h.jsx)(c.A,{className:"previous-button",icon:(0,h.jsx)(o.IconArrowLeft,{className:"rotate-90"}),onClick:j,disabled:0===m,children:"Previous"}),(0,h.jsx)(c.A,{className:"next-button",icon:(0,h.jsx)(o.IconArrowRight,{className:"rotate-90"}),iconPosition:"right",onClick:b,disabled:m===u-1,children:"Next"})]}),(0,h.jsxs)(i.A.Root,{value:"tab-"+m,onValueChange:e=>{x(parseInt(e.split("-")[1]))},children:[(0,h.jsx)(i.A.List,{"aria-label":"Features",children:d.map((e,t)=>(0,h.jsx)(i.A.Trigger,{value:"tab-"+t,icon:e.icon,color:e.color,children:e.title},t))}),d.map((e,t)=>(0,h.jsxs)(i.A.Content,{value:"tab-"+t,children:[(0,h.jsxs)("div",{className:"pb-4",children:[(0,h.jsx)("h2",{className:"text-xl mb-0",children:e.headline}),e.description&&(0,h.jsx)("p",{className:"mt-1",children:e.description})]}),(0,h.jsxs)("div",{className:"grid @3xl:grid-cols-2 gap-4 @4xl:gap-8 items-start",children:[(0,h.jsx)("div",{className:"order-2 @3xl:order-1",children:e.features&&e.features.map((e,t)=>(0,h.jsxs)("div",{children:[(0,h.jsx)("h3",{className:"text-base mb-1",children:e.title}),(0,h.jsx)("p",{className:"text-sm",children:e.description})]},t))}),e.images&&e.images.length>0&&(0,h.jsx)("div",{className:"order-1 @3xl:order-2",children:(0,h.jsx)(p,{images:e.images,id:"feature-"+t})})]})]},t))]})]})]})]})}},94414:function(e,t,s){s.d(t,{A:function(){return o}});var a=s(60086),r=s(93058),l=s(39106),n=s(49271),i=s(86070);function o(e){let{type:t}=e;const s=(0,a.A)({handle:t});if(!s)return null;const{Icon:o,color:c,name:d,description:m,startsAt:x,billingData:{unit:h}={unit:""},freeLimit:u,worksWith:p,sharesFreeTier:f}=s;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.nD,{"data-scheme":"primary",className:"",defaultValue:"item-0",items:[{trigger:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o,{className:"text-"+c+" size-5 inline-block"}),(0,i.jsx)("span",{className:"flex-1",children:d})]}),content:(0,i.jsxs)(i.Fragment,{children:[m&&(0,i.jsx)("p",{className:"text-sm",children:m}),(0,i.jsxs)("p",{children:[(0,i.jsx)("span",{className:"text-sm text-secondary",children:"Pricing starts at"}),(0,i.jsx)("br",{}),(0,i.jsxs)("span",{className:"font-bold text-[15px]",children:["$",x]}),(0,i.jsxs)("span",{className:"text-sm text-secondary",children:["/",h]})]}),(0,i.jsxs)("p",{children:[(0,i.jsxs)("span",{className:"text-sm text-secondary",children:["Monthly free tier",s.sharesFreeTier?"*":""]}),(0,i.jsx)("br",{}),(0,i.jsx)("span",{className:"font-bold text-[15px]",children:null==u?void 0:u.toLocaleStr

1ing()}),(0,i.jsxs)("span",{className:"text-sm text-secondary",children:["/",h]}),f&&(0,i.jsxs)("span",{className:"block text-xs italic text-secondary mt-1",children:["*Shares free tier with ",f.name]})]})]})}]}),(0,i.jsx)(r.nD,{"data-scheme":"primary",className:"",defaultValue:"item-0",contentClassName:"",items:[{trigger:"Learn more",content:(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsx)(l.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"md",icon:(0,i.jsx)(n.IconCursor,{className:"text-green"}),to:"https://app.posthog.com/signup",className:"text-primary hover:text-primary",children:"Try it – free"}),(0,i.jsx)(l.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"md",icon:(0,i.jsx)(n.IconHeadset,{className:"text-purple"}),to:"/talk-to-a-human",className:"text-primary hover:text-primary",children:"Talk to a human"}),(0,i.jsx)(l.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"md",icon:(0,i.jsx)(n.IconQuestion,{className:"text-blue"}),to:"#",className:"text-primary hover:text-primary",children:"FAQ"})]})}]}),(0,i.jsx)(r.nD,{"data-scheme":"primary",className:"",defaultValue:"item-0",contentClassName:"",items:[{trigger:"Works with...",content:(0,i.jsx)("div",{className:"space-y-1",children:s&&p&&p.map(e=>{if(!e)return null;const{Icon:t,color:s,name:a,slug:r}=e;return(0,i.jsx)(l.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"md",icon:(0,i.jsx)(t,{className:"text-"+s}),to:r,className:"text-primary hover:text-primary",children:a},e.type)})})}]})]})}}}]);
2//# sourceMappingURL=component---src-pages-product-analytics-explorer-features-tsx-5c52d8750c63d91ff11e.js.map