(self.webpackChunkPlesk=self.webpackChunkPlesk||[]).push([["components_pages_ConfigureMailClientPage_index_js"],{1057:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>d});var i=n(286),s=n(89),r=n(287),o=n.n(r),a=n(285);const l=s.Locale.getSection("components.buttons"),c=({id:e,content:t,icon:n="copy",className:s,tooltip:r=l.lmsg("copyToClipboard"),onCopy:o=()=>{},children:c})=>(0,a.jsx)(i.Button,{className:s,ghost:!0,icon:n,tooltip:r,onClick:()=>{(0,i.copyToClipboard)(t),o()},"data-action":"copy-to-clipboard"+(e?`-${e}`:""),children:c});c.propTypes={id:o().string,content:o().string.isRequired,className:o().string,icon:o().oneOfType([o().node,o().string,o().object]),tooltip:o().oneOfType([o().string,o().node]),onCopy:o().func,children:o().node};const d=c},1047:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>m});var i=n(287),s=n.n(i),r=n(285),o=n(89),a=n(737),l=n(589),c=n(912),d=n(1048),u=n(1050);const p=a.gql`
    query LocalesQuery {
        locales {
            code
            name
            isRtl
        }
        viewer {
            background {
                file
                color
                fit
            }
        }
    }
`,g=({values:e})=>{const t=e.autodiscovery,n=t?null:"manual",[i,s]=(0,r.useState)(n),[a,g]=(0,r.useState)("default"),{data:m}=(0,l.useQuery)(p),x=m?.locales??[],{viewer:{background:f}}=m,h=u.wizards[i]?.component,j=e=>s(e),b=()=>j(null),v=(0,r.jsx)(c.default,{locales:x,value:a,onChange:e=>{g(e);const t=new URLSearchParams(window.location.search);"default"===e?t.delete("locale"):t.set("locale",e);const n=x.find((({code:t})=>t===e));n?.isRtl!==("rtl"===document.documentElement.dir)?window.location.search=t.toString():(window.history.replaceState(null,"",`${window.location.pathname}?${t.toString()}`),o.Locale.loadSections(Object.keys(o.Locale.sections),e))}});return(0,r.jsx)(d.default,{background:f,children:h?(0,r.jsx)(h,{values:e,onCancel:b,onFinish:b,hasBackButton:t,onNavigateToManual:()=>j("manual"),titleAdditional:!t&&v}):(0,r.jsx)(u.default,{onSelect:j,email:e.email,titleAdditional:v})})};g.propTypes={values:s().shape({email:s().string.isRequired,autodiscovery:s().bool.isRequired}).isRequired};const m=g},1056:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>d});var i=n(287),s=n.n(i),r=n(539),o=n(1057),a=n(89),l=n(285);const c=({data:e,children:t,id:n})=>(0,l.jsxs)(l.Fragment,{children:[t," ",(0,l.jsx)(o.default,{id:n,content:e,onCopy:()=>(0,r.addToast)({intent:"success",message:a.Locale.getSection("components.buttons").lmsg("copied")})})]});c.propTypes={data:s().string.isRequired,children:s().node.isRequired,id:s().string};const d=c},1055:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});var i=n(286),s=n(287),r=n.n(s),o=n(89),a=n(1056),l=n(285);const c=o.Locale.getTranslate("components.pages.ConfigureMailClient.Common"),d=({email:e})=>(0,l.jsx)(i.Paragraph,{children:(0,l.jsxs)(a.default,{data:e,children:[(0,l.jsx)("b",{children:(0,l.jsx)(c,{content:"email"})})," ",e]})});d.propTypes={email:r().string.isRequired};const u=d},1048:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var i=n(287),s=n.n(i),r=n(908),o=n(692),a=(n(1049),n(285));const l=({children:e,background:t})=>(0,a.jsx)(r.default,{className:"configure-mail-layout",customBackground:t,header:(0,a.jsx)("div",{className:"configure-mail-layout-header__brand",children:(0,a.jsx)(o.default,{})}),children:(0,a.jsx)("div",{id:"main",children:e})});l.propTypes={children:s().node,background:s().shape({file:s().string,color:s().string.isRequired,fit:s().string.isRequired})};const c=l},1050:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f,wizards:()=>m});var i=n(286),s=n(287),r=n.n(s),o=n(89),a=(n(1051),n(1052)),l=n(1062),c=n(1091),d=n(1100),u=n(1101),p=n(285);const g=o.Locale.getTranslate("components.pages.ConfigureMailClient"),m={thunderbird:{component:a.default,title:"Thunderbird",icon:n(1058)},gmail:{component:c.default,title:"Gmail",icon:n(1092)},ios:{component:l.default,title:"iOS Mail",icon:n(1108)},outlook:{component:u.default,title:"Outlook",icon:n(1102)},manual:{component:d.default,title:(0,p.jsx)(g,{content:"manual"}),icon:n(1109)}},x=({onSelect:e,email:t,titleAdditional:n})=>(0,p.jsxs)("div",{className:"configure-mail-list",children:[(0,p.jsxs)(i.Columns,{gap:"md",children:[(0,p.jsx)(i.Column,{fill:!0,children:(0,p.jsx)(i.Heading,{level:2,children:(0,p.jsx)(g,{content:"title"})})}),n&&(0,p.jsx)(i.Column,{children:n})]}),(0,p.jsx)(i.Paragraph,{children:(0,p.jsx)(g,{content:"description",params:{email:t}})}),(0,p.jsx)(i.ItemList,{minColumnWidth:180,gap:"md",children:Object.entries(m).map((([t,{title:n,icon:s}])=>(0,p.jsx)(i.Item,{id:`configure-mail-client-${t}`,role:"button",onClick:()=>e(t),view:"card",icon:(0,p.jsx)(i.Icon,{src:s}),children:n},t)))})]});x.propTypes={titleAdditional:r().node,onSelect:r().func.isRequired,email:r().string.isRequired};const f=x},1053:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(287),s=n.n(i),r=n(285),o=n(286),a=n(89);n(1054);const l=a.Locale.getTranslate("components.pages.ConfigureMailClient.Common"),c=({current:e,steps:t,onNext:n,onFinish:i})=>{if(t<=1)return;const s=e===t-1,a=0===e,c=a?"start":s?"finish":"next";return(0,r.jsx)(o.Button,{intent:"primary","data-testid":c,arrow:a||s?null:"forward",onClick:s?i:n,children:(0,r.jsx)(l,{content:c})})};c.propTypes={current:s().number.isRequired,steps:s().number.isRequired,onNext:s().func.isRequired,onFinish:s().func.isRequired};const d=({current:e,onPrev:t,onBack:n,hasBackButton:i})=>{const s=0===e;if(s&&!i)return;const a=s?"back":"prev";return(0,r.jsx)(o.Button,{"data-testid":a,arrow:"backward",onClick:s?n:t,children:(0,r.jsx)(l,{content:"back"})})};d.propTypes={current:s().number.isRequired,onPrev:s().func.isRequired,onBack:s().func.isRequired,hasBackButton:s().bool.isRequired};const u=({count:e,current:t})=>(0,r.jsx)("div",{className:"configure-client-mail-progress",children:Array.from({length:e-1}).map(((e,n)=>(0,r.jsx)("div",{className:"configure-client-mail-progress__bar "+(n<t?"configure-client-mail-progress__bar--active":"")},n)))});u.propTypes={count:s().number.isRequired,current:s().number.isRequired};const p=({hasBackButton:e=!0,onNavigateToManual:t=null,steps:n=[],onCancel:i,onFinish:s,titleAdditional:a}={})=>{const[p,g]=(0,r.useState)(0),m=n.length,x=p===m-1,{image:f,title:h,content:j,subtitle:b}=n[p];return(0,r.jsxs)("div",{className:"configure-client-mail",children:[f&&(0,r.jsx)("div",{className:"configure-client-mail-banner",children:(0,r.jsx)("div",{className:"configure-client-mail-banner__image",children:(0,r.jsx)("img",{alt:!0,src:f})})}),(0,r.jsxs)("div",{className:"configure-client-mail-content",children:[(0,r.jsxs)("div",{className:"configure-client-mail-content__content",children:[p>0&&(0,r.jsx)(u,{count:m,current:p}),(0,r.jsxs)(o.Columns,{children:[(0,r.jsxs)(o.Column,{fill:!0,children:[(0,r.jsx)(o.Heading,{level:3,children:h}),b&&(0,r.jsx)(o.Paragraph,{children:b})]}),a&&(0,r.jsx)(o.Column,{children:a})]}),j,t&&x&&(0,r.jsx)(o.Paragraph,{children:(0,r.jsx)(o.Link,{onClick:t,"data-testid":"manual",children:(0,r.jsx)("b",{children:(0,r.jsx)(l,{content:"manualLink"})})})})]}),(0,r.jsxs)("div",{className:"configure-client-mail-content__navigation",children:[(0,r.jsx)(d,{current:p,onBack:i,onPrev:()=>g((e=>e-1)),hasBackButton:e}),(0,r.jsx)(c,{steps:m,current:p,onNext:()=>g((e=>e+1)),onFinish:s})]})]})]})};p.propTypes={titleAdditional:s().node,onNavigateToManual:s().func,hasBackButton:s().bool,steps:s().arrayOf(s().shape({title:s().string.isRequired,content:s().node.isRequired,image:s().string,subtitle:s().string})).isRequired,onCancel:s().func,onFinish:s().func};const g=p},1091:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(287),s=n.n(i),r=n(89),o=n(286),a=n(1053),l=n(1055),c=n(285);const d=r.Locale.getTranslate("components.pages.ConfigureMailClient.Gmail"),u=({email:e})=>[{image:n(1092),title:(0,c.jsx)(d,{content:"title"}),content:(0,c.jsx)(d,{content:"description"})},{image:n(1093),title:(0,c.jsx)(d,{content:"step1.title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(o.Paragraph,{children:(0,c.jsx)(d,{content:"step1.description1"})}),(0,c.jsx)(o.Paragraph,{children:(0,c.jsx)(d,{content:"step1.description2"})})]})},{image:n(1094),title:(0,c.jsx)(d,{content:"step1.title"}),content:(0,c.jsx)(d,{content:"step1.description3"})},{image:n(1095),title:(0,c.jsx)(d,{content:"step2.title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.default,{email:e}),(0,c.jsx)(d,{content:"step2.description"})]})},{image:n(1096),title:(0,c.jsx)(d,{content:"step3.title"}),content:(0,c.jsx)(d,{content:"step3.description"})},{image:n(1097),title:(0,c.jsx)(d,{content:"step4.title"}),content:(0,c.jsx)(d,{content:"step4.description"})},{image:n(1098),title:(0,c.jsx)(d,{content:"step5.title"}),content:(0,c.jsx)(d,{content:"step5.description"})},{image:n(1099),title:(0,c.jsx)(d,{content:"step6.title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(o.Paragraph,{children:(0,c.jsx)(d,{content:"step6.description1"})}),(0,c.jsx)(o.Paragraph,{children:(0,c.jsx)(d,{content:"step6.description2"})})]})},{image:n(1099),title:(0,c.jsx)(d,{content:"step7.title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(o.Paragraph,{children:(0,c.jsx)(d,{content:"step7.description1"})}),(0,c.jsx)(o.Paragraph,{children:(0,c.jsx)(d,{content:"step7.description2"})})]})}],p=e=>(0,c.jsx)(a.default,{...e,steps:u(e.values)});p.propTypes={values:s().shape({email:s().string.isRequired}).isRequired};const g=p},1062:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var i=n(285),s=n(287),r=n.n(s),o=n(89),a=n(1063),l=n(286),c=n(1053);const d=o.Locale.getTranslate("components.pages.ConfigureMailClient.Ios"),u=({values:{mobileConfigUrl:e},...t})=>{const[n,s]=(0,i.useState)("");(0,i.useEffect)((()=>{a.toDataURL(e,((e,t)=>s(t)))}),[e]);const r=[{image:n,title:(0,i.jsx)(d,{content:"title"}),content:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Paragraph,{children:(0,i.jsx)(d,{content:"description"})}),(0,i.jsx)(l.Paragraph,{children:(0,i.jsx)("a",{href:e,rel:"noreferrer",download:!0,children:(0,i.jsx)(d,{content:"link"})})})]})}];return(0,i.jsx)(c.default,{...t,steps:r})};u.propTypes={values:r().shape({mobileConfigUrl:r().string.isRequired}).isRequired};const p=u},1100:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(89),s=n(286),r=n(1053),o=n(1056),a=n(287),l=n.n(a),c=n(285);const d=i.Locale.getTranslate("components.pages.ConfigureMailClient.Manual"),u=({title:e,children:t})=>(0,c.jsxs)("div",{className:"configure-client-mail-field",children:[(0,c.jsx)(s.Hint,{children:e}),(0,c.jsx)("div",{children:t})]});u.propTypes={title:l().string.isRequired,children:l().node.isRequired};const p=e=>{return(0,c.jsx)(r.default,{...e,onNavigateToManual:null,steps:(t=e.values,[{title:(0,c.jsx)(d,{content:"title"}),subtitle:(0,c.jsx)(d,{content:"description",params:{email:t.email}}),content:(0,c.jsxs)(s.Grid,{gap:"xl",children:[(0,c.jsxs)(s.GridCol,{md:6,children:[(0,c.jsx)(u,{title:(0,c.jsx)(d,{content:"username"}),children:(0,c.jsx)(o.default,{data:t.userName,children:t.userName})}),(0,c.jsx)(s.Grid,{xs:"auto",gap:"xs",children:[{key:"imapPort",title:"IMAP"},{key:"pop3Port",title:"POP3"},{key:"smtpPort",title:"SMTP"}].map((({key:e,title:n})=>(0,c.jsx)(s.GridCol,{children:(0,c.jsxs)(s.Alert,{intent:"info",children:[(0,c.jsx)("b",{children:n}),(0,c.jsx)("div",{children:(0,c.jsx)(o.default,{data:t[e],children:t[e]})})]})},e)))})]}),(0,c.jsxs)(s.GridCol,{md:6,children:[(0,c.jsx)(u,{title:(0,c.jsx)(d,{content:"outgoingServer"}),children:(0,c.jsx)(o.default,{data:t.outgoingServer,children:t.outgoingServer})}),(0,c.jsx)(u,{title:(0,c.jsx)(d,{content:"incomingServer"}),children:(0,c.jsx)(o.default,{data:t.incomingServer,children:t.incomingServer})}),(0,c.jsx)(u,{title:(0,c.jsx)(d,{content:"supportedIncomingProtocols"}),children:t.incomingProtocols}),(0,c.jsx)(u,{title:(0,c.jsx)(d,{content:"supportedOutgoingProtocols"}),children:t.outgoingProtocols})]})]})}])});var t};p.propTypes={values:l().shape({email:l().string.isRequired,userName:l().string.isRequired,imapPort:l().string.isRequired,pop3Port:l().string.isRequired,smtpPort:l().string.isRequired,outgoingServer:l().string.isRequired,incomingServer:l().string.isRequired,incomingProtocols:l().string.isRequired,outgoingProtocols:l().string.isRequired}).isRequired};const g=p},1101:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(287),s=n.n(i),r=n(286),o=n(89),a=n(1053),l=n(1055),c=n(285);const d=o.Locale.getTranslate("components.pages.ConfigureMailClient.Outlook"),u=({email:e})=>[{image:n(1102),title:(0,c.jsx)(d,{content:"title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(r.StatusMessage,{intent:"warning",children:[(0,c.jsx)(d,{content:"warning"})," ",(0,c.jsx)(r.Tooltip,{title:(0,c.jsx)(d,{content:"warningTooltip"}),children:(0,c.jsx)(r.Icon,{name:"info-circle"})})]}),(0,c.jsx)(d,{content:"description"})]})},{image:n(1103),title:(0,c.jsx)(d,{content:"step1.title"}),content:(0,c.jsx)(d,{content:"step1.description"})},{image:n(1104),title:(0,c.jsx)(d,{content:"step2.title"}),content:(0,c.jsx)(d,{content:"step2.description"})},{image:n(1105),title:(0,c.jsx)(d,{content:"step3.title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r.Paragraph,{children:(0,c.jsx)(d,{content:"step3.description"})}),(0,c.jsx)(l.default,{email:e})]})},{image:n(1106),title:(0,c.jsx)(d,{content:"step4.title"}),content:(0,c.jsx)(d,{content:"step4.description"})},{image:n(1107),title:(0,c.jsx)(d,{content:"step5.title"}),content:(0,c.jsx)(r.Paragraph,{children:(0,c.jsx)(d,{content:"step5.description"})})}],p=e=>(0,c.jsx)(a.default,{...e,steps:u(e.values)});p.propTypes={values:s().shape({email:s().string.isRequired}).isRequired};const g=p},1052:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(287),s=n.n(i),r=n(89),o=n(286),a=n(1053),l=n(1055),c=n(285);const d=r.Locale.getTranslate("components.pages.ConfigureMailClient.Thunderbird"),u=({email:e})=>[{image:n(1058),title:(0,c.jsx)(d,{content:"title"}),content:(0,c.jsx)(d,{content:"description"})},{image:n(1059),title:(0,c.jsx)(d,{content:"step1.title"}),content:(0,c.jsx)(d,{content:"step1.description"})},{image:n(1060),title:(0,c.jsx)(d,{content:"step2.title"}),content:(0,c.jsx)(d,{content:"step2.description"})},{image:n(1061),title:(0,c.jsx)(d,{content:"step3.title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(o.Paragraph,{children:(0,c.jsx)(d,{content:"step3.description"})}),(0,c.jsx)(l.default,{email:e})]})},{image:n(1061),title:(0,c.jsx)(d,{content:"step4.title"}),content:(0,c.jsx)(o.Paragraph,{children:(0,c.jsx)(d,{content:"step4.description"})})}],p=e=>(0,c.jsx)(a.default,{...e,steps:u(e.values)});p.propTypes={values:s().shape({email:s().string.isRequired}).isRequired};const g=p},1046:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>i.default});var i=n(1047)},1093:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-1a.png?6031ab7c974428c5e763ced4e6693120"},1094:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-1b.png?6fd17f6c1fca9ad4d64c45947dae5824"},1095:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-2.png?1e98087253ead06fdc3844a828e4e307"},1096:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-3.png?b60aa431d70936c8f6e125b4a2468d74"},1097:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-4.png?80dc74890ecdec577b8b1ccfdf9fe029"},1098:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-5.png?fbf82a4dabd7066abe5154aaf4fe3562"},1099:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-6.png?f7cfe1016da5fd734245e7450c84ee29"},1092:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail.svg?b1c8f2ef75eec4974dfb9aa24189f2bd"},1108:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/ios.png?14dd0a6797f11535b4cf6bbac2bdc0bd"},1109:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/manual.png?4ddab6a474a0a747643696718f7fc4bd"},1103:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-1.png?c04de82e0ae8c0e4ca4f7d70065efe08"},1104:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-2.png?ed5502b637e4d3d0e7b0e68f67ffa52f"},1105:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-3.png?92e1b50f49965c049e7de17237582c7f"},1106:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-4.png?de4fd000bd78b7ba87e4cda84bf9570e"},1107:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-5.png?e9ca6f60086bacdd30af8d39661ea016"},1102:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook.svg?0b17dc18fa2346bfeafa0623e9f273a3"},1059:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird-1.png?8dd5f22e8e266d49db18aebb0322f4e0"},1060:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird-2.png?904fc05c38973921b6ca2830ea5c2585"},1061:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird-3.png?0a13ca6c4f1f73607bf2c74a2e6e11b1"},1058:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird.png?bca8bfa44e1fdce56e3bf58e53d74069"},1049:(e,t,n)=>{"use strict";n.r(t)},1051:(e,t,n)=>{"use strict";n.r(t)},1054:(e,t,n)=>{"use strict";n.r(t)}}]);
//# sourceMappingURL=components_pages_ConfigureMailClientPage_index_js.js.map?f0c341b964fe446d2041