https://studio.vocads.com/_next/static/chunks/pages/phone-79a06aea5d83d248.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8567],{66982:function(e,a,n){"use strict";var o=n(64836);a.Z=void 0;var s=o(n(64938)),l=n(85893);a.Z=(0,s.default)((0,l.jsx)("path",{d:"M20 5.41 18.59 4 7 15.59V9H5v10h10v-2H8.41z"}),"CallReceivedOutlined")},11635:function(e,a,n){"use strict";var o=n(64836);a.Z=void 0;var s=o(n(64938)),l=n(85893);a.Z=(0,s.default)((0,l.jsx)("path",{d:"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4zm-1-5C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"}),"ControlPointOutlined")},6177:function(e,a,n){"use strict";var o=n(64836);a.Z=void 0;var s=o(n(64938)),l=n(85893);a.Z=(0,s.default)((0,l.jsx)("path",{d:"M7 11v2h10v-2zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"}),"RemoveCircleOutlineOutlined")},5502:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/phone",function(){return n(18018)}])},18018:function(e,a,n){"use strict";n.r(a),n.d(a,{__N_SSP:function(){return B},default:function(){return PhonesPage}});var o=n(85893),s=n(58822),l=n(20518),t=n(39043),c=n(94253),i=n(93946),r=n(18519),d=n(39332),u=n(67294),m=n(51345),h=n(46315),p=n(40603),v=n(64737),x=n(22344),AssociatePhoneModal=e=>{let{associatedCampaignId:a,selectedCampaign:n,setSelectedCampaign:l,campaigns:t,label:c,isBatchCall:i=!1}=e,{t:d}=(0,r.$G)("common"),[m,h]=(0,u.useState)(null),[p,g]=(0,u.useState)(""),[N,f]=(0,u.useState)(!1),j=(0,u.useMemo)(()=>t.filter(e=>{let a=e.name.toLowerCase().includes(p.toLowerCase());if(p.trim().length>0)return a;let n=!m||e.workspaceId===m;return n&&a}),[t,m,p]),b=(0,u.useMemo)(()=>{let e=new Map;return t.forEach(a=>{e.has(a.workspaceId)||e.set(a.workspaceId,{workspaceId:a.workspaceId,workspaceName:a.workspaceName})}),Array.from(e.values())},[t]);return(0,u.useEffect)(()=>{if(!a||a.length>0){l(a);let e=t.find(e=>e.id===a);e?h(e.workspaceId):h(t.length>0?t[0].workspaceId:null)}else h(t.length>0?t[0].workspaceId:null)},[a,t]),(0,u.useEffect)(()=>{p.trim().length>0?f(!0):f(!1)},[p]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{children:[(0,o.jsx)("span",{className:"associate-labels",children:null!=c?c:d("workspace")}),(0,o.jsx)(v.Z,{fieldStyle:{fontSize:"14px"},type:"select",value:m||"",name:"workspace",onChange:e=>{let a=e.target.value;h(a),l(null)},selected:m||"",options:[...b.map(e=>({value:e.workspaceId,name:e.workspaceName}))]})]}),(0,o.jsxs)("div",{children:[(0,o.jsxs)("div",{className:"assoiciate-phone-modal-search",children:[(0,o.jsx)("span",{className:"associate-labels",children:d("selectProject")}),(0,o.jsx)("div",{children:(0,o.jsxs)("form",{className:"search-camp-form associate-camp-search",children:[(0,o.jsx)("input",{type:"search",className:"search-camp-input associate-camp-input",placeholder:d("searchProject")||void 0,value:p,onChange:e=>{g(e.target.value),f(!0)},onFocus:()=>f(!0)}),0==p.length&&(0,o.jsx)(s.Z,{className:"search-camp-icon search-camp-icon-right associate-search-icon"})]})})]}),(0,o.jsx)("div",{children:(0,o.jsx)(x.Z,{value:n||"",name:"campaign",onChange:e=>{let a=e.target.value;l(a);let n=t.find(e=>e.id===a);n&&h(n.workspaceId),f(!1),g("")},selected:n||"",options:j.map(e=>({value:e.id,name:e.name,workspaceName:p.length>0?e.workspaceName:void 0})),placeholder:d("selectProject"),selectOpen:N,setSelectOpen:f,isBatchCall:i})})]})]})},g=n(31399),N=n(86147),f=n(11163),j=n(89995);let getFlagUrl=e=>e?"https://flagcdn.com/w40/".concat(e.toLowerCase(),".png"):"";var BuyPhoneNumber=e=>{let{onClose:a}=e,{t:n}=(0,r.$G)("common"),s=(0,f.useRouter)(),[d,m]=u.useState(["us"]),[v,x]=u.useState(""),[b,k]=u.useState([]),[C,Z]=u.useState(!1),[w,y]=u.useState(null),[S,P]=u.useState(null),{locale:I}=(0,f.useRouter)(),fetchPhoneNumbers=async e=>{x("");let a=await N.Z.getNumbersAvailable(e);k(a),y(0===a.length);let n=0===d.length?R.map(e=>e.id):d;P(0!==a.length&&n.some(e=>0===a.filter(a=>a.country===e).length))};(0,u.useEffect)(()=>{fetchPhoneNumbers(d)},[d]);let onCheckoutNumber=async e=>{Z(!0),s.push({pathname:"/phonepayment",query:{phoneId:e}})},R=[{id:"fr",label:"France"},{id:"us",label:"United States"}];return(0,o.jsx)(t.Z,{open:!0,onClose:()=>{a()},children:(0,o.jsxs)(c.Z,{className:"associate-phone-modal remove-revoke-phone-modal",children:[(0,o.jsxs)("div",{className:"associate-phone-modal-header",children:[(0,o.jsx)("h1",{className:"buy-phone-modal-title",children:n("add-phone-number-title")}),(0,o.jsx)(i.Z,{onClick:a,className:"close-icon",children:(0,o.jsx)(l.Z,{})})]}),(0,o.jsxs)("div",{className:"buy-phone-modal-body",children:[(0,o.jsx)(j.Z,{name:"country",label:n("country"),options:R.map(e=>({value:e.id,label:e.label,flag:getFlagUrl(e.id)})),value:d[0],onChange:e=>{let{target:{value:a}}=e;m([a])},size:"medium",noError:!0}),(0,o.jsx)(j.Z,{name:"phone-number",label:n(w?"no-phone":"available-phone-number"),value:v,options:b.map(e=>{var a;return{value:e.id,label:null!==(a=(0,g.W)(e.phoneNumber,"INTERNATIONAL"))&&void 0!==a?a:e.phoneNumber,flag:getFlagUrl(e.country)}}),onChange:e=>{console.log(e.target.value),x(e.target.value)}})]}),w||S?(0,o.jsx)("span",{className:"text-xs ml-auto block",children:(0,o.jsx)("a",{href:"https://vocads.com/".concat(I,"/contact-us"),className:"text-blue-500 underline",target:"_blank",rel:"noopener noreferrer",children:n("plan-cta-contact-us")})}):null,(0,o.jsx)("div",{className:"buy-phone-button",children:(0,o.jsx)(h.Z,{disabled:""===v||C,leftIcon:!0,icon:(0,o.jsx)(p.Z,{}),clickEvent:()=>onCheckoutNumber(v),content:n("add-subscription")})})]})})},b=n(44585),k=n(25464),C=n(18972),Z=n(48885),w=n(59334),y=n(45041),S=n(11635),P=n(66982),I=n(6177);function PhoneActionsMenu(e){let{phoneNumber:a,handleAssociateModalOpen:n,handleRemoveModalOpen:s,handleRevokeModalOpen:l}=e,[t,c]=u.useState(null),[d,m]=u.useState(null),[h,p]=u.useState(null),{t:v}=(0,r.$G)("common"),x=!!t,handleClose=()=>{c(null),p(null)},g=[{key:"associate",icon:(0,o.jsx)(S.Z,{className:"menu-item ".concat("associate"===h?"text-[#142492]":""),fontSize:"small"}),iconSelected:(0,o.jsx)(S.Z,{className:"text-[#142492]",fontSize:"small"}),label:v("associate"),action:()=>{var e;

