Rev 7268 | Rev 7322 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
"use strict";(self.webpackChunkleaderslinked=self.webpackChunkleaderslinked||[]).push([[5005,2861],{42761:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(64938)),l=n(85893),o=(0,r.default)((0,l.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"}),"Search");t.default=o},91277:(e,t,n)=>{var a=n(26771),r=n(82569);a(t,"__esModule",{value:!0}),t.default=void 0;var l,o=r(n(69117)),u=r(n(67294)),i=r(n(23648)).default.p(l||(l=(0,o.default)(["\n color: #ff0000;\n font-size: 0.9rem;\n margin: 0.2rem 0;\n"]))),d=function(e){var t=e.children;return u.default.createElement(i,null,t)};t.default=d},92861:(e,t,n)=>{var a=n(26771),r=n(82569);a(t,"__esModule",{value:!0}),t.default=void 0;var l,o,u=r(n(69117)),i=r(n(67294)),d=r(n(27915)),c=r(n(23648)),f=(0,c.default)(d.default)(l||(l=(0,u.default)(["\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: inherit !important;\n position: inherit !important;\n transform: inherit !important;\n"]))),s=(0,c.default)(d.default)(o||(o=(0,u.default)(["\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: initial !important;\n position: inherit !important;\n transform: inherit !important;\n"]))),m=function(e){var t=e.pages,n=void 0===t?1:t,a=e.currentActivePage,r=void 0===a?1:a,l=e.onChangePage,o=e.isRow,u=r,c=o?s:f,m=[],p=[],v=n<5?n:5,g=function(e){l(e)};return function(){var e=!1,t=1,a=u+1,r=u-1;do{e?(a<=n&&(m.push(a),a++,t++),e=!e):(r>0&&(p.unshift(r),r--,t++),e=!e)}while(t<v)}(),i.default.createElement(i.default.Fragment,null,n>1&&i.default.createElement(c,null,i.default.createElement(d.default.Prev,{disabled:u-1<=0,onClick:function(){l(u-1)}}),p.map((function(e){return i.default.createElement(d.default.Item,{key:e,onClick:function(){return g(e)}},e)})),i.default.createElement(d.default.Item,{active:!0},u),m.map((function(e){return i.default.createElement(d.default.Item,{key:e,onClick:function(){return g(e)}},e)})),i.default.createElement(d.default.Next,{onClick:function(){l(u+1)},disabled:u+1>n})))};t.default=m},30194:(e,t,n)=>{var a=n(26771),r=n(82569);a(t,"__esModule",{value:!0}),t.default=void 0;var l,o=r(n(94774)),u=r(n(69117)),i=r(n(67294)),d=r(n(23648)),c=r(n(42761)),f=["onChange","value","placeholder"],s=d.default.div(l||(l=(0,u.default)(["\n align-items: center;\n background-color: #eef3f0;\n border-radius: var(--border-radius);\n color: gray;\n cursor: pointer;\n display: flex;\n min-height: 1.5rem;\n padding: 0.5rem;\n width: -webkit-fill-available;\n transition: all 0.2s;\n\n input {\n border: none;\n outline: none;\n background: none;\n flex-grow: 1;\n }\n"]))),m=function(e){var t=e.onChange,n=e.value,a=e.placeholder,r=void 0===a?"Search":a,l=(0,o.default)(e,f);return i.default.createElement(s,l,i.default.createElement(c.default,null),i.default.createElement("input",{type:"text",placeholder:r,onChange:t,value:n}))};t.default=m},3880:(e,t,n)=>{var a=n(26771),r=n(82569);a(t,"__esModule",{value:!0}),t.default=void 0;var l=r(n(67294)),o=n(28216),u=r(n(35005)),i=r(n(31375)),d=r(n(36618)),c=function(e){var t=e.show,n=void 0!==t&&t,a=e.title,r=void 0===a?"¿Estás seguro?":a,c=e.message,f=void 0===c?"":c,s=e.loading,m=void 0!==s&&s,p=e.onClose,v=void 0===p?function(){return null}:p,g=e.onAccept,h=void 0===g?function(){return null}:g,E=(0,o.useSelector)((function(e){return e.intl.labels}));return l.default.createElement(i.default,{size:"sm",show:n,onHide:v},l.default.createElement(i.default.Header,{closeButton:!0},l.default.createElement(i.default.Title,null,r)),l.default.createElement(i.default.Body,null,f&&l.default.createElement("p",null,f),m&&l.default.createElement(d.default,null)),l.default.createElement(i.default.Footer,null,l.default.createElement(u.default,{size:"lg",type:"submit",onClick:h},E.accept),l.default.createElement(u.default,{size:"lg",onClick:v},E.cancel)))};t.default=c},3194:(e,t,n)=>{var a=n(26771),r=n(82569);a(t,"__esModule",{value:!0}),t.default=t.StyledQuestionCard=t.QuestionUserInfo=t.QuestionStats=t.QuestionDetails=t.QuestionCategories=t.QuestionActions=void 0;var l,o,u,i,d,c,f=r(n(69117)),s=r(n(67294)),m=n(96118),p=n(28216),v=n(4655),g=r(n(23648)),h=r(n(54048)),E=r(n(77957)),y=r(n(41733)),b=r(n(78298)),_=(0,g.default)(m.Card)(l||(l=(0,f.default)(["\n background: var(--bg-color);\n border: 1px solid var(--border-primary);\n border-radius: var(--border-radius);\n height: fit-content;\n padding: 1rem 0;\n & > * {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n & > h2 {\n font-size: 2rem;\n line-height: 1.2;\n }\n p {\n color: var(--font-color);\n font-size: 1rem;\n font-weight: 400;\n text-align: justify;\n margin-bottom: 0.5rem;\n }\n span {\n color: var(--subtitle-color);\n font-weight: 600;\n font-size: 0.9rem;\n }\n"])));t.StyledQuestionCard=_;var w=g.default.div(o||(o=(0,f.default)(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid var(--border-primary);\n"])));t.QuestionDetails=w;var C=g.default.div(u||(u=(0,f.default)(["\n align-items: center;\n background: var(--chat-send);\n border-radius: var(--border-radius);\n color: var(--font-color);\n display: inline-flex;\n font-weight: 600;\n gap: 0.5rem;\n padding: 0.5rem;\n width: fit-content;\n"])));t.QuestionUserInfo=C;var x=g.default.div(i||(i=(0,f.default)(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n justify-content: space-around;\n padding-top: 0.5rem;\n border-top: 1px solid var(--border-primary);\n & > * {\n flex-grow: 1;\n }\n .btn {\n color: var(--icons-color);\n font-size: 1rem !important;\n border: 1px solid var(--border-primary) !important;\n border-radius: var(--border-radius) !important;\n padding: 5px !important;\n position: relative;\n }\n"])));t.QuestionActions=x;var k=g.default.div(d||(d=(0,f.default)(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n"])));t.QuestionStats=k;var N=g.default.ul(c||(c=(0,f.default)(["\n align-items: center;\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n max-width: 200px;\n li {\n background: var(--chat-send);\n border-radius: var(--border-radius);\n color: var(--font-color);\n padding: 0.4rem 0.6rem;\n font-size: 0.9rem;\n font-weight: 600;\n }\n"])));t.QuestionCategories=N;var S=function(e){e.updated_on,e.link_add_comment;var t=e.last_answer_on,n=void 0===t?"":t,a=e.added_on,r=void 0===a?"":a,l=e.user_name,o=void 0===l?"":l,u=e.user_image,i=void 0===u?"":u,d=e.title,c=void 0===d?"":d,f=e.description,g=void 0===f?"":f,S=e.categories,P=void 0===S?[]:S,j=e.views,M=void 0===j?0:j,O=e.answers,D=void 0===O?0:O,z=e.reactions,F=void 0===z?0:z,I=e.comments,L=void 0===I?0:I,Q=e.link_view,T=void 0===Q?"":Q,q=e.link_edit,R=void 0===q?"":q,A=e.link_delete,H=void 0===A?"":A,B=e.link_answers_add,K=void 0===B?"":B,U=e.link_answers,V=void 0===U?"":U,G=e.onDelete,Y=void 0===G?function(){return null}:G,J=e.onEdit,W=void 0===J?function(){return null}:J,X=e.onReply,Z=void 0===X?function(){return null}:X,$=(0,p.useSelector)((function(e){return e.intl.labels})),ee=(0,v.useHistory)();return s.default.createElement(_,null,s.default.createElement(w,null,s.default.createElement(C,null,s.default.createElement(m.Avatar,{src:i,alt:"".concat(o," profile image"),sx:{width:"50px",height:"50px"}}),s.default.createElement("p",null,o)),s.default.createElement(N,null,P.map((function(e){var t=e.category;return s.default.createElement("li",{key:t},t)})))),s.default.createElement("h2",null,c),s.default.createElement("span",null,"".concat($.my_coach_question," ").concat(r)),n&&s.default.createElement("span",null,"".concat($.my_coach_last_answer," ").concat(n)),s.default.createElement("p",{className:"my-3"},g),s.default.createElement(k,{className:"mb-2"},s.default.createElement("span",null,"".concat(D," ").concat($.my_coach_answers)),s.default.createElement("span",null,"".concat(F," ").concat($.my_coach_reactions)),s.default.createElement("span",null,"".concat(M," ").concat($.my_coach_views)),s.default.createElement("span",null,"".concat(L," ").concat($.comments))),s.default.createElement(x,null,V&&s.default.createElement("button",{className:"btn feed__share-option",onClick:function(){ee.replace("/my-coach")}},s.default.createElement(b.default,null),$.back),T&&s.default.createElement("button",{className:"btn feed__share-option",onClick:function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";ee.replace(e)}(T)}},s.default.createElement(h.default,null),$.view),R&&s.default.createElement("button",{className:"btn feed__share-option",onClick:function(){return W(R)}},s.default.createElement(E.default,null),$.edit),K&&s.default.createElement("button",{className:"btn feed__share-option",onClick:function(){return Z(R)}},s.default.createElement(E.default,null),$.reply),H&&s.default.createElement("button",{className:"btn feed__share-option",onClick:function(){return Y(H)}},s.default.createElement(y.default,null),$.delete)))};t.default=S},47110:(e,t,n)=>{var a=n(63207),r=n(83977),l=n(26771),o=n(95366),u=n(82569);l(t,"__esModule",{value:!0}),t.default=void 0;var i,d=u(n(43562)),c=u(n(82191)),f=u(n(69117)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=w(t);if(n&&n.has(e))return n.get(e);var r={},u=l&&o;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var d=u?o(e,i):null;d&&(d.get||d.set)?l(r,i,d):r[i]=e[i]}r.default=e,n&&n.set(e,r);return r}(n(67294)),m=n(28396),p=n(28216),v=n(55390),g=n(43635),h=n(23470),E=n(88409),y=u(n(36618)),b=u(n(75283)),_=u(n(91277));function w(e){if("function"!=typeof r)return null;var t=new r,n=new r;return(w=function(e){return e?n:t})(e)}var C=n(23648).styled.div(i||(i=(0,f.default)(["\n padding: 0.5rem;\n border: 1px solid var(--border-primary);\n border-radius: var(--border-radius);\n margin-top: 1rem;\n"]))),x=function(e){var t=e.show,n=e.url,a=e.isEdit,r=e.onClose,l=e.onComplete,o=(0,s.useState)(!1),u=(0,c.default)(o,2),i=u[0],f=u[1],w=(0,s.useState)([]),x=(0,c.default)(w,2),k=x[0],N=x[1],S=(0,s.useState)([]),P=(0,c.default)(S,2),j=P[0],M=P[1],O=(0,p.useSelector)((function(e){return e.intl.labels})),D=(0,p.useDispatch)(),z=(0,h.useForm)(),F=z.register,I=z.handleSubmit,L=z.getValues,Q=z.setValue,T=z.errors,q=I((function(e){f(!0);var t=new FormData;(0,d.default)(e).map((function(e){var n=(0,c.default)(e,2),a=n[0],r=n[1];return t.append(a,r)})),g.axios.post(n,t).then((function(e){var t=e.data,n=t.data;if(t.success)l(),r();else{var a="string"==typeof n?n:"Error interno. Por favor, inténtelo de nuevo más tarde.";D((0,E.addNotification)({style:"danger",msg:a}))}})).finally((function(){return f(!1)}))}));return(0,s.useEffect)((function(){g.axios.get("/my-coach",{headers:{"Content-Type":"application/json"}}).then((function(e){var t=e.data,n=t.data;if(t.success){var a=(0,d.default)(n.categories).map((function(e){return{name:e[1],value:e[0]}}));N(a)}else{var r="string"==typeof n?n:"Error interno. Por favor, inténtelo de nuevo más tarde.";D((0,E.addNotification)({style:"danger",msg:r}))}})).catch((function(e){throw D((0,E.addNotification)({style:"danger",msg:"Error interno. Por favor, inténtelo de nuevo más tarde."})),new Error(e)})),F("description",{required:!0}),F("category_id",{required:!0})}),[]),(0,s.useEffect)((function(){n&&t&&a&&k.length&&g.axios.get(n).then((function(e){var t=e.data,n=t.data;if(t.success){var a=n.category_id.map((function(e){return k.find((function(t){return t.value===e}))}));M(a),Q("title",n.title),Q("description",n.description)}else{var r="string"==typeof n?n:"Error interno. Por favor, inténtelo de nuevo más tarde.";D((0,E.addNotification)({style:"danger",msg:r}))}}))}),[n,t,a,k]),(0,s.useEffect)((function(){t||(M([]),Q("category_id",[]),Q("description",""),Q("title",""))}),[t]),s.default.createElement(m.Modal,{show:t},s.default.createElement(m.Modal.Header,{className:"pb-0"},s.default.createElement(m.Modal.Title,null,a?O.edit:O.add," ",O.question)),s.default.createElement(m.Modal.Body,null,i?s.default.createElement(y.default,null):s.default.createElement(m.Form,{onSubmit:q},s.default.createElement(m.Form.Group,null,s.default.createElement(m.Form.Label,null,O.title),s.default.createElement(m.Form.Control,{type:"text",name:"title",ref:F({required:!0})}),T.title&&s.default.createElement(_.default,null,O.error_field_empty)),s.default.createElement(v.CKEditor,{onChange:function(e){return Q("description",e.editor.getData())},onInstanceReady:function(e){return e.editor.setData(L("description"))},config:g.CKEDITOR_OPTIONS}),T.description&&s.default.createElement(_.default,null,O.error_field_empty),s.default.createElement(C,null,s.default.createElement(b.default,{suggestions:k,settedTags:j,onChange:function(e){var t=e.map((function(e){return e.value}));Q("category_id",t)}})),s.default.createElement(m.Button,{className:"mt-3 mr-2",variant:"primary",type:"submit"},O.accept),s.default.createElement(m.Button,{className:"btn-secondary mt-3",onClick:r},O.cancel))))};t.default=x},25005:(e,t,n)=>{var a=n(63207),r=n(83977),l=n(26771),o=n(95366),u=n(82569);l(t,"__esModule",{value:!0}),t.default=void 0;var i,d,c,f=u(n(43562)),s=u(n(66660)),m=u(n(82191)),p=u(n(69117)),v=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=P(t);if(n&&n.has(e))return n.get(e);var r={},u=l&&o;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var d=u?o(e,i):null;d&&(d.get||d.set)?l(r,i,d):r[i]=e[i]}r.default=e,n&&n.set(e,r);return r}(n(67294)),g=n(28216),h=n(28396),E=n(43635),y=n(88409),b=u(n(23648)),_=u(n(30194)),w=u(n(41322)),C=u(n(36845)),x=u(n(92861)),k=u(n(3880)),N=u(n(3194)),S=u(n(47110));function P(e){if("function"!=typeof r)return null;var t=new r,n=new r;return(P=function(e){return e?n:t})(e)}var j=(0,b.default)(C.default)(i||(i=(0,p.default)(["\n padding: 1rem;\n ul {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n li,\n label {\n cursor: pointer;\n }\n .selected label {\n font-weight: 600;\n }\n }\n"]))),M=b.default.div(d||(d=(0,p.default)(["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1rem;\n"]))),O=(0,b.default)(_.default)(c||(c=(0,p.default)(["\n background-color: var(--bg-color);\n"]))),D=function(){var e=(0,v.useState)([]),t=(0,m.default)(e,2),n=t[0],a=t[1],r=(0,v.useState)([]),l=(0,m.default)(r,2),o=l[0],u=l[1],i=(0,v.useState)(""),d=(0,m.default)(i,2),c=d[0],p=d[1],b=(0,v.useState)(""),_=(0,m.default)(b,2),C=_[0],P=_[1],D=(0,v.useState)(1),z=(0,m.default)(D,2),F=z[0],I=z[1],L=(0,v.useState)(1),Q=(0,m.default)(L,2),T=Q[0],q=Q[1],R=(0,v.useState)(null),A=(0,m.default)(R,2),H=A[0],B=A[1],K=(0,v.useRef)("/my-coach/questions/add"),U=(0,v.useRef)(""),V=(0,g.useSelector)((function(e){return e.intl.labels})),G=(0,g.useDispatch)(),Y=function(){var e={search:arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",page:arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,category_id:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""};E.axios.get("/my-coach/questions?".concat((0,E.jsonToParams)(e)),{headers:{"Content-Type":"application/json"}}).then((function(e){var t=e.data,n=t.data;if(t.success)a(n.items),I(n.page),q(n.total_pages);else{var r="string"==typeof n?n:"Error interno. Por favor, inténtelo de nuevo más tarde.";G((0,y.addNotification)({style:"danger",msg:r}))}})).catch((function(e){throw G((0,y.addNotification)({style:"danger",msg:"Error interno. Por favor, inténtelo de nuevo más tarde."})),new Error(e)}))},J=function(e){U.current=e,B("edit")},W=function(e){U.current=e,B("delete")},X=function(){U.current="",B(null)},Z=(0,E.debounce)((function(e){return p(e.target.value)}),500);return(0,v.useEffect)((function(){E.axios.get("/my-coach",{headers:{"Content-Type":"application/json"}}).then((function(e){var t=e.data,n=t.data;if(t.success){var a=(0,f.default)(n.categories).map((function(e){return{name:e[1],uuid:e[0]}}));u(a)}else{var r="string"==typeof n?n:"Error interno. Por favor, inténtelo de nuevo más tarde.";G((0,y.addNotification)({style:"danger",msg:r}))}})).catch((function(e){throw G((0,y.addNotification)({style:"danger",msg:"Error interno. Por favor, inténtelo de nuevo más tarde."})),new Error(e)}))}),[]),(0,v.useEffect)((function(){Y(c,F,C)}),[c,F,C]),v.default.createElement(v.default.Fragment,null,v.default.createElement(h.Container,{as:"section",className:"companies-info"},v.default.createElement("div",{className:"company-title"},v.default.createElement("h1",{className:"title mx-auto"},V.my_coach),v.default.createElement("h2",{className:"title cursor-pointer",onClick:function(){return e=K.current,U.current=e,void B("add");var e}},V.my_coach_question_add)),v.default.createElement(h.Row,{className:"gap-3"},v.default.createElement(h.Col,{md:"3"},v.default.createElement(j,null,v.default.createElement("ul",null,v.default.createElement("li",{className:!C&&"selected"},v.default.createElement("input",{type:"radio",id:"category-all",value:"",name:"category",onChange:function(e){return P(e.target.value)},hidden:!0}),v.default.createElement("label",{htmlFor:"category-all"},V.knowledge_area_category_all)),o.map((function(e){var t=e.uuid,n=e.name;return v.default.createElement("li",{className:C===t&&"selected",key:t},v.default.createElement("input",{type:"radio",id:"category-".concat(n),name:"category",value:t,onChange:function(e){return P(e.target.value)},hidden:!0}),v.default.createElement("label",{htmlFor:"category-".concat(n)},n))}))))),v.default.createElement(h.Col,{className:"px-md-0"},v.default.createElement(O,{onChange:Z,placeholder:V.search}),v.default.createElement(M,{className:"mt-3"},n.length?n.map((function(e){return v.default.createElement(N.default,(0,s.default)({key:e.uuid,onEdit:J,onDelete:W},e))})):v.default.createElement(w.default,{message:V.error_no_record_matched_your_query})),v.default.createElement(x.default,{onChangePage:function(e){return I(e)},currentActivePage:F,pages:T,isRow:!0})))),v.default.createElement(S.default,{show:["add","edit"].includes(H),onClose:X,onComplete:Y,url:U.current,isEdit:"edit"===H}),v.default.createElement(k.default,{show:"delete"===H,onClose:X,onAccept:function(){E.axios.post(U.current).then((function(e){var t=e.data,n=t.data;if(t.success)G((0,y.addNotification)({style:"success",msg:n})),Y(c,F,C),X();else{var a="string"==typeof n?n:"Ha ocurrido un error, por favor intente más tarde.";G((0,y.addNotification)({style:"danger",msg:a}))}})).catch((function(e){throw G((0,y.addNotification)({style:"danger",msg:"Ha ocurrido un error, por favor intente más tarde."})),new Error(e)}))}}))};t.default=D},75283:(e,t,n)=>{var a=n(63207),r=n(83977),l=n(26771),o=n(95366),u=n(82569);l(t,"__esModule",{value:!0}),t.default=void 0;var i,d=u(n(23420)),c=u(n(82191)),f=u(n(69117)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var r={},u=l&&o;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var d=u?o(e,i):null;d&&(d.get||d.set)?l(r,i,d):r[i]=e[i]}r.default=e,n&&n.set(e,r);return r}(n(67294));function m(e){if("function"!=typeof r)return null;var t=new r,n=new r;return(m=function(e){return e?n:t})(e)}var p=u(n(23648)).default.div(i||(i=(0,f.default)(["\n .tagInputContainer {\n position: relative;\n .tagInput {\n border-radius: 0;\n border: none;\n border-bottom: 1px solid gray;\n }\n .selectedLanguagesContainer {\n display: flex;\n flex-wrap: wrap;\n cursor: auto;\n }\n .icon-input-container {\n position: relative;\n .icon-right {\n position: absolute;\n left: 95%; /* Pads the icon a lot from the left until the icon is positioned rightwards. 14.1rem worked well for my own case. You can play around with the value to suit you. */\n top: 1rem; /* Pads the icon from the top to centralize it vertically inside the input element */\n }\n }\n .selectedLanguages {\n padding: 0.5rem;\n border: 1px solid gray;\n margin-right: 0.5rem;\n margin-bottom: 0.5rem;\n cursor: auto;\n display: flex;\n .selectedLanguageDelete {\n margin-right: 3px;\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n }\n .tagDropdown {\n position: absolute;\n background-color: white;\n width: 100%;\n max-height: 150px;\n overflow-y: scroll;\n }\n .languageOption {\n padding: 0.5rem;\n cursor: pointer;\n &:not(:first-child) {\n border-top: 1px solid gray;\n }\n &:hover {\n background-color: #007bff;\n color: white;\n }\n }\n }\n"]))),v=function(e){var t=e.suggestions,n=e.settedTags,a=e.onChange,r=(0,s.useState)([]),l=(0,c.default)(r,2),o=l[0],u=l[1],i=(0,s.useState)(!1),f=(0,c.default)(i,2),m=f[0],v=f[1],g=(0,s.useState)([]),h=(0,c.default)(g,2),E=h[0],y=h[1],b=(0,s.useState)(E),_=(0,c.default)(b,2),w=_[0],C=_[1],x=(0,s.useRef)(null),k=function(e){e.target===x.current?v(!0):e.target!==x.current&&"languageOption"!==e.target.className&&v(!1)};(0,s.useEffect)((function(){return addEventListener("mousedown",k),function(){removeEventListener("mousedown",k)}}),[]),(0,s.useEffect)((function(){u(n)}),[n]),(0,s.useEffect)((function(){var e;e=t.filter((function(e){return!o.some((function(t){return t.name===e.name}))})),y(e),C(e),a(o)}),[o,t]);return s.default.createElement(p,null,s.default.createElement("div",{className:"tagInputContainer"},s.default.createElement("div",{className:"selectedLanguagesContainer"},o.map((function(e){var t=e.value,n=e.name;return s.default.createElement("div",{className:"selectedLanguages",key:t},s.default.createElement("div",{className:"selectedLanguageDelete",onClick:function(){return function(e){u(o.filter((function(t){return t.value!==e})))}(t)}},"✖"),n)}))),s.default.createElement("div",{className:"icon-input-container"},s.default.createElement("label",{htmlFor:"language"},s.default.createElement("i",{className:"fa fa-chevron-down icon-right",onClick:function(){return v(!0)}})),s.default.createElement("input",{type:"text",name:"language",id:"language",className:"tagInput",ref:x,autoComplete:"off",onChange:function(e){var t=e.target.value,n=E;t.length>0?(n=E.filter((function(e){return!e.name.toLowerCase().indexOf(t.toLowerCase())})),C(n)):C(E)}})),m&&s.default.createElement("div",{className:"tagDropdown"},s.default.createElement("ul",null,w.length?w.map((function(e){var t=e.name,n=e.value;return s.default.createElement("li",{className:"languageOption",onClick:function(){return function(e,t){x.current.value="",v(!1),u([].concat((0,d.default)(o),[{value:e,name:t}]))}(n,t)},key:t},t)})):s.default.createElement("li",{className:"languageOption"},"No hay más opciones disponibles")))))};t.default=v}}]);