https://events.pimcon.org/static/ThirdThemeBanner-BSt_Kwcs.js

1import{R as e}from"./vendor-react-nj2ukvvY.js";import{T as S,a0 as j,G as r,$ as i,L as A,I as _,E as n,a3 as U,Y as m,r as y,Z as c,D as N,K as d}from"./index-M7kQB6UT.js";import{L as D}from"./LobbyBannerList-IribqY8t.js";const p=class p extends e.Component{constructor(s,t){super(s,t),this.handleToggle=()=>{const{showSideBar:a}=this.state;this.setState({showSideBar:!a})},this.state={showSideBar:!1}}render(){var b,v,E,f;const{showSideBar:s}=this.state,{bannerImageEnabled:t,bannerImage:a,bgImgUrl:g,displayBackgroundColor:o,isFromVEH:x,virtualEventData:F,imageSetOrDeleteAlert:I,removeCurrentImage:h,isFromThemeA:l,isMobile:C,isFromThemeC:B,themeWiseDefaultConfig:k,bannerImageExtension:u,imageUploadError:L}=this.props;return x?e.createElement(j,{className:"m-t-10"},e.createElement("div",{className:r("header-img","text-center header_banner lobby-image-main-container overflow-visible toggle-siwtch-position-veh",!o&&"third_theme_banner")},e.createElement(i,{sm:6},e.createElement(i,{sm:12,className:"m-b-20 "},e.createElement(A,{className:"m-t-10 pull-left",variant:"subtitle2",color:(v=_[(b=this.context)==null?void 0:b.theme])==null?void 0:v.neutral1000},"Event Hub Banner Image"),e.createElement(n,{className:"col-sm-3 m-l-r-5 pull-right past-video-btn veh-display-flex-reverse",onClick:()=>{this.handleToggle()},id:"viewPastImageList",variant:"secondary",label:"View past image list",icon:"fa fa-eye pull-left custom-eye-icon-class"})),e.createElement("style",{dangerouslySetInnerHTML:{__html:`
2                body { background: #e9ebed; }
3                .displayFooter { background: #FFF; }
4                .auction--box { background: #FFF; }
5                .top-header-wrap .navbar-default { border-bottom: 1px solid #e9e9eb;}
6                `}}),this.props.isBannerUploading?e.createElement("div",{className:"col-sm-12"},e.createElement("div",{className:"custom-file-input-div"},e.createElement("div",{className:"col-sm-10"},e.createElement(U,{type:"text",placeholder:"No File Chosen",className:"custom-file-input-field",id:"bannerImage",defaultValue:a,value:a||"",disabled:!0,size:"normal"})),e.createElement("div",{className:"col-sm-2"},a?e.createElement(n,{className:"pull-right custom-browse-btn",variant:"secondary",id:"removeCurrentImage",onClick:()=>{h()},label:"Remove"}):e.createElement(n,{className:"pull-right custom-browse-btn",variant:"secondary",id:"handleBannerLoaded",onClick:()=>{this.props.handleBannerLoaded()},label:"Choose File"}))),e.createElement(m,{className:"logo-black",dpr:"auto",crop:"fill",height:"40",sizes:"100vw",fetchFormat:"auto",quality:"auto:eco",cloudName:c,type:"fetch",secure:!0,alt:"",responsive:!0,publicId:`${y}images/photo-camera.png`})):this.props.handleBannerLoaded&&e.createElement("div",{className:"text-center img-loder-centered"},e.createElement(N,{type:"SpinnerSmall"}))),e.createElement(i,{sm:6,className:`event-logo image-container-custom m-t-5 ${t?"":"p-t-b-5"}`},this.props.handleEnableBanner,t?e.createElement(m,{className:r("img-responsive","img-banner","VEH-banner-image"),height:a?500:300,dpr:"auto",crop:"fill",sizes:"100vw",width:"2000",fetchFormat:"auto",cloudName:c,quality:"auto:best",alt:"",type:"fetch",flags:"lossy",secure:!0,responsive:!0,publicId:g}):null,a&&t&&e.createElement("div",{className:"position-absolute top-0 right-0 m-r-25 m-t-25"},e.createElement(n,{id:"close",className:"img-upload-delete trash-icon-button",variant:"secondary",onClick:()=>h()},e.createElement(d,{svgIcon:"change-image-delete-icon",width:"16",height:"18",viewBox:"0 0 16 18",fill:"none",color:(f=_[(E=this.context)==null?void 0:E.theme])==null?void 0:f.neutral1000}))))),e.createElement(D,{virtualEventData:F,doGetVirtualEventDetails:this.props.doGetVirtualEventDetails,showSideBar:s,imageSetOrDeleteAlert:I,type:"pastLobbyBannerImages"})):e.createElement("div",{className:r("header-img","text-center header_banner theme-c-wrap",!o&&"third_theme_banner",t?"":"event-image-not-enable",l&&"landing-page-bg",l&&!t?"event-bg-img-theme-a-not-enable":""),style:t?null:{background:o||"#e9ebed",minHeight:"200px"}},e.createElement("style",{dangerouslySetInnerHTML:{__html:`
7              body { background: #e9ebed; }
8              .displayFooter { background: #FFF; }
9              .auction--box { background: #FFF; }
10              .top-header-wrap .navbar-default { border-bottom: 1px solid #e9e9eb;}
11              `}}),this.props.handleEnableBanner,this.props.children,t&&(this.props.isBannerUploading?e.createElement("div",{className:`img-upload-change-container ${a==="default_ae_banner_theme_A.jpg"||a==="default_ae_banner_theme_C.jpg"?"right-0":""}`},e.createElement(n,{onClick:()=>{this.props.handleBannerLoaded()},id:"imageUploadFlexx",className:"img-upload-edit m-r-15",variant:"secondary"},e.createElement(d,{svgIcon:"change-image-edit-icon",className:"m-r-10",width:"16",height:"14",viewBox:"0 0 16 14",fill:"none"}),"Change Image"),a!=="default_ae_banner_theme_A.jpg"&&a!=="default_ae_banner_theme_C.jpg"&&a!=="default_banner_image.jpg"&&e.createElement(n,{id:"deleteLogo",className:"img-upload-delete",onClick:()=>this.props.bannerUploaded(k?B?"default_ae_banner_theme_C.jpg":l?"default_ae_banner_theme_A.jpg":"default_banner_image.jpg":"default_banner_image.jpg"),variant:"secondary"},e.createElement(d,{svgIcon:"change-image-delete-icon",width:"16",height:"18",viewBox:"0 0 16 18",fill:"none"}))):this.props.handleBannerLoaded&&e.createElement("div",{className:"text-center img-loder-centered"},e.createElement(N,{type:"SpinnerSmall"}))),t?e.createElement(m,{className:r("img-responsive","img-banner",l&&C&&"themeA-responsive-img",l&&"theme-a-banner-landing"),height:a?500:300,dpr:"auto",crop:u==="gif"||u==="webp"?"crop":"fill",sizes:"100vw",width:"2000",fetchFormat:"auto",cloudName:c,quality:"auto:best",alt:"",type:"fetch",flags:"lossy",secure:!0,responsive:!0,publicId:L?`${y}/${a}`:g}):null)}};p.contextType=S;let w=p;

11export{w as T};