(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp||[]).push([[6106],{70883:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>oe}),r(14078),r(61418);var n=r(84390),a=r.n(n),o=r(72060),i=r(70314),l=r(85939),s=r.n(l),c=r(45448),d=r(12763),u=r(32394),m=r(19601),p=r(83905),f=r(23894),g=r(28176),b=r(40364),h=r(77737),y=r(1514),v=r(28794),x=r(73556),k=r(73065),E=r(23615),_=r.n(E),w=r(11313),O=r(66900),S=r(28342);const N=e=>{let{onExited:t}=e;const[r,o]=(0,n.useState)(!0),l=(0,i.useDispatch)(),s=(0,i.useSelector)(O.rc),c=(0,n.useCallback)((()=>{o(!1);const e=[{user_id:s,category:S.I2,name:S.dc.ONBOARDING_TASK_LIST_OPEN,value:"true"}];l((0,u.$A)(s,e))}),[s]);return a().createElement(w.Modal,{id:S.dc.ONBOARDING_VIDEO_MODAL,dialogClassName:"a11y__modal on-boarding-video_modal",show:r,onHide:c,onExited:t,enforceFocus:!1,role:"dialog","aria-labelledby":"onBoardingVideoModal"},a().createElement(w.Modal.Header,{closeButton:!0}),a().createElement(w.Modal.Body,null,a().createElement("iframe",{src:"//fast.wistia.net/embed/iframe/y4jbcyd7ej",allowTransparency:!0,frameBorder:"0",scrolling:"no",className:"wistia_embed",name:"wistia_embed",allowFullScreen:!0})))};N.propTypes={onExited:_().func.isRequired};const I=N,A=r.p+"files/db2d7e134da4eb88e4c0.svg";var T=r(23712),C=r(72137);const M=s().div.withConfig({displayName:"Animation"})(["position:absolute;z-index:30;flex-direction:column;left:15px;bottom:0;display:none;&.completed{display:flex;}&:before{content:'';background-color:var(--denim-status-online);opacity:0;border-radius:50%;width:1rem;bottom:15%;position:absolute;height:1rem;margin-left:auto;margin-right:auto;left:0;right:0;}.x1{opacity:0;animation-delay:150ms;}.x2{transform:scale(0.6);margin-left:6px;animation-delay:250ms;opacity:0;}.x3{transform:scale(0.6);margin-left:-6px;animation-delay:300ms;opacity:0;}.x4{transform:scale(0.2);opacity:0;}&.completed{&:before{animation:opacity 800ms ease-in-out,scale 800ms linear;}.x1,.x2,.x3,.x4{animation:opacity 900ms ease-in-out,moveUp 900ms linear;}}@keyframes moveUp{0%{top:0;}100%{top:-50px;}}@keyframes opacity{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@keyframes scale{0%{transform:scale(0);}50%{transform:scale(2);}100%{transform:scale(4);}}"]),P=e=>a().createElement(M,{className:e.completed?"completed":""},a().createElement(C.ZP,{status:"online",className:"x1"}),a().createElement(C.ZP,{status:"online",className:"x2"}),a().createElement(C.ZP,{status:"online",className:"x3"}),a().createElement(C.ZP,{status:"online",className:"x4"}));var j=r(82365),D=r(35683),R=r(77436);const F=r.p+"files/2a8c0b1b24fe26f9bfcf.svg",L=s().div.withConfig({displayName:"CompletedWrapper"})(['display:flex;flex-direction:column;align-items:center;padding:26px 24px 0 24px;margin:auto;text-align:center;word-break:break-word;width:100%;height:500px;&.fade-enter{transform:scale(0);}&.fade-enter-active{transform:scale(1);}&.fade-enter-done{transform:scale(1);}&.fade-exit{transform:scale(1);}&.fade-exit-active{transform:scale(1);}&.fade-exit-done{transform:scale(1);}.start-trial-btn,.got-it-button{padding:13px 20px;background:var(--button-bg);border-radius:4px;color:var(--sidebar-text);border:none;font-weight:bold;margin-top:15px;min-height:40px;&:hover{background:var(--button-bg) !important;color:var(--sidebar-text) !important;}}h2{font-size:20px;margin:0 0 10px;font-weight:600;}.start-trial-text,.completed-subtitle{font-size:14px !important;color:rgba(var(--center-channel-color-rgb),0.75);line-height:20px;}.completed-subtitle{margin-top:5px;}.disclaimer,.download-apps{width:90%;margin-top:15px;color:rgba(var(--center-channel-color-rgb),0.75);font-family:"Open Sans";font-style:normal;font-weight:normal;line-height:16px;}.disclaimer{text-align:left;margin-top:auto;font-size:11px;}.download-apps{margin-top:24px;width:200px;font-size:12px;}.style-link{border:none;background:none !important;color:var(--button-bg) !important;}.no-thanks-link{display:inline-block;min-width:fit-content;margin-top:18px;font-weight:600;font-size:14px;line-height:20px;&:hover{text-decoration:underline;}}']),B=e=>{const{dismissAction:t}=e,r=(0,i.useDispatch)();(0,n.useEffect)((()=>{r((0,d.CJ)())}),[]);const l=(0,i.useSelector)((e=>e.entities.admin.prevTrialLicense)),s=(0,i.useSelector)(m.lJ),c=null==l?void 0:l.IsLicensed,u=null==s?void 0:s.IsLicensed,p="true"===(null==s?void 0:s.Cloud),f="false"===u&&"false"===c&&(e.isCurrentUserSystemAdmin||e.isFirstAdmin)&&!p,{formatMessage:g}=(0,o.useIntl)();return a().createElement(a().Fragment,null,a().createElement(j.Z,{in:!0,timeout:150,classNames:"fade"},a().createElement(L,null,a().createElement("img",{src:F,alt:"completed tasks image"}),a().createElement("h2",null,a().createElement(o.FormattedMessage,{id:"onboardingTask.checklist.completed_title",defaultMessage:"Well done. You’ve completed all of the tasks!"})),a().createElement("span",{className:"completed-subtitle"},a().createElement(o.FormattedMessage,{id:"onboardingTask.checklist.completed_subtitle",defaultMessage:"We hope Mattermost is more familiar now."})),f?a().createElement(a().Fragment,null,a().createElement("span",{className:"start-trial-text"},a().createElement(o.FormattedMessage,{id:"onboardingTask.checklist.higher_security_features",defaultMessage:"Interested in our higher-security features?"})," ",a().createElement("br",null),a().createElement(o.FormattedMessage,{id:"onboardingTask.checklist.start_enterprise_now",defaultMessage:"Start your free Enterprise trial now!"})),a().createElement(R.Z,{message:g({id:"start_trial.modal_btn.start_free_trial",defaultMessage:"Start free 30-day trial"}),telemetryId:"start_trial_from_onboarding_completed_task",onClick:t}),a().createElement("button",{onClick:t,className:"no-thanks-link style-link"},a().createElement(o.FormattedMessage,{id:"onboardingTask.checklist.no_thanks",defaultMessage:"No, thanks"}))):a().createElement("button",{onClick:t,className:"got-it-button"},a().createElement(o.FormattedMessage,{id:"collapsed_reply_threads_modal.confirm",defaultMessage:"Got it"})),a().createElement("div",{className:"download-apps"},a().createElement("span",null,a().createElement(o.FormattedMessage,{id:"onboardingTask.checklist.downloads",defaultMessage:"Now that you’re all set up, <link>download our apps.</link>!",values:{link:e=>a().createElement(D.Z,{location:"onboarding_tasklist_completed",href:"https://mattermost.com/download#desktop"},e)}}))),f&&a().createElement("div",{className:"disclaimer"},a().createElement("span",null,a().createElement(o.FormattedMessage,{id:"onboardingTask.checklist.disclaimer",defaultMessage:"By clicking “Start trial”, I agree to the <linkEvaluation>Mattermost Software and Services License Agreement</linkEvaluation>, <linkPrivacy>privacy policy</linkPrivacy> and receiving product emails.",values:{linkEvaluation:e=>a().createElement(D.Z,{href:T.dj.SOFTWARE_SERVICES_LICENSE_AGREEMENT,location:"onboarding_tasklist_completed"},e),linkPrivacy:e=>a().createElement(D.Z,{href:T.nW.PRIVACY_POLICY,location:"onboarding_tasklist_completed"},e)}}))))))};B.propTypes={dismissAction:_().func.isRequired,isCurrentUserSystemAdmin:_().bool.isRequired,isFirstAdmin:_().bool.isRequired};const z=B;r(48410),r(92189);var G=r(69372),U=r(87560),V=r(54335),K=r.n(V),W=function(e){return e.reduce((function(e,t){var r=t[0],n=t[1];return e[r]=n,e}),{})},Z="undefined"!=typeof window&&window.document&&window.document.createElement?n.useLayoutEffect:n.useEffect,q=[],H=function(e,t,r){void 0===r&&(r={});var a=n.useRef(null),o={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||q},i=n.useState({styles:{popper:{position:o.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),l=i[0],s=i[1],c=n.useMemo((function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(e){var t=e.state,r=Object.keys(t.elements);G.flushSync((function(){s({styles:W(r.map((function(e){return[e,t.styles[e]||{}]}))),attributes:W(r.map((function(e){return[e,t.attributes[e]]})))})}))},requires:["computeStyles"]}}),[]),d=n.useMemo((function(){var e={onFirstUpdate:o.onFirstUpdate,placement:o.placement,strategy:o.strategy,modifiers:[].concat(o.modifiers,[c,{name:"applyStyles",enabled:!1}])};return K()(a.current,e)?a.current||e:(a.current=e,e)}),[o.onFirstUpdate,o.placement,o.strategy,o.modifiers,c]),u=n.useRef();return Z((function(){u.current&&u.current.setOptions(d)}),[d]),Z((function(){if(null!=e&&null!=t){var n=(r.createPopper||U.fi)(e,t,d);return u.current=n,function(){n.destroy(),u.current=null}}}),[e,t,r.createPopper]),{state:u.current?u.current.state:null,styles:l.styles,attributes:l.attributes,update:u.current?u.current.update:null,forceUpdate:u.current?u.current.forceUpdate:null}};function J(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function $(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?J(Object(r),!0).forEach((function(t){var n,a,o;n=e,a=t,o=r[t],(a=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(a))in n?Object.defineProperty(n,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const Y=s().div.withConfig({displayName:"Overlay"})(["background-color:rgba(0,0,0,0.5);display:flex;align-items:flex-end;justify-content:center;height:100%;min-height:100%;left:0;right:0;top:0;position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;pointer-events:auto;-ms-scroll-chaining:none;transition:150ms;transition-property:background-color;transition-timing-function:ease-in-out;z-index:100;&.fade-enter{background-color:rgba(0,0,0,0);}&.fade-enter-active{background-color:rgba(0,0,0,0.5);}&.fade-enter-done{background-color:rgba(0,0,0,0.5);}&.fade-exit{background-color:rgba(0,0,0,0.5);}&.fade-exit-active{background-color:rgba(0,0,0,0);}&.fade-exit-done{background-color:rgba(0,0,0,0);}"]),X=e=>{let{trigger:t,placement:r="top-start",isVisible:n,offset:o=[0,5],children:i,onClick:l}=e;const[s,c]=a().useState(null),{styles:{popper:d},attributes:u}=H(t.current,s,{placement:r,modifiers:[{name:"offset",options:{offset:o}}]}),m={container:$($({},d),{},{zIndex:n?100:-1,position:"fixed"})};return a().createElement(a().Fragment,null,a().createElement(j.Z,{timeout:150,classNames:"fade",in:n,unmountOnExit:!0},a().createElement(Y,{onClick:l,"data-cy":"onboarding-task-list-overlay"})),a().createElement("div",Object.assign({ref:c,style:m.container},u.popper),i))},Q=s().div.withConfig({displayName:"StyledTask"})(["display:flex;background-color:var(--center-channel-bg);cursor:pointer;width:100%;padding:8px 20px;font-size:14px;align-items:flex-start;color:var(--center-channel-color);position:relative;span{div{display:flex;align-items:flex-start;picture{display:flex;align-items:center;margin-right:10px;}}}&.completed{color:var(--denim-status-online);span{span{text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:-0.325em;}}}:hover{background:rgba(var(--center-channel-color-rgb),0.08);}:active{background-color:rgba(var(--button-bg-rgb),0.08);}:focus{box-shadow:inset 0 0 0 2px rgba(255,255,255,0.32),inset 0 0 0 2px blue;}transition:background 250ms ease-in-out,color 250ms ease-in-out,box-shadow 250ms ease-in-out;"]),ee=e=>{const{label:t,completedStatus:r,onClick:n}=e;return a().createElement(Q,{className:r?"completed":"",onClick:()=>{n&&n()}},r&&a().createElement(P,{completed:r}),a().createElement("span",null,t))};ee.propTypes={label:_().element.isRequired,icon:_().node,onClick:_().func,completedStatus:_().bool.isRequired};const te=s().div.withConfig({displayName:"TaskItems"})(["border-radius:var(--radius-m);border:solid 1px rgba(var(--center-channel-color-rgb),0.16);background-color:var(--center-channel-bg);width:352px;padding:24px 0;transform:scale(0);opacity:0;box-shadow:var(--elevation-6);transition:opacity 250ms ease-in-out 0ms,transform 250ms ease-in-out 0ms;transform-origin:left bottom;max-height:","px;overflow-y:auto;&.open{transform:scale(1);opacity:1;}h1{font-size:20px;padding:0 24px;margin:0;}p{font-size:12px;color:rgba(var(--center-channel-color-rgb),0.75);padding:4px 24px;}.link{font-size:12px;color:var(--link-color);padding:12px 24px 0;font-weight:bold;cursor:pointer;display:block;:hover{text-decoration:underline}}"],document.documentElement.clientHeight),re=s().button.withConfig({displayName:"Button"})((e=>{let{open:t}=e;return(0,l.css)(["width:36px;height:36px;padding:7px;border-radius:var(--radius-full);left:15px;bottom:15px;position:fixed;z-index:101;display:flex;align-items:center;background:var(--center-channel-bg);border:solid 1px rgba(var(--center-channel-color-rgb),0.16);box-shadow:var(--elevation-3);color:rgba(var(--center-channel-color-rgb),0.75);&:hover{border-color:rgba(var(--center-channel-color-rgb),0.24);box-shadow:var(--elevation-4);color:rgba(var(--center-channel-color-rgb),0.75)}span{width:20px;height:16px;background:var(--button-bg);position:absolute;display:",";border-radius:12px;color:var(--button-color);font-weight:bold;font-size:11px;line-height:16px;bottom:22px;left:22px;}"],t?"none":"block")})),ne=s().button.withConfig({displayName:"PlayButton"})(["padding:10px 0;max-width:175px;background:var(--button-bg);border-radius:var(--radius-s);color:var(--button-color);border:none;font-weight:bold;position:absolute;z-index:1;margin-left:auto;margin-right:auto;left:0;right:0;top:48px;&:hover{border-color:rgba(var(--center-channel-color-rgb),0.24);box-shadow:var(--elevation-4);}svg{margin-right:6px;vertical-align:middle;}"]),ae=s().div.withConfig({displayName:"Skeleton"})(["height:auto;margin:0 auto;padding:0 20px;position:relative;"]),oe=()=>{const e=(0,i.useSelector)((e=>0!==Object.keys((0,p.VJ)(e)).length));(0,n.useEffect)((()=>{l((0,d.CJ)()),e||l((0,u.VJ)())}),[]);const t=(0,i.useSelector)((e=>(0,p.o4)(e,x.I2,x.dc.ONBOARDING_TASK_LIST_OPEN))),r=(0,n.useRef)(null),l=(0,i.useDispatch)(),s=(0,i.useSelector)(f.rc),E=(0,k.yb)(),_=(0,x.jx)(),[w,O]=(0,n.useState)(_.filter((e=>e.status)).length),[S,N]=(0,n.useState)(!1),C=_.length-w,M=(0,v.hp)(),j=(0,v.NT)(),D=(0,i.useSelector)((e=>"true"===(0,m.iE)(e).EnableOnboardingFlow)),[R,F]=(0,i.useSelector)(h.Jp,((e,t)=>e[0]===t[0]&&e[1]===t[1])),L=(0,i.useSelector)(p.gh);(0,n.useEffect)((()=>{F&&(async()=>{await l((0,u.$A)(s,[{category:x.I2,user_id:s,name:x.dc.ONBOARDING_TASK_LIST_SHOW,value:"true"},{user_id:s,category:x.I2,name:x.dc.ONBOARDING_TASK_LIST_OPEN,value:"true"},{user_id:s,category:T.uP.RECOMMENDED_NEXT_STEPS,name:T.m1.HIDE,value:"true"}]))})()}),[]),(0,n.useEffect)((()=>{F&&R&&D&&(0,g.L9)(x.I2,x.dc.ONBOARDING_TASK_LIST_SHOW)}),[F,R,D]),(0,n.useEffect)((()=>{const e=_.filter((e=>e.status)).length;localStorage.getItem(x.I2)||w+1===e&&!t?(setTimeout((()=>{N(!0),O(e)}),100),setTimeout((()=>{N(!1),O(e)}),500),localStorage.removeItem(x.I2)):O(e)}),[_,w]);const B=(0,n.useCallback)((()=>{const e=[{user_id:s,category:x.I2,name:x.dc.ONBOARDING_TASK_LIST_SHOW,value:"false"},{user_id:s,category:x.I2,name:x.dc.ONBOARDING_TASK_LIST_OPEN,value:"false"}];l((0,u.$A)(s,e)),(0,g.L9)(x.I2,x.dc.DECLINED_ONBOARDING_TASK_LIST)}),[s]),G=(0,n.useCallback)((()=>{const e=[{user_id:s,category:x.I2,name:x.dc.ONBOARDING_TASK_LIST_OPEN,value:String(!t)}];l((0,u.$A)(s,e)),(0,g.L9)(x.I2,t?x.dc.ONBOARDING_TASK_LIST_CLOSE:x.dc.ONBOARDING_TASK_LIST_OPEN)}),[t,s]),U=(0,n.useCallback)((()=>{G(),l((0,b.h)({modalId:x.dc.ONBOARDING_VIDEO_MODAL,dialogType:I,dialogProps:{}}))}),[]);return e&&R&&D?a().createElement(y.default,{theme:L},a().createElement(P,{completed:S}),a().createElement(re,{onClick:G,ref:r,open:t,"data-cy":"onboarding-task-list-action-button"},t?a().createElement(c.CloseIcon,{size:20}):a().createElement(c.PlaylistCheckIcon,{size:20}),0!==C&&a().createElement("span",null,C)),a().createElement(X,{isVisible:t,trigger:r,onClick:G},a().createElement(te,{className:t?"open":""},w===_.length?a().createElement(z,{dismissAction:B,isFirstAdmin:j,isCurrentUserSystemAdmin:M}):a().createElement(a().Fragment,null,a().createElement("h1",null,a().createElement(o.FormattedMessage,{id:"next_steps_view.welcomeToMattermost",defaultMessage:"Welcome to Mattermost"})),a().createElement("p",null,a().createElement(o.FormattedMessage,{id:"onboardingTask.checklist.main_subtitle",defaultMessage:"Let's get up and running."})),a().createElement(ae,null,a().createElement("img",{src:A,alt:"On Boarding video",style:{display:"block",margin:"1rem auto",borderRadius:"4px"}}),a().createElement(ne,{onClick:U},a().createElement(c.PlayIcon,{size:18}),a().createElement(o.FormattedMessage,{id:"onboardingTask.checklist.video_title",defaultMessage:"Watch overview"}))),_.map((e=>a().createElement(ee,{key:x.I2+e.name,label:e.label(),onClick:()=>{var t;t=e.name,G(),E(t)},completedStatus:e.status}))),a().createElement("span",{className:"link",onClick:B},a().createElement(o.FormattedMessage,{id:"onboardingTask.checklist.dismiss_link",defaultMessage:"No thanks, I’ll figure it out myself"})))))):null}},54335:e=>{var t="undefined"!=typeof Element,r="function"==typeof Map,n="function"==typeof Set,a="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function o(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,c,d;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!o(e[s],i[s]))return!1;return!0}if(r&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(d=e.entries();!(s=d.next()).done;)if(!i.has(s.value[0]))return!1;for(d=e.entries();!(s=d.next()).done;)if(!o(s.value[1],i.get(s.value[0])))return!1;return!0}if(n&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(d=e.entries();!(s=d.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(a&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!o(e[c[s]],i[c[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return o(e,t)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}}}}]);
//# sourceMappingURL=6106.b1184fea7ae3e82c70e9.js.map