https://ovio.org/_next/static/chunks/pages/profile/edit/technologies-ef95e80956c72ee5753c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2346],{110:function(e,t,n){"use strict";n.r(t),n.d(t,{SelectElementPropTypes:function(){return R},default:function(){return V}});var r=n(47169),i=n(13613),o=n(34461),l=n.n(o),s=n(67905),a=n.n(s),c=n(88423),u=n.n(c),d=n(86834),p=n.n(d),h=n(32735),b=n(60216),f=n.n(b),g=n(13694),v=n(3223),m=n(61093),y=n(69455),O=n(83327),j=n(37794),w=n(2072),P=n(4341),x=n(26185),Z=n(34991),k=n(34020);const S={fullWidth:!0,variant:"outlined",margin:"dense"};var C=n(74512);const D=["inputRef"];function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function B(e){let{inputRef:t}=e,n=(0,i.Z)(e,D);return(0,C.jsx)("div",E({ref:t},n))}function I({children:e,innerProps:t,selectProps:{showPlaceholder:n}}){return n?(0,C.jsx)(v.Z,E(E({variant:"body2",color:"textSecondary"},t),{},{children:e})):null}function q({label:e,isSelected:t,innerProps:n,selectProps:{isMulti:r}}){return r?(0,C.jsxs)(m.Z,E(E({},n),{},{children:[(0,C.jsx)(y.Z,{checked:t}),(0,C.jsx)(O.Z,{primary:e})]})):(0,C.jsx)(m.Z,E(E({},n),{},{children:e}))}function A({children:e,innerProps:t,selectProps:{classes:n}}){return(0,C.jsx)(j.Z,E(E({className:n.menu,square:!0,elevation:2},t),{},{children:e}))}function T({children:e,innerProps:t}){return(0,C.jsx)(v.Z,E(E({variant:"body2"},t),{},{children:e}))}B.defaultProps={inputRef:void 0},I.defaultProps={innerProps:{},selectProps:{}},q.defaultProps={innerProps:{}},A.defaultProps={innerProps:{}},T.defaultProps={innerProps:{}};const _={Control:function({children:e,innerProps:t,innerRef:n,isFocused:r,selectProps:{classes:i,onBlur:o,value:l,label:s,error:a,required:c,setShowPlaceholder:u}}){const d=!p()(l)||r;return(0,C.jsx)(g.Z,E({label:s,error:Boolean(a),required:c,InputProps:{inputComponent:B,inputProps:E({className:i.input,ref:n,children:e},t)},InputLabelProps:{shrink:d},onFocus:()=>u(!0),onBlur:()=>{u(!1),o()}},S))},Placeholder:I,Option:q,Menu:A,SingleValue:T,MultiValue:function({children:e,removeProps:t,selectProps:{classes:n}}){return(0,C.jsx)(w.Z,{className:n.chip,label:e,onDelete:t.onClick,deleteIcon:(0,C.jsx)(x.Z,E({className:n.chipIcon},t))})}},M=({classes:e,options:t,value:n,onChange:r,onBlur:i=(()=>{}),allowMultiple:o=!1,label:s,error:c,required:d,allowNewOptions:p=!1,addOption:b,maxNewValues:f=5,placeholder:g})=>{const{0:v,1:m}=(0,h.useState)(!1),{0:y,1:O}=(0,h.useState)(0),j=e=>{const r=e=>{const r=e=>(t.find((({value:t})=>t===e))||{label:e}).label;if(l()(e))return{value:e,label:r(e)};return E(E({},{label:r(n)}),u()(e,["value","label"]))};return Array.isArray(e)?e.map((e=>r(e))):r(e)},w={styles:{container:e=>E(E({},e),{},{width:"100%"})},components:_,classes:e,onChange:(e,{action:t})=>{const n=e||[];if("create-option"===t){const{value:e}=n.find((e=>e.__isNew__))||{};b&&b(e),O(y+1)}r(Array.isArray(n)?(n||[]).map((e=>e.value)):n.value)},onBlur:i,options:(p?a()(j(t),j(n)):j(t)).sort(),value:j(n),label:s,error:c,required:d,isMulti:o,placeholder:g,showPlaceholder:v,setShowPlaceholder:m};return p?(0,C.jsx)(k.ZP,E({isValidNewOption:()=>-1===f||y<f},w)):(0,C.jsx)(Z.ZP,E({},w))},L=f().arrayOf(f().oneOfType([f().string,f().shape({value:f().string.isRequired,label:f().string})])),R={options:L.isRequired,value:f().oneOfType([f().string,L.isRequired]),onChange:f().func.isRequired,onBlur:f().func,allowMultiple:f().bool,label:f().string.isRequired,error:f().string,required:f().bool,allowNewOptions:f().bool,addOption:f().func,maxNewValues:f().number,placeholder:f().string};M.defaultProps={value:void 0,onBlur:()=>{},allowMultiple:!1,error:void 0,required:void 0,allowNewOptions:!1,addOption:void 0,maxNewValues:5,placeholder:"Start typing to select options..."};var V=(0,P.Z)((e=>({input:{display:"flex",height:"auto"},menu:{position:"absolute",zIndex:5,width:"100%"},chip:{backgroundColor:e.palette.primary.light,height:"unset",margin:"0px 2px"},chipIcon:{padding:2}})))(M)},19294:function(e,t,n){"use strict";var r=n(47169),i=n(13613),o=n(32735),l=n(19856),s=n(57568),a=n(69455),c=n(13694),u=n(32348),d=n(77236),p=n.n(d),h=n(9086),b=n.n(h),f=n(12753),g=n(68313),v=n(6231),m=n(74512);const y=["id","label","required","type","value","error","onChange","onEnter","columns","validations","setValidation","bottomActionElement","columnsImportant"];function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?O(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const w=v.OB.IS_STATIC?n(110).default:(0,o.lazy)((()=>Promise.resolve().then(n.bind(n,110))));const P=(0,u.Z)((()=>({fullHeight:{height:"100%"}}))),x=["error","onChange"];t.Z=function(e){let{id:t,label:n,required:r=!1,type:u="text",value:d,error:h,onChange:v=(()=>{}),onEnter:O,columns:Z,validations:k,setValidation:S,bottomActionElement:C,columnsImportant:D}=e,N=(0,i.Z)(e,y);const E=P(),B=(()=>{switch(Z){case 3:return{md:4,xs:D?4:12};case 2:return{md:6,xs:D?6:12};default:return{xs:12}}})(),I=(0,f.id)({id:t,label:n}),q=j({},N),A=O&&(({key:e})=>"Enter"===e&&O()),T=()=>{S&&S(t,(0,f.nH)({id:t,label:I,value:d,required:r,validations:k}))},_=(0,f.Be)(u,d);return(0,m.jsx)(l.Z,j(j({item:!0,container:!0,alignItems:"center"},B),{},{children:(()=>{switch(u){case"checkbox":return"boolean"===typeof _?(0,m.jsx)(l.Z,{className:E.fullHeight,container:!0,justify:"center",children:(0,m.jsx)(s.Z,{control:(0,m.jsx)(a.Z,{color:"primary",checked:_,onChange:(e,t)=>

