https://posthog.com/component---src-pages-product-analytics-explorer-index-tsx-f1d7acaaba4e0493e42c.js

1"use strict";(self.webpackChunkposthog_com=self.webpackChunkposthog_com||[]).push([[2334],{517:function(e,t,a){a.d(t,{A:function(){return j}});var s=a(19371),r=a(30758),n=a(59527),l=a(1350),i=a(63629),o=a(14038),c=a(93058),d=a(5356),m=a(4856),x=a(59145),h=a(86070);function u(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,s)}return a}function p(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?u(Object(a),!0).forEach(function(t){(0,s.A)(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):u(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}const g=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},f=300;function j(e){var t,a;let{template:s,slug:c,title:u,accentImage:j,leftSidebarContent:y,rightSidebarContent:v,children:b,fullScreen:N=!1,transparent:w=!1,showTitle:k=!0,padding:A=!0,headerBarOptions:C,selectOptions:L=[],onCategoryChange:P,selectedCategory:O,rightSidebarPanel:S,isRightSidebarOpen:z=!1,onRightSidebarClose:I,doubleClickToOpen:F=!1,rightActionButtons:D,onSearch:T,viewportClasses:V="",showAddressBar:_=!0,className:B=""}=e;const{appWindow:E}=(0,d.ox)(),M=(null==E||null===(t=E.path)||void 0===t?void 0:t.replace(/^\//,""))||"",W=(0,r.useRef)(null),{0:H,1:R}=(0,r.useState)(f),q=null==E||null===(a=E.size)||void 0===a?void 0:a.width,Q=(0,r.useMemo)(()=>{const e=e=>{let{children:t}=e;return q&&q<=768?(0,h.jsx)(o.A,{viewportClasses:"[&>div]:h-full "+V,children:t}):(0,h.jsx)(h.Fragment,{children:t})};return e.displayName="ContentWrapper",e},[q,V]);return(0,h.jsxs)("div",{className:"@container w-full h-full flex flex-col min-h-1 "+B,children:[(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.A,p(p({},(()=>{const e={};return C?C.forEach(t=>{e[t]=!0}):(e.showBack=!0,e.showForward=!0,e.showSearch=!0),e})()),{},{searchContentRef:W,rightActionButtons:D,onSearch:T,className:_?"":"border-b border-primary"})),_&&(0,h.jsx)(x.A,{selectOptions:L,currentPath:M,handleValueChange:e=>{P?P(e):(0,i.navigate)("/"+e)},selectedCategory:O})]}),(0,h.jsx)(Q,{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)(g,{content:v})})})}),S&&z&&(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:H},children:[(0,h.jsx)("div",{className:"h-full flex flex-col",children:(0,h.jsx)("div",{className:"flex-1 overflow-auto",children:S})}),(0,h.jsx)(n.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 a;const s=Math.max(Math.min(H-t.delta.x,((null==E||null===(a=E.size)||void 0===a?void 0:a.width)||0)/2),f);R(s)}})]}),(0,h.jsx)("main",{"data-app":"Explorer","data-scheme":"primary",className:"@container flex-1 relative h-full "+(w?"":"bg-primary"),children:N?b:(0,h.jsxs)(o.A,{className:"h-full",children:[j&&(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:[j,(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:W,className:(0,m.WN)()+" max-w-none h-full "+(A?"relative @md:p-4":"")+" ",children:[!N&&k&&(0,h.jsx)("h1",{children:u}),b]})]})}),y&&(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)(g,{content:y})})})})]})})]})}},5715:function(e,t,a){a.r(t),a.d(t,{default:function(){return u}});var s=a(517),r=a(63629),n=a(72753),l=a(93747),i=a(8462),o=a(94414),c=a(49271),d=a(39106),m=a(60086),x=a(86070);function h(e){let{indexLinks:t,type:a,roadmapCategory:s}=e;const r=(0,m.A)({handle:a});if(!r)return null;const{Icon:n,color:l,slug:i,name:o}=r,h=new Set(t),u=h.has("features"),p=h.has("pricing"),g=h.has("customers"),f=h.has("comparison"),j=h.has("docs"),y=h.has("tutorials"),v=h.has("questions"),b=h.has("team"),N=h.has("roadmap"),w=h.has("changelog");return(0,x.jsxs)("div",{className:"grid grid-cols-1 @sm:grid-cols-2 gap-2 p-2 relative max-w-4xl",children:[u&&(0,x.jsx)("div",{children:(0,x.jsx)(d.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"xl",icon:(0,x.jsx)(n,{className:"text-"+l}),to:i+"/features",className:"text-primary hover:text-primary",children:"Features"})}),p&&(0,x.jsx)("div",{children:(0,x.jsx)(d.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"xl",icon:(0,x.jsx)(c.IconCreditCard,{className:"text-blue"}),to:i+"/pricing",className:"text-primary hover:text-primary",children:"Pricing"})}),g&&(0,x.jsx)("div",{children:(0,x.jsx)(d.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"xl",icon:(0,x.jsx)(c.IconMegaphone,{className:"text-orange"}),to:i+"/customers",className:"text-primary hover:text-primary",state:{newWindow:!0},children:"Social proof"})}),f&&(0,x.jsx)("div",{children:(0,x.jsx)(d.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"xl",icon:(0,x.jsx)(c.IconListCheck,{className:"text-lime-green"}),to:i+"/vs",className:"text-primary hover:text-primary",children:"PostHog vs..."})}),j&&(0,x.jsx)("div",{children:(0,x.jsx)(d.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"xl",icon:(0,x.jsx)(c.IconBook,{className:"text-blue"}),to:"/docs"+i,className:"text-primary hover:text-primary",state:{newWindow:!0},children:"Docs"})}),y&&(0,x.jsx)("div",{children:(0,x.jsx)(d.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"xl",icon:(0,x.jsx)(c.IconBook,{className:"text-purple"}),to:"/tutorials"+i,className:"text-primary hover:text-primary",children:"Tutorials"})}),v&&(0,x.jsx)("div",{children:(0,x.jsx)(d.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"xl",icon:(0,x.jsx)(c.IconMessage,{className:"text-red"}),to:"/questions/topic"+i,className:"text-primary hover:text-primary",children:"Questions?"})}),b&&(0,x.jsx)("div",{children:(0,x.jsx)(d.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"xl",icon:(0,x.jsx)(c.IconPeople,{className:"text-purple"}),to:"/teams"+i,className:"text-primary hover:text-primary",children:"Team"})}),N&&(0,x.jsx)("div",{children:(0,x.jsx)(d.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"xl",icon:(0,x.jsx)(c.IconGanttChart,{className:"text-seagreen"}),to:"/roadmap?team="+o,className:"text-primary hover:text-primary",children:"Roadmap"})}),w&&(0,x.jsx)("div",{children:(0,x.jsx)(d.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"xl",icon:(0,x.jsx)(c.IconCalendar,{className:"text-blue"}),to:"/changelog?product="+o,className:"text-primary hover:text-primary",children:"Changelog"})})]})}function u(){return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(i.Ay,{title:"Product Analytics - PostHog",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,x.jsxs)(s.A,{template:"product",slug:"product-analytics",title:"Product analytics with autocapture",accentImage:(0,x.jsx)(l.A,{src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/components/Product/ProductAnalytics/images/screenshot-product-analytics.png",alt:"Screenshot of PostHog Product Analytics",className:"w-full",placeholder:"none"}),indexLinks:["features","pricing","customers","comparison","docs","tutorials","questions","team","roadmap","changelog"],leftSidebarContent:(0,x.jsx)(o.A,{type:"product_analytics"}),children:[(0,x.jsxs)("p",{className:"max-w-lg",children:["PostHog is the only developer platform built to natively work with"," ",(0,x.jsx)(r.Link,{to:"/session-replay",children:"session replays"}),", ",(0,x.jsx)(r.Link,{to:"/feature-flags",children:"feature flags"}),","," ",(0,x.jsx)(r.Link,{to:"/experiments",children:"experiments"}),", and ",(0,x.jsx)(r.Link,{to:"/surveys",children:"surveys"}),"."]}),(0,x.jsxs)("p",{className:"flex gap-2",children:[(0,x.jsx)(n.E0,{href:"/signup",type:"primary",size:"md",children:"Get started"}),(0,x.jsx)(n.E0,{href:"/talk-to-a-human",type:"secondary",size:"md",children:"Talk to a human"})]}),(0,x.jsx)(h,{indexLinks:["features","pricing","customers","comparison","docs","tutorials","questions","team","roadmap","changelog"],type:"product_analytics"})]})]})}},59145:function(e,t,a){a.d(t,{A:function(){return n}});var s=a(96549),r=a(86070);function n(e){let{selectOptions:t,currentPath:a,handleValueChange:n,selectedCategory:l}=e;return(0,r.jsx)("div",{"data-scheme":"secondary",className:"bg-primary px-2 pb-2 border-b border-primary",children:(0,r.jsx)(s.l,{groups:t,placeholder:"Select...",ariaLabel:"Products",defaultValue:l||a,onValueChange:n,className:"w-full",dataScheme:"primary"})})}},94414:function(e,t,a){a.d(t,{A:function(){return o}});var s=a(60086),r=a(93058),n=a(39106),l=a(49271),i=a(86070);function o(e){let{type:t}=e;const a=(0,s.A)({handle:t});if(!a)return null;const{Icon:o,color:c,name:d,description:m,startsAt:x,billingData:{unit:h}={unit:""},freeLimit:u,worksWith:p,sharesFreeTier:g}=a;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",a.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]}),g&&(0,i.jsxs)("span",{className:"block text-xs italic text-secondary mt-1",children:["*Shares free tier with ",g.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)(n.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"md",icon:(0,i.jsx)(l.IconCursor,{className:"text-green"}),to:"https://app.posthog.com/signup",className:"text-primary hover:text-primary",children:"Try it – free"}),(0,i.jsx)(n.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"md",icon:(0,i.jsx)(l.IconHeadset,{className:"text-purple"}),to:"/talk-to-a-human",className:"text-primary hover:text-primary",children:"Talk to a human"}),(0,i.jsx)(n.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"md",icon:(0,i.jsx)(l.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:a&&p&&p.map(e=>{if(!e)return null;const{Icon:t,color:a,name:s,slug:r}=e;return(0,i.jsx)(n.A,{variant:"underline",asLink:!0,align:"left",width:"full",size:"md",icon:(0,i.jsx)(t,{className:"text-"+a}),to:r,className:"text-primary hover:text-primary",children:s},e.type)})})}]})]})}}}]);
2//# sourceMappingURL=component---src-pages-product-analytics-explorer-index-tsx-f1d7acaaba4e0493e42c.js.map