D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
usr
/
local
/
psa
/
admin
/
cp
/
public
/
javascript
/
components
/
pages
/
Filename :
ConfigureMailClientPage.js
back
Copy
(self.webpackChunkPlesk=self.webpackChunkPlesk||[]).push([["components/pages/ConfigureMailClientPage"],{1440:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var i=n(286),s=n(89),r=n(285);const a=s.Locale.getSection("components.buttons"),o=({id:e,content:t,icon:n="copy",className:s,tooltip:o=a.lmsg("copyToClipboard"),onCopy:l=()=>{},children:c})=>(0,r.jsx)(i.Button,{className:s,ghost:!0,icon:n,tooltip:o,onClick:()=>{(0,i.copyToClipboard)(t),l()},"data-action":"copy-to-clipboard"+(e?`-${e}`:""),children:c})},1430:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>m});var i=n(596),s=n.n(i),r=n(285),a=n(89),o=n(1120),l=n(586),c=n(1295),d=n(1431),u=n(1433);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,f=u.wizards[i]?.component,j=e=>s(e),b=()=>j(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:f?(0,r.jsx)(f,{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},1439:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>d});var i=n(596),s=n.n(i),r=n(536),a=n(1440),o=n(89),l=n(285);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},1438:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});var i=n(286),s=n(596),r=n.n(s),a=n(89),o=n(1439),l=n(285);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},1431:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>c});var i=n(596),s=n.n(i),r=n(1291),a=n(1075),o=(n(1432),n(285));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},1433:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>h,wizards:()=>m});var i=n(286),s=n(596),r=n.n(s),a=n(89),o=(n(1434),n(1435)),l=n(1445),c=n(1474),d=n(1483),u=n(1484),p=n(285);const g=a.Locale.getTranslate("components.pages.ConfigureMailClient"),m={thunderbird:{component:o.default,title:"Thunderbird",icon:n(1441)},gmail:{component:c.default,title:"Gmail",icon:n(1475)},ios:{component:l.default,title:"iOS Mail",icon:n(1491)},outlook:{component:u.default,title:"Outlook",icon:n(1485)},manual:{component:d.default,title:(0,p.jsx)(g,{content:"manual"}),icon:n(1492)}},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},1436:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(596),s=n.n(i),r=n(285),a=n(286),o=n(89);n(1437);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:f,content:j,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:f}),b&&(0,r.jsx)(a.Paragraph,{children:b})]}),o&&(0,r.jsx)(a.Column,{children:o})]}),j,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},1474:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(596),s=n.n(i),r=n(89),a=n(286),o=n(1436),l=n(1438),c=n(285);const d=r.Locale.getTranslate("components.pages.ConfigureMailClient.Gmail"),u=({email:e})=>[{image:n(1475),title:(0,c.jsx)(d,{content:"title"}),content:(0,c.jsx)(d,{content:"description"})},{image:n(1476),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(1477),title:(0,c.jsx)(d,{content:"step1.title"}),content:(0,c.jsx)(d,{content:"step1.description3"})},{image:n(1478),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(1479),title:(0,c.jsx)(d,{content:"step3.title"}),content:(0,c.jsx)(d,{content:"step3.description"})},{image:n(1480),title:(0,c.jsx)(d,{content:"step4.title"}),content:(0,c.jsx)(d,{content:"step4.description"})},{image:n(1481),title:(0,c.jsx)(d,{content:"step5.title"}),content:(0,c.jsx)(d,{content:"step5.description"})},{image:n(1482),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(1482),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},1445:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var i=n(285),s=n(596),r=n.n(s),a=n(89),o=n(1446),l=n(286),c=n(1436);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},1483:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(89),s=n(286),r=n(1436),a=n(1439),o=n(596),l=n.n(o),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)(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},1484:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(596),s=n.n(i),r=n(286),a=n(89),o=n(1436),l=n(1438),c=n(285);const d=a.Locale.getTranslate("components.pages.ConfigureMailClient.Outlook"),u=({email:e})=>[{image:n(1485),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(1486),title:(0,c.jsx)(d,{content:"step1.title"}),content:(0,c.jsx)(d,{content:"step1.description"})},{image:n(1487),title:(0,c.jsx)(d,{content:"step2.title"}),content:(0,c.jsx)(d,{content:"step2.description"})},{image:n(1488),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(1489),title:(0,c.jsx)(d,{content:"step4.title"}),content:(0,c.jsx)(d,{content:"step4.description"})},{image:n(1490),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)(o.default,{...e,steps:u(e.values)});p.propTypes={values:s().shape({email:s().string.isRequired}).isRequired};const g=p},1435:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>g});var i=n(596),s=n.n(i),r=n(89),a=n(286),o=n(1436),l=n(1438),c=n(285);const d=r.Locale.getTranslate("components.pages.ConfigureMailClient.Thunderbird"),u=({email:e})=>[{image:n(1441),title:(0,c.jsx)(d,{content:"title"}),content:(0,c.jsx)(d,{content:"description"})},{image:n(1442),title:(0,c.jsx)(d,{content:"step1.title"}),content:(0,c.jsx)(d,{content:"step1.description"})},{image:n(1443),title:(0,c.jsx)(d,{content:"step2.title"}),content:(0,c.jsx)(d,{content:"step2.description"})},{image:n(1444),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(1444),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},1429:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>i.default});var i=n(1430)},1476:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-1a.png?6031ab7c974428c5e763ced4e6693120"},1477:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-1b.png?6fd17f6c1fca9ad4d64c45947dae5824"},1478:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-2.png?1e98087253ead06fdc3844a828e4e307"},1479:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-3.png?b60aa431d70936c8f6e125b4a2468d74"},1480:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-4.png?80dc74890ecdec577b8b1ccfdf9fe029"},1481:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-5.png?fbf82a4dabd7066abe5154aaf4fe3562"},1482:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail-6.png?f7cfe1016da5fd734245e7450c84ee29"},1475:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/gmail.svg?b1c8f2ef75eec4974dfb9aa24189f2bd"},1491:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/ios.png?14dd0a6797f11535b4cf6bbac2bdc0bd"},1492:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/manual.png?4ddab6a474a0a747643696718f7fc4bd"},1486:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-1.png?c04de82e0ae8c0e4ca4f7d70065efe08"},1487:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-2.png?ed5502b637e4d3d0e7b0e68f67ffa52f"},1488:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-3.png?92e1b50f49965c049e7de17237582c7f"},1489:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-4.png?de4fd000bd78b7ba87e4cda84bf9570e"},1490:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook-5.png?e9ca6f60086bacdd30af8d39661ea016"},1485:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/outlook.svg?0b17dc18fa2346bfeafa0623e9f273a3"},1442:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird-1.png?8dd5f22e8e266d49db18aebb0322f4e0"},1443:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird-2.png?904fc05c38973921b6ca2830ea5c2585"},1444:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird-3.png?0a13ca6c4f1f73607bf2c74a2e6e11b1"},1441:e=>{e.exports=Jsw.skinUrl+"/images/configure-mail-helper/thunderbird.png?bca8bfa44e1fdce56e3bf58e53d74069"},1432:(e,t,n)=>{"use strict";n.r(t)},1434:(e,t,n)=>{"use strict";n.r(t)},1437:(e,t,n)=>{"use strict";n.r(t)}}]); //# sourceMappingURL=ConfigureMailClientPage.js.map?259e5cf5d43243eb15a1