1(()=>{"use strict";var e,t,n,i,a,r={91470(e,t,n){n.r(t),n.d(t,{Account:()=>i.A,AgeGate:()=>a.A,Arrow:()=>r.A,ArrowOut:()=>o.A,Article:()=>s.A,BadgeArtist:()=>l.A,BadgeDayOne:()=>c.A,BadgeStaff:()=>d.A,BlueSky:()=>g.A,Bookmark:()=>u.A,BookmarkActivated:()=>m.A,BookmarkNew:()=>p.A,CartFilled:()=>h.A,CartOutlined:()=>b.A,Check:()=>y.A,ChevronDown:()=>v.A,ChevronFill:()=>A.A,ChevronLeft:()=>k.A,ChevronRight:()=>f.A,ChevronUp:()=>w.A,Close:()=>C.A,Collapse:()=>$.A,Comment:()=>E.A,Copy:()=>S.A,CopyLink:()=>L.A,Dot:()=>P.A,DownloadCloud:()=>N.A,DownloadWeb:()=>x.A,Email:()=>D.A,EmailFilled:()=>B.A,Enlarge:()=>I.A,Expand:()=>T.A,Facebook:()=>U.A,Filmstrip:()=>H.A,Flipboard:()=>K.A,Gallery:()=>M.A,GoogleNews:()=>q.A,Grid:()=>R.A,Headphone:()=>O.A,Instagram:()=>F.A,LargeChevron:()=>_.A,LeftChevron:()=>G.A,Like:()=>j.A,LikeFilled:()=>z.A,Line:()=>W.A,LinkedIn:()=>V.A,List:()=>J.A,LocationPin:()=>Y.A,Maximize:()=>ee.A,Menu:()=>te.A,NativeShare:()=>ne.A,Newsletter:()=>ie.A,NewsletterArrow:()=>ae.A,OK:()=>X.A,Paperclip:()=>Z.A,Passkey:()=>de.A,Pause:()=>re.A,PhotoStack:()=>me.A,Pinterest:()=>oe.A,PitchforkUpvote:()=>se.A,PitchforkUpvoteFilled:()=>le.A,Play:()=>ce.A,PlayOutlined:()=>pe.A,Playlist:()=>ue.A,Print:()=>ge.A,RatingFilled:()=>he.A,RatingHalf:()=>be.A,RatingOutlined:()=>ye.A,Replay:()=>fe.A,Rss:()=>Ae.A,Search:()=>ke.A,Share:()=>ve.A,Shopping:()=>Ce.A,SlimHeadphone:()=>we.A,Snapchat:()=>$e.A,SocialHandle:()=>Ee.A,SplitView:()=>Se.A,Spotify:()=>Le.A,Subscribe:()=>Pe.A,Telegram:()=>Ne.A,Threads:()=>Ke.A,Tiktok:()=>De.A,Timestamp:()=>xe.A,Triangle:()=>Be.A,TriangleDown:()=>Ie.A,TriangleUp:()=>Te.A,Tumblr:()=>Ue.A,Twitter:()=>He.A,VK:()=>Ge.A,VerificationBadge:()=>qe.A,Vero:()=>Me.A,Viber:()=>Re.A,Video:()=>Oe.A,VolumeHigh:()=>Fe.A,VolumeMute:()=>_e.A,WeChat:()=>je.A,WebLink:()=>We.A,Weibo:()=>ze.A,Whatsapp:()=>Ve.A,Xing:()=>Ye.A,YandexZen:()=>Qe.A,YouTube:()=>Xe.A,default:()=>Ze});var i=n(92237),a=n(86138),r=n(69571),o=n(64607),s=n(90628),l=n(53090),c=n(74695),d=n(93107),u=n(315),m=n(52585),p=n(44584),g=n(81463),h=n(58366),b=n(72172),y=n(9218),f=n(25751),A=n(58180),k=n(18972),w=n(68804),v=n(40589),C=n(80046),$=n(56099),E=n(56807),S=n(4585),L=n(25601),P=n(60261),N=n(66087),x=n(39392),D=n(57942),B=n(62410),T=n(58332),I=n(83476),U=n(69192),H=n(50694),K=n(50907),q=n(24596),M=n(39336),R=n(49776),O=n(53636),F=n(7994),_=n(79350),G=n(65234),j=n(35483),z=n(74771),W=n(8990),V=n(25534),Y=n(42132),Q=n(3503),X=n(22650),Z=n(13150),J=n(61852),ee=n(30110),te=n(15447),ne=n(28828),ie=n(60779),ae=n(65102),re=n(13148),oe=n(24888),se=n(60889),le=n(13901),ce=n(11118),de=n(57946),ue=n(85026),me=n(5232),pe=n(25856),ge=n(40641),he=n(35149),be=n(36928),ye=n(85323),fe=n(81055),Ae=n(29454),ke=n(36652),we=n(20855),ve=n(69657),Ce=n(64964),$e=n(74170),Ee=n(89281),Se=n(12583),Le=n(59596),Pe=n(86522),Ne=n(46119),xe=n(92566),De=n(50610),Be=n(90040),Te=n(15497),Ie=n(82652),Ue=n(32262),He=n(33189),Ke=n(29011),qe=n(192),Me=n(34214),Re=n(16576),Oe=n(12037),Fe=n(29186),_e=n(3711),Ge=n(52783),je=n(85858),ze=n(93470),We=n(27448),Ve=n(90370),Ye=n(36216),Qe=n(51716),Xe=n(92459);const Ze={Account:i.A,AgeGate:a.A,Arrow:r.A,ArrowOut:o.A,Article:s.A,BadgeArtist:l.A,BadgeDayOne:c.A,BadgeStaff:d.A,Bookmark:u.A,BookmarkActivated:m.A,BookmarkNew:p.A,BlueSky:g.A,CartFilled:h.A,CartOutlined:b.A,Check:y.A,ChevronRight:f.A,ChevronFill:A.A,ChevronLeft:k.A,ChevronUp:w.A,ChevronDown:v.A,Close:C.A,Collapse:$.A,Comment:E.A,Copy:S.A,CopyLink:L.A,Dot:P.A,DownloadCloud:N.A,DownloadWeb:x.A,Email:D.A,EmailFilled:B.A,Expand:T.A,Enlarge:I.A,Facebook:U.A,Filmstrip:H.A,Flipboard:K.A,GoogleNews:q.A,Gallery:M.A,Grid:R.A,Headphone:O.A,Instagram:F.A,LargeChevron:_.A,LeftChevron:G.A,Like:j.A,LikeFilled:z.A,Line:W.A,LinkedIn:V.A,LocationPin:Y.A,OK:X.A,List:J.A,Lock:Q.A,Maximize:ee.A,Menu:te.A,NativeShare:ne.A,Newsletter:ie.A,NewsletterArrow:ae.A,Paperclip:Z.A,Pause:re.A,Pinterest:oe.A,PitchforkUpvote:se.A,PitchforkUpvoteFilled:le.A,Play:ce.A,Passkey:de.A,Playlist:ue.A,PhotoStack:me.A,PlayOutlined:pe.A,Print:ge.A,RatingFilled:he.A,RatingHalf:be.A,RatingOutlined:ye.A,Replay:fe.A,Rss:Ae.A,Search:ke.A,Share:ve.A,Shopping:Ce.A,SlimHeadphone:we.A,Snapchat:$e.A,SocialHandle:Ee.A,SplitView:Se.A,Spotify:Le.A,Subscribe:Pe.A,Telegram:Ne.A,Timestamp:xe.A,Tiktok:De.A,Threads:Ke.A,Triangle:Be.A,TriangleUp:Te.A,TriangleDown:Ie.A,Tumblr:Ue.A,Twitter:He.A,VerificationBadge:qe.A,Vero:Me.A,Viber:Re.A,Video:Oe.A,VolumeHigh:Fe.A,VolumeMute:_e.A,VK:Ge.A,WeChat:je.A,Weibo:ze.A,WebLink:We.A,Whatsapp:Ve.A,Xing:Ye.A,YandexZen:Qe.A,YouTube:Xe.A}}
1,56892(e,t,n){n.r(t),n.d(t,{createCookie:()=>o.n,default:()=>l,deleteCookie:()=>i.Y,getCookie:()=>a.R,getCookieDomain:()=>r.R,getCookieDomainFromHostname:()=>r.A,getCookieFromPrefix:()=>s.Z});var i=n(36099),a=n(76510),r=n(88546),o=n(87664),s=n(94386);const l={getCookieDomain:r.R,getCookieDomainFromHostname:r.A,deleteCookie:i.Y,getCookie:a.R,createCookie:o.n,getCookieFromPrefix:s.Z}},57744(e,t,n){n.d(t,{M3:()=>o.A,Tk:()=>i.A,ro:()=>a.A,z5:()=>r.A});var i=n(82407),a=n(26410),r=(n(79810),n(27543)),o=n(34967)},16840(e,t,n){n.d(t,{Ay:()=>b,L6:()=>m,VP:()=>u,hb:()=>h,nV:()=>g,zf:()=>p});var i=n(62193),a=n.n(i),r=n(5736),o=n(56822),s=n(60154),l=n(1804),c=n(50643),d=n(96445);async function u({copilotID:e,contentType:t,federatedGraphqlUrl:n,organizationID:i,meta:u}){(0,o.N9)((0,o.hK)(`${d.QG}${d.rb}${d.c1}`,d.eq));const m={organizationId:i,bookmarkName:"",documentType:t,copilotId:e,meta:a()(u)?null:JSON.stringify(u)};try{const e=await(0,r.j)({federatedGraphqlUrl:n,query:c.fG,variables:m,queryLabelForError:"CreateBookmark"}),{status:t,data:i}=e,a={status:t,statusCode:201,data:i?.createBookmark};return(0,s.perfMeasureEnd)(`${d.rb}${d.c1}`,a),a}catch(e){const{message:t,statusCode:n}=e;if(t?.includes(l.D1.RECORD_ALREADY_EXISTS)){const t={status:201,statusCode:n,data:{id:null,error:e}};return(0,s.perfMeasureEnd)(`${d.rb}${d.c1}`,t),t}return(0,s.handleError)(e,`${d.rb}${d.c1}`)}}async function m({bookmarkId:e,copilotId:t=null,federatedGraphqlUrl:n}){(0,o.N9)((0,o.hK)(`${d.QG}${d.vl}${d.c1}`,d.eq));const i={bulkIds:e?[e]:null,copilotId:t};try{const e=await(0,r.j)({federatedGraphqlUrl:n,query:c.h9,variables:i,queryLabelForError:"DeleteBookmark"}),{data:t}=e,a={status:204,data:t?.deleteBookmark};return(0,s.perfMeasureEnd)(`${d.vl}${d.c1}`,a),a}catch(e){return(0,s.handleError)(e,`${d.vl}${d.c1}`)}}async function p({copilotID:e,organizationID:t,federatedGraphqlUrl:n}){const i={organizationId:t,limit:1,offset:0,copilotIds:e};try{const e=await(0,r.j)({federatedGraphqlUrl:n,query:c.TL,variables:i,queryLabelForError:"AllBookmarks"}),{data:t}=e,a=t?.allBookmarks?.bookmarks;if(a&&a.length)return{bookmarkId:a[0].id,isUrlBookmark:!1}}catch(e){}return{bookmarkId:null,isUrlBookmark:null}}const g=async({federatedGraphqlUrl:e,organizationID:t,copilotIds:n=[]})=>{const i={organizationId:t,limit:n.length,offset:0,copilotIds:n};try{const t=await(0,r.j)({federatedGraphqlUrl:e,query:c.TL,variables:i,queryLabelForError:"AllBookmarks"}),{data:n}=t,a=n?.allBookmarks?.bookmarks||[],o=new Set(a.map(e=>e.copilotId));return{productIds:o,bookmarkMap:new Map(a.map(e=>[e.copilotId,{bookmarkId:e.id,bookmarkName:e.bookmarkName,documentType:"Product"}])),totalCount:n?.allBookmarks?.allBookmarkCount||a.length}}catch(e){return{productIds:new Set,bookmarkMap:new Map,totalCount:0}}};async function h({copilotID:e,organizationID:t,federatedGraphqlUrl:n}){const i={organizationId:t,copilotID:e};try{const e=await(0,r.j)({federatedGraphqlUrl:n,query:c.Yg,variables:i,queryLabelForError:"isPhotoBookmarked"}),{data:t={}}=e||{};if(t.getPhoto)return t.getPhoto.isBookmarked;throw new Error("GraphQL could not resolve isPhotoBookmarked for error: Invalid copilot ID")}catch(e){}return!1}const b={proxyCreateBookmark:u,proxyGetBookmarks:async function({federatedGraphqlUrl:e,params:t={},parseJson:n=!0,organizationID:i,filterBookmarkTypes:a=[]}){const l={limit:12,offset:0,organizationId:i,sortBy:"createdAt",sortOrder:"DESC"};(0,o.N9)((0,o.hK)(`${d.QG}${d.wR}${d.c1}`,d.eq));for(const[e,n]of Object.entries(t))"size"===e&&(l.limit=n),"start"===e&&(l.offset=n),"sort"===e&&(l.sortBy=n);l.limit??(l.limit=10),a.length>0&&(l.filter={documentType:a});try{const t=await(0,r.j)({allowPartialData:!0,federatedGraphqlUrl:e,query:(0,c.GK)(),variables:l,queryLabelForError:"AllBookmarks"}),{data:i,status:a}=t,o={status:a,data:i?.allBookmarks?.bookmarks,meta:{count:i?.allBookmarks?.allBookmarkCount}};n||(o.json=()=>({...o}));return(()=>(0,s.perfMeasureEnd)(`${d.wR}${d.c1}`,o))(),o}catch(e){return(0,s.handleError)(e,`${d.wR}${d.c1}`)}},proxyRemoveBookmark:m,getBookmarkStatus:p,getBookmarkedProducts:async({federatedGraphqlUrl:e,organizationId:t,limit:n=100,offset:i=0})=>{const a={organizationId:t,limit:n,offset:i,documentType:"Product"};try{const t=await(0,r.j)({federatedGraphqlUrl:e,query:c.AQ,variables:a,queryLabelForError:"BookmarkedProducts"}),{data:n}=t,i=n?.allBookmarks?.bookmarks||[],o=new Set(i.map(e=>e.copilotId));return{productIds:o,bookmarkMap:new Map(i.map(e=>[e.copilotId,{bookmarkId:e.id,bookmarkName:e.bookmarkName,documentType:e.documentType}])),totalCount:n?.allBookmarks?.allBookmarkCount||0}}catch(e){return{productIds:new Set,bookmarkMap:new Map,totalCount:0}}},getBookmarkedByCopilotIds:g,isPhotoBookmarked:h}},60434(e,t,n){n.d(t,{HG:()=>w,LZ:()=>y,Mq:()=>k,Nf:()=>c,Q1:()=>E,cn:()=>b,i$:()=>f,tJ:()=>d,tT:()=>A,tw:()=>m,u3:()=>h,vB:()=>$,vT:()=>p});var i=n(38267),a=n(18608),r=n(26865),o=n(88456),s=n(96472),l=n(99906);const c=i.Ay.div.withConfig({displayName:"TextFieldLabelText"})` 2 ${(0,r.Gg)("typography.definitions.utility.label")}; 3 transition: color ${s.L6.timingButtonDefault} ease-in; 4`,d=i.Ay.div.withConfig({displayName:"TextFieldIcon"})` 5 svg { 6 ${({theme:e})=>(0,r.FM)(e,"normal","icon")} 7 } 8 9 .icon-search { 10 margin-top: 8px; 11 margin-left: 9px; 12 } 13 14 &:active, 15 &:focus { 16 svg { 17 ${({theme:e})=>(0,r.FM)(e,"active","icon")} 18 } 19 } 20 position: absolute; 21 top: -5%; 22 transform: translateY(calc(50% + ${(0,r.Kq)(1)})); 23 transition: fill ${s.L6.timingButtonDefault} ease-in; 24 width: ${(0,r.Kq)(3)}; 25 height: 1.7rem; 26 27 /* leading */ 28 ${({LeadingIcon:e})=>e&&`left: ${(0,r.Kq)(1)};`} 29 30 /* trailing */ 31 ${({TrailingIcon:e})=>e&&`right: ${(0,r.Kq)(1)};`} 32`,u=i.AH` 33 ${(0,r.Gg)("typography.definitions.utility.input-core")}; 34 margin-top: ${(0,r.Kq)(1)}; 35 padding: ${(0,r.Kq)(1)} ${(0,r.Kq)(1.5)}; 36 width: 100%; 37 text-transform: none; 38 transition-property: color, background, border; 39 transition-duration: ${s.L6.timingButtonDefault}; 40 transition-timing-function: ease-in; 41 42 ${({theme:e})=>(0,r.FM)(e,"normal","background")} 43 ${({theme:e})=>(0,r.FM)(e,"normal","text")} 44 ${({theme:e})=>(0,r.FM)(e,"normal","border")} 45 46 &:focus { 47 outline: 0; 48 + ${d} { 49 svg { 50 ${({theme:e})=>(0,r.FM)(e,"valid","icon")} 51 } 52 } 53 } 54 55 &:active, 56 &:focus { 57 ${({theme:e})=>(0,r.FM)(e,"active","background")} 58 ${({theme:e})=>(0,r.FM)(e,"active","text")} 59 ${({theme:e})=>(0,r.FM)(e,"active","border")} 60 } 61 62 &[disabled] { 63 ${({theme:e})=>(0,r.FM)(e,"disabled","background")} 64 ${({theme:e})=>(0,r.FM)(e,"disabled","text")} 65 ${({theme:e})=>(0,r.FM)(e,"disabled","border")} 66 } 67`,m=(0,i.Ay)(a.aE).withConfig({displayName:"TextFieldControlInput"})` 68 ${u} 69 border-radius: 0; 70 height: ${(0,r.Kq)(6)}; 71 appearance: none; 72 ${(0,r.R9)("hasLeadingIcon",!0,`padding-left: ${(0,r.Kq)(6.25)};`)} 73 74 ${(0,r.R9)("hasTrailingIcon",!0,`padding-right: ${(0,r.Kq)(6)};`)} 75`,p=(0,i.Ay)(a.MW).withConfig({displayName:"TextFieldControlTextarea"})` 76 ${u} 77 max-width: 100%; 78 79 resize: none; 80 ${({customHeightMultiplier:e})=>e?` \n height:${(0,r.Kq)(e)};\n `:`\n height:${(0,r.Kq)(19)};\n `} 81 ${({hasBoxShadow:e})=>e&&"\n box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);\n "} 82 ${({hasRoundedEdges:e})=>e&&"\n border-radius: 999px;\n "} 83`,g=i.AH` 84 ${m}, ${p} { 85 ${({theme:e})=>(0,r.FM)(e,"valid","background")} 86 ${({theme:e})=>(0,r.FM)(e,"valid","text")} 87 ${({theme:e})=>(0,r.FM)(e,"valid","border")} 88 } 89 90 ${d} { 91 svg { 92 ${({theme:e})=>(0,r.FM)(e,"valid","icon")} 93 } 94 } 95`,h=i.Ay.div.withConfig({displayName:"TextFieldAssistiveText"})` 96 ${(0,r.Gg)("typography.definitions.utility.assistive-text")} 97 98 grid-column: -1 / 1; 99 transition: color ${s.L6.timingButtonDefault} ease-in; 100 margin-top: ${(0,r.Kq)(1)}; 101 102 ${({theme:e})=>(0,r._o)(e,"color","colors.interactive.base.dark")}; 103`,b=(0,i.Ay)(a.vm).withConfig({displayName:"TextFieldLabel"}).attrs(e=>({as:"label",...e}))` 104 /* disabled */ 105 ${c}, ${h} { 106 ${({isDisabled:e,theme:t})=>e&&(0,r._o)(t,"color","colors.interactive.base.dark")} 107 } 108 109 ${d} { 110 svg { 111 ${({theme:e})=>(0,r.FM)(e,"disabled","icon")} 112 } 113 } 114 115 /* leading-icon */ 116 ${m}, ${p} { 117 ${(0,r.R9)("hasInlineLabel",!0,i.AH` 118 margin-top: 0; 119 padding-top: ${(0,r.Kq)(3)}; 120 `)} 121 } 122 123 /* inline */ 124 ${c} { 125 ${(0,r.R9)("hasInlineLabel",!0,i.AH` 126 ${(0,r.Gg)("typography.definitions.utility.assistive-text")}; 127 position: absolute; 128 z-index: 1; 129 margin-left: 1px; /* to match the 1px left border of the input area */ 130 padding: ${(0,r.Kq)(1)} ${(0,r.Kq)(1)} 0; 131 `)} 132 } 133 134 ${(0,r.R9)("isActivated",!0,g)} 135`,y=i.Ay.div.withConfig({displayName:"TextFieldInputContainer"})` 136 position: relative; 137 grid-column: 1; 138 139 input[type='search'] { 140 appearance: none; 141 } 142`,f=i.Ay.datalist.withConfig({displayName:"TextFieldDataList"})``,A=i.Ay.option.withConfig({displayName:"TextFieldDataListOption"})``,k=(0,i.Ay)(o.A).withConfig({displayName:"TextFieldButton"})` 143 height: 48px; 144 ${(0,r.Xm)(0,s.LO.md)} { 145 margin-top: ${(0,r.Kq)(1)}; 146 } 147 148 /* mobile-hide */ 149 ${({hideButtonInMobile:e})=>e&&`\n ${(0,r.Xm)(0,`${l.VS.md}px`)} {\n position: absolute;\n visibility: hidden;\n }\n `} 150 151 ${({theme:e,isInverted:t})=>t&&`\n border-radius: 3px;\n ${(0,r._o)(e,"background-color","colors.interactive.base.brand-secondary")};\n \n ${(0,r.H4)(s.LO.md)} {\n margin-left: ${(0,r.Kq)(1)};\n }\n\n `} 152`,w=(0,i.Ay)(a.vm).withConfig({displayName:"TextFieldErrorText"}).attrs(e=>({as:"div",colorToken:"colors.interactive.feedback.invalid-primary",topSpacing:1,typeIdentity:"typography.definitions.utility.assistive-text",...e}))` 153 grid-column: -1 / 1; 154`,v=i.AH` 155 ${m}, ${p} { 156 ${({theme:e})=>
156(0,r.FM)(e,"invalid","background")} 157 ${({theme:e})=>(0,r.FM)(e,"invalid","text")} 158 ${({theme:e})=>(0,r.FM)(e,"invalid","border")} 159 } 160 161 ${d} { 162 svg { 163 ${({theme:e})=>(0,r.FM)(e,"invalid","icon")} 164 } 165 } 166 167 ${({hasAttachedButton:e,isAlwaysStacked:t})=>e&&!t&&`\n ${(0,r.H4)(s.LO.md)} {\n grid-column: 1 / span 2;\n }\n `} 168`,C=i.AH` 169 ${(0,r.Xm)(0,s.LO.md)} { 170 grid-template-columns: auto ${(0,r.Kq)(14)}; 171 align-items: end; 172 } 173 174 ${k} { 175 margin-top: 0; 176 ${(0,r.Xm)(0,s.LO.md)} { 177 min-width: unset; 178 } 179 } 180`,$=i.Ay.span.withConfig({displayName:"TextFieldWrapper"})` 181 display: grid; 182 margin-bottom: ${(0,r.Kq)(2)}; 183 184 ${(0,r.H4)(s.LO.md)} { 185 ${({shouldUseAlternativeStyle:e})=>e&&`margin-bottom: ${(0,r.Kq)(3)};`} 186 } 187 188 /* hasAttachedButton */ 189 ${({hasAttachedButton:e,isAlwaysStacked:t})=>!t&&e?`\n ${(0,r.H4)(s.LO.md)} {\n grid-template-columns: 1fr auto;\n align-items: end;\n }\n `:""} 190 ${({hasAttachedButtonForMobile:e})=>e&&`\n ${(0,r.L7)(s.LO.md)} {\n grid-template-columns: 1fr auto;\n align-items: end;\n }`} 191 192 ::placeholder { 193 ${({theme:e})=>(0,r._o)(e,"color","colors.interactive.base.dark")}; 194 } 195 196 ${({hasAttachedButton:e,isNeverStacked:t})=>e&&t?C:""}; 197 198 /* error */ 199 ${(0,r.R9)("hasErrorState",!0,v)} 200 /* alternative-style */ 201 202 ${c} { 203 ${({hasAttachedButton:e,isAlwaysStacked:t})=>!t&&e?`\n ${(0,r.H4)(s.LO.md)} {\n grid-column: span 2;\n }\n `:""} 204 } 205 206 ${w} { 207 ${({hasAttachedButton:e,isAlwaysStacked:t})=>!t&&e?`\n ${(0,r.H4)(s.LO.md)} {\n grid-column: 1 / span 2;\n }\n `:""} 208 } 209`,E=(0,i.Ay)(a.sH).withConfig({displayName:"TextFieldErrorSuggestion"}).attrs(e=>({colorToken:"colors.interactive.feedback.invalid-primary",typeIdentity:"typography.definitions.utility.assistive-text",...e}))` 210 text-decoration: underline; 211 212 &:hover { 213 ${({theme:e})=>(0,r._o)(e,"color","colors.interactive.feedback.invalid-primary")}; 214 } 215`},70462(e,t,n){n.d(t,{qk:()=>c});var i=n(38267),a=n(1123),r=n(26865),o=n(96472),s=n(18608);const l=(e={})=>"grid"===e.display&&(0,a.aU)(),c=i.Ay.div.withConfig({displayName:"SlotContainer"})` 216 ${({stylesConfig:e={}})=>{const{mobile:t={},tablet:n={},desktop:a={}}=e;return i.AH` 217 ${t} 218 ${l(t)} 219 220 // childStylesConfig are required in here to 221 // put up styles for direct slot component 222 & > :first-child { 223 ${t.childStylesConfig??{}} 224 } 225 226 ${(0,r.H4)(o.LO.md)} { 227 ${n} 228 ${l(n)} 229 230 & > :first-child { 231 ${n.childStylesConfig??{}} 232 } 233 } 234 235 ${(0,r.H4)(o.LO.lg)} { 236 ${a} 237 ${l(a)} 238 239 & > :first-child { 240 ${a.childStylesConfig??{}} 241 } 242 } 243 `}}; 244`;(0,i.Ay)(s.c7).withConfig({displayName:"FallbackWrapper"})` 245 display: flex; 246 align-items: center; 247 justify-content: center; 248 border-bottom: 0.5px dotted; 249 padding: 0.5rem; 250 height: 100vh; 251`,(0,i.Ay)(s.vm).withConfig({displayName:"MessageText"})``,i.Ay.div.withConfig({displayName:"Slot"})``},1123(e,t,n){n.d(t,{Cy:()=>u,Rn:()=>l,VO:()=>o,aU:()=>s,mO:()=>d,mS:()=>c});var i=n(26865),a=n(75163),r=n(96472);const o=()=>`\n --grid-gap: ${(0,i.Kq)(2)};\n --grid-margin: ${(0,i.Kq)(3)};\n\n @media (min-width: ${r.LO.md}) {\n --grid-gap: ${(0,i.Kq)(3)};\n --grid-margin: ${(0,i.Kq)(6)};\n }\n\n @media (min-width: ${r.LO.lg}) {\n --grid-gap: ${(0,i.Kq)(4)};\n }\n\n @media (min-width: ${r.LO.xl}) {\n --grid-margin: ${(0,i.Kq)(8)};\n }\n `,s=(e,t=!1)=>{const n=t?-1:1;return`\n ${e}-right: calc(${n} * var(--grid-margin));\n ${e}-left: calc(${n} * var(--grid-margin));\n `},l=e=>`\n ${a.pT.Color.Surface}: #${e};\n ${a.pT.Color.SurfaceAd}: #${e};\n background-color: #${e};\n `,c=e=>`\n border-color: #${e};\n `,d=e=>`\n border-top: 1px solid #${e};\n `,u=()=>`padding-top: ${(0,i.Kq)(7,"px")};`},64325(e,t,n){n.d(t,{e1:()=>o,fx:()=>s,kn:()=>l});const i="upc-product",a="uvc",r="rental-product",o=e=>e?.renderAs===i||e?.renderAs===a,s=e=>e?.renderAs===a,l=e=>s(e)&&e?.sourceType===r},57819(e,t,n){n.d(t,{h:()=>s});var i=n(96540),a=n(5556),r=n.n(a);const o=(0,i.createContext)({instance:void 0}),s=({children:e,instance:t})=>i.createElement(o.Provider,{value:{instance:t}},e);s.propTypes={children:r().node.isRequired,instance:r().any},s.displayName="DynamicLayoutConfigProvider"},66120(e,t,n){var i=n(32485),a=n.n(i),r=n(50014),o=n.n(r),s=n(5556),l=n.n(s),c=n(96540),d=n(45135),u=n(90090),m=n(95928),p=n(28846),g=n(34143),h=n(60663),b=n(62193),y=n.n(b),f=n(6442),A=n(94828),k=n(97111);class w extends c.Component{constructor(){super(...arguments),this.onClickArticleLink=()=>{const{contentID:e,contentUrl:t}=this.props;(0,u.W8)("bookmarks-article-click",{bookmarks:{contentId:e,contentUrl:t}})},this.onClickLink=e=>()=>{(0,u.W8)(`bookmarks-${e}-click`)},this.removeOnClickHandler=e=>{e.stopPropagation();const{contentID:t,id:n,removeBookmarkHandler:i}=this.props;i(n),(0,u.W8)("bookmarks-remove-article",{contentId:t})}}render(){const{bookmarkType:e,className:t,contributors:n,dek:i,documentUri:a,id:r,hed:o,photo:s,publishedDate:l,rating:d,reviewsCount:u,rubric:m,summaryItemVariation:p}=this.props,g=A.A[p||"Bookmarks"];return c.createElement("div",{className:t},"stacked-rating"===e?c.createElement(k.A,{bookmarkId:r,contributors:n,clickHandlerHed:this.onClickArticleLink,clickHandlerContributors:this.onClickLink("author"),clickHandlerRubric:this.onClickLink("rubric"),dangerousHed:o,date:l,iconBookmarkOnClickHandler:this.removeOnClickHandler,image:s,rubric:m,shouldHideBookmarkIcon:!1,shouldHidePublishDate:!1,url:`/${a}`,hasBookmark:!0,hasIcon:!0,hasRubric:!0,hasUnderline:!1,ratingMethod:"starRating",dangerousDek:i,rating:d,reviewsCount:u,ratingPosition:"bottom",shouldHideDekOnMobileView:!0}):c.createElement(g,{contributors:n,clickHandlerHed:this.onClickArticleLink,clickHandlerContributors:this.onClickLink("author"),clickHandlerRubric:this.onClickLink("rubric"),dangerousHed:o,date:l,dangerousDek:i,iconButtonOnclickHandler:this.removeOnClickHandler,image:s,rubric:m,shouldHideBookmarkIcon:!1,shouldHidePublishDate:!1,url:`/${a}`}))}}w.propTypes={bookmarkType:l().string,className:l().string,contentID:l().string,contentUrl:l().string,contributors:l().object.isRequired,dek:l().string,documentUri:l().string,hed:l().string.isRequired,id:l().string.isRequired,photo:l().object.isRequired,publishedDate:l().string.isRequired,rating:l().number,removeBookmarkHandler:l().func,reviewsCount:l().number,rubric:l().object.isRequired,summaryItemVariation:l().string};const v=w;var C=n(73730);const $=n(16075),{GraphQLClient:E}=n(96497),{getCookie:S}=n(56892),L=n(53788).A,{oidcCookies:P}=L,N=(e,t)=>{const n=S(P.access),i=new E(e),{query:a,variables:r}=t,o={"Access-Control-Request-Method":"POST","Access-Control-Request-Headers":"Content-Type","Content-Type":"application/json","User-Agent":"verso-client",Authorization:`Bearer ${n}`};return i.request(a,r,o)},x=async(e,t)=>{const{name:n,location:i,organizationId:a,userId:r,url:o,action:s}=e,l={operationName:"UPDATE"===s?"updateSiteUsername":"createSiteUsername",query:"UPDATE"===s?"\n mutation updateSiteUsername($input: UpdateSiteUsernameInput!) {\n updateSiteUsername(input: $input) {\n siteUsername {\n name\n siteID\n location\n }\n }\n }\n":"\n mutation createUsername($input: CreateSiteUsernameInput!) {\n createSiteUsername(input: $input) {\n siteUsername {\n name\n siteID\n location\n }\n }\n }\n",variables:{input:{siteUsername:{name:n,siteID:a,authorID:r,location:i},clientMutationId:"0"}}};try{const e=await N(o,l);return e&&e["UPDATE"===s?"updateSiteUsername":"createSiteUsername"]?.siteUsername?.name}catch(e){let n;throw(null===e.response?.data&&"DUPLICATE_USERNAME"===e.response?.errors[0]?.extensions?.code||"InternalDevelopmentError: Duplicate Brand Username"===e.response?.errors[0]?.message)&&(n="already_taken"),t.warn(`Error making GQL request in createNewUsername: ${e?.response?.errors[0]?.message}`),new Error(n)}};var D=n(72267);const B=(0,D.YK)({lengthError:{id:"AccountInformationCard.lengthError",defaultMessage:"Usernames must be between 2 and 23 characters.",description:"AccountInformationCard component user name length error"},specialCharError:{id:"AccountInformationCard.specialCharError",defaultMessage:"Usernames can only include letters, numbers and underscores (_).",description:"AccountInformationCard component username special chars validation error"}
251,errorMessage:{id:"AccountInformationCard.ErrorMessage",defaultMessage:"Unable to save username. Please try again.",description:"AccountInformationCard username default error message"},successMessage:{id:"AccountInformationCard.SuccessMessage",defaultMessage:"Username saved",description:"AccountInformationCard username success message"},alreadyTakenError:{id:"AccountInformationCard.alreadyTakenError",defaultMessage:"This username is already taken",description:"AccountInformationCard username already taken error"},userNameLabel:{id:"AccountInformationCard.UserNameLabel",defaultMessage:"Username",description:"AccountInformationCard username label"},userNamePlaceholer:{id:"AccountInformationCard.UserNamePlaceholer",defaultMessage:"YOUR_USERNAME",description:"AccountInformationCard username placeholder"},discard:{id:"AccountInformationCard.Discard",defaultMessage:"Discard",description:"AccountInformationCard username discard text"},submitButtonLabel:{id:"AccountInformationCard.SubmitButtonLabel",defaultMessage:"Save Username",description:"AccountInformationCard component username submit button label"},locationPlaceholder:{id:"AccountInformationCard.LocationPlaceholder",defaultMessage:"Select a location",description:"AccountInformationCard location dropdown placeholder"},locationLabel:{id:"AccountInformationCard.LocationLabel",defaultMessage:"Location",description:"AccountInformationCard location dropdown label"}});var T=n(48346),I=n(79499),U=n(14307),H=n(53499),K=n(38267),q=n(26865),M=n(18608),R=n(99411),O=n(72081),F=n(60434),_=n(8316);const G=(0,K.Ay)(M.vm).withConfig({displayName:"AccountInformationCardLabel"}).attrs(e=>({as:"div",bottomSpacing:.5,colorToken:"colors.discovery.body.white.description",typeIdentity:"typography.definitions.utility.label",...e}))``,j=(0,K.Ay)(M.vm).withConfig({displayName:"AccountInformationCardPlaceholder"}).attrs(e=>({as:"div",bottomSpacing:.5,typeIdentity:"typography.definitions.discovery.description-feature",...e}))``,z=(0,K.Ay)(_.A).withConfig({displayName:"CommunityInformationFormWrapper"})``,W=(0,K.Ay)(O.A.SingleLine).withConfig({displayName:"CommunityInformationInput"})` 252 ${F.tw} { 253 border: 1px solid 254 ${(0,q.HK)("colors.consumption.body.standard.divider")}; 255 width: 100%; 256 color: ${({theme:e})=>(0,q._o)(e,"color","colors.consumption.body.standard.body")}; 257 font-size: ${(0,q.Kq)(2)}; 258 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.globalEditorial.accreditation-feature")}; 259 260 &:active, 261 &:focus { 262 ${({theme:e})=>(0,q._o)(e,"border-color","colors.discovery.body.black.border")}; 263 } 264 } 265 ${F.Nf} { 266 ${({theme:e})=>(0,q._o)(e,"color","colors.discovery.body.white.description")}; 267 } 268`,V=(0,K.Ay)(C.A.Utility).withConfig({displayName:"CommunitySubmitButton"})` 269 margin-top: ${(0,q.Kq)(3)}; 270 margin-bottom: ${(0,q.Kq)(2)}; 271`,Y=(0,K.Ay)(C.A).withConfig({displayName:"CommunityCancelButton"})` 272 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.button-core")}; 273 display: inline-block; 274 border: none; 275 background: none; 276 cursor: pointer; 277 text-align: center; 278 text-decoration: underline; 279 line-height: 4; 280 color: ${(0,q.HK)("colors.discovery.body.white.accent")}; 281 282 &&&:active, 283 &&&:focus, 284 &&&:hover { 285 border: none; 286 background: none; 287 background-color: transparent; 288 color: ${(0,q.HK)("colors.interactive.base.brand-primary")}; 289 } 290`,Q=K.Ay.div.withConfig({displayName:"CommunityCancelButtonWrapper"})` 291 text-align: center; 292`,X=(0,K.Ay)(M.vm).withConfig({displayName:"AccountInformationCardAdditionalNote"}).attrs(e=>({as:"div",bottomSpacing:.5,typeIdentity:"typography.definitions.discovery.description-feature",...e}))``,Z=K.Ay.div.withConfig({displayName:"AccountInformationCardWrapper"})` 293 ${({shouldUseAlternativeStyle:e})=>e&&`\n ${R.Cx} {\n ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.discovery.hed-core-secondary")};\n margin: 0 0 ${(0,q.Kq)(1)} ${(0,q.Kq)(4)};\n text-align: left;\n color: ${({theme:e})=>(0,q.HK)(e,"colors.discovery.lead.secondary.hed")};\n }\n\n ${j},\n ${X} {\n margin-bottom: ${(0,q.Kq)(2)};\n }\n\n ${G} {\n ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.discovery.description-feature")};\n font-weight: 700;\n }\n`} 294`,J=K.Ay.div.withConfig({displayName:"AccountInformationCardListItem"})` 295 margin-bottom: ${(0,q.Kq)(2)}; 296 border-bottom: 1px solid 297 ${(0,q.HK)("colors.consumption.body.standard.divider")}; 298 padding-bottom: ${(0,q.Kq)(2)}; 299 300 &:last-of-type { 301 margin-bottom: 0; 302 border-bottom: none; 303 padding-bottom: 0; 304 } 305`,ee=K.AH` 306 a { 307 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.assistive-text")}; 308 color: ${(0,q.HK)("colors.discovery.body.white.accent")}; 309 } 310`,te=K.Ay.div.withConfig({displayName:"AccountInformationCardLink"})` 311 ${ee} 312`,ne=K.Ay.div.withConfig({displayName:"AccountInformationCardButtonWrapper"})``,ie=((0,K.Ay)(C.A.Utility).withConfig({displayName:"AccountInformationCardButtonUtility"})` 313 ${ee} 314`,(0,K.Ay)(C.A.Utility).withConfig({displayName:"AccountInformationCardButtonUtilityText"})` 315 ${ee} 316`),ae=((0,K.Ay)(M.vm).withConfig({displayName:"AccountInformationCardDek"}).attrs(e=>({as:"div",bottomSpacing:2,colorToken:"colors.discovery.body.white.description",topSpacing:4,typeIdentity:"typography.definitions.discovery.subhed-section-secondary",...e}))` 317 text-align: center; 318`,(0,K.Ay)(C.A.Utility).withConfig({displayName:"AccountInformationCardButton"})` 319 margin: 0 auto; 320 width: unset; 321`,({accountInformationConfig:e,additionalNote:t,communityExperienceConfig:n={},enableLocationDropdown:i,messageBannerHandler:r,organizationId:o,userId:s,userApiUrl:l,className:d,email:u,hasUserDetails:m,successCallbackHandler:p,showCommunityExperience:g,hasMinimisedCommunityForm:h=!0,maxUserNameLength:b=23,minUserNammeLength:y=2,shouldUseAlternativeStyle:A=!1,showEmailText:k=!1}
321)=>{c.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(H.G.RENDER,{name:"AccountInformationCard"})},[]);const{emailLabel:w,passwordLabel:v,changePasswordLinkText:C}=e,[E,S]=c.useState(h),[L,P]=c.useState(),[D,K]=c.useState(null),[q,M]=c.useState(null),[R,O]=c.useState(""),{formatMessage:F}=(0,f.A)(),_=c.useRef(null),{usernameLabel:ee=F(B.userNameLabel),usernamePlaceholder:ae=F(B.userNamePlaceholer),discardLabel:re=F(B.discard)}=n;c.useEffect(()=>{!async function(){let e=null;if(s&&o)try{e=await(async(e,t,n)=>{if(!n)return;const i={operationName:"getSiteUsername",query:"\n query getSiteUsername($authorID: String!, $siteID: String) {\n siteUsername(authorID: $authorID, siteID: $siteID) {\n id\n name\n tenantID\n authorID\n location\n }\n }\n",variables:{authorID:e,siteID:t}};let a,r;try{const e=await N(n,i);if(0===e?.siteUsername?.length)a=null,r=null;else{const t=e&&e.siteUsername[0];a=t?.name,r=t?.location}}catch(e){}return{username:a,location:r}})(s,o,l),K(e?.username),M(e?.location)}catch(e){throw e}}()},[s,o,l]);const oe=async e=>{const t=e?.value||null;if(D)try{await x({name:D,location:t,organizationId:o,userId:s,url:l,action:"UPDATE"},console)}catch(e){r&&r("Failed to update location. Please try again.")}M(t)},se=({errorInfo:e=null,label:t,type:n})=>{const i={subject:"username",label:t,source_type:"account_page",type:n,...e&&{error:e}};(0,U.lV)(i)},le={lengthError:F(B.lengthError),specialCharError:F(B.specialCharError)},ce=[c.createElement("div",{key:"static-links"},c.createElement(J,{"data-testid":"AccountInformationCardListItem"},c.createElement(G,{className:"account-information-card__label"},w),c.createElement(j,{"data-testid":"AccountInformationCardPlaceholder",classname:"account-information-card__placeholder"},m&&k&&c.createElement("span",null,"Youâre using ",c.createElement("em",null,u)," to sign in."),m&&!k&&u),t&&c.createElement(X,null,t),m&&A&&c.createElement(ne,{className:"account-information-card__buttons"},c.createElement(ie,{href:"/auth/forgot",inputKind:"link",btnStyle:"text",label:C}))),!A&&c.createElement(J,{"data-testid":"AccountInformationCardListItem"},c.createElement(G,{className:"account-information-card__label"},v),c.createElement(te,{"data-testid":"AccountInformationCardLink"},m&&c.createElement("a",{href:"/auth/forgot"},C))),g&&c.createElement(J,{"data-testid":"AccountInformationCardListItem"},c.createElement(z,{"data-testid":"CommunityInformationFormWrapper",name:"CommunityInformationFormWrapper",onBlurHandler:e=>{e.currentTarget.contains(e.relatedTarget)||S(!0)},onSubmitAttemptHandler:async()=>{O(null);const e=((e,t)=>{const{minLength:n,maxLength:i}=t,a=$.string().min(n).max(i).required(),r=$.string().regex(/^[a-zA-Z0-9_]+$/).required();return a.validate(e).error?"lengthError":r.validate(e).error?"specialCharError":null})(L,{minLength:y,maxLength:b});if(e){const t=le[e]??"";return O(t),void se({errorInfo:t,label:"SAVE USERNAME",type:"submit"})}let t;try{t=await x({name:L,location:q,organizationId:o,userId:s,url:l,action:D?"UPDATE":"CREATE"},console),K(t),O(null),r&&r(F(B.successMessage)),S(!0),p&&p(L),se({label:"SAVE USERNAME",type:"submit"})}catch(e){const t=e.message||"";se({errorInfo:t,label:"SAVE USERNAME",type:"submit"}),"already_taken"===e?.message?O(F(B.alreadyTakenError)):r&&r(F(B.errorMessage))}}},c.createElement(W,{"data-testid":"CommunityInformationInput",classname:"community-information-label__input",type:"text",name:"username",formName:"username",placeholder:ae,onInputChange:e=>{let{value:t}=e.target;t.length>b?(t=t.slice(0,b),e.target.value=t,O(F(B.lengthError))):O(null),P(t)},onInputFocus:()=>S(!1),label:ee||"Username",defaultValue:D,inputRef:_,shouldUseUppercase:!0,errorText:R,isInvalid:!!R}),!E&&c.createElement(c.Fragment,null,c.createElement(V,{name:"CommunityInformationSubmitButton",inputKind:"submit",label:F(B.submitButtonLabel),isDisabled:!L||L===D}),c.createElement(Q,null,c.createElement(Y,{inputKind:"button",btnStyle:"text",onClickHandler:()=>{_.current.value=D,P(D),S(!0),se({label:"DISCARD",type:"exit"})},label:re})))),i&&(()=>{const e=q?T.A.find(e=>e.value===q):null;return c.createElement(c.Fragment,null,c.createElement(G,null,F(B.locationLabel)),c.createElement(I.Ay.Searchable,{key:`location-${q||"empty"}`,assistiveLabel:"",options:T.A,onInputChange:oe,placeholderText:F(B.locationPlaceholder),defaultValue:e,value:e,isClearable:!0,hideLabel:!0,"data-testid":"location-dropdown"}))})()))];return c.createElement(Z,{className:a()(d,{"alternative-style":A}),shouldUseAlternativeStyle:A},ce)});ae.propTypes={accountInformationConfig:l().object,additionalNote:l().string,className:l().string,communityExperienceConfig:l().object,enableLocationDropdown:l().bool,email:l().string,hasMinimisedCommunityForm:l().bool,hasUserDetails:l().bool,maxUserNameLength:l().number,messageBannerHandler:l().func,minUserNammeLength:l().number,organizationId:l().string.isRequired,shouldUseAlternativeStyle:l().bool,showCommunityExperience:l().bool,showEmailText:l().bool,successCallbackHandler:l().func,userApiUrl:l().string.isRequired,userId:l().string.isRequired};const re=ae;var oe=n(13965),se=n(86245);function le(e){return e.map(e=>e.id).join(" ")}var ce=n(69741),de=n(89674),ue=n(18619),me=n(96472);const pe=K.Ay.div.withConfig({displayName:"AccountProfileFormInputContainer"})``,ge=(0,K.Ay)(C.A.Utility).withConfig({displayName:"AccountProfileFormButton"})` 322 margin: ${(0,q.Kq)(3)} auto 0; 323 width: 100%; 324 325 ${(0,q.H4)(me.LO.md)} { 326 width: 75%; 327 } 328`,he=(0,K.Ay)(de.A).withConfig({displayName:"AccountProfileFormControl
328List"})` 329 ${ue.n} { 330 position: static; 331 margin: 0 0 ${(0,q.Kq)(1)} 0; 332 border: inherit; 333 padding: inherit; 334 width: auto; 335 height: auto; 336 overflow: visible; 337 color: ${(0,q.HK)("colors.discovery.body.white.heading")}; 338 clip: auto; 339 ${(0,q.Gg)("typography.definitions.utility.label")} 340 } 341 ${ce.dX} { 342 color: ${(0,q.HK)("colors.discovery.body.white.heading")}; 343 } 344`,be=({errors:e=[],handleOnInput:t,formElements:n,onChangeHandler:i,onSubmitHandler:r,isSubmitDisabled:o})=>{c.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(H.G.RENDER,{name:"AccountProfileForm"})},[]);const{className:s,formName:l,dangerousHed:d,buttonLabel:u,selectionControlList:m}=n,{dangerousLegend:p,items:g}=m||{};i&&i();const h=g&&Array.isArray(g)&&g.map((e,t)=>c.createElement(oe.A.Checkbox,{...e,formName:l,index:t,key:`${e.name}.${e.value}`}));return c.createElement(se.A,{className:a()(l,s),dangerousHed:d},c.createElement(_.A,{errors:e,name:l,onSubmitHandler:e=>{if(!r)return;const t={},n=e.target.querySelectorAll("[name*=item-list-]"),i=[];e.preventDefault();for(let e=0;e<n.length;e++){const t=n[e];t.checked&&i.push({status:t.checked,itemId:t.name.replace("item-list-","")})}m&&n&&(t[`${m.name}`]=i),r(t)},validationClassName:`${l}__validation-description`},c.createElement(pe,{"aria-describedby":le(e),onChange:t}),m&&c.createElement(he,{dangerousLegend:p,formName:l},h),c.createElement(ge,{label:u,inputKind:"submit",isDisabled:o})))};be.propTypes={errors:l().array,formElements:l().object.isRequired,handleOnInput:l().func,isSubmitDisabled:l().bool,onChangeHandler:l().func,onSubmitHandler:l().func};const ye=be,fe=K.Ay.div.withConfig({displayName:"SubscriptionDetailsCardWrapper"})` 345 margin: 0 0 ${(0,q.Kq)(3)} 0; 346 background: ${(0,q.HK)("colors.discovery.body.white.background")}; 347 padding: ${(0,q.Kq)(2)} ${(0,q.Kq)(3)}; 348`,Ae=K.Ay.div.withConfig({displayName:"SubscriptionDetailsCardHeader"})` 349 margin-bottom: ${(0,q.Kq)(2)}; 350 351 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.card-heading")}; 352 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.black")}; 353`,ke=K.Ay.h2.withConfig({displayName:"SubscriptionDetailsCardTitle"})` 354 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.card-heading")}; 355 margin: 0 0 ${(0,q.Kq)(3)} 0; 356 357 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.body")}; 358`,we=K.Ay.div.withConfig({displayName:"SubscriptionDetailsCardStatusGroup"})` 359 display: inline-flex; 360 flex-shrink: 0; 361 align-items: center; 362 margin-bottom: ${(0,q.Kq)(2)}; 363 gap: ${(0,q.Kq)(1)}; 364`,ve=K.Ay.span.withConfig({displayName:"SubscriptionDetailsCardStatus"})` 365 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 366 display: inline-block; 367 border-radius: ${(0,q.Kq)(.5)}; 368 padding: ${(0,q.Kq)(.5)} ${(0,q.Kq)(1)}; 369 370 ${({statusType:e})=>{switch(e){case"active":return"background-color: #CEF3E1; color: #004D28;";case"inactive":case"paused":return"background-color: #FFF0D3; color: #863630;";default:return"background-color: #CEF3E1; color: #004D28;"}}} 371`,Ce=K.Ay.span.withConfig({displayName:"SubscriptionDetailsCardType"})` 372 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 373 display: inline-block; 374 padding: ${(0,q.Kq)(.5)} ${(0,q.Kq)(1)}; 375 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.black")}; 376`,$e=K.Ay.div.withConfig({displayName:"SubscriptionDetailsCardPlanName"})` 377 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.discovery.hed-bulletin-secondary")}; 378 flex: 1; 379 margin: 0; 380 min-width: 0; 381`,Ee=K.Ay.div.withConfig({displayName:"SubscriptionDetailsCardDetails"})` 382 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 383 margin-bottom: ${(0,q.Kq)(3)}; 384`,Se=K.Ay.a.withConfig({displayName:"SubscriptionDetailsCardLink"})` 385 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 386 display: inline-block; 387 cursor: pointer; 388 text-align: center; 389 text-decoration: underline; 390 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.brand-primary")}; 391`,Le=K.Ay.div.withConfig({displayName:"OtherSubscriptionsSection"})` 392 margin-top: ${(0,q.Kq)(4)}; 393 border-top: 1px solid 394 ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.border")}; 395 padding-top: ${(0,q.Kq)(3)}; 396`,Pe=K.Ay.h3.withConfig({displayName:"OtherSubscriptionsTitle"})` 397 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.card-heading")}; 398 margin: 0 0 ${(0,q.Kq)(2)} 0; 399 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.black")}; 400`,Ne=K.Ay.p.withConfig({displayName:"OtherSubscriptionsNote"})` 401 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 402 margin: 0 0 ${(0,q.Kq)(3)} 0; 403 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.black")}; 404 405 a { 406 text-decoration: underline; 407 color: ${(0,q.HK)("colors.interactive.base.brand-primary")}; 408 409 &:hover { 410 text-decoration: underline; 411 } 412 413 &:focus { 414 outline: 2px solid 415 ${(0,q.HK)("colors.interactive.base.brand-primary")}; 416 outline-offset: 2px; 417 } 418 } 419`,xe=K.Ay.div.withConfig({displayName:"OtherSubscriptionItem"})` 420 margin-bottom: ${(0,q.Kq)(3)}; 421`,De=K.Ay.div.withConfig({displayName:"OtherSubscriptionName"})` 422 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.discovery.hed-bulletin-secondary")}; 423 margin: 0 0 ${(0,q.Kq)(1)} 0; 424 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.black")};
425`,Be=K.Ay.a.withConfig({displayName:"OtherSubscriptionLink"})` 426 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 427 display: inline-block; 428 cursor: pointer; 429 text-decoration: underline; 430 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.brand-primary")}; 431`,Te=K.Ay.div.withConfig({displayName:"SubscriptionDetailsCardHorizontalSeparator"})` 432 margin: ${(0,q.Kq)(2)} 0; 433 border-bottom: 1px solid 434 ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.border")}; 435`,Ie=K.Ay.div.withConfig({displayName:"FAQSection"})` 436 margin: ${(0,q.Kq)(3)} 0 0 0; 437 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.discovery.utility.body")}; 438 439 a { 440 text-decoration: underline; 441 color: ${(0,q.HK)("colors.interactive.base.brand-primary")}; 442 } 443`,Ue=({className:e,title:t="Subscription",brandName:n="",planName:i="",status:r="",statusType:o="",subscriptionType:s="",duration:l="",buttonHref:d="#",onButtonClick:u,otherSubscriptions:m=[],faqLink:p,showDetails:g=!0,isFamilyPlanOwner:h=!1})=>{const b=e=>"apple"===e.provider?"https://apps.apple.com/account/subscriptions":"google"===e.provider?"https://play.google.com/store/account/subscriptions":e.customerPortalLink||"#";return c.createElement(fe,{className:a()("subscription-details-card",e)},c.createElement(Ae,null,c.createElement(ke,null,t),c.createElement($e,null,i)),g&&c.createElement(c.Fragment,null,c.createElement(we,null,c.createElement(ve,{statusType:o},r),c.createElement(Ce,null,s)),c.createElement(Ee,null,l),c.createElement(Se,{href:d,target:"_blank",rel:"nofollow noreferrer noopener","data-testid":"manage-subscription-button",onClick:e=>{if(u){const n=`Manage ${t.toLocaleLowerCase()}`;u(d,n,i,e.target)}}},`Manage ${t.toLocaleLowerCase()}`),m.length>0&&c.createElement(Le,null,c.createElement(Pe,null,"Other ",n," subscriptions"),c.createElement(Ne,null,"You have more than one active subscription. For assistance, please contact"," ",c.createElement("a",{href:p,target:"_blank",rel:"noopener noreferrer"},"Customer Care"),"."),m.map((e,t)=>c.createElement(xe,{key:t},c.createElement(De,null,(e.productName||"Subscription").toUpperCase()),(!e.groupOffer||h)&&c.createElement(Be,{href:b(e),target:"_blank",rel:"nofollow noreferrer noopener"},(e=>{const{subscriptionType:t="subscription"}=e;return"apple"===e.provider?`Manage ${t.toLocaleLowerCase()} in Apple App Store`:"google"===e.provider?`Manage ${t.toLocaleLowerCase()} in Google Play Store`:`Manage ${t.toLocaleLowerCase()}`})(e)))))),g&&c.createElement(c.Fragment,null,c.createElement(Te,null),c.createElement(Ie,null,"If you have any questions, please visit our"," ",c.createElement("a",{href:p,target:"_blank",rel:"noopener noreferrer"},"FAQ page"),".")))};
443Ue.propTypes={className:l().string,title:l().string,brandName:l().string,planName:l().string,status:l().string,statusType:l().any,subscriptionType:l().string,duration:l().string,buttonLabel:l().string,buttonHref:l().string,onButtonClick:l().func,otherSubscriptions:l().array,faqText:l().string,faqLink:l().string,buttonLink:l().string,showDetails:l().bool,isFamilyPlanOwner:l().bool},Ue.displayName="SubscriptionDetailsCard";const He=Ue;var Ke=n(9218);const qe=K.Ay.div.withConfig({displayName:"SubscriptionBenefitsCardWrapper"})` 444 margin: ${(0,q.Kq)(3)} 0; 445 background: ${(0,q.HK)("colors.discovery.body.white.background")}; 446 padding: ${(0,q.Kq)(2)} ${(0,q.Kq)(3)}; 447`,Me=K.Ay.div.withConfig({displayName:"SubscriptionBenefitsCardHeader"})` 448 margin: 0 0 ${(0,q.Kq)(2)} 0; 449 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.card-heading")}; 450 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.body")}; 451`,Re=K.Ay.h2.withConfig({displayName:"SubscriptionBenefitsCardTitle"})` 452 margin: 0; 453 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.card-heading")}; 454 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.body")}; 455`,Oe=K.Ay.div.withConfig({displayName:"SubscriptionBenefitsCardCategoriesList"})` 456 display: flex; 457 flex-direction: column; 458 gap: ${(0,q.Kq)(3)}; 459`,Fe=K.Ay.div.withConfig({displayName:"SubscriptionBenefitsCardCategorySection"})` 460 display: flex; 461 flex-direction: column; 462`,_e=K.Ay.h3.withConfig({displayName:"SubscriptionBenefitsCardCategory"})` 463 margin: 0 0 ${(0,q.Kq)(2)} 0; 464 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.description")}; 465 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.body")}; 466`,Ge=K.Ay.ul.withConfig({displayName:"SubscriptionBenefitsCardBenefitsList"})` 467 margin: 0; 468 padding: 0; 469 list-style: none; 470`,je=K.Ay.li.withConfig({displayName:"SubscriptionBenefitsCardBenefit"})` 471 display: flex; 472 align-items: flex-start; 473 margin-bottom: ${(0,q.Kq)(2)}; 474 475 &:last-child { 476 margin-bottom: 0; 477 } 478 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 479 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.body")}; 480`,ze=(K.Ay.div.withConfig({displayName:"SubscriptionBenefitsCardBenefitImage"})` 481 flex-shrink: 0; 482 margin-right: 12px; 483 width: 32px; 484 height: 32px; 485 486 img { 487 width: 100%; 488 height: 100%; 489 object-fit: contain; 490 } 491`,K.Ay.div.withConfig({displayName:"SubscriptionBenefitsCardBenefitCheckmark"})` 492 display: flex; 493 flex-shrink: 0; 494 align-items: center; 495 justify-content: center; 496 margin-right: ${(0,q.Kq)(1)}; 497 width: 20px; 498 height: 14px; 499 500 svg { 501 width: 20px; 502 height: 14px; 503 } 504`),We=K.Ay.div.withConfig({displayName:"SubscriptionBenefitsCardBenefitContent"})` 505 flex: 1; 506`,Ve=K.Ay.h4.withConfig({displayName:"SubscriptionBenefitsCardBenefitTitle"})` 507 margin: 0; 508 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.list-heading")}; 509 color: ${(0,q.HK)("colors.interactive.base.body")}; 510 font-size: 14px; 511 font-weight: 600; 512`,Ye=K.Ay.div.withConfig({displayName:"SubscriptionBenefitsCardBenefitDescription"})` 513 margin: 0; 514 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 515 color: ${(0,q.HK)("colors.interactive.base.body")}; 516 517 a { 518 text-decoration: underline; 519 color: ${(0,q.HK)("colors.interactive.base.brand-primary")}; 520 521 &:hover { 522 text-decoration: underline; 523 } 524 525 &:focus { 526 outline: 2px solid; 527 outline-offset: 2px; 528 } 529 } 530`,Qe=({className:e,title:t,categories:n=[],onLinkClick:i})=>{const r=(0,c.useRef)(null);return(0,c.useEffect)(()=>{if(!("benefits"===new URLSearchParams(window.location.search).get("stc")))return;let e="navigate";if(window.performance&&window.performance.getEntriesByType){const t=window.performance.getEntriesByType("navigation");t.length>0&&(e=t[0].type)}if("navigate"===e){const e=setTimeout(()=>{var e;e=r,requestAnimationFrame(()=>{const t=e.current,n=document.querySelector(".site-navigation"),i=n?n.offsetHeight:0,a=t.getBoundingClientRect().top+window.pageYOffset-i;window.scrollTo(0,a)})},500);return()=>clearTimeout(e)}},[]),(0,c.useEffect)(()=>{const e=r.current,t=e=>{const t=(0,U.D3)(e.target);if(t){const n=t.getAttribute("href"),a=t.textContent,r=t.closest("[data-benefit-title]"),o=r?r.getAttribute("data-benefit-title"):"Subscription benefit link";i&&i(n,o,a,e.target)}};if(e)return e.addEventListener("click",t),()=>e.removeEventListener("click",t)}
530,[i,n]),c.createElement(qe,{id:"benefits",ref:r,className:a()("subscription-benefits-card",e)},t&&c.createElement(Me,null,c.createElement(Re,null,t)),n.length>0&&c.createElement(Oe,null,n.map((e,t)=>c.createElement(Fe,{key:t},e.name&&c.createElement(_e,null,e.name),e.benefits&&e.benefits.length>0&&c.createElement(Ge,null,e.benefits.map((e,t)=>c.createElement(je,{key:t,"data-benefit-title":e.title||""},c.createElement(ze,null,c.createElement(Ke.A,null)),c.createElement(We,null,e.title&&c.createElement(Ve,null,e.title),e.description&&c.createElement(Ye,{dangerouslySetInnerHTML:{__html:e.description}})))))))))};Qe.propTypes={className:l().string,title:l().string,onLinkClick:l().func,categories:l().arrayOf(l().shape({name:l().string,benefits:l().arrayOf(l().shape({title:l().string,description:l().string,image:l().oneOfType([l().string,l().shape({url:l().string,altText:l().string})]),imageAlt:l().string}))}))},Qe.displayName="SubscriptionBenefitsCard";const Xe=Qe;var Ze=n(79055);const Je=(0,K.Ay)(M.vm).withConfig({displayName:"UtilityLedeHed"})` 531 margin: 0 0 ${(0,q.Kq)(1)}; 532 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.discovery.hed-feature")}; 533 color: ${({theme:e})=>(0,q.HK)(e,"colors.consumption.body.standard.body")}; 534`,et=(0,K.Ay)(M.vm).withConfig({displayName:"UtilityLedeDek"}).attrs(e=>({colorToken:"colors.interactive.base.body",typeIdentity:"typography.definitions.utility.body",...e}))``,tt=(0,K.Ay)(Ze.Kf).withConfig({displayName:"AccountGreetingCardWrapper"})` 535 margin: 0 0 ${(0,q.Kq)(3)}; 536 padding: 0; 537 text-align: center; 538 539 &.account-profile-page--with-greeting-card { 540 padding: 0; 541 } 542`,nt=(0,K.Ay)("span").withConfig({displayName:"AccountGreetingCardMessage"})` 543 vertical-align: middle; 544 color: ${(0,q.HK)("colors.interactive.base.body")}; 545 ${(0,q.Gg)("typography.definitions.utility.body")} 546`,it=({className:e,firstName:t,email:n,morningGreeting:i="Good Morning",afternoonGreeting:r="Good Afternoon",eveningGreeting:o="Good Evening",greetingSeparator:s=", ",signedInWithLabel:l="You're signed in with"})=>c.createElement(tt,{className:a()("account-greeting-card",e)},c.createElement(Je,null,(()=>{const e=(()=>{const e=(new Date).getHours();return e<12?i:e<18?r:o})();return t&&t.trim()?`${e}${s}${t}`:e})()),c.createElement(et,null,c.createElement(nt,null,`${l} ${n}`)));it.propTypes={className:l().string,email:l().string,firstName:l().string,morningGreeting:l().string,afternoonGreeting:l().string,eveningGreeting:l().string,greetingSeparator:l().string,signedInWithLabel:l().string},it.displayName="AccountGreetingCard";const at=it;var rt=n(13465);const ot=(0,rt.y)(at,"AccountGreetingCard");var st=n(91470);const lt="invited",ct="owner",dt="accountHolder",ut="member",mt="owner",pt="member",gt="invite",ht="Family",bt="Account manager",yt="You",ft="Sent",At="Active",kt="Remove",wt="Remove invitation?",vt="Remove member from account?",Ct="They will lose access to",$t="An email will be sent notifying them of this change.",Et="They will not be a part of future bills and will lose access to",St="Cancel",Lt="Add member",Pt="Invite by email",Nt="Enter email address",xt="Self-invitations are not possible. Try another e-mail.",Dt="Send invite",Bt="Sent invite",Tt="Invite sent",It="Member removed",Ut="Invitation removed",Ht="Share invite",Kt="Share your invite link",qt="Copy link",Mt="Shared",Rt="Copied",Ot="Family plan invite",Ft="Join my family plan using this invite link.",_t=K.Ay.div.withConfig({displayName:"AccountFamilyPlanCardWrapper"})` 547 margin: 0 0 ${(0,q.Kq)(2)} 0; 548 background: ${(0,q.HK)("colors.discovery.body.white.background")}; 549 padding: ${(0,q.Kq)(4)}; 550`,Gt=K.Ay.div.withConfig({displayName:"AccountFamilyPlanInvitationCardWrapper"})` 551 margin-top: ${(0,q.Kq)(4)}; 552 border-top: 1px solid ${(0,q.HK)("colors.interactive.base.border")}; 553 padding-top: ${(0,q.Kq)(4)}; 554`,jt=K.Ay.h2.withConfig({displayName:"AccountFamilyPlanCardTitle"})` 555 margin: 0 0 ${(0,q.Kq)(4)} 0; 556 color: ${(0,q.HK)("colors.interactive.base.body")}; 557 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.card-heading")}; 558`,zt=K.Ay.ul.withConfig({displayName:"AccountFamilyPlanMembersList"})` 559 margin: 0; 560 padding: 0; 561 list-style: none; 562`,Wt=K.Ay.li.withConfig({displayName:"AccountFamilyPlanMemberItem"})` 563 display: flex; 564 align-items: center; 565 566 &:not(:last-child) { 567 margin-bottom: ${(0,q.Kq)(2.5)}; 568 } 569`,Vt=K.Ay.div.withConfig({displayName:"AccountFamilyPlanAvatar"})` 570 display: flex; 571 flex-shrink: 0; 572 align-items: center; 573 justify-content: center; 574 margin-right: ${(0,q.Kq)(1.5)}; 575 border-radius: 999px; 576 background: ${({$backgroundColor:e})=>e}; 577 width: ${(0,q.Kq)(4)}; 578 height: ${(0,q.Kq)(4)}; 579 color: ${(0,q.HK)("colors.interactive.base.body")}; 580 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.discovery.hed-bulletin-secondary")}; 581`,Yt=K.Ay.button.withConfig({displayName:"AccountFamilyPlanAddMemberAvatar"})` 582 display: flex; 583 position: relative; 584 flex-shrink: 0; 585 align-items: center; 586 justify-content: center; 587 margin-right: ${(0,q.Kq)(1.5)}; 588 border: 1px dashed ${(0,q.HK)("colors.interactive.base.border")}; 589 border-radius: 999px; 590 background: transparent; 591 cursor: pointer; 592 padding: 0; 593 width: ${(0,q.Kq)(4)}; 594 height: ${(0,q.Kq)(4)}; 595 color: ${(0,q.HK)("colors.interactive.base.deemphasized")}; 596 appearance: none; 597 598 &::before, 599 &::after { 600 position: absolute; 601 background: currentColor; 602 content: ''; 603 } 604 605 &::before { 606 width: 1px; 607 height: ${(0,q.Kq)(2)}; 608 } 609 610 &::after { 611 width: ${(0,q.Kq)(2)}; 612 height: 1px; 613 } 614`,Qt=K.Ay.div.withConfig({displayName:"AccountFamilyPlanMemberContent"})` 615 flex: 1; 616 min-width: 0; 617`,Xt=K.Ay.div.withConfig({displayName:"AccountFamilyPlanMemberHeader"})` 618 display: flex; 619 align-items: baseline; 620 justify-content: space-between; 621 gap: ${(0,q.Kq)(2)}; 622`,Zt=K.Ay.div.withConfig({displayName:"AccountFamilyPlanMemberName"})` 623 min-width: 0; 624 word-break: break-word; 625 white-space: normal; 626 color: ${(0,q.HK)("colors.interactive.base.body")};
627 overflow-wrap: anywhere; 628 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.discovery.hed-bulletin-secondary")}; 629`,Jt=K.Ay.div.withConfig({displayName:"AccountFamilyPlanMemberStatus"})` 630 color: ${(0,q.HK)("colors.interactive.base.deemphasized")}; 631 ${({$isFull:e})=>e&&"margin: 8px;"} 632 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 633`,en=K.Ay.button.withConfig({displayName:"AccountFamilyPlanActionButton"})` 634 flex-shrink: 0; 635 border: 0; 636 background: transparent; 637 cursor: pointer; 638 padding: 0; 639 text-decoration: underline; 640 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.deemphasized")}; 641 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 642`,tn=K.Ay.div.withConfig({displayName:"AccountFamilyPlanInvitationSection"})` 643 margin-top: 0; 644`,nn=K.Ay.h3.withConfig({displayName:"AccountFamilyPlanInvitationHeading"})` 645 margin: 0 0 ${(0,q.Kq)(1)} 0; 646 color: ${(0,q.HK)("colors.interactive.base.black")}; 647 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.label")}; 648`,an=K.Ay.form.withConfig({displayName:"AccountFamilyPlanInvitationForm"})``,rn=(0,K.Ay)(O.A.SingleLine).withConfig({displayName:"AccountFamilyPlanInvitationField"})` 649 margin-bottom: ${(0,q.Kq)(1)}; 650`,on=(0,K.Ay)(C.A.Primary).withConfig({displayName:"AccountFamilyPlanInvitationButton"})` 651 align-self: flex-start; 652 border-color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.brand-primary")}; 653 background-color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.brand-primary")}; 654 color: ${(0,q.HK)("colors.interactive.base.white")}; 655 656 &&&[aria-disabled='true'] { 657 border-color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.brand-primary")}; 658 background-color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.brand-primary")}; 659 color: ${(0,q.HK)("colors.interactive.base.white")}; 660 } 661 662 &&[type='submit'] { 663 width: fit-content; 664 min-width: ${(0,q.Kq)(14)}; 665 } 666`,sn=K.Ay.div.withConfig({displayName:"AccountFamilyPlanInviteLinkSection"})` 667 margin-top: ${(0,q.Kq)(4)}; 668`,ln=K.Ay.button.withConfig({displayName:"AccountFamilyPlanInviteLinkButton"})` 669 display: inline-flex; 670 align-items: center; 671 gap: ${(0,q.Kq)(1.5)}; 672 border: 0; 673 background: transparent; 674 cursor: pointer; 675 padding: 0; 676 text-decoration: underline; 677 color: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.brand-primary")}; 678 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 679`,cn=K.Ay.span.withConfig({displayName:"AccountFamilyPlanInviteLinkIcon"})` 680 display: inline-flex; 681 align-items: center; 682 justify-content: center; 683 border-radius: 999px; 684 background: ${(0,q.HK)("colors.interactive.base.border")}; 685 width: ${(0,q.Kq)(4)}; 686 height: ${(0,q.Kq)(4)}; 687 color: ${(0,q.HK)("colors.interactive.base.deemphasized")}; 688 689 svg { 690 width: 16px; 691 height: 16px; 692 } 693`,dn=K.Ay.span.withConfig({displayName:"AccountFamilyPlanInviteLinkText"})` 694 text-decoration: underline; 695 color: ${(0,q.HK)("colors.interactive.base.back")}; 696 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 697`,un=K.Ay.div.withConfig({displayName:"AccountFamilyPlanInviteToast"})` 698 display: flex; 699 position: fixed; 700 right: ${(0,q.Kq)(2)}; 701 bottom: ${(0,q.Kq)(2)}; 702 left: ${(0,q.Kq)(2)}; 703 align-items: center; 704 justify-content: center; 705 gap: ${(0,q.Kq)(.25)}; 706 z-index: 1000; 707 margin: 0 auto; 708 border-radius: 4px; 709 background: ${(0,q.HK)("colors.interactive.base.black")}; 710 padding: ${(0,q.Kq)(1)} ${(0,q.Kq)(1.5)}; 711 max-width: 180px; 712 white-space: nowrap; 713 color: ${(0,q.HK)("colors.interactive.base.white")}; 714 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 715 716 svg { 717 width: 14px; 718 height: 14px; 719 720 path { 721 fill: currentColor; 722 } 723 } 724 725 @media (max-width: 360px) { 726 white-space: normal; 727 } 728`,mn=K.Ay.div.withConfig({displayName:"AccountFamilyPlanRemoveModalOverlay"})` 729 display: flex; 730 position: fixed; 731 top: 0; 732 right: 0; 733 bottom: 0; 734 left: 0; 735 align-items: center; 736 justify-content: center; 737 z-index: 1000; 738 background: rgb(0 0 0 / 40%); 739 padding: ${(0,q.Kq)(2)}; 740`,pn=K.Ay.div.withConfig({displayName:"AccountFamilyPlanRemoveModal"})` 741 border-radius: 8px; 742 background: ${(0,q.HK)("colors.discovery.body.white.background")}; 743 padding: ${(0,q.Kq)(3)}; 744 width: 100%; 745 max-width: 400px; 746 text-align: center; 747`,gn=K.Ay.h2.withConfig({displayName:"AccountFamilyPlanRemoveModalTitle"})` 748 margin: 0 0 ${(0,q.Kq)(2)}; 749 color: ${(0,q.HK)("colors.interactive.base.body")}; 750 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.card-heading")}; 751`,hn=K.Ay.p.withConfig({displayName:"AccountFamilyPlanRemoveModalDescription"})` 752 margin: 0 auto ${(0,q.Kq)(2)}; 753 max-width: 340px; 754 color: ${(0,q.HK)("colors.interactive.base.body")}; 755 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.body")}; 756`,bn=(0,K.Ay)(C.A.Utility).withConfig({displayName:"AccountFamilyPlanRemoveModalConfirmButton"})` 757 border: 0; 758 background: ${(0,q.HK)("colors.interactive.base.black")}; 759 cursor: pointer; 760 padding: ${(0,q.Kq)(1)} ${(0,q.Kq)(2)}; 761 width: 100%; 762 color: ${(0,q.HK)("colors.interactive.base.white")}; 763 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.button")}; 764`,yn=(0,K.Ay)(C.A.Utility).withConfig({displayName:"AccountFamilyPlanRemoveModalCancelButton"})` 765 display: block; 766 margin: ${(0,q.Kq)(1.5)} auto 0; 767 border: 0; 768 background: transparent; 769 cursor: pointer; 770 padding: ${(0,q.Kq)(1)}; 771 color: ${(0,q.HK)("colors.interactive.base.body")}; 772 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.utility.button")}; 773`,fn=({familyPlan:e,invitation:t={},onCopyInviteLinkClick:n,onSendInviteClick:i})=>{const[a,r]=c.useState(""),[o,s]=c.useState(0),[l,d]=c.useState(!1),[u,m]=c.useState(!1),[p,g]=c.useState(""),[h,b]=c.useState(!1),[y,f]=c.useState(""),A=c.useRef(),k=c.useRef();c.useEffect(()=>()=>{clearTimeout(A.current),clearTimeout(k.current)},[]);const w=t.sendInviteLabel||Dt,v=t.sentInviteLabel||Bt,C=t.shareLinkButtonLabel||t.copyLinkLabel||Ht,$=t.shareSuccessLabel||Mt,E=t.copySuccessLabel||Rt,S=()=>{clearTimeout(A.current),A.current=setTimeout(()=>{f("")},2e3)},L=e=>{if("undefined"==typeof document)return!1;const t=document.createElement("textarea");t.value=e,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t),t.select(),t.setSelectionRange(0,t.value.length);const n="function"==typeof document.execCommand&&Boolean(document.execCommand("copy"));return document.body.removeChild(t),n},P=async t=>{if(t.preventDefault(),u)return;const n=a.trim();if(n){g(""),m(!0);try{await(i?.(n,e))}catch(e){return void(409!==Number((e=>e?.code||e?.error?.code||e?.response?.code||e?.response?.status||e?.status)(e))&&"CONFLICT"!==(e=>e?.status||e?.error?.status||e?.response?.status)(e)||g(xt))}finally{m(!1)}d(!0),r(""),s(e=>e+1),b(!0),clearTimeout(k.current),k.current=setTimeout(()=>{b(!1)},3e3)}};let N=C;return"shared"===y?N=$:"copied"===y&&(N=E),c.createElement(Gt,null,c.createElement(tn,null,c.createElement(an,{onSubmit:P},c.createElement(rn,{key:o,formName:`family-plan-${e?.subscriptionId}`,label:t.emailLabel||Pt,name:"invite-email",onInputChange:(e,t)=>
773{const n=t||e?.currentTarget?.value||"";d(!1),g(""),r(n)},placeholder:t.emailPlaceholder||Nt,errorText:p,isInvalid:Boolean(p),type:"email"}),c.createElement(on,{inputKind:"submit",isDisabled:u,label:l?v:w,loadingSpinnerColor:"white",onClickHandler:P,shouldShowLoadingState:u})),t.inviteLink&&c.createElement(sn,null,c.createElement(nn,null,t.shareLinkLabel||Kt),c.createElement(ln,{type:"button","data-testid":"family-plan-copy-link-button",onClick:async()=>{if(!t.inviteLink)return;if(n?.(t.inviteLink,e),"undefined"!=typeof navigator&&"function"==typeof navigator.share){try{await navigator.share({title:t.shareTitle||t.shareLinkLabel||Ot,text:t.shareText||Ft,url:t.inviteLink}),f("shared"),S()}catch{}return}await(async e=>{const t=window.navigator.clipboard;if("function"==typeof t?.writeText)try{return await t.writeText(e),!0}catch{return L(e)}return L(e)})(t.inviteLink)&&(f("copied"),S())}},c.createElement(cn,{"aria-hidden":"true"},y?c.createElement(st.Check,null):c.createElement(st.CopyLink,null)),c.createElement(dn,null,N)))),h&&c.createElement(un,{role:"status","aria-live":"polite"},Tt,c.createElement(st.Check,{"aria-hidden":"true"})))};fn.displayName="AccountFamilyPlanInvitationCard",fn.propTypes={familyPlan:l().shape({subscriptionId:l().string}),invitation:l().shape({emailLabel:l().string,emailPlaceholder:l().string,sendInviteLabel:l().string,sentInviteLabel:l().string,shareLinkLabel:l().string,shareLinkButtonLabel:l().string,shareTitle:l().string,shareText:l().string,shareSuccessLabel:l().string,copyLinkLabel:l().string,copySuccessLabel:l().string,inviteLink:l().string}),onCopyInviteLinkClick:l().func,onSendInviteClick:l().func};const An=fn,kn={owner:"#ece6f6",member:"#fde7a4",invite:"#9edffa"},wn=e=>e?.displayName?.trim()||"",vn=e=>wn(e).split(/\s+/)[0],Cn=({className:e,familyPlan:t,brandName:n,title:i=ht,onAddMemberClick:a,onCopyInviteLinkClick:r,onRemoveMemberClick:o,onSendInviteClick:s})=>{const[l,d]=c.useState(!1),[u,m]=c.useState(null),[p,g]=c.useState(!1),[h,b]=c.useState(It),y=c.useRef();if(c.useEffect(()=>()=>clearTimeout(y.current),[]),!(e=>Boolean(e)&&!1!==e?.enabled)(t))return null;const f=Array.isArray(t.members)?t.members.filter(Boolean):[],A=t.actions||{},k=(e=>e?.invitation||{})(t),w=((e,t)=>null!=t?.usedSeats&&null!=t?.maxMembers?`${t.usedSeats}/${t.maxMembers} invites used`:e?.usedLabel?e.usedLabel:null!=e?.usedCount&&null!=e?.maxCount?`${e.usedCount}/${e.maxCount} invites used`:null)(t.inviteSummary,t),v=t?.usedSeats===t?.maxMembers,C=(e=>e?.role===dt)(t)&&Boolean(k.enabled)&&l,$=(E=u,E?.type===gt?wt:E&&vn(E)?`Remove ${vn(E)} from account?`:vt);var E;const S=()=>{d(!0),a?.(t)};return c.createElement(_t,{className:e,"data-testid":"account-family-plan-card"},c.createElement(jt,null,i),c.createElement(zt,null,f.map((e,t)=>{return c.createElement(Wt,{key:e.id||`${e.type||pt}-${t}`},c.createElement(Vt,{$backgroundColor:(n=e.type,kn[n||""]||"#ececec"),"aria-hidden":"true"},(e=>e?.avatarLabel?e.avatarLabel:wn(e).charAt(0).toUpperCase()||"?")(e)),c.createElement(Qt,null,c.createElement(Xt,null,c.createElement(Zt,null,wn(e)),((e,t)=>!(!e||e.type===mt)&&("boolean"==typeof e.canRemove?e.canRemove:Boolean(t.canManageMembers)))(e,A)&&c.createElement(en,{type:"button","data-testid":`family-plan-remove-member-button-${e.id}`,onClick:()=>m(e)},e.removeLabel||kt)),e.statusLabel&&c.createElement(Jt,null,e.statusLabel)));var n}),A.canAddMember&&!v&&c.createElement(Wt,null,c.createElement(Yt,{type:"button","aria-label":A.addMemberLabel||Lt,onClick:S}),c.createElement(Qt,null,c.createElement(en,{type:"button","data-testid":"family-plan-add-member-button",onClick:S},A.addMemberLabel||Lt),w&&c.createElement(Jt,null,w)))),v&&w&&c.createElement(Jt,{$isFull:!0},w),C&&c.createElement(An,{familyPlan:t,invitation:k,onCopyInviteLinkClick:r,onSendInviteClick:s}),u&&c.createElement(mn,{role:"presentation",onClick:()=>m(null)},c.createElement(pn,{role:"dialog","aria-modal":"true","aria-labelledby":"family-plan-remove-modal-title",onClick:e=>e.stopPropagation()},c.createElement(gn,{id:"family-plan-remove-modal-title"},$),c.createElement(hn,null,((e,t)=>
773e?.type===gt?c.createElement(c.Fragment,null,Et," ",c.createElement("em",null,t,".")):c.createElement(c.Fragment,null,Ct," ",c.createElement("em",null,t,".")," ",$t))(u,n)),c.createElement(bn,{inputKind:"button",label:kt,onClickHandler:async()=>{if(u)try{await(o?.(u,t)),b((e=>e?.type===gt?Ut:It)(u)),g(!0),clearTimeout(y.current),y.current=setTimeout(()=>{g(!1)},3e3)}catch{}m(null)}}),c.createElement(yn,{btnStyle:"text",inputKind:"button",label:St,onClickHandler:()=>m(null)}))),p&&c.createElement(un,{role:"status","aria-live":"polite"},h,c.createElement(st.Check,{"aria-hidden":"true"})))};Cn.displayName="AccountFamilyPlanCard",Cn.propTypes={brandName:l().string,className:l().string,familyPlan:l().shape({enabled:l().bool,role:l().string,status:l().string,subscriptionId:l().string,maxMembers:l().number,usedSeats:l().number,availableSeats:l().number,inviteSummary:l().shape({usedCount:l().number,maxCount:l().number,usedLabel:l().string}),members:l().arrayOf(l().shape({id:l().string.isRequired,type:l().string,status:l().string,displayName:l().string,statusLabel:l().string,avatarLabel:l().string,canRemove:l().bool,removeLabel:l().string})),actions:l().shape({canAddMember:l().bool,canManageMembers:l().bool,addMemberLabel:l().string,manageLabel:l().string}),invitation:l().shape({enabled:l().bool,emailLabel:l().string,emailPlaceholder:l().string,sendInviteLabel:l().string,sentInviteLabel:l().string,shareLinkLabel:l().string,shareLinkButtonLabel:l().string,shareTitle:l().string,shareText:l().string,shareSuccessLabel:l().string,copyLinkLabel:l().string,copySuccessLabel:l().string,inviteLink:l().string})}),onAddMemberClick:l().func,onCopyInviteLinkClick:l().func,onRemoveMemberClick:l().func,onSendInviteClick:l().func,title:l().string};const $n=Cn;var En=n(62282),Sn=n(79301);const Ln=({type:e,subject:t,label:n,content_url:i,targetElement:a})=>{const r={type:e,subject:t,label:n,items:[{content_url:i}]};(0,U.kg)(r,null,{skipDuplicateEvent:!1,targetElement:a})},Pn=(e,t,n,i)=>{try{Ln({type:"click",subject:"subscription_benefits_card",label:t,content_url:e,targetElement:i})}catch(e){}};var Nn=n(14601);const xn=Object.freeze({DRAFT:"draft",PENDING:"pending",UNDER_REVIEW:"under_review",NEED_USER_INPUT:"need_more_inputs",APPROVED:"approved",REJECTED:"rejected",PAYMENT_PENDING:"payment_pending",EXPIRED:"expired"}),Dn=(Object.freeze({FORM:"form",SUBMITTED:"submitted",SAVED:"saved",ERROR:"error"}),Object.freeze({MAX_SESSION_EXPIRE_TIME:300,PRIMARY_BUTTON:"PrimaryButton",SECONDARY_BUTTON:"SecondaryButton",MODAL_TYPE_SESSION:"session",MODAL_TYPE_LOGIN:"login"}),(e,t={})=>Object.freeze({default:{headerText:e.formatMessage(Nn.A.applicationPageSectionHeader),subHeaderText:e.formatMessage(Nn.A.applicationPageSectionSubHeader),bannerTitle:"",bannerDek:"",accountProfileHed:e.formatMessage(Nn.A.defaultAccountProfileHed),accountProfileDek:e.formatMessage(Nn.A.defaultAccountProfileDek),accountProfileBtnLabel:e.formatMessage(Nn.A.defaultAccountProfileBtnLabel),accountProfileBtnHref:e.formatMessage(Nn.A.accountProfileLink,{url:`${t?.membershipURL}?source=Site_0_ADPD_PROFILE_ZZ`})},draft:{headerText:e.formatMessage(Nn.A.applicationPageSectionHeader2),subHeaderText:"",bannerTitle:e.formatMessage(Nn.A.draftBannerTitle),bannerDek:e.formatMessage(Nn.A.draftBannerDek,{faq:`<a href="${t?.faqUrl}" target="_blank" aria-label="Opens in a new window" rel="noreferrer">FAQ page</a>
773`,email:`<a href="mailto:${t?.supportEmail}">${t?.supportEmail}</a>`}),accountProfileHed:e.formatMessage(Nn.A.draftAccountProfileHed),accountProfileDek:e.formatMessage(Nn.A.draftAccountProfileDek,{submissionDate:`<span>${t?.createdAt?new Intl.DateTimeFormat("en-US").format(new Date(1*(t?.createdAt??0))):""}</span>`}),accountProfileBtnLabel:e.formatMessage(Nn.A.draftAccountProfileBtnLabel),accountProfileBtnHref:e.formatMessage(Nn.A.accountProfileLink,{url:`${t?.applicationURL}`})},pending:{headerText:e.formatMessage(Nn.A.applicationPageSectionHeader2),subHeaderText:"",bannerTitle:"",bannerDek:e.formatMessage(Nn.A.submitBannerDek,{isResubmitted:`${t?.isResubmitted?e.formatMessage(Nn.A.bannerIsResubmittedText):e.formatMessage(Nn.A.bannerIsSubmittedText)}`,submittedAt:`<span>${t?.submissionDate?new Intl.DateTimeFormat("en-US").format(new Date(1*(t?.submissionDate??0))):""}</span>`}),accountProfileHed:e.formatMessage(Nn.A.submitAccountProfileHed,{isResubmitted:`${t?.isResubmitted?e.formatMessage(Nn.A.accountProfileIsResubmittedText):""}`}),accountProfileDek:e.formatMessage(Nn.A.submitAccountProfileDek,{italicAD:"<i>AD</i>"}),accountProfileBtnLabel:e.formatMessage(Nn.A.draftAccountProfileBtnLabel),accountProfileBtnHref:e.formatMessage(Nn.A.accountProfileLink,{url:`${t?.applicationURL}`})},need_more_inputs:{headerText:e.formatMessage(Nn.A.applicationPageSectionHeader2),subHeaderText:"",bannerTitle:e.formatMessage(Nn.A.needInputsBannerTitle),bannerDek:e.formatMessage(Nn.A.needInputsBannerDek,{remark:`<span>${t&&void 0!==t.remark?t.remark.split("\n").join("<br/>"):t.remark??""}</span>`,faq:`<a href="${t?.faqUrl}" target="_blank" aria-label="Opens in a new window" rel="noreferrer">FAQ page</a>
773`,email:`<a href="mailto:${t?.supportEmail}">${t?.supportEmail}</a>`}),accountProfileHed:e.formatMessage(Nn.A.draftAccountProfileHed),accountProfileDek:e.formatMessage(Nn.A.needInputAccountProfileDek,{submissionDate:`<span>${t?.submissionDate?new Intl.DateTimeFormat("en-US").format(new Date(1*(t?.submissionDate??0))):""}</span>`}),accountProfileBtnLabel:e.formatMessage(Nn.A.needInputAccountProfileBtnLabel),accountProfileBtnHref:e.formatMessage(Nn.A.accountProfileLink,{url:`${t?.applicationURL}`})},approved:{headerText:e.formatMessage(Nn.A.applicationPageSectionHeader2),subHeaderText:"",bannerTitle:e.formatMessage(Nn.A.approvedBannerTitle),bannerDek:e.formatMessage(Nn.A.approvedBannerDek),accountProfileHed:e.formatMessage(Nn.A.approvedAccountProfileHed),accountProfileDek:e.formatMessage(Nn.A.approvedAccountProfileDek,{email:`<a href="mailto:${t?.supportEmail}">${t?.supportEmail}</a>`}),accountProfileBtnLabel:e.formatMessage(Nn.A.approvedAccountProfileBtnLabel),accountProfileBtnHref:e.formatMessage(Nn.A.accountProfileLink,{url:`${t?.applicationURL}`})},under_review:{headerText:e.formatMessage(Nn.A.applicationPageSectionHeader2),subHeaderText:"",bannerTitle:"",bannerDek:e.formatMessage(Nn.A.underReviewBannerDek,{submittedAt:`<span>${t?.submissionDate?new Intl.DateTimeFormat("en-US").format(new Date(1*(t?.submissionDate??0))):""}</span>`}),accountProfileHed:e.formatMessage(Nn.A.underReviewAccountProfileHed),accountProfileDek:e.formatMessage(Nn.A.submitAccountProfileDek,{italicAD:"<i>AD</i>"}),accountProfileBtnLabel:e.formatMessage(Nn.A.draftAccountProfileBtnLabel),accountProfileBtnHref:e.formatMessage(Nn.A.accountProfileLink,{url:`${t?.applicationURL}`})},rejected:{headerText:e.formatMessage(Nn.A.applicationPageSectionHeader2),subHeaderText:"",bannerTitle:"",bannerDek:e.formatMessage(Nn.A.rejectedBannerDek,{submittedAt:`<span>${t?.submissionDate?new Intl.DateTimeFormat("en-US").format(new Date(1*(t?.submissionDate??0))):""}</span>
773`,email:`<a href="mailto:${t?.supportEmail}">${t?.supportEmail}</a>`}),accountProfileHed:e.formatMessage(Nn.A.draftAccountProfileHed),accountProfileDek:e.formatMessage(Nn.A.rejectedAccountProfileDek,{email:`<a href="mailto:${t?.supportEmail}">${t?.supportEmail}</a>`}),accountProfileBtnLabel:e.formatMessage(Nn.A.draftAccountProfileBtnLabel),accountProfileBtnHref:e.formatMessage(Nn.A.accountProfileLink,{url:`${t?.applicationURL}`})},payment_received:{headerText:e.formatMessage(Nn.A.applicationPageSectionHeader2),subHeaderText:"",bannerTitle:e.formatMessage(Nn.A.paymentDoneBannerTitle),bannerDek:e.formatMessage(Nn.A.paymentDoneBannerDek,{email:`<a href="mailto:${t?.supportEmail}">${t?.supportEmail}</a>`,profileURL:`<div class="button-wrapper"><a class="profile" href="${t?.profileURL}" target="_self" rel="noreferrer">${e.formatMessage(Nn.A.messageBannerCtaButtonLabel)}</a></div>`}),accountProfileHed:e.formatMessage(Nn.A.paymentDoneAccountProfileHed),accountProfileDek:e.formatMessage(Nn.A.paymentDoneAccountProfileDek),accountProfileBtnLabel:e.formatMessage(Nn.A.paymentDoneAccountProfileBtnLabel),accountProfileBtnHref:e.formatMessage(Nn.A.accountProfileLink,{url:`${t?.profileURL}`})},expired:{headerText:"",subHeaderText:"",bannerTitle:"",bannerDek:"",accountProfileHed:e.formatMessage(Nn.A.expiredAccountProfileHed),accountProfileDek:e.formatMessage(Nn.A.expiredAccountProfileDek),accountProfileBtnLabel:e.formatMessage(Nn.A.expiredAccountProfileBtnLabel),accountProfileBtnHref:e.formatMessage(Nn.A.accountProfileLink,{url:"https://www.architecturaldigest.com/v2/offers/add200"})}})),Bn="ad-pro-directory-profile-application-status";var Tn=n(73275),In=n(40653),Un=n(75697),Hn=n(15226);const Kn=K.Ay.div.withConfig({displayName:"AccountTrendReportsWrapper"})``,qn=(0,K.Ay)(M.vm).withConfig({displayName:"AccountTrendReportsListLabel"}).attrs(e=>({as:"h3",colorToken:"colors.discovery.body.white.description",typeIdentity:"typography.definitions.utility.label",...e}))` 774 margin: 0; 775 border-bottom: 1px solid 776 ${(0,q.HK)("colors.consumption.lead.standard.divider")}; 777 padding: ${(0,q.Kq)(4)} 0 ${(0,q.Kq)(1)}; 778`,Mn=K.Ay.div.withConfig({displayName:"AccountTrendReportsList"})``,Rn=K.Ay.div.withConfig({displayName:"AccountTrendReportsItem"})` 779 display: flex; 780 margin-top: ${(0,q.Kq)(2)}; 781`,On=K.Ay.div.withConfig({displayName:"AccountTrendReportsItemImage"})` 782 width: 30%; 783 784 ${(0,q.H4)(me.LO.md)} { 785 width: 20%; 786 } 787`,Fn=K.Ay.div.withConfig({displayName:"AccountTrendReportsItemBody"})` 788 padding-left: ${(0,q.Kq)(1)}; 789 width: 70%; 790 791 ${(0,q.H4)(me.LO.md)} { 792 padding-left: ${(0,q.Kq)(2)}; 793 width: 80%; 794 } 795`,_n=(0,K.Ay)(M.vm).withConfig({displayName:"AccountTrendReportsItemName"}).attrs(e=>({as:"h4",colorToken:"colors.discovery.body.white.description",typeIdentity:"typography.definitions.discovery.hed-core-secondary",...e}))` 796 margin: 0 0 ${(0,q.Kq)(1)}; 797`,Gn=({className:e,isUserEntitled:t,trendReports:n})=>(c.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(H.G.RENDER,{name:"AccountTrendReports"})},[]),c.createElement(Kn,{className:e,"data-testid":"AccountTrendReportsWrapper"},c.createElement(qn,{"data-testid":"AccountTrendReportsListLabel"},"Other Reports"),c.createElement(Mn,{"data-testid":"AccountTrendReportsList"},n.map(e=>c.createElement(Rn,{"data-testid":"AccountTrendReportsItem",key:`trend-report-${e.dangerousTitle}`},c.createElement(On,{"data-testid":"AccountTrendReportsItemImage"},c.createElement(Tn.A,{...e.asset})),c.createElement(Fn,{"data-testid":"AccountTrendReportsItemBody"},c.createElement(_n,{"data-testid":"AccountTrendReportsItemName",dangerouslySetInnerHTML:{__html:e.dangerousTitle}}),t&&c.createElement(C.A,{href:e.href,inputKind:"link",label:e.dangerousButtonText})))))));Gn.propTypes={className:l().string,isUserEntitled:l().bool.isRequired,trendReports:l().arrayOf(l().shape({asset:l().shape(Tn.A.propTypes).isRequired,dangerousButtonText:l().string.isRequired,dangerousTitle:l().string.isRequired,href:l().string.isRequired}))};const jn=Gn;var zn=n(50531);const Wn=(0,K.Ay)(se.A.ContentLeft).withConfig({displayName:"AccountTrendsModuleWrapper"})``,Vn=(0,K.Ay)(Hn.A).withConfig({displayName:"AccountTrendsModulePromoBox"})` 798 margin: 0 ${(0,q.Kq)(-4)}; 799 padding-top: ${(0,q.Kq)(4)}; 800 801 ${Un.OR} { 802 margin: auto; 803 padding: 0; 804 } 805 806 ${zn.eM}
806 { 807 margin-top: ${(0,q.Kq)(2)}; 808 } 809 810 ${Un.s6} { 811 margin-top: ${(0,q.Kq)(2)}; 812 } 813 814 ${(0,q.H4)(me.LO.md)} { 815 ${Un.OR} ${In.E} { 816 grid-column: 1/-1; 817 } 818 } 819 820 ${(0,q.H4)(me.LO.lg)} { 821 ${Un.OR} ${In.E} { 822 margin-right: ${(0,q.Kq)(3)}; 823 margin-left: ${(0,q.Kq)(3)}; 824 } 825 } 826 827 ${(0,q.Xm)(0,me.LO.lg)} { 828 ${Un.OR} ${In.E} { 829 margin: 0 ${(0,q.Kq)(1)}; 830 } 831 832 ${Un.HU} { 833 padding: ${(0,q.Kq)(2)} ${(0,q.Kq)(2)}; 834 } 835 } 836`,Yn=(0,K.Ay)(jn).withConfig({displayName:"AccountTrendsModuleReports"})``,Qn=({className:e,dangerousDek:t,dangerousHed:n,isUserEntitled:i,trendReports:a})=>{c.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(H.G.RENDER,{name:"AccountTrendsModule"})},[]);const[r]=a,{unentitledButtonHref:o,unentitledDangerousButtonText:s}=r,l=i?r:{...r,dangerousButtonText:s,href:o};return c.createElement(Wn,{className:e,dangerousDek:t,dangerousHed:n},a[0]&&c.createElement(Vn,{...l,hasTopLine:!1}),a.length>1&&c.createElement(Yn,{isUserEntitled:i,trendReports:a.slice(1)}))};Qn.propTypes={className:l().string,dangerousDek:l().string,dangerousHed:l().string.isRequired,isUserEntitled:l().bool.isRequired,trendReports:l().arrayOf(l().shape({asset:l().shape(Tn.A.propTypes).isRequired,dangerousTitle:l().string.isRequired,dangerousText:l().string,unentitledButtonHref:l().string,unentitledDangerousButtonText:l().string}))};const Xn=Qn;var Zn=n(30543),Jn=n(4081),ei=n(23211),ti=n(40437),ni=n(88456);const ii=(0,K.Ay)(ni.A.Utility).withConfig({displayName:"AccountNewsletterCheckBoxesExploreMoreLink"})` 837 width: 100%; 838 text-align: center; 839`,ai=(0,K.Ay)("p").withConfig({displayName:"UtilityCardDek"})``,ri=(0,K.Ay)("div").withConfig({displayName:"AccountNewsletterSubscribeFormButtons"})``,oi=(0,K.Ay)(se.A).withConfig({displayName:"NewsletterManageCard"})` 840 grid-column: span 4; 841 ${(0,q.Xm)(0,me.LO.md)} { 842 margin-right: ${(0,q.Kq)(2)}; 843 margin-left: ${(0,q.Kq)(2)}; 844 } 845 ${(0,q.H4)(me.LO.md)} { 846 grid-column: 2 / span 10; 847 } 848 ${(0,q.H4)(me.LO.lg)} { 849 grid-column: 3 / span 8; 850 } 851 margin-bottom: ${(0,q.Kq)(4)}; 852 853 .newsletter-manage__item:first-child { 854 padding-top: 0; 855 } 856`,si=(0,K.Ay)(_.A).withConfig({displayName:"AccountNewsletterCheckBoxesNewsletterSubscribeForm"})``,li=(0,K.Ay)(oe.A.Checkbox).withConfig({displayName:"AccountNewsletterCheckBoxesDiscoverySelectionCheckbox"})` 857 border-bottom: 1px solid 858 ${(0,q.HK)("colors.consumption.body.standard.divider")}; 859 padding: ${(0,q.Kq)(2.5,"px")} 0; 860`,ci=(0,K.Ay)(ni.A.Utility).withConfig({displayName:"NewsletterManageAuthenticatedSubmitButton"})` 861 margin: 0 auto; 862`,di=(0,K.Ay)("div").withConfig({displayName:"AccountNewsletterCheckBoxesWrapper"})` 863 ${({isNewsletterListEmpty:e})=>e&&"\n text-align: center\n "} 864`,ui=(0,K.Ay)(Zn.A).withConfig({displayName:"BaseAccountPageWrapper"})` 865 &.account-profile-page { 866 padding-top: ${(0,q.Kq)(13)}; 867 ${(0,q.H4)(me.LO.lg)} { 868 padding-top: ${(0,q.Kq)(26)}; 869 } 870 } 871 872 ${di} { 873 ${ci} { 874 margin: ${(0,q.Kq)(.5,"px")} auto; 875 width: auto; 876 } 877 ${oi} { 878 padding: 0 0 ${(0,q.Kq)(4)} 0; 879 } 880 881 ${R.jA} { 882 text-align: left; 883 } 884 } 885 background-color: ${(0,q.HK)("colors.background.light")}; 886 887 ${Jn.vY} { 888 display: grid; 889 grid-gap: 0 ${(0,q.Kq)(3)}; 890 grid-template-columns: repeat(12, 1fr); 891 padding-right: ${(0,q.Kq)(3)}; 892 padding-left: ${(0,q.Kq)(3)}; 893 min-height: 40vh; 894 895 ${ei.sT} { 896 grid-column: 1/-1; 897 margin-right: -${(0,q.Kq)(3)}; 898 margin-left: -${(0,q.Kq)(3)}; 899 900 @media (min-width: ${me.LO.lg}) { 901 margin-right: -${(0,q.Kq)(6)}; 902 margin-left: -${(0,q.Kq)(6)}; 903 } 904 905 @media (min-width: ${me.LO.xl}) { 906 margin-right: -${(0,q.Kq)(7)}; 907 margin-left: -${(0,q.Kq)(7)}; 908 } 909 } 910 911 ${(0,q.Xm)(0,me.LO.md)} { 912 display: flex; 913 flex-direction: column; 914 } 915 916 @media (min-width: ${me.LO.md}) { 917 min-height: 60vh; 918 } 919 920 @media (min-width: ${me.LO.lg}) { 921 padding-right: ${(0,q.Kq)(6)}; 922 padding-left: ${(0,q.Kq)(6)}; 923 } 924 925 @media (min-width: ${me.LO.xl}) { 926 padding-right: ${(0,q.Kq)(7)}; 927 padding-left: ${(0,q.Kq)(7)}; 928 } 929 } 930 931 .utility-lede { 932 padding: ${(0,q.Kq)(5)} 0 ${(0,q.Kq)(5)}; 933 934 @media (min-width: ${me.LO.md}) { 935 padding: ${(0,q.Kq)(12)} 0 ${(0,q.Kq)(5)}; 936 } 937 938 &.alternative-style { 939 padding: ${(0,q.Kq)(9)} 0 0; 940 } 941 } 942 943 ${R.Iv} { 944 margin: 0 auto; 945 946 ${(0,q.Xm)(0,me.LO.sm)} { 947 margin: 0 ${(0,q.Kq)(-4)}; 948 width: 100vw; 949 } 950 951 + ${R.Iv} { 952 margin-top: ${(0,q.Kq)(5)}; 953 } 954 } 955 956 button[type='submit'] { 957 width: 100%; 958 } 959 960 ${ti.P} { 961 margin-top: ${(0,q.Kq)(4)}; 962 margin-bottom: ${(0,q.Kq)(6)}; 963 964 @media (min-width: ${me.LO.md}) { 965 margin-bottom: ${(0,q.Kq)(12)}; 966 } 967 } 968`,mi=K.Ay.div.withConfig({displayName:"BaseAccountPageContainer"})` 969 grid-column: 4 / span 6; 970 margin: 0 auto; 971 width: 100%; 972 max-width: ${(0,q.Kq)(56.8,"px")}; 973 974 @media (min-width: ${me.LO.md}) { 975 margin: 0 auto ${(0,q.Kq)(6)}; 976 } 977`,pi=({children:e,className:t})=>(c.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(H.G.RENDER,{name:"BaseAccountPage"})},[]),c.createElement(ui,{className:a()("base-account-page",t)},c.createElement(mi,{className:"base-account-page__container"},e)));pi.propTypes={children:l().node,className:l().string};const gi=pi,hi=(0,K.Ay)(se.A).withConfig({displayName:"AccountSubscriptionBoxWrapper"})` 978 text-align: center; 979 980 &.alternative-style { 981 padding-bottom: ${(0,q.Kq)(5)}; 982 text-align: left; 983 984 .utility-card__hed, 985 .utility-card__dek { 986 ${({theme:e})=>(0,q.Gg)(e,"typography.definitions.discovery.description-feature")}; 987 margin: 0 0 ${(0,q.Kq)(2)}; 988 padding: 0; 989 color: ${({theme:e})=>(0,q.HK)(e,"colors.discovery.lead.secondary.description")}; 990 } 991 992 .utility-card__hed { 993 font-weight: 700; 994 } 995 996 .utility-card__dek { 997 text-align: left; 998 } 999 } 1000 1001 .utility-card__hed { 1002 margin: 0 auto ${(0,q.Kq)(1)}; 1003 padding: 0 ${(0,q.Kq)(2,"px")}; 1004 } 1005 1006 .utility-card__dek { 1007 margin: ${(0,q.Kq)(1)} auto 0; 1008 padding: 0 ${(0,q.Kq)(2,"px")}; 1009 } 1010`,bi=(0,K.Ay)(C.A.Utility).withConfig({displayName:"AccountSubscriptionBoxButton"})` 1011 margin-top: ${(0,q.Kq)(3)}; 1012 1013 + .button.button--utility { 1014 &.secondaryAccountSubscriptionBoxButton { 1015 margin-top: ${(0,q.Kq)(3)}; 1016 } 1017 } 1018`,yi=(0,K.Ay)(C.A.Utility).withConfig({displayName:"AccountSubscriptionBoxButtonSecondary"})` 1019 display: flex; 1020 align-items: center; 1021 margin-right: auto; 1022 margin-left: auto; 1023 width: fit-content; 1024 1025 .button__icon-container { 1026 display: flex; 1027 padding-right: 0.2rem; 1028 1029 svg path { 1030 fill: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.white")}; 1031 stroke: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.white")}; 1032 stroke-width: 2px; 1033 } 1034 1035 svg { 1036 transform: scale(0.6); 1037 } 1038 } 1039`,fi=(0,K.Ay)(M.vm).withConfig({displayName:"AccountSubscriptionBoxSecondaryButtonTnC"})` 1040 margin: ${(0,q.Kq)(3)} 0 ${(0,q.Kq)(3)} 0; 1041`,Ai=(0,K.Ay)(M.vm).withConfig({displayName:"FAQSection"})` 1042 margin: ${(0,q.Kq)(3)} 0 0 0; 1043 font-size: 0.75rem; 1044`;var ki=n(5198);const wi=({buttonHref:e,buttonLabel:t,className:n,dangerousDek:i,dangerousHed:r,faqText:o,hasT
1044ncTextForSecondaryButton:s,hasUserEntitlements:l,secondaryButtonAriaLabel:d,tncTextForSecondaryButton:u,buttonInputKind:m="link",hasSecondaryButton:p=!1,hasSecondaryButtonEnableIcon:g=!1,secondaryButtonHref:h="",secondaryButtonInputKind:b="link",secondaryButtonLabel:y="",shouldUseAlternateProfilePageStyle:f=!1,shouldUseAlternativeStyle:A=!1,showFAQSection:k=!1})=>(c.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(H.G.RENDER,{name:"AccountSubscriptionBox"})},[]),c.createElement(hi,{className:a()("account-subscription-box",n),"data-testid":"AccountSubscriptionBoxWrapper",dangerousDek:l?i:"",dangerousHed:r,shouldUseAlternativeStyle:A},l&&t&&c.createElement(bi,{"data-testid":"AccountSubscriptionBoxButton","aria-label":"Opens in a new window",href:e,target:"_blank",inputKind:m,label:t,shouldUseFullWidth:f}),p&&s&&c.createElement(fi,{dangerouslySetInnerHTML:{__html:u}}),l&&p&&c.createElement(yi,{"data-testid":"SecondaryAccountSubscriptionBoxButton",ariaLabel:d,href:h,inputKind:b,label:y,ButtonIcon:()=>c.createElement(ki.A,null),hasEnableIcon:g,iconPosition:"before",className:"secondaryAccountSubscriptionBoxButton"}),k&&c.createElement(Ai,{dangerouslySetInnerHTML:{__html:o}})));wi.propTypes={buttonHref:l().string,buttonInputKind:C.A.propTypes.inputKind,buttonLabel:l().string,className:l().string,dangerousDek:l().string,dangerousHed:l().string,faqText:l().string,hasSecondaryButton:l().bool,hasSecondaryButtonEnableIcon:l().bool,hasTncTextForSecondaryButton:l().bool,hasUserEntitlements:l().bool,secondaryButtonAriaLabel:l().string,secondaryButtonHref:l().string,secondaryButtonInputKind:C.A.propTypes.inputKind,secondaryButtonLabel:l().string,shouldUseAlternateProfilePageStyle:l().bool,shouldUseAlternativeStyle:l().bool,showFAQSection:l().bool,tncTextForSecondaryButton:l().string};const vi=wi;var Ci=n(21092),$i=n(81591),Ei=n(53788),Si=n(56892),Li=n(57745);const Pi=(0,D.YK)({signOut:{id:"SignOutButton.SignOut",defaultMessage:"Sign Out",description:"label for sign out button",isConfigurable:!0}}),Ni=({doUpdateAuthenticatedStatus:e,buttonLabel:t,className:n,utilityNavLinkColorToken:i,colorSecondaryLinkToken:r,colorStaticLinkToken:o,doUserSignOut:s,isGoogleSignInEnabled:l,isSwgEnabled:d,redirectURL:u,role:m,signOutLink:p="/auth/end",user:g,hasUnderline:h,linkStyle:b})=>{c.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(H.G.RENDER,{name:"SignOutButtonDisplay"})},[]);const{formatMessage:y}=(0,f.A)(),A=p.includes("redirectURL="),[k,w]=p.split("?redirectURL="),v=A&&w.includes(encodeURIComponent("/account/"));let C;C=A?p:`${p}?redirectURL=${u||""}`,v&&(C=`${k}?redirectURL=`);return g?c.createElement($i.H,{className:a()("sign-out-button",n),dangerouslySetInnerHTML:{__html:t||y(Pi.signOut)},onClick:async t=>{t.preventDefault();try{s(d),l&&await Li.A.signOut()}catch(e){}try{const e=Si.default.getCookieDomainFromHostname();Si.default.deleteCookie("CN_userAuth",e),Si.default.deleteCookie(Ei.A.accessCookie,e),Ei.A.signOutAuthCookies.paywall.forEach(t=>{Si.default.deleteCookie(t,e)}),Si.default.deleteCookie(Ei.A.oidcCookies.access),Si.default.deleteCookie(Ei.A.oidcCookies.id),Si.default.deleteCookie(Ei.A.oidcCookies.refresh)}catch(e){}e(v),window.location.assign(C)},href:C,role:m,colorSecondaryLinkToken:r,colorStaticLinkToken:o,utilityNavLinkColorToken:i,hasUnderline:h,linkStyle:b}):null};Ni.propTypes={buttonLabel:l().string,className:l().string,colorSecondaryLinkToken:l().string,colorStaticLinkToken:l().string,doUpdateAuthenticatedStatus:l().func.isRequired,doUserSignOut:l().func.isRequired,hasUnderline:l().bool,isGoogleSignInEnabled:l().bool,isSwgEnabled:l().bool,linkStyle:l().string,redirectURL:l().string,role:l().string,signOutLink:l().string,user:l().shape({isAuthenticated:l().bool}),utilityNavLinkColorToken:l().string};const xi=Ni;var Di=n(58156),Bi=n.n(Di),Ti=n(78768),Ii=n.n(Ti);const Ui=(0,n(57744).z5)("payment"),Hi=(e,t="doUserSignOut",n=Ii())=>{const i=e.displayName||e.name;class a extends c.Component{constructor(){super(...arguments),this.devalidate=(...e)=>{const i=this.props[t],{acceptableForms:a,acceptableScopes:r,entitlement:{domain:o}}=this.props.payment;return n.devalidator({document,domain:o,acceptableForms:a,acceptableScopes:r,storage:window.localStorage}).execute().then(()=>i(...e))},this.render=()=>Bi()(this.props,"payment.entitlement.enabled")?c.createElement(e,{...this.props,[t]:this.devalidate}):c.createElement(e,{...this.props})}}return a.displayName=`withEntitlementDevalidation(${i})`,a.propTypes={[t]:l().func,payment:l().shape({acceptableForms:l().array,acceptableScopes:l().array,entitlement:l().shape({domain:l().string.isRequired,enabled:l().bool.isRequired})})},Ui(a)};var Ki=n(38807);const qi=(0,d.Ng)(e=>{const{user:t,featureFlags:n}=e;return{user:t,isGoogleSignInEnabled:n?.google?.signInEnabled,isSwgEnabled:n?.google?.swgEnabled}},e=>({doUserSignOut:async e=>{if((0,u.zJ)("logout-click"),e)try{(await Ki.A.getWindowSwg()).clear()}catch(e){}},doUpdateAuthenticatedStatus:t=>{!t&&e({type:"MERGE_KEY",key:"user",value:{isAuthenticated:!1}})}}))(Hi(xi));
1044qi.propTypes={buttonLabel:l().string,redirectURL:l().string,signOutLink:l().string},qi.displayName="SignOutButton";const Mi=qi;var Ri=n(40860),Oi=n.n(Ri);const Fi=e=>Array.isArray(e)&&e.every(Fi);class _i extends c.Component{constructor(e){super(e),this.onChangeHandler=e=>{this.setState({canStillAutoUpdateCheckboxes:!1});const{checked:t,updatedPrefs:n}=this.state,{value:i}=e.target,a=!t[i],r=p.A.trackUpdatedPrefs({newNewsletterStatus:a,targetNewsletter:i,updatedPrefs:n});this.setState({checked:{...t,[i]:a},hasSubscribed:!1,updatedPrefs:r})},this.getSubscriptions=()=>{const{formName:e="account-newsletter-check-boxes_newsletter-manage",newsletterList:t,showSubscribedOnly:n}=this.props,{checked:i,canStillAutoUpdateCheckboxes:a,isPending:r}=this.state;return Oi()(t,(t,o,s)=>{const{newsletterId:l}=o,d=this.hasSubscription(l),u=[],m=[],p=o.subscribe&&o.subscribe.dangerousDek,g=o.subscribe&&o.subscribe.dangerousHed;a&&(i[l]=d);const h=c.createElement(li,{dangerousHed:g,dangerousDek:p,formName:e,isChecked:i[l],name:`newsletter-list-${l}`,index:s,isDisabled:r,value:`${l}`,onChangeHandler:this.onChangeHandler,key:`newsletter-list-${l}`});return d&&u.push(h),m.push(h),o.subscribe&&(n?t.push(u):t.push(m)),t},[])},this.doSubscribe=e=>{e.preventDefault();const{isAuthenticated:t,email:n,saveOptions:i}=this.props,{amgUUID:a,provider:r,sourceCode:o,siteCode:s,userPlatformProxy:l,xClientID:c}=i,{updatedPrefs:d}=this.state;if(!t)return this.setState({hasBadResponse:!1,hasSubscribed:!0,hasUnknownError:!1,isPending:!1}),Promise.resolve();this.setState({isPending:!0});const u={amgUUID:a,payload:{email:n,provider:r,siteCode:s,sourceCode:o,subscriptions:d,url:window.location.href,formName:"account-newsletter-checkboxes"},userPlatformProxy:l,xClientID:c};return p.A.saveNewsletterSubscriptions(u).then(e=>{if(!e.savePreference.success)return this.setState({hasBadResponse:!0,hasUnknownError:!1,isPending:!1}),void this.emitAnalyticsEvents(d,"error");this.setState({hasBadResponse:!1,hasSubscribed:!0,hasUnknownError:!1,isPending:!1,updatedPrefs:[]}),this.emitAnalyticsEvents(d)}).catch(()=>{this.setState({hasBadResponse:!1,hasUnknownError:!0,isPending:!1})})},this.emitAnalyticsEvents=(e,t)=>{const n=[],i=[],{newsletterList:a}=this.props;e.forEach(e=>{const{newsletterId:r,status:o}=e;let s="";if("SUBSCRIBED"===o&&(n.push(r),s="signup"),"UNSUBSCRIBED"===o&&(i.push(r),s="unsubscribe"),s){const e=a.find(e=>String(e.newsletterId)===r),n={type:t&&"error"===t?"error":s,newsletter_id:String(r),newsletter_title:e.name,cadence:e.frequencyBadge,subject:this.props.saveOptions?.sourceCode};(0,U.pu)(n)}}),n.length>0&&(t&&"error"===t||(0,u.W8)("newsletter-signup-complete",{newsletterId:n.join("|")})),i.length>0&&(t&&"error"===t||(0,u.W8)("newsletter-unsubscribe-complete",{newsletterId:i.join("|")}))},this.hasSubscription=e=>{const{newsletterSubscriptions:t=[]}=this.props;for(const n of t){const t=Bi()(n,"attributes.newsletterId"),i=Bi()(n,"attributes.status");if(String(t)===String(e)&&"SUBSCRIBED"===i)return!0}return!1},this.state={checked:{},canStillAutoUpdateCheckboxes:!0,hasBadResponse:!1,hasSubscribed:!1,hasUnknownError:!1,isPending:!1,updatedPrefs:[]}}componentDidMount(){window.Kendra.TRACK_COMPONENT.broadcast(H.G.RENDER,{name:"AccountNewsletterCheckBoxes"})}render(){const{authenticatedButtonLabel:e="Update preferences",className:t,dangerousLegend:n="Newsletters",exploreNewsletterLabel:i="View more newsletters",formName:r="account-newsletter-check-boxes_newsletter-manage",showSubscribedOnly:o,shouldUseAlternateProfilePageStyle:s,submissionButtonLabel:l="Preferences updated",subscribeCtaButtonLabel:d="Explore newsletters",subscribeCtaDek:u="You are not currently signed up for any newsletters.",subscribeCtaHref:m="/newsletter/manage"}=this.props,{hasBadResponse:p,hasSubscribed:g,hasUnknownError:h,isPending:b}=this.state,y=this.getSubscriptions(),f=[];p&&f.push({id:"bad-response-server-message",text:"Subscription failed: Bad response"}),h&&f.push({id:"unknown-error-message",text:"Subscription failed: Unknown error occurred"});const A=c.createElement(si,{errors:f,name:r,onSubmitHandler:this.doSubscribe},c.createElement(oi,{dangerousDek:o&&"To stop receiving a newsletter, uncheck its box."},c.createElement(de.A,{dangerousLegend:n,formName:r,isDisabled:b},c.createElement("div",null,y))),c.createElement(ri,null,c.createElement(ci,{label:g&&!b?l:e,inputKind:"submit",isDisabled:g||b,shouldUseFullWidth:s}),c.createElement(ii,{href:m,btnStyle:"text",label:i,inputKind:"link",shouldUseFullWidth:s}))),k=c.createElement(c.Fragment,null,c.createElement(ai,null,u),c.createElement(C.A.Utility,{href:m,inputKind:"link",label:d,shouldUseFullWidth:s})),w=Fi(y);return c.createElement(di,{className:a()("account-newsletter-check-boxes",t),isNewsletterListEmpty:w},w?k:A)}}_i.propTypes={authenticatedButtonLabel:l().string,className:l().string,dangerousLegend:l().string,email:l().string,exploreNewsletterLabel:l().string,formName:l().string,isAuthenticated:l().bool,newsletterList:l().array.isRequired,newsletterSubscriptions:l().array,saveOptions:l().object,shouldUseAlternateProfilePageStyle:l().bool,showSubscribedOnly:l().bool,submissionButtonLabel:l().string,
1044subscribeCtaButtonLabel:l().string,subscribeCtaDek:l().string,subscribeCtaHref:l().string};const Gi=_i;var ji=n(10642);const zi=K.Ay.div.withConfig({displayName:"AccountNewsletterToggleContainer"})` 1045 display: grid; 1046 border-width: 0 0 1px; 1047 border-style: solid; 1048 ${({theme:e})=>(0,q._o)(e,"border-color","colors.interactive.base.dark")}; 1049 padding: ${(0,q.Kq)(4)} 0; 1050 1051 @media (min-width: ${me.LO.md}) { 1052 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 1053 } 1054 1055 .newsletter-toggle-bug-fix { 1056 @media (min-width: ${me.LO.md}) { 1057 grid-column: 1 / 6; 1058 grid-row: span 3; 1059 padding-right: ${(0,q.Kq)(2)}; 1060 } 1061 } 1062`,Wi=K.Ay.div.withConfig({displayName:"AccountNewsletterToggleWrapper"})` 1063 ${({theme:e})=>(0,q._o)(e,"background-color","colors.discovery.body.white.background")}; 1064 1065 &:first-child { 1066 ${zi} { 1067 padding-top: 0; 1068 } 1069 } 1070 1071 &:last-child { 1072 ${zi} { 1073 border-bottom: 0; 1074 } 1075 } 1076`,Vi=K.Ay.div.withConfig({displayName:"AccountNewsletterToggleContent"})``,Yi=(0,K.Ay)(ji.A).withConfig({displayName:"AccountNewsletterToggleRubric"})` 1077 ${({theme:e})=>(0,q._o)(e,"color","colors.discovery.body.white.heading")}; 1078`,Qi=(0,K.Ay)(M.vm).withConfig({displayName:"AccountNewsletterToggleHed"}).attrs(e=>({as:"h3",colorToken:"colors.discovery.body.white.heading",typeIdentity:"typography.definitions.discovery.hed-core-secondary",...e}))` 1079 margin: 0 0 ${(0,q.Kq)(1)}; 1080`,Xi=K.Ay.p.withConfig({displayName:"AccountNewsletterToggleDek"}).attrs(e=>({as:"p",colorToken:"colors.discovery.body.white.description",typeIdentity:"typography.definitions.discovery.description-core",...e}))` 1081 margin: 0 0 ${(0,q.Kq)(2)}; 1082 1083 @media (min-width: ${me.LO.md}) { 1084 margin-bottom: 0; 1085 } 1086`,Zi=`\n grid-column-start: 1;\n width: 100%;\n min-width: ${(0,q.Kq)(19)};\n\n @media (min-width: ${me.LO.md}) {\n grid-column: 6 / 6;\n grid-row-start: 2;\n }\n\n .button__label {\n text-transform: none;\n }\n`,Ji=(0,K.Ay)(C.A.Utility).withConfig({displayName:"AccountNewsletterToggleSubscribeButton"})` 1087 ${Zi}; 1088 1089 ${({theme:e})=>(0,q._o)(e,"background-color","colors.background.white")}; 1090 1091 &:focus, 1092 &:hover, 1093 &:disabled { 1094 border-width: 2px; 1095 border-style: solid; 1096 ${({theme:e})=>(0,q._o)(e,"border-color","colors.interactive.base.black")}; 1097 ${({theme:e})=>(0,q._o)(e,"background-color","colors.background.white")}; 1098 1099 .button__label { 1100 ${({theme:e})=>(0,q._o)(e,"color","colors.interactive.base.brand-primary")}; 1101 } 1102 } 1103 1104 .button__label { 1105 color: black; 1106 } 1107`,ea=(0,K.Ay)(C.A.Utility).withConfig({displayName:"AccountNewsletterToggleUnsubscribeButton"})` 1108 ${Zi}; 1109 1110 border: none; 1111 ${({theme:e})=>(0,q._o)(e,"background-color","colors.interactive.base.brand-primary")}; 1112 1113 &:focus, 1114 &:hover, 1115 &:disabled { 1116 border-width: 2px; 1117 border-style: solid; 1118 ${({theme:e})=>(0,q._o)(e,"border-color","colors.interactive.base.black")}; 1119 ${({theme:e})=>(0,q._o)(e,"background-color","colors.interactive.base.brand-primary")}; 1120 } 1121`,ta=({className:e,dangerousDek:t,dangerousHed:n,isAlreadySubscribed:i=!1,isDisabled:a=!1,rubric:r,subscribeHandler:o,unsubscribeHandler:s})=>(c.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(H.G.RENDER,{name:"AccountNewsletterToggle"})},[]),c.createElement(Wi,{className:e},c.createElement(zi,null,c.createElement(Vi,{className:"newsletter-toggle-bug-fix"},r&&c.createElement(Yi,{name:r}),n&&c.createElement(Qi,{dangerouslySetInnerHTML:{__html:n}}),t&&c.createElement(Xi,{dangerouslySetInnerHTML:{__html:t}})),i?c.createElement(ea,{isDisabled:a,label:"Unsubscribe",onClickHandler:s,shouldShowLoadingState:!0,loadingSpinnerColor:"white"}):c.createElement(Ji,{isDisabled:a,label:"Subscribe",onClickHandler:o,shouldShowLoadingState:!0}))));ta.propTypes={className:l().string,dangerousDek:l().string,dangerousHed:l().string,isAlreadySubscribed:l().bool,isDisabled:l().bool,rubric:l().string,subscribeHandler:l().func,unsubscribeHandler:l().func},ta.displayName="AccountNewsletterToggle";const na=ta,ia=K.Ay.div.withConfig({displayName:"AccountNewsletterToggleBoxWrapper"})` 1122 ${({isToggleListEmpty:e})=>e&&"\n text-align: center\n "} 1123`,aa=e=>Array.isArray(e)&&e.every(aa);class ra extends c.Component{componentDidMount(){window.Kendra.TRACK_COMPONENT.broadcast(H.G.RENDER,{name:"AccountNewsletterToggleBox"})}hasSubscription(e){const{newsletterSubscriptions:t=[]}=this.props;for(const n of t){const t=Bi()(n,"attributes.newsletterId"),i=Bi()(n,"attributes.status");if(String(t)===String(e)&&"SUBSCRIBED"===i)return!0}return!1}render(){const{className:e,isDisabledButtonStates:t={},newsletterList:n,shouldUseAlternateProfilePageStyle:i,subscribeCtaButtonLabel:a="Explore newsletters",subscribeCtaDek:r="You are not currently subscribed to any newsletters.",subscribeCtaHref:o="/newsletter/manage",subscriptionHandler:s=()=>{},showSubscribedOnly:l}=this.props,d=Oi()(n,(e,n)=>{const{newsletterId:i}=n,a=this.hasSubscription(i),r=[],o=[],d=n.subscribe&&n.subscribe.dangerousDek,u=n.subscribe&&n.subscribe.dangerousHed,m=c.createElement(na,{key:`newsletter__${i}`,dangerousDek:d,dangerousHed:u,isAlreadySubscribed:a,isDisabled:t[i],subscribeHandler:s(i,"SUBSCRIBED"),unsubscribeHandler:s(i,"UNSUBSCRIBED")});return a&&r.push(m),o.push(m),n.subscribe&&(l?e.push(r):e.push(o)),e},[]),u=c.createElement(c.Fragment,null,c.createElement("p",null,r),c.createElement(C.A.Utility,{href:o,inputKind:"link",label:a,shouldUseFullWidth:i})),m=aa(d);return c.createElement(ia,{className:e,isToggleListEmpty:m},m?u:d)}}ra.propTypes={className:l().string,isDisabledButtonStates:l().object,newsletterList:l().array.isRequired,newsletterSubscriptions:l().array,shouldUseAlternateProfilePageStyle:l().bool,showSubscribedOnly:l().bool,subscribeCtaButtonLabel:l().string,
1123subscribeCtaDek:l().string,subscribeCtaHref:l().string,subscriptionHandler:l().func};const oa=ra;var sa=n(20404);const la=(0,K.Ay)(oa).withConfig({displayName:"AccountProfilePageNewsletterToggleBox"})``,ca=(0,K.Ay)(vi).withConfig({displayName:"AccountProfilePageSubscriptionBox"})` 1124 color: ${(0,q.HK)("colors.discovery.body.white.heading")}; 1125 ${R.jA} { 1126 color: ${(0,q.HK)("colors.discovery.body.white.heading")}; 1127 } 1128`,da=(0,K.Ay)(vi).withConfig({displayName:"AccountProfilePageDirectoryBox"})` 1129 color: ${(0,q.HK)("colors.discovery.body.white.heading")}; 1130 ${R.jA} { 1131 color: ${(0,q.HK)("colors.discovery.body.white.heading")}; 1132 } 1133`,ua=(0,K.Ay)(se.A).withConfig({displayName:"AccountProfilePageInformationCard"})` 1134 .button--utility { 1135 width: 100%; 1136 } 1137 ${sa.Jg} { 1138 margin: ${(0,q.Kq)(2)} 0; 1139 } 1140`,ma=(0,K.Ay)("span").withConfig({displayName:"AccountProfilePageLedeDekEmail"})` 1141 font-weight: 500; 1142`,pa=K.AH` 1143 display: inline-block; 1144 padding: 0; 1145 width: auto; 1146 color: ${(0,q.HK)("colors.discovery.body.white.accent")}; 1147 1148 ${$i.H} { 1149 text-decoration: underline; 1150 1151 &:hover { 1152 text-decoration: none; 1153 } 1154 } 1155`,ga=K.AH` 1156 display: inline-block; 1157 position: relative; 1158 margin-top: 20px; 1159 background-color: white; 1160 padding: ${(0,q.Kq)(2)} ${(0,q.Kq)(3)}; 1161 text-align: left; 1162 text-decoration: none; 1163 1164 color: ${(0,q.HK)("colors.discovery.body.white.accent")}; 1165 ${(0,q.Gg)("typography.definitions.utility.card-heading")} 1166 1167 &::after { 1168 position: absolute; 1169 top: 50%; 1170 right: ${(0,q.Kq)(3)}; 1171 transform: translateY(-50%); 1172 background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V3.33333C2 2.97971 2.14048 2.64057 2.39052 2.39052C2.64057 2.14048 2.97971 2 3.33333 2H6M10.6667 11.3333L14 8M14 8L10.6667 4.66667M14 8H6' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 1173 background-repeat: no-repeat; 1174 background-position: center; 1175 background-size: contain; 1176 width: 16px; 1177 height: 16px; 1178 content: ''; 1179 pointer-events: none; 1180 } 1181 1182 ${$i.H} { 1183 padding-right: ${(0,q.Kq)(4)}; 1184 text-decoration: none; 1185 1186 &:hover { 1187 text-decoration: none; 1188 } 1189 } 1190`,ha=K.Ay.span.withConfig({displayName:"AccountProfilePageLedeSignOutLink"})` 1191 ${pa} 1192`,ba=(0,K.Ay)(Mi).withConfig({displayName:"AccountProfilePageSignoutButton"})` 1193 ${pa} 1194`,ya=(K.Ay.span.withConfig({displayName:"SubscriptionBenefitSignOutLink"})` 1195 ${ga} 1196`,(0,K.Ay)(Mi).withConfig({displayName:"SubscriptionBenefitSignoutButton"}).attrs({hasUnderline:!1,linkStyle:"navigation"})` 1197 ${ga} 1198`),fa=(0,K.Ay)("span").withConfig({displayName:"AccountProfilePageLedeDekMessage"})``,Aa=(0,K.Ay)("p").withConfig({displayName:"AccountProfilePageLedeErrorLink"})` 1199 ${(0,q.Gg)("typography.definitions.utility.assistive-text")} 1200 margin-top: 0; 1201 1202 a { 1203 color: ${(0,q.HK)("colors.interactive.feedback.invalid-primary")}; 1204 } 1205`,ka=(0,K.Ay)("span").withConfig({displayName:"AccountProfilePageLedeErrorMessage"})` 1206 vertical-align: middle; 1207 color: ${(0,q.HK)("colors.interactive.feedback.invalid-primary")}; 1208 ${(0,q.Gg)("typography.definitions.utility.assistive-text")} 1209`,wa=(0,K.Ay)("span").withConfig({displayName:"AccountProfilePageLedeErrorMessageIcon"})` 1210 display: inline-block; 1211 margin-right: ${(0,q.Kq)(1)}; 1212 vertical-align: middle; 1213`,va=(0,K.Ay)(M.vm).withConfig({displayName:"UtilityLedeHed"}).attrs(e=>({as:"h1",colorToken:"colors.discovery.body.white.heading",typeIdentity:"typography.definitions.discovery.hed-break-out",...e}))` 1214 margin: 0 0 ${(0,q.Kq)(2)}; 1215`,Ca=(0,K.Ay)(M.vm).withConfig({displayName:"UtilityLedeDek"}).attrs(e=>({as:"h2",colorToken:"colors.discovery.body.white.description",typeIdentity:"typography.definitions.consumptionEditorial.body-core",...e}))` 1216 margin: ${(0,q.Kq)(2)} 0 0; 1217 1218 a { 1219 color: ${(0,q.HK)("colors.discovery.body.white.accent")}; 1220 } 1221`,$a=(0,K.Ay)(Gi).withConfig({displayName:"AccountProfilePageNewsletterCheckBoxes"})``,Ea=(0,K.Ay)(Ze.Kf).withConfig({displayName:"AccountProfilePageLedeWrapper"})` 1222 text-align: center; 1223 1224 ${va} { 1225 margin-bottom: ${(0,q.Kq)(1)}; 1226 } 1227 ${Ca} { 1228 margin: 0 0 ${(0,q.Kq)(1)}; 1229 } 1230`,Sa=(0,K.Ay)(Ci.A.ContentCenter).withConfig({displayName:"AccountProfilePageBodyText"})``,La=(0,K.Ay)("div").withConfig({displayName:"BookmarksUtilityCardBookmarkCta"})``,Pa=(0,K.Ay)(gi).withConfig({displayName:"AccountProfilePageWrapper"})` 1231 /* todo: need to remove it later during integration. */ 1232 ${Ze.Kf} { 1233 padding: ${(0,q.Kq)(5)} 0 ${(0,q.Kq)(5)}; 1234 1235 @media (min-width: ${me.LO.md}) { 1236 padding: ${(0,q.Kq)(12)} 0 ${(0,q.Kq)(5)}; 1237 } 1238 1239 &.alternative-style { 1240 padding: ${(0,q.Kq)(9)} 0 0; 1241 } 1242 1243 &.account-profile-page--with-greeting-card { 1244 padding: 48px 0 0; 1245 } 1246 } 1247 ${La} { 1248 margin: ${(0,q.Kq)(4)} 0 0; 1249 text-align: center; 1250 } 1251 1252 .summary-item--has-bookmarks { 1253 grid-template-columns: 1fr 4fr; 1254 } 1255 1256 .bookmark { 1257 transition: max-height 0.5s, opacity 1s ease-out; 1258 max-height: 900px; 1259 overflow: hidden; 1260 1261 &.bookmark--removing { 1262 opacity: 0; 1263 max-height: 0; 1264 } 1265 } 1266 1267 .alternative-style { 1268 /* Overwrite base-page styles */ 1269 ${R.Iv} + ${R.Iv} { 1270 margin-top: 0; 1271 } 1272 1273 ${di} ${ci} { 1274 margin: 0; 1275 width: 100%; 1276 } 1277 ${ne}, 1278 ${ri} { 1279 display: grid; 1280 1281 ${(0,q.H4)(me.LO.xl)} { 1282 grid-template-columns: 1fr 1fr 1fr; 1283 } 1284 ${zn.eM}
1284 { 1285 grid-row: 1 / -1; 1286 margin-bottom: 0; 1287 min-width: auto; 1288 1289 &.button--link { 1290 ${(0,q.Gg)("typography.definitions.foundation.link-utility")} 1291 color: ${(0,q.HK)("colors.discovery.lead.primary.link")}; 1292 } 1293 } 1294 } 1295 } 1296 1297 ${R.Iv} { 1298 min-height: 200px; 1299 1300 &.alternative-style { 1301 &:not(${hi}) ${R.kq} { 1302 background: ${(0,q.HK)("colors.discovery.body.white.background")}; 1303 padding: ${(0,q.Kq)(4)} ${(0,q.Kq)(4)} + 1304 ${(0,q.Kq)(5)}; 1305 ${R.kq} { 1306 padding: 0; 1307 } 1308 ${G}, 1309 ${j} { 1310 margin-bottom: ${(0,q.Kq)(2)}; 1311 } 1312 } 1313 } 1314 } 1315 ${ui} { 1316 ${di} { 1317 ${ci} { 1318 margin: ${(0,q.Kq)(.5,"px")} auto; 1319 width: auto; 1320 } 1321 ${oi} { 1322 padding: 0 0 ${(0,q.Kq)(4)} 0; 1323 } 1324 ${R.jA} { 1325 text-align: left; 1326 } 1327 } 1328 } 1329`,Na=(0,K.Ay)(se.A).withConfig({displayName:"BookmarksUtilityCard"})` 1330 display: grid; 1331 place-items: center; 1332 1333 &.alternative-style { 1334 ${R.Cx} { 1335 /* get around place-items center on parent */ 1336 margin-right: auto; 1337 } 1338 ${R.jA} { 1339 ${(0,q.Gg)("typography.definitions.discovery.description-feature")} 1340 display: block; 1341 margin: 0 auto 0; 1342 background-color: ${(0,q.HK)("colors.discovery.body.white.background")}; 1343 padding: ${(0,q.Kq)(4)} ${(0,q.Kq)(4)} 0; 1344 width: 100%; 1345 text-align: left; 1346 } 1347 ${R.kq} { 1348 display: block; 1349 width: 100%; 1350 } 1351 ${La} { 1352 text-align: left; 1353 } 1354 } 1355`,xa=(0,K.Ay)(M.vm).withConfig({displayName:"AccountProfilePageEntitlementModulesHdr"}).attrs(e=>({as:"div",...e}))` 1356 ${(0,q.Gg)("typography.definitions.discovery.hed-core-secondary")} 1357 margin: 0 0 ${(0,q.Kq)(1)} ${(0,q.Kq)(4)}; 1358 color: ${(0,q.HK)("colors.discovery.lead.secondary.hed")}; 1359`,Da=K.Ay.div.withConfig({displayName:"AccountProfilePageHorizontalSeparator"})` 1360 margin-bottom: ${(0,q.Kq)(2)}; 1361 border-bottom: 1px solid #eaeaea; 1362`,Ba=(0,K.Ay)(se.A).withConfig({displayName:"AccountNewsletterModule"})``,Ta=K.Ay.div.withConfig({displayName:"AccountProfilePageContent"})` 1363 /* Styles when AccountGreetingCard is shown instead of AccountProfilePageLede */ 1364 &.account-profile-page--with-greeting-card { 1365 padding-top: 0; 1366 } 1367`,Ia=K.Ay.div.withConfig({displayName:"SubscriptionLoaderContainer"})` 1368 display: flex; 1369 align-items: center; 1370 justify-content: center; 1371 padding: ${(0,q.Kq)(10)} 0; 1372 min-height: 200px; 1373 1374 .icon-loader { 1375 width: 48px; 1376 height: 48px; 1377 color: ${(0,q.HK)("colors.interactive.base.dark")}; 1378 } 1379`,Ua=({dangerousDek:e,dangerousHed:t,email:n,errorMessage:i,errorMessageLinkText:a,hasComponentApiDataError:r,hasUserDetails:o,signOutButtonLabel:s,signOutLink:l,signOutLinkText:d})=>(c.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(H.G.RENDER,{name:"AccountProfilePage"})},[]),c.createElement(Ea,null,c.createElement(va,{dangerouslySetInnerHTML:{__html:t}}),c.createElement(Ca,null,o&&!r?c.createElement(fa,null,e,c.createElement(ma,null," ",n),". ",c.createElement("br",null),c.createElement(ha,null,s," ",c.createElement(ba,{buttonLabel:d,signOutLink:l})),c.createElement("br",null)):c.createElement(c.Fragment,null,c.createElement(fa,null,"Â "),r?c.createElement(c.Fragment,null,c.createElement(wa,null,c.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},c.createElement("path",{d:"M7 0C10.8662 0 14 3.13381 14 7C14 10.8662 10.8662 14 7 14C3.13381 14 0 10.8662 0 7C0 3.13381 3.13381 0 7 0ZM7 1.3125C3.85875 1.3125 1.3125 3.85875 1.3125 7C1.3125 10.1412 3.85875 12.6875 7 12.6875C10.1412 12.6875 12.6875 10.1412 12.6875 7C12.6875 3.85875 10.1412 1.3125 7 1.3125ZM7.875 9.625H8.75V10.5H5.25V9.625H6.125V7H5.25V6.125H7.875V9.625ZM7.21875 3.5C7.57969 3.5 7.875 3.79531 7.875 4.15625V4.59375C7.875 4.95469 7.57969 5.25 7.21875 5.25H6.78125C6.42031 5.25 6.125 4.95469 6.125 4.59375V4.15625C6.125 3.79531 6.42031 3.5 6.78125 3.5H7.21875Z",fill:"#AA1B19"}))),c.createElement(ka,null,i),c.createElement(Aa,null,c.createElement("a",{href:"/"},a))):null))));
1379Ua.propTypes={dangerousDek:l().string,dangerousHed:l().string,email:l().string,errorMessage:l().string,errorMessageLinkText:l().string,hasComponentApiDataError:l().bool,hasUserDetails:l().bool,signOutButtonLabel:l().string,signOutLink:l().string,signOutLinkText:l().string};const Ha=({amguuid:e,email:t,hasUserDetails:n,isAuthenticated:i,newsletter:a,shouldUseAlternateProfilePageStyle:r,shouldUseAlternativeStyle:o,siteCode:s,userPlatformProxy:l,xClientID:d})=>{a.newsletterList=a.newsletterList.map(e=>({...e,newsletterId:Number(e.newsletterId)}));const u={amgUUID:e,provider:a.provider,siteCode:s,sourceCode:"profile-page",userPlatformProxy:l,xClientID:d};return a.showAsCheckboxesOnProfile?c.createElement(Ba,{dangerousHed:o?"Newsletter Preferences":"Newsletters",shouldUseAlternativeStyle:o},n&&c.createElement($a,{...a,email:t,isAuthenticated:i,shouldUseAlternativeStyle:o,shouldUseAlternateProfilePageStyle:r,authenticatedButtonLabel:o?"Save":"Update preferences",subscribeCtaButtonLabel:o?"Explore All Newsletters":"Update preferences",exploreNewsletterLabel:o?"Explore All Newsletters":"View more newsletters",saveOptions:u})):c.createElement(Ba,{dangerousHed:o?"Newsletter Preferences":"Newsletters",shouldUseAlternativeStyle:o},n&&c.createElement(la,{...a,shouldUseAlternativeStyle:o,shouldUseAlternateProfilePageStyle:r,authenticatedButtonLabel:o?"Save":"Update preferences",subscribeCtaButtonLabel:o?"Explore All Newsletters":"Update preferences",exploreNewsletterLabel:o?"Explore All Newsletters":"View more newsletters"}))};Ha.propTypes={amguuid:l().string,email:l().string,hasUserDetails:l().bool,isAuthenticated:l().bool,newsletter:l().object.isRequired,shouldUseAlternateProfilePageStyle:l().bool,shouldUseAlternativeStyle:l().bool,siteCode:l().string,userPlatformProxy:l().string,xClientID:l().string};const Ka=({bookmarks:e,bookmarksCtaHref:t,bookmarkDek:n,bookmarkHed:i,emptyBookmarksArchivedButtonLabel:a,emptyBookmarksArchivedCtaHref:r,emptyBookmarksCtaHref:o,emptyBookmarksDek:s,emptyBookmarksButtonLabel:l,emptyBookmarksOnClickHandler:d,linkToBookmarksPageLabel:u,removeBookmarkHandler:m,shouldUseAlternateProfilePageStyle:p,shouldUseAlternativeStyle:g})=>{const{isPending:h,items:b=[],invalidCount:f,totalCount:A}=e,k=A-f;let w,$,E=n;return y()(b)&&k>0?(E=s,w=a,$=r):0===k&&(E=s,w=l,$=o),c.createElement(Na,{dangerousHed:i,dangerousDek:y()(e)?"":E,shouldUseAlternativeStyle:g,shouldUseAlternateProfilePageStyle:p},y()(b)&&(0===k||f>0)?c.createElement(C.A.Utility,{href:$,inputKind:"link",label:w,onClickHandler:d,shouldUseFullWidth:p}):c.createElement(c.Fragment,null,b.map(e=>c.createElement(v,{...e,key:e.id,removeBookmarkHandler:m})),c.createElement(La,null,k>0&&c.createElement(C.A.Utility,{href:t,inputKind:"link",isDisabled:h,label:u}))))};Ka.propTypes={bookmarkDek:l().string,bookmarkHed:l().string,bookmarks:l().object.isRequired,bookmarksCtaHref:l().string,emptyBookmarksArchivedButtonLabel:l().string,emptyBookmarksArchivedCtaHref:l().string,emptyBookmarksButtonLabel:l().string,emptyBookmarksCtaHref:l().string,emptyBookmarksDek:l().string,emptyBookmarksOnClickHandler:l().func,linkToBookmarksPageLabel:l().string,removeBookmarkHandler:l().func,shouldUseAlternateProfilePageStyle:l().bool,shouldUseAlternativeStyle:l().bool};const qa=({utilityForms:e})=>c.createElement(c.Fragment,null,e&&Object.keys(e).map(t=>c.createElement(ye,{formElements:e[`${t}`],key:t})));qa.propTypes={utilityForms:l().object};const Ma=({hasUserEntitlements:e,shouldUseAlternateProfilePageStyle:t,shouldUseAlternativeStyle:n,showFAQSection:i,userEntitlements:a})=>a.latestActiveProducts&&Object.keys(a.latestActiveProducts).length>0?c.createElement(c.Fragment,null,Object.keys(a.latestActiveProducts).map(t=>c.createElement(ca,{...a.latestActiveProducts[t],key:t,hasUserEntitlements:e,shouldUseAlternativeStyle:n,showFAQSection:i}))):c.createElement(ca,{...a,hasUserEntitlements:e,shouldUseAlternativeStyle:n,shouldUseAlternateProfilePageStyle:t,showFAQSection:i});Ma.propTypes={hasUserEntitlements:l().bool,shouldUseAlternateProfilePageStyle:l().bool,shouldUseAlternativeStyle:l().bool,showFAQSection:l().bool,userEntitlements:l().object};const Ra=({directory:e,hasUserEntitlements:t,isDirectorySubscribed:n,directoryBadgeDownloadLink:i})=>
1379{const a=(0,f.A)(),{applicationDetails:r,config:o}=e||{},{supportEmail:s,applicationURL:l,membershipURL:d}=o?.application||{},m=r?.details?.status,{hasDownloadButton:p,downloadButtonVariation:g,downloadButtonlabel:h,hasDownloadIcon:b,tncText:y}=o?.account?.badge||{},A={supportEmail:s||"",membershipURL:d||"",applicationURL:l||"",profileURL:r?.profileURL?`/${r.profileURL}`:"",submissionDate:r?.submissionDate,createdAt:r?.createdAt,isResubmitted:r?.isResubmitted,pubDate:r?.publishDetails?.pubDate};const k=(new Date).getTime(),w=new Date(Number(A.pubDate)).getTime();return c.useEffect(()=>{if(!m)return;const e={user:{account:{applicationStatus:m}}};window.dataLayer&&window.dataLayer.some(e=>e.event===Bn&&e.user.account.applicationStatus===m)||(0,u.W8)(Bn,e)},[m]),m===xn.EXPIRED&&function(e,t){const n=new Date(e),i=new Date(t),a=Math.abs(n-i);return Math.round(a/864e5)>730}(k,w)?null:c.createElement(da,{hasUserEntitlements:t,buttonLabel:m?Dn(a,A)[m].accountProfileBtnLabel:Dn(a).default.accountProfileBtnLabel,buttonHref:m?Dn(a,A)[m].accountProfileBtnHref:Dn(a,A).default.accountProfileBtnHref,dangerousHed:m?Dn(a,A)[m].accountProfileHed:Dn(a).default.accountProfileHed,dangerousDek:m?Dn(a,A)[m].accountProfileDek:Dn(a).default.accountProfileDek,hasSecondaryButton:n&&p,secondaryButtonLabel:h,secondaryButtonHref:i,secondaryButtonVariation:g,hasSecondaryButtonEnableIcon:b,hasTncTextForSecondaryButton:n&&p&&!!y,tncTextForSecondaryButton:y})};function Oa({accountInformationConfig:e,amguuid:t,brandName:n,bookmarksModule:i={},communityExperienceConfig:r={},directory:o,className:s,dangerousDek:l,dangerousHed:d,dangerousText:u,directoryBadgeDownloadLink:m,enableLocationDropdown:p,hasComponentApiDataError:g,hasUserEntitlements:h,isAuthenticated:b,isBookmarkingEnabled:y,isDirectorySubscribed:f,newsletter:A,organizationID:k,showCommunityExperience:w,showDirectoryModule:v,showEntitlementsModule:C,showFamilyPlanModule:$,showNewsletterModule:E,signOutButtonLabel:S,signOutLink:L,signOutLinkText:P,siteCode:N,subscriptionBenefitsData:x,trendsModule:D,userDetails:B,userEntitlements:T,utilityForms:I,userPlatformProxy:U,userApiUrl:H,xClientID:K,shouldUseAlternateProfilePageStyle:q=!1,shouldUseAlternativeStyle:M=!1,showBookmarkedOnAccountProfilePage:R=!0,showFAQSection:O=!1,shouldShowSubscriptionComponents:F=!1,cdsLink:_="",isLoadingSubscriptionData:G=!1,faqLink:j="",familyPlan:z,onFamilyPlanInvite:W,onFamilyPlanRemove:V}){const{email:Y}=B,{isUserEntitled:Q,hasMartechEntitlements:X,hasCneeEntitlements:Z}=T,[J,ee]=c.useState(!1),[te,ne]=c.useState(null),ie=Y&&Y.length>0,{customerPortalLinks:ae=[]}=x||{},oe=(e,t)=>{if("IAP"===t){const t=e.provider?.toLowerCase();return"apple"===t?"https://apps.apple.com/account/subscriptions":"google"===t?"https://play.google.com/store/account/subscriptions":"#"}if("CDS"===t)return _;if("MARTECH"!==t||!ae.length)return"#";const n=ae.find(t=>e.productIds&&e.productIds.includes(t.productId));return n?n.link:"#"};function se(e,t="subscription",n=""){if(!e)return"";const i=e.toLowerCase(),a=t.toLowerCase();return n?`${n} ${i} ${a}`:`${{day:"Daily",week:"Weekly",month:"Monthly",quarter:"Quarterly",year:"Yearly",annual:"Annual"}[i]??e} ${a}`}function le(e,t="Subscription"){const n=new Date(e),i=new Date;let a=12*(i.getFullYear()-n.getFullYear())+(i.getMonth()-n.getMonth());i.getDate()<n.getDate()&&(a-=1);const r="subscription"===t.toLowerCase()?"Subscriber":"Member";if(a<1){const e=i-n,t=Math.max(1,Math.floor(e/864e5));return`${r} for ${t} day${t>1?"s":""}`}const o=Math.floor(a/12),s=a%12;return o>0&&s>0?`${r} for ${o} year${o>1?"s":""} and ${s} month${s>1?"s":""}`:o>0?`${r} for ${o} year${o>1?"s":""}`:`${r} for ${s} month${s>1?"s":""}`}const ce=()=>{if(!x?.subscriptions)return[];const e=[];return["MARTECH","CDS","IAP"].forEach(t=>{const n=x.subscriptions[t];n&&Object.keys(n).length>0&&Object.values(n).forEach(n=>{e.push({...n,providerType:t,provider:n.provider||t})})}),e},de=e=>{if(!e||0===e.length)return null;const t=e.find(e=>"MARTECH"===e.providerType);if(t)return t;const n=e.find(e=>"CDS"===e.providerType);if(n)return n;const i=e.find(e=>"IAP"===e.providerType);return i||e[0]},ue=x?.brandName||de(ce())?.brandName||n,me=()=>c.createElement(Da,null),pe=()=>q&&c.createElement(me,null);return c.createElement(Pa,{className:s},c.createElement(Ta,{className:a()({"alternative-style":M},s)},F?G&&!x?c.createElement(Ia,null,c.createElement(Sn.A,null)):c.createElement(ot,{className:"account-profile-page--with-greeting-card",firstName:(ge=x?.userProfile?.firstName,ge&&"VFIT"===N?ge.trim().split(/\s+/)[0]:ge),email:x?.userProfile?.email||Y}):c.createElement(Ua,{dangerousDek:l,dangerousHed:d,email:Y,errorMessage:e?.errorMessage,errorMessageLinkText:e?.errorMessageLinkText,hasComponentApiDataError:g,hasUserDetails:ie,signOutButtonLabel:S,signOutLink:L,signOutLinkText:P}),!F&&pe(),M&&c.createElement(xa,null,"Subscription Status"),F&&!G&&(()=>{if(!x||!x?.subscriptions)return c.createElement(Ma,{hasUserEntitlements:h,shouldUseAlternateProfilePageStyle:q,shouldUseAlternativeStyle:M,showFAQSection:O,userEntitlements:T});const e=ce();if(0===e.length){const{buttonHref:e,buttonLabel:t,dangerousDek:n,dangerousHed:i,faqText:a}=T;return T?.latestActiveProducts&&Object.keys(T.latestActiveProducts).length>0?c.createElement(Ma,{hasUserEntitlements:h,shouldUseAlternativeStyle:M,shouldUseAlternateProfilePageStyle:q,showFAQSection:O,userEntitlements:T}):t?c.createElement(ca,{buttonHref:e,buttonLabel:t,dangerousDek:n,dangerousHed:i,faqText:a,hasUserEntitlements:!0,shouldUseAlternativeStyle:M,shouldUseAlternateProfilePageStyle:q,showFAQSection:O}):null}const t=de(e),n=e.filter(e=>e!==t).map(e=>{let t=null;switch(e.providerType){case"MARTECH":t=oe(e,e.providerType);break;case"CDS":t=_;break;default:t=null}return{...e,customerPortalLink:t}}),i=t.status.charAt(0).toUpperCase()+t.status.slice(1),{faqText:a}=T,r=oe(t,t.providerType),o=["owner","accountHolder"].includes(z?.role),s=!0===t.groupOffer;return c.createElement(He,{planName:t.productName,status:i,title:t.subscriptionType,subscriptionType:se(t.term,t.subscriptionType,t.period||""),duration:le(t.startDate,t.subscriptionType),buttonHref:r,onButtonClick:(e,t,n,i)=>((e,t,n,i)=>
1379{try{Ln({type:"click",subject:"account_profile",label:n,content_url:e,targetElement:i})}catch(e){}})(e,0,n,i),brandName:t.brandName,otherSubscriptions:n,faqLink:j,faqText:a,showDetails:!s||o,isFamilyPlanOwner:o})})(),$&&z&&c.createElement($n,{brandName:ue,familyPlan:z,onSendInviteClick:W,onRemoveMemberClick:V}),F&&!G&&(()=>{if(!x?.benefits?.categories)return null;const e=Object.entries(x.benefits.categories).map(([e,t])=>({name:e,benefits:t.map(e=>({title:e.title,description:e.description}))})),t=ce(),n=de(t),i=n?.subscriptionType||"",a=i?`Explore your ${i.toLowerCase()}`:"Explore your subscription";return c.createElement(Xe,{title:a,categories:e,onLinkClick:Pn})})(),!F&&pe(),v&&T?.latestActiveProducts&&c.createElement(Ra,{directory:o,hasUserEntitlements:h,isDirectorySubscribed:f,directoryBadgeDownloadLink:m}),!F&&C&&c.createElement(Ma,{hasUserEntitlements:h,shouldUseAlternativeStyle:M,shouldUseAlternateProfilePageStyle:q,showFAQSection:O,userEntitlements:T}),v&&!T?.latestActiveProducts&&c.createElement(Ra,{directory:o,hasUserEntitlements:h,isDirectorySubscribed:f,directoryBadgeDownloadLink:m}),ie&&D&&D.trendReports&&D.trendReports.length>0&&c.createElement(c.Fragment,null,c.createElement(Xn,{...D,isUserEntitled:Q}),pe()),c.createElement(ua,{dangerousHed:e.accountInformationHed,shouldUseAlternativeStyle:M},c.createElement(re,{additionalNote:M?"This is also where we send notifications and newsletters.":"",userId:t,organizationId:k,email:ie&&Y,showEmailText:M,hasUserDetails:ie,shouldUseAlternativeStyle:M,accountInformationConfig:e,communityExperienceConfig:r,showCommunityExperience:w,enableLocationDropdown:p,userApiUrl:H,messageBannerHandler:e=>{ne(e),ee(!0),setTimeout(()=>{ee(!1)},3e3)}})),pe(),I&&Object.keys(I).length>0&&c.createElement(c.Fragment,null,c.createElement(qa,{utilityForms:I}),pe()),E&&c.createElement(c.Fragment,null,c.createElement(Ha,{amguuid:t,email:Y,hasUserDetails:ie,isAuthenticated:b,newsletter:A,shouldUseAlternateProfilePageStyle:q,shouldUseAlternativeStyle:M,siteCode:N,userPlatformProxy:U,xClientID:K}),pe()),y&&R&&c.createElement(Ka,{...i,shouldUseAlternativeStyle:M,shouldUseAlternateProfilePageStyle:q}),J&&c.createElement(En.A,{contentAlign:"center",isFixed:!0,position:"top-centre",shouldShowCloseButton:!0,isDisclaimer:!0,delayDuration:3e3},c.createElement("p",null,te)),F&&c.createElement(ya,{buttonLabel:P,signOutLink:L})),c.createElement(()=>!(X&&!Z)&&c.createElement(Sa,{dangerousText:u}),null));var ge}Ra.propTypes={directory:l().shape({config:l().object,applicationDetails:l().object}),directoryBadgeDownloadLink:l().string,hasUserEntitlements:l().bool,isDirectorySubscribed:l().bool},Oa.propTypes={accountInformationConfig:l().object,amguuid:l().string,brandName:l().string,bookmarksModule:l().shape(Ka.propTypes),className:l().string,communityExperienceConfig:l().object,dangerousDek:l().string.isRequired,dangerousHed:l().string.isRequired,dangerousText:l().string.isRequired,directory:l().shape({config:l().object,applicationDetails:l().object}),directoryBadgeDownloadLink:l().string,enableLocationDropdown:l().bool,hasComponentApiDataError:l().bool,hasUserEntitlements:l().bool,isAuthenticated:l().bool,isBookmarkingEnabled:l().bool,isDirectorySubscribed:l().bool,newsletter:l().object.isRequired,organizationID:l().string.isRequired,shouldUseAlternateProfilePageStyle:l().bool,shouldUseAlternativeStyle:l().bool,showBookmarkedOnAccountProfilePage:l().bool,showCommunityExperience:l().bool,showDirectoryModule:l().bool,showEntitlementsModule:l().bool,showFamilyPlanModule:l().bool,familyPlan:l().object,onFamilyPlanInvite:l().func,onFamilyPlanRemove:l().func,showFAQSection:l().bool,showNewsletterModule:l().bool,signOutButtonLabel:l().string,signOutLink:l().string,signOutLinkText:l().string,siteCode:l().string,subscriptionBenefitsData:l().object,tenantConfig:l().object,trendsModule:l().object,userApiUrl:l().string.isRequired,userDetails:l().object,userEntitlements:l().object,userPlatformProxy:l().string,utilityForms:l().object,xClientID:l().string,shouldShowSubscriptionComponents:l().bool,isLoadingSubscriptionData:l().bool,cdsLink:l().string,faqLink:l().string},Oa.displayName="AccountProfileContent";const Fa=Oa,_a=(0,h.Y)(()=>window.localStorage),Ga=e=>e.invitationStatus===lt?ft:At,ja=e=>{if(!e?.enabled)return null;const{accountHolder:t}=e,n=e.role===ct,i=[{...t,id:t.martechId,type:mt,statusLabel:bt,canRemove:!1},...(e.members||[]).map(t=>{const i=t.martechId===e.loggedInMember?.martechId;return{...t,amguuid:t.amguuid||t.martechId,id:t.martechId,type:t.invitationStatus===lt?gt:pt,canRemove:!!n&&t.canRemove,statusLabel:i?yt:Ga(t)}})];return{...e,role:n?dt:ut,members:n?i:i.filter(t=>t.type===mt||t.martechId===e.loggedInMember?.martechId),actions:{canAddMember:n&&e.availableSeats>0,canManageMembers:n,addMemberLabel:Lt},invitation:{enabled:n,emailLabel:Pt,emailPlaceholder:Nt,sendInviteLabel:Dt,sentInviteLabel:Bt,shareLinkLabel:Kt,shareLinkButtonLabel:Ht,copyLinkLabel:qt,inviteLink:e.inviteLink}}};class za extends c.Component{constructor(e){super(e),this.state={subscriptionBenefitsData:null,familyPlan:null,isLoadingSubscriptionData:Boolean(e.shouldShowSubscriptionComponents)},this.removeBookmarkHandler=this.removeBookmarkHandler.bind(this),this.subscriptionHandler=this.subscriptionHandler.bind(this),this.handleFamilyPlanInvite=this.handleFamilyPlanInvite.bind(this),this.handleFamilyPlanRemove=this.handleFamilyPlanRemove.bind(this),this.props.newsletter.subscriptionHandler=this.subscriptionHandler.bind(this),this.props.bookmarksModule.removeBookmarkHandler=this.removeBookmarkHandler.bind(this),this.props.bookmarksModule.emptyBookmarksOnClickHandler=this.emptyBookmarksOnClickHandler.bind(this),this.bookmarkHelpers=g.Ay.bookmark(this.props.shouldUseBookmarkV2),this.redirectToRedirectURL=this.redirectToRedirectURL.bind(this),this.triggerDelayedRedirect=this.triggerDelayedRedirect.bind(this)}isSubscribedToProduct(e){return(this.state.subscriptionBenefitsData?.userProducts?this.state.subscriptionBenefitsData?.userProducts:[]).includes(e)}componentDidMount(){const{accessCondeBaseUrl:e,amguuid:t,brandName:n,brandSlug:i,bookmarksModule:a,doUpdateAccountDetailsDisplay:r,doUpdateAuthenticatedStatus:o,doUpdateProfileContent:s,doUpdateUserBookmarks:l,doUpdateUserEntitlements:c,doUpdateUserNewsletterSubscriptions:d,featureFlags:u,federatedGraphqlUrl:h,isAuthenticated:b,isBookmarkingEnabled:y,martechProducts:f,martechRedirectURL:A="/account/sign-in",newsletter:k,newsletterList:w,organizationID:v,siteCode:C,showEntitlementsModule:$,showFamilyPlanModule:E=!0,showNewsletterModule:S,userEntitlements:L,userPlatformProxy:P,xClientID:N,filterBookmarkT
1379ypes:x=[]}=this.props,{channelMap:D,pageSize:B,vulcanUrl:T}=a;this.props.shouldShowSubscriptionComponents&&this.setState({isLoadingSubscriptionData:!0});const I=w.reduce((e,t)=>(e.push(t.newsletterId),e),[]);let U="showAuthenticatedTooltip";if(window&&window.dataLayer){const e=window.dataLayer[0].site.env,{brandSlug:t}=window.dataLayer[0].content;U=`${e}-${t}-showAuthenticatedTooltip`}if(_a.removeItem(U),!b)return this.triggerDelayedRedirect(),Promise.resolve();const H=e=>{if(!e?.body)return null;const{subscriptions:t,benefits:n,userProfile:i}=e.body,a=t||{},r=Object.values(a).flatMap(e=>e&&"object"==typeof e?Object.values(e):[]).find(e=>e?.brandName)?.brandName,o=[];return Object.values(a).forEach(e=>{e&&"object"==typeof e&&Object.values(e).forEach(e=>{e?.productIds&&o.push(...e.productIds)})}),{subscriptions:a,benefits:n,userProfile:i,brandName:r,userProducts:o}},K=(e,t)=>{const n=t?.body?.data?.getCustomerPortalLinks||[];return e&&n.length>0?{...e,customerPortalLinks:n}:e};(E&&window.Martech?window.Martech.then(e=>e.user.groupMemberDetailsSubscriptions(i)).then(e=>e?.status<300?e.json():null).then(e=>ja(e)).catch(()=>null):Promise.resolve(null)).then(e=>{e&&this.setState({familyPlan:e})});const q=async e=>{if(!e)return;if(e.status>=300)throw new Error("Error fetching user profile data");const{status:t}=e;return{status:t,body:await e.json()}},M=e=>q(e?.clone?e.clone():e),R=window.Martech?window.Martech.then(e=>e.user.subscriptions(i)).then(e=>e?.status<300?e:null).catch(()=>null):Promise.resolve(null),O=window.Martech?window.Martech.then(e=>e.user.customerPortalLinks(f,`${window.location.origin}${A}`)).then(e=>e?.status<300?e:null).catch(()=>null):null;Promise.all([R.then(M),O?.then(M)]).then(([e,t])=>{let n=H(e);n=K(n,t),n&&this.setState({subscriptionBenefitsData:n,isLoadingSubscriptionData:!1})}).catch(()=>{this.setState({isLoadingSubscriptionData:!1})});const F=$?m.A.getEntitlements({amgUUID:t,userPlatformProxy:P,xClientID:N}).catch(()=>null):null,_=$?[F,O,R,m.A.getAccessCondeEntitlements({accessCondeBaseUrl:e,xClientID:N})]:Array(4).fill(null);return Promise.all([..._,S?p.A.getNewsletterSubscriptions({amgUUID:t,newsletterIds:I,parseJson:!1,provider:k.provider,userPlatformProxy:P,xClientID:N}):null,y&&this.bookmarkHelpers.proxyGetBookmarks({amgUUID:t,params:{hydrate:!0,siteCode:C,size:B},parseJson:!1,userPlatformProxy:P,xClientID:N,filterBookmarkTypes:x,organizationID:v,federatedGraphqlUrl:h}),g.Ay.getUserDetails({amgUUID:t,xClientID:N,userPlatformProxy:P})]).then(e=>Promise.all(e.map(q))).then(e=>{const[t,i,s,p,g,h,b]=e;e.forEach(t=>t&&401===t.status?(o(),[]):e);let y=H(s);y=K(y,i),y?this.setState({subscriptionBenefitsData:y,isLoadingSubscriptionData:!1}):this.setState({isLoadingSubscriptionData:!1});const f=p?.body||[];if(((e,t,n,i,a)=>{if(e?.body||t.length>0||n.length>0){const r=m.A.transformEntitlementsData(e?.body,t,n,i,a);c(r)}})(t,i?.body?.data?.getCustomerPortalLinks||[],f,L,n),S){const{data:e=[]}=g.body.newsletterSubscriptions||[],t={...k,newsletterSubscriptions:e};d(t)}const{data:A={}}=b.body||{};if(r(A),h&&h.body){const{data:e,meta:{count:t}={}}=h.body,n=this.bookmarkHelpers.transformBookmarkData({baseBrandUrl:P.replace("api/up",""),bookmarks:e,channelMap:D,featureFlags:u,vulcanUrl:T}),i=0===t?0:e.length-n.length;l({...a,bookmarks:{items:n,totalCount:t,invalidCount:i}})}}).catch(e=>(this.setState({isLoadingSubscriptionData:!1}),s(e),e))}componentDidUpdate(e){const{isAuthenticated:t}=this.props;t||t===e.isAuthenticated||this.triggerDelayedRedirect()}refreshFamilyPlan(e){return window.Martech?window.Martech.then(t=>t.user.groupMemberDetailsSubscriptions(e.brandSlug)).then(e=>e?.status<300?e.json():null).then(e=>{const t=ja(e);return this.setState({familyPlan:t}),t}):Promise.resolve(null)}handleFamilyPlanInvite(e,t){return window.Martech?window.Martech.then(n=>n.user.inviteMember(t.subscriptionId,e)).then(e=>{const n=e?.error||e,i=n?.code||e?.status;if(i>=300||"CONFLICT"===n?.status){const e=new Error(n?.message||"Unable to invite family plan member");throw e.code=i,e.status=n?.status,e}return this.refreshFamilyPlan(t)}):Promise.resolve(null)}handleFamilyPlanRemove(e,t){return window.Martech?window.Martech.then(n=>n.user.removeMember(t.subscriptionId,e.amguuid)).then(e=>{if(e?.status>=300)throw new Error("Unable to remove family plan member");return this.refreshFamilyPlan(t)}):Promise.resolve(null)}triggerDelayedRedirect(){setTimeout(this.redirectToRedirectURL,1e3*this.props.redirectDelay)}redirectToRedirectURL(){const e=window.location.pathname+window.location.search;window&&window.location.assign(`${this.props.redirectURL}?redirectURL=${e}`)}async removeBookmarkHandler(e){const{amguuid:t,bookmarksModule:n,doUpdateUserBookmarks:i,federatedGraphqlUrl:a,userPlatformProxy:r,xClientID:o}=this.props,{bookmarks:s}=n,{items:l=[],totalCount:c}=s,d=l.map(t=>({...t,isRemoving:t.id===e})),[u]=l.filter(t=>t.id===e),m=!!u.organizationID;i({...n,bookmarks:{...s,items:d,isPending:!0}});try{const d=await this.bookmarkHelpers.proxyRemoveBookmark({amgUUID:t,bookmarkId:e,federatedGraphqlUrl:a,isUrlBookmark:!m,source:"verso-profile-page",userPlatformProxy:r,xClientID:o});if(d&&204!==d.status)return void i({...n,bookmarks:{...s,isPending:!1}});setTimeout(()=>{const t=l.filter(t=>t.id!==e);i({...n,bookmarks:{...s,isPending:!1,items:t,totalCount:c-1}})},500)}catch{throw i({...n,bookmarks:{...s,isPending:!1}}),new Error("failed to remove bookmark")}}emptyBookmarksOnClickHandler(){(0,u.W8)("bookmarks-view-top-articles")}subscriptionHandler(e,t){const n=[{status:t,newsletterId:e}],{amguuid:i,doUpdateUserNewsletterSubscriptions:a,newsletter:r,newsletterList:o,siteCode:s,userPlatformProxy:l,xClientID:c}=this.props,{isDisabledButtonStates:d}=r;return function(t){t.preventDefault();if(d[e])return;r.isDisabledButtonStates[e]=!0,a(r);const u=o.reduce((e,t)=>
1379(e.push(t.newsletterId),e),[]),m={amgUUID:i,userPlatformProxy:l,xClientID:c};p.A.saveNewsletterSubscriptions({...m,payload:{provider:r.provider,siteCode:s,sourceCode:"profile-page",subscriptions:n,url:window&&window.location.href,formName:"account-profile"}}).then(t=>{if(!t.savePreference.success)throw new Error("Error saving user preference");p.A.getNewsletterSubscriptions({...m,newsletterIds:u,provider:r.provider}).then(t=>{const{newsletterSubscriptions:n}=t,{data:i=[]}=n||{},o={...r,newsletterSubscriptions:i};d[e]=!1,a(o)})})}}render(){const{shouldShowSubscriptionComponents:e}=this.props,t=this.props.directory?.config?.account?.productIDs?.directory||"",n=this.isSubscribedToProduct(t);return c.createElement(Fa,{...this.props,shouldShowSubscriptionComponents:e,shouldUseAlternativeStyle:this.props.shouldUseAlternativeStyle,className:a()("account-profile-page"),subscriptionBenefitsData:this.state.subscriptionBenefitsData,isLoadingSubscriptionData:this.state.isLoadingSubscriptionData,isDirectorySubscribed:n,showFamilyPlanModule:this.props.showFamilyPlanModule,familyPlan:this.state.familyPlan,onFamilyPlanInvite:this.handleFamilyPlanInvite,onFamilyPlanRemove:this.handleFamilyPlanRemove})}}za.propTypes={accessCondeBaseUrl:l().string,amguuid:l().string,bookmarksModule:l().shape({bookmarks:l().object,channelMap:l().object,emptyBookmarksOnClickHandler:l().func,removeBookmarkHandler:l().func,pageSize:l().number,vulcanUrl:l().string}),brandName:l().string,brandSlug:l().string,className:l().string,communityExperienceConfig:l().shape({usernameLabel:l().string,usernamePlaceHolder:l().string,discardLabel:l().string}),dangerousDek:l().string.isRequired,dangerousHed:l().string.isRequired,dangerousRedirectDek:l().string.isRequired,dangerousRedirectHed:l().string.isRequired,dangerousText:l().string.isRequired,enableLocationDropdown:l().bool,directory:l().shape({applicationDetails:l().shape({submissionDate:l().string,createdAt:l().string,details:l().shape({status:l().string}),isResubmitted:l().bool}),config:l().shape({application:l().shape({supportEmail:l().string,membershipURL:l().string,applicationURL:l().string}),account:l().shape({productIDs:l().shape({directory:l().string})})})}),directoryBadgeDownloadLink:l().string,doUpdateAccountDetailsDisplay:l().func.isRequired,doUpdateAuthenticatedStatus:l().func.isRequired,doUpdateProfileContent:l().func.isRequired,doUpdateUserBookmarks:l().func.isRequired,doUpdateUserEntitlements:l().func.isRequired,doUpdateUserNewsletterSubscriptions:l().func.isRequired,featureFlags:l().object,federatedGraphqlUrl:l().string,filterBookmarkTypes:l().array,isAuthenticated:l().bool,isBookmarkingEnabled:l().bool,isDirectorySubscribed:l().bool,martechProducts:l().arrayOf(l().string),martechRedirectURL:l().string,newsletter:l().object.isRequired,newsletterList:l().array,organizationID:l().string,redirectDelay:l().number.isRequired,redirectURL:l().string,shouldUseAlternativeStyle:l().bool,shouldUseBookmarkV2:l().bool,showCommunityExperience:l().bool,showDirectoryModule:l().bool,showEntitlementsModule:l().bool,showFamilyPlanModule:l().bool,showNewsletterModule:l().bool,signOutButtonLabel:l().string,signOutLink:l().string,siteCode:l().string,trendsModule:l().object,userDetails:l().object,userEntitlements:l().object,userPlatformProxy:l().string,xClientID:l().string,shouldShowSubscriptionComponents:l().bool},za.displayName="AccountProfilePage";const Wa=(0,d.Ng)(e=>{const{brandName:t,config:n,coreDataLayer:i,featureFlags:a,user:r,userPlatform:o,directory:s,communityExperience:l,access:c,appConfig:d}=e,{shouldUseBookmarkV2:u}=a,m=e.appConfig?.brandSlug,{site:{orgId:p}}=i;let{newsletterList:g=[]}=n;g=g.reduce((e,t)=>{if(t.disableSubscribePage)return e;const{newsletterId:n,manage:i={},subscribe:a={},unsubscribe:r={},socialDataSrc:o={},frequencyBadge:s="",category:l,name:c}=t;return e.push({name:c,frequencyBadge:s,category:l,subscribe:a,manage:i,unsubscribe:r,socialDataSrc:o,newsletterId:n}),e},[]);const h={...e.profileContent,newsletter:{...e.profileContent.newsletter,newsletterList:g}};return{brandName:t,brandSlug:m,featureFlags:a,newsletterList:g,organizationID:p,shouldUseBookmarkV2:u,tenantConfig:d?.tenant,...h,...r,...o,...c,directory:s,...l}},e=>({doUpdateAccountDetailsDisplay:t=>{e({type:"MERGE_KEY",key:"user",value:{userDetails:t}})},doUpdateAuthenticatedStatus:()=>{e({type:"MERGE_KEY",key:"user",value:{isAuthenticated:!1}})},doUpdateProfileContent:()=>{e({type:"MERGE_KEY",key:"profileContent",value:{hasComponentApiDataError:!0}})},doUpdateUserEntitlements:t=>{e({type:"MERGE_KEY",key:"user",value:{userEntitlements:t,hasUserEntitlements:!0}})},doUpdateUserNewsletterSubscriptions:t=>{e({type:"MERGE_KEY",key:"profileContent",value:{newsletter:t}})},doUpdateUserBookmarks:t=>{const{bookmarks:n}=t,{items:i}=n,a=o()(i,"id");e({type:"SET_KEY",key:"profileContent.bookmarksModule",value:{...t,bookmarks:{...n,items:a}}})}}))(za),Va=(0,rt.y)(Wa,"AccountProfilePage");(0,n(29118).A)(Va)}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={id:e,loaded:!1,exports:{}};return r[e].call(n.exports,n,n.exports,s),n.loaded=!0,n.exports}s.m=r,e=[],s.O=(t,n,i,a)=>
1379{if(!n){var r=1/0;for(d=0;d<e.length;d++){for(var[n,i,a]=e[d],o=!0,l=0;l<n.length;l++)(!1&a||r>=a)&&Object.keys(s.O).every(e=>s.O[e](n[l]))?n.splice(l--,1):(o=!1,a<r&&(r=a));if(o){e.splice(d--,1);var c=i();void 0!==c&&(t=c)}}return t}a=a||0;for(var d=e.length;d>0&&e[d-1][2]>a;d--)e[d]=e[d-1];e[d]=[n,i,a]},s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},n=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,i){if(1&i&&(e=this(e)),8&i)return e;if("object"==typeof e&&e){if(4&i&&e.__esModule)return e;if(16&i&&"function"==typeof e.then)return e}var a=Object.create(null);s.r(a);var r={};t=t||[null,n({}),n([]),n(n)];for(var o=2&i&&e;("object"==typeof o||"function"==typeof o)&&!~t.indexOf(o);o=n(o))Object.getOwnPropertyNames(o).forEach(t=>r[t]=()=>e[t]);return r.default=()=>e,s.d(a,r),a},s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.f={},s.e=e=>Promise.all(Object.keys(s.f).reduce((t,n)=>(s.f[n](e,t),t),[])),s.u=e=>"chunk."+(7800===e?"tny-puzzles-and-games":e)+"."+{7800:"aa48c312d5763c1910bf",7833:"dc2bfd5835272c54b213"}[e]+".js",s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i={},a="verso:",s.l=(e,t,n,r)=>{if(i[e])i[e].push(t);else{var o,l;if(void 0!==n)for(var c=document.getElementsByTagName("script"),d=0;d<c.length;d++){var u=c[d];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==a+n){o=u;break}}o||(l=!0,(o=document.createElement("script")).charset="utf-8",s.nc&&o.setAttribute("nonce",s.nc),o.setAttribute("data-webpack",a+n),o.src=e),i[e]=[t];var m=(t,n)=>{o.onerror=o.onload=null,clearTimeout(p);var a=i[e];if(delete i[e],o.parentNode&&o.parentNode.removeChild(o),a&&a.forEach(e=>e(n)),t)return t(n)},p=setTimeout(m.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=m.bind(null,o.onerror),o.onload=m.bind(null,o.onload),l&&document.head.appendChild(o)}},s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),s.p="/verso/static/",(()=>{var e={3037:0};s.f.j=(t,n)=>{var i=s.o(e,t)?e[t]:void 0;if(0!==i)if(i)n.push(i[2]);else{var a=new Promise((n,a)=>i=e[t]=[n,a]);n.push(i[2]=a);var r=s.p+s.u(t),o=new Error;s.l(r,n=>{if(s.o(e,t)&&(0!==(i=e[t])&&(e[t]=void 0),i)){var a=n&&("load"===n.type?"missing":n.type),r=n&&n.target&&n.target.src;o.message="Loading chunk "+t+" failed.\n("+a+": "+r+")",o.name="ChunkLoadError",o.type=a,o.request=r,i[1](o)}},"chunk-"+t,t)}},s.O.j=t=>0===e[t];var t=(t,n)=>{var i,a,[r,o,l]=n,c=0;if(r.some(t=>0!==e[t])){for(i in o)s.o(o,i)&&(s.m[i]=o[i]);if(l)var d=l(s)}for(t&&t(n);c<r.length;c++)a=r[c],s.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return s.O(d)},n=globalThis.webpackChunkverso=globalThis.webpackChunkverso||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),s.nc=void 0;var l=s.O(void 0,[5590,8879,1956,5135,4046,254,5703,7270,5441,4223,4595,5263,9537,8828,7314,130,793,4602,4307,7794,9749,6555,4341,9385,4524,2389],()=>s(66120));l=s.O(l)})();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.