https://app.tracksend.co/_next/static/chunks/pages/campaigns/senderId-ee1a71038faaa158.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6384,7772],{36757:(e,t,n)=>{"use strict";n.d(t,{A:()=>d});var a=n(23798),s=n(59355),r=n(15170),i=n(70213),l=n.n(i);let d=()=>(0,a.jsx)("div",{children:(0,a.jsx)(s.Ay,{status:"403",title:"403",subTitle:"Sorry, you are not authorized to access this page.",extra:(0,a.jsx)(r.Ay,{type:"primary",children:(0,a.jsx)(l(),{href:"/login",children:"Log In"})})})})},38083:(e,t,n)=>{"use strict";n.d(t,{A:()=>j});var a=n(23798),s=n(21462),r=n(12101),i=n(75031),l=n(61225),d=n(45415),o=n(70277),c=n(15170),m=n(91686),p=n(36862),u=n(91376),_=n(78969),h=n(62729),x=n(94913),f=n(72729),y=n(42188);let{Option:g}=r.A,j=e=>{let{mutate:t,openNotification:n,isModal:j,handleCancel:A,campaignForm:w}=e,{onboarding_flow:b}=(0,h.b$)(),v=(0,x.A)(),{token:I,user:S}=(0,u.I)(),[C,D]=(0,s.useState)(!1),[k,N]=(0,s.useState)(null),{data:E}=(0,f.Ay)(p.zd.SENDER_IDS),z=j?{background:"#fff"}:{},T=async e=>{let{name:n,description:a,type:s}=e;if(n.match(/\s/g))return void N("*Please remove all spaces from ID Name and try again.");N(null),D(!0);try{let{message:e,data:r}=await (0,m.I)(p.zd.CREATE_SENDER_ID,"POST",I,{name:n,description:a,type:s});(0,_.j3)("".concat(e,". Check your email for the next steps to verify your Sender ID and get started.")),t(p.zd.SENDER_IDS),r&&t(p.zd.SENDER_IDS,{...E,data:[...E.data,r]}),w&&setTimeout(()=>{w.setFieldValue("sender",null==r?void 0:r.id)},500),A&&A(),(0,_.AF)(b,"add-messaging-channels",v,2e3),(0,y.s)(S,"sender_id_created",{sender_id:null==r?void 0:r.id,sender_name:null==r?void 0:r.name,business_name:S.business,sender_id_type:r.type,channel_type:"SMS",created_at:r.createdAt}),D(!1)}catch(e){console.log(e),D(!1)}};return(0,a.jsx)("div",{children:(0,a.jsxs)(i.A,{layout:"vertical",name:"form_in_modal",initialValues:{name:"",description:"",type:"promotional"},onFinish:T,children:[(0,a.jsx)("p",{style:{color:"red"},children:k}),(0,a.jsxs)(l.A,{style:{padding:"5px 20px"},gutter:[16,3],children:[(0,a.jsx)(d.A,{sm:24,lg:8,children:(0,a.jsx)(i.A.Item,{name:"name",label:"ID Name",extra:" ( max: 11 chars; no spaces; only alphanumeric characters )",rules:[{required:!0,message:"Please input the name ID"}],children:(0,a.jsx)(o.A,{style:{background:"#f8f8f8",...z},size:"large",maxLength:11})})}),(0,a.jsx)(d.A,{sm:24,lg:8,children:(0,a.jsx)(i.A.Item,{name:"description",label:"Description",rules:[{required:!0,message:"Please input a description"}],children:(0,a.jsx)(o.A,{style:{background:"#f8f8f8",...z},type:"textarea",size:"large"})})}),(0,a.jsx)(d.A,{sm:24,lg:8,children:(0,a.jsx)(i.A.Item,{name:"type",label:"Type",rules:[{required:!0,message:"Please select a sender type"}],children:(0,a.jsxs)(r.A,{bordered:!0,placeholder:"Select SenderId Type",size:"large",style:{width:"100%",border:"1px solid #d9d9d9",borderRadius:5,background:"#f8f8f8",...z},defaultValue:"promotional",children:[(0,a.jsx)(g,{value:"promotional",children:"Promotional"},"1"),(0,a.jsx)(g,{value:"transactional",children:"Transactional"},"2")]})})}),(0,a.jsx)(d.A,{span:24,style:{padding:"0px 10px"},children:(null==S?void 0:S.role)=="superadmin"||(null==S?void 0:S.role)=="admin"?(0,a.jsx)(i.A.Item,{children:(0,a.jsx)(c.Ay,{type:"primary",htmlType:"submit",size:"large",loading:C,children:C?"Processing":" Create"})}):(0,a.jsx)(c.Ay,{type:"primary",onClick:()=>n("error"),size:"large",children:"Create"})})]})]})})}},42188:(e,t,n)=>{"use strict";n.d(t,{g:()=>i,s:()=>l});var a=n(36862);let s=null;async function r(){if(!s){let{AnalyticsBrowser:e}=await n.e(4095).then(n.bind(n,84095));s=e.load({writeKey:a.Kr}),console.log("CIO Analytics Initialized")}return s}let i=async function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e)return;let n=await r(),a=n?n[0]:null;if(!a||"function"!=typeof a.identify)return;let{email:s,name:i,plan:l,createdAt:d,business:o,phone:c,country:m}=e,p=i?i.trim().split(" "):[],u=p[0]||"",_=p.length>1?p.slice(1).join(" "):"";a.identify(s,{name:i,email:s,firstname:u,lastname:_,plan:l,business:o,phone:c||"",country:m||"",created_at:d,...t})},l=async function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!e||!t)return;let a=await r(),s=a?a[0]:null;s&&"function"==typeof s.track&&s.track(t,{email:e.email,data:n})}}

