https://donate-portal.vercel.app/_next/static/chunks/pages/user/create-e160dd8e419c0f6d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5840],{5362:(e,n,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/user/create",function(){return a(8450)}])},8450:(e,n,a)=>{"use strict";a.r(n),a.d(n,{default:()=>S});var t=a(4848),s=a(6540),l=a(8334),i=a(2491),o=a(469),r=a(9954),d=a(3654),c=a(5026),u=a(4511),h=a(9998),x=a(5626),g=a(9961),m=a(7125),p=a(4505),j=a(3261),C=a(8874),v=a(563),k=a(6405),A=a(6715),b=a(6578);let y=a(6425);function f(e){let{}=e,n=(0,A.useRouter)(),[a,j]=(0,s.useState)(null),[f,S]=(0,s.useState)(!1),[w,B]=(0,s.useState)("Forest Inc."),[N,Z]=(0,s.useState)("We are a 26 yrs old 501(c)(3) non-profit.\nDonor Impact: Every dollar plants a tree.\nTrust Signal: Check our budget disclosure.\nCall for Action: Will you give today ?"),[T,L]=(0,s.useState)("Thank You"),[D,F]=(0,s.useState)(""),[P,I]=(0,s.useState)([25,50]),[_,M]=(0,s.useState)(null),[R,E]=(0,s.useState)([]),[O,U]=(0,s.useState)(null),[Y,G]=(0,s.useState)("#000"),[W,z]=(0,s.useState)("#fff"),[H,V]=(0,s.useState)(null),[$,J]=(0,s.useState)(null),[X,q]=(0,s.useState)("modern"),[K,Q]=(0,s.use

