https://www.depaulconnect.com/static/js/BrandingSettings.6d672db1.chunk.min.js

1"use strict";(self.webpackChunkclient_v2=self.webpackChunkclient_v2||[]).push([[8317],{149329:(F,A,n)=>{n.d(A,{A:()=>k});var e=n(715621),i=n(537953),S=n(939291),f=n(111772),I=n(145926),b=n(253473),E=Object.defineProperty,l=(y,a,s)=>a in y?E(y,a,{enumerable:!0,configurable:!0,writable:!0,value:s}):y[a]=s,h=(y,a,s)=>l(y,typeof a!="symbol"?a+"":a,s);class N extends i.Component{constructor(){super(...arguments),h(this,"state",{routeLeaveModalvisible:!1,nextLocation:null,sureNavigation:!1}),h(this,"onRedirect",a=>{const{when:s}=this.props;if(s&&!this.state.sureNavigation&&a&&a.preventDefault){a.preventDefault&&a.preventDefault(),a.stopImmediatePropagation&&a.stopImmediatePropagation();const o="Are you sure you want to leave?";return a.returnValue=o,o}}),h(this,"handleRouteChange",a=>{const{when:s}=this.props;return s&&!this.state.sureNavigation?(this.setState({routeLeaveModalvisible:!0,nextLocation:a.pathname}),!1):!0}),h(this,"exitPage",()=>{this.setState({routeLeaveModalvisible:!1,sureNavigation:!0},()=>{this.state.nextLocation&&this.props.history.push(this.state.nextLocation)})}),h(this,"blockExit",()=>{this.setState({routeLeaveModalvisible:!1})}),h(this,"onOk",a=>{const{onOk:s,okButtonProps:o}=this.props;typeof s=="function"||typeof(0,S.A)(o,"onClick")=="function"?((0,S.A)(o,"onClick")||s)(a,this.state.nextLocation,this.exitPage,this.blockExit):this.exitPage()}),h(this,"onCancel",a=>{const{onCancel:s,cancelButtonProps:o}=this.props;typeof s=="function"?s(a,this.state.nextLocation,this.exitPage,this.blockExit):this.blockExit()}),h(this,"onPropCancel",a=>{const{cancelButtonProps:s}=this.props;typeof(0,S.A)(s,"onClick")=="function"?(0,S.A)(s,"onClick")(a,this.state.nextLocation,this.exitPage,this.blockExit):this.blockExit()})}componentWillMount(){window.addEventListener("beforeunload",this.onRedirect)}componentWillUnmount(){window.removeEventListener("beforeunload",this.onRedirect)}render(){const{when:a,okButtonProps:s={},cancelButtonProps:o={},usePGModal:g=!1,toggleCloseBehaviour:B=!1}=this.props,L={...s,onClick:this.onOk},O={...o,onClick:this.onPropCancel};return(0,e.jsxs)(i.Fragment,{children:[(0,e.jsx)(I.XG,{when:a,message:this.handleRouteChange}),g?(0,e.jsx)(b.aF,{className:this.props.className,title:this.props.title,id:"leave-page-modal",open:this.state.routeLeaveModalvisible,disableBackdropClose:!0,footer:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(b.$n,{type:"secondary",color:"red",onClick:this.onPropCancel,children:this.props.cancelText}),(0,e.jsx)(b.$n,{onClick:this.onOk,children:this.props.okText})]}),onClose:B?this.onCancel:this.onOk,hideClose:!1,children:this.props.children}):(0,e.jsx)(f.A,{...this.props,when:void 0,visible:this.state.routeLeaveModalvisible,onOk:this.onOk,onCancel:this.onCancel,okButtonProps:L,cancelButtonProps:O,children:this.props.children})]})}}const k=(0,I.y)(N)},174997:(F,A,n)=>{n.d(A,{A:()=>i});var e=n(537953);function i(){const[S,f]=(0,e.useState)(window.innerWidth),[I,b]=(0,e.useState)(window.innerHeight),E=()=>{f(window.innerWidth),b(window.innerHeight)};return(0,e.useEffect)(()=>(window.addEventListener("resize",E),()=>window.removeEventListener("resize",E)),[]),{height:I,width:S}}},227900:(F,A,n)=>{n.d(A,{l:()=>S});var e=n(939291),i=n(580432);const S=f=>{const I=document.documentElement,b=getComputedStyle(I).getPropertyValue("--primary-branding-color").trim(),E=getComputedStyle(I).getPropertyValue("--secondary-branding-color").trim(),l=(0,e.A)(f,"settings.coreSettings.homeBrandingSettings",{});!b&&l.primaryColor&&I.style.setProperty("--primary-branding-color",l.primaryColor);const h=(0,i.Lg)(l==null?void 0:l.secondaryColor);E||I.style.setProperty("--secondary-branding-color",h)}},257541:(F,A,n)=>{n.d(A,{A:()=>I});var e=n(715621),i=n(537953),S=n(246239);const f={};function I({fieldSets:b,formData:E={},handleFormData:l=k=>{},handleFormRef:h=k=>{},className:N=""}){return(0,e.jsx)(e.Fragment,{children:(0,e.jsx)(S.Wc,{formStyle:`form-factory ${N}`,fieldSets:b,wrappedComponentRef:h,data:E,onChange:k=>{l(k)},formTail:null,formItemLayout:{labelCol:{xs:{span:24},sm:{span:24}},wrapperCol:{xs:{span:24},sm:{span:24}},labelAlign:"left"}})})}},477139:(F,A,n)=>{n.d(A,{aR:()=>b,$k:()=>l,ic:()=>N,Em:()=>o});var e=n(715621),i=n(483150);const S=()=>jsx(PGAdminHeader,{titleNode:jsxs(Fragment,{children:[jsx("h4",{className:"header",children:"Branding Settings"}),jsx("p",{className:"headerDescription",children:"Customize the colors, logos and social sharing across this domain."})]}),actionNode:jsx(Fragment,{})}),f=null,b=({title:g,description:B})=>(0,e.jsxs)("div",{className:"card__header",children:[(0,e.jsx)("h2",{children:g}),B&&(0,e.jsx)("p",{children:B})]}),l=()=>(0,e.jsxs)("div",{className:"default-icon",children:[(0,e.jsx)("h3",{children:"Default Icon"}),(0,e.jsx)("img",{className:"pg-icon",src:"https://cdn.peoplegrove.com/admin/1760682769712PeopleGrove-Logomark.png",alt:"PeopleGrove Icon"})]}),N=({title:g,description:B,help:L,children:O})=>(0,e.jsxs)("div",{className:"settings__row",children:[(0,e.jsxs)("div",{className:"settings__row--left",children:[(0,e.jsx)("h2",{className:"settings__row__title",children:g}),(0,e.jsx)("p",{children:B})]}),(0,e.jsx)("div",{className:"settings__row--right",children:O})]});var k=n(253473),y=n(471378),a=n(893602);const o=g=>{const{value:B,path:L,onChange:O}=g,J=()=>{O("")},X=G=>{const W=a.A.get(G,"response.uploadURL");O(W)};return(0,e.jsx)("div",{className:"file-upload",children:(0,e.jsx)(y.A,{type:"image",access:"public",path:`/clusters/${L}/`,container:"campuskudos-uploads",maxFileLength:1,onSuccess:X,render:({onPick:G})=>B?(0,e.jsxs)("div",{className:"upload-wrapper",children:[(0,e.jsx)("img",{src:B,alt:"cluster image"}),(0,e.jsx)(k.$n,{type:"link",icon:"pg-plus","aria-label":`Upload a ${L} new file`,onClick:G,className:"button",children:"Upload a new file"}),(0,e.jsx)(k.$n,{type:"link","aria-label":`Remove a ${L} new file`,onClick:J,children:"Remove this file"})]}):(0,e.jsx)(k.$n,{type:"link",icon:"pg-plus","aria-label":`Upload a ${L} new file`,onClick:G,className:"button",children:"Upload a new file"})})})}},580602:(F,A,n)=>{n.d(A,{Tm:()=>N,XP:()=>l,sD:()=>y});

1var e=n(283766),i=n(223728),S=n(473986),f=n(425170);const{companyInfo:I,freelanceCompanyInfo:b}=S.A,E=async a=>{const{data:s}=a.isClearBit?await(0,i.C1Z)({...a,create:!0}):{data:{}};return s},l=(a,s)=>(0,e.useQuery)([I,a],()=>E(a),s),h=async a=>{const{data:s}=await(0,i._Dx)(a);return s},N=a=>(0,e.useMutation)(h,{...a,onError:s=>{(0,f.UGb)(s,!1,"Unable to add company")}}),k=async a=>{const{data:s}=await(0,i.C1Z)({...a});return s},y=(a,s)=>(0,e.useQuery)([b,a],()=>k(a),s)},610308:(F,A,n)=>{n.d(A,{A:()=>l});var e=n(715621),i=n(253473),S=n(922109),f=n(839050),I=n(425170);const b={},l=({title:h,data:N,className:k})=>{const y=(0,f.al)(),{users:a,count:s}=N,o=(0,I.jHS)(s);return(o==null?void 0:o.length)===0||!h?(0,e.jsx)("div",{className:"soc-card__left__social-proof"}):(0,e.jsxs)("div",{className:`${k} soc-card__left__social-proof ${y?"soc-card__left__social-proof__mobile":""}`,children:[a.length<3?(0,e.jsx)("div",{className:"soc-card__left__social-proof__icon",children:(0,e.jsx)(i.C0,{icon:"pg-trending-up-o",size:14})}):(0,e.jsx)("div",{className:"soc-card__left__social-proof__avatar",children:a.map((g,B)=>(0,e.jsx)(S.A,{"aria-label":`${g.firstName} ${g.lastName}`,className:`circle ${B!==0?"overlap":""}`,src:g.photoUrl,shape:"circle"},B))}),(0,e.jsx)("div",{className:"soc-card__left__social-proof__count",children:h})]})}},616642:(F,A,n)=>{n.d(A,{A:()=>a});var e=n(715621),i=n(537953),S=n(665790),f=n(50391),I=n(698879);const b={};var E=Object.defineProperty,l=(s,o,g)=>o in s?E(s,o,{enumerable:!0,configurable:!0,writable:!0,value:g}):s[o]=g,h=(s,o,g)=>l(s,typeof o!="symbol"?o+"":o,g);const N="#ffffff",k=(0,I.A)(()=>Promise.all([n.e(1888),n.e(7849)]).then(n.bind(n,467849)),{name:"SketchPicker"});class y extends i.PureComponent{constructor(){super(...arguments),h(this,"state",{pickerVisible:!1,color:{hex:N}}),h(this,"pickerRef",i.createRef()),h(this,"handleClickOutside",o=>{const{pickerVisible:g}=this.state;g&&this.pickerRef&&!this.pickerRef.current.contains(o.target)&&this.setState({pickerVisible:!1})}),h(this,"onBlur",o=>{const{pickerVisible:g}=this.state;g&&this.pickerRef&&o.relatedTarget&&!this.pickerRef.current.contains(o.relatedTarget)&&this.setState({pickerVisible:!1})}),h(this,"triggerChange",o=>{const{onChange:g}=this.props;g&&g(o)}),h(this,"handleOnFocus",()=>{this.setState({pickerVisible:!0})}),h(this,"handleOk",()=>{const{color:o}=this.state;this.setState({pickerVisible:!1},()=>this.triggerChange(o&&o.hex))}),h(this,"handleCancel",()=>{const{value:o}=this.props;this.setState({color:{hex:o},pickerVisible:!1})}),h(this,"handleChange",(o,g)=>{this.setState({color:o})}),h(this,"onInputChange",()=>{})}componentDidMount(){const{value:o}=this.props;o&&this.setState({color:{hex:o}}),document.addEventListener("mousedown",this.handleClickOutside)}componentDidUpdate(o){const{value:g}=this.props,{color:B}=this.state;g!==o.value&&g!==B.hex&&this.setState({color:{hex:g}})}componentWillUnmount(){document.removeEventListener("mousedown",this.handleClickOutside)}render(){const{value:o,...g}=this.props,{pickerVisible:B,color:L}=this.state,O=L&&L.hex?L.hex:N;return(0,e.jsxs)("div",{className:"form-field__color",children:[B?(0,e.jsx)(e.Fragment,{children:(0,e.jsxs)("div",{className:"form-field__color__picker",ref:this.pickerRef,children:[(0,e.jsx)(k,{onChange:this.handleChange,color:O,className:"form-field__color__picker__tool"}),(0,e.jsxs)("div",{className:"form-field__color__picker__footer",children:[(0,e.jsx)(S.A,{size:"small",onClick:this.handleCancel,children:"Cancel"}),(0,e.jsx)(S.A,{size:"small",type:"primary",onClick:this.handleOk,children:"Ok"})]})]})}):null,(0,e.jsx)(f.A,{...g,addonBefore:(0,e.jsx)(S.A,{onClick:this.handleOnFocus,style:{backgroundColor:O,color:O},"aria-label":"select a color","aria-expanded":B}),value:o,type:"text",onChange:this.onInputChange,onFocus:this.handleOnFocus,onBlur:this.onBlur})]})}}const a=y},763352:(F,A,n)=>{n.r(A),n.d(A,{default:()=>_e});var e=n(715621),i=n(537953),S=n(145926),f=n(253473),I=n(129113),b=n(839050),E=n(425170),l=n(939291),h=n(676698),N=n(883991),k=n(19694),y=n(477139);function a(){return{id:"accessibilityPolicy",className:"branding-settings__card",fields:[{id:"title",field:"component",component:()=>(0,e.jsx)(y.aR,{title:"Accessibility Policy"})},{id:"policyHeader",field:"text",label:"Policy Header",description:"Add a header for your accessibility policy section.",placeholder:""},{id:"policyDeclaration",field:"textarea",label:"Policy Declaration",description:"Add a brief policy description here. Character Limit: 750 character",maxLength:750,placeholder:""},{id:"policyPageLink",field:"text",label:"Accessibility Page Link",description:"AdYou can link your own accessibility policy page here (not mandatory)",placeholder:""},{id:"policyPageText",field:"text",label:"Accessibility Link Title",description:"You can change link t

1itle for the Accessibility Page Link (optional)",placeholder:""},{id:"accessibilitySupportEmails",field:"text",label:"Accessibility Support Emails",description:"Emails to get all accessibility support emails - separated by comma",placeholder:""}]}}function s(){return{id:"advanced",className:"branding-settings__card",fields:[{id:"title",field:"component",component:()=>(0,e.jsx)(y.aR,{title:"Advanced"})},{id:"useCustomCss",field:"switch",label:"Use Custom CSS?",description:"If required, you can add custom CSS which will be applied to the page",inline:!0},{id:"customCss",field:"textarea",label:"Custom CSS",description:"Please consult your PeopleGrove account manager before continuing. We cannot guarantee all of the structure of the HTML going forward."},{id:"disablePgLandingPageBranding",field:"switch",label:"Disable PG Landing Page Branding",description:"Disables the logo on the cluster landing pages and hub landing pages.",inline:!0}]}}var o=n(616642);function g(t){return{id:"colorsAndBranding",className:"branding-settings__card",fields:[{id:"title",field:"component",component:()=>(0,e.jsx)(y.aR,{title:"Overall Colors & Branding"})},{id:"name",field:"text",label:"Site Name",description:"Used in the signup modal to welcome users to the site."},{id:"pageTitle",field:"text",label:"Page Title",description:"Main title shown on the browser bar",suffixNode:(0,e.jsx)(f.K0,{icon:"pg-question-mark-circle-o",color:"blue","aria-label":"open help modal",onClick:()=>t({text:"Page Title",description:"This is the main title shown on the browser bar for a user who is not logged-in.",image:"https://campuskudos-uploads.s3.amazonaws.com/admin/PuzKgypATiaBBlaPkDP9_Cluster_PageTitle.png"})})},{id:"metaDescription",field:"text",label:"Page Description",description:"Description of site often shown in search engine results",suffixNode:(0,e.jsx)(f.K0,{icon:"pg-question-mark-circle-o",color:"blue","aria-label":"open help modal",onClick:()=>t({text:"Page Description",description:"The page description, also known as a 'meta description' appears in search engine results.",image:"https://campuskudos-uploads.s3.amazonaws.com/admin/4I40zdxBQnCX1xtSo6WP_Cluster_PageDescription.png"})})},{id:"logo",field:"component",component:r=>(0,e.jsx)(y.ic,{title:"Logo",description:"Logo shown in top left when logged in",children:(0,e.jsx)(y.Em,{...r,path:"logos"})})},{id:"faviconLogo",field:"component",component:r=>(0,e.jsx)(y.ic,{title:"Favicon Logo",description:"Logo used to identify a site in the browser bar. The recommended logo size is 16x16px saved as an .ico file",children:(0,e.jsx)(y.Em,{...r,path:"favicon-logos"})})},{id:"navBackgroundColor",field:"component",component:r=>(0,e.jsx)(y.ic,{title:"Top bar background color",description:"Top bar background color on hub selection page",children:(0,e.jsx)(o.A,{...r})})},{id:"navBarTheme",field:"select",label:"Navigation - Text Theme",description:"Determines the theme of the text on the nav bar",options:[{label:"Light",value:"light"},{label:"Dark",value:"dark"}]},{id:"disableProductIllustrations",field:"switch",label:"Disable product illustrations?",description:"If required, you can hide product illustrations",inline:!0}]}}function B(){return{id:"mobileAppIconBranding",className:"branding-settings__card",fields:[{id:"title",field:"component",component:()=>(0,e.jsx)(y.aR,{title:"Mobile App Icon Branding",description:"This icon appears once a user bookmarks the app on their mobile home screen."})},{id:"appIconType",field:"radio",label:"",className:"mobile_icon_branding",options:[{label:(0,e.jsx)(y.$k,{}),value:"default"},{label:"Use Custom",value:"custom"}]},{id:"appIcon",field:"component",component:r=>(0,e.jsx)(y.ic,{title:"Mobile App Icon Logo",description:"Accepted Image Type: PNG/SVG. Recommended Image Size: 192px x 192px.",children:(0,e.jsx)(y.Em,{...r,path:"mobile-icons"})})}]}}function L(t){return{id:"socialSharing",className:"branding-settings__card",fields:[{id:"title",field:"component",component:()=>(0,e.jsx)(y.aR,{title:"Social Sharing"})},{id:"socialSharingImage",field:"component",component:d=>(0,e.jsx)(y.ic,{title:"Social Sharing Image",description:"The image accompanying shared content from this site.",children:(0,e.jsx)(y.Em,{...d,path:"social-sharing-images"})})},{id:"socialSharingTitle",field:"text",label:"Social Sharing Title",description:"Title accompanying socially shared content.",placeholder:"Enter a title..."},{id:"socialSharingText",field:"text",label:"Social Sharing Text",description:"Text accompanying socially shared content.",placeholder:"Enter social sharing text..."},{id:"displayOnlySettingSocialSharingExample",field:"component",component:()=>(0,e.jsx)(f.$n,{onClick:()=>t({text:"See Example",description:"A page shared to facebook might look like this.",image:"https://campuskudos-uploads.s3.amazonaws.com/admin/iCYF0eyERgSZbzs0yjS6_Cluster_SocialSharingExample.png"}),children:"See Example"})}]}}function O(t){const{isAdmin:r}=(0,b.iZ)(),d=g(t),v=L(t),x=s(),m=B(),C=a();return[d,v,...r?[x]:[],m,C]}var J=n(294097);const X=t=>

1J.E.put(`/cluster-setting?id=${t.id}`,{...t});var G=n(850504),W=n(283766),ie=n(163081),re=n(295576);function Y(){const t=(0,ie.useDispatch)();return(0,W.useMutation)(r=>{const{bannerType:d,...v}=r;return X(v)},{onSuccess:(r,d)=>{d.bannerType?(0,G.A)("Image updated","success",`${d.bannerType} banner image updated`):(0,G.A)("Branding settings updated successfully","success"),t((0,re.e)())},onError:()=>(0,G.A)("Something went wrong","error")})}var le=n(223728);const ce={BrandingBanners:"CustomBanners/BrandingBanners"},de=async()=>{const{data:t}=await(0,le.vcM)();return t},pe=()=>(0,W.useQuery)([ce.BrandingBanners],()=>de()),Oe={},ge=()=>{const t=(0,b.er)(),r=(0,i.useMemo)(()=>{const u=(0,l.A)(t.settings,"coreSettings.branding",{});return{name:{value:u.name},pageTitle:{value:u.pageTitle},metaDescription:{value:u.metaDescription},logo:{value:u.logo},faviconLogo:{value:u.faviconLogo},navBackgroundColor:{value:u.navBackgroundColor},navBarTheme:{value:u.navBarTheme},disableProductIllustrations:{value:u.disableProductIllustrations},socialSharingImage:{value:u.socialSharingImage},socialSharingTitle:{value:u.socialSharingTitle},socialSharingText:{value:u.socialSharingText},useCustomCss:{value:u.useCustomCss},customCss:{value:u.customCss},disablePgLandingPageBranding:{value:u.disablePgLandingPageBranding},appIconType:{value:u.appIconType},appIcon:{value:u.appIcon},policyHeader:{value:u.policyHeader},policyDeclaration:{value:u.policyDeclaration},policyPageLink:{value:u.policyPageLink},policyPageText:{value:u.policyPageText},accessibilitySupportEmails:{value:u.accessibilitySupportEmails}}},[t]),[d,v]=(0,i.useState)(r||{}),x=(0,i.useRef)(null),{mutate:m,isLoading:C}=Y(),[c,P]=(0,i.useState)(!1),[p,T]=(0,i.useState)({text:"",description:"",image:""}),_=(0,i.useCallback)(()=>{P(!0)},[]),w=(0,i.useCallback)(()=>{P(!1)},[]),U=(0,i.useCallback)(u=>{T(u),_()},[_]),K=(0,i.useCallback)(u=>{v(u)},[]),z=()=>{var u;if(!((u=x.current)!=null&&u.validateForm()))return;const V=(0,h.A)(d).omitBy((R,H)=>{var M;return(0,N.A)(R==null?void 0:R.value,(M=r[H])==null?void 0:M.value)}).pickBy(R=>!(0,k.A)(R==null?void 0:R.value)).map((R,H)=>({id:`coreSettings.branding.${H}`,value:R.value})).value();V.length&&m({id:t.id,setting:V})},$=O(U);return(0,e.jsxs)("div",{className:"branding-settings",children:[(0,e.jsx)(f.lV,{title:"branding settings",fieldSets:$,data:d,onChange:K,ref:x,footer:(0,e.jsx)(f.$n,{onClick:z,loading:C,children:"Save"})}),(0,e.jsx)(f.aF,{id:"helper-text-modal",open:c,title:p.text,cancelText:"Close",onClose:w,children:(0,e.jsxs)("div",{children:[(0,e.jsx)("h4",{children:p.description}),(0,e.jsx)("img",{src:p.image,alt:`${p.text} helper image`})]})})]})};var q=n(227900),me=n(351146),ue=n(961530),he=n(972185),ve=n(822859),ye=n(989949),fe=n(709134),ee=n(77287),D=n(782779),j=n(141819);const be=({clusterInfo:t,hubInfo:r,currentUser:d,pathwayHubText:v})=>{const x=(0,E.lc7)(d,r),m=(0,E.O7p)("socIntegration",d,r),C=(0,ee.Y)("pathwayUCard",`Explore ${x}`),c=(0,ee.Y)("socCard",`Explore ${m}`,`/hub/${r.identifier}/experiential-learning`);return[{cardObject:{...D.yj.autoGreeting,cardTypeTitle:"Auto-welcome",cta:"Turn on",coverImage:(0,l.A)(t.settings,"coreSettings.branding.banners.stayEngaged.autoGreeting.0")||D.yj.autoGreeting.coverImage},steps:D.cn,completed:2,type:"opt-in",bannerKey:"autoGreeting",defaultImage:D.yj.autoGreeting.coverImage},{cardObject:{...D.yj.studentOptIn,cardTypeTitle:"Student opt-in",coverImage:(0,l.A)(t.settings,"coreSettings.branding.banners.stayEngaged.studentOptIn.0")||D.yj.studentOptIn.coverImage},type:"studentOptIn",bannerKey:"studentOptIn",defaultImage:D.yj.studentOptIn.coverImage},{cardObject:{...C,id:"pathwayUCard",cardTypeTitle:"Explore PathwayU",coverImage:(0,l.A)(t.settings,"coreSettings.branding.banners.stayEngaged.pathwayUCard.0")||C.coverImage},type:"pathwayUIntegration",bannerKey:"pathwayUCard",defaultImage:C.coverImage},{cardObject:{...c,id:"socCard",cardTypeTitle:"Experiential Learning banner",coverImage:(0,l.A)(t.settings,"coreSettings.branding.banners.stayEngaged.socCard.0")||

1c.coverImage},type:"pathwayUIntegration",bannerKey:"socCard",defaultImage:c.coverImage},{...j.qN,cardObject:{...j.qN.cardObject,cardTypeTitle:"Explore groups in general",coverImage:(0,l.A)(t.settings,"coreSettings.branding.banners.stayEngaged.viewGroups.0")||j.qN.cardObject.coverImage,id:"viewGroups"},bannerKey:"viewGroups",defaultImage:j.qN.cardObject.coverImage},{type:"introduceInGroup",cardObject:{id:"introduceInGroup",cardTypeTitle:"Explore group",title:"Explore art and craft",titleStyle:"soc-card__group-card-title",subtitle:"",cta:"Complete checklist",ctaAriaLabel:"Complete checklist",ctaLink:"/group",coverPhoto:j.Zr,mobileCoverPhoto:j.eX,completedSteps:1,imageStyle:"soc-card__group-card",trackTitle:"Explore Groups",groupName:"Group Name",totalCount:1,groupId:0,coverImage:(0,l.A)(t.settings,"coreSettings.branding.banners.stayEngaged.introduceInGroup.0")||j.RK,coverClassName:j.Sb,defaultPrimaryColor:j.OD.defaultPrimaryColor,defaultSecondaryColor:j.OD.defaultSecondaryColor},steps:D.Ud,completed:1,bannerKey:"introduceInGroup",defaultImage:j.RK},{type:"joinGroup",cardObject:{id:"joinGroup",cardTypeTitle:"Join group",title:"Join art and craft",subtitle:"Group description",cta:"Join group",ctaAriaLabel:"Join group",backgroundColor:"#E1ECE6",ctaBackgroundColor:"#5C7D6B",ctaLink:"/group",coverPhoto:j.NI,mobileCoverPhoto:j.WE,trackTitle:"Join Group",groupName:"Group Name",totalCount:1,groupId:0,coverImage:(0,l.A)(t.settings,"coreSettings.branding.banners.stayEngaged.joinGroup.0")||j.jo,coverClassName:j.QR,defaultPrimaryColor:j.IV.defaultPrimaryColor,defaultSecondaryColor:j.IV.defaultSecondaryColor},bannerKey:"joinGroup",defaultImage:j.jo},{type:"joinProgram",cardObject:{id:"joinProgram",title:"Join program",cardTypeTitle:"Join program",subtitle:"Program description",cta:"Join program",ctaAriaLabel:"Join program",backgroundColor:"#E1ECE6",ctaBackgroundColor:"#5C7D6B",ctaLink:"/program",coverPhoto:j.NI,mobileCoverPhoto:j.WE,trackTitle:"Join Program",groupName:"Program Name",totalCount:1,groupId:0,coverImage:(0,l.A)(t.settings,"coreSettings.branding.banners.stayEngaged.joinProgram.0")||j.jo,coverClassName:j.QR,defaultPrimaryColor:j.IV.defaultPrimaryColor,defaultSecondaryColor:j.IV.defaultSecondaryColor},bannerKey:"joinProgram",defaultImage:j.jo},{type:"startPathway",cardObject:{id:"pathway",pathway:{},title:"Pathway",trackTitle:`Start ${v}`,cardTypeTitle:"Start/Continue a pathway",pathwayTitle:"Pathway Title",subtitle:"Pathway Description",coverPhoto:"https://cdn.peoplegrove.com/admin/1707371986095pathway_banner.svg",mobileCoverPhoto:"https://cdn.peoplegrove.com/admin/1706878120723pathways_mobile.svg",cta:`Start ${v}`,ctaLink:"/pathways",dueDate:1,backgroundColor:"#C4E4FB",footerText:"Footer text",coverImage:(0,l.A)(t.settings,"coreSettings.branding.banners.stayEngaged.pathway.0")||"https://cdn.peoplegrove.com/admin/1717779157019pathway_banner_no_pipes.svg",coverClassName:D.H9.STUDENT2,defaultPrimaryColor:D.Ww.PINK,defaultSecondaryColor:D.Ww.BLUE},bannerKey:"pathway",defaultImage:"https://cdn.peoplegrove.com/admin/1717779157019pathway_banner_no_pipes.svg"}]};var xe=n(436492),ne=n(283129),Z=n(748607);const je=(t,r,d)=>{const v=(0,xe.A)(t);return(0,ne.A)(v,(x,m)=>{if(r!=null&&r[m]){const C=r[m];(0,ne.A)(C,(c,P)=>{var p;const T=(0,l.A)(d,`settings.coreSettings.branding.banners.topBanners.${m}.${P}`),_=(0,l.A)((p=t[m])==null?void 0:p.banner,`leftGraphics.${c}`);(0,Z.A)(v[m].banner,`leftGraphics.${c}`,T||_),(0,Z.A)(v[m].banner,"defaultImage",_)})}}),v},Ce=t=>{(0,Z.A)(t,"careerStory",{banner:{type:"Abstract",title:"Share your experience and help your community",cta:"Next",subTitle:"",mobileIllustrationImg:"https://cdn.peoplegrove.com/admin/1683027637865sync-calendar-banner-mobile.svg",desktopIllustrationImg:"https://cdn.peoplegrove.com/admin/1683027637865sync-calendar-banner-desktop.svg",leftGraphics:{type:"fourPersonChipGraphic",leftImage:{type:"icon",src:"https://cdn.peoplegrove.com/admin/1678886203857user-group-o.svg"},rightImage:{type:"img",src:"https://cdn.peoplegrove.com/admin/1730804191146right-image-career-jr-banner.png"},topImage:{type:"icon",src:"https://cdn.peoplegrove.com/admin/1678886026486briefcase-o.svg"},bottomImage:{type:"icon",src:"https://cdn.peoplegrove.com/admin/1719911324407pg-hand-thumb-up-o.svg"}

1,config:{leftChipText:"Role & Company",topChipText:"Interview Process",bottomChipText:"What you loved?",showIcons:!1,hideBorder:!0}}},clickAction:null,heading:"Career Story",bannerKey:"careerStory"})},te=({bannerImagesMap:t,stayEngaged:r})=>{const d=(0,b.er)(),v=(0,b.lx)(),x=(0,b.iZ)(),m=(0,fe.A)("pathway"),{data:C={}}=pe();if(Ce(C),!r){const c=je(C,t,d);return(0,ue.A)((0,he.A)(c,(p,T)=>({...p,bannerKey:T})),p=>(0,ve.A)(t).indexOf(p.bannerKey))}return(0,ye.A)(be({clusterInfo:d,hubInfo:v,currentUser:x,pathwayHubText:m}),Boolean)};var ae=n(768835),Se=n(90570),Pe=n(471378);const Ie=["https://cdn.peoplegrove.com/admin/1742538405600CAP-Alumni-Blog-Main.jpg","https://cdn.peoplegrove.com/admin/1742538405600CAP-Career-Blog-Main.jpg","https://cdn.peoplegrove.com/admin/1742538405600GroupProject.jpg","https://cdn.peoplegrove.com/admin/1742538405600Hero-GettyImages-1150514031.jpg","https://cdn.peoplegrove.com/admin/1742538405600Higher-Ed-AdobeStock_90274594.jpg","https://cdn.peoplegrove.com/admin/1742538405600Higher-Ed-AdobeStock_126612344.jpg","https://cdn.peoplegrove.com/admin/1742538405600Higher-Ed-AdobeStock_209666619.jpg","https://cdn.peoplegrove.com/admin/1742538405600Higher-Ed-AdobeStock_258385486.jpg","https://cdn.peoplegrove.com/admin/1742538405600Higher-Ed-AdobeStock_380288733.jpg","https://cdn.peoplegrove.com/admin/1742538405600Higher-Ed-Stocksy_txped68d2ee09T300_Large_209730.jpg","https://cdn.peoplegrove.com/admin/1742538405600Higher-Ed-Stocksy_txped68d2ee09T300_Large_314294.jpg","https://cdn.peoplegrove.com/admin/1742538405600Higher-Ed-Stocksy_txped68d2ee09T300_Large_2575128.jpg","https://cdn.peoplegrove.com/admin/1742538405600Higher-Ed-Stocksy_txped68d2ee09T300_Large_2611235.jpg","https://cdn.peoplegrove.com/admin/1742538405600mark-rohan-I4GqE4j3o84-unsplash.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-GettyImages-1200911246.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-GettyImages-1312104497.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txp7c97d15b0dT300_Small_2205470.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txp7c97d15b0dT300_Small_4646628.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_224503.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_945958.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_1170372.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_1279037.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_1964097.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_2322840.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_3669401.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_3895750.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_3908982.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_4097434.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_4121254.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_4130247.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_4212557.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-Stocksy_txped68d2ee09T300_Large_4566755.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-unsplash-michelle-ding-eyEXCaFpvvU.jpg","https://cdn.peoplegrove.com/admin/1742538405600Moments-unsplash-soundtrap-ddwbTn5HDdQ.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-AdobeStock_324451485.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-AdobeStock_451270362.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-AdobeStock_495142645.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-GettyImages-1150514228.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-GettyImages-1178857901.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-GettyImages-1190367451.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-GettyImages-1310533180.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-GettyImages-1338463429.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-GettyImages-1350126458.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-GettyImages-1369120819.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-Stocksy_txp7c97d15b0dT300_Medium_1146911.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-Stocksy_txp7c97d15b0dT300_Small_1146895.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-Stocksy_txped68d2ee09T300_Large_2309573.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-Stocksy_txped68d2ee09T300_Large_2741762.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-Stocksy_txped68d2ee09T300_Large_2874574.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-Stocksy_txped68d2ee09T300_Large_3218424.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-Stocksy_txped68d2ee09T300_Large_4302017.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-Stocksy_txped68d2ee09T300_OriginalDelivery_2509591.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-brooke-cagle-NoRsyXmHGpI.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-convertkit-tkXJoA_sn78.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-good-faces-mzN7eMmv9IM.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-guilherme-stecanella-_dH-oQF9w-Y.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-johm-kan-71NgiXcdTzE.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-marcos-paulo-prado-4mvblZ_vvOU.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-mason-wilkes-TMgQMXoglsM.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-mubarak-showole-Ve7xjKImd28.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-stephanie-cook-NDCy2-9JhUs.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-taylor-grote-UiVe5QvOhao.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-toa-heftiba-O3ymvT7Wf9U.jpg","https://cdn.peoplegrove.com/admin/1742538405600People-unsplash-yusron-el-jihan-YoC92_GCSvQ.jpg","https://cdn.peoplegrove.com/admin/1742538405600Roads-AdobeStock_322470939.jpg","https://cdn.peoplegrove.com/admin/1742538405600Roads-unspalsh-alexis-antoine-wvWwItCssr8.jpg","https://cdn.peoplegrove.com/admin/1742538405600Roads-unspalsh-benaja-germann-0SypfxJv2uw.jpg","https://cdn.peoplegrove.com/admin/1742538405600Roads-unspalsh-benaja-germann-QbdzCEXy5vs.jpg","https://cdn.peoplegrove.com/admin/1742538405600Roads-unspalsh-calin-stan--M7pmQjKzDQ.jpg","https://cdn.peoplegrove.com/admin/1742538405600Roads-unspalsh-denys-nevozhai-k5w21D7PgMk.jpg","https://cdn.peoplegrove.com/admin/1742538405600Roads-unspalsh-deva-darshan-2XUfjLp7HYY.jpg","https://cdn.peoplegrove.com/admin/1742538405600Roads-unspalsh-ed-259-xcrI6CPkkJs.jpg","https://cdn.peoplegrove.com/admin/1742538405600Roads-unspalsh-kees-streefkerk-O3g3s-K3xKI.jpg","https://cdn.peoplegrove.com/admin/1742538405600Roads-unspalsh-sander-weeteling-EXl4TG1Bfvk.jpg","https://cdn.peoplegrove.com/admin/1742538405600ryan-jacobson-cXUOQWdRV4I-unsplash.jpg","https://cdn.peoplegrove.com/admin/1742538405600sangga-rima-roman-selia-LWfFfA5U5z8-unsplash.jpg","https://cdn.peoplegrove.com/admin/1742538405600shutterstock_2039671439.jpg","https://cdn.peoplegrove.com/admin/1742538405600wilhelm-gunkel-ov681jR42zs-unsplash.jpg"];var oe=n(399344);const Ue={},se=({banner:t,index:r,isLoading:d,shape:v,handleUpdate:x,bannerImagesMap:m})=>{var C,c;const P=(0,b.lx)(),p={circle:"145 x 145",landscape:"260 x 150",portrait:"150 x 260",pill:"150 x 260"},T={circle:1,landscape:1.72,portrait:.69,pill:.69},[_,w]=(0,i.useState)(!1),[U,K]=(0,i.useState)(null),z=(0,Se.A)(m)?(0,l.A)(t==null?void 0:t.cardObject,"coverImage")||null:(0,l.A)((C=t.banner)==null?void 0:C.leftGraphics,(c=m==null?void 0:m[t.bannerKey])==null?void 0:c[0])||null;(0,i.useEffect)(()=>{_&&K(z||null)},[_]);const $=(0,i.useCallback)(()=>{setTimeout(()=>{document.body.classList.remove("banner-image-uppy-modal-open")},0)},[]),u=(0,i.useCallback)(()=>{$(),w(!1),K(null)},[$]),V=(0,i.useCallback)(M=>{const Q=(0,l.A)(M,"response.uploadURL");x({bannerType:t.bannerKey,url:Q,index:r}),u()},[t.bannerKey,x,r,u]),R=M=>{document.getElementsByClassName("uppy-Root").length&&(document.body.classList.add("banner-image-uppy-modal-open"),M())},H=(0,i.useMemo)(()=>({aspectRatio:T[v]}),[T,v]);return(0,e.jsxs)("div",{children:[(0,e.jsxs)(f.aF,{title:"Update banner image",titleAs:"div",id:"banner-image-modal",open:_,onClose:()=>w(!1),surfaceClassName:"banner-image-modal",okText:"Update image",cancelButtonProps:{type:"secondary"},cancelText:"Cancel",okButtonProps:{type:"primary",loading:d,disabled:d||!U||z===U},onOk:()=>{U&&(x({bannerType:t.bannerKey,url:U,index:r}),u())},children:[(0,e.jsx)("div",{className:"content-title",children:"Upload your own"}),(0,e.jsx)(Pe.A,{type:"banner-image",container:(0,oe.S0)(P.id,!0,!0),region:(0,oe.XR)(P.id,!0),location:"gcs",access:"public",onClose:$,maxFileLength:30,maxFileSize:1024*1024,transformations:H,path:"/uploads/banner-images/",render:({onPick:M})=>(0,e.jsxs)("div",{className:"upload-file-container",onClick:()=>R(M),children:[(0,e.jsx)("div",{children:(0,e.jsx)(f.C0,{src:"https://cdn.peoplegrove.com/icons/arrow-up-tray.svg",className:"upload-icon"})}),(0,e.jsx)("div",{className:"upload-title",children:"Click to upload your file"}),(0,e.jsx)("div",{className:"upload-description",children:`Recommended dimensions: ${p[v]} | Max file size: 1MB | Accepted file
2                types: jpeg or png`})]}),onSuccess:V}),(0,e.jsx)(f.cG,{text:"or"}),(0,e.jsx)("div",{className:"content-title",children:"Select from default gallery"}),(0,e.jsx)("div",{className:(0,ae.A)("default-images",`column-gap__${v}`),children:Ie.map((M,Q)=>(0,e.jsx)("img",{onClick:()=>K(M),src:M,className:(0,ae.A)(`default-images__${v}`,{active:U===M})},Q))})]}),(0,e.jsx)(f.$n,{type:"link",onClick:()=>w(!0),children:"Update image"})]})},Fe={},Ge={},Te=()=>{const t=(0,b.lx)(),r=(0,b.er)();(0,i.useEffect)(()=>{(0,q.l)(t)},[t]);const{mutate:d,isLoading:v}=Y(),x=te({stayEngaged:!0}),m=x.reduce((c,P)=>(c[P.bannerKey]=P.cardObject.title,c),{}),C=(0,i.useCallback)(({bannerType:c,url:P})=>{let p=[P];d({id:r.id,setting:[{id:`coreSettings.branding.banners.stayEngaged.${c}`,value:p}],bannerType:m[c]})},[r.id,d,m]);return(0,e.jsxs)("div",{className:"banners-container",children:[(0,e.jsxs)("div",{className:"banners-header",children:[(0,e.jsx)("div",{className:"banners-header__title",children:"Image"}),(0,e.jsx)("div",{className:"banners-header__title",children:"Preview banner"})]}),(0,e.jsx)("div",{className:"banners",children:x.map(c=>{var P;return(0,e.jsxs)("div",{className:"banner-container",children:[(0,e.jsxs)("div",{className:"banner-container__upload-container",children:[(0,e.jsx)("div",{className:"banner-container__upload-container__title",children:(P=c.cardObject)==null?void 0:P.cardTypeTitle}),(0,e.jsx)("div",{className:"banner-container__upload-container__image-container",children:(0,e.jsxs)("div",{className:"banner-container__upload-container__image-container__group",children:[(0,e.jsx)("img",{className:"banner-container__upload-container__image-container__group__pill",src:(0,l.A)(c.cardObject,"coverImage")}),(0,e.jsxs)("div",{className:"banner-container__upload-container__image-container__group__actions",children:[(0,e.jsx)(se,{banner:c,index:0,shape:"pill",handleUpdate:C,isLoading:v},c.bannerKey),(0,e.jsx)(f.$n,{type:"ghost",color:"red",className:"delete-cta",disabled:v||(0,l.A)(c.cardObject,"coverImage")===(0,l.A)(c,"defaultImage"),onClick:()=>{C({bannerType:c.bannerKey,url:""})},children:"Remove"})]})]})})]}),(0,e.jsx)("div",{className:"banner-container__preview-container",children:(0,e.jsx)("div",{className:"secondary-actions__content__preview",children:(0,e.jsx)("div",{className:"secondary-action-card-container-preview",inert:"true",children:(0,e.jsx)(me.A,{...c,handleCtaClick:()=>{}})})})})]},c==null?void 0:c.bannerKey)})})]})};var Be=n(617450),Ae=n(753874);const Ee=()=>{const t=(0,b.lx)(),r=(0,b.er)();(0,i.useEffect)(()=>{(0,q.l)(t)},[t]);const d={careerBanner:["config.mainImg"],completeProfileBanner:["imageSrc"],calendarSyncBanner:["imageSrc"],careerStory:["rightImage.src"],smsSyncBanner:["leftImageSrc"],jobAlertBanner:["leftImageSrc"]},v={completeProfileBanner:"landscape",calendarSyncBanner:"landscape",careerBanner:"circle",smsSyncBanner:"portrait",jobAlertBanner:"portrait",careerStory:"circle"},x={completeProfileBanner:"Complete Profile",calendarSyncBanner:"Sync Calendar",careerBanner:"Favorite Career Path",smsSyncBanner:"Get notified",jobAlertBanner:"Set job alert",careerStory:"Career Story"},{mutate:m,isLoading:C}=Y(),c=(0,i.useCallback)(({bannerType:p,url:T})=>{let _=[T];m({id:r.id,setting:[{id:`coreSettings.branding.banners.topBanners.${p}`,value:_}],bannerType:x[p]})},[r.id,m,x]),P=te({bannerImagesMap:d});return(0,e.jsxs)("div",{className:"banners-container",children:[(0,e.jsxs)("div",{className:"banners-header",children:[(0,e.jsx)("div",{className:"banners-header__title",children:"Image"}),(0,e.jsx)("div",{className:"banners-header__title",children:"Preview banner"})]}),(0,e.jsx)("div",{className:"banners",children:P.map(p=>{var T;return(0,e.jsxs)("div",{className:"banner-container",children:[(0,e.jsxs)("div",{className:"banner-container__upload-container",children:[(0,e.jsx)("div",{className:"banner-container__upload-container__title",children:p.heading}),(0,e.jsx)("div",{className:"banner-container__upload-container__image-container",children:(T=d[p.bannerKey])==null?void 0:T.map((_,w)=>{const U=v[p.bannerKey];return(0,e.jsxs)("div",{className:"banner-container__upload-container__image-container__group",children:[(0,e.jsx)("img",{className:`banner-container__upload-container__image-container__group__${U}`,src:(0,l.A)(p.banner,`leftGraphics.${_}`)}),(0,e.jsxs)("div",{className:"banner-container__upload-container__image-container__group__actions",children:[(0,e.jsx)(se,{banner:p,index:w,shape:U,handleUpdate:c,isLoading:C,bannerImagesMap:d},p.bannerKey),(0,e.jsx)(f.$n,{type:"ghost",color:"red",className:"delete-cta",disabled:C||(0,l.A)(p.banner,`leftGraphics.${_}`)===(0,l.A)(p.banner,"defaultImage"),onClick:()=>{c({bannerType:p.bannerKey,url:""})},children:"Remove"})]})]},w)})})]}),(0,e.jsx)("div",{className:"banner-container__preview-container",inert:"true",children:p.bannerKey==="careerStory"?(0,e.jsx)(Ae.A,{isPreview:!0}):(0,e.jsx)(Be.A,{contentWrapperClassName:"contentWrapper",isPreview:!0,bannerObject:p.banner,bannerConfig:{smallerPreview:!0},onClickAction:()=>{}})})]},p.bannerKey)})})]})},$e={},ke=()=>{const t={"top-banners":{id:"top-banners",name:"Top banners"},"stay-engaged-banners":{id:"stay-engaged-banners",name:"Stay engaged banners"}},r=(0,I.A)(t),[d,v]=(0,i.useState)("top-banners");return(0,e.jsxs)("div",{className:"custom-banner-image",children:[(0,e.jsx)(f.Fc,{message:(0,e.jsx)(e.Fragment,{children:"Edit and preview images for top and Stay engaged banners on the homepage. When uploading your own images, please take note of image dimensions, size, and type details in the uploader."}),type:"warning",className:"warning"}),(0,e.jsx)(f.tU,{tabs:r.map(x=>({key:x.id,label:x.name,active:d===x.id,content:(0,e.jsxs)(e.Fragment,{children:[d==="top-banners"&&(0,e.jsx)(Ee,{}),d==="stay-engaged-banners"&&(0,e.jsx)(Te,{})]})})),onChange:x=>{v(x)}})]})},We={},_e=()=>{const t="/cluster-admin/initial-setup/branding-settings-v2",r=(0,S.W6)(),d=(0,b.lx)(),v=(0,E.xn7)(d),x=(0,S.g)(),{activeTab:m}=x;(0,i.useEffect)(()=>{(!["branding","banner-images"].includes(m)||!v&&m!=="branding")&&r.push("/404")},[]);const C={branding:{id:"branding",name:"Branding",link:`${t}/branding`},...v&&{"banner-images":{id:"banner-images",name:"Banner images",link:`${t}/banner-images`}}},c=(0,I.A)(C),[P,p]=(0,i.useState)(m||"branding");return(0,i.useEffect)(()=>{m&&c.find(_=>_.id===m)&&p(m)},[m,c]),(0,e.jsxs)("div"

2,{className:"branding-settings-container",children:[(0,e.jsx)("header",{className:"bsc__header",children:(0,e.jsxs)("div",{className:"bsc__header__left",children:[(0,e.jsx)("h4",{className:"bsc__header__title",children:"Branding Settings"}),(0,e.jsx)("p",{className:"bsc__header__description",children:"Customize the colors, logos and social sharing across this domain."})]})}),(0,e.jsx)(f.tU,{tabs:c.map(T=>({key:T.id,label:T.name,active:P===T.id,content:(0,e.jsx)("div",{className:"bsc__body",children:(0,e.jsxs)("div",{className:"body",children:[P==="branding"&&(0,e.jsx)(ge,{}),P==="banner-images"&&(0,e.jsx)(ke,{})]})})})),className:"branding-settings-tabs",onChange:T=>{p(T),r.push(C[T].link)}})]})}}}]);