nextjs-seo-manager
Version:
2 lines (1 loc) • 43.3 kB
JavaScript
import{_ as e,s as t,a as i}from"./serverCall-81f1063a.js";import n from"react";import{connect as l}from"react-redux";import o from"prop-types";import{f as a}from"./firebase-f83deced.js";import{getAuth as s,getIdToken as r,signOut as d}from"firebase/auth";import{Button as p,DialogTitle as c,IconButton as u,DialogContent as h,Box as v,Grid as m,TextField as g,DialogActions as f,CircularProgress as x,Typography as b,Tabs as y,Tab as E,Autocomplete as w,Chip as C,FormControl as I,InputLabel as D,Select as S,MenuItem as j}from"@mui/material";import k from"@mui/icons-material/Close";import"axios";import A from"@mui/icons-material/ArrowBack";import _ from"@mui/icons-material/ArrowForward";import N from"@mui/material/LinearProgress";import{getStorage as T,ref as P,deleteObject as O,uploadBytesResumable as F,getDownloadURL as z}from"firebase/storage";import{s as L}from"./index-36049004.js";import{B as U}from"./BootstrapDialog-12d92754.js";import"firebase/app";import"@mui/material/styles";const M=s(a);class $ extends n.Component{constructor(t){super(t),this.componentDidMount=()=>{this.init()},this.componentWillUnmount=()=>{this.state.interval&&(clearInterval(this.state.interval),this.setState({interval:null}))},this.init=()=>{const t=setInterval(()=>e(this,void 0,void 0,function*(){this.setUserToken()}),6e4);this.setUserToken(),this.setState({interval:t})},this.setUserToken=()=>e(this,void 0,void 0,function*(){const t=yield new Promise(t=>e(void 0,void 0,void 0,function*(){const e=r(M.currentUser,!0);return t(e)}));this.setState({userToken:t})}),this.openWindow=()=>{var e,t,i,n,l,o,a,s,r;const d="Test"!==process.env.NEXT_PUBLIC_NODE_ENV_MANAGER&&"Development"!==process.env.NEXT_PUBLIC_NODE_ENV_MANAGER?`https://seomanager.dev/dashboard/?userToken=${this.state.userToken}&projectId=${null===(i=null===(t=null===(e=this.props)||void 0===e?void 0:e.seoData)||void 0===t?void 0:t.manager)||void 0===i?void 0:i.projectId}`:"Test"===process.env.NEXT_PUBLIC_NODE_ENV_MANAGER?`http://localhost:3001/dashboard/?userToken=${this.state.userToken}&projectId=${null===(o=null===(l=null===(n=this.props)||void 0===n?void 0:n.seoData)||void 0===l?void 0:l.manager)||void 0===o?void 0:o.projectId}`:`https://testing.seomanager.dev/dashboard/?userToken=${this.state.userToken}&projectId=${null===(r=null===(s=null===(a=this.props)||void 0===a?void 0:a.seoData)||void 0===s?void 0:s.manager)||void 0===r?void 0:r.projectId}`;window.open(d,"_blank")},this.state={interval:null,userToken:""}}render(){var e,t;return(null===(t=null===(e=null===window||void 0===window?void 0:window.location)||void 0===e?void 0:e.href)||void 0===t?void 0:t.includes("seomanager.dev/dashboard"))?null:this.state.userToken?n.createElement(n.Fragment,null,n.createElement(p,{variant:"text",onClick:this.openWindow,type:"button",className:"nextjs-seo-manager__button"},"Open Dashboard")):null}}var R=l(e=>({user:null==e?void 0:e.user,seoData:null==e?void 0:e.seoData}))($);!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}('/* Photos */\n\n.file-upload .file-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 140px;\n opacity: 0;\n outline: none;\n cursor: pointer;\n}\n\n.file-upload .overlay {\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n position: absolute;\n z-index: 1;\n}\n\n.icon {\n width: 75px;\n margin-bottom: 1rem;\n}\n\n@media (max-width: 600px) {\n .icon {\n width: 50px;\n }\n}\n\n.delete-btn-container {\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: flex-end;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n\n.delete-btn {\n background: #2d3039;\n margin: 20px auto;\n width: 200px;\n height: 50px;\n overflow: hidden;\n text-align: center;\n transition: 0.4s;\n cursor: pointer;\n border-radius: 3px;\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);\n z-index: 20;\n}\n\n.delete-btnText {\n color: white;\n transition: 0.3s;\n}\n.delete-btn:hover .delete-hoverBtn {\n left: 0px;\n}\n.delete-btn:hover a {\n margin-left: 65px;\n}\n.delete-hoverBtn {\n position: relative;\n width: 200px;\n height: 100px;\n margin-top: -100px;\n padding-top: 2px;\n background: #ed5565;\n left: -250px;\n transition: 0.3s;\n}\n.delete-hoverText {\n margin-top: 55px;\n margin-right: 0px;\n text-align: center;\n color: #fafafa;\n}\n.delete-hoverBtn:active {\n box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.3);\n background-color: #da4453;\n}\n\n.fileViewer {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-items: flex-start;\n max-height: 500;\n padding-top: 20;\n padding-bottom: 20;\n border-top: #e3e3e3 solid 1px;\n border-bottom: #e3e3e3 solid 1px;\n}\n\n.image-container {\n width: 150px;\n height: 150px;\n margin: 10px;\n border-radius: 2;\n}\n\n.file-details-section {\n width: 45%;\n}\n\n@media only screen and (max-width: 600px) {\n .fileViewer {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n max-height: 500;\n padding-top: 20;\n padding-bottom: 20;\n border-top: 1px solid #e3e3e3;\n border-bottom: 1px solid #e3e3e3;\n }\n .image-container {\n width: 120px;\n height: 120px;\n }\n .file-details-section {\n width: 100%;\n }\n}\n\n.carousel-frame-design {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 100%;\n height: min(calc(90vh - 10px), 350px);\n overflow: hidden;\n background-color: white;\n cursor: pointer;\n box-shadow: 1px 2px 13px 1px rgba(34, 33, 31, 0.1);\n -webkit-box-shadow: 1px 2px 13px 1px rgba(34, 33, 31, 0.1);\n -moz-box-shadow: 1px 2px 13px 1px rgba(34, 33, 31, 0.1);\n transition: box-shadow 0.3s ease-in-out;\n border: 1px #22211f dashed;\n}\n.carousel-frame-design:hover {\n box-shadow: 1px 2px 13px 1px rgba(34, 33, 31, 0.3);\n -webkit-box-shadow: 1px 2px 13px 1px rgba(34, 33, 31, 0.3);\n -moz-box-shadow: 1px 2px 13px 1px rgba(34, 33, 31, 0);\n}\n\n.carousel-frame-design .carousel-slide {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n min-width: 100%;\n}\n\n.carousel-slide img {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n}\n\n.carousel-prev {\n position: absolute;\n top: 50%;\n left: 30px;\n margin-top: -15px;\n z-index: 10;\n font-size: 30px;\n color: rgba(255, 255, 255, 0.8);\n cursor: pointer;\n}\n\n.carousel-next {\n position: absolute;\n top: 50%;\n right: 30px;\n margin-top: -15px;\n z-index: 10;\n font-size: 30px;\n color: rgba(255, 255, 255, 0.8);\n cursor: pointer;\n}\n\n.carousel-addPhotos {\n position: absolute;\n top: 10%;\n right: 30px;\n margin-top: -15px;\n z-index: 10;\n background-color: transparent;\n cursor: pointer;\n box-shadow: none;\n}\n\n.carousel-dots {\n list-style: none;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 5%;\n margin: 0 auto;\n width: max(100px, 15%);\n display: flex;\n justify-content: space-between;\n}\n\n.carousel-dots li {\n width: 8px;\n height: 8px;\n border: 1px solid rgba(255, 255, 255, 0.8);\n border-radius: 50%;\n cursor: pointer;\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);\n}\n\n.carousel-dots .active-dot {\n background-color: rgba(255, 255, 255, 0.8);\n}\n\n.event-box {\n -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.27);\n box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.27);\n transition: box-shadow 0.4s ease-in;\n cursor: pointer;\n width: 48%;\n height: 50px;\n min-width: 250px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.event-box:hover {\n -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.55);\n box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.55);\n}\n\n/* Basic Styles for entire component */\n\n.nextjs-seo-manager__title {\n font-family: "Roboto", "Helvetica", "Arial", sans-serif;\n font-size: 20px;\n}\n\n.nextjs-seo-manager__p {\n font-family: "Roboto", "Helvetica", "Arial", sans-serif;\n font-size: 1rem;\n font-weight: 400;\n}\n\n.nextjs-seo-manager__button {\n font-family: "Roboto", "Helvetica", "Arial", sans-serif;\n font-weight: 500;\n font-size: 0.875rem;\n text-transform: uppercase;\n}\n\n.nextjs-seo-manager__label {\n font-family: "Roboto", "Helvetica", "Arial", sans-serif;\n font-weight: 400;\n font-size: 10rem;\n}\n\n.nextjs-seo-manager__input {\n font-family: "Roboto", "Helvetica", "Arial", sans-serif;\n font-weight: 400;\n font-size: 16px;\n}\n'),s(a);const B=T(a);class q extends n.Component{constructor(t){super(t),this.componentDidMount=()=>{},this.deleteFile=()=>e(this,void 0,void 0,function*(){this.setState({deleteLoading:!0});if("yes"===prompt("Are you sure you want to delete this file? (yes or no)")){alert(`File Location: ${this.props.file.location}`);const e=P(B,this.props.file.location);yield O(e),this.props.onDelete(this.props.file,this.props.idx),this.setState({deleteLoading:!1}),this.props.onClose()}this.setState({deleteLoading:!1})}),this.state={deleteLoading:!1}}render(){var e,t,i,l;return n.createElement(n.Fragment,null,n.createElement(U,{onClose:this.props.onClose,"aria-labelledby":"customized-dialog-title",open:this.props.open,maxWidth:!1},n.createElement(c,{sx:{m:0,p:2}},"File Details",n.createElement(u,{"aria-label":"close",onClick:this.props.onClose,sx:{position:"absolute",right:8,top:8,color:e=>e.palette.grey[500]}},n.createElement(k,null))),n.createElement(h,null,n.createElement(v,{display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"space-around"},this.props.isImage&&n.createElement(m,{className:"file-details-section",mt:2},n.createElement("img",{src:this.props.file.url,width:(null===(t=null===(e=this.props.file)||void 0===e?void 0:e.dimensions)||void 0===t?void 0:t.width)||"100%",height:(null===(l=null===(i=this.props.file)||void 0===i?void 0:i.dimensions)||void 0===l?void 0:l.height)||"auto",style:{width:"100%",height:"100%",objectFit:"contain",cursor:"pointer",zIndex:0}})),n.createElement(m,{className:"file-details-section",mt:2},n.createElement(m,{mb:1},n.createElement(g,{id:"fileId",label:"File Id",variant:"standard",placeholder:"",value:this.props.file.fileId,style:{width:"100%"},disabled:!0})),n.createElement(m,{mb:1},n.createElement(g,{id:"fileName",label:"File Name",variant:"standard",placeholder:"",value:this.props.file.fileName,style:{width:"100%"},disabled:!0})),n.createElement(m,{mb:1},n.createElement(g,{id:"contentType",label:"Content Type",variant:"standard",placeholder:"",value:this.props.file.contentType,style:{width:"100%"},disabled:!0})),n.createElement(m,{mb:1},n.createElement(g,{id:"fileSize",label:"File Size",variant:"standard",placeholder:"",value:`${this.props.file.size} bytes`,style:{width:"100%"},disabled:!0})),n.createElement(m,{mb:1},n.createElement(g,{id:"url",label:"File Url",variant:"standard",placeholder:"",value:this.props.file.url,style:{width:"100%"},disabled:!0})),this.props.file.dimensions&&n.createElement(n.Fragment,null,n.createElement(m,{mb:1},n.createElement(g,{id:"fileWidth",label:"Image Width",variant:"standard",placeholder:"",value:`${this.props.file.dimensions.width}px`,style:{width:"100%"},disabled:!0})),n.createElement(m,{mb:1},n.createElement(g,{id:"fileHeight",label:"Image Height",variant:"standard",placeholder:"",value:`${this.props.file.dimensions.height}px`,style:{width:"100%"},disabled:!0}))),this.props.file.timeStamp&&n.createElement(m,{mb:1},n.createElement(g,{id:"date",label:"File Uploaded on",variant:"standard",placeholder:"",value:new Date(this.props.file.timeStamp).toString(),style:{width:"100%"},disabled:!0}))))),n.createElement(f,null,n.createElement("div",{className:"modal-footer",style:{width:"100%",display:"flex",flexDirection:"column"}},n.createElement("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%"}},n.createElement(p,{variant:"text",id:"close-seo-manager",onClick:this.props.onClose,type:"button"},"Close"),n.createElement(p,{variant:"text",onClick:this.deleteFile,type:"button",disabled:this.state.deleteLoading,startIcon:this.state.deleteLoading?n.createElement(x,{size:16}):null},"Delete"))))))}}class G extends n.Component{constructor(e){super(e),this.isImage=()=>this.state.imageTypes.find(e=>e===this.props.item.contentType),this.state={imageTypes:["image/png","image/jpg","image/jpeg","image/webp","image/apng","image/avif","image/gif","image/svg+xml"],fileDetail:!1}}render(){var e,t,i,l,o;const a=this.isImage();return n.createElement(n.Fragment,null,n.createElement(q,{onClose:()=>{this.setState({fileDetail:!1})},open:this.state.fileDetail,onDelete:this.props.onDelete,file:this.props.item,idx:this.props.idx,isImage:a}),n.createElement("div",{style:{border:this.props.isClicked?"2px solid #8a8a8a":"1px dashed #e3e3e3"},className:"image-container"},n.createElement("div",{style:{width:"100%",position:"relative"}},n.createElement("div",{style:{position:"absolute",right:-15,top:-15}})),a&&n.createElement("img",{src:null===(e=this.props.item)||void 0===e?void 0:e.url,width:(null===(i=null===(t=this.props.item)||void 0===t?void 0:t.dimensions)||void 0===i?void 0:i.width)||"100%",height:(null===(o=null===(l=this.props.item)||void 0===l?void 0:l.dimensions)||void 0===o?void 0:o.height)||"auto",onClick:this.props.onClick,style:{width:"100%",height:"100%",objectFit:"contain",cursor:"pointer",zIndex:0}}),!a&&n.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",cursor:"pointer"},onClick:this.props.onClick},n.createElement(b,{textAlign:"center"},this.props.item.fileName||this.props.item.contentType))))}}var W=l(e=>({user:null==e?void 0:e.user,seoData:null==e?void 0:e.seoData}))(G);const X=T(a),H=s(a);class J extends n.Component{constructor(i){super(i),this.componentDidMount=()=>{},this.componentDidUpdate=e=>{!0===this.props.open&&!1===e.open&&(this.setState({loading:!0,selected:!0===this.props.multiple&&this.props.selected?{url:"",fileId:""}:Object.assign({},this.props.selected),selectedArray:!0===this.props.multiple&&this.props.selected?[...this.props.selected]:[]}),this.getData()),!1===this.props.open&&!0===e.open&&(this.setState({loading:!0,selected:{url:"",fileId:""},selectedArray:[],fileError:""}),this.getData()),JSON.stringify(this.props.selected)!==JSON.stringify(e.selected)&&this.setState({selected:!0===this.props.multiple&&this.props.selected?{url:"",fileId:""}:Object.assign({},this.props.selected),selectedArray:!0===this.props.multiple&&this.props.selected?[...this.props.selected]:[]})},this.getData=()=>e(this,void 0,void 0,function*(){var e,i;const n=yield t("/files/getProjectFiles","put",{},void 0,{X_Authorization:yield null===(e=null==H?void 0:H.currentUser)||void 0===e?void 0:e.getIdToken(),AuthorizationId:null===(i=null==H?void 0:H.currentUser)||void 0===i?void 0:i.uid});n.results.files.length>0?this.setState({files:n.results.files,loading:!1}):this.setState({loading:!1})}),this.imageClicked=e=>{var t,i;const n={url:e.url,fileId:e.fileId};if(this.props.accept&&!(null===(i=null===(t=this.props)||void 0===t?void 0:t.accept)||void 0===i?void 0:i.includes(null==e?void 0:e.contentType)))return this.setState({fileError:`Only accepting ${this.props.accept}`});if(this.setState({fileError:""}),!0===this.props.multiple){let t=[];this.state.selectedArray&&(t=[...this.state.selectedArray]);const i=t.findIndex(t=>t.fileId===e.fileId);i>=0?(t.splice(i,1),this.setState({selectedArray:t})):(t.push(n),this.setState({selectedArray:t}))}else this.state.selected.fileId===e.fileId?this.setState({selected:{url:"",fileId:""}}):this.setState({selected:n})},this.addFile=e=>{var t,i;const n=((e,t,i)=>{const n=i?.payAsYouGo,l=i?.usageReport?.storage_used||0,o=i?.limitations?.storage_used;let a=0,s=[];for(let t in e.target.files){let i=e.target.files[t];if(i&&i.type){const{name:n,size:l,type:o}=e.target.files[t];a+=parseInt(l),i.localURL=URL.createObjectURL(i),s.push({object:i,name:i.name})}}return!n&&l+a>o&&!0!==o?{error:"You cannot add these files as you have hit your storage limit. Consider upgrading your account!"}:(i?.usageReport||(i.usageReport={}),i?.usageReport?.storage_used||(i.usageReport.storage_used=0),i.usageReport.storage_used+=a,L(i),{results:s})})(e,0,null===(i=null===(t=this.props)||void 0===t?void 0:t.seoData)||void 0===i?void 0:i.plan);if(n&&!n.error&&n.results.length>0){let e=n.results;this.uploadNewFile(e)}else n.error&&this.setState({fileError:n.error})},this.uploadNewFile=i=>new Promise((n,l)=>e(this,void 0,void 0,function*(){var n,l;try{const o=yield null===(n=null==H?void 0:H.currentUser)||void 0===n?void 0:n.getIdToken(),a=yield t("/files/generateFileIds","post",{type:"default",qty:i.length+1},void 0,{X_Authorization:o,AuthorizationId:null===(l=null==H?void 0:H.currentUser)||void 0===l?void 0:l.uid}),s=Object.keys(i||[]).map(t=>new Promise((n,l)=>e(this,void 0,void 0,function*(){var e,l,s,r,d,p;const c=i[t],u=c.object,h=c.name,v=a.results.photoId[t],m={contentType:u.type,cacheControl:"public,max-age=604800",customMetadata:{type:"default",userIdToken:o,userId:null===(e=null==H?void 0:H.currentUser)||void 0===e?void 0:e.uid,fileName:h,fileId:v,projectId:null===(s=null===(l=this.props.seoData)||void 0===l?void 0:l.manager)||void 0===s?void 0:s.projectId,seoManagerVersion:null===(r=this.props)||void 0===r?void 0:r.version}},g=`projects/${null===(p=null===(d=this.props.seoData)||void 0===d?void 0:d.manager)||void 0===p?void 0:p.projectId}/files/${v}`,f=P(X,g),x=F(f,u,m);return x.on("state_changed",e=>{const t=e.bytesTransferred/e.totalBytes*100,i=this.state.uploadProgress;i[v]=t,this.setState({uploadProgress:i})},e=>(console.error("Error:",e),n({error:!0,results:!1})),()=>{z(x.snapshot.ref).then(e=>{const t={url:e,fileId:v,contentType:u.type,size:u.size,location:g,fileName:h};return n(t)})})}))),r=[...yield Promise.all(s),...this.state.files];this.setState({files:r,fileError:"",uploadProgress:{}})}catch(e){console.error("Error:",e),this.setState({uploadProgress:{}})}})),this.save=()=>{!0===this.props.multiple?this.props.onChangeComplete(this.state.selectedArray):this.props.onChangeComplete(this.state.selected),this.props.onClose()},this.fileDeleted=(e,t)=>{const i=this.state.files;if(i.splice(t,1),this.setState({files:i}),!0===this.props.multiple){let t=this.state.selectedArray;const i=t.findIndex(t=>t.fileId===e.fileId);i>=0&&(t.splice(i,1),this.setState({selectedArray:t}),this.props.onChangeComplete(t))}else{let t=this.state.selected;e.fileId===t.fileId&&(this.setState({selected:{url:"",fileId:""}}),this.props.onChangeComplete({url:"",fileId:""}))}};const{selected:n,multiple:l}=i;this.state={files:[],loading:!0,selected:!0===l&&n?{url:"",fileId:""}:Object.assign({},n),selectedArray:!0===l&&n?[...n]:[],fileError:"",uploadProgress:{}}}render(){var e,t,i,l,o,a,s,r,d,m,g,y,E,w,C,I,D,S;let j=0,A=0;Object.keys(this.state.uploadProgress).forEach(e=>{const t=this.state.uploadProgress[e];j+=100,A=t});const _=A/j*100;return n.createElement(n.Fragment,null,n.createElement(U,{onClose:this.props.onClose,"aria-labelledby":"customized-dialog-title",open:this.props.open,maxWidth:!1},n.createElement(c,{sx:{m:0,p:2},className:"nextjs-seo-manager__title"},"File Manager",n.createElement(u,{"aria-label":"close",onClick:this.props.onClose,sx:{position:"absolute",right:8,top:8,color:e=>e.palette.grey[500]}},n.createElement(k,null))),n.createElement(h,null,this.state.loading&&n.createElement("div",{style:{width:"100%",height:400,display:"flex",justifyContent:"center",alignItems:"center"}},n.createElement(x,null)),!1===this.state.loading&&(null===(t=null===(e=this.state)||void 0===e?void 0:e.files)||void 0===t?void 0:t.length)>0&&n.createElement("div",{style:{display:"flex",flexDirection:"column",minHeight:150}},n.createElement("div",{style:{},className:"top"},this.props.accept&&n.createElement(v,{mb:2},n.createElement(b,{textAlign:"center",className:"nextjs-seo-manager__p"},"Only accepting ",this.props.accept))),n.createElement("div",{className:"fileViewer"},this.state.files.map((e,t)=>{let i=!1;if(!0===this.props.multiple){this.state.selectedArray.find(t=>t.fileId===e.fileId)&&(i=!0)}else this.state.selected.fileId===e.fileId&&(i=!0);return n.createElement(W,{isClicked:i,key:`Photo-${t}`,onClick:()=>this.imageClicked(e),item:e,idx:t,onDelete:this.fileDeleted})}))),!1===this.state.loading&&0===(null===(l=null===(i=this.state)||void 0===i?void 0:i.files)||void 0===l?void 0:l.length)&&n.createElement("div",{style:{width:"100%",height:400,display:"flex",justifyContent:"center",alignItems:"center"}},n.createElement(b,null,"Add your first files"))),n.createElement(f,null,n.createElement("div",{className:"modal-footer",style:{width:"100%",display:"flex",flexDirection:"column"}},!1===this.state.loading&&n.createElement("div",{className:"file-upload carousel-frame-design",style:{width:"100%",height:140,marginBottom:10}},n.createElement("input",{className:"file-input",type:"file",onChange:this.addFile,multiple:!0,style:{zIndex:2}}),n.createElement("iframe",{src:"https://embed.lottiefiles.com/animation/27938",style:{height:"100%",width:"100%",zIndex:0,position:"absolute"}}),n.createElement("div",{style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"flex-end",paddingBottom:5}},n.createElement(b,{component:"p",style:{opacity:.5}},n.createElement("i",null,"Click or Drag-n-Drop")))),_<100&&n.createElement(v,{sx:{width:"100%"}},n.createElement(N,{variant:"determinate",value:_})),this.state.fileError&&n.createElement("div",{className:"alert alert-danger d-flex align-items-center mb-3",role:"alert",style:{width:"100%"}},n.createElement(b,null,this.state.fileError)),n.createElement("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%"}},n.createElement(p,{variant:"text",id:"close-seo-manager",onClick:this.props.onClose,type:"button",className:"nextjs-seo-manager__button"},"Close"),n.createElement(b,{align:"center",className:"nextjs-seo-manager__p "},((null===(r=null===(s=null===(a=null===(o=this.props)||void 0===o?void 0:o.seoData)||void 0===a?void 0:a.plan)||void 0===s?void 0:s.usageReport)||void 0===r?void 0:r.storage_used)/(null===(g=null===(m=null===(d=this.props)||void 0===d?void 0:d.seoData)||void 0===m?void 0:m.plan)||void 0===g?void 0:g.mb)).toFixed(2),"MB/",((null===(C=null===(w=null===(E=null===(y=this.props)||void 0===y?void 0:y.seoData)||void 0===E?void 0:E.plan)||void 0===w?void 0:w.limitations)||void 0===C?void 0:C.storage_used)/(null===(S=null===(D=null===(I=this.props)||void 0===I?void 0:I.seoData)||void 0===D?void 0:D.plan)||void 0===S?void 0:S.mb)).toFixed(2),"MB"),n.createElement(p,{variant:"text",onClick:this.save,type:"button",disabled:!1,className:"nextjs-seo-manager__button",startIcon:null},"Save"))))))}}var V=l(e=>({user:null==e?void 0:e.user,seoData:null==e?void 0:e.seoData,version:null==e?void 0:e.version}))(J);class Y extends n.Component{constructor(e){var t,i;super(e),this.componentDidUpdate=e=>{var t,i,n,l;JSON.stringify(e.files)!==JSON.stringify(this.props.files)&&(this.setState({files:""!==(null===(n=null===(i=null===(t=this.props)||void 0===t?void 0:t.files)||void 0===i?void 0:i[0])||void 0===n?void 0:n.url)?Object.keys((null===(l=this.props)||void 0===l?void 0:l.files)||[]).map(e=>{var t;return(null===(t=this.props)||void 0===t?void 0:t.files[e]).url}):[]}),this.props.files.length>0?this.compileData():this.state.autoAdvancedInterval&&clearInterval(this.state.autoAdvancedInterval))},this.componentDidMount=()=>{this.props.files.length>0&&this.compileData()},this.compileData=()=>{setTimeout(()=>{const e=Array.from(document.querySelectorAll(".carousel-frame")),t=e=>{const t=e.querySelector(".carousel-slide"),i=function(){let t=e.querySelectorAll(".carousel-slide img");const i=t[0].cloneNode(),n=t[t.length-1].cloneNode();return i.className="first-clone",n.className="last-clone",t=e.querySelectorAll(".carousel-slide img"),t}(),n=null==e?void 0:e.querySelector(".carousel-prev"),l=null==e?void 0:e.querySelector(".carousel-next"),o=Array.from(e.querySelectorAll(".carousel-dots li"));let a=1;function s(){a>=i.length-1||(t.style.transition="transform 400ms",a++,t.style.transform=`translateX(-${100*(a>1?a:2)}%)`)}function r(){a<=0||(t.style.transition="transform 400ms",a--,t.style.transform=`translateX(-${100*a}%)`)}function d(e){t.style.transition="transform 400ms",a=1+o.indexOf(e.target),t.style.transform=`translateX(-${100*a}%)`}const p=()=>{!0===this.state.started&&(null==l||l.removeEventListener("click",s),null==n||n.removeEventListener("click",r)),null==l||l.addEventListener("click",s),null==n||n.addEventListener("click",r)},c=()=>{o.forEach(e=>{!0===this.state.started&&(null==e||e.removeEventListener("click",d)),null==e||e.addEventListener("click",d)})},u=()=>{const e=()=>{i[a].classList.contains("last-clone")&&(t.style.transition="none",a=i.length-2,t.style.transform=`translateX(-${100*a}%)`),i[a].classList.contains("first-clone")&&(t.style.transition="none",a=i.length-a,t.style.transform=`translateX(-${100*a}%)`),o.forEach(e=>{o.indexOf(e)===a-1?e.classList.add("active-dot"):e.classList.remove("active-dot")})};!0===this.state.started&&(null==t||t.removeEventListener("transitionend",e)),t.addEventListener("transitionend",e)};o.length&&o[0].classList.add("active-dot"),c(),p(),u(),this.setState({started:!0})};e.forEach(e=>t(e))},100)},this.state={files:""!==(null===(i=null===(t=null==e?void 0:e.files)||void 0===t?void 0:t[0])||void 0===i?void 0:i.url)?Object.keys((null==e?void 0:e.files)||[]).map(t=>(null==e?void 0:e.files[t]).url):[],openPhotoManager:!1,autoAdvancedInterval:null,started:!1}}render(){return n.createElement(n.Fragment,null,n.createElement(V,{open:this.state.openPhotoManager,onChangeComplete:this.props.onChangeComplete,onClose:()=>{this.setState({openPhotoManager:!1})},multiple:this.props.multiple,selected:!0===this.props.multiple?this.props.files:this.props.files[0],accept:this.props.accept}),this.state.files.length>0&&n.createElement("div",{className:"carousel-frame-design carousel-frame",onClick:()=>{this.setState({openPhotoManager:!0})}},n.createElement("div",{className:"carousel-slide"},Object.keys(this.state.files||[]).map(e=>{const t=this.state.files[e];return n.createElement("img",{src:t,key:`file-${e}`})})),this.state.files.length>1&&n.createElement(n.Fragment,null,n.createElement("div",{className:"carousel-prev"},n.createElement(A,null)),n.createElement("div",{className:"carousel-next"},n.createElement(_,null)),n.createElement("ol",{className:"carousel-dots"},Object.keys(this.state.files||[]).map(e=>n.createElement("li",{key:`file-${e}`}))))),0===this.state.files.length&&n.createElement(n.Fragment,null,n.createElement("div",{className:"carousel-frame-design",style:{height:300,cursor:"pointer"},onClick:()=>{this.setState({openPhotoManager:!0})}},n.createElement("div",{style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"flex-end",paddingBottom:20,position:"absolute",zIndex:1}},n.createElement(b,{component:"p",style:{opacity:.5}},n.createElement("i",null,"Click to Select or Upload File"))),n.createElement("div",{style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},n.createElement("iframe",{src:"https://embed.lottiefiles.com/animation/27938",style:{height:"100%",width:"100%"}})))))}}var K=l(e=>({user:null==e?void 0:e.user,seoData:null==e?void 0:e.seoData}))(Y);const Q=s(a);class Z extends n.Component{constructor(i){super(i),this.componentDidMount=()=>e(this,void 0,void 0,function*(){var i;this.props.onIsLoading(!0),this.setState({loading:!0}),null===(i=null==Q?void 0:Q.currentUser)||void 0===i||i.getIdToken().then(i=>e(this,void 0,void 0,function*(){var e,n,l,o,a,s,r,d,p,c;const u=yield t("/seo/authorized_get","put",{path:(null===(o=null===(l=null===(n=null===(e=this.props)||void 0===e?void 0:e.seoData)||void 0===n?void 0:n.initial)||void 0===l?void 0:l.page)||void 0===o?void 0:o.path)||""},void 0,{X_Authorization:i,AuthorizationId:null===(a=null==Q?void 0:Q.currentUser)||void 0===a?void 0:a.uid});if(null===(s=null==u?void 0:u.results)||void 0===s?void 0:s.seoRequest){const e={type:"SET_MANAGER_SEO_DATA",results:null===(r=null==u?void 0:u.results)||void 0===r?void 0:r.seoRequest};this.props.dispatch(e)}if(null===(d=null==u?void 0:u.results)||void 0===d?void 0:d.plan){const e={type:"SET_MANAGER_PROJECT_PLAN",results:null===(p=null==u?void 0:u.results)||void 0===p?void 0:p.plan};this.props.dispatch(e)}this.setState({loading:!1,isNewPage:!!(null===(c=null==u?void 0:u.results)||void 0===c?void 0:c.isNewPage)}),setTimeout(()=>{this.props.onIsLoading(!1)},1e3)})),/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)?this.setState({isMobile:!0}):this.setState({isMobile:!1})}),this.onPageChange=(e,t)=>{var i,n,l;let o=Object.assign({},null===(l=null===(n=null===(i=this.props)||void 0===i?void 0:i.seoData)||void 0===n?void 0:n.manager)||void 0===l?void 0:l.page);o[t]=e;const a={type:"UPDATE_MANAGER_SEO_DATA",location:"page",results:o};this.props.dispatch(a);let s=this.state.savedLocations;s.page=!0,this.setState({savedLocations:s})},this.onGlobalChange=(e,t)=>{var i,n,l;let o=Object.assign({},null===(l=null===(n=null===(i=this.props)||void 0===i?void 0:i.seoData)||void 0===n?void 0:n.manager)||void 0===l?void 0:l.global);o[t]=e;const a={type:"UPDATE_MANAGER_SEO_DATA",location:"global",results:o};this.props.dispatch(a);let s=this.state.savedLocations;s.global=!0,this.setState({savedLocations:s})},this.addPerformAction=(e,t)=>{let i=this.state.performActionOnUpdate;i[t]=e,this.setState({performActionOnUpdate:i})},this.saveData=()=>{var i;this.setState({saving:!0}),null===(i=null==Q?void 0:Q.currentUser)||void 0===i||i.getIdToken().then(i=>e(this,void 0,void 0,function*(){var n,l,o,a,s,r;const d=Object.keys(this.state.performActionOnUpdate||[]).map(t=>e(this,void 0,void 0,function*(){const e=this.state.performActionOnUpdate[t];return e&&e.action&&(yield e.action()),!0}));if(yield Promise.all(d),!0===this.state.isNewPage){const e=yield t("/seo/create","post",{data:null===(l=null===(n=this.props)||void 0===n?void 0:n.seoData)||void 0===l?void 0:l.manager,savedLocations:this.state.savedLocations},void 0,{X_Authorization:i,AuthorizationId:null===(o=null==Q?void 0:Q.currentUser)||void 0===o?void 0:o.uid});(null==e?void 0:e.results)&&this.props.onChangeComplete&&this.props.onChangeComplete(null==e?void 0:e.results),this.setState({saving:!1})}else{const e=yield t("/seo/update","put",{data:null===(s=null===(a=this.props)||void 0===a?void 0:a.seoData)||void 0===s?void 0:s.manager,savedLocations:this.state.savedLocations},void 0,{X_Authorization:i,AuthorizationId:null===(r=null==Q?void 0:Q.currentUser)||void 0===r?void 0:r.uid});(null==e?void 0:e.results)&&this.props.onChangeComplete&&this.props.onChangeComplete(null==e?void 0:e.results),this.setState({saving:!1})}}))},this.authSignOut=()=>e(this,void 0,void 0,function*(){yield d(Q)}),this.state={loading:!0,saving:!1,newImage:"",file:null,performActionOnUpdate:{},photoManager:!0,tabIndex:0,savedLocations:{},isNewPage:!1,isMobile:!0}}render(){var e,t,i,l,o,a,s,r,d,b,A,_,N,T,P,O,F,z,L,M,$,B,q,G,W,X,H,J,V,Y,Q,Z,ee,ne,le,oe,ae,se,re,de,pe,ce,ue,he,ve,me,ge,fe,xe,be,ye,Ee,we,Ce,Ie,De,Se,je,ke,Ae,_e,Ne,Te,Pe,Oe,Fe,ze,Le,Ue,Me,$e,Re,Be,qe,Ge,We,Xe,He,Je,Ve,Ye,Ke,Qe,Ze;return!0===(null===(e=this.props)||void 0===e?void 0:e.isLoading)?null:n.createElement(U,{onClose:(e,t)=>{"backdropClick"!==t&&this.props.onClose()},"aria-labelledby":"SEO Manager Login",open:!0,maxWidth:!1,style:{zIndex:100},hideBackdrop:!0},n.createElement(c,{sx:{m:0,p:2},className:"nextjs-seo-manager__title"},"SEO Manager",n.createElement(u,{"aria-label":"close",onClick:this.props.onClose,sx:{position:"absolute",right:8,top:8,color:e=>e.palette.grey[500]}},n.createElement(k,null))),n.createElement(h,{dividers:!0},n.createElement(v,{sx:{width:"100%"}},n.createElement(v,{sx:{borderBottom:1,borderColor:"divider"}},n.createElement(y,{value:this.state.tabIndex,onChange:(e,t)=>{this.setState({tabIndex:t})},"aria-label":"Select SEO Manager Options"},n.createElement(E,Object.assign({label:"Page"},ie(0),{className:"nextjs-seo-manager__button"})),n.createElement(E,Object.assign({label:"Global"},ie(1),{className:"nextjs-seo-manager__button"})),n.createElement(E,Object.assign({label:"Account"},ie(3),{className:"nextjs-seo-manager__button"}))))),n.createElement(v,{mt:2,display:"flex",justifyContent:"center"},n.createElement(R,null)),n.createElement(te,{value:this.state.tabIndex,index:0},n.createElement(v,{sx:{width:"100%"}},n.createElement("div",{className:"form-floating mb-3"},n.createElement(K,{files:(null===(o=null===(l=null===(i=null===(t=this.props)||void 0===t?void 0:t.seoData)||void 0===i?void 0:i.manager)||void 0===l?void 0:l.page)||void 0===o?void 0:o.image)?[null===(d=null===(r=null===(s=null===(a=this.props)||void 0===a?void 0:a.seoData)||void 0===s?void 0:s.manager)||void 0===r?void 0:r.page)||void 0===d?void 0:d.image]:[{url:"",fileId:""}],onChangeComplete:e=>{const t=(null==e?void 0:e.url)?e:{url:"",fileId:""};this.onPageChange(t,"image")},multiple:!1,accept:"image/png, image/jpeg, image/jpg, image/webp"}))),n.createElement(v,{mb:1},n.createElement(g,{id:"page-path",label:"Page Path",variant:"standard",placeholder:"",value:(null===(N=null===(_=null===(A=null===(b=this.props)||void 0===b?void 0:b.seoData)||void 0===A?void 0:A.manager)||void 0===_?void 0:_.page)||void 0===N?void 0:N.path)||"",style:{width:"100%"},onChange:e=>{let t=e.target.value;"/"!==(null==t?void 0:t[0])&&(t=`/${t}`),this.onPageChange(t,"path")}})),n.createElement(v,{mb:1},n.createElement(g,{id:"title",label:"Title",variant:"standard",placeholder:"Home - Stark Industries",onChange:e=>{this.onPageChange(e.target.value,"title")},value:(null===(F=null===(O=null===(P=null===(T=this.props)||void 0===T?void 0:T.seoData)||void 0===P?void 0:P.manager)||void 0===O?void 0:O.page)||void 0===F?void 0:F.title)||"",style:{width:"100%"},helperText:`${(null===(B=null===($=null===(M=null===(L=null===(z=this.props)||void 0===z?void 0:z.seoData)||void 0===L?void 0:L.manager)||void 0===M?void 0:M.page)||void 0===$?void 0:$.title)||void 0===B?void 0:B.length)||0} of 60 (recommended)`})),n.createElement(v,{mb:1},n.createElement(g,{id:"description",label:"Description",variant:"standard",placeholder:"",onChange:e=>{this.onPageChange(e.target.value,"description")},value:null===(X=null===(W=null===(G=null===(q=this.props)||void 0===q?void 0:q.seoData)||void 0===G?void 0:G.manager)||void 0===W?void 0:W.page)||void 0===X?void 0:X.description,style:{width:"100%"},multiline:!0,helperText:`${(null===(Q=null===(Y=null===(V=null===(J=null===(H=this.props)||void 0===H?void 0:H.seoData)||void 0===J?void 0:J.manager)||void 0===V?void 0:V.page)||void 0===Y?void 0:Y.description)||void 0===Q?void 0:Q.length)||0} of 160 (recommended)`})),n.createElement(v,{mb:1},n.createElement(w,{multiple:!0,id:"tags-keywords",options:[],value:(null===(le=null===(ne=null===(ee=null===(Z=this.props)||void 0===Z?void 0:Z.seoData)||void 0===ee?void 0:ee.manager)||void 0===ne?void 0:ne.page)||void 0===le?void 0:le.keywordsArray)||[],freeSolo:!0,onChange:(e,t)=>{this.onPageChange(t,"keywordsArray")},renderTags:(e,t)=>e.map((e,i)=>n.createElement(C,Object.assign({variant:"outlined",label:e},t({index:i})))),renderInput:e=>n.createElement(g,Object.assign({},e,{variant:"standard",label:"Keywords",placeholder:"Add Keywords"}))})),n.createElement(v,{mb:1},n.createElement(I,{variant:"standard",sx:{minWidth:"100%"}},n.createElement(D,{id:"follow"},"Should search engines follow the page?"),n.createElement(S,{labelId:"follow",id:"follow-select",value:null===(re=null===(se=null===(ae=null===(oe=this.props)||void 0===oe?void 0:oe.seoData)||void 0===ae?void 0:ae.manager)||void 0===se?void 0:se.page)||void 0===re?void 0:re.follow,onChange:e=>{this.onPageChange(e.target.value,"follow")},label:"Should search engines follow the page?",style:{zIndex:10}},n.createElement(j,{value:""},"Select Follow Option"),n.createElement(j,{value:"follow"},"Follow"),n.createElement(j,{value:"nofollow"},"No Follow")))),n.createElement(v,{mb:1},n.createElement(I,{variant:"standard",sx:{minWidth:"100%"}},n.createElement(D,{id:"index"},"Should search engines index the page?"),n.createElement(S,{labelId:"index",id:"index-select",value:null===(ue=null===(ce=null===(pe=null===(de=this.props)||void 0===de?void 0:de.seoData)||void 0===pe?void 0:pe.manager)||void 0===ce?void 0:ce.page)||void 0===ue?void 0:ue.index,onChange:e=>{this.onPageChange(e.target.value,"index")},label:"Should search engines index the page?"},n.createElement(j,{value:""},"Select Index Option"),n.createElement(j,{value:"index"},"Index"),n.createElement(j,{value:"noindex"},"No Index")))),n.createElement(v,{mb:1},n.createElement(I,{variant:"standard",sx:{minWidth:"100%"}},n.createElement(D,{id:"changeFreq"},"How often will the content change?"),n.createElement(S,{labelId:"changeFreq",id:"changeFreq-select",value:null===(ge=null===(me=null===(ve=null===(he=this.props)||void 0===he?void 0:he.seoData)||void 0===ve?void 0:ve.manager)||void 0===me?void 0:me.page)||void 0===ge?void 0:ge.changeFreq,onChange:e=>{this.onPageChange(e.target.value,"changeFreq")},label:"How often will the content change?"},n.createElement(j,null,"Select Frequency"),n.createElement(j,{value:"always"},"Always"),n.createElement(j,{value:"daily"},"Daily"),n.createElement(j,{value:"weekly"},"Weekly"),n.createElement(j,{value:"monthly"},"Monthly"),n.createElement(j,{value:"yearly"},"Yearly"),n.createElement(j,{value:"never"},"Never")))),n.createElement(v,{mb:1},n.createElement(I,{variant:"standard",sx:{minWidth:"100%"}},n.createElement(D,{id:"priority"},"Page Prority (10 Highest)"),n.createElement(S,{labelId:"priority",id:"priority-select",value:null===(ye=null===(be=null===(xe=null===(fe=this.props)||void 0===fe?void 0:fe.seoData)||void 0===xe?void 0:xe.manager)||void 0===be?void 0:be.page)||void 0===ye?void 0:ye.priority,onChange:e=>{this.onPageChange(e.target.value,"priority")},label:"Page Priority (10 being the highest)"},n.createElement(j,null,"Select Page Priority"),n.createElement(j,{value:.1},"1"),n.createElement(j,{value:.2},"2"),n.createElement(j,{value:.3},"3"),n.createElement(j,{value:.4},"4"),n.createElement(j,{value:.5},"5"),n.createElement(j,{value:.6},"6"),n.createElement(j,{value:.7},"7"),n.createElement(j,{value:.8},"8"),n.createElement(j,{value:.9},"9"),n.createElement(j,{value:1},"10")))),n.createElement(v,{mb:1},n.createElement(g,{id:"ldJson",label:"Structured Data",variant:"standard",placeholder:"",onChange:e=>{this.onPageChange(e.target.value,"ldJson")},value:null===(Ie=null===(Ce=null===(we=null===(Ee=this.props)||void 0===Ee?void 0:Ee.seoData)||void 0===we?void 0:we.manager)||void 0===Ce?void 0:Ce.page)||void 0===Ie?void 0:Ie.ldJson,style:{width:"100%"},multiline:!0}))),n.createElement(te,{value:this.state.tabIndex,index:1},n.createElement(v,{mb:1},n.createElement(g,{id:"default-title",label:"Default Title",variant:"standard",placeholder:"",onChange:e=>{this.onGlobalChange(e.target.value,"defaultTitle")},value:null===(ke=null===(je=null===(Se=null===(De=this.props)||void 0===De?void 0:De.seoData)||void 0===Se?void 0:Se.manager)||void 0===je?void 0:je.global)||void 0===ke?void 0:ke.defaultTitle,style:{width:"100%"},multiline:!0,helperText:`${(null===(Te=null===(Ne=null===(_e=null===(Ae=this.props)||void 0===Ae?void 0:Ae.seoData)||void 0===_e?void 0:_e.manager)||void 0===Ne?void 0:Ne.global)||void 0===Te?void 0:Te.defaultTitle.length)||0} of 60 (recommended)`})),n.createElement(v,{mb:1},n.createElement(g,{id:"default-description",label:"Default Description",variant:"standard",placeholder:"",onChange:e=>{this.onGlobalChange(e.target.value,"defaultDescription")},value:null===(ze=null===(Fe=null===(Oe=null===(Pe=this.props)||void 0===Pe?void 0:Pe.seoData)||void 0===Oe?void 0:Oe.manager)||void 0===Fe?void 0:Fe.global)||void 0===ze?void 0:ze.defaultDescription,style:{width:"100%"},multiline:!0,helperText:`${(null===($e=null===(Me=null===(Ue=null===(Le=this.props)||void 0===Le?void 0:Le.seoData)||void 0===Ue?void 0:Ue.manager)||void 0===Me?void 0:Me.global)||void 0===$e?void 0:$e.defaultDescription.length)||0} of 160 (recommended)`})),n.createElement(v,{sx:{width:"100%"}},n.createElement("div",{className:"form-floating mb-3"},n.createElement(K,{files:(null===(We=null===(Ge=null===(qe=null===(Be=null===(Re=this.props)||void 0===Re?void 0:Re.seoData)||void 0===Be?void 0:Be.manager)||void 0===qe?void 0:qe.global)||void 0===Ge?void 0:Ge.favicon)||void 0===We?void 0:We.fileId)?[null===(Ve=null===(Je=null===(He=null===(Xe=this.props)||void 0===Xe?void 0:Xe.seoData)||void 0===He?void 0:He.manager)||void 0===Je?void 0:Je.global)||void 0===Ve?void 0:Ve.favicon]:[{url:"",fileId:""}],onChangeComplete:e=>{const t=(null==e?void 0:e.url)?e:{url:"",fileId:""};this.onGlobalChange(t,"favicon")},multiple:!1,accept:"image/png, image/jpeg, image/jpg, image/webp"}))),n.createElement(v,{mb:1},n.createElement(g,{id:"navbar-color",label:"Pick a Navigation Theme Color",variant:"standard",type:"color",value:(null===(Ze=null===(Qe=null===(Ke=null===(Ye=this.props)||void 0===Ye?void 0:Ye.seoData)||void 0===Ke?void 0:Ke.manager)||void 0===Qe?void 0:Qe.global)||void 0===Ze?void 0:Ze.themeColor)||"#FFFFFF",style:{width:"100%"},onChange:e=>{this.onGlobalChange(e.target.value,"themeColor")}}))),n.createElement(te,{value:this.state.tabIndex,index:2},n.createElement(m,{container:!0},n.createElement(v,{mb:1,style:{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column"}},n.createElement(p,{variant:"text",onClick:this.authSignOut,type:"button",className:"nextjs-seo-manager__button"},"Sign Out"))))),n.createElement(f,null,n.createElement("div",{className:"modal-footer",style:{width:"100%"}},n.createElement("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%"}},n.createElement(p,{variant:"text",id:"close-seo-manager",onClick:this.props.onClose,type:"button",className:"nextjs-seo-manager__button"},"Close"),n.createElement(p,{variant:"text",onClick:this.saveData,type:"button",disabled:this.state.saving,className:"nextjs-seo-manager__button",startIcon:this.state.saving?n.createElement(x,{size:16}):null},"Save")))))}}var ee=l(e=>({user:null==e?void 0:e.user,seoData:null==e?void 0:e.seoData}))(Z);function te(e){const{children:t,value:l,index:o}=e,a=i(e,["children","value","index"]);return n.createElement("div",Object.assign({role:"tabpanel",hidden:l!==o,id:`simple-tabpanel-${o}`,"aria-labelledby":`simple-tab-${o}`},a),l===o&&n.createElement(v,{sx:{p:3}},t))}function ie(e){return{id:`simple-tab-${e}`,"aria-controls":`simple-tabpanel-${e}`}}te.propTypes={children:o.node,index:o.number.isRequired,value:o.number.isRequired};export{ee as default};