https://platform.synclodge.com/static/js/27.4315d0b5.chunk.js

1(this.webpackJsonpsynclodgeclient=this.webpackJsonpsynclodgeclient||[]).push([[27],{1070:function(e,t,a){},1086:function(e,t,a){"use strict";a.r(t);var s=a(1),c=a(678),o=a(90),n=a(43),l=a(91),r=a(16),i=a(38),d=a(30),m=a(0);var j=e=>{let{contact:t,open:a,onClick:c,deleteContact:o,markAsFavoriteContact:n,sendInviteEmail:j,history:b}=e;const{t:p}=Object(i.a)(),[u,h]=Object(s.useState)(!1);return Object(m.jsxs)("div",{className:"syn-contact-person",index:t.id,id:"syn-contact-person-card-"+t.id,children:[Object(m.jsx)("div",{className:(e=>{switch(e){case"CONNECTED":return"syn-background-color-confirmed syn-contact-image";case"REFUSED":return"syn-background-color-refused syn-contact-image";case"PENDING":return"syn-background-color-pending syn-contact-image";default:return"syn-background-color-not-connected syn-contact-image"}})(t.connectStatus),children:t.firstName?t.firstName.charAt(0):"-"}),Object(m.jsxs)("div",{className:"syn-contact-and-company-wrapper",onClick:c,children:[Object(m.jsxs)("div",{className:"syn-contact-name",children:[t.firstName," ",t.lastName]}),Object(m.jsx)("div",{className:"syn-contact-company",children:t.companyName})]}),t&&Object(m.jsx)("div",{className:a?"syn-show syn-contact-actions":"syn-contact-actions",children:Object(m.jsxs)("div",{className:"syn-buttons-wrapper",children:[Object(m.jsx)(l.a,{buttonIsPressed:u,yesPressAction:()=>o(t.id),noPressAction:()=>h(!1),actionTitle:p("deleteAction"),text:"CONNECTED"===(null===t||void 0===t?void 0:t.connectStatus)?p("deleteConnectedContactMessage"):"".concat(p("areYouSureText")," ").concat(Object(r.u)(t.firstName+" "+t.lastName,25)," ?")}),Object(m.jsx)(d.a,{id:"syn-contact-card-delete-button",icon:"fa fa-trash",onClick:()=>h(!u)}),Object(m.jsx)(d.a,{id:"syn-contact-card-favorite-button",icon:t.favorite?"fa fa-star active":"fa fa-star",onClick:()=>n(t)}),"CONNECTED"===t.connectStatus&&Object(m.jsx)(d.a,{id:"syn-contact-card-message-button",icon:"fa fa-envelope",onClick:()=>b.push({pathname:"/messages/compose",state:{connectedUserId:t.connectedUserId,messageType:"personalMessage"}})})]})})]})},b=a(755),p=a(18),u=a(59),h=a(54);var C=e=>{var t,a;let{contact:c,handleSave:o,deleteContact:d,markAsFavoriteContact:j,sendInviteEmail:b,history:C,formId:O}=e;const{t:y}=Object(i.a)(),[v,x]=Object(s.useState)(!1);return Object(m.jsx)(n.a,{md:12,lg:12,children:Object(m.jsx)("div",{className:"syn-contacts-detail-actions",children:Object(m.jsxs)("div",{className:"syn-buttons-wrapper",children:[c&&Object(m.jsxs)(m.Fragment,{children:[Object(m.jsx)(l.a,{buttonIsPressed:v,yesPressAction:()=>d(c.id),noPressAction:()=>x(!1),actionTitle:y("deleteAction"),text:"CONNECTED"===(null===c||void 0===c?void 0:c.connectStatus)?y("deleteConnectedContactMessage"):"".concat(y("areYouSureText")," ").concat(Object(r.u)((null===c||void 0===c||null===(t=c.contactPerson)||void 0===t?void 0:t.firstName)+" "+(null===c||void 0===c||null===(a=c.contactPerson)||void 0===a?void 0:a.lastName),25)," ?")}),Object(m.jsx)(p.a,{text:y("deleteContact"),id:"syn-contact-delete-button",icon:"fa fa-trash",onClick:()=>x(!v)}),c.favorite?Object(m.jsx)(p.a,{text:y("favoriteContact"),id:"syn-contact-favorite-button",icon:"fa fa-star active",onClick:()=>j(c)}):Object(m.jsx)(p.a,{text:y("markAsFavorite"),id:"syn-contact-favorite-button",icon:"fa fa-star",onClick:()=>j(c)}),"CONNECTED"!==c.connectStatus&&"REFUSED"!==c.connectStatus&&Object(m.jsxs)(m.Fragment,{children:[Object(m.jsx)(p.a,{id:"syn-contact-message-button",text:y("inviteToConect"),icon:"fa fa-envelope",onClick:()=>b(c.id)}),Object(m.jsx)(h.a,{className:"syn-contact-action-buttons-help-icon",modalTitle:y("inviteToConect"),helpId:"contactActionButtons.InviteToConnect"})]}),"CONNECTED"===c.connectStatus&&Object(m.jsx)(p.a,{id:"syn-contact-message-button",text:y("newMessage"),icon:"fa fa-envelope",onClick:()=>C.push({pathname:"/messages/compose",state:{connectedUserId:c.connectedUserId,messageType:"personalMessage",redirectTo:"/contacts",contactId:null===c||void 0===c?void 0:c.id}})})]}),Object(m.jsx)(u.a,{onClick:o,text:y("saveContact"),id:"syn-contact-save-button",icon:"fa fa-save",formId:O})]})})})};var O=e=>{let{contact:t,refreshState:a,deleteContact:s,markAsFavoriteContact:c,saveCallback:o,sendInviteEmail:n,history:l,formId:r}=e;const{t:d,i18n:j}=Object(i.a)(),p=e=>{switch(e){case"CONNECTED":return d("connectConnected");case"REFUSED":return d("connectRefused");case"PENDING":return d("connectPending");case"NOT_CONNECTED":return d("connectNotConnected")}};return Object(m.jsx)(m.Fragment,{children:Object(m.jsxs)("div",{className:"syn-contacts-detail position-relative",children:[t&&Object(m.jsx)("div",{className:"syn-contact-connection-status",children:Object(m.jsx)("span",{className:(e=>{switch(e){case"CONNECTED":return"syn-background-color-confirmed";case"REFUSED":return"syn-background-color-refused";case"PENDING":return"syn-background-color-pending";case"NOT_CONNECTED":return"syn-background-color-not-connected"}})(t&&t.connectStatus?t.connectStatus:d("contactNotConnected")),children:t?"CONNECTED"===t.connectStatus?"".concat(p(t.connectStatus)," ").concat(d("connectWith")," ").concat(t.firstNameOfConnectUser," ").concat(t.lastnameOfConnectUser):"".concat(p(t.connectStatus)):null})}),Object(m.jsx)(b.a,{initialContact:t,saveCallback:o,formId:r,actionButtonsComponent:Object(m.jsx)(C,{contact:t,refreshState:a,deleteContact:s,markAsFavoriteContact:c,sendInviteEmail:n,history:l,formId:r})},t?t.id:"")]})})},y=a(668),v=a(361);var x=e=>{let{placeholder:t,onChange:a,name:s,id:c}=e;return Object(m.jsx)("div",{className:"syn-search-contacts",children:Object(m.jsxs)(y.a,{children:[Object(m.jsx)(y.a.Prepend,{children:Object(m.jsx)(y.a.Text,{id:"basic-addon1",children:Object(m.jsx)("i",{className:"fa fa-search"})})}),Object(m.jsx)(v.a,{name:s,id:c,onChange:a,placeholder:t,"aria-label":t,"aria-describedby":"basic-addon1"})]})})},_=a(259),f=a(89),N=a.n(f);var g=a(33),S=(a(752),a(10)),T=a(9),E=a(29),k=a(17),w=a(3),F=a(39),I=a(1069),P=a.n(I);a(1070);var A=e=>{let{label:t="Import CSV",onFileLoaded:a}=e;return Object(m.jsx)(P.a,{cssClass:"syn-csv-wrapper",cssInputClass:"syn-csv-input",cssLabelClass:"syn-csv-label",label:Object(m.jsxs)(m.Fragment,{children:[Object(m.jsx)("i",{className:"fa fa-cloud-upload mr-1"}),t]}),onFileLoaded:a,parserOptions:{header:!0,dynamicTyping:!0,skipEmptyLines:!0,transformHeader:e=>e.toLowerCase().replace(/\W/g,"_")}})},D=a(184),L=a(293),M=a(189);var U=e=>{let{contact:t,convertedContacts:a,setConvertedContacts:c}=e;const{t:l}=Object(i.a)(),[r,d]=Object(s.useState)(t);return Object(s.useEffect)((()=>{d(t)}),[t]),Object(s.useEffect)((()=>{const e=a.findIndex((e=>e.index===r.index));c(r,e)}),[r]),Object(m.jsx)("div",{className:r.selectForImport?"syn-import-contact-item-wrapper_selected":"syn-import-contact-item-wrapper",children:Object(m.jsxs)(o.a,{children:[Object(m.jsx)(n.a,{xs:1,className:"d-flex justify-content-center align-items-center",children:r.firstName&&Object(m.jsx)(L.a,{checkboxDesignForm:"rectangular",checked:null===r||void 0===r?void 0:r.selectForImport,onChange:()=>{d(Object(w.a)(Object(w.a)({},r),{},{selectForImport:!r.selectForImport}))}})}),Object(m.jsxs)(n.a,{children:[Object(m.jsxs)(o.a,{className:"mb-1",children:[Object(m.jsxs)(n.a,{xs:4,className:"syn-import-contact-first-name-wrapper",children:[Object(m.jsxs)("div",{className:"text-left syn-import-contact-labels",children:[l("lastName"),":"]}),Object(m.jsx)("div",{children:Object(m.jsx)(M.a,{value:r.lastName,onChange:e=>d(Object(w.a)(Object(w.a)({},r),{},{lastName:e.target.value}))})})]}),Object(m.jsxs)(n.a,{xs:4,className:"syn-import-contact-first-name-wrapper",children:[Object(m.jsxs)("div",{className:"text-left syn-import-contact-labels",children:[l("middleName"),":"]}),Object(m.jsx)("div",{children:Object(m.jsx)(M.a,{value:r.middleName,onChange:e=>d(Object(w.a)(Object(w.a)({},r),{},{middleName:e.target.value}))})})]}),Object(m.jsxs)(n.a,{xs:4,className:"syn-import-contact-first-name-wrapper",children:[Object(m.jsxs)("div",{className:"text-left syn-import-contact-labels",children:[l("firstName"),":"]}),Object(m.jsx)("div",{children:Object(m.jsx)(M.a,{error:r.firstName?null:"First Name is mandatory!",value:r.firstName,onChange:e=>d(Object(w.a)(Object(w.a)({},r),{},{firstName:e.target.value}))})})]})]}),Object(m.jsxs)(o.a,{children:[Object(m.jsxs)(n.a,{xs:4,className:"syn-import-contact-first-name-wrapper",children:[Object(m.jsxs)("div",{className:"w-40 syn-import-contact-labels",children:[l("email"),":"]}),Object(m.jsx)("div",{className:"w-60 syn-import-contact-email-dropdown",children:Object(m.jsx)(D.a,{emptyText:l("email"),value:null===r||void 0===r?void 0:r.selectedEmail,data:null===r||void 0===r?void 0:r.emailOptions.filter((e=>null!==e.email&&void 0!==e.email)).map((e=>({key:e.email,value:e.email,name:"".concat(e.email).concat(e.type?"(".concat(e.type,")"):"")}))),onChange:e=>d(Object(w.a)(Object(w.a)({},r),{},{selectedEmail:e}))})})]}),Object(m.jsxs)(n.a,{xs:4,className:"syn-import-contact-first-name-wrapper",children:[Object(m.jsxs)("div",{className:"w-40 syn-import-contact-labels",children:[l("mobile"),Object(m.jsx)("br",{})," ",l("phone"),":"]}),Object(m.jsx)("div",{className:"w-60 syn-import-contact-mobile-phone-dropdown",children:Object(m.jsx)(D.a,{emptyText:l("mobilePhone"),value:null===r||void 0===r?void 0:r.selectedMobilePhone,data:null===r||void 0===r?void 0:r.phoneOptions.filter((e=>null!==e.phone&&void 0!==e.phone)).map((e=>({key:e.phone,value:e.phone,name:"".concat(e.phone).concat(e.type?"(".concat(e.type,")"):"")}))),onChange:e=>d(Object(w.a)(Object(w.a)({},r),{},{selectedMobilePhone:e}))})})]}),Object(m.jsxs)(n.a,{xs:4,className:"syn-import-contact-first-name-wrapper",children:[Object(m.jsxs)("div",{className:"w-40 syn-import-contact-labels",children:[l("office"),Object(m.jsx)("br",{})," ",l("phone"),":"]}),Object(m.jsx)("div",{className:"w-60 syn-import-contact-office-phone-dropdown",children:Object(m.jsx)(D.a,{emptyText:l("officePhone"),value:null===r||void 0===r?void 0:r.selectedOfficePhone,data:null===r||void 0===r?void 0:r.phoneOptions.filter((e=>null!==e.phone&&void 0!==e.phone)).map((e=>({key:e.phone,value:e.phone,name:"".concat(e.phone).concat(e.type?"(".concat(e.type,")"):"")}))),onChange:e=>d(Object(w.a)(Object(w.a)({},r),{},{selectedOfficePhone:e}))})})]})]}),Object(m.jsx)(o.a,{children:Object(m.jsxs)(n.a,{className:"d-flex justify-content-between",children:[Object(m.jsxs)("div",{className:"w-30 syn-import-contact-labels",children:[l("address"),":"]}),Object(m.jsx)("div",{className:"w-70 syn-import-contact-address-dropdown",children:Object(m.jsx)(D.a,{emptyText:l("address"),value:null===r||void 0===r?void 0:r.selectedAddress,data:null===r||void 0===r?void 0:r.addressOptions.filter((e=>null!==e.street&&void 0!==e.street)).map((e=>({key:e,value:e,name:"".concat(e.street?e.street+", ":""," ").concat(e.postalCode?e.postalCode+", ":""," ").concat(e.city?e.city+", ":""," ").concat(e.state?e.state+", ":""," ").concat(e.country&&e.country.iso2?e.country.iso2:"")}))),onChange:e=>d(Object(w.a)(Object(w.a)({},r),{},{selectedAddress:e}))})})]})})]})]})})},R=a(47);var q=e=>{let{onFilterChange:t}=e;const{t:a}=Object(i.a)();return Object(m.jsxs)("div",{className:"syn-alphabet-filter-bar",children:[Object(m.jsx)(p.a,{className:"syn-alphabet-filter-bar-letter",text:a("all"),onClick:()=>t()}),[{value:"a"},{value:"b"},{value:"c"},{value:"d"},{value:"e"},{value:"f"},{value:"g"},{value:"h"},{value:"i"},{value:"j"},{value:"k"},{value:"l"},{value:"m"},{value:"n"},{value:"o"},{value:"p"},{value:"q"},{value:"r"},{value:"s"},{value:"t"},{value:"u"},{value:"v"},{value:"w"},{value:"x"},{value:"y"},{value:"z"}].map(((e,a)=>Object(m.jsx)(p.a,{className:"syn-alphabet-filter-bar-letter",text:e.value,onClick:()=>t(e.value)},a)))]})},z=a(26),B=a(889),G=a(32);var V=Object(S.b)((e=>{let{closeModal:t,refreshContacts:a}=e;const{t:l}=Object(i.a)(),r=Object(S.a)(),{allCountries:d}=Object(z.a)(),[j,b]=Object(s.useState)(!1),[p,h]=Object(s.useState)(!1),{loginSession:C}=Object(s.useContext)(G.a),O=[{name:l("contactGoogleCSV"),key:"googleCsv",value:"googleCsv",firstNameCol:"given_name",middleNameCol:"additional_name",lastNameCol:"family_name",email1Col:"e_mail_1___value",email1TypeCol:"e_mail_1___type",email2Col:"e_mail_2___value",email2TypeCol:"e_mail_2___type",email3Col:"e_mail_3___value",email3TypeCol:"e_mail_3___type",phone1Col:"phone_1___value",phone1TypeCol:"phone_1___type",phone2Col:"phone_2___value",phone2TypeCol:"phone_2___type",phone3Col:"phone_3___value",phone3TypeCol:"phone_3___type",addressStreet1Col:"address_1___street",addressPostalCode1Col:"address_1___postal_code",addressCity1Col:"address_1___city",addressState1Col:"address_1___region",addressCountry1Col:"address_1___country",addressStreet2Col:"address_2___street",addressPostalCode2Col:"address_2___postal_code",addressCity2Col:"address_2___city",addressState2Col:"address_2___region",addressCountry2Col:"address_2___country",addressStreet3Col:"address_3___street",addressPostalCode3Col:"address_3___postal_code",addressCity3Col:"address_3___city",addressState3Col:"address_3___region",addressCountry3Col:"address_3___country"},{name:l("contactOutlookCSV"),key:"outlookCsv",value:"outlookCsv",firstNameCol:"first_name",middleNameCol:"middle_name",lastNameCol:"last_name",email1Col:"e_mail_address",email1TypeCol:"e_mail_1___type",email2Col:"e_mail_2_address",email2TypeCol:"e_mail_2___type",email3Col:"e_mail_3_address",email3TypeCol:"e_mail_3___type",phone1Col:"home_phone",phone1TypeCol:"phone_1___type",phone2Col:"business_phone",phone2TypeCol:"phone_2___type",phone3Col:"other_phone",phone3TypeCol:"phone_3___type",addressStreet1Col:"business_street",addressPostalCode1Col:"business_postal_code",addressCity1Col:"business_city",addressState1Col:"business_state",addressCountry1Col:"business_country",addressStreet2Col:"home_street",addressPostalCode2Col:"home_postal_code",addressCity2Col:"home_city",addressState2Col:"home_state",addressCountry2Col:"home_country",addressStreet3Col:"other_street",addressPostalCode3Col:"other_postal_code",addressCity3Col:"other_city",addressState3Col:"other_state",addressCountry3Col:"other_country"},{name:l("contactYahooCSV"),key:"yahooCsv",value:"yahooCsv",firstNameCol:"first_name",middleNameCol:"middle_name",lastNameCol:"last_name",email1Col:"email_1",email1TypeCol:"email_1_type",email2Col:"email_2",email2TypeCol:"email_2_type",email3Col:"email_3",email3TypeCol:"email_3_type",phone1Col:"phone_1",phone1TypeCol:"phone_1_type",phone2Col:"phone_2",phone2TypeCol:"phone_2_type",phone3Col:"phone_3",phone3TypeCol:"phone_3_type",addressStreet1Col:"address_1",addressStreet2Col:"address_2",addressStreet3Col:"address_3"}],[y,v]=Object(s.useState)(),[x,_]=Object(s.useState)(),[f,N]=Object(s.useState)([]),g=e=>{if(e&&isNaN(e)&&"googleCsv"===x){return e.split(" :::")[0]}return e},T=e=>{let t=O.find((e=>e.value===x)),a=e.map(((e,a)=>{const s={street:g(e[t.addressStreet1Col]),postalCode:g(e[t.addressPostalCode1Col]),city:g(e[t.addressCity1Col]),state:g(e[t.addressState1Col]),country:{iso2:g(e[t.addressCountry1Col])}};

1return{selectForImport:!1,index:a,firstName:e[t.firstNameCol],middleName:e[t.middleNameCol],lastName:e[t.lastNameCol],selectedEmail:g(e[t.email1Col]),selectedEmailType:e[t.email1TypeCol],selectedMobilePhone:g(e[t.phone1Col]),selectedMobileType:e[t.phone1TypeCol],selectedOfficePhone:g(e[t.phone2Col]),selectedOfficeType:e[t.phone2TypeCol],selectedAddress:s,emailOptions:[{email:g(e[t.email1Col]),type:e[t.email1TypeCol]},{email:g(e[t.email2Col]),type:e[t.email2TypeCol]},{email:g(e[t.email3Col]),type:e[t.email3TypeCol]}],phoneOptions:[{phone:g(e[t.phone1Col]),type:e[t.phone1TypeCol]},{phone:g(e[t.phone2Col]),type:e[t.phone2TypeCol]},{phone:g(e[t.phone3Col]),type:e[t.phone3TypeCol]}],addressOptions:[s,{street:g(e[t.addressStreet2Col]),postalCode:g(e[t.addressPostalCode2Col]),city:g(e[t.addressCity2Col]),state:g(e[t.addressState2Col]),country:{iso2:g(e[t.addressCountry2Col])}},{street:g(e[t.addressStreet3Col]),postalCode:g(e[t.addressPostalCode3Col]),city:g(e[t.addressCity3Col]),state:g(e[t.addressState3Col]),country:{iso2:g(e[t.addressCountry3Col])}}]}}));N(a.sort(((e,t)=>{var a,s,c,o;return(null===(a=e.lastName)||void 0===a?void 0:a.toUpperCase())>(null===(s=t.lastName)||void 0===s?void 0:s.toUpperCase())?1:(null===(c=t.lastName)||void 0===c?void 0:c.toUpperCase())>(null===(o=e.lastName)||void 0===o?void 0:o.toUpperCase())?-1:0})))},E=e=>d.find((t=>t.iso2===e)).id;return Object(s.useEffect)((()=>{h(!p)}),[y]),Object(m.jsxs)(m.Fragment,{children:[Object(m.jsxs)(o.a,{className:"mb-4",children:[Object(m.jsx)(n.a,{xs:3,children:Object(m.jsx)(R.a,{emptyText:l("chooseFormat"),data:O,label:l("fileFormat"),value:x,onChange:e=>_(e)})}),Object(m.jsx)(n.a,{xs:3,className:"text-center",children:Object(m.jsx)(A,{label:l("chooseFile"),onFileLoaded:(e,t)=>{(e=>{r(!0),setTimeout((()=>{T(e),r(!1)}),100)})(e)}})})]}),f.length>0&&Object(m.jsx)(o.a,{children:Object(m.jsxs)(n.a,{className:"d-flex justify-content-center align-items-center",children:[Object(m.jsxs)("div",{className:"syn-import-contacts-select-all-wrapper",children:[Object(m.jsxs)("div",{className:"syn-import-contacts-select-all-label",children:[l("all"),":"]}),Object(m.jsx)("div",{className:"ssyn-import-contacts-select-all-value",children:Object(m.jsx)(L.a,{id:"syn-import-contact-select-all-checkbox",checkboxDesignForm:"rectangular",checked:j,onChange:()=>(r(!0),b(!j),void setTimeout((()=>{N(f.map((e=>Object(w.a)(Object(w.a)({},e),{},{selectForImport:!e.selectForImport})))),h(!p),r(!1)}),500))})})]}),Object(m.jsx)(q,{onFilterChange:e=>{v(e),h(!p)}})]})}),Object(m.jsx)(o.a,{className:"mb-3",children:Object(m.jsx)(n.a,{className:"text-center",children:Object(m.jsx)("div",{className:f.length>4?"syn-import-contact-item-wrapper-scroll":"",children:Object(m.jsx)(B.a,{heightOfList:f.length>4?"600px":"150px",pageSize:10,loadMethod:(e,t)=>{const a=e*t,s=(e+1)*t,c=y?f.filter((e=>{var t;return null===(t=e.lastName)||void 0===t?void 0:t.toUpperCase().startsWith(y.toUpperCase())})):f;return c.length>a?c.slice(a,s):[]},endOfListText:l("contactScroll"),noElementsInListText:l("contactToSelect"),shouldReset:p,childsRender:(e,t,a)=>Object(m.jsx)(U,{contact:t,convertedContacts:e,setConvertedContacts:(e,t)=>f[t]=e},a)})})})}),Object(m.jsxs)(o.a,{children:[Object(m.jsx)(n.a,{children:Object(m.jsx)(F.a,{text:l("cancelModalButton"),onClick:t})}),Object(m.jsx)(n.a,{className:"text-right",children:Object(m.jsx)(u.a,{text:l("import"),onClick:async()=>{r(!0);let e=f.filter((e=>e.selectForImport)).map((e=>{var t,a;return{contactPerson:{firstName:e.firstName,middleName:e.middleName,lastName:e.lastName,contactInformation:{emailContact:{email:e.selectedEmail},phoneContact:{mobilePhoneNumber:e.selectedMobilePhone,officePhoneNumber:e.selectedOfficePhone}},address:{streetAndNumber:e.selectedAddress.street,city:e.selectedAddress.city,stateOrProvince:e.selectedAddress.state,postalCode:e.selectedAddress.postalCode,country:{id:null!==(t=e.selectedAddress)&&void 0!==t&&null!==(a=t.country)&&void 0!==a&&a.iso2?E(e.selectedAddress.country.iso2):void 0}}}}})).filter((e=>{var t,a,s,c;return(null===C||void 0===C||null===(t=C.user)||void 0===t?void 0:t.username)!==(null===e||void 0===e||null===(a=e.contactPerson)||void 0===a||null===(s=a.contactInformation)||void 0===s||null===(c=s.emailContact)||void 0===c?void 0:c.email)}));try{await Object(c.n)(e),a(),t()}catch(s){console.error(s)}finally{r(!1)}}})})]})]})})),W=a(179),Y=a(64),H=a.n(Y);const J=Object(E.c)(Object(T.b)(Object(S.b)((()=>{const{t:e,i18n:t}=Object(i.a)(),[a,l]=Object(s.useState)(!1),r=Object(S.a)(),{setError:b}=Object(T.a)(),p=Object(g.g)(),u=Object(g.h)(),[h,C]=Object(s.useState)(!1),[y,v]=Object(s.useState)(0),[f,E]=Object(s.useState)(15),[w,F]=Object(s.useState)(""),[I,P]=Object(s.useState)(0),[A,D]=Object(s.useState)([]),[L,M]=Object(s.useState)(!1),[U,R]=Object(s.useState)(!1),[q,z]=Object(s.useState)(!1),[B,G]=Object(s.useState)(null),[Y,J]=Object(s.useState)(""),[K,Q]=Object(s.useState)(!1),[X,Z]=Object(s.useState)(!1),[$,ee]=Object(s.useState)(!1),te=()=>{l(!a)};Object(s.useEffect)((()=>{u.state&&u.state.id&&ce(u.state.id)}

1),[u.state?u.state.id:null]),Object(s.useEffect)((()=>{se(),N()(window).width()<"1000"&&Z(!0)}),[a]),Object(s.useEffect)((()=>{se()}),[y]),Object(s.useEffect)((()=>{se()}),[L]),Object(s.useEffect)((()=>{(!w||w.length>2)&&se()}),[w]);const ae=H.a.debounce((async()=>await Object(c.h)({pageNumber:y,pageSize:f,text:w,showFavorite:L})),100,{leading:!0,trailing:!1}),se=async()=>{r(!0);try{const e=await ae();D((null===e||void 0===e?void 0:e.content)||[]),P(null===e||void 0===e?void 0:e.totalNumberOfElements)}catch(t){console.error(t),b("contactList.loading.error",e("contactErrorLoadingContactList"))}finally{r(!1)}},ce=async t=>{try{const e=await Object(c.f)(t);G(e),z(!1),X&&ee(!0)}catch(a){b("contactList.loading.error",e("contactErrorLoadingContactList"))}},oe=async t=>{try{await Object(c.i)(t),te(),G(null)}catch(a){b("deleteContact.delete.error",e("contactErrorDeletingContactList"))}},ne=async t=>{try{await Object(c.q)(t.id,!t.favorite),te()}catch(a){b("markContactAsFavorit.markAsFavorit.error",e("contactErrorMarkingContactFavourite"))}},le=async t=>{if(B.contactPerson.contactInformation.emailContact.email)try{Q(!0),J(e("sendEmailToConnect")),await Object(c.v)(t),se(t),ce(t),J("")}catch(a){console.log(a),Q(!1),J(e("connectionMaxRequest"))}else Q(!1),J(e("contactWithoutEmailContact"))};return Object(m.jsxs)(o.a,{className:"syn-contacts-page position-relative",children:[Object(m.jsxs)(n.a,{md:12,lg:12,children:[Object(m.jsxs)("div",{className:"syn-contacts-control-area",children:[$?Object(m.jsx)(d.a,{icon:"fa fa-chevron-left",text:e("contactList"),onClick:()=>{ee(!1),z(!1)}}):Object(m.jsxs)(m.Fragment,{children:[Object(m.jsx)(d.a,{id:"syn-contact-menu-favorite-contact-list-button",text:e("favoriteContact"),icon:L?"fa fa-star active":"fa fa-star",onClick:()=>M(!L)}),Object(m.jsx)(x,{name:"contact-search",id:"syn-contact-menu-search-contact-list",placeholder:e("searchForContacts"),onChange:e=>F(e.target.value)})]}),Object(m.jsx)(d.a,{id:"syn-contact-menu-new-contact-button-2",text:e("newContact"),icon:"fa fa-user-plus",onClick:()=>{G(null),z(!0),X&&ee(!0)}}),Object(m.jsx)(d.a,{id:"syn-contact-menu-new-contact-button-1",text:e("contactImport"),icon:"fa fa-cloud-upload",onClick:()=>C(!0)}),Object(m.jsx)(k.a,{size:"xl",show:h,className:"syn-import-contacts-modal",modalTitle:e("contactImport"),onHide:()=>C(!1),modalBodyContent:Object(m.jsx)(V,{closeModal:()=>C(!1),refreshContacts:te})})]}),Object(m.jsx)(_.a,{text:Y,show:!!Y,variant:K?"success":"danger",children:Object(m.jsx)(d.a,{icon:"fa fa-close",variant:"danger",onClick:()=>J("")})})]}),!$&&Object(m.jsxs)(n.a,{xs:12,lg:3,className:"syn-contacts-list-area mb-3",children:[0!==I&&Object(m.jsx)("div",{className:"syn-general-panel syn-qoute-request-filter-wrapper text-right",children:Object(m.jsx)("div",{className:"syn-qoute-request-filter-pagination-method-wrapper",children:Object(m.jsx)(W.a,{currentPageNumber:y,setCurrentPageNumber:v,pageSize:f,numberOfItems:I})})}),Object(m.jsx)("div",{className:"syn-contacts-list",children:I>0?A.map(((e,t)=>Object(m.jsx)(j,{contact:e,onClick:()=>ce(e.id),open:B&&e.id===B.id,deleteContact:oe,markAsFavoriteContact:ne,sendInviteEmail:le,history:p},t))):Object(m.jsxs)("div",{className:"syn-no-contacts",children:[Object(m.jsx)("i",{className:"fa fa-info-circle"}),e("contactNotFound")]})})]}),(!X||$||q)&&Object(m.jsxs)(n.a,{xs:12,lg:9,className:"syn-contacts-details-area",children:[(B||q)&&Object(m.jsx)(O,{deleteContact:oe,markAsFavoriteContact:ne,sendInviteEmail:le,saveCallback:e=>{ce(e.id),te()},contact:q?null:B,history:p,formId:"contactForm"}),null===B&&!q&&Object(m.jsx)("div",{className:"syn-text-wrapper",children:Object(m.jsxs)("div",{className:"syn-text",children:[Object(m.jsx)("h1",{children:e("contactNotSelected")}),Object(m.jsx)("h2",{children:e("contactNotSelectedText")})]})})]})]})}))));t.default=J},889:function(e,t,a){"use strict";var s=a(1),c=a(890),o=a(438),n=(a(891),a(10)),l=a(9),r=a(38),i=a(0);const d=Object(l.b)(Object(n.b)((e=>{let{loadMethod:t,pageSize:a,heightOfList:d,endOfListText:m,noElementsInListText:j,childsRender:b,shouldReset:p=!1,filter:u}=e;const{t:h}=Object(r.a)(),[C,O]=Object(s.useState)(!0),[y,v]=Object(s.useState)([]),[x,_]=Object(s.useState)(0),[f,N]=Object(s.useState)(!0),g=Object(n.a)(),{setError:S}=Object(l.a)(),T=async(e,a)=>{O(!0);try{g(!0);const s=await t(e,a);N(!1),v(0===e?[...s]:[...y,...s]),(!s||s.length<a)&&O(!1)}

1catch(s){S("loadData.error",h("errorLoadingData"))}finally{g(!1)}};Object(s.useEffect)((()=>{setTimeout((()=>{N(!0),T(x,a)}),300)}),[x,u]),Object(s.useEffect)((()=>{}),[C]),Object(s.useEffect)((()=>{N(!0),O(!0),v([]),0===x?setTimeout((()=>{T(x,a)}),300):_(0)}),[t]);return Object(s.useEffect)((()=>{v([]),O(!0),_(0)}),[p]),Object(i.jsxs)("div",{className:"syn-infinite-scroll-wrapper",children:[Object(i.jsx)(o.a,{active:f}),Object(i.jsxs)(c.a,{dataLength:y.length,next:()=>{_(x+1)},hasMore:C,loader:Object(i.jsx)(o.a,{active:!0}),height:d,endMessage:Object(i.jsx)("div",{className:0===y.length?"syn-infinite-scroll-no-elements-message-wrapper":"syn-infinite-scroll-end-message-wrapper",children:0===y.length?j:m}),children:[y&&y.map(((e,t)=>b(y,e,t))),C&&Object(i.jsx)("div",{className:"syn-scroll-for-more-messages-text-wrapper",children:Object(i.jsx)("div",{className:"syn-scroll-for-more-messages-text",children:Object(i.jsx)("span",{children:"Scroll for more messages..."})})})]})]})})));t.a=d},891:function(e,t,a){}}]);