https://www.dealberg.com/component---src-pages-profile-org-team-members-tsx-5573954d9b7b70844204.js

1"use strict";(self.webpackChunkdealberg_customer_portal=self.webpackChunkdealberg_customer_portal||[]).push([[8333],{308:function(e,a){a.A="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAqCAYAAADMKGkhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvElEQVR42u3Z0QmEMBAEUEtICSnBEiwhHVxKsENLsARLSAl7Gwgoagx4HM7KDCz44cdDE5OsXccwzM8REacVtYKWt4L2Wousyde9BfgkxyR4vNSDja88cXy8wga5DjQ+Ek888cQT/398vqGx0j2VOr7s4pLgJtvcnVeGkPEMPhqAx9opBX2o+KvJOZuanA9+Dj9EE0000URDo4PJPXdjJYY+KKQ3teBMND33beZkos28wYdyWHH81cEw7XwBUEyDVPPdYDwAAAAASUVORK5CYII="},2543:function(e,a,t){t.d(a,{F:function(){return r},A:function(){return i}});var l=t(6540),n=t(9766);const r=(0,l.forwardRef)((e,a)=>{var t,r;if("radio"===e.type)return l.createElement("div",{className:["storybook-input_field disable-select",e.type].join(" "),onClick:()=>e.onChange(e.value)},l.createElement("label",{className:"container",htmlFor:`radio-${e.value}`}),l.createElement("input",{ref:a,id:`radio-${e.value}`,type:"radio",name:e.group,value:e.value,checked:e.checked,onChange:a=>e.onChange(e.value)}),l.createElement("span",{className:"checkmark"}));if("checkbox"===e.type)return l.createElement("div",{className:["storybook-input_field disable-select",e.type].join(" "),onClick:e.onChange},l.createElement("input",{ref:a,type:"checkbox",checked:e.checked,onChange:e.onChange}),l.createElement("span",{className:"checkbox"},l.createElement("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAATklEQVR42mNgGAUkgy9fvhiQrfnTp0/zgQbsp0Tz+ffv3wvgVPT9+3cFoMIEsjSDAFCBAlDh/c+fP9eTrBmbISRrRjeELM3IhpCteYQBAMnzX0bJZUiWAAAAAElFTkSuQmCC",alt:"tick icon"})));const i=e.inputType||"text",{0:o,1:s}=(0,l.useState)(null!==(t=e.initialValue)&&void 0!==t?t:"");const m="text"===e.type&&!!e.error,c=e.label||e.placeholder||"",d=e.label&&null!==(r=e.placeholder)&&void 0!==r?r:" ";return l.createElement("div",{className:["storybook-input_field",e.type,e.width,e.size,m&&"has-error"].filter(Boolean).join(" ")},l.createElement("div",{className:["input",e.icon&&"has-icon"].filter(Boolean).join(" ")},e.icon&&l.createElement("img",{src:e.icon,alt:"input field icon"}),l.createElement("input",{ref:a,className:[e.className,e.icon&&"icon"].filter(Boolean).join(" "),type:i,value:void 0!==e.value?e.value:o,onChange:function(a){const t=a.target.value;s(t),e.onChange&&e.onChange(t)},disabled:e.disabled,maxLength:e.maxLength,placeholder:d,onWheel:"number"===i?n.J:void 0}),c&&l.createElement("label",{className:"floating-label"},c)),m&&l.createElement("p",{className:"error-message"},e.error))});var i=r},4504:function(e,a,t){t.d(a,{$:function(){return i}});var l=t(6540),n=t(5407),r=t(308);const i=e=>{let{label:a,icon:t,mode:i="solid",width:o="hug",theme:s="light",labelSize:m="medium",disabled:c=!1,isIconLeading:d=!0,onClick:u,...p}=e;const A="large"===m?24:"medium"===m?18:10;if("text"===i)return l.createElement("button",Object.assign({type:"button",className:"button storybook-text_button",onClick:c?void 0:e=>u(e)},p),l.createElement("p",{className:["label",m].join(" ")},a),"light"===s?l.createElement("img",{src:n.A,alt:"arrow right"}):l.createElement("img",{src:r.A,alt:"arrow right"}));if(t&&!a)return l.createElement("button",Object.assign({type:"button",disabled:c,className:["button storybook-icon-button",s].join(" "),onClick:c?void 0:e=>u(e)},p),l.createElement("img",{src:t,alt:"button icon",style:{width:A}}));const E="large"===m?"l2":"medium"===m?"l3":"l4";return l.createElement("button",Object.assign({type:"button",disabled:c,className:["button storybook-button",i,o,s,m].join(" "),onClick:c?void 0:e=>u(e)},p),d&&t&&l.createElement("img",{className:"icon",src:t,alt:"button icon",style:{width:A}}),l.createElement("p",{className:E},a),!d&&t&&l.createElement("img",{className:"icon",src:t,alt:"button icon",style:{width:A}}))};a.A=i},5407:function(e,a){a.A="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAR0lEQVR42u3WwQ0AEAAEQaUoVadKwYMOPI7MJPffkIhSALiirvW9mhDU1sZeRNQ5IVGiRCVECYq8MjFinn9zYr8fMR80gG9NZOJCf50JuhAAAAAASUVORK5CYII="},5826:function(e,a,t){t.r(a),t.d(a,{Head:function(){return b},default:function(){return h}});

1var l=t(8051),n=t.n(l),r=t(6540),i=t(4504),o=t(8255),s=t(5381),m=t(108),c=t(6656),d=t(7909);var u=e=>{let{member:a}=e;const{0:t,1:l}=(0,r.useState)(!1);return r.createElement("main",{id:"employee_card_comp"},r.createElement("div",{className:"profile_section"},r.createElement("div",{className:"img_wrapper"},r.createElement("img",{src:a.profileImage||"https://www.360legal.in/wp-content/uploads/2021/01/nobody.jpg",alt:"team-member"})),r.createElement("div",{className:"text_info"},r.createElement("h6",{className:"h7"},a.firstName," ",a.lastName),r.createElement("p",{className:"p4 role_badge"},{4:"Finance Head",5:"Category Owner",6:"Line Manager",7:"Buyer"}[a.roleId]||"Member"),r.createElement("p",{className:"p7 emp_id"},"ID: #",a.id))),r.createElement("div",{className:"contact_details"},r.createElement("div",{className:"contact_item"},r.createElement(d.FlW,{className:"icon"}),r.createElement("p",{className:"p6"},a.email)),r.createElement("div",{className:"contact_item"},r.createElement(d.ElY,{className:"icon"}),r.createElement("p",{className:"p6"},a.phoneNumber))),r.createElement("div",{className:"btn_content"},r.createElement(i.A,{width:"full",mode:"solid",label:"Edit Details",onClick:()=>l(!0)})),r.createElement(c.A,{open:t,onClose:()=>l(!1),initialMember:a}))},p=JSON.parse('{"v":"5.8.0","fr":60,"ip":0,"op":121,"w":500,"h":500,"nm":"Comp 1","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"Null 1","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[250,245,0],"to":null,"ti":null},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[250,255,0],"to":null,"ti":null},{"t":120,"s":[250,245,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":121,"st":0,"bm":0,"completed":true},{"ddd":0,"ind":2,"ty":4,"nm":"face","parent":1,"sr":1,"ks":{"o":{"a":0,"k":50,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.748,"y":0},"t":30,"s":[0,0,0],"to":null,"ti":null},{"i":{"x":0.352,"y":1},"o":{"x":0.178,"y":0}

1,"t":45,"s":[8,0,0],"to":null,"ti":null},{"i":{"x":0.491,"y":1},"o":{"x":0.077,"y":0},"t":60,"s":[-8,0,0],"to":null,"ti":null},{"i":{"x":0.491,"y":1},"o":{"x":0.333,"y":0},"t":73,"s":[3,0,0],"to":null,"ti":null},{"t":84,"s":[0,0,0]}],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-29.748,9.847],[-33.61,9.173],[-35.608000000000004,2.839],[-11.633,-9.847],[23.723,-6.4079999999999995],[36.093,4.497],[30.237000000000002,9.395],[10.568,-0.396],[-19.552,2.833000000000001]],"o":[[-32.172,9.847],[-36.073,5.795],[-23.490000000000002,-5.991999999999999],[12.458,-9.847],[35.523999999999994,1.559],[33.175000000000004,8.823],[20.002000000000002,2.484],[-9.62,-0.396],[-28.774,9.553]],"v":[[-30.712,9.847],[-34.536,7.904],[-33.499,1.302],[0.788,-9.847],[33.361,0.099],[34.633,6.66],[28.073,7.932],[0.788,-0.396],[-27.934,8.941]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false,"_render":true},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false,"_render":true},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform","_render":true}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false,"_render":true},{"ty":"tr","p":{"a":0,"k":[250,273.902],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform","_render":true}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false,"_render":true},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[9.451,-5.22],[5.22,9.451],[-9.451,5.22],[-5.22,-9.451]],"o":[[9.451,5.22],[-5.22,9.451],[-9.451,-5.22],[5.22,-9.451]],"v":[[9.451,0],[0,9.451],[-9.451,0],[0,-9.451]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false,"_render":true},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false,"_render":true},{"ty":"tr","p":{"a":0,"k":[212.197,225.702],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform","_render":true}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false,"_render":true},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[9.451,-5.22],[5.22,9.451],[-9.451,5.22],[-5.22,-9.451]],"o":[[9.451,5.22],[-5.22,9.451],[-9.451,-5.22],[5.22,-9.451]],"v":[[9.451,0],[0,9.451],[-9.451,0],[0,-9.451]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false,"_render":true},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false,"_render":true},{"ty":"tr","p":{"a":0,"k":[287.803,225.702],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform","_render":true}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false,"_render":true},{"ty":"tr","p":{"a":0,"k":[287.803,225.702],"ix":2},"a":{"a":0,"k":[287.803,225.702],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform","_render":true}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false,"_render":true}],"ip":0,"op":121,"st":0,"bm":0,"completed":true},{"ddd":0,"ind":3,"ty":4,"nm":"magnification glass","parent":1,"sr":1,"ks":{"o":{"a":0,"k":50,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[27,24,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[54.119,19.52],[38.288999999999994,37.19],[-1.6110000000000007,65.25],[-116.251,25.1],[-76.101,-113.75],[62.749,-73.6]],"o":[[39.129,36.29],[21.148999999999997,54.83],[-76.101,65.25],[-116.251,-73.6],[22.599,-113.75],[62.749,-1.370000000000001]],"v":[[39.949,35.36],[37.419,38.08],[-26.751,65.25],[-116.251,-24.25],[-26.751,-113.75],[62.749,-24.25]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false,"_render":true},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[138.27900000000002,120.92999999999999],[60.639,43.3],[83.749,1.1600000000000001],[34.179,-134.75],[-137.251,-85.18],[-87.681,86.25],[26.788999999999998,75.81],[119.329,131.67],[124.059,134.75],[132.119,133.72]],"o":[[134.169,116.83],[75.119,24.609999999999996],[83.749,-85.18],[-87.681,-134.75],[-137.251,36.68],[1.2089999999999996,86.25],[46.269,58.61],[121.37899999999999,133.72],[129.439,134.75],[138.27900000000002,127.57]],"v":[[134.169,116.83],[60.639,43.3],[83.749,-24.25],[-26.751,-134.75],[-137.251,-24.25],[-26.751,86.25],[46.269,58.61],[119.329,131.67],[126.749,134.75],[134.169,131.67]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false,"_render":true},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false,"_render":true},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform","_render":true}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false,"_render":true}],"ip":0,"op":121,"st":0,"bm":0,"completed":true}],"markers":[],"__complete":true}'),A=t.p+"static/team-b6515be1a99556482bba2dea9fe4c3b5.png",E=t.p+"static/add-3a362532bc451147d42937a4108758fc.png";var h=()=>{const{getTeamMembersList:e}=(0,o.A)(),{0:a,1:t}=(0,r.useState)([]),{0:l,1:s}=(0,r.useState)([]),{0:d,1:h}=(0,r.useState)(0),{0:b,1:f}=(0,r.useState)(!1),g=e=>{s(null===e?a:a.filter(a=>a.roleId===e))};return(0,r.useEffect)(()=>{e().then(e=>{t(e),s(e)})},[]),r.createElement(m.A,{displayName:"My Team",description:"Manage your personal and organization profile here!",isSubPage:!0,mainPageName:"My Organization",subPageName:"My Team",parentRoute:"/profile/org"},r.createElement("main",{id:"team_page"},r.createElement("div",{className:"team_details"},r.createElement("div",{className:"header_details"},r.createElement("div",{className:"header"},r.createElement("img",{src:A,alt:"team members"}),r.createElement("h5",{className:"h5"},"Team Members")),r.createElement("p",{className:"p2"},"You may edit or change team details")),r.createElement("div",{className:"content_section"},r.createElement("div",{className:"btns_section"},r.createElement(i.A,{mode:0===d?"outlined":"solid",label:"All",onClick:()=>{h(0),g(null)}}),r.createElement(i.A,{mode:1===d?"outlined":"solid",label:"Category Owner",onClick:()=>{h(1),g(5)}}),r.createElement(i.A,{mode:2===d?"outlined":"solid",label:"Line Owner",onClick:()=>{h(2),g(6)}}),r.createElement(i.A,{mode:3===d?"outlined":"solid",label:"Buyer",onClick:()=>{h(3),g(7)}})),r.createElement("div",{className:"team_display_section"},l.length>0?l.map((e,a)=>r.createElement(u,{key:`team_member_${e.id}_${a}`,member:e})):r.createElement(n(),{animationData:p}

