(self.webpackChunkPlesk=self.webpackChunkPlesk||[]).push([["components_pages_ConfigureMailClientPage_index_js"],{1103:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>d});var i=n(271),s=n(89),r=n(272),a=n.n(r),o=n(270);const l=s.Locale.getSection("components.buttons"),c=({id:e,content:t,icon:n="copy",className:s,tooltip:r=l.lmsg("copyToClipboard"),onCopy:a=()=>{},children:c})=>(0,o.jsx)(i.Button,{className:s,ghost:!0,icon:n,tooltip:r,onClick:()=>{(0,i.copyToClipboard)(t),a()},"data-action":"copy-to-clipboard"+(e?`-${e}`:""),children:c});c.propTypes={id:a().string,content:a().string.isRequired,className:a().string,icon:a().oneOfType([a().node,a().string,a().object]),tooltip:a().oneOfType([a().string,a().node]),onCopy:a().func,children:a().node};const d=c},1093:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>m});var i=n(272),s=n.n(i),r=n(270),a=n(89),o=n(495),l=n(581),c=n(885),d=n(1094),u=n(1096);const p=o.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),[o,g]=(0,r.useState)("default"),{data:m}=(0,l.useQuery)(p),x=m?.locales??[],{viewer:{background:h}}=m,j=u.wizards[i]?.component,f=e=>s(e),b=()=>f(null),v=(0,r.jsx)(c.default,{locales:x,value:o,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()}`),a.Locale.loadSections(Object.keys(a.Locale.sections),e))}});return(0,r.jsx)(d.default,{background:h,children:j?(0,r.jsx)(j,{values:e,onCancel:b,onFinish:b,hasBackButton:t,onNavigateToManual:()=>f("manual"),titleAdditional:!t&&v}):(0,r.jsx)(u.default,{onSelect:f,email:e.email,titleAdditional:v})})};g.propTypes={values:s().shape({email:s().string.isRequired,autodiscovery:s().bool.isRequired}).isRequired};const m=g},1102:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>d});var i=n(272),s=n.n(i),r=n(531),a=n(1103),o=n(89),l=n(270);const c=({data:e,children:t,id:n})=>(0,l.jsxs)(l.Fragment,{children:[t," ",(0,l.jsx)(a.default,{id:n,content:e,onCopy:()=>(0,r.addToast)({intent:"success",message:o.Locale.getSection("components.buttons").lmsg("copied")})})]});c.propTypes={data:s().string.isRequired,children:s().node.isRequired,id:s().string};const d=c},1101:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});var i=n(271),s=n(272),r=n.n(s),a=n(89),o=n(1102),l=n(270);const c=a.Locale.getTranslate("components.pages.ConfigureMailClient.Common"),d=({email:e})=>(0,l.jsx)(i.Paragraph,{children:(0,l.jsxs)(o.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},1094:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var i=n(272),s=n.n(i),r=n(881),a=n(681),o=(n(1095),n(270));const l=({children:e,background:t})=>(0,o.jsx)(r.default,{className:"configure-mail-layout",customBackground:t,header:(0,o.jsx)("div",{className:"configure-mail-layout-header__brand",children:(0,o.jsx)(a.default,{})}),children:(0,o.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},1096:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>h,wizards:()=>m});var i=n(271),s=n(272),r=n.n(s),a=n(89),o=(n(1097),n(1098)),l=n(1108),c=n(1137),d=n(1145),u=n(1146),p=n(270);const g=a.Locale.getTranslate("components.pages.ConfigureMailClient"),m={thunderbird:{component:o.default,title:"Thunderbird",icon:n(1104)},gmail:{component:c.default,title:"Android Gmail",icon:n(1138)},ios:{component:l.default,title:"iOS Mail",icon:n(1151)},outlook:{component:u.default,title:"Outlook",icon:n(1147)},manual:{component:d.default,title:(0,p.jsx)(g,{content:"manual"}),icon:n(1152)}},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 h=x},1099:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(272),s=n.n(i),r=n(270),a=n(271),o=n(89);n(1100);const l=o.Locale.getTranslate("components.pages.ConfigureMailClient.Common"),c=({current:e,steps:t,onNext:n,onFinish:i})=>{if(t<=1)return;const s=e===t-1,o=0===e,c=o?"start":s?"finish":"next";return(0,r.jsx)(a.Button,{intent:"primary","data-testid":c,arrow:o||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 o=s?"back":"prev";return(0,r.jsx)(a.Button,{"data-testid":o,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:o}={})=>{const[p,g]=(0,r.useState)(0),m=n.length,x=p===m-1,{image:h,title:j,content:f,subtitle:b}=n[p];return(0,r.jsxs)("div",{className:"configure-client-mail",children:[h&&(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:h})})}),(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)(a.Columns,{children:[(0,r.jsxs)(a.Column,{fill:!0,children:[(0,r.jsx)(a.Heading,{level:3,children:j}),b&&(0,r.jsx)(a.Paragraph,{children:b})]}),o&&(0,r.jsx)(a.Column,{children:o})]}),f,t&&x&&(0,r.jsx)(a.Paragraph,{children:(0,r.jsx)(a.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},1137:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(272),s=n.n(i),r=n(89),a=n(271),o=n(1099),l=n(1101),c=n(270);const d=r.Locale.getTranslate("components.pages.ConfigureMailClient.Gmail"),u=({email:e})=>[{image:n(1138),title:(0,c.jsx)(d,{content:"title"}),content:(0,c.jsx)(d,{content:"description"})},{image:n(1139),title:(0,c.jsx)(d,{content:"step1.title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Paragraph,{children:(0,c.jsx)(d,{content:"step1.description1"})}),(0,c.jsx)(a.Paragraph,{children:(0,c.jsx)(d,{content:"step1.description2"})})]})},{image:n(1140),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(1141),title:(0,c.jsx)(d,{content:"step3.title"}),content:(0,c.jsx)(d,{content:"step3.description"})},{image:n(1142),title:(0,c.jsx)(d,{content:"step4.title"}),content:(0,c.jsx)(d,{content:"step4.description"})},{image:n(1143),title:(0,c.jsx)(d,{content:"step5.title"}),content:(0,c.jsx)(d,{content:"step5.description"})},{image:n(1144),title:(0,c.jsx)(d,{content:"step6.title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Paragraph,{children:(0,c.jsx)(d,{content:"step6.description1"})}),(0,c.jsx)(a.Paragraph,{children:(0,c.jsx)(d,{content:"step6.description2"})})]})},{image:n(1144),title:(0,c.jsx)(d,{content:"step7.title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Paragraph,{children:(0,c.jsx)(d,{content:"step7.description1"})}),(0,c.jsx)(a.Paragraph,{children:(0,c.jsx)(d,{content:"step7.description2"})})]})}],p=e=>(0,c.jsx)(o.default,{...e,steps:u(e.values)});p.propTypes={values:s().shape({email:s().string.isRequired}).isRequired};const g=p},1108:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var i=n(270),s=n(272),r=n.n(s),a=n(89),o=n(1109),l=n(271),c=n(1099);const d=a.Locale.getTranslate("components.pages.ConfigureMailClient.Ios"),u=({values:{mobileConfigUrl:e},...t})=>{const[n,s]=(0,i.useState)("");(0,i.useEffect)((()=>{o.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},1145:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(89),s=n(271),r=n(1099),a=n(1102),o=n(272),l=n.n(o),c=n(270);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)(a.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)(a.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)(a.default,{data:t.outgoingServer,children:t.outgoingServer})}),(0,c.jsx)(u,{title:(0,c.jsx)(d,{content:"incomingServer"}),children:(0,c.jsx)(a.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},1146:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(272),s=n.n(i),r=n(271),a=n(89),o=n(1099),l=n(1101),c=n(270);const d=a.Locale.getTranslate("components.pages.ConfigureMailClient.Outlook"),u=({email:e})=>[{image:n(1147),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(1148),title:(0,c.jsx)(d,{content:"step1.title"}),content:(0,c.jsx)(d,{content:"step1.description"})},{image:n(1149),title:(0,c.jsx)(d,{content:"step2.title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r.Paragraph,{children:(0,c.jsx)(d,{content:"step2.description"})}),(0,c.jsx)(l.default,{email:e})]})},{image:n(1150),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.description1"})}),(0,c.jsx)(r.Paragraph,{children:(0,c.jsx)(d,{content:"step3.description2"})})]})}],p=e=>(0,c.jsx)(o.default,{...e,steps:u(e.values)});p.propTypes={values:s().shape({email:s().string.isRequired}).isRequired};const g=p},1098:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(272),s=n.n(i),r=n(89),a=n(271),o=n(1099),l=n(1101),c=n(270);const d=r.Locale.getTranslate("components.pages.ConfigureMailClient.Thunderbird"),u=({email:e})=>[{image:n(1104),title:(0,c.jsx)(d,{content:"title"}),content:(0,c.jsx)(d,{content:"description"})},{image:n(1105),title:(0,c.jsx)(d,{content:"step1.title"}),content:(0,c.jsx)(d,{content:"step1.description"})},{image:n(1106),title:(0,c.jsx)(d,{content:"step2.title"}),content:(0,c.jsx)(d,{content:"step2.description"})},{image:n(1107),title:(0,c.jsx)(d,{content:"step3.title"}),content:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Paragraph,{children:(0,c.jsx)(d,{content:"step3.description"})}),(0,c.jsx)(l.default,{email:e})]})},{image:n(1107),title:(0,c.jsx)(d,{content:"step4.title"}),content:(0,c.jsx)(a.Paragraph,{children:(0,c.jsx)(d,{content:"step4.description"})})}],p=e=>(0,c.jsx)(o.default,{...e,steps:u(e.values)});p.propTypes={values:s().shape({email:s().string.isRequired}).isRequired};const g=p},1092:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>i.default});var i=n(1093)},1139:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-1.png?67cce39caa4724cb1de8751eb84fa200"},1140:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-2.png?ae9b8678ec00feee2a0d604304eff4bd"},1141:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-3.png?e38180ccffc95eec890adb123e8a968f"},1142:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-4.png?bf9c95cb28069c5e45e68719e5612c5a"},1143:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-5.png?e15f332703a114fc01bf4053ac74d9e4"},1144:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-6.png?7fcf01346bb836df0279c84edaa40b4b"},1138:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail.svg?b1c8f2ef75eec4974dfb9aa24189f2bd"},1151:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/ios.png?14dd0a6797f11535b4cf6bbac2bdc0bd"},1152:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/manual.png?4ddab6a474a0a747643696718f7fc4bd"},1148:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-1.png?bb86f6520f1bca39a5d9709a29a4add7"},1149:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-2.png?21f3596b189b89a63d96fbe1aa17575b"},1150:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-3.png?1bd2093b6812acf2d49f13a5fea49c80"},1147:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook.svg?0b17dc18fa2346bfeafa0623e9f273a3"},1105:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird-1.png?8dd5f22e8e266d49db18aebb0322f4e0"},1106:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird-2.png?904fc05c38973921b6ca2830ea5c2585"},1107:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird-3.png?0a13ca6c4f1f73607bf2c74a2e6e11b1"},1104:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird.png?bca8bfa44e1fdce56e3bf58e53d74069"},1095:(e,t,n)=>{"use strict";n.r(t)},1097:(e,t,n)=>{"use strict";n.r(t)},1100:(e,t,n)=>{"use strict";n.r(t)}}]);
//# sourceMappingURL=components_pages_ConfigureMailClientPage_index_js.js.map?c61dbac9f6d36fb9849e