https://app.middleware.io/static/TBG5kLYW.production.bundle.min.js

1import{r as o,j as e,R as m,v as j}from"./CZzrexQa.production.bundle.min.js";import{B as h}from"./YCM_kEyP.production.bundle.min.js";import{e as l}from"./CUZmxn9S.production.bundle.min.js";import{S as x}from"./D0x1Z4HE.production.bundle.min.js";import"./9eHdvLN4.production.bundle.min.js";import{C as p,O as g,P as S,Q as v,R as b}from"./gFHMGxt6.production.bundle.min.js";import{c as d}from"./BtHfF601.production.bundle.min.js";import{L as f}from"./B22D6i7t.production.bundle.min.js";import{D as C}from"./D8sKcCdJ.production.bundle.min.js";import y from"./8kE2rbPe.production.bundle.min.js";import"./DGYQp8fe.production.bundle.min.js";import"./DvLd3evF.production.bundle.min.js";import"./E6csxmgU.production.bundle.min.js";import"./tkddr5kZ.production.bundle.min.js";import"./BmBjCq8D.production.bundle.min.js";import"./CHClG9UV.production.bundle.min.js";import"./Dsqj8S3w.production.bundle.min.js";import"./3wIbuO__.production.bundle.min.js";import"./CiD4UJCU.production.bundle.min.js";import"./vhNSgALD.production.bundle.min.js";import"./D2TiwZt4.production.bundle.min.js";import"./ClxpELDE.production.bundle.min.js";import"./DWUNlcjA.production.bundle.min.js";import"./D-90pMQ7.production.bundle.min.js";import"./DtpVAsok.production.bundle.min.js";import"./2mZBARql.production.bundle.min.js";import"./Ch78CD0x.production.bundle.min.js";/* empty css                              */import"./kkIr59yR.production.bundle.min.js";import"./Bm1LOIPR.production.bundle.min.js";let c=!0;class E extends o.Component{constructor(s){var n;super(s),this.handleSubmit=a=>{a.preventDefault(),this.validateInputs(),c&&this.props.requestEmailManually({content_body:this.state.emailContent,subject:this.state.emailtitle},(r,u)=>{this.props.onSuccess&&typeof this.props.onSuccess=="function"&&this.props.onSuccess(!0)})},this.handleSubmitTesting=a=>{a.preventDefault(),this.validateInputs(),c&&this.props.requestEmailManually({content_body:this.state.emailContent,subject:this.state.emailtitle,email:this.state.emailaddress,testing:"test",campaign_name:this.state.campaign_name,time_schedule:this.state.timeSchedule},(r,u)=>{this.props.onSuccess&&typeof this.props.onSuccess=="function"&&this.props.onSuccess(!1)})},this.validateInputs=()=>{const a=this.state.emailtitle.length<2,r=this.state.emailContent.length<10;a&&this.setState({EmailTitleErr:!0}),r&&this.setState({EmailContentErr:!0}),c=!a&&!r},this.convertContentToHTML=()=>{};const t=((n=this.props)==null?void 0:n.email_campaign)||{};this.handleSubmit=this.handleSubmit.bind(this),this.state={editId:t!=null&&t.id&&t.id>0?t.id:null,emailtitle:(t==null?void 0:t.subject)||"",EmailTitleErr:!1,emailCategory:(t==null?void 0:t.campaign_type)||"",EmailCategoryErr:!1,emailContent:(t==null?void 0:t.content_body)||"",EmailContentErr:!1,editorState:"",htmlContent:"",convertedContent:null,campaign_name:"",timeSchedule:new Date}}render(){return e.jsx(o.Fragment,{children:e.jsxs("div",{className:"new-email",children:[e.jsx("h4",{children:this.props.title}),e.jsxs("div",{className:"form",children:[e.jsxs("div",{className:"title",children:[e.jsx("label",{children:"Subject"}),e.jsx("input",{type:"text",placeholder:"Email Title",className:`${this.state.EmailTitleErr?"is-error":""}`,value:this.state.emailtitle,onChange:s=>{const t=s.target&&s.target.value;this.setState({emailtitle:t})},onKeyUp:s=>{this.state.emailtitle.length>0&&this.setState({EmailTitleErr:!1})}})]}),e.jsxs("div",{className:"title",children:[e.jsx("label",{children:"Email Address (If you want to send for testing) "}),e.jsx("input",{type:"text",placeholder:"Email Address",value:this.state.emailaddress,onChange:s=>{const t=s.target&&s.target.value;this.setState({emailaddress:t})}})]}),e.jsxs("div",{className:"title",children:[e.jsx("label",{children:"Set a Time Schedule"}),e.jsx("input",{type:"datetime-local",placeholder:"Email Address",value:this.state.timeSchedule,onChange:s=>{const t=s.target&&s.target.value;console.log(t,"--value"),console.log(s.target,"e--value"),this.setState({timeSchedule:t})}})]}),e.jsxs("div",{className:"title",children:[e.jsx("label",{children:"Campaign Name"}),e.jsx("input",{type:"text",placeholder:"Newsletter Campaign_Name",value:this.state.campaign_name,onChange:s=>{const t=s.target&&s.target.value;this.setState({campaign_name:t})}})]}),e.jsx("div",{className:"content",children:e.jsx("label",{children:"Email Content"})}),e.jsxs("div",{className:"close-bottom",children:[e.jsx("button",{onClick:this.handleSubmit,children:"Send to All"}),e.jsx("button",{onClick:this.handleSubmitTesting,children:"Send for Testing"})]})]})]})})}}const N=d(i=>({emailcontent:p(i)}),{requestEmailManually:g})(E);class _ extends o.Component{constructor(s){super(s),this.state={_value2:"Single Value 3",_options2:["Single Value 1","Single Value 2","Single Value 3"]}}render(){return e.jsx(o.Fragment,{children:e.jsxs("div",{className:"new-email",children:[e.jsx("h4",{children:"Select Sender"}),e.jsxs("form",{children:[e.jsxs("div",{className:"title",children:[e.jsx("label",{htmlFor:"Select Sender"}),e.jsx(C,{placeholder:"Select sender",defaultValue:this.state._value2,options:this.state._options2,onChange:s=>{console.log("onChange:data2",s),this.setState({_value2:s})}})]}),e.jsx("div",{className:"close-bottom",children:e.jsx("button",{children:"Done"})})]})]})})}}const O=d(i=>({emailcontent:p(i)}),{})(_);class D extends m.Component{constructor(s){super(s),this.deleteEmail=()=>{console.log("campaign_item.id",this.state.Delete_Id),this.props.requestDeleteEmailCampaign({editId:this.state.Delete_Id}),this.setState({isDeleteOpen:!1})},this.state={isOpen:!1,isSenderOpen:!1,isEditOpen:!1,isDeleteOpen:!1,position:"center",_value2:"Single Value 3",_options2:["Single Value 1","Single Value 2","Single Value 3"],isOpenManually:!1}}componentDidMount(){this.props.requestEmailCampaignTemplate()}render(){const{email:s}=this.props;return e.jsxs(m.Fragment,{children:[e.jsx(f,{}),e.jsxs("div",{className:"middleware-data email-details",children:[e.jsxs("section",{className:"top-section",children:[e.jsx("div",{className:"top-heading",children:e.jsx("p",{children:"Email Details"})}),e.jsxs("div",{className:"d-flex",children:[e.jsx("div",{className:"search-bar",children:e.jsx(x,{placeholder:"Search Emails"})}),e.jsx("div",{className:"email-button",children:e.jsx(h,{primary:!0,onClick:()=>{this.setState({isOpen:!0})},children:"Create New Email"})}),e.jsx("div",{className:"email-button",children:e.jsx(h,{primary:!0,onClick:()=>{this.setState({isOpenManually:!0})},children:"Send a Manually Email"})})]})]}),e.jsx("section",{className:"email-content",children:e.jsx("div",{className:"email-form",children:e.jsxs("table",{className:"head__sticky",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:e.jsx("span",{children:"EMAIL TITLE"})}),e.jsx("th",{children:e.jsx("span",{children:"STATUS"})}),e.jsx("th",{children:e.jsx("span",{children:"CREATED AT"})}),e.jsx("th",{children:e.jsx("span",{children:"ACTIONS"})})]})}),e.jsx("tbody",{children:s.map((t,n)=>e.jsxs("tr",{children:[e.jsx("td",{children:t.campaign_type}),e.jsx("td",{children:e.jsxs("div",{className:"pending",children:[t.status,".."," "]})}),e.jsx("td",{children:j(t.created_at).format("MMM DD, YYYY  hh:mm a")}),e.jsxs("td",{children:[e.jsxs("button",{className:"edit",onClick:()=>{this.setState({isOpen:!0,email_campaign:{id:t.id,sender_id:t.sender_id,campaign_type:t.campaign_type,status:t.status,subject:t.subject,content_body:t.content_body}})},children:["Edit"," "]}),e.jsx("button",{className:"delete",onClick:()=>{this.setState({isDeleteOpen:!0,Delete_Id:t.id})},children:"Delete"}),e.jsx("button",{className:"pre",onClick:()=>{this.setState({isPreviewOpen:!0,email_campaign:{id:t.id,subject:t.subject,content_body:t.content_body}})},children:"Preview"})]})]},n))})]})})})]}),this.state.isOpen&&e.jsx(l,{isOpen:this.state.isOpen,position:"right",overlayClassName:"email-dailog",onClose:()=>

1{this.setState({isOpen:!1,email_campaign:{id:null,sender_id:null,campaign_type:null,status:null,subject:null,content_body:null}})},children:e.jsx(y,{email_campaign:this.state.email_campaign,title:"Update Email Campaign",onSuccess:()=>{this.setState({isOpen:!1})}})}),this.state.isOpenManually&&e.jsx(l,{isOpen:this.state.isOpenManually,position:"right",overlayClassName:"email-dailog-manually",onClose:()=>{this.setState({isOpenManually:!1,email_campaign:{id:null,sender_id:null,campaign_type:null,status:null,subject:null,content_body:null}})},children:e.jsx(N,{email_campaign:this.state.email_campaign,title:"Send a Manually Email",onSuccess:t=>{t&&this.setState({isOpenManually:!1})}})}),this.state.isPreviewOpen&&e.jsx(l,{isOpen:this.state.isPreviewOpen,position:"right",overlayClassName:"email-dailog",onClose:()=>{this.setState({isPreviewOpen:!1,email_campaign:{id:null,subject:null,content_body:null}})},children:e.jsxs("div",{className:"pre_email_campaign",children:[e.jsx("h3",{children:this.state.email_campaign.subject}),e.jsxs("div",{className:"profile d-flex",children:[e.jsx("img",{src:"https://middleware.io/backend/wp-content/uploads/2022/12/ld.jpg"}),e.jsxs("div",{className:"from",children:[e.jsx("p",{className:"admin",children:"Laduram Vishnoi"}),e.jsx("p",{children:"to Username"})]})]}),e.jsx("div",{className:"preview_content",children:e.jsxs("p",{children:["Hi Username ,",e.jsx("br",{}),this.state.email_campaign.content_body]})}),e.jsx("div",{className:"ty",children:e.jsxs("p",{children:["Regards, ",e.jsx("br",{}),e.jsx("b",{children:"Laduram"}),e.jsx("br",{}),e.jsx("b",{children:"Founder and CEO at middleware"})]})})]})}),this.state.isSenderOpen&&e.jsx(l,{isOpen:this.state.isSenderOpen,position:"right",overlayClassName:"email-dailog",onClose:()=>{this.setState({isSenderOpen:!1})},children:e.jsx(O,{})}),e.jsxs(l,{isOpen:this.state.isDeleteOpen,position:"center",overlayClassName:"user-delete-confirmation__dialog setting-confirmation-dialog detele",onClose:()=>{this.setState({isDeleteOpen:!1})},children:[e.jsx("h4",{children:"Are you sure want to delete the Email campaign?"}),e.jsxs("div",{className:"dialog-buttons-wrapper",children:[e.jsx("button",{className:"button is-simple",onClick:()=>{this.setState({isDeleteOpen:!1})},children:"Cancle"}),e.jsx("button",{className:"button is-scary",onClick:()=>this.deleteEmail(),children:"Delete"})]})]})]})}}const le=d(i=>({email:S(i)}),{requestEmailCampaignTemplate:b,requestDeleteEmailCampaign:v})(D);export{le as default};