1State)(1),[ee,en]=(0,s.useState)("org"),[ea,et]=(0,s.useState)("regular"),[es,el]=(0,s.useState)(!0),[ei,eo]=(0,s.useState)(!1),[er,ed]=(0,s.useState)(!0),[ec,eu]=(0,s.useState)(!1),[eh,ex]=(0,s.useState)(0),[eg,em]=(0,s.useState)(1e3),[ep,ej]=(0,s.useState)(null),[eC,ev]=(0,s.useState)(""),[ek,eA]=(0,s.useState)(null),[eb,ey]=(0,s.useState)(null),[ef,eS]=(0,s.useState)(null),[ew,eB]=(0,s.useState)(null),[eN,eZ]=(0,s.useState)([]),[eT,eL]=(0,s.useState)(!1),[eD,eF]=(0,s.useState)(!1),[eP,eI]=(0,s.useState)(!1),[e_,eM]=(0,s.useState)(10),[eR,eE]=(0,s.useState)([]),[eO,eU]=(0,s.useState)("");(0,s.useEffect)(()=>{(async()=>{let e=n.query;e=Object.keys(e).find(n=>!e[n])||e.id||e.edit,y.post("/api/Campaign/General",{action:"campaignDetail",campaignId:e}).then(e=>{if(e&&e.data&&e.data.length>=1){let n=e.data[0];n&&(eA(n),n._id&&j(n._id),n.title&&B(n.title),void 0!==n.description&&Z(n.description),void 0!==n.thankYouMessage&&L(n.thankYouMessage),void 0!==n.customHTML&&F(n.customHTML),n.amounts&&I(n.amounts),n.taxPercent&&ex(n.taxPercent),n.funds&&E(n.funds),n.fontcolor&&G(n.fontcolor),n.backgroundColor&&z(n.backgroundColor),n.backgroundImage&&V(n.backgroundImage),n.theme&&q(n.theme),n.backgroundPosition&&Q(n.backgroundPosition),n.organisationType&&en(n.organisationType),n.campaignType&&et(n.campaignType),void 0!==n.customamount&&el(n.customamount),void 0!==n.organisation&&eo(n.organisation),void 0!==n.multiyear&&ed(n.multiyear),void 0!==n.showProgress&&eu(n.showProgress),n.targetAmount&&em(n.targetAmount),n.targetCount&&ej(n.targetCount),n.paymentpage&&ev(n.paymentpage),n.endingDate&&ey(n.endingDate),n.customURL&&eS(n.customURL),n.customFields&&eZ(n.customFields),void 0!==n.singleNameField&&eL(n.singleNameField),void 0!==n.googleAddressValidation&&eF(n.googleAddressValidation),void 0!==n.badges&&eI(n.badges),n.tableChairRatio&&eM(n.tableChairRatio),n.donorTitle&&eE(n.donorTitle))}})})()},[n]);let eY=async e=>{e.preventDefault();let n={action:a?"update":"create",campaignId:a,ownerId:localStorage.userid,title:w,description:N,customHTML:D,thankYouMessage:T,amounts:P,taxPercent:eh,funds:R,fontcolor:Y,backgroundColor:W,backgroundImage:H,theme:X,backgroundPosition:K,organisationType:ee,campaignType:ea,customamount:es,organisation:ei,multiyear:er,showProgress:ec,targetAmount:eg,targetCount:ep,paymentpage:eC,endingDate:eb,customURL:ef,customURL:ef,customFields:eN,singleNameField:eT,googleAddressValidation:eD,badges:eP,tableChairRatio:e_,donorTitle:eR};if($){let e=await (0,C.w4)($);n.backgroundImage=await (0,C.Sk)(e)}let t=new FormData;return t.append("data",JSON.stringify(n)),(0,p.Ay)("Saving Campaign"),y.post("/api/Campaign/Create",t,{headers:{"content-type":"multipart/form-data"}}).then(e=>{if(!e||!e.data){p.Ay.error("Error");return}a||j(e.data),p.Ay.dismiss(),p.Ay.success("Campaign Details Saved !")}),!1};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{children:"\n.container{padding:50px 20px;}\n.configList>*{\nmargin-bottom:10px;\n}\n"}),(0,t.jsxs)(l.A,{container:!0,spacing:1,style:{padding:"0px 20px",margin:"10px -8px"},children:[(0,t.jsxs)(l.A,{item:!0,lg:4,md:5,sm:6,xs:12,className:"flex flex-stretch",children:[(0,t.jsxs)("h4",{children:["Campaign Details"," ",a&&(0,t.jsx)(m.A,{onClick:()=>{window.open(C.$W.server+"page/donate?id="+a)},className:"clickable",style:{float:"right"}})]}),(0,t.jsx)(c.A,{variant:"contained",color:"primary",onClick:eY,children:a?"Save Campaign Details":"Create Campaign"}),(0,t.jsx)("br",{}),(0,t.jsxs)(o.A,{children:[(0,t.jsx)(r.A,{expandIcon:(0,t.jsx)(g.A,{}),children:"Details"}),(0,t.jsxs)(d.A,{className:"flex flex-stretch configList",children:[(0,t.jsx)(i.A,{onChange:e=>{(0,b.ZB)(e,B)},label:"Campaign Name",value:w}),(0,t.jsx)(i.A,{id:"standard-multiline-static",label:"Description",multiline:!0,rows:4,value:N,onChange:e=>{(0,b.ZB)(e,Z)}}),(0,t.jsx)(i.A,{onChange:e=>{(0,b.ZB)(e,ev)},label:"iATS Payment Page Link",value:eC}),(0,t.jsxs)("span",{children:[(0,t.jsx)("input",{type:"checkbox",onChange:e=>{(0,b.ZB)(e,eu)},checked:ec&&'"checked"'})," ","Show Progress Bar and Latest 3 Gifts"]}),(0,t.jsx)("b",{children:"Organization Type"}),(0,t.jsx)(u.A,{name:"orgtype",id:"",value:ee,onChange:e=>{(0,b.ZB)(e,en)},children:k.J7.map((e,n)=>(0,t.jsx)(h.A,{value:e.key,children:e.label},n))}),(0,t.jsx)("b",{children:"Campaign Type"}),(0,t.jsx)(u.A,{name:"campaigntype",value:ea,onChange:e=>{var n;(null==e?void 0:null===(n=e.target)||void 0===n?void 0:n.value)==k.R1[3].key&&el(!1),et(e.target.value)},children:k.R1.map((e,n)=>(0,t.jsx)(h.A,{value:e.key,children:e.label},n))}),(0,t.jsx)("br",{}),(0,t.jsx)("strong",{children:"Funds"}),R.map((e,n)=>(0,t.jsxs)("div",{children:[n+1,". ",e," ",(0,t.jsx)("button",{onClick:()=>{let e=[...R];e.splice(n,1),E(e)},className:"u-pull-right",children:"Delete"})]})),(0,t.jsxs)("div",{children:[(0,t.jsx)(i.A,{type:"text",value:_,onCh

1ange:e=>{(0,b.ZB)(e,M)},label:"New fund"}),(0,t.jsx)(c.A,{onClick:()=>{E([...R,_])},children:"Add"})]})]})]}),(0,t.jsxs)(o.A,{children:[(0,t.jsx)(r.A,{expandIcon:(0,t.jsx)(g.A,{}),children:"Amounts"}),(0,t.jsxs)(d.A,{className:"flex flex-stretch configList",children:[(0,t.jsx)(i.A,{type:"number",value:eg,onChange:e=>{(0,b.ZB)(e,em)},label:"Target Amount"}),(0,t.jsx)("div",{className:"text-center",children:"- or -"}),(0,t.jsx)(i.A,{type:"number",value:ep,onChange:e=>{(0,b.ZB)(e,ej)},label:"Target Donation Count"}),"Ending Date",(0,t.jsx)(i.A,{type:"date",value:eb,onChange:e=>{(0,b.ZB)(e,ey)}}),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("br",{}),(0,t.jsx)("strong",{children:"Donation Amounts"})]}),P.map((e,n)=>(0,t.jsxs)("div",{children:["$",e," ",(0,t.jsx)("button",{onClick:()=>{let e=[...P];e.splice(n,1),I(e)},className:"u-pull-right",children:"Delete"})]})),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(i.A,{type:"number",value:O,onChange:e=>{(0,b.ZB)(e,U)},label:"New Amount"}),(0,t.jsx)(c.A,{onClick:()=>{I([...P,parseInt(O)])},children:"Add"})]}),(0,t.jsx)("br",{}),(0,t.jsx)(i.A,{type:"number",value:eh,onChange:e=>{(0,b.ZB)(e,ex)},label:"Tax Percent"}),(0,t.jsx)("br",{}),(0,t.jsxs)("div",{children:[(0,t.jsx)("input",{type:"checkbox",onChange:e=>{!1==e.target.checked&&ed(!1),el(e.target.checked)},checked:es&&'"checked"'})," ","Custom Gift Amount Allowed"]})]})]})]}),(0,t.jsxs)(o.A,{children:[(0,t.jsx)(r.A,{expandIcon:(0,t.jsx)(g.A,{}),children:"Customize"}),(0,t.jsxs)(d.A,{className:"flex flex-stretch configList",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(x.A,{htmlFor:"themeSelect",shrink:!0,children:"Theme"}),(0,t.jsxs)(u.A,{id:"themeSelect",value:X,onChange:e=>{(0,b.ZB)(e,q)},label:"Theme",children:[(0,t.jsx)(h.A,{value:"modern",children:"Modern"}),(0,t.jsx)(h.A,{value:"onepage",children:"One-page"})]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("input",{type:"checkbox",onChange:e=>{(0,b.ZB)(e,eo)},checked:ei&&'"checked"'})," ","Organisation Users"]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("input",{type:"checkbox",onChange:e=>{(0,b.ZB)(e,ed)},checked:er&&'"checked"'})," ","Multi Year Pledge Option"]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("input",{type:"color",onChange:e=>{(0,b.ZB)(e,G)},value:Y})," ","Font Color"]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("input",{type:"color",onChange:e=>{(0,b.ZB)(e,z)},value:W})," ","Background Color ",(0,t.jsx)("br",{}),(0,t.jsx)("small",{children:"(shown if no Image is found or while Image is loading)"})]}),(0,t.jsxs)("div",{children:["Background Image",(0,t.jsx)("br",{}),(0,t.jsx)("input",{type:"file",onChange:e=>{J(e.target.files[0])}}),(H||$)&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(c.A,{variant:"contained",color:"primary",size:"small",style:{backgroundColor:"#e84545",marginLeft:10},onClick:()=>{V(null),J(null)},children:"Clear"}),"modern"==X&&(0,t.jsxs)("div",{children:[(0,t.jsx)(x.A,{htmlFor:"backgroundPositionSelect",shrink:!0,children:"Image Position"}),(0,t.jsxs)(u.A,{id:"backgroundPositionSelect",value:K,onChange:e=>{(0,b.ZB)(e,Q)},label:"Position",children:[(0,t.jsx)(h.A,{value:1,children:"Backgroun

1d"}),(0,t.jsx)(h.A,{value:2,children:"Full-width"}),(0,t.jsx)(h.A,{value:3,children:"Top"})]})]})]})]}),(0,t.jsx)(i.A,{onChange:e=>{(0,b.ZB)(e,L)},value:T,label:"Thank You Message",multiline:!0}),(0,t.jsx)(i.A,{onChange:e=>{(0,b.ZB)(e,F)},value:D,label:"Custom HTML Code",multiline:!0}),(0,t.jsx)(i.A,{onChange:e=>{(0,b.ZB)(e,eS)},value:ef,label:"Custom URL"}),(0,t.jsx)("a",{style:{textDecoration:"underline"},href:C.$W.server+"page/donate?"+ef,children:"Custom Link"}),(0,t.jsx)("b",{style:{marginTop:"20px"},children:"Custom Fields"}),eN.map((e,n)=>(0,t.jsxs)("div",{children:[n+1,". ",e," ",(0,t.jsx)("button",{onClick:()=>{let e=[...eN];e.splice(n,1),eZ(e)},className:"u-pull-right",children:"Delete"})]})),(0,t.jsxs)("div",{children:[(0,t.jsx)(i.A,{type:"text",value:ew,onChange:e=>{(0,b.ZB)(e,eB)},label:"New Custom Field"}),(0,t.jsx)(c.A,{onClick:()=>{eZ([...eN,ew])},children:"Add"})]}),(0,t.jsx)("b",{style:{marginTop:"20px"},children:"Custom Donor Titles"}),eR.map((e,n)=>(0,t.jsxs)("div",{children:[n+1,". ",e," ",(0,t.jsx)("button",{onClick:()=>{let e=[...eR];e.splice(n,1),eE(e)},className:"u-pull-right",children:"Delete"})]})),(0,t.jsxs)("div",{children:[(0,t.jsx)(i.A,{type:"text",value:eO,onChange:e=>{(0,b.ZB)(e,eU)},label:"New Option"}),(0,t.jsx)(c.A,{onClick:()=>{eE([...eR,eO]),eU("")},children:"Add"})]})]})]}),(0,t.jsxs)(o.A,{children:[(0,t.jsx)(r.A,{expandIcon:(0,t.jsx)(g.A,{}),children:"Advanced Features"}),(0,t.jsxs)(d.A,{className:"flex flex-stretch configList",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("input",{type:"checkbox",onChange:e=>{(0,b.ZB)(e,eL)},checked:!!eT})," ","Single Name Field"]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("input",{type:"checkbox",onChange:e=>{(0,b.ZB)(e,eF)},checked:!!eD})," ","Google Address Validation"]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("input",{type:"checkbox",onChange:e=>{(0,b.ZB)(e,eI)},checked:!!eP})," ","Enable Badges"]}),ea===k.R1[3].key&&(0,t.jsx)(i.A,{type:"number",value:e_,onChange:e=>{(0,b.ZB)(e,eM)},label:"Chairs per Table Ratio"})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)(c.A,{variant:"contained",color:"primary",onClick:eY,children:a?"Save Campaign Details":"Create Campaign"})]}),(0,t.jsxs)(l.A,{item:!0,lg:f?4:8,md:f?4:7,sm:f?4:6,xs:12,className:"column "+(f?"one-half":"two-thirds"),children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("b",{className:"ml-20",children:"Preview: "}),(0,t.jsxs)("span",{className:"ml-20",children:[(0,t.jsx)("input",{type:"radio",name:"mobile",id:"",onChange:e=>{e.target.checked&&S(!0)},checked:!!f}),(0,t.jsx)("svg",{className:"ml-10",id:"i-mobile",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:"25",height:"25",fill:"none",stroke:"currentcolor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",children:(0,t.jsx)("path",{d:"M21 2 L11 2 C10 2 9 3 9 4 L9 28 C9 29 10 30 11 30 L21 30 C22 30 23 29 23 28 L23 4 C23 3 22 2 21 2 Z M9 5 L23 5 M9 27 L23 27"})})]}),(0,t.jsxs)("span",{className:"ml-20",children:[(0,t.jsx)("input",{type:"radio",name:"mobile",id:"",onChange:e=>{e.target.checked&&S(!1)},checked:!f}),(0,t.jsx)("svg",{className:"ml-10",id:"i-desktop",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:"25",height:"25",fill:"none",stroke:"currentcolor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",children:(0,t.jsx)("path",{d:"M10 29 C10 29 10 24 16 24 22 24 22 29 22 29 L10 29 Z M2 6 L2 23 30 23 30 6 2 6 Z"})})]})]}),(0,t.jsx)(v.default,{mobile:f,pageData:{title:w,description:N,customHTML:D,thankYouMessage:T,amounts:P,funds:R,taxPercent:eh,fontcolor:Y,backgroundColor:W,backgroundImage:$?URL.createObjectURL($):H,theme:X,backgroundPosition:K,organisationType:ee,campaignType:ea,customamount:es,organisation:ei,multiyear:er,showProgress:ec,targetAmount:eg,targetCount:ep,paymentpage:eC,paymentpage:eC,singleNameField:eT,googleAddressValidation:eD,badges:eP,tableChairRatio:e_,donorTitle:eR,customFields:eN,creationDate:null==ek?void 0:ek.creationDate}})]})]})]})}function S(){return(0,t.jsx)(j.A,{Component:f,header:!0,footer:!0,pageProps:{}})}}},e=>{var n=n=>e(e.s=n);e.O(0,[3197,3478,9906,8037,9736,6425,1021,1679,9830,1637,9711,7579,5592,563,636,6593,8792],()=>n(5362)),_N_E=e.O()}]);