https://app.mailbluster.com/static/js/7.96678a7b.chunk.js

1"use strict";(globalThis.webpackChunkapp_mailbluster_com=globalThis.webpackChunkapp_mailbluster_com||[]).push([[7],{72319(e,s,a){a.d(s,{A:()=>o});a(9950);var n=a(48738),t=a.n(n),l=a(22635),i=a(44414);const o=e=>{let{options:s=[],selected:a,onChange:n,error:o,disabled:r=!1,readOnly:d=!1}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:t()({"is-invalid":!!o}),children:s.map((e,s)=>(0,i.jsx)(l.A.Check,{type:"radio",custom:!0,id:e.id,label:(0,i.jsxs)(i.Fragment,{children:[e.label,e.description&&(0,i.jsx)("div",{className:"small text-secondary",children:e.description})]}),checked:e.value===a,onChange:()=>n(e.value),className:t()({"mb-2":!0,"pointer-event-none":d,"pointer-event-all":!d}),disabled:r||!!e.disabled,isInvalid:!!o},s))}),(0,i.jsx)(l.A.Control.Feedback,{type:"invalid",children:o})]})}},37771(e,s,a){a.d(s,{A:()=>j});var n=a(9950),t=a(22635),l=a(56174),i=a(95617),o=a(93255),r=a(81600),d=a(72744),c=a(65671),u=a(12876),m=a(72319),h=a(42226),p=a(6749),x=a(44414);const b=[{id:"buyLists-yes",label:"Yes",value:!0},{id:"buyLists-no",label:"No",value:!1}],y=[{id:"coldEmails-yes",label:"Yes",value:!0},{id:"coldEmails-no",label:"No",value:!1}],v={website:"",collectionMethod:"",signupFormLink:"",emailTypes:"",buyLists:null,monthlyVolume:"",coldEmails:null,attachment:null},j=e=>{let{onSuccess:s,onLoadingChange:a,hideIntro:j=!1}=e;const A=(0,d.A)(),g=(0,r.A)(),[C,S]=(0,n.useState)(v),[f,k]=(0,n.useState)(!1),[N,w]=(0,n.useState)({});(0,n.useEffect)(()=>{null===a||void 0===a||a(f)},[f,a]);const L=(e,s)=>S(a=>({...a,[e]:s}));return(0,x.jsxs)("div",{className:"mb-4",children:[!j&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("h5",{children:"MailBluster SMTP Information"}),(0,x.jsx)("p",{className:"text-secondary",children:"Complete the form below to request MailBluster SMTP. Our team will review your application and configure everything for you."})]}),(0,x.jsxs)(t.A,{onSubmit:e=>{var a,n;e.preventDefault(),k(!0),w({});const t=new FormData;t.append("type",i.h),t.append("website",C.website),t.append("collectionMethod",C.collectionMethod),t.append("signupFormLink",C.signupFormLink),t.append("emailTypes",C.emailTypes),t.append("buyLists",String(null!==(a=C.buyLists)&&void 0!==a&&a)),t.append("monthlyVolume",String(C.monthlyVolume)),t.append("coldEmails",String(null!==(n=C.coldEmails)&&void 0!==n&&n)),C.attachment&&t.append("attachment",C.attachment),h.A.post(`/brands/${A.id}/smtp`,t).then(e=>e.data).then(e=>{k(!1),S(v),l.oR.success(e.message),g({type:o.sA,payload:{brand:{...A,smtp:e.smtp}}}),null===s||void 0===s||s()}).catch(e=>{var s;k(!1);const a=(null===e||void 0===e||null===(s=e.response)||void 0===s?void 0:s.data)||{};w(a),(0,p.A)(a.message)})},children:[(0,x.jsxs)(t.A.Group,{controlId:"website",children:[(0,x.jsx)(t.A.Label,{children:"1. Your website/domain"}),(0,x.jsx)(t.A.Control,{type:"text",placeholder:"example.com or https://example.com",value:C.website,onChange:e=>L("website",e.target.value),isInvalid:N.website}),(0,x.jsx)(t.A.Control.Feedback,{type:"invalid",children:null===N||void 0===N?void 0:N.website})]}),(0,x.jsxs)(t.A.Group,{controlId:"collectionMethod",children:[(0,x.jsx)(t.A.Label,{children:"2. How do you collect your subscriber list?"}),(0,x.jsx)(t.A.Control,{as:"textarea",rows:3,placeholder:"Describe your list building process...",value:C.collectionMethod,onChange:e=>L("collectionMethod",e.target.value),isInvalid:N.collectionMethod}),(0,x.jsx)(t.A.Control.Feedback,{type:"invalid",children:null===N||void 0===N?void 0:N.collectionMethod})]}),(0,x.jsxs)(t.A.Group,{controlId:"signupFormLink",children:[(0,x.jsx)(t.A.Label,{children:"3. If you have a page with a sign-up form, then please link it here. (Optional)"}),(0,x.jsx)(t.A.Control,{type:"text",placeholder:"https://example.com/signup",value:C.signupFormLink,onChange:e=>L("signupFormLink",e.target.value),isInvalid:N.signupFormLink}),(0,x.jsx)(t.A.Control.Feedback,{type:"invalid",children:null===N||void 0===N?void 0:N.signupFormLink})]}),(0,x.jsxs)(t.A.Group,{controlId:"emailTypes",children:[(0,x.jsx)(t.A.Label,{children:"4. What types of emails do you send, and how often?"}),(0,x.jsx)(t.A.Control,{type:"text",placeholder:"Monthly newsletter, weekly promotions, product update",value:C.emailTypes,onChange:e=>L("emailTypes",e.target.value),isInvalid:N.emailTypes}),(0,x.jsx)(t.A.Control.Feedback,{type:"invalid",children:null===N||void 0===N?void 0:N.emailTypes})]}),(0,x.jsxs)(t.A.Group,{controlId:"buyLists",className:"mb-4",children:[(0,x.jsx)(t.A.Label,{children:"5. Do you ever buy lists or send cold emails?"}),(0,x.jsx)(m.A,{options:b,selected:C.buyLists,onChange:e=>L("buyLists",e)}),N.buyLists&&(0,x.jsx)("div",{className:"invalid-feedback d-block",children:N.buyLists})]}),(0,x.jsxs)(t.A.Group,{controlId:"monthlyVolume",className:"mb-4",children:[(0,x.jsx)(t.A.Label,{children:"6. How many emails do you intend to send per month?"}),(0,x.jsx)(t.A.Control,{type:"number",placeholder:"10000",value:C.monthlyVolume,onChange:e=>L("monthlyVolume",e.target.value),isInvalid:N.monthlyVolume}),(0,x.jsx)(t.A.Control.Feedback,{type:"invalid",children:null===N||void 0===N?void 0:N.monthlyVolume})]}),(0,x.jsxs)(t.A.Group,{controlId:"coldEmails",className:"mb-4",children:[(0,x.jsx)(t.A.Label,{children:"7. Do you intend to send cold emails?"}),(0,x.jsx)(m.A,{options:y,selected:C.coldEmails,onChange:e=>L("coldEmails",e)}),N.coldEmails&&(0,x.jsx)("div",{className:"invalid-feedback d-block",children:N.coldEmails})]}),(0,x.jsxs)(t.A.Group,{controlId:"attachment",className:"mb-4",children:[(0,x.jsx)(t.A.Label,{children:"8. Example email (Optional)"}),(0,x.jsxs)(c.A,{id:"attachment",accept:{"application/pdf":[".pdf"],"image/*":[".jpeg",".jpg",".png",".gif"]},file:C.attachment,onSelect:e=>L("attachment",e),error:N.attachment,disabled:f,height:120,children:[(0,x.jsx)("div",{className:"text-secondary",children:"Click or drag an example email file here"}),(0,x.jsx)("div",{className:"text-secondary",children:"PDF or image, Max 5MB"})]})]}),(0,x.jsx)(u.A,{type:"submit",className:"px-4",loading:f,children:"Submit request"})]})]})}},95617(e,s,a){a.d(s,{h:()=>n,t:()=>t});const n="connect",t="disconnect"},53007(e,s,a){a.r(s),a.d(s,{default:()=>I});var n=a(9950),t=a(68459),l=a(86781),i=a(16673),o=a(96849),r=a(89501),d=a(7055),c=a(93255),u=a(33126),m=a(22635),h=a(81600),p=a(14763),x=a(63666),b=a(12876),y=a(60430),v=a(85423),j=a(42226),A=a(70814),g=a(44414);const C=e=>{let{onSuccess:s,selectCreatedBrand:a}=e;

1const i=(0,p.A)(),o=(0,x.A)(),r=(0,h.A)(),[d,u]=(0,n.useState)(!1),[C,S]=(0,n.useState)(!1),[f,k]=(0,n.useState)(""),[N,w]=(0,n.useState)(""),[L,I]=(0,n.useState)(""),[F,E]=(0,n.useState)(""),[T,M]=(0,n.useState)(""),[G,V]=(0,n.useState)({});return(0,n.useEffect)(()=>{j.A.get("/brands/timezone").then(e=>e.data).then(e=>{M(e.timezone),u(!0)}).catch(()=>{u(!0)})},[]),(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(l.A,{className:"align-items-center mb-1",children:[(0,g.jsx)(t.A,{children:(0,g.jsx)("h2",{children:"Setup a brand"})}),(0,g.jsx)(t.A,{xs:"auto",className:"ml-auto",children:i.length>0&&(0,g.jsx)(b.A,{variant:"outline-secondary",className:"px-4",onClick:()=>s(),children:"Skip"})})]}),(0,g.jsx)("p",{className:"text-secondary mb-4",children:"Information about the business or organization you will be sending emails on behalf. These information will appear in your emails to your recipients and in the unsubscribe page."}),(0,g.jsxs)(m.A,{onSubmit:e=>{e.preventDefault(),S(!0),j.A.post("/brands",{name:f,senderName:N,senderEmail:L,replyToEmail:F,timezone:T}).then(e=>e.data).then(e=>{r({type:c.Hy,payload:{brand:e.brand}}),a&&r({type:c.tS,payload:{brand:e.brand}}),A.A.brandCreated(e.brand,o),s()}).catch(e=>{S(!1),V(e.response.data)})},children:[(0,g.jsxs)(m.A.Group,{controlId:"name",children:[(0,g.jsx)(y.A,{tooltip:"What is the name of your business or organization? Make sure, it's recognizable to your recipients.",children:"Brand name"}),(0,g.jsx)(m.A.Control,{type:"text",value:f,onChange:e=>k(e.target.value),onBlur:e=>N.length>0?void 0:w(e.target.value),isInvalid:G.name}),(0,g.jsx)(m.A.Control.Feedback,{type:"invalid",children:G.name})]}),(0,g.jsxs)(m.A.Group,{controlId:"senderName",children:[(0,g.jsx)(y.A,{tooltip:"What is the name of the sender?",children:"Sender name"}),(0,g.jsx)(m.A.Control,{type:"text",value:N,onChange:e=>w(e.target.value),isInvalid:G.senderName}),(0,g.jsx)(m.A.Control.Feedback,{type:"invalid",children:G.senderName})]}),(0,g.jsxs)(m.A.Group,{controlId:"senderEmail",children:[(0,g.jsx)(y.A,{tooltip:"From which email address, you will send emails?",children:"Sender email address"}),(0,g.jsx)(m.A.Control,{type:"email",value:L,onChange:e=>I(e.target.value),onBlur:e=>F.length>0?void 0:E(e.target.value),isInvalid:G.senderEmail}),(0,g.jsx)(m.A.Control.Feedback,{type:"invalid",children:G.senderEmail})]}),(0,g.jsxs)(m.A.Group,{controlId:"replyToEmail",children:[(0,g.jsx)(y.A,{tooltip:"If any recipient replies, in which email address the reply will be sent?",children:"Reply to email address"}),(0,g.jsx)(m.A.Control,{type:"email",value:F,onChange:e=>E(e.target.value),isInvalid:G.replyToEmail}),(0,g.jsx)(m.A.Control.Feedback,{type:"invalid",children:G.replyToEmail})]}),(0,g.jsxs)(m.A.Group,{controlId:"timezone",children:[(0,g.jsx)(y.A,{tooltip:"This timezone is used to schedule your campaigns and displaying times on your brand",children:"Timezone"}),(0,g.jsx)(v.A,{value:T,onChange:e=>{let{value:s}=e;return M(s)},error:G.timezone,isLoading:!d,isDisabled:!d})]}),(0,g.jsx)(b.A,{type:"submit",className:"mt-2",loading:C,disabled:!d,children:"Continue"})]})]})},S=e=>{let{onSuccess:s}=e;const[a,t]=(0,u.A)(),[l,i]=(0,n.useState)(!1),[o,r]=(0,n.useState)(a.user.firstName),[d,h]=(0,n.useState)(a.user.lastName),[p,x]=(0,n.useState)({});return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("h2",{children:"Welcome to MailBluster"}),(0,g.jsx)("p",{className:"text-secondary mb-4",children:"Alright, let's set this up. Tell us a little bit about yourself."}),(0,g.jsxs)(m.A,{onSubmit:e=>{e.preventDefault(),i(!0),j.A.put("/account/profile",{firstName:o,lastName:d}).then(e=>e.data).then(e=>{x({}),i(!1),t({type:c.se,payload:{user:e.user}}),s()}).catch(e=>{x(e.response.data),i(!1)})},children:[(0,g.jsxs)(m.A.Group,{controlId:"firstName",children:[(0,g.jsx)(y.A,{children:"First name"}),(0,g.jsx)(m.A.Control,{type:"text",value:o||"",onChange:e=>r(e.target.value),isInvalid:p.firstName}),(0,g.jsx)(m.A.Control.Feedback,{type:"invalid",children:p.firstName})]}),(0,g.jsxs)(m.A.Group,{controlId:"lastName",children:[(0,g.jsx)(y.A,{children:"Last name"}),(0,g.jsx)(m.A.Control,{type:"text",value:d||"",onChange:e=>h(e.target.value),isInvalid:p.lastName}),(0,g.jsx)(m.A.Control.Feedback,{type:"invalid",children:p.lastName})]}),(0,g.jsx)(b.A,{type:"submit",className:"mt-2",loading:l,children:"Continue"})]})]})};var f=a(37771);const k=e=>{let{onSubmitted:s,onSkipped:a}=e;

1const[i,o]=(0,n.useState)(!1);return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(l.A,{className:"align-items-center mb-1",children:[(0,g.jsx)(t.A,{children:(0,g.jsx)("h2",{children:"Start your 14-day free trial"})}),(0,g.jsx)(t.A,{xs:"auto",className:"ml-auto",children:(0,g.jsx)(b.A,{variant:"outline-secondary",className:"px-4",onClick:a,disabled:i,children:"Skip"})})]}),(0,g.jsx)("p",{className:"text-secondary mb-4",children:"Tell us how you send and we will review your request. Once it is approved you can send up to 100 emails a day for 14 days."}),(0,g.jsx)(f.A,{onSuccess:s,onLoadingChange:o,hideIntro:!0})]})},N=e=>{let{onSuccess:s,message:a="Come on in! Let's setup your list and build the campaigns you dream about.",buttonLabel:n="Let's go!"}=e;const t=(0,h.A)();return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("h2",{children:"Account's ready!"}),(0,g.jsx)("p",{children:a}),(0,g.jsx)(b.A,{type:"submit",onClick:()=>{t({type:c.Q_}),s()},className:"mt-2",children:n})]})};var w=a(14940),L=a(26440);const I=()=>{const[e,s]=(0,u.A)(),a=(0,i.W6)(),[m]=(0,n.useState)(()=>w.A.getValue()===r.f),[h]=(0,n.useState)(()=>{var s;return m&&(null===(s=e.brands)||void 0===s?void 0:s.length)>0&&L.A.getValue()===String(e.user.id)}),[p,x]=(0,n.useState)(h?3:1),[b,y]=(0,n.useState)(!1),v=(0,n.useRef)(!1),j=(0,n.useCallback)(()=>{x(e=>e+1),window.scrollTo(0,0)},[]),A=()=>{var s;const n=e.brand||(null===(s=e.brands)||void 0===s?void 0:s[0]);a.push(n?`/${n.domain}`:"/")},f=(0,n.useCallback)(e=>{v.current||(v.current=!0,w.A.removeValue(),L.A.removeValue(),y(e),j())},[j]);return(0,n.useEffect)(()=>{m&&3===p&&L.A.setValue(e.user.id)},[m,p,e.user.id]),(0,n.useEffect)(()=>{var a;if(!m||3!==p||e.brand)return;const n=null===(a=e.brands)||void 0===a?void 0:a.find(e=>e.userRole===d.KC);n?s({type:c.tS,payload:{brand:n}}):f(!1)},[m,p,e.brand,e.brands,s,f]),e.showWelcomeWizard?(0,g.jsx)("div",{className:"h-adjust my-5 pb-5",children:(0,g.jsx)(l.A,{className:"justify-content-center",children:(0,g.jsxs)(t.A,{md:8,lg:6,xl:5,children:[(0,g.jsxs)("p",{children:["Step: ",p," / ",m?4:3]}),1===p&&(0,g.jsx)(S,{onSuccess:j}),2===p&&(0,g.jsx)(C,{onSuccess:j,selectCreatedBrand:m}),3===p&&(m?(0,g.jsx)(k,{onSubmitted:()=>f(!0),onSkipped:()=>f(!1)}):(0,g.jsx)(N,{onSuccess:A})),m&&4===p&&(b?(0,g.jsx)(N,{onSuccess:()=>{a.push({pathname:`/${e.brand.domain}/settings/providers`,search:`?provider=${o.i}`,state:{skipOverview:!0}})},message:"Your request has been submitted and is pending review. Our team will review your application shortly. You will be notified once a decision has been made.",buttonLabel:"Let's go!"}):(0,g.jsx)(N,{onSuccess:A}))]})})}):(0,g.jsx)(i.rd,{to:"/"})}}}]);