1)),r.createElement("div",{className:"header_details"},r.createElement("div",{className:"header add_click",onClick:()=>{f(!0)}},r.createElement("img",{src:E,alt:""}),r.createElement("h5",{className:"h5"},"Add new team member")),r.createElement("p",{className:"p2"},"You may edit or change team details")),r.createElement(c.A,{open:b,onClose:()=>{f(!1)}})))))};const b=()=>r.createElement(s.A,{pathname:"/profile/org/team_members",title:"My Team | Dealberg",description:"Manage your personal and organization profile here!"})},6656:function(e,a,t){var l=t(6540),n=t(6940),r=t(973),i=t(7164),o=t(1641),s=t(7909),m=t(4504),c=t(2543),d=t(9513),u=t(6404),p=t(8255),A=t(3822),E=t(3431);const h={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"min(90vw, 850px)",maxHeight:"90vh",bgcolor:"background.paper",boxShadow:"0 24px 48px rgba(0,0,0,0.1)",borderRadius:"16px",outline:"none",overflowY:"auto"};a.A=e=>{let{open:a,onClose:t,initialMember:b}=e;const{token:f}=(0,u.A)(),g=(0,l.useRef)(null),{getTeamDetails:k,createTeamMember:x,updateTeamMember:v}=(0,p.A)(),{0:y,1:N}=(0,l.useState)(null),{0:_,1:w}=(0,l.useState)(null),{0:C,1:S}=(0,l.useState)(""),{0:M,1:B}=(0,l.useState)(""),{0:D,1:V}=(0,l.useState)(""),{0:G,1:T}=(0,l.useState)(""),{0:I,1:R}=(0,l.useState)(4),{0:j,1:z}=(0,l.useState)(""),{0:L,1:O}=(0,l.useState)(!1),P=Object.entries({4:"Finance Head",5:"Category Owner",6:"Line Manager",7:"Buyer"}).map(e=>{let[a,t]=e;return{value:a,label:t}});return(0,l.useEffect)(()=>{var e;a&&(b?(N(b.profileImage||null),S(b.firstName||""),B(b.lastName||""),V(b.phoneNumber||""),T(b.email||""),R(b.roleId||4),z((null===(e=b.id)||void 0===e?void 0:e.toString())||"")):(N(null),w(null),S(""),B(""),V(""),T(""),R(4),z("")))},[b,a]),(0,l.useEffect)(()=>{if(!_)return;const e=URL.createObjectURL(_);return N(e),()=>URL.revokeObjectURL(e)},[_]),l.createElement(n.A,{open:a,onClose:t,closeAfterTransition:!0},l.createElement(r.A,{in:a},l.createElement(i.A,{sx:h},l.createElement("div",{id:"team_member_modal"},l.createElement("div",{className:"modal_header"},l.createElement("div",{className:"title_group"},l.createElement("div",{className:"icon_wrapper"},b?l.createElement(s.Ga2,{size:22}):l.createElement(s.K0m,{size:22})),l.createElement("div",null,l.createElement("h3",null,b?"Edit Team Member":"Add Team Member"),l.createElement("p",null,"Manage access and roles for your organization"))),l.createElement(o.A,{onClick:t,className:"close_btn"},l.createElement(s.Mz4,null))),l.createElement("div",{className:"modal_body"},l.createElement("div",{className:"profile_pic_section"},l.createElement("div",{className:"profile_pic_holder",onClick:function(){var e;null===(e=g.current)||void 0===e||e.click()}},l.createElement("input",{ref:g,type:"file",accept:"image/*",onChange:function(e){var a;null!==(a=e.target.files)&&void 0!==a&&a.length&&w(e.target.files[0])}}),l.createElement("img",{src:y||"https://www.360legal.in/wp-content/uploads/2021/01/nobody.jpg",alt:"profile"}),l.createElement("div",{className:"overlay"},l.createElement(s.Ds$,{size:24}),l.createElement("span",null,"Change"))),l.createElement("span",{className:"pic_label"},"Profile Picture")),l.createElement("div",{className:"form_grid"},l.createElement("div",{className:"form_row"},l.createElement(c.A,{type:"text",size:"small",width:"full",label:"First Name *",value:C,placeholder:"Enter first name",onChange:S}),l.createElement(c.A,{type:"text",size:"small",width:"full",label:"Last Name",value:M,placeholder:"Enter last name",onChange:B})),l.createElement("div",{className:"form_row"},l.createElement(c.A,{type:"text",size:"small",width:"full",maxLength:10,label:"Phone Number *",value:D,placeholder:"10 digit mobile number",onChange:V}),l.createElement(c.A,{type:"text",size:"small",width:"full",label:"Email Address *",value:G,placeholder:"[email protected]",onChange:T})),l.createElement("div",{className:"form_row"},l.createElement(d.A,{label:"Assigned Role *",options:P,initialValue:I.toString(),onChange:e=>R(Number(e)),size:"small",width:"full"}),l.createElement(c.A,{type:"text",size:"small",width:"full",label:"Employee/Vendor ID",placeholder:"e.g. EMP123",value:j,onChange:z})))),l.createElement("div",{className:"modal_footer"},l.createElement(m.A,{width:"full",label:L?"Saving...":b?"Update Member":"Add Team Member",disabled:L,onClick:async function(){if(C&&G&&D){O(!0);try{const e={firstName:C,lastName:M,phoneNumber:D,email:G,roleId:I,id:j?Number(j):void 0};if(_&&f){const a=await(0,A.X)(_,"profile",f);a&&(e.profileImage=a)}let a=!1;a=b?await v(b.id,e):await x({firstName:C,lastName:M,email:G,phoneNumber:D,roleId:I,empId:j?Number(j):null,profileImage:e.profileImage}),a&&(await k(),E.A.fire({icon:"success",title:`Team member ${b?"updated":"added"} successfully`}),t())}catch(e){E.A.fire({icon:"error",title:"Failed to save team member"})}finally{O(!1)}}else E.A.fire({icon:"error",title:"Required fields are missing"})}}))))))}}

1,9513:function(e,a,t){var l=t(6540);a.A=e=>{let{label:a,options:t,width:n="hug",size:r="medium",initialValue:i,onChange:o}=e;const{0:s,1:m}=(0,l.useState)(i),c="medium"===r?"p4":"small"===r?"p6":"l3";return l.createElement("div",{className:["storybook-select_field",n,r].join(" ")},l.createElement("label",{className:["label",c].join(" ")},a),l.createElement("select",{value:s,onChange:function(e){m(e.target.value),o(e.target.value)},className:"select_input"},t.map(e=>l.createElement("option",{key:`select_${a}_input_${e.value}`,value:e.value,className:"p2"},e.label))))}},9766:function(e,a,t){t.d(a,{J:function(){return l}});const l=e=>{e.currentTarget.blur()}}}]);
2//# sourceMappingURL=component---src-pages-profile-org-team-members-tsx-5573954d9b7b70844204.js.map