Loading
function(e,t,n){n.d(t,{Ay:()=>E,OZ:()=>N,n3:()=>C,pe:()=>_}),n(321073);var i=n(627968),s=n(64700),l=n(562708),r=n(834730),o=n(812993),a=n(761508),c=n(139286),d=n(726249),u=n(379848),h=n(659758),m=n(625494),p=n(38405),b=n(820284),S=n(361739),f=n(652215),x=n(375708),j=n(999026);let g=Object.freeze({shouldPreventNavigation:!1,onPreventNavigation:null,sidebarOpen:!0}),C=1.4,N=15,_=2;function v(e){let{section:t,setPreventNavigation:n,scrollerRef:s}=e;(0,c.A)({type:l.ImpressionTypes.PANE,name:t?.impressionName,properties:t?.impressionProperties});let r=t?.element??f.FXj,o=t?.elementProps??{};return(0,i.jsx)(b.A,{section:t.section,children:(0,i.jsx)(r,{...o,setPreventNavigation:n,refToScroller:s})})}class A extends s.PureComponent{_unmounted=!1;_intensity=C;_subscribedStores=[];scrollerRef=s.createRef();state={...g,sidebarOpen:this.props.section!==f.nc_.SUBSCRIPTIONS&&this.props.section!==f.nc_.PROFILE_CUSTOMIZATION};componentDidMount(){this.getPredicateSections().forEach(e=>{let{notice:t}=e;if(null==t)return;let{stores:n}=t;null!=n&&n.forEach(e=>{e.addChangeListener(this.handleNoticeStoreUpdate),this._subscribedStores.push(e)})})}componentDidUpdate(e){let{section:t}=e;t!==this.props.section&&(this._intensity=C)}componentWillUnmount(){this._unmounted=!0,this._subscribedStores.forEach(e=>e.removeChangeListener(this.handleNoticeStoreUpdate)),this.props.sections.forEach(e=>e.onSettingsClose?.())}setPreventNavigation=(e,t)=>{this.setState({shouldPreventNavigation:e,onPreventNavigation:t})};getPredicateSections(){return this.props.sections.filter(e=>null==e.predicate||e.predicate())}validNavigation(){let{section:e}=this.props,{notice:t}=this.getPredicateSections().find(t=>e===t.section)??{};return null!=t&&t.stores.some(e=>e.showNotice()&&!(null!=e.canCloseEarly&&e.canCloseEarly()))?(m._.dispatch(f.jej.SHAKE_APP,{duration:300,intensity:this._intensity}),this._intensity=Math.min(this._intensity+_,N),m._.dispatch(f.jej.EMPHASIZE_NOTICE),!1):(this._intensity=C,!0)}handleSetSection=e=>{let{onSetSection:t,sections:n}=this.props,{shouldPreventNavigation:i,onPreventNavigation:s}=this.state,l=()=>{t?.(e);let{notice:i}=n.find(t=>e===t.section)??{},s=null!=i?i.stores:null;null!=s&&s.forEach(e=>{this._subscribedStores.includes(e)||(e.addChangeListener(this.handleNoticeStoreUpdate),this._subscribedStores.push(e))}),this.setState({...g,sidebarOpen:!1})};this.validNavigation()&&!i&&(l(),p.A.addBreadcrumb({category:"settings",message:`Set section: ${e}`})),i&&null!=s&&s(l)};handleClose=()=>{if(this.validNavigation()){let{onClose:e}=this.props;e?.()}};handleNoticeStoreUpdate=()=>{this._unmounted||(this._intensity=C,this.forceUpdate())};renderSettingsSectionTabBarItem=(e,t,n)=>{let{section:s,label:l=null,ariaLabel:c,onClick:d,variant:u,icon:m,className:p,newIndicator:b,newIndicatorDismissibleContentTypes:S,badgeCount:g}=e,C=null;null!=e.decoration?C=(0,i.jsx)(r.E,{variant:"text-md/normal",color:"text-muted",children:e.decoration}):null!=n&&S?.includes(n)&&!t?C=b??(0,i.jsx)(o.Lp,{text:x.intl.string(x.t.y2b7CA)}):null!=m?C=m:null!=g&&g>0&&(C=(0,i.jsx)(o.hV,{count:g}));let N=s===f.nc_.PREMIUM?(0,i.jsx)(h.A,{label:l,isSelected:t,decoration:C}):null==C?l:(0,i.jsxs)("div",{className:j.l,children:[l,C]}),_=null!=d&&null==e.element;return(0,i.jsx)(a.V.Item,{variant:u,id:s,onClick:d,className:p,role:_?"button":"tab","aria-label":c??"",children:N},s)};renderSidebar(e){let{section:t,title:n}=this.props,s=e.flatMap(e=>e.newIndicatorDismissibleContentTypes).filter(e=>null!=e),l=t??e[0].section;return(0,i.jsx)(u.Ay,{contentTypes:s,children:t=>{let{visibleContent:s}=t;return(0,i.jsx)(a.V,{selectedItem:l,onItemSelect:this.handleSetSection,orientation:"vertical","aria-label":n,children:e.map((e,t)=>{if(null!=e.tabPredicate&&!e.tabPredicate())return null;switch(e.section){case S.Fq.HEADER:return(0,i.jsx)(a.V.Header,{children:e.label},t);case S.Fq.DIVIDER:return(0,i.jsx)(a.V.Separator,{},t);case S.Fq.CUSTOM:let n=e.element??f.FXj;return(0,i.jsx)(n,{},t);default:return this.renderSettingsSectionTabBarItem(e,l===e.section,s)}})})}})}renderNotice(e){let{theme:t}=this.props;if(null==e||null==e.notice)return null;let{stores:n,element:s}=e.notice;return null==n||n.some(e=>e.showNotice())?(0,i.jsx)(s,{theme:t}):null}render(){let{sidebarTheme:e,section:t,title:n,onClose:s,hideSidebar:l}=this.props,r=this.getPredicateSections(),o=r.find(e=>e.section===t);if(null==o||null==t)return null;let a=("string"==typeof o.label?o.label:o.ariaLabel)??n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.HI,{location:n,subsection:a}),(0,i.jsx)(S.Ay,{sidebarTheme:e,scrollerRef:this.scrollerRef,section:t,sidebar:this.renderSidebar(r),content:(0,i.jsx)(v,{section:o,setPreventNavigation:this.setPreventNavigation,scrollerRef:this.scrollerRef}),mobileSidebarOpen:this.state.sidebarOpen,hideSidebar:l,toggleSidebar:()=>this.setState({sidebarOpen:!0}),contentType:o.type,notice:this.renderNotice(o),closeAction:null!=s?this.handleClose:void 0})]})}}let E=A}