(self.webpackChunk=self.webpackChunk||[]).push([[86533],{192275:(e,t,n)=>{"use strict";n.d(t,{Toolbar:()=>z});var a=n(827378),i=n(891275),o=n(925773),r=(n(546718),n(158560)),_=n(165296),s=n(533919);const O="horizontal",A=["horizontal","vertical"],d=(0,a.forwardRef)(((e,t)=>{const{decorative:n,orientation:i=O,...r}=e,_=I(i)?i:O,A=n?{role:"none"}:{"aria-orientation":"vertical"===_?_:void 0,role:"separator"};return(0,a.createElement)(s.Primitive.div,(0,o.default)({"data-orientation":_},A,r,{ref:t}))}));function I(e){return A.includes(e)}d.propTypes={orientation(e,t,n){const a=e[t],i=String(a);return a&&!I(a)?new Error(function(e,t){return`Invalid prop \`orientation\` of value \`${e}\` supplied to \`${t}\`, expected one of:\n  - horizontal\n  - vertical\n\nDefaulting to \`${O}\`.`}(i,n)):null}};const R=d;n(125425);var c=n(678222);const l="ToggleGroup",[T,N]=(0,r.createContextScope)(l,[_.createRovingFocusGroupScope]),[E,D]=((0,_.createRovingFocusGroupScope)(),T(l)),[u,P]=T(l),m="Toolbar",[p,L]=(0,r.createContextScope)(m,[_.createRovingFocusGroupScope,N]),f=(0,_.createRovingFocusGroupScope)(),[B,S]=(N(),p(m)),C=(0,a.forwardRef)(((e,t)=>{const{__scopeToolbar:n,orientation:i="horizontal",dir:r,loop:O=!0,...A}=e,d=f(n),I=(0,c.useDirection)(r);return(0,a.createElement)(B,{scope:n,orientation:i,dir:I},(0,a.createElement)(_.Root,(0,o.default)({asChild:!0},d,{orientation:i,dir:I,loop:O}),(0,a.createElement)(s.Primitive.div,(0,o.default)({role:"toolbar","aria-orientation":i,dir:I},A,{ref:t}))))})),v="ToolbarSeparator",G=(0,a.forwardRef)(((e,t)=>{const{__scopeToolbar:n,...i}=e,r=S(v,n);return(0,a.createElement)(R,(0,o.default)({orientation:"horizontal"===r.orientation?"vertical":"horizontal"},i,{ref:t}))})),h=(0,a.forwardRef)(((e,t)=>{const{__scopeToolbar:n,...i}=e,r=f(n);return(0,a.createElement)(_.Item,(0,o.default)({asChild:!0},r,{focusable:!e.disabled}),(0,a.createElement)(s.Primitive.button,(0,o.default)({type:"button"},i,{ref:t})))})),g=C,x=G,b=h;var y=n(267687);const M=(0,i.styled)(g,{all:"unset",display:"flex",boxSizing:"border-box",alignItems:"center",maxWidth:"100%",'&[data-orientation="vertical"]':{flexDirection:"column",width:"$12"},'&[data-orientation="horizontal"]':{height:"$12"},variants:{unstyled:{false:{backgroundColor:"$white",boxShadow:"$50",borderRadius:"$50",'&[data-orientation="vertical"]':{padding:"$50 2px"},'&[data-orientation="horizontal"]':{padding:"2px $50"}}}}}),U={boxSizing:"border-box",cursor:"pointer",userSelect:"none",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},w=(0,i.styled)(b,{variants:{unstyled:{true:{...U},false:{...U,borderRadius:4,boxShadow:"0 0 0 2px white inset",height:"$11","&:hover":{backgroundColor:"rgba(240, 242, 255, 1)",color:"rgba(66, 98, 255, 1)"},...y.focus.css({backgroundColor:"rgba(240, 242, 255, 1)",color:"rgba(66, 98, 255, 1)"}),"&[disabled]":{opacity:"0.4",pointerEvents:"none"},"&&":{...y.focus.inner}}},wrapper:{true:{backgroundColor:"transparent",border:"none",cursor:"pointer"}},active:{true:{},false:{}}},'&[tabindex="0"]':{zIndex:"1"},compoundVariants:[{unstyled:!1,active:!0,css:{"&&":{backgroundColor:"rgba(232, 236, 255, 1)",color:"rgba(66, 98, 255, 1)"}}}]}),H=a.forwardRef((({asChild:e,unstyled:t=!0,active:n=!1,onPress:i,...o},r)=>a.createElement(w,{onClick:i,...o,asChild:e,active:n,unstyled:!0===e&&t,wrapper:!0!==e,ref:r}))),V=(0,i.styled)(H,{fontSize:"24px",width:"$11"}),F=a.forwardRef(((e,t)=>a.createElement(V,{unstyled:!1,...e,ref:t}))),Y=(0,i.styled)(x,{all:"unset",display:"block",boxSizing:"border-box",backgroundColor:"rgba(205, 204, 215, 1)",'&[data-orientation="vertical"]':{width:"1px",height:"$6",margin:"0 $150"},'&[data-orientation="horizontal"]':{height:"1px",width:"$6",margin:"$150 0"}}),k=a.forwardRef(((e,t)=>a.createElement(Y,{...e,ref:t}))),W=(0,i.styled)(H,{paddingX:"$150",textDecoration:"none"}),$=a.forwardRef((({children:e,href:t,...n},i)=>a.createElement(W,{asChild:!0,unstyled:!1,...n,ref:i},a.createElement("a",{href:t},e)))),z=a.forwardRef((({unstyled:e=!1,orientation:t="horizontal",direction:n="ltr",loop:i=!0,...o},r)=>a.createElement(M,{unstyled:e,orientation:t,dir:n,loop:i,ref:r,...o})));z.Icon=F,z.Item=H,z.Link=$,z.Separator=k},643131:(e,t,n)=>{(t=e.exports=n(931506)(!1)).push([e.id,"/**\n  * We set 125% because there are paddings around some UI slots,\n  * preventing them from completely disappearing with the 100% value.\n  * @todo: RTB-130829 - make it work with 100% or create another solution\n  */\n.animatedUp-1Ogoe-enter {\n  transform: translate(0, -125%);\n}\n.animatedUp-1Ogoe-enter-active {\n  transition: all 300ms ease-out;\n  transform: translate(0);\n}\n.animatedUp-1Ogoe-exit {\n  transform: translate(0);\n}\n.animatedUp-1Ogoe-exit-active,\n.animatedUp-1Ogoe-exit-done {\n  transform: translate(0, -125%);\n}\n.animatedUp-1Ogoe-exit-active {\n  transition: all 300ms ease-in;\n}\n.animatedUp-1Ogoe-exit-done {\n  visibility: hidden;\n}\n.animatedDown-35yFs-enter {\n  transform: translate(0, 125%);\n}\n.animatedDown-35yFs-enter-active {\n  transition: all 300ms ease-out;\n  transform: translate(0);\n}\n.animatedDown-35yFs-exit {\n  transform: translate(0);\n}\n.animatedDown-35yFs-exit-active,\n.animatedDown-35yFs-exit-done {\n  transform: translate(0, 125%);\n}\n.animatedDown-35yFs-exit-active {\n  transition: all 300ms ease-in;\n}\n.animatedDown-35yFs-exit-done {\n  visibility: hidden;\n}\n.animatedLeft-1G8qu-enter {\n  transform: translate(-125%, 0);\n}\n.animatedLeft-1G8qu-enter-active {\n  transition: all 300ms ease-out;\n  transform: translate(0);\n}\n.animatedLeft-1G8qu-exit {\n  transform: translate(0);\n}\n.animatedLeft-1G8qu-exit-active,\n.animatedLeft-1G8qu-exit-done {\n  transform: translate(-125%, 0);\n}\n.animatedLeft-1G8qu-exit-active {\n  transition: all 300ms ease-in;\n}\n.animatedLeft-1G8qu-exit-done {\n  visibility: hidden;\n}\n.animatedRight-1YxGA .canvasPanelsContainer {\n  transition: opacity 300ms linear;\n}\n.animatedRight-1YxGA-enter {\n  transform: translate(125%, 0);\n}\n.animatedRight-1YxGA-enter .canvasPanelsContainer {\n  opacity: 0;\n}\n.animatedRight-1YxGA-enter-active {\n  transition: all 300ms ease-out;\n  transform: translate(0);\n}\n.animatedRight-1YxGA-enter-active .canvasPanelsContainer {\n  opacity: 1;\n}\n.animatedRight-1YxGA-exit {\n  transform: translate(0);\n}\n.animatedRight-1YxGA-exit .canvasPanelsContainer {\n  opacity: 0;\n}\n.animatedRight-1YxGA-exit-active,\n.animatedRight-1YxGA-exit-done {\n  transform: translate(125%, 0);\n}\n.animatedRight-1YxGA-exit-active {\n  transition: all 300ms ease-in;\n}\n.animatedRight-1YxGA-exit-done {\n  visibility: hidden;\n}\n.animatedRight-1YxGA-exit-done .canvasPanelsContainer {\n  visibility: hidden;\n}\n",""]),t.locals={animatedUp:"animatedUp-1Ogoe",animatedDown:"animatedDown-35yFs",animatedLeft:"animatedLeft-1G8qu",animatedRight:"animatedRight-1YxGA"}},297876:(e,t,n)=>{var a=n(401892),i=n(643131);"string"===typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var o={insert:"head",singleton:!1};a(i,o);e.exports=i.locals||{}},162123:(e,t,n)=>{"use strict";var a;n.d(t,{RateActionType:()=>a,showCopyBoardContentRate:()=>i}),function(e){e.SHOW_COPY_BOARD_CONTENT_RATE="[RATE] SHOW_COPY_BOARD_CONTENT_RATE",e.HIDE="[RATE] HIDE"}(a||(a={}));var i=function(){return{type:a.SHOW_COPY_BOARD_CONTENT_RATE}}},126443:(e,t,n)=>{"use strict";n.d(t,{ModeProvider:()=>s,ModeSwitchAnimationWrapper:()=>m,useAppMode:()=>N,useAppModeDispatchUnsafe:()=>E,useLayoutViewMode:()=>D,useLayoutVisibility:()=>T});var a,i,o=n(827378),r=n(232463),_=o.createContext({}),s=function(e){var t=e.store,n=e.children;return o.createElement(r.Provider,{store:t,context:_},n)},O=n(60042),A=n.n(O),d=n(165631),I=n(690287),R=n(793442),c=(0,r.createSelectorHook)(_),l=(0,r.createDispatchHook)(_),T=function(){var e=l();return{isLayoutVisible:c(R.getIsLayoutVisible),setLayoutVisibility:(0,o.useCallback)((function(t){return e((0,R.setLayoutVisibility)(t))}),[e])}},N=function(){var e=c(R.getAppMode),t=l();return{appMode:e,isModeUnmounting:c(R.getIsModeUnmounting),setAppMode:function(e){return t((0,R.changeAppMode)(e))}}},E=function(){var e=l();return function(t){return e((0,R.setAppMode)(t))}},D=function(){var e=c(R.getLayoutViewMode),t=l();return[e,function(e){return t((0,R.changeLayoutMode)(e))}]},u=n(297876),P=n.n(u);!function(e){e.UP="UP",e.DOWN="DOWN",e.LEFT="LEFT",e.RIGHT="RIGHT"}(a||(a={})),function(e){e.enter="enter",e.exit="exit"}(i||(i={}));var m=function(e){var t,n=e.direction,r=e.children,_=e.customClass,s=T().isLayoutVisible,O=N().isModeUnmounting,R=(0,o.useState)(null),c=R[0],l=R[1],E=null!==c;O&&!E&&l(i.exit);return o.createElement(d.CSSTransition,{timeout:I.MODE_SWITCH_ANIMATION_TIME,classNames:A()((t={},t[P().animatedUp]=n===a.UP,t[P().animatedLeft]=n===a.LEFT,t[P().animatedRight]=n===a.RIGHT,t[P().animatedDown]=n===a.DOWN,t),_),in:s,unmountOnExit:E,mountOnEnter:E,onExited:function(){c===i.exit&&l(i.enter)},onEntered:function(){c===i.enter&&l(null)}},r)}},552308:(e,t,n)=>{"use strict";n.d(t,{FlowToUITipMap:()=>l,PAID_PLAN_ONBOARDING_CHECKLIST_FLOWS:()=>d,PAID_PLAN_ONBOARDING_FLOW_TO_ACHIEVEMENT_MAP:()=>I,PAID_PLAN_ONBOARDING_LOCAL_STORAGE_STATE_KEY:()=>R,PaidPlanOnboardingChecklistState:()=>O,PaidPlanOnboardingFlow:()=>r,PaidPlanOnboardingFlowNames:()=>A,Translations:()=>c});var a,i,o,r,_=n(368195),s=n(925514);!function(e){e.START_EXPLORING_NEW_FEATURES="START_EXPLORING_NEW_FEATURES",e.TIMER="TIMER",e.VOTING="VOTING",e.PRIVATE_BOARDS="PRIVATE_BOARDS",e.BOARD_HISTORY="BOARD_HISTORY",e.APPS_MARKETPLACE="APPS_MARKETPLACE",e.HIGHRES_EXPORT="HIGHRES_EXPORT",e.CREATE_BOARD="CREATE_BOARD"}(r||(r={}));var O,A=((a={})[r.START_EXPLORING_NEW_FEATURES]="Start exploring new features",a[r.TIMER]="Timer",a[r.VOTING]="Voting",a[r.PRIVATE_BOARDS]="Private boards",a[r.BOARD_HISTORY]="Board version history",a[r.HIGHRES_EXPORT]="High resolution export",a[r.CREATE_BOARD]="Board creation",a[r.APPS_MARKETPLACE]="Apps & integrations",a),d=Object.values(r),I=((i={})[r.START_EXPLORING_NEW_FEATURES]=_.CommonAchievements.PAID_PLAN_ONBOARDING_START_EXPLORING_NEW_FEATURES,i[r.TIMER]=_.CommonAchievements.PAID_PLAN_ONBOARDING_TIMER_DISCOVERED,i[r.VOTING]=_.CommonAchievements.PAID_PLAN_ONBOARDING_VOTING_DISCOVERED,i[r.PRIVATE_BOARDS]=_.CommonAchievements.PAID_PLAN_ONBOARDING_PRIVATE_BOARDS_DISCOVERED,i[r.BOARD_HISTORY]=_.CommonAchievements.PAID_PLAN_ONBOARDING_BOARD_HISTORY_DISCOVERED,i[r.HIGHRES_EXPORT]=_.CommonAchievements.PAID_PLAN_ONBOARDING_HIGHRES_EXPORT_DISCOVERED,i[r.APPS_MARKETPLACE]=_.CommonAchievements.PAID_PLAN_ONBOARDING_APPS_MARKETPLACE_DISCOVERED,i[r.CREATE_BOARD]=_.CommonAchievements.PAID_PLAN_ONBOARDING_CREATE_BOARD_DISCOVERED,i),R="rtb-paid-plan-onboarding-state";!function(e){e.OPEN="OPEN",e.HIDDEN="HIDDEN",e.CLOSED="CLOSED",e.OFF="OFF"}(O||(O={}));var c={en:{PAID_PLAN_ONBOARDING_VOTING_TOOLBAR_ICON_TOOLTIP:"Start voting session. You need stickies on your canvas to vote.",PAID_PLAN_ONBOARDING_VOTING_TOOLBAR_ICON_TOOLTIP_TITLE:"Open Voting",PAID_PLAN_ONBOARDING_TIMER_TOOLBAR_ICON_TOOLTIP:"Set up a timer to timebox activities.",PAID_PLAN_ONBOARDING_TIMER_TOOLBAR_ICON_TOOLTIP_TITLE:"Open Timer",PAID_PLAN_ONBOARDING_TIMER_SET_TIME_AND_MUSIC_PANEL_TOOLTIP:"Timebox an activity and select background music. Click play to start the timer.",PAID_PLAN_ONBOARDING_TIMER_SET_TIME_AND_MUSIC_PANEL_TOOLTIP_TITLE:"Set time and music",PAID_PLAN_ONBOARDING_BOTTOM_BAR_BUTTON_TOOLTIP:"Discover what\u2019s new!",PAID_PLAN_ONBOARDING_BOTTOM_BAR_BUTTON_TOOLTIP_TITLE:"\u2728 New features unlocked",PAID_PLAN_ONBOARDING_BOTTOM_BAR_BUTTON_HOVER:"Unlocked features"}},l=((o={})[r.START_EXPLORING_NEW_FEATURES]={id:s.UITipId.PAID_PLAN_ONBOARDING_CREATE_BOARD_TOOLBAR_ICON,statDescription:"".concat(s.UITipId.PAID_PLAN_ONBOARDING_CREATE_BOARD_TOOLBAR_ICON)},o[r.TIMER]={id:s.UITipId.PAID_PLAN_ONBOARDING_TIMER_TOOLBAR_ICON,statDescription:"".concat(s.UITipId.PAID_PLAN_ONBOARDING_TIMER_TOOLBAR_ICON)},o[r.VOTING]={id:s.UITipId.PAID_PLAN_ONBOARDING_VOTING_TOOLBAR_ICON,statDescription:"".concat(s.UITipId.PAID_PLAN_ONBOARDING_VOTING_TOOLBAR_ICON)},o[r.PRIVATE_BOARDS]={id:s.UITipId.PAID_PLAN_ONBOARDING_PRIVATE_BOARDS_SHARE_BUTTON,statDescription:"".concat(s.UITipId.PAID_PLAN_ONBOARDING_PRIVATE_BOARDS_SHARE_BUTTON)},o[r.BOARD_HISTORY]={id:s.UITipId.PAID_PLAN_ONBOARDING_BOARD_HISTORY_MINIMIZED_SIDEBAR_ICON,statDescription:"".concat(s.UITipId.PAID_PLAN_ONBOARDING_BOARD_HISTORY_MINIMIZED_SIDEBAR_ICON)},o[r.HIGHRES_EXPORT]={id:s.UITipId.PAID_PLAN_ONBOARDING_HIGHRES_EXPORT_TOOLBAR_ICON,statDescription:"".concat(s.UITipId.PAID_PLAN_ONBOARDING_HIGHRES_EXPORT_TOOLBAR_ICON)},o[r.CREATE_BOARD]={id:s.UITipId.PAID_PLAN_ONBOARDING_CREATE_BOARD_TOOLBAR_ICON,statDescription:"".concat(s.UITipId.PAID_PLAN_ONBOARDING_CREATE_BOARD_TOOLBAR_ICON)},o[r.APPS_MARKETPLACE]={id:s.UITipId.PAID_PLAN_ONBOARDING_DISCOVER_APPS_TOOLBAR_ICON,statDescription:"".concat(s.UITipId.PAID_PLAN_ONBOARDING_DISCOVER_APPS_TOOLBAR_ICON)},o)}}]);
//# sourceMappingURL=https://miro.com/app/static/cmn~BoardUI.desktop~BoardUI.mobile~BoardUI.webview~ShareAndInvite.715a5949d166ae8b.js.map