https://app.thrivestack.ai/1278.148afc94984145ee182d.js

1"use strict";(self.webpackChunkplg_crm=self.webpackChunkplg_crm||[]).push([[1278],{1278(e,t,n){n.d(t,{SetupPreventChurn:()=>w});var a=n(55285),r=n(49555),s=n(44914),l=n(96728),o=n(96452),i=n(32816),c=n(92207),m=n.n(c),u=n(45404),d=n(24095),p=n(95404),g=n(68431),f=n(87578);function h(e){var t=e.id,n=e.title,a=e.icon,l=e.shortDesc,c=e.challenge,h=e.solution,v=e.benefitIcon,E=e.benefit,x=e.features,y=e.teams,b=e.setupStatus,N=e.setupTime,w=e.steps,S=e.teamMembers,C=(e.completedSteps,e.isSelected),k=e.isExpanded,A=e.beta,I=e.addon,L=e.onSelect,T=e.onExpand,_=e.onInviteTeam,D=(0,s.useState)(!1),P=(0,r.A)(D,2),M=P[0],z=P[1],B=(0,s.useState)(null),R=(0,r.A)(B,2),j=R[0],O=R[1],U=(0,g.w)().isReady,q=function(){var e=(0,i.A)(m().mark(function e(t){return m().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:console.log("Emails received from modal:",t),z(!1);case 1:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}();return s.createElement("div",{onClick:function(e){return T(t,e)},className:"\n        bg-white rounded-xl shadow-sm transition-all duration-300\n        ".concat(C?"ring-2 ring-primaryColor":"hover:shadow-md","\n        cursor-pointer group\n      ")},s.createElement("div",{className:"p-4",onClick:function(){return L(t)}},s.createElement("div",{className:"flex items-start justify-between"},s.createElement("div",{className:"flex items-start space-x-4"},s.createElement("div",{className:"\n              p-3 rounded-lg transition-colors duration-200 flex-shrink-0\n              ".concat(C?"bg-primaryColor text-white":"bg-primaryExtremeLightColor text-primaryColor","\n              group-hover:").concat(C?"":"bg-primaryExtremeLightColor","\n            ")},a),s.createElement("div",null,s.createElement("div",{className:"flex items-center justify-between"},s.createElement("div",{className:"flex items-center gap-3"},s.createElement("h3",{className:"text-xl font-semibold text-gray-900"},n),A&&s.createElement("span",{className:"inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium bg-yellow-50 text-yellow-700"},"Beta"),I&&s.createElement("span",{className:"inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium bg-purple-50 text-purple-700 border border-purple-100"},"Addon"))),s.createElement("p",{className:"text-gray-600 mb-2"},l),s.createElement("div",{className:"flex flex-wrap gap-2"},y.map(function(e){return s.createElement("div",{key:e,className:"relative group"},s.createElement("div",{className:"inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-primaryExtremeLightColor text-primaryColor border border-primaryExtremeLightColor  hover:bg-primaryLightColor hover:text-[#1556D0] "},s.createElement(o.Users2,{className:"w-3 h-3 mr-1"}),s.createElement("button",{onClick:function(t){return function(e){var t=(0,p.M)(e);O(t),z(!0)}(e)}},e),_&&s.createElement("button",{onClick:function(t){t.stopPropagation(),_(e)}})),S&&S.length>0&&s.createElement("div",{className:"absolute -bottom-2 left-2 flex -space-x-2"},S.slice(0,3).map(function(e,t){return s.createElement("img",{key:t,src:e.avatar,alt:e.name,className:"w-5 h-5 rounded-full border-2 border-white",title:e.name})}),S.length>3&&s.createElement("div",{className:"w-5 h-5 rounded-full bg-gray-100 border-2 border-white flex items-center justify-center text-[10px] text-gray-600 font-medium"},"+",S.length-3)))})))),s.createElement("div",{className:"flex items-center space-x-3"},U?s.createElement(u.W,{status:b,setupTime:N,steps:w}):s.createElement(f.Skeleton.Button,{active:!0,size:"small",shape:"round",style:{width:120}}),s.createElement("button",{className:"\n                p-1 rounded-full transition-transform duration-200\n                ".concat(k?"rotate-180":"","\n              ")},s.createElement(o.ChevronDown,{className:"w-5 h-5 text-gray-500"})))),s.createElement("div",{className:"\n          grid transition-all duration-300 ease-in-out\n          ".concat(k?"grid-rows-[1fr] mt-4":"grid-rows-[0fr]","\n        ")},s.createElement("div",{className:"overflow-hidden"},s.createElement("div",{className:"border-t pt-4 space-y-4"},s.createElement("div",{className:"grid grid-cols-2 gap-4"},s.createElement("div",null,s.createElement("h4",{className:"font-medium text-gray-900 mb-2"},"Challenge"),s.createElement("p",{className:"text-gray-600 text-sm"},c)),s.createElement("div",null,s.createElement("h4",{className:"font-medium text-gray-900 mb-2"},"Solution"),s.createElement("p",{className:"text-gray-600 text-sm"},h))),s.createElement("div",null,s.createElement("h4",{className:"font-medium text-gray-900 mb-2"},"Key Features"),s.createElement("div",{className:"grid grid-cols-2 gap-2"},x.map(function(e,t){return s.createElement("div",{key:t,className:"flex items-center text-sm text-gray-600"},s.createElement("div",{className:"w-1.5 h-1.5 rounded-full bg-primaryColor mr-2"}),e)}))),s.createElement("div",{className:"flex items-center text-sm text-primaryColor font-medium"},v,s.createElement("span",{className:"ml-2"},E)))))),M&&j&&s.createElement(d.O,{isOpen:M,onClose:function(){return z(!1)},team:j,onInvite:q}))}var v=n(52216),E=n(24188),x=n(94655),y=n(18330),b=n(99334),N=n(69540);

1function w(){var e,t,n,i=(0,l.Yx)(),c=(0,s.useState)(!1),m=(0,r.A)(c,2),u=m[0],p=m[1],g=(0,s.useState)(null),f=(0,r.A)(g,2),w=f[0],S=f[1],C=(0,s.useState)(null),k=(0,r.A)(C,2),A=k[0],I=k[1],L=(0,s.useState)(!1),T=(0,r.A)(L,2),_=T[0],D=T[1],P=(0,s.useState)(null),M=(0,r.A)(P,2),z=M[0],B=M[1],R=(0,N._K)(),j=(R.isDemoMode,R.toggleDemoMode,(0,s.useState)(!0)),O=(0,r.A)(j,2),U=O[0],q=O[1],G=[{id:"retention",isEnabled:!0,beta:!1,title:"Setup Retention Health Score",icon:s.createElement(o.Terminal,{className:"w-8 h-8"}),shortDesc:"Set up a Retention Health Score to quantify customer loyalty, track engagement trends, and identify early signs of churn",challenge:"Need to track product usage but lack proper guidance for instrumentation",solution:"Implement comprehensive event tracking with minimal code",benefitIcon:s.createElement(o.Zap,{className:"w-5 h-5"}),benefit:"90% reduction in analytics setup time",features:["Page and User activity tracking","Account-level analytics","Billing event monitoring","Automated data validation"],teams:["Customer Success teams"],setupStatus:(0,x.B)((0,y.useSelector)(function(e){return e.modules}),"product_analytics.setup_product_telemetry"),setupTime:15,steps:8,completedSteps:0},{id:"conversational-intelligence",isEnabled:!0,beta:!0,addon:!0,title:"Setup Conversational Intelligence",icon:s.createElement(o.MessageSquare,{className:"w-8 h-8"}),shortDesc:"Connect customer channels, layer AI, and turn every conversation into account-level signals",challenge:"Customer conversations live in Slack and tickets but never become structured retention signals",solution:"Read shared channels with AI, map them to accounts, and surface risk and intent automatically",benefitIcon:s.createElement(o.Zap,{className:"w-5 h-5"}),benefit:"~15 minute setup with zero engineering",features:["Slack workspace and Slack Connect channels","Bring-your-own Anthropic key","Auto-map channels to accounts","Sentiment, tasks, and topic signals"],teams:["Customer Success teams","Support teams"],setupStatus:"not_started",setupTime:15,steps:4,completedSteps:0},{id:"expansion",isEnabled:!1,beta:!1,title:"Setup Expansion",icon:s.createElement(o.LineChart,{className:"w-8 h-8"}),shortDesc:"Create custom reports without SQL",challenge:"Need insights but lack technical SQL expertise",solution:"Visual report builder with guided analytics",benefitIcon:s.createElement(o.Wrench,{className:"w-5 h-5"}),benefit:"60% faster report creation",features:["Visual query builder","Automatic Customer Journey Reports","Customized based on events","Guided setup"],teams:["Product teams","Marketing teams"],setupStatus:(0,x.B)((0,y.useSelector)(function(e){return e.modules}),"product_analytics.customize_analytics_reports"),setupTime:10,steps:5,completedSteps:2}],H=function(e){S(e),q(!0)},Q=function(e,t){t.stopPropagation(),I(A===e?null:e),q(!1)},V=function(e){B(e),D(!0)};return s.createElement("div",{className:U?"fixed outset-0 h-screen w-screen overflow-y-auto bg-gradient-to-br bg-primaryExtremeLightColor dark:from-gray-900 dark:to-primaryDarkColor transition-colors duration-200":"h-screen w-screen overflow-y-auto bg-gradient-to-br bg-primaryExtremeLightColor dark:from-gray-900 dark:to-primaryDarkColor transition-colors duration-200"},s.createElement("div",{className:"min-h-screen bg-gray-50 w-[70%] mx-auto px-8 relative"},s.createElement("div",{className:"flex flex-col py-4 gap-4 mb-7"},s.createElement("div",{className:"flex"},s.createElement("button",{onClick:function(){return i("/onboarding")},className:"w-fit p-0 min-w-0 text-gray-600 hover:text-gray-900"},s.createElement(o.ArrowLeft,{className:"w-5 h-5"}))),s.createElement(E.p,{icon:s.createElement(o.BarChart2,{className:"w-8 h-8 text-primaryColor"}),title:"Predict and Prevent Churn",description:"Follow these steps to identify at-risk customers early and take proactive actions to reduce churn and improve retention.",teams:[b.V.CUSTOMER_SUCCESS_TEAMS],setupTime:33,totalSteps:3,completedSteps:0,onInviteTeam:V})),s.createElement("div",{className:"bg-white rounded-xl shadow-sm border border-gray-200 mb-8 overflow-hidden"},s.createElement("button",{onClick:function(){return p(!u)},className:"w-full px-6 py-4 flex items-center justify-between border rounded-sm"},s.createElement("div",{className:"flex items-center"},s.createElement(o.InfoIcon,{className:"w-5 h-5 text-primaryColor mr-2"}),s.createElement("span",{className:"font-semibold text-gray-900"},"Learn How Product Intelligence Works")),u?s.createElement(o.ChevronUp,{className:"w-5 h-5 text-gray-500"}):s.createElement(o.ChevronDown,{className:"w-5 h-5 text-gray-500"})),s.createElement("div",{className:"\n              grid transition-all duration-300 ease-in-out\n              ".concat(u?"grid-rows-[1fr]":"grid-rows-[0fr]","\n            ")},s.createElement("div",{className:"overflow-hidden"},s.createElement("div",{className:"p-6 space-y-6"},s.createElement("div",{className:"rounded-lg overflow-hidden relative"},s.createElement("img",{src:v,alt:"Tutorial preview",className:"h-[70%] object-cover"})),s.createElement("div",{className:"grid grid-cols-3 gap-6"},s.createElement("div",{className:"space-y-2"},s.createElement("h3",{className:"font-semibold text-gray-900"},"Developer Integration"),s.createElement("p",{className:"text-sm text-gray-600"},"Developers send telemetry events for users, accounts, and billing. Telemetry guidance and Event Studio verifications reduces setup time by 90%.")),s.createElement("div",{className:"space-y-2"},s.createElement("h3",{className:"font-semibold text-gray-900"},"Growth Team Customization"),s.createElement("p",{className:"text-sm text-gray-600"},"Growth and Product teams customize reports without technical skills. No SQL or data warehouse needed.")),s.createElement("div",{className:"space-y-2"},s.createElement("h3",{className:"font-semibold text-gray-900"},"Leadership Insights"),s.createElement("p",{className:"text-sm text-gray-600"},"Leadership teams access insights and set up alerts for key metrics and business outcomes."))))))),s.createElement("div",{className:"grid grid-cols-1 gap-3"},G.filter(function(e){return e.isEnabled}).map(function(e){return s.createElement(h,(0,a.A)({key:e.id},e,{isSelected:w===e.id,isExpanded:A===e.id,onSelect:H,onExpand:Q,onInviteTeam:V}))})),z&&_&&s.createElement(d.O,{isOpen:_,onClose:function(){return D(!1)}

1,team:z,onInvite:function(){}}),w&&s.createElement("div",{className:"fixed bottom-6 z-50",style:{left:"calc(50% + 40% - 50px)"}},s.createElement("button",{onClick:function(){"retention"===w?i("/onboarding/predict-prevent-churn/retention"):"conversational-intelligence"===w?i("/onboarding/predict-prevent-churn/conversational-intelligence"):"expansion"===w&&i("/onboarding/predict-prevent-churn/expansion")},disabled:"coming_soon"===(null===(e=G.find(function(e){return e.id===w}))||void 0===e?void 0:e.setupStatus),className:"\n                inline-flex items-center justify-center space-x-2 px-6 py-3 rounded-lg font-semibold transition-colors\n                shadow-lg hover:shadow-xl\n                ".concat("coming_soon"===(null===(t=G.find(function(e){return e.id===w}))||void 0===t?void 0:t.setupStatus)?"bg-gray-100 text-gray-400 cursor-not-allowed":"bg-primaryColor text-white hover:bg-primaryColor","\n              ")},s.createElement("span",null,"coming_soon"===(null===(n=G.find(function(e){return e.id===w}))||void 0===n?void 0:n.setupStatus)?"Planned":"Continue Setup"),s.createElement(o.ArrowRight,{className:"w-5 h-5"})))))}}}]);
2//# sourceMappingURL=1278.148afc94984145ee182d.js.map