1m("associate"),n(a.id,null!==(e=a.campaignId)&&void 0!==e?e:""),handleClose()}},{key:"remove",icon:(0,o.jsx)(P.Z,{className:"menu-item ".concat("remove"===h?"text-[#142492]":""),fontSize:"small"}),iconSelected:(0,o.jsx)(P.Z,{className:"text-[#142492]",fontSize:"small"}),label:v("unlink"),action:()=>{var e;m("remove"),s(a.id,null!==(e=a.campaignId)&&void 0!==e?e:""),handleClose()}},{key:"revoke",icon:(0,o.jsx)(I.Z,{className:"menu-item ".concat("revoke"===h?"text-[#142492]":""),fontSize:"small"}),iconSelected:(0,o.jsx)(I.Z,{fontSize:"small"}),label:v("revoke"),action:()=>{var e;m("revoke"),l(a.id,null!==(e=a.campaignId)&&void 0!==e?e:""),handleClose()}}];return(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)("div",{children:[(0,o.jsx)(i.Z,{id:"basic-button","aria-controls":x?"basic-menu":void 0,"aria-haspopup":"true","aria-expanded":x?"true":void 0,onClick:e=>{c(e.currentTarget)},children:(0,o.jsx)(y.Z,{style:{fontSize:"16px"}})}),(0,o.jsx)(k.Z,{id:"basic-menu",anchorEl:t,open:x,onClose:handleClose,MenuListProps:{"aria-labelledby":"basic-button"},children:g.map(e=>(0,o.jsxs)(o.Fragment,{children:["share"===e.key&&(0,o.jsx)("hr",{}),(0,o.jsxs)(C.Z,{onClick:e.action,className:"menu-item ".concat(d===e.key?"menu-item-selected":""),onMouseEnter:()=>p(e.key),onMouseLeave:()=>p(null),children:[(0,o.jsx)(Z.Z,{className:"".concat("revoke"===e.key?"menu-item-revoke":""),children:d===e.key?e.iconSelected:e.icon}),(0,o.jsx)(w.Z,{className:"".concat("revoke"===e.key?"menu-item-revoke":""),children:v(e.label)})]},e.key)]}))})]})})}var R=n(75503),A=n(94054),M=n(10315),E=n(37058),F=n(21023),O=n(69368),PhoneNumber_RecipientSelector=e=>{var a;let{recipients:n,selectedRecipients:s,onRecipientChange:l}=e,{t}=(0,r.$G)("common"),c=(()=>{if(1!==s.length)return!1;let e=n.find(e=>e.id===s[0]);return(null==e?void 0:e.isOwner)||!1})();return console.log(s),(0,o.jsxs)(A.Z,{className:"relative mt-3",fullWidth:!0,children:[(0,o.jsx)(M.Z,{size:"small",labelId:"demo-multiple-checkbox-label",id:"demo-multiple-checkbox",multiple:!0,value:s,placeholder:"Teams Access",onChange:e=>{let{target:{value:a}}=e,n="string"==typeof a?a.split(","):a;c&&0===n.length||l(n)},IconComponent:R.Z,input:(0,o.jsx)(E.Z,{sx:{input:{color:"#333",fontSize:"14px !important"},"& .MuiFormLabel-root":{color:"#333",fontSize:"14px !important"},"& .MuiOutlinedInput-notchedOutline":{color:"#333",fontSize:"14px !important",border:"1px solid #EEEFF3 !important",borderRadius:"12px",height:"40px"},"& .MuiFormLabel-root.Mui-focused":{borderColor:"blue !important"},position:"relative",zIndex:"1000"},size:"small"}),renderValue:()=>"",children:n.map((e,a)=>{let n=(null==s?void 0:s.findIndex(a=>a===e.id))>=0,l=e.isOwner&&c&&n;return(0,o.jsx)(C.Z,{value:e.id,sx:{height:"40px",fontSize:"13px !important",padding:"5px",color:l?"#ccc !important":"#333 !important",opacity:l?.6:1,cursor:l?"not-allowed":"pointer","&:hover":{backgroundColor:l?"transparent !important":void 0}},children:l?(0,o.jsx)(F.Z,{title:t("owner_message"),arrow:!0,placement:"right",PopperProps:{disablePortal:!1},children:(0,o.jsxs)("div",{children:[(0,o.jsx)(O.Z,{size:"small",checked:n,disabled:l,sx:{color:l?"#9797A5 !important":void 0,"&.Mui-checked":{color:l?"#9797A5 !important":void 0}}}),(0,o.jsx)("span",{style:{color:l?"#9797A5":"#333"},children:e.email})]})}):(0,o.jsxs)("div",{children:[(0,o.jsx)(O.Z,{size:"small",checked:n,disabled:l,sx:{color:l?"#9797A5 !important":void 0,"&.Mui-checked":{color:l?"#9797A5 !important":void 0}}}),(0,o.jsx)("span",{style:{color:l?"#9797A5":"#333"},children:e.email})]})},a)})}),(0,o.jsx)("label",{className:"absolute w-[80%] left-[5px] top-1 bg-[#Eff0FF] text-[#333] px-[5px] rounded-[12px] text-[13px] font-[400] h-[26px] flex items-center",htmlFor:"",children:(0,o.jsx)("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap",children:1===s.length?null===(a=n.find(e=>e.id===s[0]))||void 0===a?void 0:a.email:"".concat(s.length," ").concat(t("recipients-selected"))})})]})};let NumbersTable_getFlagUrl=e=>e?"https://flagcdn.com/w40/".concat(e.toLowerCase(),".png"):"",formatDuration=e=>{if(e){let a=Math.floor(e/60),n=Math.floor(e%60);return a>0?"".concat(a," min ").concat(n," sec"):"".concat(n," sec")}return"-"};var NumbersTable=e=>{var a;let{phoneNumber:n,handleAssociateModalOpen:s,handleRemoveModalOpen:l,handleRevokeModalOpen:t,toggleNotify:c,onCampaignClick:i,workspaceAccess:r,selectedRecipients:d,setSelectedRecipients:u,t:m}=e,h=r.find(e=>

1e.workspaceId===n.workspaceId);return{col1:(0,o.jsxs)("div",{className:"phone-number-container",children:[(0,o.jsx)("p",{className:"text_overflow",children:(0,g.W)(n.phoneNumber,"INTERNATIONAL")}),(0,o.jsx)("p",{className:"text-[red] text-xs",children:n.markedForRemoval?m("phone-marked-for-removal"):""})]}),col2:(0,o.jsxs)("span",{children:[" ",(null==n?void 0:n.country)&&(0,o.jsx)("img",{src:NumbersTable_getFlagUrl(n.country),alt:n.country,width:25,height:15,loading:"lazy",className:"flag-image"})]}),col3:(0,o.jsx)("p",{className:"text_overflow",children:formatDuration(null==n?void 0:n.totalDuration)}),col4:(null==n?void 0:n.campaignId)?(0,o.jsx)("a",{onClick:()=>n.campaignId&&i(n.campaignId),className:"campaign-link",style:{background:"none",border:"none",color:"#6366f1",cursor:"pointer",textAlign:"left",padding:0,textDecoration:"underline"},children:null==n?void 0:n.campaignName}):(0,o.jsx)("p",{className:"text_overflow",children:(null==n?void 0:n.campaignName)||"-"}),col5:(0,o.jsx)("input",{className:"tgl tgl-ios",name:"name",checked:n.notify,onChange:c(null!==(a=n.notify)&&void 0!==a&&a,n.id),id:"cb2-7",disabled:!n.campaignId,type:"checkbox"}),col6:(null==h?void 0:h.users)&&n.notify?(0,o.jsx)(PhoneNumber_RecipientSelector,{recipients:null==h?void 0:h.users,selectedRecipients:d,onRecipientChange:e=>{u(e)}}):(0,o.jsx)(o.Fragment,{}),col7:(0,o.jsx)(PhoneActionsMenu,{phoneNumber:n,handleAssociateModalOpen:s,handleRemoveModalOpen:l,handleRevokeModalOpen:t})}},z=n(35363),RemoveNumberPopup=e=>{let{onRemoveNumber:a,phoneId:n,associatedCampaignId:s,onClose:d,isFetching:u}=e,{t:m}=(0,r.$G)("common"),onCloseModal=()=>{d()};return(0,o.jsx)(t.Z,{open:!0,onClose:onCloseModal,children:(0,o.jsxs)(c.Z,{className:"associate-phone-modal remove-revoke-phone-modal",children:[(0,o.jsxs)("div",{className:"associate-phone-modal-header",children:[(0,o.jsx)("h1",{className:"associate-phone-modal-title",children:m("unlinkPhoneTitle")}),(0,o.jsx)(i.Z,{onClick:d,className:"close-icon",size:"small",children:(0,o.jsx)(l.Z,{})})]}),(0,o.jsx)("p",{className:"revmove-phone-text",children:m("unlinkPhoneText")}),(0,o.jsx)("p",{className:"revmove-phone-text",children:m("unlinkPhoneText-avert")}),(0,o.jsxs)("div",{className:"remove-buttons",children:[(0,o.jsx)(z.Z,{content:"Cancel",clickEvent:onCloseModal}),(0,o.jsx)(h.Z,{clickEvent:()=>a(n,s),disabled:u,content:m("confirm")})]})]})})},RevokeNumberPopup=e=>{let{onRevokeNumber:a,phoneId:n,associatedCampaignId:s,onClose:c,isFetching:d}=e,{t:u}=(0,r.$G)("common"),onCloseModal=()=>{c()};return(0,o.jsx)(t.Z,{open:!0,onClose:onCloseModal,children:(0,o.jsxs)("div",{className:"associate-phone-modal-remove-revoke-phone-modal",children:[(0,o.jsxs)("div",{className:"associate-phone-modal-header",children:[(0,o.jsx)("h1",{className:"remove-revoke-phone-modal-title",children:u("revokePhoneTitle")}),(0,o.jsx)(i.Z,{onClick:c,className:"close-icon",size:"small",children:(0,o.jsx)(l.Z,{})})]}),(0,o.jsx)("p",{className:"remove-phone-text",children:u("revokePhoneText")}),(0,o.jsx)("p",{className:"remove-phone-text",children:u("revokePhoneText-avert")}),(0,o.jsxs)("div",{className:"remove-buttons",children:[(0,o.jsx)(z.Z,{content:"Cancel",clickEvent:onCloseModal}),(0,o.jsx)(h.Z,{clickEvent:()=>a(n,s),disabled:d,content:u("confirm")})]})]})})},_=n(97205),T=n(17724),D=n(85674),L=n(92073),H=n(33102),B=!0;function PhonesPage(){let[e,a]=(0,u.useState)([]),[n,v]=(0,u.useState)([]),[x,g]=(0,u.useState)(!1),[f,j]=(0,u.useState)(!1),[k,C]=(0,u.useState)(!1),[Z,w]=(0,u.useState)(""),[y,S]=(0,u.useState)(""),[P,I]=(0,u.useState)(null),[R,A]=(0,u.useState)(""),[M,E]=(0,u.useState)(["USA","France"]),[F,O]=(0,u.useState)(!1),[B,G]=(0,u.useState)([]),[U,$]=(0,u.useState)({}),[q,W]=(0,u.useState)(!1),{t:V}=(0,r.$G)("common"),X=(0,d.useRouter)(),[J,K]=(0,u.useState)(!1),[Q,Y]=(0,u.useState)(void 0),[ee,ea]=(0,u.useState)(!1),{billingVersion:en}=(0,u.useContext)(H.z),eo=u.useCallback(e=>{X.push("/studio?id=".concat(e))},[X]),findOwnerForPhone=a=>{let n=e.find(e=>e.id===a);if(!n)return null;let o=B.find(e=>e.workspaceId===n.workspaceId),s=null==o?void 0:o.users.find(e=>e.isOwner);return(null==s?void 0:s.id)||null},getBillingSummary=async()=>{try{let e=await N.Z.getBillingSummary("phone");Y(e)}catch(e){console.log(e)}},fetchData=async()=>{try{let e=await N.Z.getPhoneNumbers();

1a(e.numbers),v(e.campaigns),G(e.workspaceAccess);let n={};e.numbers.forEach(a=>{if(a.selectedRecipients&&a.selectedRecipients.length>0)n[a.id]=a.selectedRecipients;else{let o=e.workspaceAccess.find(e=>e.workspaceId===a.workspaceId),s=null==o?void 0:o.users.find(e=>e.isOwner);s&&(n[a.id]=[s.id])}}),$(n)}catch(e){_.Z.error(V("errorFetchingData"))}};(0,D.qR)(()=>{fetchData(),getBillingSummary();let a=Array.from(new Set(e.map(e=>e.country)));E(a)});let updateNotificationSettings=async(n,o,s)=>{try{var l;let a=s||U[n]||[],t=e.find(e=>e.id===n),c=void 0!==o?o:null!==(l=null==t?void 0:t.notify)&&void 0!==l&&l;await N.Z.toggleNotifyCalls(c,n,c?a:[])}catch(e){_.Z.error(V("an-error-has-occured")),void 0!==o&&a(e=>{let a=e.map(e=>(e.id===n&&(e.notify=!o),e));return a})}},toggleNotify=(e,n)=>async()=>{a(e=>{let a=e.map(e=>{var a;return e.id===n&&(e.notify=!(null!==(a=e.notify)&&void 0!==a&&a)),e});return a}),await updateNotificationSettings(n,!e)},es=(0,u.useMemo)(()=>[{Header:V("phoneNumber"),accessor:"col1",col:"col-span-2  flex-1 shrink-0 pl-[10px]",canSort:!1},{Header:V("country"),accessor:"col2",col:"col-span-1  flex-1 shrink-0 ",canSort:!1},{Header:V("timeConsumtion"),accessor:"col3",col:"col-span-2  !min-w-[200px]",canSort:!1},{Header:V("projectAssociated"),accessor:"col4",col:"col-span-3  truncate min-w-[73px]",canSort:!1},{Header:V("notify-calls"),accessor:"col5",col:"col-span-1  min-w-[73px]",canSort:!1},{Header:V("recipients"),accessor:"col6",col:"col-span-2  min-w-[73px] w-full",canSort:!1},{Header:V(""),accessor:"col7",col:"col-span  min-w-[20px] ml-auto",canSort:!1}],[]),handleOpenAssosciate=(e,a)=>{w(e),S(a),g(!0)},handleOpenRemove=(e,a)=>{w(e),S(a),j(!0)},handleOpenRevoke=(e,a)=>{w(e),S(a),C(!0)},el=(0,u.useMemo)(()=>{let a=R.toLowerCase();return null==e?void 0:e.filter(e=>{var o,s,l;let t=null!==(l=null===(o=n.find(a=>a.id===e.campaignId))||void 0===o?void 0:o.name)&&void 0!==l?l:"",c=null===(s=e.phoneNumber)||void 0===s?void 0:s.toLowerCase().includes(a),i=null==t?void 0:t.toLowerCase().includes(a),r=0===M.length||M.includes(e.country);return(c||i)&&r}).map(e=>NumbersTable({phoneNumber:e,handleAssociateModalOpen:handleOpenAssosciate,handleRemoveModalOpen:handleOpenRemove,handleRevokeModalOpen:handleOpenRevoke,toggleNotify:toggleNotify,onCampaignClick:eo,workspaceAccess:B,selectedRecipients:U[e.id]||[],setSelectedRecipients:a=>{let n=findOwnerForPhone(e.id),o=[...a];0===o.length&&n&&(o=[n]),n&&!o.includes(n)&&0===o.length&&(o=[n]),$(a=>({...a,[e.id]:o})),updateNotificationSettings(e.id,void 0,o)},t:V}))},[e,n,R,M,eo,toggleNotify,U,updateNotificationSettings,findOwnerForPhone,B]),handleAssignCampaign=async e=>{if(e&&Z)try{O(!0);let a=await N.Z.associatePhoneNumber(Z,e);200===a?(_.Z.success(V("phoneAssociated")),g(!1),fetchData()):_.Z.error(V("errorPhoneAssociated")),O(!1)}catch(e){_.Z.error(V("errorPhoneAssociated")),O(!1)}},handleDisassociateCampaign=async()=>{if(Z)try{O(!0);let e=await N.Z.disassociatePhoneNumber(Z);

1200===e?(_.Z.success(V("phoneDiasssociated")),j(!1),fetchData()):_.Z.error(V("errorPhoneDisassociated")),O(!1)}catch(e){_.Z.error(V("errorPhoneDisassociated")),O(!1)}},handleRevokePhoneNumber=async()=>{if(Z)try{O(!0);let e=await N.Z.deletePhoneNumber(Z);200===e?(_.Z.success(V("phoneRevoked")),C(!1),fetchData(),getBillingSummary()):_.Z.error(V("errorPhoneRevoked")),O(!1)}catch(e){_.Z.error(V("errorPhoneRevoked")),O(!1)}},addNumberClick=e=>{e&&null!==e.phoneNumberCount&&("CANCELLED"===e.subscriptionStatus?K(!0):0===e.phoneNumberCount?X.push("/phoneattribute?plan=".concat(e.planName,"&phone=true")):1===e.phoneNumberCount&&[T.k9.free,T.k9.solo].includes(e.planName)?K(!0):e.phoneNumberCount<3&&[T.k9.team].includes(e.planName)?X.push("/phoneattribute?plan=".concat(e.planName,"&phone=true")):W(!0)),ea(!1)};return(0,o.jsxs)("div",{className:"phones-page",children:[J&&void 0!==Q&&(e=>{let onClose=()=>K(!1);return(0,o.jsx)(t.Z,{open:J,onClose:onClose,children:(0,o.jsxs)(c.Z,{className:"associate-phone-modal-upgrade-plan",children:[(0,o.jsx)("div",{className:"associate-phone-modal-header",children:(0,o.jsx)("h1",{className:"associate-phone-modal-title-small",children:V("additionalPhoneNumbers")})}),(0,o.jsx)("p",{className:"revoke-phone-text",children:V("additionalPhoneNumbersDescription")}),(0,o.jsxs)("div",{className:"additional-phone-numbers-actions",children:[(0,o.jsx)(z.Z,{content:V("cancel"),clickEvent:onClose}),(0,o.jsx)(L.Z,{content:"upgradePlanPhoneNumberPage",pendingPlan:void 0!==e.pendingPlanType||"CANCELLED"===e.subscriptionStatus})]})]})})})(Q),x&&(0,o.jsx)(t.Z,{open:x,onClose:()=>g(!1),children:(0,o.jsxs)(c.Z,{className:"associate-phone-modal",children:[(0,o.jsxs)("div",{className:"associate-phone-modal-header",children:[(0,o.jsx)("h1",{className:"title",children:V("associateProject")}),(0,o.jsx)(i.Z,{onClick:()=>g(!1),className:"close-icon",size:"small",children:(0,o.jsx)(l.Z,{})})]}),(0,o.jsx)(AssociatePhoneModal,{associatedCampaignId:y,selectedCampaign:P,setSelectedCampaign:I,campaigns:n}),(0,o.jsx)(h.Z,{clickEvent:()=>handleAssignCampaign(P),disabled:!P||0===n.length||F,content:V("associateThisProject")})]})}),f&&(0,o.jsx)(RemoveNumberPopup,{associatedCampaignId:y,onClose:()=>j(!1),phoneId:Z,isFetching:F,onRemoveNumber:()=>handleDisassociateCampaign()}),k&&(0,o.jsx)(RevokeNumberPopup,{associatedCampaignId:y,onClose:()=>C(!1),phoneId:Z,isFetching:F,onRevokeNumber:()=>handleRevokePhoneNumber()}),q&&(0,o.jsx)(BuyPhoneNumber,{onClose:()=>W(!1)}),(0,o.jsxs)("div",{className:"phones_header",children:[(0,o.jsx)("h1",{className:"title",children:V("phoneNumbers")}),(0,o.jsxs)("form",{className:"search-camp-form search-phones-camps",children:[(0,o.jsx)("input",{type:"search",className:"search-camp-input",placeholder:V("searchNumber")||void 0,value:R,onChange:e=>{A(e.target.value)}}),0==R.length&&(0,o.jsx)(s.Z,{className:"search-camp-icon search-camp-icon-right"})]}),(0,o.jsx)("div",{style:{width:"200px"}})]}),(0,o.jsxs)("div",{className:"flex justify-between items-center",children:[Q&&en&&en>3&&(0,o.jsx)(h.Z,{disabled:ee||!Q,isLoading:ee,leftIcon:!0,icon:(0,o.jsx)(p.Z,{}),content:V("AddNewNumber"),clickEvent:()=>addNumberClick(Q)})||(0,o.jsx)("div",{}),(0,o.jsx)("div",{className:"filter-phones",children:(0,o.jsx)(b.Z,{phoneNumbers:e,selectedCountries:M,setSelectedCountries:E})})]}),0==e.length?(0,o.jsx)("div",{className:"no-result-found",children:(0,o.jsx)("span",{className:"text-center",children:V("noResultFound")})}):(0,o.jsx)(m.Z,{borderedRows:!0,columns:es,dataCol:null!=el?el:[],headerColor:"#F0F1FF"})]})}PhonesPage.requireAuth={shouldAuth:!0,header:"connected",sideBar:"dashboard"}}},function(e){e.O(0,[9521,8071,2270,9774,2888,179],function(){return e(e.s=5502)}),_N_E=e.O()}]);