https://www.suomi.fi/assets/9710.4b4121902d7cfcdbeb6e.chunk.js

1"use strict";(self.webpackChunksevi_ui=self.webpackChunksevi_ui||[]).push([[9710],{10559(e,l,t){t.d(l,{d:()=>d});var a=t(18420),i=t(96540),c=t(63679),r=t(98955);let s=e=>i.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.createElement("g",{fillRule:"evenodd",clipRule:"evenodd"},i.createElement("path",{d:"M62 72h-2V60c0-4.635-3.085-7.641-10.316-10.051a.971.971 0 0 1-.199-.092l-5-3 1.03-1.714 4.906 2.943C55.836 49.903 62 52.907 62 60v12M6 72H4V60c0-7.093 6.164-10.097 11.579-11.914l4.906-2.943 1.03 1.714-5 3a.971.971 0 0 1-.199.092C9.085 52.359 6 55.365 6 60v12M16 72h2v-8h-2v8ZM48 72h2v-8h-2v8ZM26 42h2v-5h-2v5ZM38 42h2v-5h-2v5ZM40 16.171c1.164.413 2 1.525 2 2.829v2c0 .551.448 1 1 1v-9c0-1.654-1.346-3-3-3H29c-1.103 0-2 .897-2 2a1 1 0 0 1-1 1h-1c-1.103 0-2 .897-2 2v7c.552 0 1-.449 1-1v-2c0-1.654 1.346-3 3-3h7.764l3.789-1.895A1.001 1.001 0 0 1 40 15v1.171ZM44 24h-1c-1.654 0-3-1.346-3-3v-2c0-.551-.448-1-1-1a1 1 0 0 1-1-1v-.382l-2.553 1.277A1.002 1.002 0 0 1 35 18h-8c-.552 0-1 .449-1 1v2c0 1.654-1.346 3-3 3h-1a1 1 0 0 1-1-1v-8c0-2.206 1.794-4 4-4h.127A4.006 4.006 0 0 1 29 8h11c2.757 0 5 2.243 5 5v10a1 1 0 0 1-1 1Z",fill:"#E86717"}),i.createElement("path",{d:"M33 40c-7.794 0-10.832-7.542-10.993-12.579l-.714-.714A.997.997 0 0 1 21 26v-3h2v2.586l.707.707A.997.997 0 0 1 24 27c0 4.253 2.443 11 9 11s9-6.747 9-11c0-.265.105-.52.293-.707l.707-.707V23h2v3c0 .265-.105.52-.293.707l-.714.714C43.832 32.458 40.794 40 33 40M21.999 44.967l6.827 3.792L32 45.586v-.805l-6.841-1.71-3.16 1.896ZM29 51a.992.992 0 0 1-.485-.126l-9-5a.998.998 0 0 1-.03-1.731l5-3a1 1 0 0 1 .757-.113l8 2A.999.999 0 0 1 34 44v2c0 .265-.105.52-.293.707l-4 4A1 1 0 0 1 29 51Z",fill:"#E86717"}),i.createElement("path",{d:"m34 45.586 3.174 3.173 6.827-3.792-3.16-1.896L34 44.781v.805ZM37 51a1 1 0 0 1-.707-.293l-4-4A.997.997 0 0 1 32 46v-2a1 1 0 0 1 .758-.97l8-2a.99.99 0 0 1 .757.113l5 3a1.001 1.001 0 0 1-.03 1.731l-9 5A.992.992 0 0 1 37 51Z",fill:"#E86717"}),i.createElement("path",{d:"M32 58h2v-2h-2v2ZM32 54h2v-2h-2v2ZM32 62h2v-2h-2v2ZM32 66h2v-2h-2v2ZM56 45.5l-2-.5V29h19v2H56",fill:"#A5ADB1",className:"fi-icon-illustrative-base-fill"}),i.createElement("path",{d:"M71 61h2V29H54v2h17v30",fill:"#A5ADB1",className:"fi-icon-illustrative-base-fill"}),i.createElement("path",{d:"M59 37h2v-2h-2v2ZM63 37h2v-2h-2v2ZM67 37h2v-2h-2v2ZM59 41h2v-2h-2v2ZM63 41h2v-2h-2v2ZM67 41h2v-2h-2v2ZM59 45h2v-2h-2v2ZM63 45h2v-2h-2v2ZM67 45h2v-2h-2v2ZM63 49h2v-2h-2v2ZM67 49h2v-2h-2v2ZM67 53h2v-2h-2v2ZM67 57h2v-2h-2v2Z",fill:"#A5ADB1",className:"fi-icon-illustrative-base-fill"})));var n=t(61727),h=t(97297),o=t(45564);let v=(0,c.Ay)(e=>{let{className:l,mousePointer:t,ariaLabel:c,color:n,fill:v,baseColor:d,highlightColor:m}=e,u=(0,a.T)(e,["className","mousePointer","ariaLabel","color","fill","baseColor","highlightColor"]);return i.createElement(s,Object.assign({className:(0,r.A)(h.z,l,{[h.X]:!!t})},u,(0,o.r)(c),(0,o.f)(c)))})`
2  ${n.C}
3`,d=e=>i.createElement(v,Object.assign({},e));d.displayName="Icon"},43537(e,l,t){t.d(l,{l:()=>d});var a=t(18420),i=t(96540),c=t(63679),r=t(98955);let s=e=>i.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.createElement("g",{fillRule:"evenodd",clipRule:"evenodd"},i.createElement("path",{d:"M62 72h-2V60c0-4.635-3.085-7.641-10.316-10.051a.971.971 0 0 1-.199-.092l-5-3 1.03-1.714 4.906 2.943C55.836 49.903 62 52.907 62 60v12M6 72H4V60c0-7.093 6.164-10.097 11.579-11.914l4.906-2.943 1.03 1.714-5 3a.971.971 0 0 1-.199.092C9.085 52.359 6 55.365 6 60v12M16 72h2v-8h-2v8ZM48 72h2v-8h-2v8ZM26 42h2v-5h-2v5ZM38 42h2v-5h-2v5ZM40 16.171c1.164.413 2 1.525 2 2.829v2c0 .551.448 1 1 1v-9c0-1.654-1.346-3-3-3H29c-1.103 0-2 .897-2 2a1 1 0 0 1-1 1h-1c-1.103 0-2 .897-2 2v7c.552 0 1-.449 1-1v-2c0-1.654 1.346-3 3-3h7.764l3.789-1.895A1.001 1.001 0 0 1 40 15v1.171ZM44 24h-1c-1.654 0-3-1.346-3-3v-2c0-.551-.448-1-1-1a1 1 0 0 1-1-1v-.382l-2.553 1.277A1.002 1.002 0 0 1 35 18h-8c-.552 0-1 .449-1 1v2c0 1.654-1.346 3-3 3h-1a1 1 0 0 1-1-1v-8c0-2.206 1.794-4 4-4h.127A4.006 4.006 0 0 1 29 8h11c2.757 0 5 2.243 5 5v10a1 1 0 0 1-1 1Z",fill:"#E86717"}),i.createElement("path",{d:"M33 40c-7.794 0-10.832-7.542-10.993-12.579l-.714-.714A.997.997 0 0 1 21 26v-3h2v2.586l.707.707A.997.997 0 0 1 24 27c0 4.253 2.443 11 9 11s9-6.747 9-11c0-.265.105-.52.293-.707l.707-.707V23h2v3c0 .265-.105.52-.293.707l-.714.714C43.832 32.458 40.794 40 33 40M21.999 44.967l6.827 3.792L32 45.586v-.805l-6.841-1.71-3.16 1.896ZM29 51a.992.992 

30 0 1-.485-.126l-9-5a.998.998 0 0 1-.03-1.731l5-3a1 1 0 0 1 .757-.113l8 2A.999.999 0 0 1 34 44v2c0 .265-.105.52-.293.707l-4 4A1 1 0 0 1 29 51Z",fill:"#E86717"}),i.createElement("path",{d:"m34 45.586 3.174 3.173 6.827-3.792-3.16-1.896L34 44.781v.805ZM37 51a1 1 0 0 1-.707-.293l-4-4A.997.997 0 0 1 32 46v-2a1 1 0 0 1 .758-.97l8-2a.99.99 0 0 1 .757.113l5 3a1.001 1.001 0 0 1-.03 1.731l-9 5A.992.992 0 0 1 37 51Z",fill:"#E86717"}),i.createElement("path",{d:"M32 58h2v-2h-2v2ZM32 54h2v-2h-2v2ZM32 62h2v-2h-2v2ZM32 66h2v-2h-2v2ZM63.515 33c3.028 0 4 1.094 4 4.5 0 2.666-1.402 5.5-4 5.5s-4-2.834-4-5.5c0-3.406.972-4.5 4-4.5Zm0 12c3.42 0 6-3.225 6-7.5 0-3.026-.682-6.5-6-6.5s-6 3.474-6 6.5c0 4.275 2.58 7.5 6 7.5Z",fill:"#A5ADB1",className:"fi-icon-illustrative-base-fill"}),i.createElement("path",{d:"m56.03 46.857 5-3L60 42.143l-5 3 1.03 1.714M65.515 53h6c1.626 0 3-1.832 3-4v-2.58l-7.504-4.288-.992 1.736 6.496 3.712V49c0 1.224-.703 2-1 2h-6v2",fill:"#A5ADB1",className:"fi-icon-illustrative-base-fill"})));var n=t(61727),h=t(97297),o=t(45564);let v=(0,c.Ay)(e=>{let{className:l,mousePointer:t,ariaLabel:c,color:n,fill:v,baseColor:d,highlightColor:m}=e,u=(0,a.T)(e,["className","mousePointer","ariaLabel","color","fill","baseColor","highlightColor"]);return i.createElement(s,Object.assign({className:(0,r.A)(h.z,l,{[h.X]:!!t})},u,(0,o.r)(c),(0,o.f)(c)))})`
4  ${n.C}
5`,d=e=>i.createElement(v,Object.assign({},e));d.displayName="Icon"},46833(e,l,t){t.d(l,{B:()=>d});var a=t(18420),i=t(96540),c=t(63679),r=t(98955);let s=e=>i.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 80 80",xmlns:"http://www.w3.org/2000/svg"},e),i.createElement("g",{fill:"none",fillRule:"evenodd"},i.createElement("path",{d:"M69 72h-2V60c0-4.635-3.085-7.641-10.316-10.051a.971.971 0 0 1-.199-.092l-5-3 1.03-1.714 4.906 2.943C62.836 49.903 69 52.907 69 60v12M13 72h-2V60c0-7.093 6.164-10.097 11.579-11.914l4.906-2.943 1.03 1.714-5 3a.971.971 0 0 1-.199.092C16.085 52.359 13 55.365 13 60v12M23 72h2v-8h-2zM55 72h2v-8h-2zM33 42h2v-5h-2zM45 42h2v-5h-2zM47 16.171c1.164.413 2 1.525 2 2.829v2c0 .551.448 1 1 1v-9c0-1.654-1.346-3-3-3H36c-1.103 0-2 .897-2 2a1 1 0 0 1-1 1h-1c-1.103 0-2 .897-2 2v7c.552 0 1-.449 1-1v-2c0-1.654 1.346-3 3-3h7.764l3.789-1.895A1.001 1.001 0 0 1 47 15v1.171ZM51 24h-1c-1.654 0-3-1.346-3-3v-2c0-.551-.448-1-1-1a1 1 0 0 1-1-1v-.382l-2.553 1.277A1.002 1.002 0 0 1 42 18h-8c-.552 0-1 .449-1 1v2c0 1.654-1.346 3-3 3h-1a1 1 0 0 1-1-1v-8c0-2.206 1.794-4 4-4h.127A4.006 4.006 0 0 1 36 8h11c2.757 0 5 2.243 5 5v10a1 1 0 0 1-1 1Z",fill:"#A5ADB1",className:"fi-icon-illustrative-base-fill"}),i.createElement("path",{d:"M40 40c-7.794 0-10.832-7.542-10.993-12.579l-.714-.714A.997.997 0 0 1 28 26v-3h2v2.586l.707.707A.997.997 0 0 1 31 27c0 4.253 2.443 11 9 11s9-6.747 9-11c0-.265.105-.52.293-.707l.707-.707V23h2v3c0 .265-.105.52-.293.707l-.714.714C50.832 32.458 47.794 40 40 40M28.999 44.967l6.827 3.792L39 45.586v-.805l-6.841-1.71-3.16 1.896ZM36 51a.992.992 0 0 1-.485-.126l-9-5a.998.998 0 0 1-.03-1.731l5-3a1 1 0 0 1 .757-.113l8 2A.999.999 0 0 1 41 44v2c0 .265-.105.52-.293.707l-4 4A1 1 0 0 1 36 51Z",fill:"#A5ADB1",className:"fi-icon-illustrative-base-fill"}),i.createElement("path",{d:"m41 45.586 3.174 3.173 6.827-3.792-3.16-1.896L41 44.781v.805ZM44 51a1 1 0 0 1-.707-.293l-4-4A.997.997 0 0 1 39 46v-2a1 1 0 0 1 .758-.97l8-2a.99.99 0 0 1 .757.113l5 3a1.001 1.001 0 0 1-.03 1.731l-9 5A.992.992 0 0 1 44 51Z",fill:"#A5ADB1",className:"fi-icon-illustrative-base-fill"}),i.createElement("path",{fill:"#E97025",d:"M39 58h2v-2h-2zM39 54h2v-2h-2zM39 62h2v-2h-2zM39 66h2v-2h-2z",className:"fi-icon-illustrative-highlight-fill"}),i.createElement("path",{d:"M0 0h80v80H0z"})));var n=t(61727),h=t(97297),o=t(45564);let v=(0,c.Ay)(e=>{let{className:l,mousePointer:t,ariaLabel:c,color:n,fill:v,baseColor:d,highlightColor:m}=e,u=(0,a.T)(e,["className","mousePointer","ariaLabel","color","fill","baseColor","highlightColor"]);return i.createElement(s,Object.assign({className:(0,r.A)(h.z,l,{[h.X]:!!t})},u,(0,o.r)(c),(0,o.f)(c)))})`
6  ${n.C}
7`,d=e=>i.createElement(v,Object.assign({},e));d.displayName="Icon"},1299(e,l,t){t.d(l,{I:()=>o,v:()=>n});var a=t(74848),i=t(96540),c=t(63679);function r(e){for(var l=1;l<arguments.length;l++){var t=null!=arguments[l]?arguments[l]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(l){var a;a=t[l],l in e?Object.defineProperty(e,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[l]=a})}return e}function s(e,l){if(null==e)return{};var t,a,i=function(e,l){if(null==e)return{};var t,a,i={},c=Object.keys(e);for(a=0;a<c.length;a++)t=c[a],l.indexOf(t)>=0||(i[t]=e[t]);return i}(e,l);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(a=0;a<c.length;a++)t=c[a],!(l.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}let n=e=>(0,c.Ay)(e)`
8      ${e=>null!=e.$width?`width: ${e.$width}px;`:"width: auto;"}
9      height: auto;
10`,h=(0,c.Ay)(e=>{let{Icon:l}=e,t=s(e,["Icon"]);return(0,a.jsx)(l,r({},t))})`
11  ${e=>null!=e.$width?`width: ${e.$width}px;`:"width: auto;"}
12  height: auto;
13`,o=(0,i.memo)(e=>{var l,t,{Icon:i,width:c}=e,n=s(e,["Icon","width"]);return(0,a.jsx)(h,(l=r({},n),t=t={Icon:i,$width:c},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(t)):(function(e,l){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t.push.apply(t,a)}return t}

13)(Object(t)).forEach(function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(t,e))}),l))})},19710(e,l,t){t.d(l,{SelectRoleContainer:()=>U});var a=t(74848),i=t(96540),c=t(44838),r=t(86753),s=t(10084),n=t(48546),h=t(7643),o=t(1299),v=t(34455),d=t(35468),m=t(47767),u=t(75214),f=t(41751),p=t(14531),b=t(91694),g=t(17761),M=t(96596),j=t(43933),A=t(9541),Z=t(46833),w=t(43537),x=t(10559),E=t(18420),N=t(63679),y=t(98955);let C=e=>i.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M61.538 72h-1.985V60c0-4.63-3.057-7.64-10.243-10.05a.713.713 0 0 1-.198-.09l-4.963-3 1.022-1.71 4.874 2.94c5.37 1.82 11.493 4.82 11.493 11.91v12ZM5.955 72H3.97V60c0-7.09 6.114-10.1 11.494-11.91l4.873-2.94 1.023 1.71-4.963 3a.713.713 0 0 1-.198.09C9.021 52.36 5.954 55.37 5.954 60v12ZM15.88 72h1.986v-8h-1.985v8ZM47.643 72h1.985v-8h-1.985v8ZM25.806 42h1.986v-5h-1.986v5ZM37.717 42h1.985v-5h-1.985v5ZM39.702 16.17A3.002 3.002 0 0 1 41.687 19v2a1 1 0 0 0 .993 1v-9c0-1.65-1.34-3-2.978-3H28.784c-1.092 0-1.985.9-1.985 2a1 1 0 0 1-.992 1h-.993c-1.092 0-1.985.9-1.985 2v7a1 1 0 0 0 .992-1v-2c0-1.65 1.34-3 2.978-3h7.702l3.762-1.9a.998.998 0 0 1 .963.04 1 1 0 0 1 .466.85v1.17l.01.01Zm3.97 7.83h-.992c-1.638 0-2.978-1.35-2.978-3v-2a1 1 0 0 0-.992-1 1 1 0 0 1-.993-1v-.38l-2.53 1.28a.975.975 0 0 1-.447.1h-7.941a1 1 0 0 0-.992 1v2c0 1.65-1.34 3-2.978 3h-.993a1 1 0 0 1-.992-1v-8c0-2.21 1.776-4 3.97-4h.129c.437-1.72 1.995-3 3.841-3h10.918c2.74 0 4.963 2.24 4.963 5v10a1 1 0 0 1-.992 1Z",fill:"#E86717"}),i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M32.754 40c-7.732 0-10.749-7.54-10.908-12.58l-.705-.71a.994.994 0 0 1-.287-.71v-3h1.985v2.59l.704.71c.189.19.288.44.288.71 0 4.25 2.422 11 8.933 11 6.511 0 8.933-6.75 8.933-11 0-.26.1-.52.288-.71l.705-.71V23h1.985v3c0 .26-.1.52-.288.71l-.705.71C43.524 32.46 40.506 40 32.774 40M21.836 44.97l6.78 3.79 3.146-3.17v-.81l-6.79-1.71-3.136 1.9ZM28.784 51a.96.96 0 0 1-.486-.13l-8.933-5a.986.986 0 0 1-.506-.86c0-.36.178-.69.486-.87l4.963-3a.953.953 0 0 1 .754-.11l7.94 2c.447.11.755.51.755.97v2c0 .26-.1.52-.288.71l-3.97 4a.996.996 0 0 1-.705.29h-.01Z",fill:"#E86717"}),i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m33.747 45.59 3.146 3.17 6.78-3.79-3.137-1.9-6.79 1.71v.81ZM36.725 51c-.258 0-.507-.1-.705-.29l-3.97-4a.994.994 0 0 1-.288-.71v-2c0-.46.307-.86.754-.97l7.94-2c.259-.06.527-.02.755.11l4.963 3c.307.18.486.52.486.87 0 .36-.198.68-.506.86l-8.933 5a1.04 1.04 0 0 1-.486.13h-.01Z",fill:"#E86717"}),i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M31.762 58h1.985v-2h-1.985v2ZM31.762 54h1.985v-2h-1.985v2ZM31.762 62h1.985v-2h-1.985v2ZM31.762 66h1.985v-2h-1.985v2Z",fill:"#A5ADB1",className:"fi-icon-illustrative-base-fill"}),i.createElement("path",{d:"M73.442 37.36c0-4.094-3.179-7.36-6.94-7.36-3.773 0-6.941 3.265-6.941 7.36V48h-2V37.36c0-5.1 3.967-9.36 8.94-9.36 4.962 0 8.94 4.259 8.94 9.36V52h-12.94v-2h10.94V37.36ZM79.5 54v2h-15v-2h15Z",fill:"#A5ADB1",className:"fi-icon-illustrative-base-fill"}),i.createElement("path",{d:"M76.42 53c0-.339-.112-.617-.25-.791-.138-.173-.266-.209-.339-.209H62.538v-2h13.293c1.629 0 2.588 1.575 2.588 3v2h-2v-2ZM70.471 41v2h-7.94v-2h7.94ZM70.471 37v2h-7.94v-2h7.94ZM67.303 35h-2v-3h2v3Z",fill:"#A5ADB1",className:"fi-icon-illustrative-base-fill"}));var _=t(61727),O=t(97297),P=t(45564);let I=(0,N.Ay)(e=>{let{className:l,mousePointer:t,ariaLabel:a,color:c,fill:r,baseColor:s,highlightColor:n}=e,h=(0,E.T)(e,["className","mousePointer","ariaLabel","color","fill","baseColor","highlightColor"]);return i.createElement(C,Object.assign({className:(0,y.A)(O.z,l,{[O.X]:!!t})},h,(0,P.r)(a),(0,P.f)(a)))})`
14  ${_.C}
15`,B=e=>i.createElement(I,Object.assign({},e));function D(){return(0,a.jsxs)("header",{id:"minimal-page-header",role:"banner",children:[(0,a.jsx)(r.A,{}),(0,a.jsx)("div",{className:"header-row",children:(0,a.jsx)("div",{className:"container",children:(0,a.jsxs)("div",{className:"header-top-row-content",children:[(0,a.jsx)("div",{className:"header-top-row-content-edge",children:(0,a.jsx)("div",{className:"header-logo-container",children:(0,a.jsx)("div",{className:"site-logo",children:(0,a.jsx)("svg",{viewBox:"0 0 271 55",id:"beta_suomifi_logo",role:"img",focu

15sable:"false",children:(0,a.jsx)("use",{xlinkHref:t(97688)+"#beta_suomifi_logo"})})})})}),(0,a.jsx)("div",{className:"header-top-row-content-middle"}),(0,a.jsx)("div",{className:"header-top-row-content-edge",children:(0,a.jsx)(s.A,{})})]})})})]})}B.displayName="Icon";let V=(e,l)=>{let t=document.createElement("input");return t.setAttribute("type","hidden"),t.setAttribute("name",e),t.setAttribute("value",l),t},k=(e,l,t)=>{t&&t.preventDefault();let a=document.createElement("form");a.setAttribute("method","get"),a.setAttribute("action","/delegation/reset/"),a.appendChild(V("lang",e)),a.appendChild(V("redirectUrl",l));let i=(0,d.U)("csrf-token");i&&a.appendChild(V("_csrf",i)),document.body.appendChild(a),a.submit()},z=(e,l,t,a)=>{a&&a.preventDefault();let i=document.createElement("form");i.setAttribute("method","post"),i.setAttribute("action","/delegation/webapi/"+l),i.appendChild(V("lang",e)),i.appendChild(V("service","delegation")),i.appendChild(V("redirectUrl",t));let c=(0,d.U)("csrf-token");c&&i.appendChild(V("_csrf",c)),document.body.appendChild(i),i.submit()};function R({title:e,Icon:l,onClick:t,switchColors:i,dataTestId:c}){return(0,a.jsxs)("button",{className:"select-role-button",onClick:t,"data-testid":c,children:[(0,a.jsx)("div",{className:"select-role-icon",children:(0,a.jsx)(o.I,{Icon:l,width:70,baseColor:i?"#E97025":void 0,highlightColor:i?"#A5ADB1":void 0})}),(0,a.jsx)("div",{className:"select-role-content",children:(0,a.jsx)("div",{className:"select-role-title",children:e})})]})}function L(e){return"1"===new b.cw(e.searchParams).getAsOptionalString("virhe")}function H(e){let{lang:l,redirectUrl:t,title:c,user:r}=e,{hasTranslation:s,historyPush:o,isFeatureEnabled:d,translate:b}=(0,i.useContext)(v.BR),E=(0,m.Zp)(),N=(0,g.rd)(),[y,C]=(0,i.useState)(L(N)),[_,O]=(0,i.useState)(!1),P=(0,i.useCallback)(()=>{N.setSearchParams(e=>(e.delete("virhe"),e))},[N]);if((0,i.useEffect)(()=>{null==r&&o((0,p.s0)({}))},[o,r]),(0,i.useEffect)(()=>{L(N)&&(C(!0),P())},[P,N]),null==r)return null;let I=r.authorizations.eAuthorizations||r.authorizations.messages,V="select_role_instruction_title_",H=[];for(let e=1;e<20&&s(V+e);e++)H.push({title:b(V+e),uri:b("select_role_instruction_uri_"+e)});let S=d("SFIVP-6876-Estate_role")?"col-12 col-lg-3 mb-3 mb-lg-0 d-flex justify-content-center":"col-12 col-lg-4 mb-3 mb-lg-0 d-flex justify-content-center";function $(){O(!0),setTimeout(()=>O(!1),2e3)}function T(e,a){_?e.preventDefault():($(),z(l,a,t,e))}return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(D,{}),(0,a.jsx)(n.A,{children:(0,a.jsxs)("div",{className:"select-role-container",children:[(0,a.jsx)("div",{className:"row margin-top-l margin-bottom-m",children:(0,a.jsx)("div",{className:"col-12 select-role-title",children:(0,a.jsx)(h.Q,{title:c})})}),y&&(0,a.jsx)(M.Mh,{title:b("select_role_server_error_title"),children:b("select_role_server_error")}),(0,a.jsxs)("div",{className:"row select-role-buttons",children:[(0,a.jsx)("div",{className:S,children:(0,a.jsx)(R,{title:b("select_role_button_none"),Icon:Z.B,dataTestId:"select-role-behalf-of-me",switchColors:!0,onClick:e=>{_?e.preventDefault():($(),(null==r?void 0:r.principal)!=null?k(l,t,e):""!==t&&"/"!==t?E(t):o((0,p.s0)({})))}})}),I?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:S,children:(0,a.jsx)(R,{title:b("select_role_button_hpa"),dataTestId:"select-role-behalf-of-a-person",Icon:w.l,onClick:e=>T(e,"hpa")})}),(0,a.jsx)("div",{className:S,children:(0,a.jsx)(R,{title:b("select_role_button_ypa"),dataTestId:"select-role-behalf-of-a-company",Icon:x.d,onClick:e=>T(e,"ypa")})}),d("SFIVP-6876-Estate_role")?(0,a.jsx)("div",{className:S,children:(0,a.jsx)(R,{title:b("select_role_button_estate"),dataTestId:"select-role-behalf-of-a-estate",Icon:B,onClick:e=>T(e,"estate")})}):null]}):null]}),(0,a.jsx)("div",{className:"row",children:(0,a.jsx)("div",{className:"col-12 select-role-instructions",children:(0,a.jsxs)("div",{children:[(0,a.jsx)(f.Q,{variant:"h4",as:"h2",className:"margin-top-l",id:"select-role-instruction-heading",children:b("select_role_instructions_title")}),(0,a.jsx)(j.d,{ariaLabelledBy:"select-role-instruction-heading",children:H.map((e,l)=>(0,a.jsx)(A.i,{children:(0,a.jsx)(u.N_,{href:e.uri,children:e.title})},l))})]})})})]})})]})}var S=t(6243),$=t(65129);let T=(0,c.QH)({mapProps:({state:e,route:l,lang:t,translate:a,hasTranslation:i})=>{var c;return{title:a("select_role_title"),description:(0,S.O)(a,i,"select_role_description"),redirectUrl:null!==(c=l.query.params.get("redirectUrl"))&&void 0!==c?c:"/",user:e.user.item,lang:t}},fetchRouteData:(e,l)=>Promise.resolve(),loading:{waitFor:[],waitForUser:!0,waitForRouteLoad:!1},mapInitialization:e=>{var l;

15return{meta:{title:e.title,description:null!==(l=e.description)&&void 0!==l?l:$.Xe,fallbackLanguage:!1}}}}),U=(0,c.ep)(T,e=>(0,a.jsx)(H,{redirectUrl:e.redirectUrl,lang:e.lang,title:e.title,user:e.user}))}}]);
16//# sourceMappingURL=9710.4b4121902d7cfcdbeb6e.chunk.js.map