(self.webpackChunk=self.webpackChunk||[]).push([[70472],{566238:(e,n,t)=>{"use strict";t.d(n,{default:()=>s});var a,r,i,o=t(827378);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},l.apply(this,arguments)}var c=function(e,n){return o.createElement("svg",l({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),a||(a=o.createElement("circle",{cx:8,cy:8,r:7.5,stroke:"currentColor"})),r||(r=o.createElement("rect",{x:7,y:4,width:2,height:5,rx:1,fill:"currentColor"})),i||(i=o.createElement("rect",{x:7,y:10,width:2,height:2,rx:1,fill:"currentColor"})))};const s=(0,o.forwardRef)(c)},267438:(e,n,t)=>{(n=e.exports=t(931506)(!1)).push([e.id,".container-3s3e3 {\n  position: relative;\n  width: calc(100% - 14px);\n  height: 100%;\n  color: #ffffff;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  margin: 0 7px;\n  cursor: unset;\n  border-radius: 8px;\n}\n.container_active-14DaL {\n  background-color: #3d51d4;\n  cursor: unset;\n}\n.container_active-14DaL .itemText-1EI1f {\n  color: #ffffff;\n}\n.container_active-14DaL .icon-2tUZ4 {\n  color: #ffffff;\n}\n.container_active-14DaL:hover {\n  background-color: #3d51d4;\n}\n.container_done-2z4_B {\n  cursor: unset;\n}\n.container_done-2z4_B .itemText-1EI1f {\n  color: #5f5c80;\n  text-decoration: line-through;\n}\n.container_done-2z4_B .icon-2tUZ4 {\n  color: #5f5c80;\n}\n.container_done_active-1kQx8 {\n  background-color: #3d51d4;\n  cursor: unset;\n}\n.container_done_active-1kQx8 .itemText-1EI1f {\n  color: #ffffff;\n  text-decoration: line-through;\n}\n.container_done_active-1kQx8 .icon-2tUZ4 {\n  color: #ffffff;\n}\n.container_done_active-1kQx8:hover {\n  background-color: #3d51d4;\n}\n.icon-2tUZ4 {\n  margin-right: 16px;\n}\n.clickable-25wiz {\n  cursor: pointer;\n}\n.clickable-25wiz:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.clickable-25wiz:hover .icon-2tUZ4 {\n  color: #ffffff;\n}\n.clickable-25wiz:hover .itemText-1EI1f {\n  color: #ffffff;\n}\n.clickable-25wiz:hover .showMeHowLink-1pC-b {\n  opacity: 1;\n  cursor: pointer;\n}\n.showMeHowLink-1pC-b {\n  opacity: 0;\n  cursor: unset;\n  color: #6881ff;\n}\n.link-2pcKM {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 1;\n      flex: 1;\n  -ms-flex-align: center;\n      align-items: center;\n  color: #ffffff;\n  padding: 0 13px;\n}\n.link-2pcKM:hover,\n.link-2pcKM:focus {\n  color: #ffffff;\n}\n.linkText-1kqbA {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 1;\n      flex: 1;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n}\n",""]),n.locals={container:"container-3s3e3",container_active:"container_active-14DaL",itemText:"itemText-1EI1f",icon:"icon-2tUZ4",container_done:"container_done-2z4_B",container_done_active:"container_done_active-1kQx8",clickable:"clickable-25wiz",showMeHowLink:"showMeHowLink-1pC-b",link:"link-2pcKM",linkText:"linkText-1kqbA"}},47555:(e,n,t)=>{(n=e.exports=t(931506)(!1)).push([e.id,".container-IAfLV {\n  height: 100%;\n  width: 100%;\n  color: white;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  -ms-flex-pack: start;\n      justify-content: flex-start;\n  box-sizing: border-box;\n}\n.header-1fJOQ {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  padding: 16px 16px 0;\n}\n.title-1ivg8 {\n  font-family: Formular, sans-serif;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n  margin: 0;\n}\n.fold-iZ7nw {\n  cursor: pointer;\n}\n.list-E5NCE {\n  -ms-flex: 1;\n      flex: 1;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  padding: 0;\n  margin-top: 0;\n  list-style: none;\n  margin-bottom: 24px;\n}\n.listItem-1BjSl {\n  -ms-flex: 1;\n      flex: 1;\n  display: block;\n  margin: 0;\n}\n.progress-3S284 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: row;\n      flex-direction: row;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: center;\n      align-items: center;\n  margin-left: 20px;\n  margin-right: 20px;\n  margin-top: 24px;\n  margin-bottom: 24px;\n}\n.progressBarFull-2h_PR {\n  background-color: rgba(255, 255, 255, 0.2);\n  border-radius: 3px;\n  height: 6px;\n  -ms-flex: 1;\n      flex: 1;\n  margin-left: 16px;\n}\n.progressBarCompleted-2yHuQ {\n  background-color: #4262ff;\n  border-radius: 3px;\n  height: 6px;\n}\n",""]),n.locals={container:"container-IAfLV",header:"header-1fJOQ",title:"title-1ivg8",fold:"fold-iZ7nw",list:"list-E5NCE",listItem:"listItem-1BjSl",progress:"progress-3S284",progressBarFull:"progressBarFull-2h_PR",progressBarCompleted:"progressBarCompleted-2yHuQ"}},47420:(e,n,t)=>{(n=e.exports=t(931506)(!1)).push([e.id,".container-2J_Sq {\n  height: 44px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n.title-1tnS4 {\n  margin-right: 4px;\n}\n.button-Zv5vM {\n  background-color: #090909;\n  border-radius: 14px;\n  color: #ffffff !important;\n  height: 28px;\n  margin-top: -2px;\n}\n.button-Zv5vM:hover {\n  color: #ffffff !important;\n  background-color: #455bed;\n}\n.button-Zv5vM:hover svg,\n.button-Zv5vM:hover div {\n  color: #ffffff !important;\n}\n",""]),n.locals={container:"container-2J_Sq",title:"title-1tnS4",button:"button-Zv5vM"}},830461:(e,n,t)=>{(n=e.exports=t(931506)(!1)).push([e.id,".container-2YSFd {\n  position: relative;\n  width: 400px;\n  height: 492px;\n  background-color: #090909;\n  border-radius: 16px;\n  color: #f5f5f7;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n  overflow: hidden;\n  box-shadow: 0px 4px 16px rgba(5, 0, 56, 0.12);\n  pointer-events: all;\n  margin-left: 8px;\n}\n.container_enter-1lFJT {\n  opacity: 0;\n  transform: translate3d(0, 20px, 0);\n}\n.container_enterActive-ozns- {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: opacity 0.2s, transform 0.2s;\n}\n.container_exit-2LW81 {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.container_exitActive-hackd {\n  opacity: 0;\n  transform: translate3d(0, 20px, 0);\n  transition: opacity 0.2s, transform 0.2s;\n}\n",""]),n.locals={container:"container-2YSFd",container_enter:"container_enter-1lFJT",container_enterActive:"container_enterActive-ozns-",container_exit:"container_exit-2LW81",container_exitActive:"container_exitActive-hackd"}},92543:(e,n,t)=>{var a=t(401892),r=t(267438);"string"===typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var i={insert:"head",singleton:!1};a(r,i);e.exports=r.locals||{}},289581:(e,n,t)=>{var a=t(401892),r=t(47555);"string"===typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var i={insert:"head",singleton:!1};a(r,i);e.exports=r.locals||{}},425228:(e,n,t)=>{var a=t(401892),r=t(47420);"string"===typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var i={insert:"head",singleton:!1};a(r,i);e.exports=r.locals||{}},428649:(e,n,t)=>{var a=t(401892),r=t(830461);"string"===typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var i={insert:"head",singleton:!1};a(r,i);e.exports=r.locals||{}},225766:(e,n,t)=>{"use strict";t.d(n,{PAID_PLAN_ONBOARDING_SERVICE_KEY:()=>gn,initPaidPlanOnboarding:()=>_n});var a,r,i=t(759312),o=t(827378),l=t(232463),c=t(489319),s=t(552308),d={activeFlow:void 0,completedFlows:[],state:s.PaidPlanOnboardingChecklistState.OFF},f=(0,c.createSlice)({name:"checklist",initialState:d,reducers:{changeActiveFlow:function(e,n){e.activeFlow=n.payload.flow},completeFlow:function(e,n){e.completedFlows.includes(n.payload.flow)||(e.completedFlows.push(n.payload.flow),e.activeFlow=void 0)},openChecklist:function(e){e.state=s.PaidPlanOnboardingChecklistState.OPEN},closeChecklist:function(e){e.state=s.PaidPlanOnboardingChecklistState.CLOSED},activate:function(e,n){var t=n.payload,a=t.alreadyCompletedFlows,r=t.initialChecklistState;return(0,i.__assign)((0,i.__assign)({},e),{completedFlows:a,state:r})},resetStore:function(){return(0,i.__assign)({},d)}}}),u=(a=f.actions).changeActiveFlow,v=a.completeFlow,p=a.openChecklist,m=a.closeChecklist,h=a.activate,g=(a.resetStore,f.reducer),_=t(96683),O=t(402496),E=t(368195),b=t(353999),w=(0,b.getInjectionPoint)("AppStoreService"),P=(0,b.getInjectionPoint)("LocalStorageService"),x=t(925514),A=function(e){return e.length>=s.PAID_PLAN_ONBOARDING_CHECKLIST_FLOWS.length},N=function(){var e=w();return Object.entries(s.PAID_PLAN_ONBOARDING_FLOW_TO_ACHIEVEMENT_MAP).reduce((function(n,t){var a=t[0],r=t[1];return(0,O.isAchievementOpened)(e.getState(),r)?n.concat(a):n}),[])},S=function(){var e=w();if(A(N()))return s.PaidPlanOnboardingChecklistState.OFF;var n,t=P().getItem(s.PAID_PLAN_ONBOARDING_LOCAL_STORAGE_STATE_KEY);if(n=t,Object.values(s.PaidPlanOnboardingChecklistState).includes(n))switch(t){case s.PaidPlanOnboardingChecklistState.HIDDEN:return(0,O.isAchievementOpened)(e.getState(),E.CommonAchievements.PAID_PLAN_ONBOARDING_START_EXPLORING_NEW_FEATURES)?s.PaidPlanOnboardingChecklistState.CLOSED:t;case s.PaidPlanOnboardingChecklistState.OPEN:return t}return s.PaidPlanOnboardingChecklistState.HIDDEN},T=function(e){return e.checklist},R=function(e){return T(e).completedFlows},k=function(e){return A(R(e))},I=function(e){return T(e).activeFlow},y=function(e){return T(e).state},C=((r={})[s.PaidPlanOnboardingFlow.START_EXPLORING_NEW_FEATURES]=void 0,r[s.PaidPlanOnboardingFlow.TIMER]="timer",r[s.PaidPlanOnboardingFlow.VOTING]="voting",r[s.PaidPlanOnboardingFlow.PRIVATE_BOARDS]="private_boards",r[s.PaidPlanOnboardingFlow.BOARD_HISTORY]="board_version_history",r[s.PaidPlanOnboardingFlow.HIGHRES_EXPORT]="high_resolution_export",r[s.PaidPlanOnboardingFlow.CREATE_BOARD]="create_board",r[s.PaidPlanOnboardingFlow.APPS_MARKETPLACE]="apps_integrations",r);var L=function(e){return function(n){return function(t){return function(a){switch(t(a),a.type){case u.toString():!function(e){var n,t=C[e.payload.flow];t&&(null===(n=(0,_.RtbStatService)())||void 0===n||n.sendApiEvent("onboarding_checklist_item_started",{item_name:t}))}(a);break;case v.toString():!function(e){var n,t=C[e.payload.flow];t&&(null===(n=(0,_.RtbStatService)())||void 0===n||n.sendApiEvent("onboarding_checklist_item_completed",{item_name:t}))}(a),k(n.getState())&&(!function(){var e;null===(e=(0,_.RtbStatService)())||void 0===e||e.sendApiEvent("onboarding_checklist_completed",{})}(),setTimeout((function(){n.dispatch(m()),e()}),3e3))}}}}},F=(0,o.createContext)({}),B=(0,l.createDispatchHook)(F),D=(0,l.createSelectorHook)(F);function M(e,n){return function(t){return o.createElement(F.Provider,{value:{store:n}},o.createElement(e,(0,i.__assign)({},t)))}}var j,Z,G=t(165631),H=t(305659),U=t(310382),V=t(60042),W=t.n(V),z=t(263316);function K(){return K=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},K.apply(this,arguments)}var X=function(e,n){return o.createElement("svg",K({width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),j||(j=o.createElement("circle",{cx:10,cy:10,r:10,fill:"currentColor"})),Z||(Z=o.createElement("path",{d:"M5.83 9.937a1 1 0 0 0-1.423-.01l-.132.131a1 1 0 0 0 .007 1.421L8.25 15.37l7.618-7.537a1 1 0 0 0 .004-1.418l-.14-.14a1 1 0 0 0-1.418.005l-6.064 6.144L5.83 9.937Z",fill:"rgba(0,0,0,100)"})))};const Q=(0,o.forwardRef)(X);var Y;function J(){return J=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},J.apply(this,arguments)}var q=function(e,n){return o.createElement("svg",J({width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),Y||(Y=o.createElement("circle",{opacity:.3,cx:10,cy:10,r:9,stroke:"#fff",strokeWidth:2})))};const $=(0,o.forwardRef)(q);var ee=t(92543),ne=t.n(ee),te=o.forwardRef((function(e,n){var t,a=e.text,r=e.tip,i=e.done,l=e.active,c=e.disabled,s=e.icon,d=e.dataTestId,f=e.onClick;return o.createElement(z.TextTooltip,{isAvailable:!!r,placement:"left",text:null!==r&&void 0!==r?r:"",trigger:o.createElement("div",{ref:n,className:W()(ne().container,(t={},t[ne().container_done]=i&&!l,t[ne().container_active]=l&&!i,t[ne().container_done_active]=l&&i,t[ne().clickable]=!l&&!c,t)),onClick:f},o.createElement(H.Link,{text:o.createElement(o.Fragment,null,s&&o.createElement(U.SvgIcon,{size:"medium",className:ne().icon},s),!s&&i&&o.createElement(U.SvgIcon,{size:"medium",className:ne().icon,color:"#050038"},o.createElement(Q,null)),!s&&!i&&o.createElement(U.SvgIcon,{size:"medium",className:ne().icon},o.createElement($,null)),o.createElement("div",{className:ne().linkText},o.createElement("span",{className:ne().itemText},a),o.createElement("span",{className:W()(ne().showMeHowLink,"rtb-link")},"Show me how"))),className:ne().link,dataTestid:d}))})}));te.displayName="ChecklistItem";const ae=te;var re;function ie(){return ie=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},ie.apply(this,arguments)}var oe=function(e,n){return o.createElement("svg",ie({width:"1em",height:"1em",viewBox:"0 0 14 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),re||(re=o.createElement("path",{d:"M14 1a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h12a1 1 0 0 1 1 1Z",fill:"#9391A6"})))};const le=(0,o.forwardRef)(oe);var ce,se,de=t(289581),fe=t.n(de);function ue(){return ue=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},ue.apply(this,arguments)}var ve=function(e,n){return o.createElement("svg",ue({width:"1em",height:"1em",viewBox:"0 0 20 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),ce||(ce=o.createElement("path",{d:"m12.975 7.61-2.457 2.458a2 2 0 1 0 1.414 1.414l2.457-2.457a1 1 0 0 0-1.414-1.414Z",fill:"currentColor"})),se||(se=o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.001 2.05 9 2V1a1 1 0 0 1 2 0v1l-.001.05C16.053 2.55 20 6.813 20 12c0 5.523-4.477 10-10 10S0 17.523 0 12c0-5.186 3.947-9.45 9.001-9.95ZM10 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z",fill:"currentColor"})))};const pe=(0,o.forwardRef)(ve);var me;function he(){return he=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},he.apply(this,arguments)}var ge=function(e,n){return o.createElement("svg",he({width:"1em",height:"1em",viewBox:"0 0 22 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),me||(me=o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18 2H2v16h16v-5.17a3.001 3.001 0 0 1 0-5.66V2Zm2 5.17V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.17a3.001 3.001 0 0 0 0-5.66ZM15 14a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z",fill:"currentColor"})))};const _e=(0,o.forwardRef)(ge);var Oe,Ee;function be(){return be=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},be.apply(this,arguments)}var we=function(e,n){return o.createElement("svg",be({width:"1em",height:"1em",viewBox:"0 0 16 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),Oe||(Oe=o.createElement("path",{d:"M8 16a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",fill:"currentColor"})),Ee||(Ee=o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 4a4 4 0 0 1 4-4h2a4 4 0 0 1 4 4v4a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3V4Zm8 0v4H5V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2Zm-8 6a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1H3Z",fill:"currentColor"})))};const Pe=(0,o.forwardRef)(we);var xe,Ae;function Ne(){return Ne=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},Ne.apply(this,arguments)}var Se=function(e,n){return o.createElement("svg",Ne({width:"1em",height:"1em",viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),xe||(xe=o.createElement("path",{d:"M5 9v.586l1.293-1.293a1 1 0 0 1 1.414 1.414L4 13.414.293 9.707a1 1 0 0 1 1.414-1.414L3 9.586V9a9 9 0 1 1 9 9 1 1 0 1 1 0-2 7 7 0 1 0-7-7Z",fill:"currentColor"})),Ae||(Ae=o.createElement("path",{d:"M13.95 5.414a1 1 0 1 1 1.414 1.414l-1.58 1.58a2 2 0 1 1-1.344-1.485l1.51-1.509Z",fill:"currentColor"})))};const Te=(0,o.forwardRef)(Se);var Re;function ke(){return ke=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},ke.apply(this,arguments)}var Ie=function(e,n){return o.createElement("svg",ke({width:"1em",height:"1em",viewBox:"0 0 18 19",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),Re||(Re=o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.707 6.707 8 4.414V13a1 1 0 1 0 2 0V4.414l2.293 2.293a1 1 0 1 0 1.414-1.414L9 .586 4.293 5.293a1 1 0 0 0 1.414 1.414ZM16 14v3H2v-3a1 1 0 1 0-2 0v5h18v-5a1 1 0 1 0-2 0Z",fill:"currentColor"})))};const ye=(0,o.forwardRef)(Ie);var Ce,Le;function Fe(){return Fe=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},Fe.apply(this,arguments)}var Be=function(e,n){return o.createElement("svg",Fe({width:"1em",height:"1em",viewBox:"0 0 22 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),Ce||(Ce=o.createElement("path",{d:"M11 12a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2h-6Z",fill:"currentColor"})),Le||(Le=o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h2v3a1 1 0 1 0 2 0v-3h10v3a1 1 0 1 0 2 0v-3h2Zm0-2V2H2v12h18Z",fill:"currentColor"})))};const De=(0,o.forwardRef)(Be);var Me,je,Ze;function Ge(){return Ge=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},Ge.apply(this,arguments)}var He=function(e,n){return o.createElement("svg",Ge({width:"1em",height:"1em",viewBox:"0 0 18 19",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),Me||(Me=o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.904 1.408a1 1 0 0 0-1.808 0l-2.92 6.164A1 1 0 0 0 11.08 9h5.84a1 1 0 0 0 .903-1.428l-2.92-6.164ZM14 4.172 15.34 7h-2.68L14 4.172ZM2 1a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2Zm4 2H2v4h4V3Z",fill:"currentColor"})),je||(je=o.createElement("path",{d:"M14 11a1 1 0 0 0-1 1v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 0 0 0-2h-2v-2a1 1 0 0 0-1-1Z",fill:"currentColor"})),Ze||(Ze=o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 11a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z",fill:"currentColor"})))};const Ue=(0,o.forwardRef)(He);var Ve,We=((Ve={})[s.PaidPlanOnboardingFlow.START_EXPLORING_NEW_FEATURES]=void 0,Ve[s.PaidPlanOnboardingFlow.TIMER]=o.createElement(pe,null),Ve[s.PaidPlanOnboardingFlow.VOTING]=o.createElement(_e,null),Ve[s.PaidPlanOnboardingFlow.PRIVATE_BOARDS]=o.createElement(Pe,null),Ve[s.PaidPlanOnboardingFlow.BOARD_HISTORY]=o.createElement(Te,null),Ve[s.PaidPlanOnboardingFlow.HIGHRES_EXPORT]=o.createElement(ye,null),Ve[s.PaidPlanOnboardingFlow.CREATE_BOARD]=o.createElement(De,null),Ve[s.PaidPlanOnboardingFlow.APPS_MARKETPLACE]=o.createElement(Ue,null),Ve),ze="paid_plan_onboarding_checklist_screen_container",Ke="paid_plan_onboarding_checklist_screen_fold",Xe="paid_plan_onboarding_checklist_screen_list_item";const Qe=function(){var e,n=B(),t=null!==(e=D(R))&&void 0!==e?e:[],a=D(I),r=D(y),i=D(k)?100:Math.floor(100*t.length/s.PAID_PLAN_ONBOARDING_CHECKLIST_FLOWS.length),l=o.useCallback((function(e){return function(){e!==s.PaidPlanOnboardingFlow.START_EXPLORING_NEW_FEATURES&&(n(u({flow:e})),w().dispatch((0,x.cancelAllUITips)()),w().dispatch((0,x.addToQueueUITip)(s.FlowToUITipMap[e])))}}),[n]),c=o.useCallback((function(){On(r,n)}),[r,n]);return o.createElement("div",{className:fe().container,"data-testid":ze},o.createElement("div",{className:fe().header},o.createElement("h4",{className:fe().title},"Unlocked features"),o.createElement(H.Link,{text:o.createElement(U.SvgIcon,{size:"small"},o.createElement(le,null)),onClick:c,className:fe().fold,dataTestid:Ke})),o.createElement("div",{className:fe().progress},"".concat(i,"%"),o.createElement("div",{className:fe().progressBarFull},o.createElement("div",{className:fe().progressBarCompleted,style:{width:"".concat(i,"%")}}))),o.createElement("ul",{className:fe().list},s.PAID_PLAN_ONBOARDING_CHECKLIST_FLOWS.map((function(e){return o.createElement("li",{key:e,className:fe().listItem},o.createElement(ae,{icon:We[e],text:s.PaidPlanOnboardingFlowNames[e],disabled:e===s.PaidPlanOnboardingFlow.START_EXPLORING_NEW_FEATURES,done:t.includes(e),active:e===a,onClick:l(e),dataTestId:Xe}))}))))};var Ye=t(428649),Je=t.n(Ye),qe=t(126443),$e=t(690287);const en=function(){var e,n=D(y),t=o.useState(!1),a=t[0],r=t[1],i=(0,qe.useLayoutViewMode)()[0];return o.useEffect((function(){return r(!0),function(){return r(!1)}}),[]),o.useEffect((function(){var e;r(n===s.PaidPlanOnboardingChecklistState.OPEN),n===s.PaidPlanOnboardingChecklistState.OPEN&&(null===(e=(0,_.RtbStatService)())||void 0===e||e.sendApiEvent("onboarding_checklist_shown",{}))}),[n]),i!==$e.LayoutViewMode.NORMAL?null:o.createElement(G.CSSTransition,{mountOnEnter:!0,unmountOnExit:!0,in:a,classNames:(e=Je(),{enter:e.container_enter,exit:e.container_exit,enterActive:e.container_enterActive,exitActive:e.container_exitActive}),timeout:200},o.createElement("div",{className:Je().container},o.createElement(Qe,null)))};var nn,tn=t(998733),an=t(192275),rn=t(494301),on=t(425228),ln=t.n(on);function cn(){return cn=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},cn.apply(this,arguments)}var sn=function(e,n){return o.createElement("svg",cn({width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n},e),nn||(nn=o.createElement("path",{d:"M20.25 7.5H3.75a.75.75 0 0 0-.75.75v3c0 .414.336.75.75.75h16.5a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75ZM19.5 12v6.75a.75.75 0 0 1-.75.75H5.25a.75.75 0 0 1-.75-.75V12M12 7.5v12M16.247 6.44C15.178 7.5 12 7.5 12 7.5s0-3.178 1.06-4.247a2.254 2.254 0 0 1 3.187 3.188v0ZM7.753 6.44C8.822 7.5 12 7.5 12 7.5s0-3.178-1.06-4.247a2.254 2.254 0 1 0-3.187 3.188v0Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))};const dn=(0,o.forwardRef)(sn);var fn=t(285719);function un(e){var n;null===(n=(0,_.RtbStatService)())||void 0===n||n.sendApiEvent("onboarding_checklist_promo_interacted",{button_clicked:e?"open":"cancel"})}var vn=function(e){return{id:x.UITipId.PAID_PLAN_ONBOARDING_NEW_FEATURES_AVAILABLE,content:{width:276,hideCloseButton:!1,closeByClickOut:!1,onClose:function(){un(!1),e(m())},theme:"dark",placement:"top",header:{title:s.Translations.en.PAID_PLAN_ONBOARDING_BOTTOM_BAR_BUTTON_TOOLTIP_TITLE},body:{content:s.Translations.en.PAID_PLAN_ONBOARDING_BOTTOM_BAR_BUTTON_TOOLTIP}}}};function pn(e){var n=w();return e===s.PaidPlanOnboardingChecklistState.HIDDEN&&!(0,fn.isAchievementOpened)(n.getState(),E.CommonAchievements.PAID_PLAN_ONBOARDING_START_EXPLORING_NEW_FEATURES)}var mn=function(e){var n=e.newToolbarEnabled,t=D(y),a=D(R),r=a?"".concat(a.length,"/").concat(s.PAID_PLAN_ONBOARDING_CHECKLIST_FLOWS.length):"",l=(0,qe.useLayoutViewMode)()[0]===$e.LayoutViewMode.NORMAL,c=t!==s.PaidPlanOnboardingChecklistState.OFF&&l,d=B();o.useEffect((function(){c&&pn(t)&&(!function(){var e;null===(e=(0,_.RtbStatService)())||void 0===e||e.sendApiEvent("onboarding_checklist_promo_shown",{})}(),setTimeout((function(){var e=vn(d).id;w().dispatch((0,x.addToQueueUITip)({id:e,statDescription:e.toString()}))}),1e3))}),[c,t]);var f=o.useCallback((function(){pn(t)&&(w().dispatch((0,x.closeUITip)(vn(d).id)),un(!0)),On(t,d)}),[t,d]);return c?o.createElement(x.UITipConnected,(0,i.__assign)({},vn(d)),o.createElement("div",{className:ln().container},n?o.createElement(an.Toolbar.Item,{unstyled:!0,asChild:!0},o.createElement(tn.IconButton,{className:ln().button,title:o.createElement("div",{className:ln().title},r),tooltipText:s.Translations.en.PAID_PLAN_ONBOARDING_BOTTOM_BAR_BUTTON_HOVER,onClick:f,"aria-haspopup":"true","aria-label":s.PaidPlanOnboardingFlowNames.START_EXPLORING_NEW_FEATURES,dataTestid:"test"},o.createElement(rn.SvgIcon,{size:"small"},o.createElement(dn,null)))):o.createElement(tn.IconButton,{className:ln().button,title:o.createElement("div",{className:ln().title},r),tooltipText:s.Translations.en.PAID_PLAN_ONBOARDING_BOTTOM_BAR_BUTTON_HOVER,onClick:f,"aria-haspopup":"true","aria-label":s.PaidPlanOnboardingFlowNames.START_EXPLORING_NEW_FEATURES,dataTestid:"test"},o.createElement(rn.SvgIcon,{size:"small"},o.createElement(dn,null))))):null},hn=function(e){return function(n){var t=I(e.getState()),a=y(e.getState())===s.PaidPlanOnboardingChecklistState.OPEN;return t===n&&a}},gn="PaidPlanOnboardingService",_n=function(e){(0,b.injectAll)(e);var n,t,a=(n=e.onChecklistCompleted,(0,c.configureStore)({preloadedState:{checklist:t},reducer:{checklist:g},devTools:!1,middleware:function(e){return e().concat(L(n))}})),r=w();return{PaidPlanOnboarding:M(en,a),PaidPlanOnboardingButton:M(mn,a),isFlowActive:hn(a),paidOnboardingFlow:function(){return(0,i.__awaiter)(void 0,void 0,void 0,(function(){var e,n;return(0,i.__generator)(this,(function(t){return e=S(),n=N(),function(e){var n=w(),t=N();if(!A(t))var a=n.subscribe((function(){var n=N();n.forEach((function(n){t.includes(n)||e(n)})),A(t=n)&&a()}))}((function(e){a.dispatch(v({flow:e}))})),a.dispatch(h({alreadyCompletedFlows:n,initialChecklistState:e})),[2,new Promise((function(e){var n=a.getState();if(y(n)===s.PaidPlanOnboardingChecklistState.CLOSED)return e();y(n)===s.PaidPlanOnboardingChecklistState.OPEN&&((0,O.isAchievementOpened)(r.getState(),E.CommonAchievements.PAID_PLAN_ONBOARDING_START_EXPLORING_NEW_FEATURES)||r.dispatch((0,O.openAchievement)(E.CommonAchievements.PAID_PLAN_ONBOARDING_START_EXPLORING_NEW_FEATURES)));var t=a.subscribe((function(){var r=a.getState();r!==n&&(n=r),y(n)===s.PaidPlanOnboardingChecklistState.CLOSED&&(t(),e())}))}))]}))}))}}},On=function(e,n){var t=P();if(e===s.PaidPlanOnboardingChecklistState.OPEN)n(m()),t.setItem(s.PAID_PLAN_ONBOARDING_LOCAL_STORAGE_STATE_KEY,s.PaidPlanOnboardingChecklistState.HIDDEN);else{var a=w();(0,O.isAchievementOpened)(a.getState(),E.CommonAchievements.PAID_PLAN_ONBOARDING_START_EXPLORING_NEW_FEATURES)||a.dispatch((0,O.openAchievement)(E.CommonAchievements.PAID_PLAN_ONBOARDING_START_EXPLORING_NEW_FEATURES)),n(p()),t.setItem(s.PAID_PLAN_ONBOARDING_LOCAL_STORAGE_STATE_KEY,s.PaidPlanOnboardingChecklistState.OPEN)}}}}]);
//# sourceMappingURL=https://miro.com/app/static/cmn~BoardUI.desktop~PluginsActivat.desktop~ShareAndInvite.d4bdea9e7b6531d2.js.map