1v(t),value:_.toString()}),label:I})}):null;case"select":return(0,m.jsx)(o.Suspense,{fallback:(0,m.jsx)(g.Z,{fullPage:!1}),children:(0,m.jsx)(w,j({value:_,label:I,onChange:v,error:h,required:r,onBlur:T},N))});case"password":case"email":q.type=u,q.onChange=e=>v((e.target.value||"").trim().toLowerCase());break;case"number":q.type="number",q.onChange=e=>{const t=e.target.value;v(t?parseFloat(t):0)}}return p()(h)?q.helperText=([h]||0).map((e=>(0,m.jsx)("p",{children:e},String(e)))):h&&(q.helperText=h),(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(c.Z,j({label:I,inputProps:{"aria-label":I,name:t},InputLabelProps:{htmlFor:t},error:Boolean(h||!1),value:_,required:r,onChange:e=>v(e.target.value),onBlur:T,onKeyPress:A,fullWidth:!0,variant:"outlined",margin:"dense"},b()(q,x))),C&&(0,m.jsx)(l.Z,{container:!0,justify:"flex-end",children:C})]})})()}))}},20553:function(e,t,n){"use strict";n(32735);var r=n(40841),i=n.n(r),o=n(32348),l=n(16009),s=n(85085),a=n(51174),c=n(69102),u=n(74512);const d=(0,o.Z)((()=>({icon:({height:e,width:t})=>({height:e||25,width:t||25})})));t.Z=({skill:e,color:t="white",className:n,height:r,width:o})=>{const p=d({height:r,width:o}),h=(0,l.t)(t),{icon:b}=(0,s.i)(e),{default:f}=(0,a.Z)(b?b():new Promise((()=>({default:null}))));if(!b||!f)return null;const g=(0,c.S)(f);return(0,u.jsx)("div",{className:i()(h.root,p.icon,n),dangerouslySetInnerHTML:{__html:g.outerHTML}})}},85085:function(e,t,n){"use strict";n.d(t,{i:function(){return i}});const r={"C, C++":()=>n.e(4575).then(n.bind(n,74575)),"C#, .net":()=>n.e(661).then(n.bind(n,20661)),Python:()=>n.e(5938).then(n.bind(n,75938)),React:()=>n.e(6465).then(n.bind(n,6465)),"React-Native":()=>n.e(6465).then(n.bind(n,6465)),Java:()=>n.e(1750).then(n.bind(n,91750)),"Objective-C":()=>n.e(138).then(n.bind(n,40138)),SQL:()=>n.e(4469).then(n.bind(n,54469)),NoSQL:()=>n.e(5237).then(n.bind(n,95237)),Vue:()=>n.e(7865).then(n.bind(n,87865)),Ruby:()=>n.e(2287).then(n.bind(n,82287)),Javascript:()=>n.e(3830).then(n.bind(n,93830)),TypeScript:()=>n.e(7055).then(n.bind(n,27055)),R:()=>n.e(6806).then(n.bind(n,96806)),Swift:()=>n.e(6128).then(n.bind(n,56128)),Go:()=>n.e(4214).then(n.bind(n,44214)),GraphQL:()=>n.e(5367).then(n.bind(n,55367)),Angular:()=>n.e(4388).then(n.bind(n,98199)),Node:()=>n.e(2255).then(n.bind(n,62255)),Django:()=>n.e(9581).then(n.bind(n,9581)),PHP:()=>n.e(4143).then(n.bind(n,74401)),Docker:()=>n.e(4696).then(n.bind(n,54696)),Kubernetes:()=>n.e(269).then(n.bind(n,40269)),AWS:()=>n.e(7889).then(n.bind(n,87889)),"Google Cloud":()=>n.e(4613).then(n.bind(n,6059)),Azure:()=>n.e(6618).then(n.bind(n,16618)),Heroku:()=>n.e(441).then(n.bind(n,60441)),Rust:()=>n.e(1875).then(n.bind(n,41875)),Ada:()=>n.e(3490).then(n.bind(n,3490)),Lua:()=>n.e(3392).then(n.bind(n,63392)),"Assembly Language":()=>n.e(3096).then(n.bind(n,33096)),Verilog:()=>n.e(7200).then(n.bind(n,67200)),VHDL:()=>n.e(5638).then(n.bind(n,25638)),"Machine Learning":()=>n.e(8617).then(n.bind(n,98617)),Statistics:()=>n.e(7).then(n.bind(n,20007)),MapReduce:()=>n.e(948).then(n.bind(n,52346)),Spark:()=>n.e(3919).then(n.bind(n,23919)),GPU:()=>n.e(1584).then(n.bind(n,51584)),"Distributed Computing":()=>n.e(6057).then(n.bind(n,86057)),"Data Viz":()=>n.e(4935).then(n.bind(n,4935)),Graphic:()=>n.e(4935).then(n.bind(n,4935)),"Human Centered Design":()=>n.e(8423).then(n.bind(n,48423)),"User Research":()=>n.e(2721).then(n.bind(n,22721)),Web:()=>n.e(1606).then(n.bind(n,21606)),Mobile:()=>n.e(3626).then(n.bind(n,3626)),"Photo / Video":()=>n.e(96).then(n.bind(n,60096)),"User Stories":()=>n.e(5840).then(n.bind(n,5840)),"Project Planning":()=>n.e(9806).then(n.bind(n,9806))},i=e=>{const t=Object.keys(r).find((t=>t.toLowerCase()===(null===e||void 0===e?void 0:e.toLowerCase())));return t?{skill:t,icon:r[t]}:{skill:e}}},16009:function(e,t,n){"use strict";n.d(t,{t:function(){return c},T:function(){return u}});var r=n(33795),i=n.n(r),o=n(38760),l=n.n(o),s=n(32348),a=n(40091);function c(e,t="& path, & circle"){return e?(0,s.Z)((n=>{const r=function(e,t){let n=l()(t).replace(/-/g,".");return t.startsWith("text")||(n+=".main"),i()(e,"palette.".concat(n))}(n,e)||e;return{root:{["".concat(t)]:{fill:r}}}}))():{root:void 0}}const u=(0,s.Z)((e=>(0,a.Z)({dashTitle:{textTransform:"uppercase",fontWeight:"bolder",fontSize:"0.9em",letterSpacing:"0.1em",display:"block",marginBottom:0,color:e.palette.primary.main,"&:before":{content:'""',dis

1play:"inline-block",verticalAlign:"middle",height:1,width:15,marginRight:5,backgroundColor:e.palette.primary.main}},whiteBg:{background:"white",border:"1px solid",borderColor:e.palette.grey[200],boxSizing:"border-box"}})))},51174:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var r=n(32735);function i(e){const{0:t,1:n}=(0,r.useState)({});return(0,r.useEffect)((()=>{let r=!1;return(async()=>{const i=await e;!r&&i&&0===Object.keys(t).length&&n((()=>i))})(),()=>{r=!0}}),[e,t]),t}},14912:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return A}});var r=n(47169),i=n(32735),o=n(89504),l=n(62299),s=n(37462),a=n(59578),c=n.n(a),u=n(37213),d=n.n(u),p=n(77863),h=n(69534),b=n(41832),f=n(20553),g=n(68805),v=n(40841),m=n.n(v),y=n(19856),O=n(3223),j=n(2072),w=n(40091),P=n(4341),x=n(19294),Z=n(74512);function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=(0,P.Z)((e=>(0,w.Z)({listContainer:{flexGrow:1},chip:{backgroundColor:e.palette.grey[100],color:e.palette.grey[500],padding:"18px 30px",textTransform:"uppercase",fontWeight:500,"&:hover":{boxShadow:e.shadows[3],backgroundColor:e.palette.grey[100]},"&:focus":{backgroundColor:e.palette.grey[100]},"&.selected":{backgroundColor:e.palette.primary.main,color:"white","&:hover, &:focus":{backgroundColor:e.palette.primary.main}}},chipIcon:{margin:0,"&.selected":{filter:"brightness(0) invert(1)"}}})))((({title:e,options:t,containerGridProps:n={},itemGridProps:r={},dropDownOptions:i=[],selectedList:o=[],toggleElement:l,allowNewOptions:s,classes:a})=>{const{selectedIcons:c,selectedDropdownValues:u}=(d=t,o.reduce(((e,t)=>{const n=-1===d.findIndex((({value:e})=>e===t))?"selectedDropdownValues":"selectedIcons";return S(S({},e),{},{[n]:[...e[n],...e[n].includes(t)?[]:[t]]})}),{selectedIcons:[],selectedDropdownValues:[]}));var d;return(0,Z.jsxs)(y.Z,{container:!0,direction:"column",spacing:4,children:[(0,Z.jsx)(y.Z,{item:!0,children:(0,Z.jsx)(O.Z,{color:"primary",variant:"h2",children:e})}),(0,Z.jsx)(y.Z,S(S({container:!0,spacing:2,item:!0,className:a.listContainer},n),{},{children:t.map((({value:e,icon:t})=>{const n=c.includes(e);return(0,Z.jsx)(y.Z,S(S({item:!0},r),{},{children:(0,Z.jsx)(j.Z,{id:e,label:e,onClick:()=>l(e),className:m()(a.chip,{selected:n}),icon:t,clickable:!0,classes:{icon:m()(a.chipIcon,{selected:n})}})}),e)}))})),(i.length>0||s)&&(0,Z.jsx)(y.Z,{item:!0,xs:12,md:6,children:(0,Z.jsx)(x.Z,{id:"moreOptions",type:"select",allowMultiple:!0,allowNewOptions:s,label:"Other skills",options:i,value:u,onChange:e=>{Array.isArray(e)&&(u.filter((t=>!e.includes(t))).map((e=>l(e))),e.filter((e=>!u.includes(e))).map((e=>l(e))))},maxNewValues:-1})})]})})),D=n(47371);function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const{skillsByRole:B}=l.models,I="skills",q=(0,h.jD)(I);var A=()=>{const{loading:e,user:t}=(0,p.qW)(),{0:n,1:r}=(0,i.useState)(),l=(0,s.Z)(),[a,{loading:u}]=(0,o.useMutation)(D.setUserSkills),h=(0,b.BW)({xs:10,sm:15,xl:30,default:20});(0,i.useEffect)((()=>{!e&&t&&r(q.getValue(t))}),[e,t]);const v=[...new Set(((null===t||void 0===t?void 0:t.roles)||[]).flatMap((e=>B[e]||[])).concat(Object.values(B).flatMap((e=>e))))].map((e=>({value:e,icon:(0,Z.jsx)(f.Z,{skill:e,color:l.palette.grey[500]})}))),m=d()(v.slice(0,h),(e=>E(E({},e),{},{value:c()(e.value)}))),y=v.slice(h).map((({value:e})=>e)).sort();return(0,Z.jsx)(g.Z,{saveModel:async()=>(await a({variables:E({id:null===t||void 0===t?void 0:t.id},n||{skills:[]})}),n||{}),isCompleted:Boolean(n),activeStep:I,saveLoading:u,children:(0,Z.jsx)(C,{title:"What are your strengths?",options:m,dropDownOptions:y,selectedList:d()(null===n||void 0===n?void 0:n.skills,c()),toggleElement:e=>{const t=(null===n||void 0===n?void 0:n.skills)||[],i=t.findIndex((t=>c()(t)===c()(e)));r({skills:"undefined"!==typeof i&&-1!==i?[...t.slice(0,i),...t.slice(i+1,t.length)]:((null===n||void 0===n?void 0:n.skills)||[]).concat(e)})},allowNewOptions:!0})})}},12753:function(e,t,n){"use strict";n.d(t,{id:function(){return v},nH:function(){return y},Be:function(){return O}});var r=n(73400),i=n.n(r),o=n(90280),l=n.n(o),s=n(77236),a=n.n(s),c=n(86834),u=n.n(c),d=n(36866),p=n.n(d),h=n(43338),b=n.n(h),f=n(37213),g=n.n(f);

1function v({id:e,label:t}){return t||[i()(l()(e)[0])].concat(l()(e).slice(1)).join(" ")}function m({id:e,value:t,label:n}){return p()(t)||u()(t)?"".concat(v({id:e,label:n})," is required"):null}function y({id:e,label:t,value:n,required:r=!1,validations:i}){const o=v({id:e,label:t});let l=i;l?a()(l)||(l=[l]):(l=[],r&&l.push(m));const s=b()(g()(l,(t=>t({id:e,label:o,value:n}))));return s.length>0?s:void 0}function O(e,t){switch(e){case"checkbox":return!p()(t)&&t;case"select":return p()(t)?[]:t;default:return p()(t)?"":t}}},69102:function(e,t,n){"use strict";n.d(t,{S:function(){return o}});n(32735);var r=n(6231),i=n(74512);function o(e){if(r.OB.IS_TEST)return{outerHTML:(0,i.jsx)("svg",{src:e})};const t=(new DOMParser).parseFromString(atob(e.split(",")[1]),"image/svg+xml").getElementsByTagName("svg")[0];if(t){const e=t.getAttribute("height"),n=t.getAttribute("width");n&&e&&t.setAttribute("viewBox","0 0 ".concat(n," ").concat(e)),t.setAttribute("width","100%"),t.setAttribute("height","100%")}return t}},14649:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile/edit/technologies",function(){return n(14912)}])}},function(e){e.O(0,[9774,4766,4263,4893,3223,1090,1119,3795,7167,8786,119,4401,3694,396,2054,1009,2178,9294,2172,6231,454,8805,7948,2888,179],(function(){return t=14649,e(e.s=t);var t}));var t=e.O();_N_E=t}]);