1,43793:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>K});var a=n(23798),s=n(53092),r=n(21462),i=n(25846),l=n(23530),d=n(71882),o=n(11301),c=n(978),m=n(84408),p=n(15170),u=n(5032),_=n(57158),h=n(45823),x=n(49224),f=n(22032),y=n(86038),g=n(38083),j=n(67659),A=n.n(j),w=n(91376),b=n(36862),v=n(72729),I=n(95796),S=n(61225),C=n(45415),D=n(90590),k=n.n(D);let N=e=>{let{visible:t,onCreate:n,onCancel:s,senderIdDetails:i}=e,[l,d]=(0,r.useState)(""),[o,c]=(0,r.useState)(""),[m,p]=(0,r.useState)("");return(0,r.useEffect)(()=>{d(i.name),c(i.description)},[i]),(0,a.jsx)(I.A,{open:t,title:"Edit Sender ID",okText:"Update",cancelText:"Cancel",onCancel:s,onOk:()=>{l&&o?(n({name:l,description:o}),p("")):p("*All fields are required")},children:(0,a.jsxs)("form",{name:"form_in_modal",children:[(0,a.jsx)(S.A,{style:{marginBottom:10},children:(0,a.jsxs)(C.A,{span:24,children:[(0,a.jsx)("label",{className:k().modal_label,children:"ID Name"}),(0,a.jsx)("input",{type:"text",value:l,onChange:e=>d(e.target.value),className:k().modal_inputs})]})}),(0,a.jsx)(S.A,{style:{marginBottom:10},children:(0,a.jsxs)(C.A,{span:24,children:[(0,a.jsx)("label",{className:k().modal_label,children:"Description"}),(0,a.jsx)("textarea",{rows:"2",value:o,onChange:e=>c(e.target.value),className:k().modal_inputs})]})}),(0,a.jsx)("p",{style:{color:"red"},children:m})]})})};var E=n(91686),z=n(53454),T=n.n(z),R=n(69764),L=n(78969);let{Panel:M}=i.A,q=()=>{let{token:e,user:t}=(0,w.I)(),{setBreadcrumb:n}=(0,R.g)(),[s,j]=(0,r.useState)(!1),[I,S]=(0,r.useState)({}),[C,D]=(0,r.useState)([]);(0,r.useEffect)(()=>(n([{name:"Dashboard",href:"/dashboard"},{name:"Sender ID"}]),()=>{n([])}),[n]);let k=e=>{let{record:t}=e;return(null==P?void 0:P.length)>=1?(0,a.jsxs)(d.A,{size:"middle",children:[(0,a.jsx)(x.A,{style:{fontSize:"1em",background:"#0062ff",color:"#fff",padding:5,borderRadius:5},onClick:()=>{j(!0),S({id:t.key,name:t.name,description:t.description})}}),(0,a.jsx)(o.A,{title:"Sure to delete?",onConfirm:()=>F(t.key),children:(0,a.jsx)(f.A,{style:{fontSize:"1em",background:"#ff000082",color:"#fff",padding:5,borderRadius:5}})})]}):null},{data:z,mutate:q}=(0,v.Ay)(b.zd.SENDER_IDS),P=null==z?void 0:z.data,F=async t=>{try{let{message:n}=await (0,E.I)(b.zd.SENDER_ID_ACTIONS(t),"DELETE",e);q(),(0,L.j3)(n)}catch(e){console.log(e)}},K=async t=>{let{name:n,description:a}=t;try{let t=await (0,E.I)(b.zd.SENDER_ID_ACTIONS(null==I?void 0:I.id),"PATCH",e,{name:n,description:a});q();let{message:s}=t;j(!1),(0,L.j3)(s)}catch(e){console.log(e),j(!1)}},O=[{title:"NAME",dataIndex:"name",width:150,className:T().senderid_list,render:(e,t)=>(0,a.jsx)(a.Fragment,{children:t.isDefault?(0,a.jsxs)("span",{children:[e," ",(0,a.jsx)(c.A,{style:{borderRadius:5,border:"none",marginLeft:3},color:"processing",children:"default"})]}):e})},{title:"TYPE",dataIndex:"type",width:150,className:T().senderid_list},{title:"STATUS",dataIndex:"status",width:100,className:T().senderid_list},{title:"USAGE LIMIT",dataIndex:"usageLimit",width:150,className:T().senderid_list},{title:"CREATED",dataIndex:"createdAt",width:150,className:T().senderid_list},(null==t?void 0:t.role)=="superadmin"||(null==t?void 0:t.role)=="admin"&&{title:"Action",width:100,key:"action",render:(e,t)=>(0,a.jsx)(k,{record:t}),fixed:"right"}],V=null==P?void 0:P.sort((e,t)=>A()(t.updatedAt)-A()(e.updatedAt)),H=null==V?void 0:V.map(e=>({key:e.id,name:e.name,type:e.type.toUpperCase(),description:e.description,status:0==e.status?"Pending":"OK",usageLimit:e.is_default?"".concat(e.usage_count," / 5"):"No Limit",isDefault:e.is_default,createdAt:A()(e.createdAt).format("LLL"),updatedAt:A()(e.updatedAt).format("LLL")}));return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(m.A,{className:"responsive-list-card",title:"Sender IDs",bordered:!1,styles:{body:{padding:0},header:{fontWeight:600,fontSize:"1.5rem",border:"none"}},children:(0,a.jsxs)("div",{style:{borderRadius:10,background:"#f0f2f5",padding:"20px 15px"},children:[(0,a.jsx)(i.A,{activeKey:C,collapsible:"header",bordered:!1,style:{background:"#fff",borderRadius:6},destroyInactivePanel:!0,children:(0,a.jsx)(M,{showArrow:!1,style:{cursor:"default"},header:(0,a.jsx)(p.Ay,{onClick:()=>{D(["1"])},type:"primary",size:"large",style:{fontSize:".9rem"},children:"Create Sender ID"}),extra:(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(null==t?void 0:t.country.toLowerCase())==="south africa"&&(0,a.jsx)(u.A,{message:"Sender IDs will be displayed as +27... on recipient devices",type:"info",showIcon:!0,style:{borderRadius:6,border:"none",padding:"10px 12px",width:"fit-content",marginRight:10}}),C&&"1"===C[0]&&(0,a.jsx)(y.A,{onClick:()=>D([]),style:{color:"#b60f0f",fontSize:"1rem",margin:"auto"}})]}),children:(0,a.jsx)(g.A,{mutate:q,openNotification:e=>{l.Ay[e]({message:"Access Denied",description:"You are not permitted to perform this action, see your organization admin to upgrade your role."})}})},"1")}),(0,a.jsx)(_.A,{columns:O,dataSource:H,pagination:!1,scroll:{x:"max-content",y:480},style:{marginTop:40},locale:{emptyText:z?(0,a.jsx)("div",{style:{textAlign:"center",padding:"50px 10px"},children:"No Data"}):Array.from({length:4},(e,t)=>(0,a.jsx)(h.A.Input,{height:50,style:{marginTop:"10px",width:"100%"},active:!0},t))}})]})}),(0,a.jsx)(N,{visible:s,onCreate:K,onCancel:()=>{j(!1)},senderIdDetails:I})]})};var P=n(36757),F=n(86185);let K=()=>{let{token:e,status:t,expired:n,logoutUser:r}=(0,w.I)();return e?"loading"===t?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(F.A,{})}):(n&&r(),(0,a.jsxs)("div",{className:"",children:[(0,a.jsx)(s.A,{title:"Tracksend | Sender ID",keywords:"",description:""}),(0,a.jsx)(q,{})]})):(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(P.A,{})})}},53092:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var a=n(23798),s=n(60663),r=n.n(s);let i=e=>{let{title:t,keywords:n,description:s,socialImageUrl:i,socialTitle:l}=e;return(0,a.jsxs)(r(),{children:[(0,a.jsx)("title",{children:t}),(0,a.jsx)("link",{rel:"icon",href:"/favicon.png"}),(0,a.jsx)("meta",{name:"keywords",content:n}),(0,a.jsx)("meta",{name:"description",content:s}),i&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{property:"og:image",content:i}),(0,a.jsx)("meta",{property:"twitter:image",content:i})]}),l&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{property:"og:title",content:l}),(0,a.jsx)("meta",{property:"twitter:title",content:l})]}),(0,a.jsx)("link",{rel:"stylesheet",href:"https://use.fontawesome.com/55076b8940.css"}),(0,a.jsx)("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/brands.min.css",rel:"stylesheet"}),(0,a.jsx)("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/solid.min.css",rel:"stylesheet"})]})}},53454:e=>{e.exports={senderid_list:"SenderId_senderid_list__2vlso"}}

1,62729:(e,t,n)=>{"use strict";n.d(t,{D8:()=>l,Mb:()=>s,NR:()=>i,Wr:()=>c,b$:()=>m,f:()=>o,jC:()=>r,jn:()=>d});var a=n(16007);let s="flow_lFSgUe5V",r="flow_KdVDqzfO",i="flow_p37i33Sk",l="flow_SDTWj2xa",d="flow_348Wz1lf",o="flow_m7VShy74",c="flow_oZgNJc3z",m=()=>{let{flow:e}=(0,a.qM)(s),{flow:t}=(0,a.qM)(r),{flow:n}=(0,a.qM)(i),{flow:m}=(0,a.qM)(l),{flow:p}=(0,a.qM)(d),{flow:u}=(0,a.qM)(o),{flow:_}=(0,a.qM)("flow_LW3K3Msz"),{flow:h}=(0,a.qM)("flow_Vh4X9RM9"),{flow:x}=(0,a.qM)(""),{flow:f}=(0,a.qM)("flow_71oOpkxF"),{flow:y}=(0,a.qM)(c);return{onboarding_flow:e,onboarding_annoucement_flow:t,contact_tour_flow:n,rcs_checklist_flow:m,whatsapp_checklist_flow:p,choose_campaign_flow:u,rcs_campaign_flow:_,sms_campaign_flow:h,whatsapp_campaign_flow:x,progress_badge_flow:f,whatsapp_business_setup_flow:y}}},65505:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/campaigns/senderId",function(){return n(43793)}])},86185:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var a=n(23798);n(21462);var s=n(97416),r=n(45823);let{Content:i}=s.A,l=()=>(0,a.jsx)(s.A,{style:{minHeight:"100vh"},children:(0,a.jsxs)(s.A,{className:"site-layout",children:[(0,a.jsx)(r.A.Input,{active:!0,style:{minWidth:"100%",minHeight:60,marginBottom:7}}),(0,a.jsxs)(i,{style:{margin:"0 16px"},children:[(0,a.jsx)("div",{style:{margin:"16px 0"},children:(0,a.jsx)(r.A.Input,{active:!0,style:{minWidth:"100%",minHeight:60}})}),(0,a.jsx)(r.A.Input,{active:!0,style:{padding:24,minHeight:"100vh",minWidth:"100%"}})]}),"~"]})})},90590:e=>{e.exports={contact_summary_card_head:"Contact_contact_summary_card_head___vLdR",input_fields:"Contact_input_fields__XyzWr",trunc:"Contact_trunc__Lk8Vc",modal_inputs:"Contact_modal_inputs__fRTvQ",modal_label:"Contact_modal_label__3Paen",segment_input_fields:"Contact_segment_input_fields__wZdKN",contact_grid:"Contact_contact_grid__NVlyI",contact_list:"Contact_contact_list___3oFQ",delivery_optimization_modal:"Contact_delivery_optimization_modal__hM_MC","ant-modal":"Contact_ant-modal__4zIK7","ant-modal-content":"Contact_ant-modal-content__Myj1P","ant-modal-body":"Contact_ant-modal-body__uSQ9I","ant-modal-header":"Contact_ant-modal-header__98d_h",delivery_optimizer_switch:"Contact_delivery_optimizer_switch__aL1sK",option_card:"Contact_option_card__KpD9w",pageHeaderActions:"Contact_pageHeaderActions__BgrUo",groupSelector:"Contact_groupSelector__o18pE",contactActions:"Contact_contactActions__XZuKL",pageHeader:"Contact_pageHeader__2G3E0"}},94913:(e,t,n)=>{"use strict";n.d(t,{A:()=>d});var a=n(23798),s=n(62612),r=n(23530),i=n(15170),l=n(56244);let d=()=>{let e=(0,l.useRouter)(),{setOnboardingVisible:t}=(0,s.k)();return r.Ay.config({maxCount:1}),n=>{r.Ay.success({placement:"bottomRight",message:(0,a.jsx)("span",{style:{color:"#000000"},children:"Step Completed"}),duration:0,description:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{style:{color:"#000000"},children:"View the onboarding guide"}),(0,a.jsx)("div",{style:{width:"100%",display:"flex",padding:"5px 0px 0px"},children:(0,a.jsx)(i.Ay,{type:"primary",onClick:()=>{n?e.push({pathname:n,query:{step:"completed"}},n):t(!0)},children:"Continue"})})]}),style:{border:"2px solid transparent",borderRadius:8,width:350,color:"#fff",background:"#f5f5f5",boxShadow:"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px",transform:"scale(0.9)"}})}}}},e=>{e.O(0,[4343,5170,4442,213,6847,9684,6097,3687,9355,8619,82,7403,2101,277,8477,5031,141,5692,7411,4408,5796,978,9423,8345,4653,3490,8074,7158,6252,636,6593,8792],()=>e(e.s=65505)),_N_E=e.O()}]);