{"version":3,"sources":["api/withAuth.ts","models/TypeOfRepresentative.ts","models/Address.ts","models/Group.ts","models/Position.ts","models/Contact.ts","models/Workplace.ts","models/Department.ts","utils/format.ts","models/Member.ts","models/Profile.ts","api/profile/profile.ts","theme/palette.ts","assets/icons/ChevronDownFill.tsx","assets/icons/CloseSolid.tsx","assets/icons/Heart.tsx","assets/icons/PersonSearch.tsx","assets/icons/AddContact.tsx","assets/icons/Aftalearkiv.tsx","assets/icons/BookmarkFill.tsx","assets/icons/Calendar.tsx","assets/icons/Check.tsx","assets/icons/CheckFill.tsx","assets/icons/ChevronLeft.tsx","assets/icons/ChevronRight.tsx","assets/icons/Close.tsx","assets/icons/ContactFill.tsx","assets/icons/ContactLedger.tsx","assets/icons/Delete.tsx","assets/icons/DeleteFill.tsx","assets/icons/Edit.tsx","assets/icons/EditFill.tsx","assets/icons/EmailFill.tsx","assets/icons/Envelop.tsx","assets/icons/FlagFill.tsx","assets/icons/Foa.tsx","assets/icons/HandshakeFill.tsx","assets/icons/Help.tsx","assets/icons/Info.tsx","assets/icons/Kontigenter.tsx","assets/icons/LinkFill.tsx","assets/icons/LockFill.tsx","assets/icons/Materialer.tsx","assets/icons/Medlemsfordele.tsx","assets/icons/MessageFill.tsx","assets/icons/Note.tsx","assets/icons/Notes.tsx","assets/icons/Ok.tsx","assets/icons/Organiseringsprocent.tsx","assets/icons/PersonalInfo.tsx","assets/icons/PhotoFill.tsx","assets/icons/PinFill.tsx","assets/icons/Plus.tsx","assets/icons/Priority.tsx","assets/icons/Question.tsx","assets/icons/RatingStar.tsx","assets/icons/SearchPerson.tsx","assets/icons/Search.tsx","assets/icons/SendFill.tsx","assets/icons/SendToMany.tsx","assets/icons/Settings.tsx","assets/icons/StarYellow.tsx","assets/icons/Star.tsx","assets/icons/StarFill.tsx","assets/icons/SuitcaseFill.tsx","assets/icons/Tips.tsx","components/ui/Dialog/Dialog.tsx","components/ui/Typography/Typography.tsx","theme/breakpoints.ts","components/ui/Button/Button.tsx","store/auth/index.ts","components/ui/FormElememts/Select.tsx","api/departments/index.ts","components/ui/FormElememts/Input.tsx","hooks/useWindowSize.ts","components/ui/Card/Card.tsx","components/ui/Card/CardList.tsx","components/ui/Card/CardMobile.tsx","components/ui/Card/CardHeader.tsx","components/ui/Card/CardContentMobile.tsx","components/ui/Card/CardCell.tsx","components/ui/Circle/styles.ts","components/ui/Circle/Circle.tsx","components/ui/SortButton/index.tsx","utils/initials.ts","models/Filter.ts","utils/filterhelper.ts","api/members/members.ts","utils/sortHelper.ts","utils/searchHelper.ts","store/lokalise/lokaliseAtom.ts","components/ui/Loaders/Spinner.tsx","components/providers/Lokalise.tsx","utils/utils.ts","store/filter/filterAtom.ts","hooks/useSortMembersList.ts","theme/layout.ts","theme/reuseables.ts","components/ui/FormElememts/FormControl.tsx","components/modules/Imitator/index.tsx","api/misc/index.ts","utils/Auth0.tsx","theme/zIndex.ts","theme/index.ts","theme/sizes.ts","components/Layout/index.tsx","components/modules/Imitator/ImitatorNoAccessWarning.tsx","components/ui/TabbedMenu/index.tsx","components/Navigation/Menu/Menu.tsx","utils/Logout.ts","components/ui/Navbar/NavbarDesktop.tsx","api/Interceptor.tsx","components/Example/index.tsx","components/ui/Badge/Badge.tsx","components/ui/Favorite/index.tsx","api/favorite/index.ts","components/ui/NoteButton/index.tsx","components/ui/Accordion/Accordion.tsx","components/ui/FormElememts/Checkbox.tsx","components/pages/Members/Checkboxes.tsx","components/ui/Sidebar/index.tsx","components/pages/Members/Filter.tsx","components/modules/Filter/FiltersSummary.tsx","components/ui/FormElememts/stories/Input.stories.tsx","components/ui/SearchField/SearchField.tsx","components/ui/FormElememts/RadioButton.tsx","components/modules/GotoMembrsearchModal/index.tsx","components/modules/SignupMemberModal/index.tsx","components/modules/Headerlinks/index.tsx","components/pages/Members/index.tsx","components/ui/FormElememts/TextArea.tsx","components/modules/FormElements/FormInput.tsx","components/ui/Card/CardWithIconAndMessge.tsx","components/ui/FormElememts/DatePicker.tsx","components/ui/FormElememts/FormMessage.tsx","components/pages/AllMembers/index.tsx","api/updates/index.ts","models/UpdateBatch.ts","components/modules/FormElements/DrawerHeader.tsx","components/ui/FormElememts/FormHeader.tsx","components/modules/Updates/UpdateDetails.tsx","components/pages/Updates/index.tsx","api/notes/index.ts","models/Note.ts","components/modules/notes/AddNewNote.tsx","components/modules/notes/EditNote.tsx","components/modules/notes/EditMemberNoteButton.tsx","components/modules/notes/NoteSidebarCard.tsx","components/modules/notes/NoteOverviewSidebar.tsx","components/modules/notes/EditWorkplaceNotes.tsx","components/pages/Workplaces/WorkplaceCardCell.tsx","components/pages/Workplaces/index.tsx","components/ui/Card/CardColumn.tsx","components/ui/Card/CardColumnContainer.tsx","components/modules/EditMyProfile/index.tsx","components/ui/PercentLevel/PercentLevel.tsx","assets/img/gmapsBgImage.png","components/ui/GmapsLink/GmapsLink.tsx","components/modules/WorkplaceDropdown/index.tsx","components/pages/MyProfile/index.tsx","components/modules/EditMemberProfile/index.tsx","components/modules/CancelWorkplace/index.tsx","components/modules/AddMemberToWorkplace/index.tsx","components/ui/BackLink/index.tsx","components/modules/notes/EditMemberNotes.tsx","components/pages/MemberProfile/index.tsx","components/modules/AddMemberToOwnList/index.tsx","components/pages/MemberProfileFromSearch/index.tsx","components/modules/FirstLoginModal/FirstLoginModal.tsx","components/ui/Footer/Footer.tsx","components/modules/notes/EditNoteFromPage.tsx","components/pages/MyNotes/NotePage.tsx","components/ui/ScrollToTopButton/ScrollToTopButton.tsx","components/pages/Organization/index.tsx","RoleBasedRoutes.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["oidcSettings","process","baseURL","getBaseURL","userData","localStorage","getItem","upn","token","base64","split","replace","jsonPayload","decodeURIComponent","window","atob","map","c","charCodeAt","toString","slice","join","JSON","parse","parseJwt","access_token","axiosWithAuth","axios","create","doRefreshToken","a","defaults","headers","common","post","qs","stringify","grant_type","redirect_uri","client_id","refresh_token","response","user","data","updatedUserDate","setItem","clear","location","href","interceptors","request","use","config","localUser","Authorization","error","Promise","reject","status","axiosWithImitator","profile","isImitator","apiProfile","myProfileId","params","newConfig","currentBaseURL","TypeOfRepresentative","isActive","name","shortName","sort","type","showLongName","electedDate","alternateRepresentativeList","undefined","supplementedOfDutyType","pos","ErAktiv","KortNavn","Navn","Sorteringsorden","Type","VisLangtNavnIOversigt","Genvalgsdato","SupplererMedlemsidentList","SuppleresAfHvervsType","SuppleresHvervsType","mapTypeOfRepresentatives","build","Address","id","addressLine1","addressLine2","addressLine3","postDistrict","postNumber","address","Adresselinie1","Adresselinie2","Adresselinie3","Postdistrikt","Postnummer","Group","group","Nummer","Position","number","numbers","department","Faggruppe","Arbejdsstedsnumre","mapPositions","position","Contact","email","telephone","telephoneShow","mobile","mobileShow","isTelefonPrivate","contactInfoType","workPlacesContact","contact","Email","ErTelefonerHemmelige","KontaktoplysningerType","Telefon","TelefonVis","Mobil","MobilVis","KontaktoplysningerForArbejdssted","Workplace","mapContacts","isPrimaryWorkplace","okGroup","postionNumber","typeOfRepresentatives","hoursPerWeek","positions","numberOfNotes","trMemberList","numberOfMembers","searchable_name","searchable_address","mapWorkplaces","workplace","workPlace","Adresse","ErPrimaertArbejdssted","ArbejdsstedType","OKGruppe","Stillingsnummer","Timetal","Tillidshverv","Stillinger","AntalNoter","TRTillidshvervMedlemLister","length","forEach","item","Medlemsidenter","Array","from","Set","getNumberOfMembers","Department","registrationDate","Indmeldelsesdato","Date","formatDate","date","getDate","getMonth","getFullYear","formatPhoneNumber","defaultGapSize","result","cloned","gap_size","substring","Member","workPlaces","allWorkPlaces","isFavorite","memberId","firstName","lastName","fullName","memberNumber","birthday","age","isOwnMember","primaryWorkPlace","profilePicture","content","mimeType","contactInfoList","privateContact","workContact","membershipInfo","searchable_fullName","searchable_workPlace","searchable_birthDay","searchable_age","mapMembers","member","Arbejdssteder","ErFavorit","OpdaterStatus","Medlemsident","Medlemsnummer","Fornavn","Efternavn","FuldeNavn","Afdeling","ErEgetMedlem","ProfilBillede","Content","Alder","KontaktoplysningerList","find","FoedselsDato","wpNumbers","wpNumber","wp","w","findMyWorkplaces","found","wordPlace","findPrimaryWorkPlace","Profile","roles","personalInfo","birthdate","totalNumberOfPeopleUserCovers","numberFoaMemberUserCovers","trForSelf","trForOthers","myProfile","TotalAntalKollegaerBrugerDaekker","AntalFoaMedlemmerBrugerDaekker","MimeType","BrugerSuppleantForTillidshvervMedlemmer","TillidhvervMedlemmerSuppleantForBruger","initialValue","getProfile","get","getProfileSupportInfo","updateProfile","values","getProfileByIdent","ident","getMemberForImitating","departmentNumber","profileAtom","atom","idAtom","getProfileAtom","atomWithQuery","queryKey","queryFn","colors","green","white","gray","black","borderColorLight","borderColor","labelColor","green200","green400","green500","green600","red100","red500","red600","orange500","orange600","gray500","gray600","gray700","gray800","gray900","blue300","errorBg","palette","link","foreground","background","navBackgroundColor","backgroundOpaque","primary","secondary","buttonPrimary","creme","CTAhover","SvgChevronDownFill","title","titleId","props","viewBox","fill","xmlns","opacity","fillRule","clipRule","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","SvgCloseSolid","SvgHeart","SvgPersonSearch","cx","cy","r","SvgAddContact","SvgAftalearkiv","SvgBookmarkFill","SvgCalendar","SvgCheck","SvgCheckFill","SvgChevronLeft","SvgChevronRight","SvgClose","SvgContactFill","SvgContactLedger","SvgDelete","SvgDeleteFill","SvgEdit","SvgEditFill","SvgEmailFill","SvgEnvelop","SvgFlagFill","SvgFoa","SvgHandshakeFill","SvgHelp","SvgInfo","SvgKontigenter","SvgLinkFill","SvgLockFill","SvgMaterialer","SvgMedlemsfordele","SvgMessageFill","SvgNote","SvgNotes","SvgOk","SvgOrganiseringsprocent","SvgPersonalInfo","SvgPhotoFill","SvgPinFill","SvgPlus","SvgPriority","className","SvgQuestion","SvgRatingStar","SvgSearchPerson","SvgSearch","SvgSendFill","SvgSendToMany","SvgSettings","transform","SvgStarYellow","SvgStar","SvgStarFill","SvgSuitcaseFill","SvgTips","useStyles","createUseStyles","top","to","overlayContainer","left","width","height","zIndex","container","backgroundColor","borderRadius","boxShadow","maxWidth","maxHeight","padding","animation","AnimationEffect","pointerEvents","display","flexDirection","alignItems","textAlign","paddingTop","overlay","inset","button","right","margin","boxSizing","textDecoration","fontWeight","transition","cursor","border","circleIcon","iconBGColor","iconBorder","justifyContent","marginRight","defaultProps","description","trigger","defaultOpen","hideClose","icon","Dialog","children","theme","useTheme","classes","onOpenChange","open","documentWidth","document","documentElement","clientWidth","scrollBarWidth","innerWidth","body","style","overflow","paddingRight","classList","add","handleIsOpen","remove","asChild","Close","sizes","XXXS","XXS","XS","S","M","L","XL","XXL","XXXL","XXXXL","text","fontSize","size","weight","fontStyle","lineHeight","suggested","getLineheight","color","align","Typography","tag","Tag","spacing","breakpoints","Desktop","BUTTON_CONTAINER","minHeight","composes","outline","outlineOffset","Button","ref","onClick","disabled","buttonType","ButtonLink","target","isAuthenticatedAtom","chooseImitatorAtom","authRoles","wrap","select","paddingLeft","outlineColor","hasValue","transitionDuration","label","Select","React","forwardRef","options","onChange","defaultValue","placeholder","isOpen","useControlled","hasError","useState","query","setQuery","useEffect","value","e","hidden","htmlFor","getDepartments","Afdelinger","input","isDatePicker","span","lock","Input","required","useDisabled","setError","autoComplete","LockFill","useFloats","InputNumber","event","newValue","modified","useWindowResize","innerHeight","windowSize","setWindowSize","onResize","resizeHandler","throttle","addEventListener","removeEventListener","row","gridTemplateColumns","wrapper","marginBottom","withHover","Card","url","useHover","showFooter","footer","tabIndex","role","onKeyDown","CardList","CardMobile","header","cellStyles","headerCell","CardHeader","CardHeaderCell","CardContentMobile","flexBasis","containerOpen","overflowHidden","CardCell","cirleIconStyles","iconContainer","borderWidth","withBorder","aspectRatio","styles","circle","customRight","mWidth","image","objectFit","iconWidth","Circle","CircleText","CircleIcon","CircleIcon2","CircleImage","src","alt","marginLeft","SortButton","property","direction","ChevronRight","getInitials","nameString","shift","charAt","pop","toUpperCase","FilterWorkplace","FilterWorkGroup","workGroup","FilterPosition","obj","FilterTypeOfRepresentative","FilterTRFor","memberIds","displayName","initialFilter","workplaces","groups","typeOfRepresentative","representing","updateStatus","initialSelectedFilters","initFilter","filter","UdsoegteArbejdssteder","UdsoegteFaggrupper","UdsoegteStillinger","UdsoegteTillidshverv","trust","trfor","updateWorkplaces","selectedItems","selected","isFound","some","indexOf","findIndex","splice","push","updatePositions","updateTypeOfRepresentatives","p","updateTRFor","duty","trFors","t","updateUpdateStatus","statuses","s","updateGroups","membersAtom","members","Medlemmer","searchMembers","queryString","getOwnMember","getMemberAfterSearch","updateOwnMember","addMemberToOwnList","addMemberToWorkplace","cancelMemberFromWorkplace","getMemberWorkPlaces","ArbejdsstedTRHvervMedlemLister","compareName","objectA","objectB","sorter","sortByNoteDate","notes","b","updated","getTime","compareAge","compareWorkplaces","toLowerCase","compareStatus","compareNotes","compareIsRead","isRead","compareNumberOfMembersOnWorkplace","compareIsOwnMember","compareDepartments","sortUpdatesBy","updates","sorted","sorted1","sorted2","created","sortByUpdateCreatedDate","compareMemberOnUpdateName","compareProfileOnUpdateName","sortByUpdateUpdatedDate","reverse","sortNotesBy","sortedNotes","n","isNotRead","sortNotesByDateAndIsRead","sortByNoteFavorite","sortBy","sortedMembers","sortByDate","filterByValue","array","includes","searchables","include","o","Object","keys","k","Math","abs","projectId","getLokaliseDataFromApi","base","translations","val","key_name","web","trans","key_id","translation","loader","Spinner","setLokalise","getLokalise","key","lData","L_HTML","replacements","manipulated","identifier","dangerouslySetInnerHTML","__html","Lokalise","initialized","setInitialized","initFallback","myData","init","timeout","setTimeout","clearTimeout","getUpdateTypeLabel","getUpdateStatusLabel","filterAtom","filterSelected","sortedAtom","sortLock","searchAtom","searchNoteAtom","searchWorkplaceAtom","searchMembersAtom","showOnlyFavorites","allNotes","allWorkplaces","allUpdates","allUpdatesDone","allUpdatesInProgress","searchPageAtom","filteredItems","workplacesPageAtom","sortedWorkplaces","search","sortWorkplacesBy","updatePageAtom","all","sortedUpdates","updatePageDoneAtom","updatePageInProgressAtom","notePageAtom","filteredAtom","items","favoritesOnly","filtered","trFor","m","mem","filterTRforHelper","element","filterWorkplaces","workgroups","filterWorkgroups","filterPositions","pots","pot","filterTypeOfRepresentative","filterUpdateStatus","filterItems","Map","useSortMembersList","useAtom","setSortedAtom","setLock","sortState","setSortState","setSort","useContainerStyles","baseButton","sortPlaceholder","control","FormControl","headerArea","formArea","gap","topArea","borderBottom","headerActions","flexShrink","form","linkButton","textDecorationLine","subArea","messageWrapper","marginTop","selectContainer","selectTrigger","selectContent","hr","Imitator","authProfile","_set","_setDepartmentNumber","_setName","suggestions","_setSuggestions","setOptions","loading","setLoading","_setIsAuthenticated","layout","setAuthRoles","splitted","birthDay","Rolle","getDeps","RolleListe","depResponse","opt","chooseImitator","getWorkplacesAndPositions","userIsActiveInApp","Auth0","isAuthenticated","setIsAuthenticated","setProfile","setChooseImitator","_setLoading","_setRoles","periodicCheckInitiated","setPeriodicCheckInitiated","errorMessage","setErrorMessage","intiatePeriodicCheck","setInterval","validateImitator","profileData","authP","imitatorInStorage","setAlreadyAuthenticated","BrugerMedlemsident","Message","activeProfile","getToken","code","code_verifier","console","log","id_token","roleList","history","replaceState","pathname","checkUser","URLSearchParams","sessionStorage","signIn","generateCodeChallenge","codeVerifier","encoder","TextEncoder","encode","crypto","subtle","digest","base64Digest","base64encode","randomString","then","challenge","qParams","logoutURL","zIndexes","topNavigation","drawer","index","navbarDesktopHeight","Layout","ImitatorNoAccessWarning","show","onClose","SendFill","menu","listStyle","flexWrap","flexGrow","TabItem","showImitatorModal","setShowImitatorModal","preventDefault","TabbedMenu","links","Menu","linksToUse","logout","keep","desktopOnly","inner","brandIcon","containerLogin","profileLink","greenText","containerProfilePicture","logo","helpContainer","NavbarDesktop","_setProfile","Foa","Aftalearkiv","rel","Heart","querySelector","scrollTo","getBoundingClientRect","behavior","scrollToFooter","Help","localProfileData","REDIRECT_TO_FOA_CODES","Interceptor","apiError","setApiError","errorStatusCode","setErrorStatusCode","interceptorId","eject","Example","Badge","star","useOnClick","bottom","Favorite","active","StarFill","RatingStar","setFavorite","removeFavorite","delete","note","noteText","NoteButton","accordion","fontFamily","flex","close","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","formControl","contentWrapper","Accordion","ChevronDownFill","reversed","isChecked","borderLeft","Checkbox","checked","Checkboxes","handleChange","isSelected","visibility","medium","large","xlarge","Overlay","isShowing","hide","node","useRef","handleClickOutside","current","contains","onKeyPressed","ReactDOM","createPortal","getElementById","accordionWrapper","filterBottom","borderTop","Filter","setSelectedItems","setSelected","setIsOpen","Settings","onUpdateTRFor","onUpdateStatus","pills","pillStyles","pill","closeIcon","Pill","FilterSummary","g","onUpdateGroups","onUpdateTypeOfRepresentatives","onUpdatePositions","onUpdateWorkplaces","tr","onUpdateTrFor","onUpdateUpdateStatus","ifAny","args","borderTopColor","borderBottomColor","borderRightColor","searchButton","borderRight","typeSearch","minWidth","SearchField","searchButtonLabel","autoFocus","onSearch","Search","innerContainer","groupLabel","RadioButtons","labels","activeValue","modalButtons","modalCheckbox","GotoMembrsearchModal","showAgain","setShowAgain","hideMemberDialog","setHideMemberDialog","navigate","useNavigate","localData","AddContact","linkArea","SignupMemberModal","HeaderLinks","showGotoMembrsearchModal","headerAreaTop","sendingEmailSettings","dialogButtonsContainer","iconWrapper","searchField","Members","update","setFilter","setSearchAtom","isSendingView","setIsSendingView","isEmailSentView","setIsEmailSentView","AllChosen","setAllChosen","emailType","setEmailType","chosenMembers","setChosenMembers","mailingList","setMailingList","showDialog","setShowDialog","invalidEmailsList","setInvalidEmailsList","setShowOnlyFavorites","setFilterSelected","useSearchParams","searchParams","firstTimeSendingEmail","setfirstTimeSendingEmail","showFirstTimeModal","setHowFirstTimeShowModal","FIRST_TIME_EMAIL_KEY","copy","onClickFavorite","callback","handleSendingEmailView","v","checkValids","useCallback","isValid","invalidEmails","mailingListRaw","validEmail","mailingListString","navigator","platform","userAgent","confirmSendingEmail","SendToMany","Star","RadioButton","currentTarget","String","ml","idx","stopPropagation","toLocaleLowerCase","textarea","resize","count","TextArea","maxCount","setCount","containerRef","autoResize","scrollHeight","rows","cols","onFocus","maxLength","FormInput","register","rules","FormSelect","FormInputNumber","FormTextArea","message","CardWithIconAndMessge","datepickerWrapper","datepicker","DatePickerComponent","maxDate","minDate","disableCalendar","setBirthdate","showPicker","setShowPicker","setHasValue","asText","moment","format","calendarIcon","Calendar","dayPlaceholder","monthPlaceholder","yearPlaceholder","clearIcon","FormMessage","AllMembers","useForm","reset","handleSubmit","setValue","formState","getValues","selectedDate","_setSelectedDate","setResult","setIsValid","inputReference","isDirty","valid","fuldeNavn","foedselsesdato","telefon","afdelingsnummer","searchMembersApi","start","performance","now","duration","focus","setSelectedDate","toDateString","setDepartmentNumber","errors","PersonSearch","onSubmit","subtract","toDate","minLength","validate","trim","getAllUpdates","UpdateBatch","batchId","mapUpdates","BatchId","OpdateringType","RegTid","BehandlingTid","Medlem","Bruger","OpdateringBatchStatus","DrawerContent","DrawerHeaderMemberInfo","DrawerHeaderWorkplaceInfo","FormHeader","getLabel","fieldName","WebkitLineClamp","WebkitBoxOrient","textOverflow","deleteButtons","sidebarArea","oldName","UpdateDetailsSidebarContent","updateDetails","sortingArr","OpdateringFelter","OpdateringFeltType","field","NyVaerdiNavn","GlVaerdiNavn","dateString","nowYear","prototype","call","Number","isNaN","renderDate","FraDato","OphoertDato","OevrigeOplysninger","castAsMember","memberOnUpdate","DetailsOverlay","onHide","isFetching","setIsFetching","setUpdateDetails","place","fetch","response2","UpdateDetails","showUpdatedColumn","boolean","updateList","numberOfUpdate","customIcon","gridTemplateColumnsUpdated","Updates","showDone","setAllUpdates","today","targetDate","setDate","resZero","mapped","OpdateringBatches","fetchData","antal","getMemberNotes","getAllNotes","addNewNote","updateNote","updateNoteIsArchived","deleteNote","Note","referenceId","referenceType","archived","searchable_title","searchable_content","searchable_member","ReferenceId","Indhold","Titel","ReferenceType","NoteId","OpdaterTid","OpretTid","ReferenceNavn","ErLaest","mapNotes","AddNewNote","onUpdated","onClickCancel","hasNotes","dirtyFields","fieldsToEdit","datePlaceholder","EditNote","onCancel","EditMemberNoteButton","onClickCreate","onClickView","firstNoteLabel","Plus","card","actions","titleOpen","whiteSpace","contentOpen","NoteSidebarCard","onClickEdit","onClickDelete","showDelete","setShowDelete","readMore","setReadMore","isMore","setIsMore","contentRef","titleRef","checkLines","lines","getComputedStyle","getPropertyValue","round","parseFloat","wordBreak","prev","DeleteFill","EditFill","createNote","NoteOverviewSidebar","buttons","addNote","noteButton","EditWorkplaceNotes","setNotes","viewState","setViewState","editNote","setEditNote","notesMapped","Noter","numnerOfNotes","noteContent","googleLink","showMembers","contentMobile","WorkplaceCardCell","allMembers","membersForWorkplace","setMembersForWorkplace","setOpen","wpMembersIdents","wpMembers","onClickMapLink","PinFill","Workplaces","setAllWorkplaces","membersData","res","column","titleContainer","rowContainer","CardColumn","titleIcon","titleLabel","hideTitle","mailToLinkIcon","useContent","gridGap","CardColumnContainer","EditMyProfile","KontaktTR","err","Edit","ContactLedger","svgContainer","percentage","PercentCircle","progress","setProgress","useInView","inView","radius","circumference","PI","dash","strokeOpacity","strokeDasharray","end","gmapsContainer","gmapsImage","gmapsButton","GmapsLink","customedGmapsUrl","GmapsImage","dropdownIcon","dropdownItem","dropdownItems","check","WorkplaceDropdown","selectedWorkplace","setSelectedWorkplace","beforContent","afterContent","showHo","getPositionName","getGroupName","SuitcaseFill","ChevronLeft","Check","buildRow","profileHeader","nameContainer","edit","section","editIconWrapper","alignContent","confirmButtons","MyProfile","tors","percentageShowEdit","setPercentageShowEdit","percentageEditValue","setPercentageEditValue","percentageOfMembersCovered","setPercentageOfMembersCovered","calcPercentageCovered","calcPercentageCoveredInEditMode","getDuties","duties","tor","getTypeOfRepresentativeRows","names","tfo","getSuppleantNamesForTR","PersonalInfo","getMembershipInfoRows","noShowMessage","Envelop","getContactInfoRows","CheckFill","getSuppleantForTRRows","ProcentDaekker","EditMemberProfile","setPositions","setWorkplaces","setCustomErrors","selectedPostion","setSelectedPosition","formRef","setWP","wpp","wco","wc","getPositions","positionssss","setAttribute","resetForm","Aendringsdato","Arbejdsstednummer","KontaktPrivat","OpdaterFunktionMobil","OpdaterFunktionEmail","KontaktArbejde","OpdaterFunktionTelefon","Info","CancelWorkplace","setAddInfo","work","submitHandler","resolve","AddMemberToWorkplace","onCallSubstitute","setOnCallSubstitute","customErrors","noValidate","BackLink","EditMemberNotes","buildEmailRow","showModal","editButton","MemberProfile","useParams","_setData","backurl","setbackUrl","buildTOR","AddMemberToOwnList","MemberProfileFromSearch","birthYear","getPersonalInfoRows","getWorkInfo","containerBG","headline","headlines","leftText","list","listItem","listItemBold","listItemSpan","video","primaryButton","FirstLoginInfo","showVideo","setClose","setIsShowing","loginData","loginJson","isMoreThanSixMonths","diff","agreed","frameBorder","scrolling","allowFullScreen","allow","Tips","closeInfo","contactLink","videoLink","Footer","info","setInfo","setShowVideo","col1","setCol1","getInfo","firstColumn","EditNoteFromPage","_setMember","setMember","findMember","noteContentOpen","readIcon","ClampContent","checkNote","showMore","setShowMore","hasOverflow","setHasOverflow","isOverflow","setIsOverflow","useLayoutEffect","clientHeight","ResizeObserver","observe","useIsOverflow","NotePage","setAllNotes","_setSortLock","freezedNotes","setFreezedNotes","onClickSetArchived","Priority","ScrollToTopButton","offset","setOffset","onScroll","pageYOffset","passive","mainContent","viewportHeight","mainContentOffset","offsetTop","mainContentHeight","buttonHidden","buttonAbsoloute","titleContainerGreen","ContainerTip","Organisation","LinkListItem","linkText","linkURL","CollapseItem","buttonText","setShow","transformOrigin","marginInline","Kontigenter","Ok","Medlemsfordele","Materialer","HandshakeFill","gridColumn","ScrollToTop","useLocation","mobileOnly","RoleBasedRoutes","path","App","useIdleTimer","onIdle","fallback","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","render","StrictMode"],"mappings":"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","file":"static/js/main.3578f5d8.chunk.js","sourcesContent":["import axios from 'axios'\r\nimport qs from 'qs'\r\nimport { IUserData } from '../utils/Auth0'\r\nimport { AuthProfile } from './profile/profile'\r\n\r\nconst oidcSettings = {\r\n    authority: process.env.REACT_APP_AUTH_AUTHORITY,\r\n    client_id: process.env.REACT_APP_AUTH_CLIENT_ID,\r\n    redirect_uri: process.env.REACT_APP_AUTH_REDIRECT_URI,\r\n    response_type: process.env.REACT_APP_AUTH_RESPONSE_TYPE,\r\n    scope: process.env.REACT_APP_AUTH_REDIRECT_URI_SCOPE,\r\n}\r\n\r\nconst baseURL = process.env.REACT_APP_API_BASE_URL\r\nconst dummyBaseURL = process.env.REACT_APP_API_BASE_URL_DUMMY_USER\r\n\r\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\nfunction parseJwt(token) {\r\n    const base64Url = token.split('.')[1]\r\n    const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/')\r\n    const jsonPayload = decodeURIComponent(\r\n        window\r\n            .atob(base64)\r\n            .split('')\r\n            .map(function (c: any) {\r\n                return `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`\r\n            })\r\n            .join('')\r\n    )\r\n\r\n    return JSON.parse(jsonPayload)\r\n}\r\n\r\n// Function to get baseURL based on userID\r\nconst getBaseURL = (): string => {\r\n    const userData = localStorage.getItem('user_data')\r\n\r\n    if (!userData) {\r\n        return baseURL\r\n    }\r\n    const user: IUserData = JSON.parse(userData)\r\n    const jwt = parseJwt(user.access_token)\r\n    const { upn } = jwt\r\n\r\n    // If user is dummy user, return dummyBaseURL.\r\n    if (upn === '1902pf@foa2test.dk' || upn === '5017zz@mitfoa.dk') {\r\n        return dummyBaseURL\r\n    }\r\n    return baseURL\r\n}\r\n\r\nconst axiosWithAuth = axios.create({\r\n    baseURL: getBaseURL(),\r\n})\r\n\r\nexport const doRefreshToken = async (userData: IUserData): Promise<void> => {\r\n    axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'\r\n\r\n    try {\r\n        const response = await axios.post(\r\n            `${oidcSettings.authority}/oauth2/token`,\r\n            qs.stringify({\r\n                grant_type: 'refresh_token',\r\n                redirect_uri: oidcSettings.redirect_uri,\r\n                client_id: oidcSettings.client_id,\r\n                refresh_token: userData.refresh_token,\r\n            })\r\n        )\r\n\r\n        const user: IUserData = response.data\r\n        const updatedUserDate = userData\r\n\r\n        updatedUserDate.access_token = user.access_token\r\n\r\n        localStorage.setItem('user_data', JSON.stringify(updatedUserDate))\r\n    } catch {\r\n        localStorage.clear()\r\n        window.location.href = '/'\r\n    }\r\n}\r\n\r\naxiosWithAuth.interceptors.request.use(\r\n    async (config) => {\r\n        const localUser = localStorage.getItem('user_data')\r\n        const isDummyUser = localStorage.getItem('isDummyUser')\r\n\r\n        if (isDummyUser) {\r\n            // Sett axios base url to dummy url\r\n            // eslint-disable-next-line no-param-reassign\r\n            // config.baseURL = dummyBaseURL\r\n        }\r\n        const user: IUserData = JSON.parse(localUser)\r\n        // eslint-disable-next-line no-param-reassign\r\n        config.headers = {\r\n            Authorization: `Bearer ${user.access_token}`,\r\n        }\r\n\r\n        return config\r\n    },\r\n    (error) => {\r\n        Promise.reject(error)\r\n    }\r\n)\r\n\r\naxiosWithAuth.interceptors.response.use(\r\n    (response) => {\r\n        return response\r\n    },\r\n    (error) => {\r\n        if (error.response.status === 401) {\r\n            // try refresh token.\r\n            const localUser = localStorage.getItem('user_data')\r\n            const user: IUserData = JSON.parse(localUser)\r\n\r\n            if (user.access_token && user.refresh_token) {\r\n                doRefreshToken(user)\r\n            } else {\r\n                localStorage.clear()\r\n                window.location.href = '/'\r\n            }\r\n        }\r\n        throw error\r\n    }\r\n)\r\n\r\nconst axiosWithImitator = axiosWithAuth\r\n\r\naxiosWithImitator.interceptors.request.use(\r\n    async (config) => {\r\n        const profile = localStorage.getItem('profile_data')\r\n        const user: AuthProfile = JSON.parse(profile)\r\n        const isDummyUser = localStorage.getItem('isDummyUser')\r\n\r\n        // if (isDummyUser) {\r\n        //     // Set axios base url to dummy url\r\n        //     // eslint-disable-next-line no-param-reassign\r\n        // }\r\n        // config.baseURL = dummyBaseURL\r\n\r\n        if (\r\n            user &&\r\n            user.isImitator &&\r\n            user.apiProfile &&\r\n            user.apiProfile.myProfileId\r\n        ) {\r\n            if (config.params) {\r\n                // eslint-disable-next-line no-param-reassign\r\n                config.params['request.imiteretBrugerMedlemIdent'] =\r\n                    user.apiProfile.myProfileId\r\n            } else {\r\n                // eslint-disable-next-line no-param-reassign\r\n                config.params = {\r\n                    'request.imiteretBrugerMedlemIdent':\r\n                        user.apiProfile.myProfileId,\r\n                }\r\n            }\r\n        }\r\n\r\n        return config\r\n    },\r\n    (error) => {\r\n        Promise.reject(error)\r\n    }\r\n)\r\n\r\n// Response interceptor for API calls\r\n// axiosApiInstance.interceptors.response.use(\r\n//     (response) => {\r\n//         return response\r\n//     },\r\n//     async function (error) {\r\n//         const originalRequest = error.config\r\n//         const localUser = localStorage.getItem('user_data')\r\n//         const user: IUserData = JSON.parse(localUser)\r\n//         if (error.response.status === 403 && !originalRequest._retry) {\r\n//             // originalRequest._retry = true\r\n//             // const access_token = await refreshAccessToken()\r\n//             // axios.defaults.headers.common.Authorization =\r\n// `Bearer ${access_token}`\r\n//             return axiosApiInstance(originalRequest)\r\n//         }\r\n//         return Promise.reject(error)\r\n//     }\r\n// )\r\n\r\naxiosWithAuth.interceptors.request.use(\r\n    async (config) => {\r\n        const newConfig = config\r\n        // Dynamically get the baseURL on every request\r\n        const currentBaseURL = getBaseURL()\r\n        if (newConfig.baseURL !== currentBaseURL) {\r\n            newConfig.baseURL = currentBaseURL\r\n        }\r\n\r\n        // Retrieve user data for Authorization header\r\n        const localUser = localStorage.getItem('user_data')\r\n        if (localUser) {\r\n            const user: IUserData = JSON.parse(localUser)\r\n            newConfig.headers = {\r\n                ...config.headers,\r\n                Authorization: `Bearer ${user.access_token}`,\r\n            }\r\n        }\r\n\r\n        return newConfig\r\n    },\r\n    (error) => {\r\n        return Promise.reject(error)\r\n    }\r\n)\r\n\r\nexport { axiosWithAuth, axiosWithImitator }\r\n","export type TypeOfRepresentativeData = {\r\n    ErAktiv: boolean\r\n    KortNavn: string\r\n    Navn: string\r\n    Sorteringsorden: number\r\n    Type: string\r\n    Genvalgsdato: string\r\n    VisLangtNavnIOversigt: boolean\r\n    SupplererMedlemsidentList: []\r\n    SuppleresAfHvervsType: string\r\n    SuppleresHvervsType: string\r\n}\r\n\r\nexport class TypeOfRepresentative {\r\n    isActive = true\r\n\r\n    name = ''\r\n\r\n    shortName = ''\r\n\r\n    sort = 0\r\n\r\n    type = ''\r\n\r\n    showLongName = true\r\n\r\n    electedDate = ''\r\n\r\n    alternateRepresentativeList = [] || undefined\r\n\r\n    supplementedOfDutyType: string | undefined\r\n\r\n    static build(data: TypeOfRepresentativeData): TypeOfRepresentative {\r\n        const pos = new TypeOfRepresentative()\r\n\r\n        pos.isActive = data.ErAktiv\r\n        pos.shortName = data.KortNavn\r\n        pos.name = data.Navn\r\n        pos.sort = data.Sorteringsorden\r\n        pos.type = data.Type\r\n        pos.showLongName = data.VisLangtNavnIOversigt\r\n        pos.electedDate = data.Genvalgsdato\r\n        pos.alternateRepresentativeList = data.SupplererMedlemsidentList\r\n        pos.supplementedOfDutyType =\r\n            data.SuppleresAfHvervsType || data.SuppleresHvervsType || undefined\r\n\r\n        return pos\r\n    }\r\n}\r\n\r\nexport function mapTypeOfRepresentatives(\r\n    data: TypeOfRepresentativeData[]\r\n): TypeOfRepresentative[] {\r\n    return data && data.map((pos) => TypeOfRepresentative.build(pos))\r\n}\r\n","export type IAddressData = {\r\n    Adresselinie1: string\r\n    Adresselinie2: string\r\n    Adresselinie3: string\r\n    Postdistrikt: string\r\n    Postnummer: string\r\n}\r\n\r\nexport class Address {\r\n    id = 0\r\n\r\n    addressLine1 = ''\r\n\r\n    addressLine2 = ''\r\n\r\n    addressLine3 = ''\r\n\r\n    postDistrict = ''\r\n\r\n    postNumber = ''\r\n\r\n    static build(data: IAddressData): Address {\r\n        const address = new Address()\r\n\r\n        address.addressLine1 = data && data.Adresselinie1\r\n        address.addressLine2 = data && data.Adresselinie2\r\n        address.addressLine3 = data && data.Adresselinie3\r\n        address.postDistrict = data && data.Postdistrikt\r\n        address.postNumber = data && data.Postnummer\r\n\r\n        return address\r\n    }\r\n}\r\n","export interface IGroupData {\r\n    Nummer: number\r\n    Navn: string\r\n}\r\n\r\nexport class Group {\r\n    id = 0\r\n\r\n    name = ''\r\n\r\n    static build(data: IGroupData): Group {\r\n        const group = new Group()\r\n\r\n        group.id = data.Nummer\r\n        group.name = data.Navn\r\n\r\n        return group\r\n    }\r\n}\r\n\r\nexport function mapGroups(data: IGroupData[]): Group[] {\r\n    return data.map((group) => Group.build(group))\r\n}\r\n","import { Group } from './Group'\r\n\r\nexport type IPositionData = {\r\n    Faggruppe: {\r\n        Sektor: {\r\n            Kode: string\r\n            Navn: string\r\n        }\r\n        Nummer: number\r\n        Navn: string\r\n    }\r\n    Navn: string\r\n    Nummer: number\r\n    Arbejdsstedsnumre: number[]\r\n}\r\n\r\nexport class Position {\r\n    id = 0\r\n\r\n    name = ''\r\n\r\n    group: Group = new Group()\r\n\r\n    number: number\r\n\r\n    numbers: number[] = []\r\n\r\n    static build(data: IPositionData): Position {\r\n        const department = new Position()\r\n\r\n        department.id = data.Nummer\r\n        department.name = data.Navn\r\n        department.group = Group.build(data.Faggruppe)\r\n        department.number = data.Nummer\r\n        department.numbers = data.Arbejdsstedsnumre\r\n\r\n        return department\r\n    }\r\n}\r\n\r\nexport function mapPositions(data: IPositionData[]): Position[] {\r\n    return data.map((position) => Position.build(position))\r\n}\r\n","import { IWorkplaceData, Workplace } from './Workplace'\r\n\r\nexport type IContactData = {\r\n    Email: string\r\n    ErTelefonerHemmelige: boolean\r\n    KontaktoplysningerType: string\r\n    Telefon: string\r\n    TelefonVis: string\r\n    Mobil: string\r\n    MobilVis: string\r\n    KontaktoplysningerForArbejdssted: IWorkplaceData\r\n}\r\n\r\nexport class Contact {\r\n    id = 0\r\n\r\n    name = ''\r\n\r\n    email = ''\r\n\r\n    telephone = ''\r\n\r\n    telephoneShow = ''\r\n\r\n    mobile = ''\r\n\r\n    mobileShow = ''\r\n\r\n    isTelefonPrivate = false\r\n\r\n    contactInfoType = ''\r\n\r\n    numbers: number[] = []\r\n\r\n    // Should refactor Workplace to get only Workplace's contact?\r\n    workPlacesContact: Workplace | undefined = undefined\r\n\r\n    static build(data: IContactData): Contact {\r\n        const contact = new Contact()\r\n\r\n        contact.email = data.Email\r\n        contact.isTelefonPrivate = data.ErTelefonerHemmelige\r\n        contact.contactInfoType = data.KontaktoplysningerType\r\n        contact.telephone = data.Telefon\r\n        contact.telephoneShow = data.TelefonVis\r\n        contact.mobile = data.Mobil\r\n        contact.mobileShow = data.MobilVis\r\n        contact.workPlacesContact = data.KontaktoplysningerForArbejdssted\r\n            ? Workplace.build(data.KontaktoplysningerForArbejdssted)\r\n            : undefined\r\n\r\n        return contact\r\n    }\r\n}\r\n\r\nexport function mapContacts(data: IContactData[]): Contact[] {\r\n    return data.map((contact) => Contact.build(contact))\r\n}\r\n","import {\r\n    mapTypeOfRepresentatives,\r\n    TypeOfRepresentative,\r\n    TypeOfRepresentativeData,\r\n} from './TypeOfRepresentative'\r\nimport { IAddressData, Address } from './Address'\r\nimport { IPositionData, mapPositions, Position } from './Position'\r\nimport { Contact } from './Contact'\r\n\r\nexport type ITRhvervMedlemLists = {\r\n    AntalIalt: number\r\n    KortNavn: string\r\n    Medlemsidenter: number[]\r\n    Navn: string\r\n    Sorteringsorden: number\r\n    Type: string\r\n}\r\n\r\nexport type IWorkplaceData = {\r\n    Navn: string\r\n    ErPrimaertArbejdssted: boolean\r\n    ArbejdsstedType: string | null\r\n    Nummer: number\r\n    OKGruppe: string | null\r\n    Stillingsnummer: string\r\n    Tillidshverv: TypeOfRepresentativeData[]\r\n    Adresse: IAddressData\r\n    Timetal: number\r\n    Stillinger: IPositionData[]\r\n    AntalNoter: number\r\n    TRTillidshvervMedlemLister: ITRhvervMedlemLists[]\r\n}\r\n\r\nconst getNumberOfMembers = (workPlace: Workplace): number => {\r\n    let numberOfMembers = []\r\n\r\n    workPlace.trMemberList.forEach((item) => {\r\n        numberOfMembers = [...numberOfMembers, ...item.Medlemsidenter]\r\n    })\r\n\r\n    return Array.from(new Set(numberOfMembers)).length\r\n}\r\n\r\nexport class Workplace {\r\n    name = ''\r\n\r\n    isPrimaryWorkplace = false\r\n\r\n    type: string | null = null\r\n\r\n    okGroup: string | null = null\r\n\r\n    number = 0\r\n\r\n    postionNumber = ''\r\n\r\n    typeOfRepresentatives: TypeOfRepresentative[] = []\r\n\r\n    address: Address | undefined\r\n\r\n    hoursPerWeek = 0\r\n\r\n    positions: Position[]\r\n\r\n    contact: Contact | undefined\r\n\r\n    numberOfNotes = 0\r\n\r\n    trMemberList: ITRhvervMedlemLists[] = []\r\n\r\n    numberOfMembers = 0\r\n\r\n    // Searchables.\r\n    searchable_name = ''\r\n\r\n    searchable_address = ''\r\n\r\n    public static build = (data: IWorkplaceData): Workplace => {\r\n        const workPlace = new Workplace()\r\n\r\n        workPlace.name = data.Navn || ''\r\n        workPlace.address = data.Adresse && Address.build(data.Adresse)\r\n        workPlace.isPrimaryWorkplace = data.ErPrimaertArbejdssted\r\n        workPlace.type = data.ArbejdsstedType\r\n        workPlace.number = data.Nummer\r\n        workPlace.okGroup = data.OKGruppe\r\n        workPlace.postionNumber = data.Stillingsnummer\r\n        workPlace.hoursPerWeek = data.Timetal || 0\r\n        workPlace.typeOfRepresentatives = mapTypeOfRepresentatives(\r\n            data.Tillidshverv\r\n        )\r\n\r\n        if (data.Stillinger) {\r\n            workPlace.positions = mapPositions(data.Stillinger)\r\n        }\r\n\r\n        workPlace.numberOfNotes = data.AntalNoter || 0\r\n\r\n        workPlace.trMemberList = data.TRTillidshvervMedlemLister || []\r\n\r\n        if (workPlace.trMemberList && workPlace.trMemberList.length) {\r\n            workPlace.numberOfMembers = getNumberOfMembers(workPlace)\r\n        }\r\n\r\n        /**\r\n         * Searchables.\r\n         */\r\n\r\n        workPlace.searchable_name = workPlace.name\r\n\r\n        workPlace.searchable_address = workPlace.address\r\n            ? `${workPlace.address.addressLine1} ${workPlace.address.postDistrict} ${workPlace.address.postNumber}`\r\n            : ''\r\n\r\n        return workPlace\r\n    }\r\n}\r\n\r\nexport function mapWorkplaces(data: IWorkplaceData[]): Workplace[] {\r\n    return data && data.map((workplace) => Workplace.build(workplace))\r\n}\r\n\r\nexport function attachContactInfo(workPlace: Workplace, data: any): Workplace {\r\n    const wp = { ...workPlace }\r\n    const found = data.KontaktoplysningerList.find((item) => {\r\n        return (\r\n            item.KontaktoplysningerForArbejdssted !== null &&\r\n            item.KontaktoplysningerForArbejdssted.Nummer === workPlace.number\r\n        )\r\n    })\r\n\r\n    if (found) {\r\n        wp.contact = Contact.build(found)\r\n    }\r\n\r\n    return wp\r\n}\r\n","export interface Idata {\r\n    Nummer: string\r\n    Navn: string\r\n    Indmeldelsesdato: string\r\n}\r\n\r\nexport class Department {\r\n    id = ''\r\n\r\n    name = ''\r\n\r\n    registrationDate: Date | undefined = undefined\r\n\r\n    static build(data: Idata): Department {\r\n        const department = new Department()\r\n\r\n        department.id = data.Nummer\r\n        department.name = data.Navn\r\n        department.registrationDate = data.Indmeldelsesdato\r\n            ? new Date(data.Indmeldelsesdato)\r\n            : undefined\r\n\r\n        return department\r\n    }\r\n}\r\n\r\nexport function mapDepartments(data: Idata[]): Department[] {\r\n    return data.map((department) => Department.build(department))\r\n}\r\n","export const formatDate = (date: Date): string => {\r\n    if (!date) return null\r\n\r\n    return `${`0${date.getDate()}`.slice(-2)}.${`0${date.getMonth() + 1}`.slice(\r\n        -2\r\n    )}.${date.getFullYear()}`\r\n}\r\n\r\nexport const formatPhoneNumber = (\r\n    number: string,\r\n    defaultGapSize = 2\r\n): string => {\r\n    let result = ''\r\n    let cloned = number\r\n\r\n    // Desired distance between spaces\r\n    const gap_size = defaultGapSize\r\n\r\n    while (cloned.length > 0) {\r\n        // Loop through string\r\n        result = `${result} ${cloned.substring(0, gap_size)}` // Insert space character\r\n        cloned = cloned.substring(gap_size) // Trim String\r\n    }\r\n\r\n    return result\r\n}\r\n","import {\r\n    attachContactInfo,\r\n    IWorkplaceData,\r\n    mapWorkplaces,\r\n    Workplace,\r\n} from './Workplace'\r\nimport { IPositionData, mapPositions, Position } from './Position'\r\nimport {\r\n    mapTypeOfRepresentatives,\r\n    TypeOfRepresentative,\r\n    TypeOfRepresentativeData,\r\n} from './TypeOfRepresentative'\r\nimport { Department } from './Department'\r\nimport { Contact, IContactData, mapContacts } from './Contact'\r\nimport { formatDate } from '../utils/format'\r\n\r\nexport type FunctionField = 'Ret' | 'Slet' | 'IngenRettelse'\r\n\r\nexport type IMemberData = {\r\n    Arbejdssteder: IWorkplaceData[]\r\n    ErFavorit: boolean\r\n    AntalNoter: number\r\n    OpdaterStatus: string\r\n    Stillinger: IPositionData[]\r\n    Medlemsident: number\r\n    Medlemsnummer: string\r\n    Fornavn: string\r\n    Efternavn: string\r\n    FuldeNavn: string\r\n    Tillidshverv: TypeOfRepresentativeData[]\r\n    ErEgetMedlem: boolean\r\n    Alder: number\r\n    Afdeling: {\r\n        Navn: string\r\n        Nummer: string\r\n        Indmeldelsesdato: string\r\n    }\r\n    ProfilBillede: { Content: string; MimeType: string }\r\n    KontaktoplysningerList: IContactData[]\r\n    FoedselsDato: string\r\n}\r\n\r\nexport type IUpdateMemberData = {\r\n    KontaktPrivat?: {\r\n        Fastnet?: string\r\n        Mobil?: string\r\n        Email?: string\r\n        OpdaterFunktionFastnet?: FunctionField\r\n        OpdaterFunktionMobil?: FunctionField\r\n        OpdaterFunktionEmail?: FunctionField\r\n    }\r\n    KontaktArbejde?: {\r\n        Telefon?: string\r\n        Email?: string\r\n        OpdaterFunktionTelefon?: FunctionField\r\n        OpdaterFunktionEmail?: FunctionField\r\n    }\r\n    Stillingsnummer?: string\r\n    Timetal?: number\r\n    Aendringsdato?: string\r\n    OevrigeOplysninger?: string\r\n    Arbejdsstednummer?: number\r\n    Medlemsident: number\r\n}\r\n\r\nexport type ICancelWorkplace = {\r\n    Aendringsdato?: string\r\n    OevrigeOplysninger?: string\r\n    Arbejdsstednummer?: number\r\n    Medlemsident: number\r\n}\r\n\r\nexport function findPrimaryWorkPlace(member: Member): Workplace {\r\n    if (member.allWorkPlaces.length > 1) {\r\n        const found = member.allWorkPlaces.find(\r\n            (wordPlace) => wordPlace.isPrimaryWorkplace\r\n        )\r\n\r\n        if (found) {\r\n            return found\r\n        }\r\n    }\r\n\r\n    return member.allWorkPlaces[0]\r\n}\r\n\r\nexport function findMyWorkplaces(member: Member): Workplace[] {\r\n    let workPlaces: Workplace[] = []\r\n\r\n    // eslint-disable-next-line no-restricted-syntax\r\n    for (const position of member.positions) {\r\n        const wpNumbers = position.numbers\r\n\r\n        // eslint-disable-next-line guard-for-in\r\n        // eslint-disable-next-line no-restricted-syntax\r\n        for (const wpNumber of wpNumbers) {\r\n            const wp = member.allWorkPlaces.find((w) => +w.number === +wpNumber)\r\n            workPlaces = [...workPlaces, ...[wp]]\r\n        }\r\n    }\r\n\r\n    return workPlaces\r\n}\r\n\r\nexport class Member {\r\n    workPlaces: Workplace[] = []\r\n\r\n    allWorkPlaces: Workplace[] = []\r\n\r\n    isFavorite = false\r\n\r\n    numberOfNotes = 0\r\n\r\n    status = ''\r\n\r\n    memberId = 0\r\n\r\n    firstName = ''\r\n\r\n    lastName = ''\r\n\r\n    fullName = ''\r\n\r\n    memberNumber = ''\r\n\r\n    birthday: Date | undefined = undefined\r\n\r\n    age: number | undefined = undefined\r\n\r\n    positions: Position[] = []\r\n\r\n    typeOfRepresentatives: TypeOfRepresentative[] = []\r\n\r\n    isOwnMember = false\r\n\r\n    department: Department | undefined = null\r\n\r\n    primaryWorkPlace: Workplace | undefined = undefined\r\n\r\n    profilePicture = {\r\n        content: '',\r\n        mimeType: '',\r\n    }\r\n\r\n    contactInfoList: Contact[] = []\r\n\r\n    privateContact: Contact | undefined = undefined\r\n\r\n    workContact: Contact | undefined = undefined\r\n\r\n    membershipInfo = {\r\n        date: '',\r\n        name: '',\r\n        number: '',\r\n    }\r\n\r\n    // Searchables.\r\n    searchable_fullName = ''\r\n\r\n    searchable_workPlace = ''\r\n\r\n    searchable_birthDay = ''\r\n\r\n    searchable_age: number | undefined = undefined\r\n\r\n    public static build = (data: IMemberData): Member => {\r\n        const member = new Member()\r\n\r\n        member.allWorkPlaces = mapWorkplaces(data.Arbejdssteder)\r\n        member.isFavorite =\r\n            data.ErFavorit !== undefined ? data.ErFavorit : false\r\n        member.numberOfNotes = data.AntalNoter\r\n        member.status = data.OpdaterStatus\r\n        member.positions = data.Stillinger ? mapPositions(data.Stillinger) : []\r\n        member.memberId = data.Medlemsident\r\n        member.memberNumber = data.Medlemsnummer\r\n        member.firstName = data.Fornavn\r\n        member.lastName = data.Efternavn\r\n        member.fullName = data.FuldeNavn\r\n        member.membershipInfo.date = data.Afdeling?.Indmeldelsesdato\r\n        member.membershipInfo.name = data.Afdeling?.Navn\r\n        member.membershipInfo.number = data.Afdeling?.Nummer\r\n        member.department = data.Afdeling\r\n            ? Department.build(data.Afdeling)\r\n            : undefined\r\n        member.isOwnMember =\r\n            data.ErEgetMedlem !== undefined ? data.ErEgetMedlem : false\r\n        member.typeOfRepresentatives = data.Tillidshverv\r\n            ? mapTypeOfRepresentatives(data.Tillidshverv)\r\n            : []\r\n\r\n        // member.primaryWorkPlace = findPrimaryWorkPlace(member)\r\n\r\n        member.profilePicture.content = data.ProfilBillede?.Content\r\n\r\n        member.age = data.Alder\r\n\r\n        member.contactInfoList = data.KontaktoplysningerList\r\n            ? mapContacts(data.KontaktoplysningerList)\r\n            : []\r\n\r\n        // Map Contacts.\r\n        member.privateContact = member.contactInfoList.find(\r\n            (c) => c.contactInfoType === 'Privat'\r\n        )\r\n\r\n        member.workContact = member.contactInfoList.find(\r\n            (c) => c.contactInfoType === 'Arbejde'\r\n        )\r\n\r\n        member.birthday = data.FoedselsDato\r\n            ? new Date(data.FoedselsDato)\r\n            : undefined\r\n\r\n        member.workPlaces = findMyWorkplaces(member)\r\n\r\n        // member.workPlaces.forEach((entry, index) => {\r\n        //     member.workPlaces[index] = attachContactInfo(entry, data)\r\n        // })\r\n        member.primaryWorkPlace = findPrimaryWorkPlace(member)\r\n        // member.primaryWorkPlace = attachContactInfo(\r\n        //     member.primaryWorkPlace,\r\n        //     data\r\n        // )\r\n\r\n        if (member.primaryWorkPlace) {\r\n            member.searchable_workPlace = member.primaryWorkPlace.name\r\n        }\r\n\r\n        /**\r\n         * Searchables.\r\n         */\r\n        if (member.primaryWorkPlace) {\r\n            member.searchable_workPlace = member.primaryWorkPlace.name\r\n        }\r\n\r\n        member.searchable_fullName = member.fullName\r\n\r\n        member.searchable_age = data.Alder\r\n\r\n        const birthday = data.FoedselsDato\r\n            ? new Date(data.FoedselsDato)\r\n            : undefined\r\n\r\n        if (birthday) {\r\n            member.searchable_birthDay = formatDate(birthday)\r\n        }\r\n\r\n        return member\r\n    }\r\n}\r\n\r\nexport function mapMembers(data: IMemberData[]): Member[] {\r\n    return data.map((member) => Member.build(member))\r\n}\r\n","/* eslint-disable no-restricted-syntax */\r\nimport { IWorkplaceData, mapWorkplaces, Workplace } from './Workplace'\r\nimport { IPositionData, mapPositions, Position } from './Position'\r\nimport { IContactData, mapContacts, Contact } from './Contact'\r\nimport {\r\n    mapTypeOfRepresentatives,\r\n    TypeOfRepresentative,\r\n    TypeOfRepresentativeData,\r\n} from './TypeOfRepresentative'\r\nimport { IMemberData, mapMembers, Member } from './Member'\r\n\r\nexport type IProfileData = {\r\n    Arbejdssteder: IWorkplaceData[]\r\n    ErFavorit: boolean\r\n    AntalNoter: number\r\n    TotalAntalKollegaerBrugerDaekker: number\r\n    AntalFoaMedlemmerBrugerDaekker: number\r\n    OpdaterStatus: string\r\n    Stillinger: IPositionData[]\r\n    Medlemsident: number\r\n    Fornavn: string\r\n    Efternavn: string\r\n    FuldeNavn: string\r\n    FoedselsDato: string\r\n    Alder: number\r\n    Medlemsnummer: number\r\n    Afdeling: { Indmeldelsesdato: string; Navn: string; Nummer: string }\r\n    ProfilBillede: { Content: string; MimeType: string }\r\n    Tillidshverv: TypeOfRepresentativeData[]\r\n    KontaktoplysningerList: IContactData[]\r\n    TillidhvervMedlemmerSuppleantForBruger: IMemberData[]\r\n    BrugerSuppleantForTillidshvervMedlemmer: IMemberData[]\r\n}\r\n\r\nexport function findPrimaryWorkPlace(member: Profile): Workplace {\r\n    if (member.allWorkPlaces.length > 1) {\r\n        const found = member.allWorkPlaces.find(\r\n            (wordPlace) => wordPlace.isPrimaryWorkplace\r\n        )\r\n        if (found) {\r\n            return found\r\n        }\r\n    }\r\n    return member.workPlaces[0]\r\n}\r\n\r\nexport function findMyWorkplaces(member: Profile): Workplace[] {\r\n    let workPlaces: Workplace[] = []\r\n\r\n    // eslint-disable-next-line no-restricted-syntax\r\n    for (const position of member.positions) {\r\n        const wpNumbers = position.numbers\r\n\r\n        // eslint-disable-next-line guard-for-in\r\n        for (const wpNumber of wpNumbers) {\r\n            const wp = member.allWorkPlaces.find((w) => +w.number === +wpNumber)\r\n            workPlaces = [...workPlaces, ...[wp]]\r\n        }\r\n    }\r\n\r\n    return workPlaces\r\n}\r\n\r\nexport class Profile {\r\n    workPlaces: Workplace[] = []\r\n\r\n    allWorkPlaces: Workplace[] = []\r\n\r\n    isFavorite = false\r\n\r\n    numberOfNotes = 0\r\n\r\n    status = ''\r\n\r\n    myProfileId = 0\r\n\r\n    firstName = ''\r\n\r\n    lastName = ''\r\n\r\n    fullName = ''\r\n\r\n    roles: string[] = []\r\n\r\n    personalInfo = {\r\n        birthdate: '',\r\n        age: 0,\r\n    }\r\n\r\n    membershipInfo = {\r\n        date: '',\r\n        name: '',\r\n        number: '',\r\n    }\r\n\r\n    profilePicture = {\r\n        content: '',\r\n        mimeType: '',\r\n    }\r\n\r\n    memberNumber = 0\r\n\r\n    totalNumberOfPeopleUserCovers = 0\r\n\r\n    numberFoaMemberUserCovers = 0\r\n\r\n    positions: Position[] = []\r\n\r\n    typeOfRepresentatives: TypeOfRepresentative[] = []\r\n\r\n    contactInfoList: Contact[] = []\r\n\r\n    primaryWorkPlace: Workplace | undefined = undefined\r\n\r\n    privateContact: Contact | undefined = undefined\r\n\r\n    workContact: Contact | undefined = undefined\r\n\r\n    trForSelf: Member[] | undefined\r\n\r\n    trForOthers: Member[] | undefined\r\n\r\n    public static build = (data: IProfileData): Profile => {\r\n        const myProfile = new Profile()\r\n\r\n        myProfile.allWorkPlaces = mapWorkplaces(data.Arbejdssteder)\r\n        myProfile.isFavorite = data.ErFavorit\r\n        myProfile.numberOfNotes = data.AntalNoter\r\n        myProfile.status = data.OpdaterStatus\r\n        myProfile.positions = mapPositions(data.Stillinger)\r\n        myProfile.myProfileId = data.Medlemsident\r\n        myProfile.firstName = data.Fornavn\r\n        myProfile.lastName = data.Efternavn\r\n        myProfile.fullName = data.FuldeNavn\r\n        myProfile.memberNumber = data.Medlemsnummer\r\n        myProfile.totalNumberOfPeopleUserCovers =\r\n            data.TotalAntalKollegaerBrugerDaekker\r\n        myProfile.numberFoaMemberUserCovers =\r\n            data.AntalFoaMedlemmerBrugerDaekker\r\n        myProfile.personalInfo.age = data.Alder\r\n        myProfile.personalInfo.birthdate = data.FoedselsDato\r\n        myProfile.profilePicture.content = data?.ProfilBillede?.Content\r\n        myProfile.profilePicture.mimeType = data?.ProfilBillede?.MimeType\r\n        myProfile.membershipInfo.date = data.Afdeling.Indmeldelsesdato\r\n        myProfile.membershipInfo.name = data.Afdeling.Navn\r\n        myProfile.membershipInfo.number = data.Afdeling.Nummer\r\n        myProfile.typeOfRepresentatives = mapTypeOfRepresentatives(\r\n            data.Tillidshverv\r\n        )\r\n        myProfile.contactInfoList = data.KontaktoplysningerList\r\n            ? mapContacts(data.KontaktoplysningerList)\r\n            : []\r\n\r\n        myProfile.workPlaces = findMyWorkplaces(myProfile)\r\n\r\n        myProfile.primaryWorkPlace = findPrimaryWorkPlace(myProfile)\r\n\r\n        // Map Contacts.\r\n        myProfile.privateContact = myProfile.contactInfoList.find(\r\n            (c) => c.contactInfoType === 'Privat'\r\n        )\r\n\r\n        myProfile.workContact = myProfile.contactInfoList.find(\r\n            (c) => c.contactInfoType === 'Arbejde'\r\n        )\r\n\r\n        myProfile.trForOthers = mapMembers(\r\n            data.BrugerSuppleantForTillidshvervMedlemmer\r\n        )\r\n\r\n        myProfile.trForSelf = mapMembers(\r\n            data.TillidhvervMedlemmerSuppleantForBruger\r\n        )\r\n\r\n        return myProfile\r\n    }\r\n}\r\n\r\nexport function mapProfiles(data: IProfileData[]): Profile[] {\r\n    return data && data.map((myProfile) => Profile.build(myProfile))\r\n}\r\n","import { atomWithQuery } from 'jotai/query'\r\nimport { atom } from 'jotai'\r\nimport { AxiosResponse } from 'axios'\r\nimport { axiosWithAuth, axiosWithImitator } from '../withAuth'\r\nimport { Profile } from '../../models/Profile'\r\nimport { IUpdateMyProfileData } from '../../components/modules/EditMyProfile'\r\n\r\ninterface keyValue {\r\n    [id: string]: string\r\n}\r\n\r\ninterface IAuthProfile {\r\n    Afdeling: {\r\n        Nummer: string\r\n        Navn: string\r\n    }\r\n    AlleTRTillidshvervTypeListe: number[]\r\n    BrugerMedlemsident: number\r\n    BrugerSagsbehandlerInitialer: null | string\r\n    Dagsdato: string\r\n    KanBestilleNoteRapport: boolean\r\n    ManglerTrKontaktoplysninger: boolean\r\n    MinVersionAndroid: null | string\r\n    MinVersionIOS: null | string\r\n    RolleListe: string[]\r\n    ServiceBesked: null | string\r\n    SkalVilkaarGodkendes: boolean\r\n}\r\n\r\nexport type AuthProfile = {\r\n    data?: IAuthProfile\r\n    isImitator: boolean\r\n    apiProfile?: Profile | undefined\r\n}\r\n\r\nconst initialValue: AuthProfile = {\r\n    data: undefined,\r\n    isImitator: false,\r\n    apiProfile: undefined,\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\nconst getProfile = async () => {\r\n    const response = await axiosWithAuth.get(`/profil/hentbrugeropstartdata`)\r\n\r\n    return response\r\n}\r\n\r\nconst getProfileSupportInfo = async (): Promise<AxiosResponse> => {\r\n    const response = await axiosWithAuth.get(\r\n        '/profil/hentsupportkontaktoplysninger'\r\n    )\r\n\r\n    return response\r\n}\r\n\r\nconst updateProfile = async (\r\n    values: IUpdateMyProfileData\r\n): Promise<AxiosResponse> => {\r\n    const response = await axiosWithAuth.post(\r\n        `/profil/opdaterbrugerprofil`,\r\n        values\r\n    )\r\n\r\n    return response\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\nconst getProfileByIdent = async (ident: number): Promise<any> => {\r\n    const response = axiosWithAuth.get(\r\n        `/profil/hentbrugerprofil?request.imiteretBrugerMedlemIdent=${ident}`\r\n    )\r\n\r\n    return response\r\n}\r\n\r\nconst getMemberForImitating = (\r\n    departmentNumber: string,\r\n    name: string\r\n): Promise<any> => {\r\n    return axiosWithAuth.get(\r\n        `/profil/soegtrtilimitering?request.afdelingsnummer=${departmentNumber}&request.fuldeNavn=${name}`\r\n    )\r\n}\r\n\r\nconst profileAtom = atom<AuthProfile>(initialValue)\r\n\r\nconst idAtom = atom(1)\r\n\r\nconst getProfileAtom = atomWithQuery((get) => ({\r\n    queryKey: ['myProfile', get(idAtom)],\r\n    queryFn: async ({ queryKey: [,] }) => {\r\n        const response = await axiosWithAuth.get(`/profil/hentbrugerprofil`)\r\n        const { data } = response\r\n        return Profile.build(data)\r\n    },\r\n}))\r\n\r\nexport {\r\n    profileAtom,\r\n    getProfile,\r\n    getProfileAtom,\r\n    getProfileByIdent,\r\n    getMemberForImitating,\r\n    updateProfile,\r\n    getProfileSupportInfo,\r\n}\r\n","export const colors = {\r\n    green: '#297A71',\r\n    white: 'rgba(255, 255, 255)',\r\n    gray: '#E5E5E5',\r\n    black: 'rgba(0, 0, 0)',\r\n    borderColorLight: 'rgba(0, 0, 0, .1)',\r\n    borderColor: 'rgba(0, 0, 0, 0.2)',\r\n    labelColor: 'rgba(0, 0, 0, 0.4)',\r\n\r\n    green200: 'rgba(41, 122 , 113, .1)', // #297A71 , opacity: .1\r\n    green400: 'rgba(41, 122 , 113, .3)', // #297A71 , opacity: .3\r\n    green500: 'rgb(41, 122 ,113)', // #297A71\r\n    green600: 'rgb(24, 90, 81)', // #185A51\r\n\r\n    red100: 'rgba(166, 25, 46, .1)',\r\n    red500: 'rgb(166, 25, 46)',\r\n    red600: 'rgb(140, 21, 61)',\r\n\r\n    orange500: 'rgb(220, 107, 47)',\r\n    orange600: 'rgba(220, 93, 47)',\r\n\r\n    gray500: 'rgba(0, 0, 0, .05)',\r\n    gray600: 'rgba(0, 0, 0, .1)',\r\n    gray700: 'rgba(0, 0, 0, 0.2)',\r\n    gray800: 'rgba(0, 0, 0, 0.4)',\r\n    gray900: 'rgba(86, 88, 90, 0.9)',\r\n\r\n    blue300: '#E9F4F3',\r\n\r\n    error: 'rgb(235, 52, 52)',\r\n    errorBg: 'rgb(235, 52, 52, .1)',\r\n}\r\n\r\nconst palette = {\r\n    colors,\r\n    link: {},\r\n    foreground: colors.green,\r\n    background: colors.gray,\r\n    navBackgroundColor: colors.white,\r\n    borderColor: colors.green,\r\n    backgroundOpaque: 'rgba(255,255,255,0.9)',\r\n    primary: '#464646', // Text\r\n    secondary: '#fff', // Text\r\n    buttonPrimary: colors.green,\r\n    creme: '#dccab8',\r\n    CTAhover: '#323232',\r\n}\r\n\r\nexport default palette\r\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgChevronDownFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 10 6\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <g opacity={0.8}>\n                <path\n                    fillRule=\"evenodd\"\n                    clipRule=\"evenodd\"\n                    d=\"m1 5 3.812-3.92a.263.263 0 0 1 .376 0L9 5\"\n                />\n                <path\n                    d=\"m1 5 3.812-3.92a.263.263 0 0 1 .376 0L9 5\"\n                    stroke=\"currentColor\"\n                    strokeWidth={1.5}\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                />\n            </g>\n        </svg>\n    )\n}\n\nSvgChevronDownFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgChevronDownFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgCloseSolid({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 14 14\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M.228 5.228a7 7 0 1 0 13.544 3.545A7 7 0 0 0 .228 5.228Zm9.326.37L8.066 7.086h.007l1.488 1.488a.698.698 0 1 1-.987.987L7.086 8.073 5.6 9.561a.698.698 0 1 1-.987-.987l1.487-1.488L4.612 5.6a.698.698 0 1 1 .987-.987l1.487 1.487 1.481-1.486a.697.697 0 1 1 .987.985Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nSvgCloseSolid.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgCloseSolid\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgHeart({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 140 128\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"M69.91 127.12c-1 0-2-.31-2.85-.93C64.35 124.22.64 77.47.64 40.71.64 16.89 17.13 2.47 33.41.54c12.13-1.46 27.58 3.84 36.5 21.79C78.83 4.37 94.3-.95 106.41.54c16.28 1.93 32.77 16.35 32.77 40.17 0 36.76-63.71 83.51-66.42 85.48-.85.62-1.85.93-2.85.93ZM37.35 9.99c-.95 0-1.88.06-2.79.17-12.04 1.43-24.23 12.38-24.23 30.56 0 25.09 40.61 61.13 59.59 75.53 18.97-14.4 59.59-50.44 59.59-75.53 0-18.17-12.19-29.13-24.23-30.56-11.3-1.34-25.25 5.24-30.65 27.69a4.844 4.844 0 0 1-9.42 0C60.25 17.22 48.05 9.99 37.35 9.99Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nSvgHeart.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgHeart\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgPersonSearch({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 32 32\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"M14.647 16.293a.667.667 0 0 0-.198-.993 9.844 9.844 0 0 0-4.836-1.293 10.063 10.063 0 0 0-9.585 7.147.667.667 0 0 0 .639.858h11.362a.667.667 0 0 0 .667-.622 9.273 9.273 0 0 1 1.951-5.098Z\" />\n            <circle cx={9.338} cy={6.337} r={6.337} />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M28.2 25.944a.334.334 0 0 0 .045.415l3.38 3.38a1.334 1.334 0 0 1-1.886 1.887l-3.38-3.38a.334.334 0 0 0-.415-.046 7.349 7.349 0 1 1 2.256-2.256Zm-1.52-3.933a4.669 4.669 0 1 0-9.338 0 4.669 4.669 0 0 0 9.338 0Z\"\n            />\n        </svg>\n    )\n}\n\nSvgPersonSearch.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgPersonSearch\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgAddContact({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"M21.535 20.135c4.121 0 7.456-3.385 7.456-7.567C28.991 8.385 25.656 5 21.535 5c-4.12 0-7.456 3.385-7.456 7.568 0 4.182 3.335 7.567 7.456 7.567Z\"\n                fill=\"#297A71\"\n            />\n            <path\n                d=\"M21.534 7.162c2.936 0 5.326 2.426 5.326 5.406 0 2.98-2.39 5.405-5.326 5.405-2.936 0-5.326-2.426-5.326-5.405 0-2.98 2.39-5.406 5.326-5.406Z\"\n                fill=\"#297A71\"\n            />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M28.458 21.647a4.49 4.49 0 0 0-.37 1.788v3.687h-3.686l-.22.007-.167.011-.22.023a4.507 4.507 0 0 0-3.9 4.465l.009.275a4.501 4.501 0 0 0 1.842 3.367h-9.798c-1.764 0-3.195-1.453-3.195-3.244V29c0-1.608.48-3.101 1.305-4.344 1.378-2.075 3.728-3.17 6.144-3.17 1.073 0 1.757.19 2.465.385.759.21 1.545.427 2.868.427s2.109-.217 2.868-.427c.707-.195 1.391-.384 2.464-.384.537 0 1.07.054 1.59.16Zm2.991 1.343a1.225 1.225 0 0 0-.083.445v6.964h-6.964l-.167.012a1.23 1.23 0 0 0 .167 2.446h6.964v2.403a3.189 3.189 0 0 0 2.458-1.504v-.899h.387c.069-.265.106-.543.106-.83v-1.628h-.493v-4.15a7.795 7.795 0 0 0-.812-1.594 6.85 6.85 0 0 0-1.563-1.665Z\"\n                fill=\"#297A71\"\n            />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M28.089 23.778a5.787 5.787 0 0 0-1.222-.13c-.806 0-1.383.16-2.025.338-.806.223-1.714.474-3.308.474-1.591 0-2.5-.251-3.306-.474-.644-.177-1.223-.337-2.033-.337-1.817 0-3.455.831-4.373 2.216a5.673 5.673 0 0 0-.94 3.135v3.027c0 .595.48 1.081 1.066 1.081h8.196a4.492 4.492 0 0 1-.24-1.205l-.009-.274a4.507 4.507 0 0 1 3.9-4.466l.22-.022.167-.011.22-.008h3.687v-3.344Zm3.277 2.286c.532.88.813 1.894.813 2.936v3.027h.007c0 .51-.351.939-.82 1.052v-.221h-6.964a1.229 1.229 0 0 1-.167-2.447l.167-.011h6.964v-4.336Z\"\n                fill=\"#297A71\"\n            />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M33.813 23.268a1.23 1.23 0 0 0-2.447.167V30.4h-6.964l-.167.01a1.23 1.23 0 0 0 .167 2.448h6.964v6.964l.012.167a1.23 1.23 0 0 0 2.447-.167v-6.964h6.964l.167-.011a1.23 1.23 0 0 0-.167-2.447h-6.965v-6.965l-.01-.167Z\"\n                fill=\"#297A71\"\n            />\n            <path\n                d=\"M21.534 7.162c2.936 0 5.326 2.426 5.326 5.406 0 2.98-2.39 5.405-5.326 5.405-2.936 0-5.326-2.426-5.326-5.405 0-2.98 2.39-5.406 5.326-5.406Z\"\n                fill=\"#297A71\"\n            />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M28.089 23.779a5.787 5.787 0 0 0-1.222-.13c-.806 0-1.383.16-2.025.337-.806.223-1.714.474-3.308.474-1.591 0-2.5-.25-3.306-.473-.644-.178-1.223-.338-2.033-.338-1.817 0-3.455.831-4.373 2.217a5.673 5.673 0 0 0-.94 3.135v3.027c0 .594.48 1.08 1.066 1.08h8.196a4.492 4.492 0 0 1-.24-1.204l-.009-.275a4.507 4.507 0 0 1 3.9-4.465l.22-.023.167-.011.22-.007h3.687v-3.344Zm3.277 2.285c.532.881.813 1.895.813 2.937v3.027h.007c0 .509-.351.939-.82 1.052v-.222h-6.964a1.229 1.229 0 0 1-.167-2.447l.167-.011h6.964v-4.335Z\"\n                fill=\"#297A71\"\n            />\n        </svg>\n    )\n}\n\nSvgAddContact.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgAddContact\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgAftalearkiv({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 26 23\"\n            fill=\"none\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M20.24 9.508V.698A.69.69 0 0 0 19.558 0H6.62a.69.69 0 0 0-.682.698v8.81H20.24ZM2.422 11.851a2.907 2.907 0 0 1 2.3-2.296V6.132H2.568c-.894 0-1.621.744-1.621 1.659v11.453l1.475-7.393Zm19.663-3.608c.713 0 1.302.555 1.374 1.265h-2.004V8.243h.63Zm.963 13.229.42-2.102 1.526-7.656a.812.812 0 0 0-.218-.733.771.771 0 0 0-.551-.23H5.227c-.045 0-.09.002-.135.006-.03.002-.06.007-.09.01l-.015.003c-.008 0-.015.002-.023.003a1.595 1.595 0 0 0-.115.024l-.006.001a1.673 1.673 0 0 0-1.23 1.302l-1.744 8.733c-.197.99.543 1.917 1.531 1.917h18.117c.743 0 1.382-.534 1.53-1.278ZM18.492 7.224a.614.614 0 0 0-.608-.621H8.293a.614.614 0 0 0-.608.621c0 .343.272.621.608.621h9.591a.614.614 0 0 0 .608-.62Zm-.608-3.829c.336 0 .608.279.608.622a.614.614 0 0 1-.608.62H8.293a.614.614 0 0 1-.608-.62c0-.344.272-.622.608-.622h9.591Z\"\n                fill=\"#297A71\"\n            />\n        </svg>\n    )\n}\n\nSvgAftalearkiv.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgAftalearkiv\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgBookmarkFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"M11.97 5h23.874a1 1 0 0 1 1 1v34.018a1 1 0 0 1-1.581.814l-10.774-7.696a1 1 0 0 0-1.163 0l-10.774 7.696a1 1 0 0 1-1.58-.814L10.97 6a1 1 0 0 1 1-1Z\"\n                fill=\"#297A71\"\n            />\n        </svg>\n    )\n}\n\nSvgBookmarkFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgBookmarkFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgCalendar({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 36 40\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"M12 18H8v4h4v-4Zm8 0h-4v4h4v-4Zm8 0h-4v4h4v-4Zm4-14h-2V0h-4v4H10V0H6v4H4C1.78 4 .02 5.8.02 8L0 36c0 2.2 1.78 4 4 4h28c2.2 0 4-1.8 4-4V8c0-2.2-1.8-4-4-4Zm0 32H4V14h28v22Z\"\n                fill=\"#297A71\"\n            />\n        </svg>\n    )\n}\n\nSvgCalendar.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgCalendar\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgCheck({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"M38.54 14 21.268 34.257a2.33 2.33 0 0 1-3.78.063l-5.354-6.795\"\n                stroke=\"#297A71\"\n                strokeWidth={3}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    )\n}\n\nSvgCheck.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgCheck\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgCheckFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M38.84 17.532a6.35 6.35 0 0 1 4.121 5.949 6.35 6.35 0 0 1-4.122 5.948 6.352 6.352 0 0 1-8.41 8.41 6.35 6.35 0 0 1-5.948 4.123 6.36 6.36 0 0 1-5.949-4.123 6.348 6.348 0 0 1-7.118-1.292c-1.927-1.92-2.353-4.779-1.292-7.118A6.35 6.35 0 0 1 6 23.481a6.35 6.35 0 0 1 4.122-5.949 6.352 6.352 0 0 1 1.292-7.118c1.92-1.927 4.78-2.353 7.118-1.292A6.35 6.35 0 0 1 24.481 5a6.35 6.35 0 0 1 5.948 4.122 6.352 6.352 0 0 1 8.41 8.41Zm-5.71 1.455a1.5 1.5 0 1 0-2.26-1.974L21.833 27.36l-2.666-3.302a1.5 1.5 0 0 0-2.334 1.884l2.829 3.504a2.747 2.747 0 0 0 2.211 1.055 2.745 2.745 0 0 0 2.138-1.075l9.119-10.438Z\"\n                fill=\"#297A71\"\n            />\n        </svg>\n    )\n}\n\nSvgCheckFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgCheckFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgChevronLeft({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 14 25\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"m2.017 2.436 10.398 10.398M12.47 12.89 2.018 23.345\"\n                stroke=\"currentColor\"\n                strokeWidth={3}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    )\n}\n\nSvgChevronLeft.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgChevronLeft\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgChevronRight({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 15 25\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"M12.774 2.436 2.376 12.834M2.32 12.89l10.453 10.454\"\n                stroke=\"currentColor\"\n                strokeWidth={3}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    )\n}\n\nSvgChevronRight.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgChevronRight\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgClose({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"M13.44 14.436 34.35 35.344M34.35 14.436 13.44 35.344\"\n                stroke=\"currentColor\"\n                strokeWidth={3}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    )\n}\n\nSvgClose.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgClose\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgContactFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M38.376 9.57v27.99c0 2.523-2.084 4.57-4.654 4.57H13.359c-2.57 0-4.655-2.047-4.655-4.57v-2.285h2.618c1.444 0 2.619-1.154 2.619-2.57 0-1.418-1.175-2.571-2.619-2.571H8.704v-3.999h2.618c1.444 0 2.618-1.153 2.618-2.57 0-1.418-1.174-2.57-2.618-2.57H8.704v-4h2.618c1.444 0 2.618-1.153 2.618-2.57 0-1.417-1.174-2.57-2.618-2.57H8.704V9.57C8.704 7.046 10.788 5 13.36 5h20.363c2.57 0 4.654 2.046 4.654 4.57Zm-25.599 4.855c0-.789-.651-1.428-1.454-1.428h-2.91c-.803 0-1.454.64-1.454 1.428 0 .789.651 1.428 1.454 1.428h2.91c.803 0 1.454-.64 1.454-1.428Zm0 9.14c0 .789-.651 1.428-1.454 1.428h-2.91c-.803 0-1.454-.639-1.454-1.428 0-.789.651-1.428 1.454-1.428h2.91c.803 0 1.454.64 1.454 1.428Zm-1.454 7.711c.803 0 1.454.64 1.454 1.428 0 .79-.65 1.428-1.454 1.428h-2.91c-.803 0-1.454-.639-1.454-1.428 0-.789.651-1.428 1.454-1.428h2.91ZM28.04 25.92a10.604 10.604 0 0 0 4.696 1.073c.315 0 .571.256.571.571v3.428a.571.571 0 0 1-.571.571c-8.504 0-15.423-6.919-15.423-15.423 0-.315.256-.571.571-.571h3.427c.316 0 .572.256.572.571 0 1.659.36 3.239 1.072 4.695a.57.57 0 0 1-.263.766l-1.858.9a14.367 14.367 0 0 0 5.543 5.543l.898-1.858a.576.576 0 0 1 .765-.265Z\"\n            />\n        </svg>\n    )\n}\n\nSvgContactFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgContactFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgContactLedger({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 22 26\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M22 22.8c0 1.767-1.459 3.2-3.259 3.2H4.482c-1.8 0-3.26-1.433-3.26-3.2v-1.6h1.834c1.01 0 1.833-.808 1.833-1.8s-.822-1.8-1.833-1.8H1.223v-2.8h1.833c1.01 0 1.833-.808 1.833-1.8s-.822-1.8-1.833-1.8H1.223V8.4h1.833c1.01 0 1.833-.808 1.833-1.8 0-.993-.822-1.8-1.833-1.8H1.223V3.2c0-1.767 1.459-3.2 3.259-3.2h14.26C20.541 0 22 1.433 22 3.2v19.6ZM4.074 6.6c0-.552-.456-1-1.018-1H1.019A1.01 1.01 0 0 0 0 6.6c0 .552.456 1 1.019 1h2.037a1.01 1.01 0 0 0 1.018-1Zm0 6.4c0 .552-.456 1-1.018 1H1.019A1.01 1.01 0 0 1 0 13c0-.552.456-1 1.019-1h2.037a1.01 1.01 0 0 1 1.018 1Zm-1.018 5.4a1.01 1.01 0 0 1 1.018 1c0 .552-.456 1-1.018 1H1.019A1.01 1.01 0 0 1 0 19.4c0-.553.456-1 1.019-1h2.037Zm11.706-3.751a7.425 7.425 0 0 0 3.288.751c.22 0 .4.18.4.4v2.4a.4.4 0 0 1-.4.4c-5.955 0-10.8-4.845-10.8-10.8 0-.22.18-.4.4-.4h2.4c.22 0 .4.18.4.4 0 1.162.253 2.268.751 3.288a.4.4 0 0 1-.185.536l-1.3.63a10.061 10.061 0 0 0 3.881 3.882l.629-1.302a.403.403 0 0 1 .536-.185Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nSvgContactLedger.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgContactLedger\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgDelete({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 26 33\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M5.571 33c-2.042 0-3.714-1.65-3.714-3.667v-21h22.286v21c0 2.017-1.672 3.667-3.714 3.667H5.57ZM19.5 1.833H26V5.5H0V1.833h6.5L8.357 0h9.286L19.5 1.833ZM21 11H5v17.5A1.5 1.5 0 0 0 6.5 30h13a1.5 1.5 0 0 0 1.5-1.5V11Z\"\n            />\n        </svg>\n    )\n}\n\nSvgDelete.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgDelete\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgDeleteFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"M12.857 36.333c0 2.017 1.672 3.667 3.714 3.667H31.43c2.042 0 3.714-1.65 3.714-3.667v-21H12.857v21ZM37 8.833h-6.5L28.643 7h-9.286L17.5 8.833H11V12.5h26V8.833Z\" />\n        </svg>\n    )\n}\n\nSvgDeleteFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgDeleteFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgEdit({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"m21.099 13.677 2.608-3.327c1.82-2.32 4.875-2.398 7.236-.547l2.355 1.847c2.363 1.852 3.016 4.833 1.196 7.157L20.453 36.72a4.201 4.201 0 0 1-3.26 1.612l-5.417.07a1.694 1.694 0 0 1-1.671-1.311l-1.227-5.276c-.289-1.24 0-2.543.786-3.55l11.391-14.533a1.47 1.47 0 0 1 .044-.056Zm1.599 3.451L12.332 30.352a.824.824 0 0 0-.154.695l.916 3.949 4.057-.051a.815.815 0 0 0 .533-.206l.1-.108 10.369-13.227-5.455-4.276Zm7.545 1.61-5.455-4.277 1.584-2.02c.568-.724 1.49-.748 2.48.028l2.355 1.847c.991.777 1.188 1.675.62 2.401l-1.584 2.02Zm7.03 16.276a1.694 1.694 0 0 1 .197 3.377l-.197.011H26.468a1.694 1.694 0 0 1-.197-3.376l.198-.012h10.803Z\"\n            />\n        </svg>\n    )\n}\n\nSvgEdit.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgEdit\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgEditFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M37.57 9.526 34.087 6.84c-1.464-1.129-2.83-1.095-3.67-.042L28.072 9.74l8.072 6.222 2.345-2.941c.84-1.057.55-2.364-.917-3.495Zm-4.52 10.317-8.072-6.223L9.641 32.862l-.053.067c-.18.222-.205.252-.176.945l-.03 7.304a.422.422 0 0 0 .543.406l6.847-2.039s.572-.11.788-.3l.15-.155 15.34-19.247Z\"\n            />\n        </svg>\n    )\n}\n\nSvgEditFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgEditFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgEmailFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"M22.49 27.257c.752.75 1.97.75 2.722 0L40.129 12.34a.77.77 0 0 0-.433-1.308 3.04 3.04 0 0 0-.442-.032H8.453c-.149 0-.298.01-.445.032a.77.77 0 0 0-.433 1.308L22.49 27.257Z\" />\n            <path d=\"M42.161 13.821a.28.28 0 0 0-.308.06l-9.548 9.549a.387.387 0 0 0 0 .545l7.766 7.766a1.155 1.155 0 1 1-1.632 1.634l-7.767-7.766a.385.385 0 0 0-.545 0l-3.279 3.278a4.235 4.235 0 0 1-5.988 0l-3.281-3.275a.387.387 0 0 0-.546 0l-7.766 7.766a1.155 1.155 0 0 1-1.633-1.634l7.767-7.766a.386.386 0 0 0 0-.545l-9.548-9.549a.277.277 0 0 0-.308-.06.28.28 0 0 0-.173.256v18.48a3.08 3.08 0 0 0 3.08 3.08h30.801a3.08 3.08 0 0 0 3.08-3.08V14.08a.279.279 0 0 0-.172-.259Z\" />\n        </svg>\n    )\n}\n\nSvgEmailFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgEmailFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgEnvelop({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 40 40\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <circle cx={20} cy={20} r={20} fill=\"#E9F4F3\" />\n            <path\n                d=\"M19.12 21.9c.438.438 1.148.438 1.587 0l8.702-8.702a.45.45 0 0 0-.252-.762 1.765 1.765 0 0 0-.258-.02H10.93c-.087 0-.173.007-.26.02a.45.45 0 0 0-.252.762l8.7 8.702Z\"\n                fill=\"currentColor\"\n            />\n            <path\n                d=\"M30.594 14.062a.163.163 0 0 0-.18.035l-5.57 5.57a.225.225 0 0 0 0 .318l4.53 4.53a.674.674 0 1 1-.951.954l-4.53-4.53a.225.225 0 0 0-.319 0l-1.913 1.912a2.47 2.47 0 0 1-3.492 0l-1.915-1.91a.226.226 0 0 0-.318 0l-4.53 4.53a.674.674 0 0 1-.953-.954l4.531-4.53a.226.226 0 0 0 0-.318l-5.57-5.57a.162.162 0 0 0-.18-.035.164.164 0 0 0-.1.15v10.78c0 .992.804 1.796 1.796 1.796h17.968c.992 0 1.797-.804 1.797-1.796v-10.78a.163.163 0 0 0-.101-.152Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nSvgEnvelop.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgEnvelop\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgFlagFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"M28.247 11.882 27.471 8H10v33h3.882V27.412h10.87l.777 3.882h13.589V11.882h-10.87Z\" />\n        </svg>\n    )\n}\n\nSvgFlagFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgFlagFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgFoa({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 120 35\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fill=\"currentColor\"\n                d=\"M64.5 22.703c0 1.874-4.34 3.405-8.808 3.397-4.468-.008-8.807-1.523-8.807-3.397V12.46c0-1.873 4.34-3.403 8.807-3.395 4.469.008 8.808 1.522 8.808 3.395v10.244zM75.034 11.98C74.823 7.046 69.633.782 59.217.709 57.262.678 55.692.67 55.692.67S54.123.68 52.17.708C41.752.782 36.562 7.046 36.352 11.98c0 0-.098 1.125-.098 5.474 0 4.176.098 5.496.098 5.496.267 4.998 5.4 11.316 15.827 11.42l3.513.032 3.514-.032c10.427-.104 15.56-6.422 15.828-11.42 0 0 .096-1.32.096-5.496 0-4.35-.096-5.474-.096-5.474M98.849 10.783c3.61 0 5.126 1.067 5.95 5.254 0 0 .565 2.13 1.334 7.102l.003.013h-.003c.77 4.97.848 5.133 1.559 8.974.179.97.394 1.28.737 1.576.914.792 2.085.684 4.864.684 0 0 2.473-.02 3.113-.084.34-.036 3.131-.272 2.502-3.64-1.094-5.853-3.987-19.075-3.987-19.075C113.478 5.113 108.901.615 98.85.6s-14.63 4.514-16.073 10.988c0 0-2.893 13.222-3.987 19.076-.63 3.367 2.162 3.603 2.502 3.639.64.065 3.113.084 3.113.084 2.78 0 3.95.108 4.865-.684.342-.296.557-.606.737-1.576.71-3.84.79-4.004 1.557-8.975l-.002.001.004-.013c.768-4.971 1.333-7.102 1.333-7.102.824-4.187 2.277-5.254 5.95-5.254M16.734.672c-9.79 0-15.422 6.366-15.63 11.323 0 0-.098 1.131-.098 5.502L1 32.392c.004 1.204.634 1.862 1.743 1.908l.01.01s2.639.069 4.245.069c1.56 0 4.659-.072 4.659-.072 1.142-.162 1.696-.758 1.7-2.09 0 0 .003-2.919.003-8.07v-7.715c.223-3.83 1.784-4.645 5.96-4.645h6.04c3.605 0 5.718-.109 5.718-.109 1.071 0 1.657-.591 1.697-1.848l.01-.01-.003-7.242c0-1.255-.676-1.922-1.865-1.922L16.734.664z\"\n            />\n            <path\n                fill=\"currentColor\"\n                d=\"M20.29 17.528h-.004c-2.65 0-4.797.785-4.797 2.005v4.574c0 1.22 2.146 2.005 4.797 2.005h.004c2.652 0 4.798-.785 4.798-2.005v-4.574c0-1.22-2.146-2.005-4.798-2.005M98.91 17.653h-.004c-2.651 0-4.74.785-4.74 2.005l-.057 4.326c0 1.222 2.146 2.007 4.797 2.007h.005c2.651 0 4.796-.785 4.796-2.007l-.102-4.239c0-1.22-2.043-2.092-4.694-2.092\"\n            />\n        </svg>\n    )\n}\n\nSvgFoa.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgFoa\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgHandshakeFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M35.31 15.82h6.684c.526 0 .955.423.955.948v11.447c0 .525-.43.955-.955.955H36.17a3.782 3.782 0 0 0-1.325-2.262l-8.69-7.054 1.558-1.426a.954.954 0 1 0-1.29-1.409l-1.61 1.474-3.164 2.895a.03.03 0 0 1-.012.006c-.004.001-.009.003-.012.006-1.259 1.128-2.775.465-3.348-.162a2.369 2.369 0 0 1 .126-3.342.08.08 0 0 0 .009-.012l.009-.012 5.866-5.37a1.909 1.909 0 0 1 1.29-.502h5.126c.507 0 .99.203 1.349.56l3.258 3.26ZM24.724 21.16l8.91 7.234c.818.668.943 1.868.275 2.691l-.567.698a1.907 1.907 0 0 1-2.686.28l-.322-.262-1.874 2.304a2.218 2.218 0 0 1-3.121.322l-1.069-.925-.011.012a3.819 3.819 0 0 1-5.372.555l-5.4-4.888H5.71a.958.958 0 0 1-.955-.954V16.774c0-.525.43-.955.955-.955h6.684l3.265-3.259a1.907 1.907 0 0 1 1.348-.56h5.002l-4.882 4.47a4.3 4.3 0 0 0-.263 6.069c.89.973 3.647 2.477 6.07.262l1.79-1.64Z\"\n                fill=\"#297A71\"\n            />\n        </svg>\n    )\n}\n\nSvgHandshakeFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgHandshakeFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgHelp({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"M23.666 35.225a2.425 2.425 0 1 1 0-4.85 2.425 2.425 0 0 1 0 4.85ZM26.254 25.395c-.59.257-.97.839-.97 1.482a1.617 1.617 0 1 1-3.234 0 4.85 4.85 0 0 1 2.91-4.446 3.234 3.234 0 1 0-4.527-2.963 1.617 1.617 0 1 1-3.234 0 6.468 6.468 0 1 1 9.055 5.928v-.002Z\" />\n        </svg>\n    )\n}\n\nSvgHelp.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgHelp\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgInfo({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12C23.993 5.376 18.624.007 12 0Zm.25 5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10.5 18.5h4a1 1 0 1 0 0-2h-.75a.25.25 0 0 1-.25-.25V11.5a2 2 0 0 0-2-2h-1a1 1 0 1 0 0 2h.75a.25.25 0 0 1 .25.25v4.5a.25.25 0 0 1-.25.25h-.75a1 1 0 1 0 0 2Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nSvgInfo.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgInfo\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgKontigenter({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <g fill=\"none\" fillRule=\"evenodd\">\n                <path d=\"M0 0h24v24H0z\" />\n                <path\n                    d=\"m10.69 20.056.062.016a19.155 19.155 0 0 0 6.448.946 19.155 19.155 0 0 0 6.443-.945.258.258 0 0 1 .347.182l.008.063v2.262c0 .359-.629.685-1.668.934l-.437.095-.477.087-.253.04-.533.071-.565.062c-.097.01-.195.018-.294.027l-.609.044-.634.033-.656.02-.674.007-.675-.007-.656-.02-.633-.033a27.944 27.944 0 0 1-.308-.021l-.595-.05a23.74 23.74 0 0 1-.287-.03l-.55-.068c-.266-.036-.52-.076-.758-.119l-.458-.091c-1.092-.239-1.79-.557-1.872-.91l-.008-.07v-2.264c0-.087.042-.168.113-.217a.258.258 0 0 1 .18-.044Zm12.955-4.187a.258.258 0 0 1 .347.182l.008.063v2.479a.263.263 0 0 1-.138.232c-2.111.87-4.385 1.26-6.662 1.142a15.395 15.395 0 0 1-6.664-1.142.261.261 0 0 1-.129-.161l-.01-.071v-2.479c0-.087.043-.168.114-.217a.258.258 0 0 1 .241-.028c2.08.682 4.26 1.001 6.446.946a19.155 19.155 0 0 0 6.447-.946Zm-23.354.07.062.015c1.891.62 3.865.94 5.851.952L6.8 16.9c.416 0 .832-.01 1.248-.028a.258.258 0 0 1 .262.193l.01.07v2.46a.26.26 0 0 1-.249.262 29.965 29.965 0 0 1-2.276.01l-.645-.026-.622-.038-.595-.05-.565-.062-.533-.072a16.44 16.44 0 0 1-.496-.082l-.458-.09c-1.093-.239-1.79-.556-1.873-.909L0 18.468v-2.263a.264.264 0 0 1 .11-.22.258.258 0 0 1 .18-.046Zm0-4.2.062.016c1.891.62 3.865.94 5.851.951l.596-.005c.47 0 .944-.014 1.415-.04a.261.261 0 0 1 .224.106.263.263 0 0 1 .032.249 2.466 2.466 0 0 0-.147.693l-.004.237v1.61c0 .14-.11.256-.248.263-.404.019-.828.03-1.272.03-2.276.12-4.55-.27-6.662-1.138a.261.261 0 0 1-.128-.16L0 14.48V12c0-.086.042-.167.112-.216a.258.258 0 0 1 .18-.045Zm16.57.789h.678l.666.013.325.012.634.033.308.021.595.051.287.03.549.067.262.038.497.082c.08.014.157.029.233.044l.437.096c.97.233 1.582.532 1.66.86l.008.071v.442a.262.262 0 0 1-.138.233c-2.111.87-4.385 1.26-6.662 1.142a15.395 15.395 0 0 1-6.662-1.142.261.261 0 0 1-.129-.162l-.01-.07v-.443c0-.427.906-.81 2.34-1.071l.496-.082.532-.073.28-.032.58-.057.3-.024.623-.039.32-.015.655-.02.335-.005Zm-3.62-4.976a.258.258 0 0 1 .347.18l.007.064v2.475a.263.263 0 0 1-.139.232A21.631 21.631 0 0 1 6.8 11.645c-2.276.12-4.55-.27-6.662-1.138a.261.261 0 0 1-.128-.16L0 10.276v-2.48a.264.264 0 0 1 .11-.211.258.258 0 0 1 .235-.033 19.155 19.155 0 0 0 6.448.945 19.155 19.155 0 0 0 6.448-.945Zm.005-4.205a.258.258 0 0 1 .347.182l.008.063v2.474a.262.262 0 0 1-.139.233c-2.11.87-4.385 1.26-6.662 1.142A15.395 15.395 0 0 1 .138 6.3a.261.261 0 0 1-.128-.16L0 6.067V3.592c0-.085.042-.166.112-.214a.258.258 0 0 1 .239-.03 19.155 19.155 0 0 0 6.447.945 19.155 19.155 0 0 0 6.448-.946ZM6.46.002 6.8 0c.34 0 .676.005 1.004.015l.646.027.314.018.608.045.294.027.566.062c.366.045.71.097 1.029.155l.458.091c1.092.239 1.79.557 1.872.91l.009.07v.442a.262.262 0 0 1-.139.233c-2.11.87-4.385 1.26-6.662 1.142A15.395 15.395 0 0 1 .138 2.095a.261.261 0 0 1-.128-.16L0 1.862V1.42C0 1.04.716.695 1.881.44L2.34.349c.238-.044.492-.084.758-.12l.55-.067c.188-.02.382-.04.58-.057l.61-.045.313-.018.645-.027c.219-.006.441-.01.666-.013Z\"\n                    fill=\"#297A71\"\n                    fillRule=\"nonzero\"\n                />\n            </g>\n        </svg>\n    )\n}\n\nSvgKontigenter.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgKontigenter\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgLinkFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"M7.8 24c0-3.42 2.78-6.2 6.2-6.2h8V14h-8C8.48 14 4 18.48 4 24s4.48 10 10 10h8v-3.8h-8c-3.42 0-6.2-2.78-6.2-6.2Zm8.2 2h16v-4H16v4Zm18-12h-8v3.8h8c3.42 0 6.2 2.78 6.2 6.2 0 3.42-2.78 6.2-6.2 6.2h-8V34h8c5.52 0 10-4.48 10-10s-4.48-10-10-10Z\" />\n        </svg>\n    )\n}\n\nSvgLinkFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgLinkFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgLockFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M36.298 19.362h-1.213v-4.447C35.085 8.887 30.198 4 24.17 4 18.14 4 13.255 8.887 13.255 14.915v4.447h-1.213a3.234 3.234 0 0 0-3.234 3.234v16.98a3.234 3.234 0 0 0 3.234 3.234h24.256a3.234 3.234 0 0 0 3.234-3.235V22.596a3.234 3.234 0 0 0-3.234-3.234Zm-19.001-4.447a6.873 6.873 0 0 1 13.745 0v3.639a.809.809 0 0 1-.809.808H18.105a.809.809 0 0 1-.808-.808v-3.639Zm7.219 20.502a4.62 4.62 0 1 0 0-9.24 4.62 4.62 0 0 0 0 9.24Z\"\n                fill=\"#297A71\"\n            />\n        </svg>\n    )\n}\n\nSvgLockFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgLockFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgMaterialer({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <g fill=\"none\" fillRule=\"evenodd\">\n                <path d=\"M0 0h24v24H0z\" />\n                <path\n                    d=\"M20.443 3.525c.542 0 .989.41 1.05.936l.007.124v17.233a2.18 2.18 0 0 1-2.015 2.176l-.163.006H7.076a1.058 1.058 0 0 1-.123-2.112l.123-.007h11.22a1.09 1.09 0 0 0 1.082-.964l.007-.127V4.585c0-.586.474-1.06 1.058-1.06ZM16.893 0a1.09 1.09 0 0 1 1.081.964l.008.127v18.293c0 .56-.42 1.02-.962 1.084l-.127.007H3.589a1.09 1.09 0 0 1-1.082-.964l-.007-.127V4.389h3.292a1.09 1.09 0 0 0 1.082-.964l.007-.127V0h10.012Zm-2.504 12.18H6.093a.702.702 0 0 0-.104 1.399l.104.007h8.296a.702.702 0 0 0 0-1.406Zm0-2.988H6.093a.702.702 0 0 0-.104 1.399l.104.008h8.296a.702.702 0 0 0 0-1.407Zm0-2.987H6.093a.702.702 0 0 0-.104 1.398l.104.008h8.296a.702.702 0 0 0 0-1.406ZM5.477.005v1.887c0 .56-.42 1.02-.962 1.084l-.127.007H2.505L5.477.005Z\"\n                    fill=\"#297A71\"\n                    fillRule=\"nonzero\"\n                />\n            </g>\n        </svg>\n    )\n}\n\nSvgMaterialer.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgMaterialer\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgMedlemsfordele({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <g fill=\"none\" fillRule=\"evenodd\">\n                <path d=\"M0 0h24v24H0z\" />\n                <path\n                    d=\"M4.25 9.541a1 1 0 0 1 .992.872l.008.125v10.965a.998.998 0 0 1-.875.99l-.125.007H1a1 1 0 0 1-.992-.872L0 21.503V10.538c0-.508.381-.928.875-.99L1 9.542h3.25Zm8.414-8.523c.974-.135 2.22.464 2.808 2.557a8.632 8.632 0 0 1-.52 4.393.249.249 0 0 0 .178.32l.059.007H21.5c.663 0 1.299.263 1.768.73a2.488 2.488 0 0 1-.54 3.933 2.237 2.237 0 0 1-.959 3.068 2.24 2.24 0 0 1-1 2.991c.152.309.231.648.231.992 0 .62-.268 1.654-2.014 1.739l-.236.005h-6.5a17.413 17.413 0 0 1-4.108-.47l-.64-.131a39.924 39.924 0 0 0-.347-.068.5.5 0 0 1-.395-.389l-.01-.1V10.511c0-.164.08-.318.216-.41C8.871 8.788 11 5.798 11 3.06a1.995 1.995 0 0 1 1.664-2.043ZM3 19.011a.749.749 0 1 0 .75.748.749.749 0 0 0-.75-.748Z\"\n                    fill=\"#297A71\"\n                    fillRule=\"nonzero\"\n                />\n            </g>\n        </svg>\n    )\n}\n\nSvgMedlemsfordele.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgMedlemsfordele\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgMessageFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M10.677 6h28.091a3.522 3.522 0 0 1 3.511 3.511V30.58a3.522 3.522 0 0 1-3.51 3.512h-24.58l-6.302 6.302a.422.422 0 0 1-.721-.299V9.511A3.522 3.522 0 0 1 10.677 6Zm5.46 16.777a3.121 3.121 0 1 0 0-6.243 3.121 3.121 0 0 0 0 6.243Zm11.9-3.122a3.121 3.121 0 1 1-6.242 0 3.121 3.121 0 0 1 6.242 0Zm5.657 3.122a3.121 3.121 0 1 0 0-6.243 3.121 3.121 0 0 0 0 6.243Z\"\n                fill=\"#297A71\"\n            />\n        </svg>\n    )\n}\n\nSvgMessageFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgMessageFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgNote({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"M43.812 10.316a3.696 3.696 0 0 0-3.696-3.696H36.42a.462.462 0 0 1-.462-.462v-2.31a1.848 1.848 0 0 0-3.697 0v7.684a1.848 1.848 0 0 0 3.697 0v-.754c0-.255.206-.462.462-.462h2.772c.51 0 .924.414.924.924v19.405c0 .51-.414.924-.924.924h-5.544a3.696 3.696 0 0 0-3.697 3.696v5.544c0 .51-.413.925-.924.925H7.774a.924.924 0 0 1-.924-.925V11.24c0-.51.414-.924.924-.924h1.849a.462.462 0 0 0 .462-.462V7.082a.462.462 0 0 0-.462-.462H6.85a3.696 3.696 0 0 0-3.696 3.696v31.418A3.696 3.696 0 0 0 6.85 45.43H31.8c.517 0 1.011-.218 1.361-.6l10.165-11.087c.313-.341.486-.787.486-1.25V10.316Z\" />\n            <path d=\"M23.945 13.38c1.02 0 1.848-.827 1.848-1.848v-.754c0-.255.207-.462.462-.462h3.696a.462.462 0 0 0 .462-.462V7.082a.462.462 0 0 0-.462-.462h-3.696a.462.462 0 0 1-.462-.462v-2.31a1.848 1.848 0 1 0-3.696 0v7.684c0 1.021.827 1.848 1.848 1.848ZM13.78 13.38c1.021 0 1.849-.827 1.849-1.848v-.754c0-.255.207-.462.462-.462h3.696a.462.462 0 0 0 .462-.462V7.082a.462.462 0 0 0-.462-.462H16.09a.462.462 0 0 1-.462-.462v-2.31a1.848 1.848 0 0 0-3.696 0v7.684c0 1.021.827 1.848 1.848 1.848Z\" />\n        </svg>\n    )\n}\n\nSvgNote.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgNote\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgNotes({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"M23.706 19.35c.718 0 1.37.11 1.957.328a4.236 4.236 0 0 1 1.511.903c.422.39.747.863.973 1.418.235.546.352 1.152.352 1.816 0 .57-.082 1.101-.246 1.594-.164.484-.383.949-.657 1.394-.273.438-.593.867-.96 1.29-.368.413-.755.831-1.16 1.253l-3.305 3.457a7.35 7.35 0 0 1 1.054-.246c.352-.062.68-.094.985-.094h3.527c.297 0 .535.086.715.258a.878.878 0 0 1 .281.68v1.687H18.21v-.949c0-.18.035-.37.105-.574.078-.211.211-.406.399-.586l4.523-4.652c.383-.399.719-.778 1.008-1.137a7.09 7.09 0 0 0 .738-1.067c.203-.359.356-.718.457-1.078.102-.367.152-.75.152-1.148 0-.719-.18-1.262-.539-1.629-.359-.367-.867-.55-1.523-.55a2.233 2.233 0 0 0-1.406.48 2.21 2.21 0 0 0-.48.527 2.512 2.512 0 0 0-.305.656c-.125.36-.297.594-.516.703-.211.11-.504.133-.879.07l-1.5-.257c.117-.758.328-1.418.633-1.98a4.667 4.667 0 0 1 1.137-1.419c.46-.382.988-.667 1.582-.855a6.077 6.077 0 0 1 1.91-.293Z\"\n                fill=\"#297A71\"\n            />\n            <g opacity={0.4}>\n                <path\n                    d=\"M40.116 7.62a3.696 3.696 0 0 1 3.696 3.696v31.418c0 1.848-1.848 3.696-3.696 3.696H6.85a3.696 3.696 0 0 1-3.696-3.696V11.316A3.696 3.696 0 0 1 6.85 7.62h2.773c.255 0 .462.207.462.462v2.772a.462.462 0 0 1-.462.462H7.774a.924.924 0 0 0-.924.924v29.57c0 .51.414.924.924.924h31.418c.308 0 .924-.185.924-.925V12.24a.924.924 0 0 0-.924-.924H36.42a.462.462 0 0 0-.462.462v.754a1.848 1.848 0 0 1-3.697 0V4.848a1.848 1.848 0 0 1 3.697 0v2.31c0 .255.206.462.462.462h3.696Z\"\n                    fill=\"#297A71\"\n                />\n                <path d=\"M23.945 14.38c1.02 0 1.848-.827 1.848-1.848v-.754c0-.255.207-.462.462-.462h3.696a.462.462 0 0 0 .462-.462V8.082a.462.462 0 0 0-.462-.462h-3.696a.462.462 0 0 1-.462-.462v-2.31a1.848 1.848 0 1 0-3.696 0v7.684c0 1.021.827 1.848 1.848 1.848ZM13.78 14.38c1.021 0 1.849-.827 1.849-1.848v-.754c0-.255.207-.462.462-.462h3.696a.462.462 0 0 0 .462-.462V8.082a.462.462 0 0 0-.462-.462H16.09a.462.462 0 0 1-.462-.462v-2.31a1.848 1.848 0 0 0-3.696 0v7.684c0 1.021.827 1.848 1.848 1.848Z\" />\n            </g>\n        </svg>\n    )\n}\n\nSvgNotes.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgNotes\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgOk({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <g fill=\"none\" fillRule=\"evenodd\">\n                <path d=\"M0 0h24v24H0z\" />\n                <path\n                    d=\"m17.353 10.195.82 2.123-4.522 1.713 6.257 2.773L21 19.637l-7.863-3.397L9.68 24l-1.117-2.883 2.96-6.28-4.696 1.782-.818-2.123 11.344-4.3Zm-2.3-6.281c1.214 3.149-.412 6.703-3.625 7.92-3.213 1.219-6.815-.353-8.026-3.502-1.211-3.149.407-6.702 3.62-7.92 3.213-1.217 6.816.353 8.03 3.502ZM7.834 2.52c-2.04.774-3.075 3.02-2.31 5.005.767 1.985 3.049 2.972 5.089 2.199 2.04-.773 3.077-3.018 2.31-5.005-.765-1.986-3.049-2.972-5.089-2.199Zm3.271 3.614a.412.412 0 0 1 .263.522l-.044.117-.074.16c-.171.341-.538.902-1.179 1.144-.543.206-1.104.113-1.482-.004l-.204-.07-.202-.087-.051-.026a.41.41 0 0 1-.155-.552.418.418 0 0 1 .551-.174l.091.043.14.054.186.057c.24.061.549.095.828-.01.345-.131.57-.444.691-.667l.073-.146.042-.1a.417.417 0 0 1 .526-.26ZM7.936 5.08a.627.627 0 0 1-.033 1.162.636.636 0 0 1-.82-.364.627.627 0 0 1 .367-.812.64.64 0 0 1 .485.014Zm2.72-.556a.627.627 0 0 1-.366.812.636.636 0 0 1-.819-.362.627.627 0 0 1 .365-.813.637.637 0 0 1 .82.363Z\"\n                    fill=\"#297A71\"\n                    fillRule=\"nonzero\"\n                />\n            </g>\n        </svg>\n    )\n}\n\nSvgOk.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgOk\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgOrganiseringsprocent({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <g fill=\"none\" fillRule=\"evenodd\">\n                <path d=\"M0 0h24v24H0z\" />\n                <path\n                    d=\"m18.146 15.369-5.599-4.575-1.125 1.038c-1.522 1.4-3.255.45-3.813-.166a2.732 2.732 0 0 1 .165-3.839L10.84 5H7.7c-.319 0-.623.128-.848.355L4.8 7.415H.6c-.33 0-.6.273-.6.605v7.243c0 .333.27.604.6.604h4.886L8.88 18.96a2.389 2.389 0 0 0 3.375-.351l.007-.008.672.585c.596.49 1.477.397 1.961-.204l1.178-1.457.202.166a1.193 1.193 0 0 0 1.688-.177l.356-.442c.42-.52.341-1.28-.173-1.702ZM23.4 7.416h-4.2l-2.047-2.061A1.194 1.194 0 0 0 16.305 5h-3.221c-.3 0-.589.113-.81.317L8.588 8.714c-.004.004-.008.012-.012.015a1.505 1.505 0 0 0-.079 2.114c.36.397 1.313.816 2.104.102.004-.004.011-.004.015-.007l1.988-1.831 1.012-.933a.6.6 0 0 1 .848.038.606.606 0 0 1-.038.853l-.979.902 5.46 4.462c.458.374.732.887.833 1.43h3.66c.33 0 .6-.271.6-.603v-7.24a.6.6 0 0 0-.6-.6Z\"\n                    fill=\"#297A71\"\n                    fillRule=\"nonzero\"\n                />\n            </g>\n        </svg>\n    )\n}\n\nSvgOrganiseringsprocent.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgOrganiseringsprocent\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgPersonalInfo({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M15.6 9.7c0 2.146-1.988 3.843-4.27 3.44-1.63-.286-2.93-2.002-2.93-3.612V8.471c0-1.61 1.3-3.326 2.93-3.612 2.282-.401 4.27 1.294 4.27 3.441v1.4ZM3.82 20.072c1.335-2.593 4.497-4.42 8.18-4.42 3.684 0 6.845 1.827 8.181 4.42 0 0-2.442 2.78-8.181 2.78-5.74 0-8.18-2.78-8.18-2.78Z\"\n                fill=\"currentColor\"\n            />\n            <path\n                d=\"M23 12c0 6.076-4.925 11-11 11S1 18.076 1 12 5.925 1 12 1s11 4.924 11 11Z\"\n                stroke=\"#297A71\"\n                strokeWidth={2}\n            />\n        </svg>\n    )\n}\n\nSvgPersonalInfo.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgPersonalInfo\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgPhotoFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M42.703 34.641a3.08 3.08 0 0 1-3.08 3.08H8.82a3.08 3.08 0 0 1-3.08-3.08v-18.48a3.08 3.08 0 0 1 3.08-3.08h7.7l.688-1.378A3.08 3.08 0 0 1 19.962 10h8.514a3.08 3.08 0 0 1 2.753 1.703l.693 1.377h7.7a3.08 3.08 0 0 1 3.08 3.08v18.481Zm-12.32-9.24a6.16 6.16 0 1 1-12.32 0 6.16 6.16 0 0 1 12.32 0Zm.308-4.774a1.848 1.848 0 1 0 0-3.696 1.848 1.848 0 0 0 0 3.696Z\"\n            />\n        </svg>\n    )\n}\n\nSvgPhotoFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgPhotoFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgPinFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M37.212 16.59c0-6.998-5.791-12.672-12.936-12.672-7.144 0-12.936 5.674-12.936 12.673 0 5.756 8.752 20.19 11.858 24.778a1.3 1.3 0 0 0 1.078.567 1.3 1.3 0 0 0 1.078-.567c3.107-4.587 11.858-19.022 11.858-24.778Zm-12.935 3.622c2.041 0 3.696-1.621 3.696-3.62 0-2-1.655-3.622-3.696-3.622-2.042 0-3.697 1.621-3.697 3.621s1.655 3.62 3.697 3.62Z\"\n            />\n        </svg>\n    )\n}\n\nSvgPinFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgPinFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgPlus({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"M9.123 23.785h29.57M23.908 9v29.57\"\n                stroke=\"currentColor\"\n                strokeWidth={3}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    )\n}\n\nSvgPlus.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgPlus\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgPriority({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            fill=\"currentColor\"\n            className=\"priority_svg__MuiSvgIcon-root priority_svg__MuiSvgIcon-fontSizeMedium priority_svg__MuiBox-root priority_svg__css-1om0hkc\"\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            data-testid=\"PriorityHighIcon\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <circle cx={12} cy={19} r={2} />\n            <path d=\"M10 3h4v12h-4z\" />\n        </svg>\n    )\n}\n\nSvgPriority.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgPriority\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgQuestion({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"M23.666 35.225a2.425 2.425 0 1 1 0-4.85 2.425 2.425 0 0 1 0 4.85ZM26.254 25.395c-.59.257-.97.839-.97 1.482a1.617 1.617 0 1 1-3.234 0 4.85 4.85 0 0 1 2.91-4.446 3.234 3.234 0 1 0-4.527-2.963 1.617 1.617 0 1 1-3.234 0 6.468 6.468 0 1 1 9.055 5.928v-.002Z\"\n                fill=\"#297A71\"\n            />\n        </svg>\n    )\n}\n\nSvgQuestion.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgQuestion\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgRatingStar({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 16 15\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                clipRule=\"evenodd\"\n                d=\"m8.452.777 2.082 4.125 4.007.397a.5.5 0 0 1 .31.855l-3.297 3.268 1.223 4.441a.506.506 0 0 1-.716.582l-4.063-2.012-4.056 2.01a.506.506 0 0 1-.716-.582l1.222-4.442-3.3-3.268a.5.5 0 0 1 .311-.855L5.466 4.9 7.545.777a.51.51 0 0 1 .907 0Z\"\n                stroke=\"#297A71\"\n            />\n        </svg>\n    )\n}\n\nSvgRatingStar.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgRatingStar\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgSearchPerson({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M38.81 36.67a.33.33 0 0 0 .045.411l3.35 3.35a1.322 1.322 0 0 1-1.87 1.869l-3.348-3.35a.33.33 0 0 0-.411-.045 7.281 7.281 0 1 1 2.235-2.235Zm-1.505-3.896a4.626 4.626 0 1 0-9.252 0 4.626 4.626 0 0 0 9.252 0Z\"\n            />\n            <path d=\"M21.535 22.135c4.121 0 7.456-3.385 7.456-7.567 0-4.183-3.335-7.568-7.456-7.568-4.12 0-7.456 3.385-7.456 7.568 0 4.182 3.335 7.567 7.456 7.567Z\" />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M26.872 23.486h-.005c-1.073 0-1.757.19-2.464.384-.76.21-1.545.427-2.868.427s-2.11-.217-2.868-.427c-.708-.195-1.392-.384-2.465-.384-2.416 0-4.766 1.095-6.144 3.17A7.825 7.825 0 0 0 8.753 31v3.027c0 1.79 1.431 3.243 3.195 3.243h10.648a11.053 11.053 0 0 1-.907-4.397 11.08 11.08 0 0 1 5.183-9.387Z\"\n            />\n        </svg>\n    )\n}\n\nSvgSearchPerson.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgSearchPerson\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgSearch({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 19 21\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"M7.885 0c4.355 0 7.885 3.784 7.885 8.452 0 2.215-.795 4.231-2.096 5.738l4.08 4.373a1.087 1.087 0 0 1 0 1.462l-.123.131a.92.92 0 0 1-1.364 0l-4.221-4.524a7.464 7.464 0 0 1-4.161 1.271C3.53 16.903 0 13.12 0 8.452 0 3.784 3.53 0 7.885 0Zm0 2.254c-3.193 0-5.782 2.775-5.782 6.198 0 3.423 2.589 6.198 5.782 6.198 3.194 0 5.782-2.775 5.782-6.198 0-3.423-2.588-6.198-5.782-6.198Z\" />\n        </svg>\n    )\n}\n\nSvgSearch.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgSearch\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgSendFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"M41.292 8.166a.714.714 0 0 0-.731-.111L7.714 21.622a.714.714 0 0 0 .014 1.324l9.043 3.511a.714.714 0 0 0 .668-.08l11.997-8.531a.714.714 0 0 1 .91 1.097l-9.998 9.632a.713.713 0 0 0-.218.515v9.615a.714.714 0 0 0 1.33.36l4.522-7.748a.358.358 0 0 1 .482-.132l8.32 4.57a.714.714 0 0 0 1.043-.474L41.538 8.86a.726.726 0 0 0-.247-.694Z\" />\n        </svg>\n    )\n}\n\nSvgSendFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgSendFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgSendToMany({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 26 26\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"M4.387 4.333H16.44c.828 0 1.506.678 1.506 1.507V8.1c-.376.377-1.883 2.26-3.39 4.143-1.506 1.883-3.013 3.766-3.39 4.143H5.895l-2.371 2.371a.376.376 0 0 1-.643-.266V5.84c0-.829.678-1.507 1.507-1.507Zm16.972 3.334 1.332 1.027c.56.432.672.932.35 1.336l-.895 1.123-3.085-2.378.896-1.124c.32-.402.842-.415 1.402.016Zm-3.48 2.591 3.085 2.378-5.864 7.357-.057.06c-.082.071-.301.114-.301.114l-2.44.726a.298.298 0 0 1-.383-.286l.01-2.608c-.01-.265-.002-.276.067-.36l.021-.026 5.862-7.355Z\" />\n        </svg>\n    )\n}\n\nSvgSendToMany.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgSendToMany\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgSettings({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M35.312 21.866a7.405 7.405 0 0 0-1.848-.233c-.639 0-1.258.08-1.849.233V6.848a1.848 1.848 0 0 1 3.697 0v15.018Zm0 2.21v9.897a5.269 5.269 0 0 1-1.847.332c-.651 0-1.274-.118-1.85-.333v-9.895a5.268 5.268 0 0 1 1.85-.332c.65 0 1.272.117 1.846.332Zm-3.697 12.108c.591.152 1.21.233 1.849.233a7.4 7.4 0 0 0 1.848-.233v3.93a1.848 1.848 0 0 1-3.697 0v-3.93Z\"\n            />\n            <circle\n                cx={33.464}\n                cy={29.025}\n                r={5.28}\n                transform=\"rotate(90 33.464 29.025)\"\n            />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M18.412 25.096a7.409 7.409 0 0 1-3.696 0v15.017a1.848 1.848 0 0 0 3.696 0V25.096Zm0-2.212V12.99a5.27 5.27 0 0 0-1.848-.333 5.27 5.27 0 0 0-1.848.333v9.895a5.27 5.27 0 0 0 1.848.333c.65 0 1.273-.118 1.848-.333Zm-3.696-12.107a7.404 7.404 0 0 1 1.848-.233c.638 0 1.257.081 1.848.233V6.848a1.848 1.848 0 1 0-3.696 0v3.93Z\"\n            />\n            <circle r={5.28} transform=\"matrix(0 -1 -1 0 16.564 17.936)\" />\n        </svg>\n    )\n}\n\nSvgSettings.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgSettings\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgStarYellow({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 14 15\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"m7.452.777 2.082 4.125 4.007.397a.5.5 0 0 1 .31.855l-3.297 3.268 1.223 4.441a.506.506 0 0 1-.716.582l-4.063-2.012-4.056 2.01a.506.506 0 0 1-.716-.582l1.222-4.442-3.3-3.268a.5.5 0 0 1 .311-.855L4.466 4.9 6.545.777a.51.51 0 0 1 .907 0Z\"\n                fill=\"#F1C400\"\n            />\n        </svg>\n    )\n}\n\nSvgStarYellow.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgStarYellow\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgStar({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path\n                d=\"m23.692 32.87 11.328 8.243-4.336-13.312 11.328-8.061H28.12L23.692 6l-4.427 13.74H5.372L16.7 27.8l-4.336 13.313 11.328-8.244Z\"\n                stroke=\"currentColor\"\n                strokeWidth={3}\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    )\n}\n\nSvgStar.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgStar\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgStarFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 37 36\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"m18.377 26.87 11.328 8.243-4.336-13.312 11.328-8.061H22.804L18.377 0l-4.428 13.74H.057l11.327 8.06L7.05 35.114l11.328-8.244Z\" />\n        </svg>\n    )\n}\n\nSvgStarFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgStarFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgSuitcaseFill({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 48 48\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <path d=\"M28.158 14.84c-.85 0-1.54-.704-1.54-1.571v-2.356h-6.16v2.356c0 .867-.69 1.57-1.54 1.57-.85 0-1.54-.703-1.54-1.57v-2.356c0-1.733 1.381-3.142 3.08-3.142h6.16c1.699 0 3.08 1.41 3.08 3.142v2.356c0 .867-.69 1.57-1.54 1.57Z\" />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M9.292 12.484h28.49c2.342 0 4.236 1.932 4.236 4.32v5.106h-9.24v-1.964c0-.644-.524-1.178-1.155-1.178-.632 0-1.155.534-1.155 1.178v1.963h-13.86v-1.963c0-.644-.524-1.178-1.156-1.178-.631 0-1.155.534-1.155 1.178v1.963h-9.24v-5.105c0-2.387 1.894-4.32 4.235-4.32Zm23.486 13.227v-1.445h9.24v10.603c0 2.388-1.894 4.32-4.235 4.32H9.292c-2.341 0-4.235-1.932-4.235-4.32V24.266h9.24v1.445c0 .644.524 1.178 1.155 1.178.632 0 1.155-.534 1.155-1.178v-1.445h13.86v1.445c0 .644.524 1.178 1.156 1.178.631 0 1.155-.534 1.155-1.178Z\"\n            />\n        </svg>\n    )\n}\n\nSvgSuitcaseFill.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgSuitcaseFill\n","import * as React from 'react'\nimport { SVGProps } from 'react'\nimport PropTypes from 'prop-types'\ninterface SVGRProps {\n    title?: string;\n    titleId?: string;\n}\n\nfunction SvgTips({\n    title,\n    titleId,\n    ...props\n}: SVGProps<SVGSVGElement> & SVGRProps) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-labelledby={titleId}\n            {...props}\n        >\n            {title ? <title id={titleId}>{title}</title> : null}\n            <g fill=\"none\" fillRule=\"evenodd\">\n                <path d=\"M0 0h24v24H0z\" />\n                <path\n                    d=\"M15.471 20.05v.915c0 .728-.52 1.334-1.196 1.437l-.22.831a1.011 1.011 0 0 1-.97.767H10.91c-.457 0-.852-.316-.971-.767l-.213-.831a1.446 1.446 0 0 1-1.203-1.444v-.915c0-.49.382-.883.858-.883h5.232c.476.007.858.4.858.89ZM19.5 7.713c0 2.082-.802 3.97-2.105 5.356a7.155 7.155 0 0 0-1.842 3.84 1.251 1.251 0 0 1-1.228 1.077H9.669a1.24 1.24 0 0 1-1.221-1.07c-.22-1.437-.865-2.803-1.855-3.854A7.797 7.797 0 0 1 4.5 7.798C4.457 3.506 7.777.032 11.95 0c4.167-.032 7.55 3.435 7.55 7.714Zm-6.654-4.672a.859.859 0 0 0-.846-.87c-2.982 0-5.413 2.494-5.413 5.568 0 .477.376.87.846.87a.859.859 0 0 0 .846-.87c0-2.114 1.672-3.828 3.721-3.828.47 0 .846-.387.846-.87Z\"\n                    fill=\"#297A71\"\n                    fillRule=\"nonzero\"\n                />\n            </g>\n        </svg>\n    )\n}\n\nSvgTips.propTypes = {\n    title: PropTypes.string,\n    fill: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    stroke: PropTypes.string,\n    color: PropTypes.string,\n}\nexport default SvgTips\n","import {\r\n    Close,\r\n    Root,\r\n    Trigger,\r\n    Overlay,\r\n    Content,\r\n    Title,\r\n    Description,\r\n    Portal,\r\n} from '@radix-ui/react-dialog'\r\n\r\nimport React, { ReactNode } from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\nimport { Close as CloseIcon } from '../../../assets/icons'\r\n\r\ninterface StyleProps {\r\n    iconBGColor?: string\r\n    iconBorder?: string\r\n}\r\n\r\ntype RuleNames =\r\n    | 'overlayContainer'\r\n    | 'container'\r\n    | 'overlay'\r\n    | 'button'\r\n    | 'circleIcon'\r\n    | '@keyframes animatetop'\r\n    | '@keyframes fadeIn'\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>({\r\n    // const useStyles = createUseStyles({\r\n    '@keyframes animatetop': {\r\n        from: {\r\n            top: '20px',\r\n            opacity: 0,\r\n        },\r\n        to: {\r\n            top: '50%',\r\n            opacity: 1,\r\n        },\r\n    },\r\n    '@keyframes fadeIn': {\r\n        from: {\r\n            opacity: 0,\r\n        },\r\n        to: {\r\n            opacity: 1,\r\n        },\r\n    },\r\n    overlayContainer: {\r\n        position: 'fixed',\r\n        top: '0',\r\n        left: '0',\r\n        width: '100%',\r\n        height: '100svh',\r\n        zIndex: 6,\r\n    },\r\n    container: {\r\n        backgroundColor: 'white',\r\n        borderRadius: '6px',\r\n        boxShadow:\r\n            // eslint-disable-next-line max-len\r\n            'rgba(14, 18, 22, 0.35) 0px 10px 38px -10px, rgba(14, 18, 22, 0.2) 0px 10px 20px -15px',\r\n        position: 'fixed',\r\n        top: '50%',\r\n        left: '50%',\r\n        transform: 'translate(-50%, -50%)',\r\n        width: '90vw',\r\n        maxWidth: '500px',\r\n        maxHeight: '85vh',\r\n        padding: '2.75rem',\r\n        animation: '.6s $animatetop',\r\n        AnimationEffect: 'easeInOut',\r\n        pointerEvents: 'auto',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        alignItems: 'center',\r\n        textAlign: 'center',\r\n        zIndex: 5,\r\n        '&.withIcon': {\r\n            paddingTop: '80px',\r\n        },\r\n    },\r\n    overlay: {\r\n        backgroundColor: 'rgba(0, 0, 0, 0.6)',\r\n        position: 'fixed',\r\n        inset: '0px',\r\n        animation: '.3s $fadeIn',\r\n    },\r\n    button: {\r\n        position: 'absolute',\r\n        right: 0,\r\n        top: 0,\r\n        display: 'inline-block',\r\n        padding: '0.75em 1.75em',\r\n        margin: '0 0.3em 0.3em 0',\r\n        borderRadius: '0.25em',\r\n        boxSizing: 'border-box',\r\n        textDecoration: 'none',\r\n        fontWeight: 400,\r\n        textAlign: 'center',\r\n        transition: 'all 0.2s',\r\n        background: 'transparent',\r\n        boxShadow: 0,\r\n        '&:hover': {\r\n            cursor: 'pointer',\r\n        },\r\n        '-webkit-appearance': 'none',\r\n        '-moz-appearance': 'none',\r\n        border: 0,\r\n        '&:hover svg': {\r\n            fill: colors.gray500,\r\n        },\r\n    },\r\n    circleIcon: {\r\n        position: 'absolute',\r\n        top: '-40px',\r\n        width: '80px',\r\n        height: '80px',\r\n        borderRadius: '50%',\r\n        backgroundColor: ({ iconBGColor }) => {\r\n            return iconBGColor || colors.blue300\r\n        },\r\n        border: ({ iconBorder }) => {\r\n            return `2px solid ${iconBorder || colors.white}`\r\n        },\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        marginRight: '1rem',\r\n    },\r\n})\r\n\r\nconst DialogTrigger: React.FC = ({ children }) => {\r\n    return <Trigger>{children}</Trigger>\r\n}\r\n\r\ntype DialogProps = {\r\n    title?: string\r\n    description?: string\r\n    trigger?: ReactNode\r\n    defaultOpen?: boolean\r\n    hideClose?: boolean\r\n    icon?: ReactNode\r\n    iconBGColor?: string\r\n    iconBorder?: string\r\n}\r\n\r\nconst defaultProps = {\r\n    title: '',\r\n    description: '',\r\n    trigger: <>Trigger</>,\r\n    defaultOpen: false,\r\n    hideClose: false,\r\n    icon: undefined,\r\n    iconBGColor: colors.blue300,\r\n    iconBorder: colors.white,\r\n}\r\n\r\nconst Dialog: React.FC<DialogProps> = ({\r\n    children,\r\n    title,\r\n    description,\r\n    trigger,\r\n    defaultOpen,\r\n    hideClose,\r\n    icon,\r\n    iconBGColor,\r\n    iconBorder,\r\n}) => {\r\n    const handleIsOpen = (): void => {\r\n        const documentWidth = document.documentElement.clientWidth\r\n        const windowWidth = window.innerWidth\r\n        const scrollBarWidth = windowWidth - documentWidth\r\n\r\n        document.body.style.overflow = 'hidden'\r\n        document.body.style.paddingRight = `${scrollBarWidth}px`\r\n        document.body.classList.add('no-scroll')\r\n    }\r\n\r\n    const handleIsClosed = (): void => {\r\n        document.body.style.overflow = 'unset'\r\n        document.body.style.paddingRight = 'unset'\r\n        document.body.classList.remove('no-scroll')\r\n    }\r\n\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = useStyles({\r\n        ...{ iconBGColor, iconBorder },\r\n        theme,\r\n    })\r\n\r\n    return (\r\n        <Root\r\n            defaultOpen={!!defaultOpen}\r\n            onOpenChange={(open) => (open ? handleIsOpen() : handleIsClosed())}\r\n        >\r\n            <Trigger asChild>{trigger}</Trigger>\r\n            <Portal>\r\n                <Overlay className={classes.overlay} />\r\n                <Content\r\n                    className={`${classes.overlayContainer} ${\r\n                        icon ? 'withIcon' : ''\r\n                    }`}\r\n                >\r\n                    <div\r\n                        className={`${classes.container} ${\r\n                            icon ? 'withIcon' : ''\r\n                        }`}\r\n                    >\r\n                        {icon ? (\r\n                            <div className={classes.circleIcon}>{icon}</div>\r\n                        ) : null}\r\n                        <Title>{title}</Title>\r\n                        <Description>{description}</Description>\r\n                        {!hideClose ? (\r\n                            <Close className={classes.button}>\r\n                                <CloseIcon width=\"32px\" />\r\n                            </Close>\r\n                        ) : null}\r\n                        {children}\r\n                    </div>\r\n                </Content>\r\n            </Portal>\r\n        </Root>\r\n    )\r\n}\r\n\r\nDialog.defaultProps = defaultProps\r\n\r\nexport { Dialog, DialogTrigger }\r\n","/* eslint-disable react/require-default-props */\r\nimport React from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\n\r\n// Define Component\r\ntype RuleNames = 'text'\r\ninterface TypoStyleProps {\r\n    weight?: string\r\n    size?: TypographyVariants\r\n    color?: string\r\n    spacing?: string\r\n    align?: string\r\n}\r\n\r\nexport type TypographyVariants =\r\n    | 'XXXS'\r\n    | 'XXS'\r\n    | 'XS'\r\n    | 'S'\r\n    | 'M'\r\n    | 'L'\r\n    | 'XL'\r\n    | 'XXL'\r\n    | 'XXXL'\r\n    | 'XXXXL'\r\n\r\nconst sizes = {\r\n    XXXS: 0.75,\r\n    XXS: 0.875,\r\n    XS: 1,\r\n    S: 1.125,\r\n    M: 1.25,\r\n    L: 1.5,\r\n    XL: 1.75,\r\n    XXL: 2.188,\r\n    XXXL: 2.5,\r\n    XXXXL: 3,\r\n}\r\n\r\nconst getLineheight = (size: number): number => {\r\n    const suggested = size * 1.3\r\n    return suggested < 3 ? suggested : 3\r\n}\r\n\r\nconst useStyles = createUseStyles<RuleNames, TypoStyleProps, Jss.Theme>({\r\n    text: {\r\n        fontSize: ({ size }) => {\r\n            return size ? `${sizes[size]}rem` : '1rem'\r\n        },\r\n        fontWeight: ({ weight }) => {\r\n            return weight || 'bold'\r\n        },\r\n\r\n        fontStyle: 'normal',\r\n        lineHeight: ({ size }) => `${getLineheight(sizes[size])}rem`,\r\n        color: ({ color }) => color || colors.black,\r\n        textAlign: ({ align }) => {\r\n            return align || 'left'\r\n        },\r\n        // marginBottom: ({ spacing }) => spacing,\r\n    },\r\n})\r\n\r\nconst Typography: React.FC<TypoProps> = ({\r\n    tag: Tag = 'p',\r\n    size = 'XXXL',\r\n    weight = 'normal',\r\n    color = '#000',\r\n    children,\r\n    spacing = '0.625rem',\r\n    align = 'left',\r\n    ...props\r\n}) => {\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = useStyles({\r\n        ...{ size, weight, color, spacing, align },\r\n        theme,\r\n    })\r\n\r\n    return (\r\n        <Tag {...props} className={classes.text}>\r\n            {children}\r\n        </Tag>\r\n    )\r\n}\r\n\r\ntype TypoProps = {\r\n    spacing?: string\r\n\r\n    color?: string\r\n\r\n    size?: TypographyVariants\r\n\r\n    weight?: 'normal' | 'bold'\r\n\r\n    align?: 'left' | 'center' | 'right'\r\n\r\n    tag?: keyof JSX.IntrinsicElements\r\n} & React.HTMLAttributes<HTMLOrSVGElement>\r\n\r\nexport { Typography }\r\n","const breakpoints = {\r\n    Desktop: 990,\r\n}\r\n\r\nexport default breakpoints\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport breakpoints from '../../../theme/breakpoints'\r\n\r\nexport interface Props {\r\n    onClick?: () => void\r\n    type?: 'primary' | 'secondary' | 'danger' | 'warning' | 'action'\r\n    size?: 'medium' | 'large' | 'xlarge'\r\n    disabled?: boolean\r\n    icon?: JSX.Element\r\n    buttonType?: 'button' | 'submit'\r\n    style?: React.CSSProperties\r\n}\r\n\r\nexport interface ButtonLinkProps {\r\n    type?: 'primary' | 'secondary' | 'danger' | 'warning' | 'action'\r\n    href?: string\r\n    target?: string\r\n    icon?: JSX.Element\r\n    size?: 'medium' | 'large' | 'xlarge'\r\n}\r\n\r\nconst BUTTON_CONTAINER = 'button'\r\n\r\nconst useStyles = createUseStyles((theme) => ({\r\n    [BUTTON_CONTAINER]: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        padding: '0.5em 1.75em',\r\n        margin: '0 0.3em 0.3em 0',\r\n        borderRadius: '6px',\r\n        boxSizing: 'border-box',\r\n        textDecoration: 'none',\r\n        fontWeight: 400,\r\n        textAlign: 'center',\r\n        transition: 'all 0.2s',\r\n        boxShadow: 0,\r\n        '&:hover': {\r\n            cursor: 'pointer',\r\n        },\r\n        '-webkit-appearance': 'none',\r\n        '-moz-appearance': 'none',\r\n        border: 0,\r\n    },\r\n\r\n    medium: {\r\n        fontSize: '.875em',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                fontSize: '.875em',\r\n            },\r\n        },\r\n    },\r\n\r\n    large: {\r\n        fontSize: '.875em',\r\n        minHeight: '48px',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                fontSize: '1rem',\r\n            },\r\n        },\r\n    },\r\n    xlarge: {\r\n        fontSize: '.875em',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                fontSize: '1.125rem',\r\n            },\r\n        },\r\n    },\r\n\r\n    action: {\r\n        composes: `$${BUTTON_CONTAINER}`,\r\n        backgroundColor: theme.colors.white,\r\n        color: theme.colors.black,\r\n        padding: 0,\r\n        margin: 0,\r\n        height: 'auto',\r\n        width: 'auto',\r\n        display: 'block',\r\n    },\r\n\r\n    primary: () => ({\r\n        composes: `$${BUTTON_CONTAINER}`,\r\n        backgroundColor: theme.colors.green500,\r\n        color: theme.colors.white,\r\n        '& > svg': {\r\n            fill: theme.colors.white,\r\n        },\r\n        '&:hover': {\r\n            backgroundColor: theme.colors.green600,\r\n        },\r\n        '&:focus, &:active': {\r\n            outline: `2px solid ${theme.colors.white}`,\r\n            outlineOffset: '-2px',\r\n        },\r\n        '&:disabled': {\r\n            opacity: 0.3,\r\n        },\r\n    }),\r\n    secondary: {\r\n        composes: `$${BUTTON_CONTAINER}`,\r\n        backgroundColor: theme.colors.white,\r\n        color: theme.colors.black,\r\n        border: '1px solid #DDDDDD',\r\n        '& > svg': {\r\n            fill: theme.colors.green500,\r\n        },\r\n        '&:hover': {\r\n            backgroundColor: theme.colors.green600,\r\n            color: theme.colors.white,\r\n            '&:hover svg': {\r\n                fill: theme.colors.white,\r\n            },\r\n        },\r\n        '&:active': {\r\n            outline: `2px solid ${theme.colors.green600}`,\r\n            backgroundColor: theme.colors.white,\r\n            outlineOffset: '-2px',\r\n            color: theme.colors.black,\r\n        },\r\n        '&:disabled': {\r\n            opacity: 0.3,\r\n        },\r\n    },\r\n    danger: {\r\n        composes: `$${BUTTON_CONTAINER}`,\r\n        backgroundColor: theme.colors.red500,\r\n        color: theme.colors.white,\r\n        border: '1px solid #DDDDDD',\r\n        '&:hover': {\r\n            backgroundColor: theme.colors.red600,\r\n            color: theme.colors.white,\r\n        },\r\n        '&:active': {\r\n            outline: `2px solid ${theme.colors.red600}`,\r\n            backgroundColor: theme.colors.white,\r\n            outlineOffset: '-2px',\r\n            color: theme.colors.black,\r\n        },\r\n        '&:disabled': {\r\n            opacity: 0.3,\r\n        },\r\n    },\r\n    warning: {\r\n        composes: `$${BUTTON_CONTAINER}`,\r\n        backgroundColor: theme.colors.orange500,\r\n        color: theme.colors.white,\r\n        '&:hover': {\r\n            backgroundColor: theme.colors.orange600,\r\n            color: theme.colors.white,\r\n        },\r\n        '&:focus, &:active': {\r\n            outline: `2px solid ${theme.colors.orange600}`,\r\n            backgroundColor: theme.colors.white,\r\n            outlineOffset: '-2px',\r\n            color: theme.colors.black,\r\n        },\r\n        '&:disabled': {\r\n            opacity: 0.3,\r\n        },\r\n    },\r\n    icon: {\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        justifyContent: 'center',\r\n        marginRight: '.5rem',\r\n        '& svg': {\r\n            width: '1.75em',\r\n        },\r\n    },\r\n}))\r\n\r\nconst Button: React.FC<Props> = (\r\n    {\r\n        children,\r\n        onClick,\r\n        type = 'primary',\r\n        size = 'medium',\r\n        disabled = false,\r\n        icon,\r\n        buttonType = 'button',\r\n        style,\r\n    },\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    ref\r\n) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <button\r\n            className={`${classes[type]} ${classes[size]}`}\r\n            onClick={onClick}\r\n            type={buttonType === 'button' ? 'button' : 'submit'}\r\n            disabled={disabled}\r\n            style={style}\r\n        >\r\n            {icon && <span className={classes.icon}>{icon}</span>}\r\n            {children}\r\n        </button>\r\n    )\r\n}\r\n\r\nconst ButtonLink: React.FC<ButtonLinkProps> = (\r\n    { children, size = 'medium', icon, type, href, target },\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    ref\r\n) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <a\r\n            className={`${classes[type]} ${classes[size]}`}\r\n            href={href}\r\n            target={target}\r\n        >\r\n            {icon && <span className={classes.icon}>{icon}</span>}\r\n            {children}\r\n        </a>\r\n    )\r\n}\r\n\r\nexport { Button, ButtonLink }\r\n","import { atom } from 'jotai'\r\n\r\nconst isAuthenticatedAtom = atom<boolean>(false)\r\nconst chooseImitatorAtom = atom<boolean>(false)\r\nconst authRoles = atom<string[]>([])\r\n\r\nexport { isAuthenticatedAtom, chooseImitatorAtom, authRoles }\r\n","/* eslint-disable react/require-default-props */\r\nimport React, {\r\n    DetailedHTMLProps,\r\n    SelectHTMLAttributes,\r\n    useEffect,\r\n    useState,\r\n} from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\n\r\nexport interface ISelectOptions {\r\n    label: string\r\n    value: string\r\n}\r\n\r\nexport type SelectProps3 = {\r\n    options: ISelectOptions[]\r\n    useControlled?: boolean\r\n    isOpen?: boolean\r\n    hasError?: boolean\r\n} & Omit<\r\n    DetailedHTMLProps<\r\n        SelectHTMLAttributes<HTMLSelectElement>,\r\n        HTMLSelectElement\r\n    >,\r\n    'size'\r\n>\r\n\r\nconst useStyles = createUseStyles({\r\n    wrap: {\r\n        position: 'relative',\r\n        height: '3.125rem',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        overflow: 'hidden',\r\n    },\r\n    select: {\r\n        position: 'relative',\r\n        height: '3.125rem',\r\n        border: 0,\r\n        width: '100%',\r\n        fontSize: '1rem',\r\n        paddingTop: '.75rem',\r\n        paddingLeft: '.5rem',\r\n        paddingRight: '1rem',\r\n        cursor: 'pointer',\r\n        color: colors.black,\r\n\r\n        '&:focus-visible': {\r\n            outline: 'none',\r\n        },\r\n        '&:focus-within + label:not([class^=\"label\"])': {\r\n            color: colors.green500,\r\n            fontSize: '0.75rem',\r\n            height: 'auto',\r\n            width: 'auto',\r\n            backgroundColor: 'transparent',\r\n        },\r\n        '&:focus + label + label:not([class^=\"label\"])': {\r\n            borderColor: colors.green500,\r\n            outlineColor: colors.green500,\r\n            paddingTop: '12px',\r\n        },\r\n        '&:active + label + label:not([class^=\"label\"])': {\r\n            borderColor: colors.green500,\r\n            outlineColor: colors.green500,\r\n            paddingTop: '12px',\r\n        },\r\n        '&:disabled + label': {\r\n            color: colors.labelColor,\r\n            '& + span': {\r\n                color: colors.labelColor,\r\n            },\r\n        },\r\n    },\r\n    hasValue: {\r\n        color: colors.green500,\r\n        fontSize: '0.75rem',\r\n        height: 'auto',\r\n        width: 'auto',\r\n\r\n        transitionDuration: '300ms',\r\n        pointerEvents: 'none',\r\n        position: 'absolute',\r\n        top: '0',\r\n        left: '0',\r\n        zIndex: 1,\r\n        paddingTop: '0.17rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '1rem',\r\n        cursor: 'pointer',\r\n    },\r\n    label: {\r\n        transitionDuration: '300ms',\r\n        pointerEvents: 'none',\r\n        position: 'absolute',\r\n        top: '0',\r\n        left: '0',\r\n        width: 'calc(100% - 20px)',\r\n        height: '100%',\r\n        zIndex: 1,\r\n        fontSize: '1rem',\r\n        paddingTop: '.75rem',\r\n        paddingLeft: '0.75rem',\r\n        paddingRight: '1rem',\r\n        cursor: 'pointer',\r\n        backgroundColor: colors.white,\r\n        color: colors.labelColor,\r\n    },\r\n})\r\n\r\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps3>(\r\n    (\r\n        {\r\n            options,\r\n            onChange,\r\n            defaultValue,\r\n            name,\r\n            placeholder,\r\n            isOpen,\r\n            useControlled,\r\n            hasError,\r\n            ...props\r\n        },\r\n        ref\r\n    ) => {\r\n        const classes = useStyles()\r\n        const [query, setQuery] = useState<string | number | readonly string[]>(\r\n            defaultValue\r\n        )\r\n\r\n        useEffect(() => {\r\n            if (useControlled) {\r\n                setQuery(props.value)\r\n            }\r\n        }, [props.value, useControlled])\r\n\r\n        useEffect(() => {\r\n            if (isOpen !== undefined && !isOpen) {\r\n                setQuery('')\r\n            }\r\n        }, [isOpen])\r\n\r\n        return (\r\n            <div\r\n                className={classes.wrap}\r\n                style={{\r\n                    ...{\r\n                        border: `1px solid ${\r\n                            hasError ? colors.error : colors.borderColor\r\n                        }`,\r\n                        backgroundColor: hasError\r\n                            ? colors.errorBg\r\n                            : colors.white,\r\n                    },\r\n                }}\r\n            >\r\n                <select\r\n                    ref={ref}\r\n                    name={name}\r\n                    id={name}\r\n                    {...props}\r\n                    className={classes.select}\r\n                    defaultValue={defaultValue}\r\n                    onChange={(e) => {\r\n                        setQuery(e.target.value)\r\n                        onChange(e)\r\n                    }}\r\n                >\r\n                    {!defaultValue ? (\r\n                        <option value=\"\" hidden>\r\n                            {' '}\r\n                        </option>\r\n                    ) : null}\r\n                    {options.map(({ label, value }) => (\r\n                        <option value={value}>{label}</option>\r\n                    ))}\r\n                </select>\r\n\r\n                <label\r\n                    style={{\r\n                        ...{\r\n                            backgroundColor: hasError\r\n                                ? 'transparent'\r\n                                : colors.white,\r\n                        },\r\n                    }}\r\n                    htmlFor={name}\r\n                    className={\r\n                        query && query !== '' ? classes.hasValue : classes.label\r\n                    }\r\n                >\r\n                    {placeholder || name}\r\n                </label>\r\n            </div>\r\n        )\r\n    }\r\n)\r\n\r\nexport { Select }\r\n","import { mapDepartments } from '../../models/Department'\r\nimport { axiosWithAuth } from '../withAuth'\r\n\r\n// opslagsdata/hentafdelinger\r\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\nconst getDepartments = async () => {\r\n    const response = await axiosWithAuth.get(`/opslagsdata/hentafdelinger`)\r\n\r\n    return mapDepartments(response.data.Afdelinger)\r\n}\r\n\r\nexport { getDepartments }\r\n","import React, {\r\n    ChangeEvent,\r\n    DetailedHTMLProps,\r\n    FC,\r\n    forwardRef,\r\n    InputHTMLAttributes,\r\n    useEffect,\r\n    useState,\r\n} from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\nimport { LockFill } from '../../../assets/icons'\r\n\r\ntype RuleNames = 'label' | 'input' | 'container' | 'span' | 'lock'\r\n\r\ninterface StyleProps {\r\n    query: string\r\n    hasError: boolean\r\n    isDatePicker?: boolean\r\n}\r\n\r\nexport type InputProps = {\r\n    label: string\r\n    required: boolean\r\n    useDisabled?: boolean\r\n    hasError?: boolean\r\n    useFloats?: boolean\r\n    isDatePicker?: boolean\r\n    onChangeHandler?: (v: string) => void\r\n} & Omit<\r\n    DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\r\n    'size'\r\n>\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>({\r\n    container: {\r\n        position: 'relative',\r\n        display: 'block',\r\n    },\r\n    label: {\r\n        position: 'relative',\r\n        width: '100%',\r\n        '&:focus-within > span': {\r\n            color: colors.green500,\r\n            transform: 'translateY(-15px)',\r\n            fontSize: '0.75rem',\r\n        },\r\n        color: colors.labelColor,\r\n    },\r\n    input: {\r\n        minHeight: '48px',\r\n        // border: ({ hasError }) =>\r\n        //     `1px solid ${hasError ? colors.error : colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        paddingLeft: '0.75rem',\r\n        // backgroundColor: ({ hasError }) => (hasError ? colors.errorBg : 'none'),\r\n\r\n        paddingTop: ({ isDatePicker }) => (isDatePicker ? '12px' : '0'),\r\n\r\n        '& + span': {\r\n            transform: ({ isDatePicker }) =>\r\n                isDatePicker ? 'translateY(-15px)' : 'none',\r\n            color: ({ isDatePicker }) =>\r\n                isDatePicker ? colors.green500 : colors.labelColor,\r\n            fontSize: ({ isDatePicker }) => (isDatePicker ? '0.75rem' : '1rem'),\r\n        },\r\n\r\n        '&::placeholder': {\r\n            opacity: '0',\r\n        },\r\n        color: colors.black,\r\n        '&:not(:placeholder-shown) + span': {\r\n            color: colors.green500,\r\n            transform: 'translateY(-15px)',\r\n            fontSize: '0.75rem',\r\n        },\r\n        '&:not(:placeholder-shown)': {\r\n            paddingTop: '12px',\r\n        },\r\n        //  backgroundColor: ({ hasError }) => (hasError ? colors.errorBg : 'none'),\r\n        '&:focus': {\r\n            borderColor: ({ hasError }) =>\r\n                hasError ? colors.error : colors.green500,\r\n            outlineColor: ({ hasError }) =>\r\n                hasError ? colors.error : colors.green500,\r\n            paddingTop: '12px',\r\n        },\r\n        '&:active': {\r\n            borderColor: colors.green500,\r\n            outlineColor: colors.green500,\r\n            paddingTop: '12px',\r\n        },\r\n        '&:disabled': {\r\n            backgroundColor: '#F5F6F8',\r\n            color: colors.black,\r\n            '& + span': {\r\n                color: colors.black,\r\n            },\r\n        },\r\n    },\r\n    span: {\r\n        position: 'absolute',\r\n        top: '0',\r\n        left: '.75rem',\r\n        fontSize: '1rem',\r\n        transitionDuration: '300ms',\r\n        color: colors.labelColor,\r\n    },\r\n    lock: {\r\n        position: 'absolute',\r\n        top: '0',\r\n        right: '10px',\r\n        opacity: '.5',\r\n    },\r\n})\r\n\r\nexport const Input: FC<InputProps> = forwardRef<HTMLInputElement, InputProps>(\r\n    (\r\n        {\r\n            label,\r\n            required,\r\n            type,\r\n            useDisabled,\r\n            hasError,\r\n            isDatePicker,\r\n            ...props\r\n        },\r\n        ref\r\n    ) => {\r\n        const [query] = useState<string>('')\r\n        const theme = useTheme<Jss.Theme>()\r\n        const [error, setError] = useState(false)\r\n        const classes = useStyles({\r\n            ...{ query, hasError: error, isDatePicker },\r\n            theme,\r\n        })\r\n\r\n        useEffect(() => {\r\n            setError(hasError)\r\n        }, [hasError])\r\n\r\n        return (\r\n            <div className={classes.container}>\r\n                <label htmlFor={label} className={classes.label}>\r\n                    <input\r\n                        type={type || 'text'}\r\n                        id={label}\r\n                        placeholder={label}\r\n                        className={classes.input}\r\n                        {...props}\r\n                        ref={ref}\r\n                        required={required}\r\n                        autoComplete=\"off\"\r\n                        style={{\r\n                            ...props.style,\r\n                            ...{\r\n                                // background: error\r\n                                //     ? colors.errorBg\r\n                                //     : colors.white,\r\n                                border: `1px solid ${\r\n                                    hasError ? colors.error : colors.borderColor\r\n                                }`,\r\n                            },\r\n                        }}\r\n                    />\r\n                    <span className={classes.span}>\r\n                        {label} {required && <span> *</span>}\r\n                    </span>\r\n                    {props.disabled && useDisabled ? (\r\n                        <span className={classes.lock}>\r\n                            <LockFill width=\"16px\" fill={colors.gray900} />\r\n                        </span>\r\n                    ) : null}\r\n                </label>\r\n            </div>\r\n        )\r\n    }\r\n)\r\n\r\nInput.defaultProps = {\r\n    useDisabled: true,\r\n    useFloats: false,\r\n    hasError: false,\r\n    isDatePicker: false,\r\n}\r\n\r\nexport const InputNumber: FC<InputProps> = forwardRef<\r\n    HTMLInputElement,\r\n    InputProps\r\n>(({ label, required, type, onChange, hasError, useFloats, ...props }, ref) => {\r\n    const [query] = useState<string>('')\r\n    const theme = useTheme<Jss.Theme>()\r\n    const [error, setError] = useState(false)\r\n    const classes = useStyles({ ...{ query, hasError: error }, theme })\r\n\r\n    useEffect(() => {\r\n        setError(hasError)\r\n    }, [hasError])\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLInputElement>): void => {\r\n        let newValue = event.target.value\r\n        const modified = event\r\n        if (useFloats) {\r\n            newValue = newValue.replace(/[^0-9.,]/g, '')\r\n            newValue = newValue\r\n                .replace(/\\./, '#')\r\n                .replace(/\\./g, '')\r\n                .replace(/#/, '.')\r\n            modified.target.value = newValue\r\n        } else {\r\n            modified.target.value = newValue.replace(/[^0-9]/g, '')\r\n        }\r\n\r\n        if (onChange) {\r\n            onChange(modified)\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div className={classes.container}>\r\n            <label htmlFor={label} className={classes.label}>\r\n                <input\r\n                    type={type || 'text'}\r\n                    id={label}\r\n                    placeholder={label}\r\n                    className={classes.input}\r\n                    {...props}\r\n                    ref={ref}\r\n                    required={required}\r\n                    onChange={handleChange}\r\n                    autoComplete=\"off\"\r\n                    style={{\r\n                        ...props.style,\r\n                        ...{\r\n                            // background: error ? colors.errorBg : colors.white,\r\n                            border: `1px solid ${\r\n                                hasError ? colors.error : colors.borderColor\r\n                            }`,\r\n                        },\r\n                    }}\r\n                />\r\n                <span className={classes.span}>\r\n                    {label} {required && <span> *</span>}\r\n                </span>\r\n                {props.disabled ? (\r\n                    <span className={classes.lock}>\r\n                        <LockFill width=\"16px\" fill={colors.gray900} />\r\n                    </span>\r\n                ) : null}\r\n            </label>\r\n        </div>\r\n    )\r\n})\r\n\r\nInputNumber.defaultProps = {\r\n    useFloats: false,\r\n}\r\n\r\nexport default Input\r\n","import { useState, useEffect } from 'react'\r\nimport { throttle } from 'throttle-debounce'\r\n\r\ninterface WindowSize {\r\n    width: number\r\n    height: number\r\n}\r\n\r\nconst useWindowResize = (): WindowSize => {\r\n    const [windowSize, setWindowSize] = useState<WindowSize>({\r\n        width: typeof window === 'undefined' ? 0 : window.innerWidth,\r\n        height: typeof window === 'undefined' ? 0 : window.innerHeight,\r\n    })\r\n\r\n    useEffect(() => {\r\n        const onResize = (): void => {\r\n            setWindowSize({\r\n                width: window.innerWidth,\r\n                height: window.innerHeight,\r\n            })\r\n        }\r\n\r\n        const resizeHandler = throttle(200, onResize)\r\n\r\n        window.addEventListener('resize', resizeHandler)\r\n\r\n        onResize()\r\n\r\n        return () => window.removeEventListener('resize', resizeHandler)\r\n    }, [])\r\n\r\n    return windowSize\r\n}\r\n\r\nexport { useWindowResize }\r\n","/* eslint-disable react/require-default-props */\r\nimport React from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { Link } from 'react-router-dom'\r\nimport { colors } from '../../../theme/palette'\r\nimport { useWindowResize } from '../../../hooks/useWindowSize'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { Button } from '../Button/Button'\r\n\r\ntype RuleNames = 'row' | 'withHover' | 'wrapper'\r\n\r\ninterface StyleProps {\r\n    gridTemplateColumns?: string\r\n    minHeight?: string\r\n}\r\n\r\ntype Props = {\r\n    gridTemplateColumns?: string\r\n    url?: string | undefined\r\n    minHeight?: string\r\n    onClick?: () => void\r\n    useHover?: boolean\r\n    showFooter?: boolean\r\n    footer?: any\r\n}\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>(() => ({\r\n    row: ({ gridTemplateColumns, minHeight }) => {\r\n        return {\r\n            position: 'relative',\r\n            backgroundColor: colors.white,\r\n            width: '100%',\r\n            color: 'black',\r\n            display: 'grid',\r\n            gridTemplateColumns,\r\n            minHeight: minHeight || '65px',\r\n        }\r\n    },\r\n    wrapper: {\r\n        borderRadius: '4px',\r\n        marginBottom: '5px',\r\n        backgroundColor: colors.white,\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        overflow: 'hidden',\r\n    },\r\n    withHover: {\r\n        transition: '.15s ease-in',\r\n        '&:hover': {\r\n            cursor: 'pointer',\r\n            backgroundColor: '#f5f5f5',\r\n        },\r\n    },\r\n}))\r\n\r\nconst Card: React.FC<Props> = ({\r\n    gridTemplateColumns = 'repeat( auto-fit, minmax(1px, 1fr) )',\r\n    url,\r\n    minHeight,\r\n    children,\r\n    onClick,\r\n    useHover,\r\n    showFooter,\r\n    footer,\r\n}) => {\r\n    const windowSize = useWindowResize()\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = useStyles({ ...{ gridTemplateColumns, minHeight }, theme })\r\n\r\n    if (windowSize.width >= breakpoints.Desktop) {\r\n        if (url) {\r\n            return (\r\n                <div className={classes.wrapper}>\r\n                    <Link\r\n                        tabIndex={0}\r\n                        className={`${classes.row} ${classes.withHover}`}\r\n                        to={url}\r\n                    >\r\n                        {children}\r\n                    </Link>\r\n                </div>\r\n            )\r\n        }\r\n\r\n        return (\r\n            <div className={classes.wrapper}>\r\n                <div\r\n                    role=\"button\"\r\n                    tabIndex={-1}\r\n                    className={`${classes.row} ${\r\n                        useHover ? classes.withHover : ''\r\n                    }`}\r\n                    onKeyDown={onClick}\r\n                    onClick={onClick}\r\n                    style={{ cursor: onClick ? 'pointer' : 'inherit' }}\r\n                >\r\n                    {children}\r\n                </div>\r\n                {footer && showFooter ? <div>{footer}</div> : null}\r\n            </div>\r\n        )\r\n    }\r\n\r\n    return null\r\n}\r\n\r\nCard.defaultProps = {\r\n    useHover: false,\r\n}\r\n\r\nexport { Card }\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    container: {\r\n        width: '100%',\r\n    },\r\n}))\r\n\r\nconst CardList: React.FC = ({ children }) => {\r\n    const classes = useStyles()\r\n\r\n    return <div className={classes.container}>{children}</div>\r\n}\r\n\r\nexport { CardList }\r\n","import React from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { Link } from 'react-router-dom'\r\nimport { colors } from '../../../theme/palette'\r\nimport { useWindowResize } from '../../../hooks/useWindowSize'\r\nimport breakpoints from '../../../theme/breakpoints'\r\n\r\ntype RuleNames = 'row'\r\n\r\ninterface StyleProps {\r\n    gridTemplateColumns?: string\r\n}\r\n\r\ninterface CardMobileProps {\r\n    url?: string | undefined\r\n    gridTemplateColumns?: string\r\n    onClick?: () => void\r\n}\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>(() => ({\r\n    row: ({ gridTemplateColumns }) => {\r\n        return {\r\n            position: 'relative',\r\n            backgroundColor: colors.white,\r\n            width: '100%',\r\n            color: 'black',\r\n            marginBottom: '1rem',\r\n            display: 'grid',\r\n            gridTemplateColumns,\r\n            padding: '10px',\r\n        }\r\n    },\r\n}))\r\n\r\nconst CardMobile: React.FC<CardMobileProps> = ({\r\n    url,\r\n    gridTemplateColumns,\r\n    onClick,\r\n    children,\r\n}) => {\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = useStyles({ ...{ gridTemplateColumns }, theme })\r\n    const windowSize = useWindowResize()\r\n\r\n    if (windowSize.width < breakpoints.Desktop) {\r\n        if (url) {\r\n            return (\r\n                <Link tabIndex={0} className={`${classes.row}`} to={url}>\r\n                    {children}\r\n                </Link>\r\n            )\r\n        }\r\n\r\n        return (\r\n            <div\r\n                className={classes.row}\r\n                onClick={onClick && onClick}\r\n                role=\"button\"\r\n                tabIndex={-1}\r\n                onKeyDown={onClick}\r\n            >\r\n                {children}\r\n            </div>\r\n        )\r\n    }\r\n\r\n    return null\r\n}\r\n\r\nCardMobile.defaultProps = {\r\n    gridTemplateColumns: '20% 80%',\r\n}\r\n\r\nexport { CardMobile }\r\n","/* eslint-disable react/require-default-props */\r\nimport React from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { useWindowResize } from '../../../hooks/useWindowSize'\r\nimport breakpoints from '../../../theme/breakpoints'\r\n\r\ntype RuleNames = 'header'\r\n\r\ninterface StyleProps {\r\n    gridTemplateColumns?: string\r\n}\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>({\r\n    header: {\r\n        display: 'grid',\r\n        gridTemplateColumns: ({ gridTemplateColumns }) => {\r\n            return gridTemplateColumns\r\n        },\r\n    },\r\n})\r\n\r\nconst cellStyles = createUseStyles({\r\n    headerCell: {\r\n        padding: '.7rem 1rem',\r\n    },\r\n})\r\n\r\nconst CardHeader: React.FC<Props> = ({\r\n    children,\r\n    gridTemplateColumns = 'repeat( auto-fit, minmax(1px, 1fr) )',\r\n}) => {\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = useStyles({ ...{ gridTemplateColumns }, theme })\r\n\r\n    return <div className={classes.header}>{children}</div>\r\n}\r\n\r\nconst CardHeaderCell: React.FC = ({ children }) => {\r\n    const windowSize = useWindowResize()\r\n    const classes = cellStyles()\r\n\r\n    if (windowSize.width >= breakpoints.Desktop) {\r\n        return <div className={classes.headerCell}>{children}</div>\r\n    }\r\n\r\n    return null\r\n}\r\n\r\ntype Props = {\r\n    gridTemplateColumns?: string\r\n}\r\n\r\nexport { CardHeader, CardHeaderCell }\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    row: {\r\n        backgroundColor: colors.white,\r\n        width: '100%',\r\n        color: 'black',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n    },\r\n}))\r\n\r\nconst CardContentMobile: React.FC = ({ children }) => {\r\n    const classes = useStyles()\r\n\r\n    return <div className={classes.row}>{children}</div>\r\n}\r\n\r\nexport { CardContentMobile }\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    container: {\r\n        position: 'relative',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        justifyContent: 'center',\r\n        flexBasis: 'auto',\r\n        padding: '.7rem 1rem',\r\n    },\r\n    containerOpen: {\r\n        position: 'relative',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        justifyContent: 'start',\r\n        flexBasis: 'auto',\r\n        padding: '.7rem 1rem',\r\n    },\r\n    overflowHidden: {\r\n        overflow: 'hidden',\r\n    },\r\n}))\r\n\r\ninterface ICardCell {\r\n    overflowHidden?: boolean\r\n    onClick?: () => void\r\n    isOpen?: boolean\r\n}\r\n\r\nconst CardCell: React.FC<ICardCell> = ({\r\n    overflowHidden,\r\n    isOpen,\r\n    onClick,\r\n    children,\r\n}) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <div\r\n            className={`${isOpen ? classes.containerOpen : classes.container} ${\r\n                overflowHidden ? classes.overflowHidden : ''\r\n            }`}\r\n            role=\"button\"\r\n            onClick={onClick && onClick}\r\n            onKeyDown={onClick && onClick}\r\n            tabIndex={-1}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nCardCell.defaultProps = {\r\n    overflowHidden: false,\r\n}\r\n\r\nexport { CardCell }\r\n","import { createUseStyles } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\n\r\ntype RuleNames = 'circle' | 'text' | 'image' | 'iconContainer'\r\ntype RuleNamesCirleIcon = 'iconContainer'\r\n\r\ninterface StyleProps {\r\n    mWidth?: string\r\n    customRight?: string\r\n    fontSize?: string\r\n    iconWidth?: string\r\n    backgroundColor?: string\r\n    borderColor?: string\r\n    borderWidth?: string\r\n}\r\n\r\ninterface CirleIconStylesProps {\r\n    width: string\r\n    backgroundColor?: string\r\n    withBorder?: boolean\r\n    borderWidth: string\r\n}\r\n\r\nexport const cirleIconStyles = createUseStyles<\r\n    RuleNamesCirleIcon,\r\n    CirleIconStylesProps,\r\n    Jss.Theme\r\n>({\r\n    iconContainer: {\r\n        position: 'relative',\r\n        width: ({ width }) => width,\r\n        height: ({ width }) => width,\r\n        backgroundColor: ({ backgroundColor }) => {\r\n            return backgroundColor || colors.blue300\r\n        },\r\n        border: ({ borderWidth, withBorder }) => {\r\n            return withBorder ? `${borderWidth} solid ${colors.white}` : 'none'\r\n        },\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        borderRadius: '50%',\r\n        overflow: 'hidden',\r\n        aspectRatio: '1/1',\r\n    },\r\n})\r\n\r\nexport const styles = createUseStyles<RuleNames, StyleProps, Jss.Theme>({\r\n    circle: {\r\n        position: 'relative',\r\n        width: '100%',\r\n        borderRadius: '50%',\r\n        overflow: 'hidden',\r\n        aspectRatio: '1/1',\r\n        marginRight: ({ customRight }) => {\r\n            return customRight || '1rem'\r\n        },\r\n        maxWidth: ({ mWidth }) => mWidth || '2.75rem',\r\n    },\r\n    text: {\r\n        backgroundColor: colors.blue300,\r\n        height: '100%',\r\n        width: '100%',\r\n        borderRadius: '50%',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        fontSize: ({ fontSize }) => fontSize || '1.125rem',\r\n        color: colors.green500,\r\n        fontWeight: 700,\r\n    },\r\n    image: {\r\n        backgroundColor: colors.black,\r\n        height: '100%',\r\n        width: '100%',\r\n        '& img': {\r\n            objectFit: 'cover',\r\n            width: '100%',\r\n        },\r\n    },\r\n    iconContainer: {\r\n        borderRadius: '50%',\r\n        height: '100%',\r\n        width: '100%',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        color: colors.green500,\r\n        border: `3px solid ${colors.white}`,\r\n        backgroundColor: ({ backgroundColor }) => {\r\n            return backgroundColor || colors.blue300\r\n        },\r\n        borderColor: ({ borderColor }) => {\r\n            return borderColor || colors.white\r\n        },\r\n        borderWidth: ({ borderWidth }) => {\r\n            return borderWidth || '3px'\r\n        },\r\n\r\n        '& > svg': {\r\n            width: ({ iconWidth }) => iconWidth || '70%',\r\n        },\r\n    },\r\n})\r\n","/* eslint-disable react/no-unused-prop-types */\r\nimport React from 'react'\r\nimport { useTheme } from 'react-jss'\r\nimport { styles, cirleIconStyles } from './styles'\r\n\r\ninterface CircleImageProps {\r\n    url: string\r\n}\r\ninterface CircleProps {\r\n    mWidth?: string\r\n    marginRight?: string\r\n    fontSize?: string\r\n    borderWidth?: string\r\n}\r\n\r\ninterface CircleIconProps {\r\n    iconWidth?: string\r\n    backgroundColor?: string\r\n    borderColor?: string\r\n    borderWidth?: string\r\n}\r\n\r\ninterface CircleIcon2Props {\r\n    width: string\r\n    backgroundColor?: string\r\n    withBorder?: boolean\r\n    borderWidth?: string\r\n}\r\n\r\n// TODO Add extra icon (over) possibility - for ex. edit profile pic\r\n\r\nconst Circle: React.FC<CircleProps> = ({\r\n    children,\r\n    mWidth = '2.75rem',\r\n    marginRight = '1rem',\r\n}) => {\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = styles({\r\n        ...{ mWidth, customRight: marginRight },\r\n        theme,\r\n    })\r\n\r\n    return <div className={classes.circle}>{children}</div>\r\n}\r\n\r\nconst CircleText: React.FC<CircleProps> = ({\r\n    children,\r\n    fontSize = '1.125rem',\r\n}) => {\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = styles({\r\n        ...{ fontSize },\r\n        theme,\r\n    })\r\n\r\n    return <div className={classes.text}>{children}</div>\r\n}\r\n\r\nconst CircleIcon: React.FC<CircleIconProps> = ({\r\n    children,\r\n    iconWidth,\r\n    backgroundColor,\r\n    borderColor,\r\n    borderWidth,\r\n}) => {\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = styles({\r\n        ...{ iconWidth, backgroundColor, borderColor, borderWidth },\r\n        theme,\r\n    })\r\n\r\n    return <div className={classes.iconContainer}>{children}</div>\r\n}\r\n\r\nconst CircleIcon2: React.FC<CircleIcon2Props> = ({\r\n    width,\r\n    backgroundColor,\r\n    children,\r\n    withBorder,\r\n    borderWidth,\r\n}) => {\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = cirleIconStyles({\r\n        ...{\r\n            width,\r\n            backgroundColor,\r\n            withBorder,\r\n            borderWidth,\r\n        },\r\n        theme,\r\n    })\r\n\r\n    return <div className={classes.iconContainer}>{children}</div>\r\n}\r\n\r\nconst CircleImage: React.FC<CircleImageProps> = ({ url }) => {\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = styles({\r\n        ...{},\r\n        theme,\r\n    })\r\n\r\n    return (\r\n        <div className={classes.image}>\r\n            <img src={url} alt=\"profileimage\" />\r\n        </div>\r\n    )\r\n}\r\n\r\nCircle.defaultProps = {\r\n    mWidth: '2.75rem',\r\n    marginRight: '1rem',\r\n}\r\n\r\nCircleIcon2.defaultProps = {\r\n    borderWidth: '3px',\r\n}\r\n\r\nexport { Circle, CircleText, CircleImage, CircleIcon, CircleIcon2 }\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { ChevronRight } from '../../../assets/icons'\r\nimport { colors } from '../../../theme/palette'\r\nimport { sortProperty, sortProperties } from '../../../utils/sortHelper'\r\n\r\ninterface Props {\r\n    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void\r\n    sort: sortProperty\r\n    name: sortProperties\r\n}\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    button: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        padding: '0.75em 0',\r\n        margin: '0 0.3em 0.3em 0',\r\n        borderRadius: '6px',\r\n        boxSizing: 'border-box',\r\n        textDecoration: 'none',\r\n        fontWeight: 400,\r\n        textAlign: 'center',\r\n        transition: 'all 0.2s',\r\n        boxShadow: 0,\r\n        '&:hover': {\r\n            cursor: 'pointer',\r\n            color: colors.black,\r\n            fontWeight: '700',\r\n        },\r\n        '-webkit-appearance': 'none',\r\n        '-moz-appearance': 'none',\r\n        fontStyle: 'normal',\r\n        fontSize: '16px',\r\n        lineHeight: '120%',\r\n        color: '#000000',\r\n        border: 0,\r\n        background: 'none',\r\n        '&.active': {\r\n            textDecoration: 'underline',\r\n            fontWeight: '700',\r\n        },\r\n    },\r\n    icon: {\r\n        display: 'flex',\r\n        transform: 'rotate(-90deg)',\r\n        position: 'relative',\r\n        marginLeft: '10px',\r\n        top: '1px',\r\n        '.active &.ascending': {\r\n            transform: 'rotate(90deg)',\r\n        },\r\n    },\r\n}))\r\n\r\nconst SortButton: React.FC<Props> = ({ onClick, sort, name, children }) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <button\r\n            type=\"button\"\r\n            onClick={onClick}\r\n            className={`${classes.button} ${\r\n                sort && sort.property === name ? 'active' : 'passive'\r\n            }`}\r\n        >\r\n            <span>{children}</span>\r\n\r\n            <div\r\n                className={`${classes.icon} ${\r\n                    sort &&\r\n                    sort.property === name &&\r\n                    sort.direction === 'descending '\r\n                        ? 'descending'\r\n                        : 'ascending'\r\n                }`}\r\n            >\r\n                <ChevronRight width=\"6px\" color={colors.gray800} />\r\n            </div>\r\n        </button>\r\n    )\r\n}\r\n\r\nexport { SortButton }\r\n","export const getInitials = (nameString: string): string => {\r\n    const fullName = nameString.split(' ')\r\n    const initials = fullName.shift().charAt(0) + fullName.pop().charAt(0)\r\n    return initials.toUpperCase()\r\n}\r\n","/* eslint-disable max-classes-per-file */\r\nexport interface Idata {\r\n    Nummer: number\r\n    Navn: string\r\n    KortNavn?: string\r\n    Type?: string\r\n}\r\n\r\nexport interface IdataTRfor {\r\n    KortNavn: string\r\n    Navn: string\r\n    Sorteringsorden: number\r\n    Type: string\r\n    Medlemsidenter: number[]\r\n}\r\n\r\nexport class FilterWorkplace {\r\n    name = ''\r\n\r\n    id = 0\r\n\r\n    static build(data: Idata): FilterWorkplace {\r\n        const workPlace = new FilterWorkplace()\r\n\r\n        workPlace.id = data.Nummer\r\n        workPlace.name = data.Navn\r\n\r\n        return workPlace\r\n    }\r\n}\r\n\r\nexport class FilterWorkGroup {\r\n    name = ''\r\n\r\n    id = 0\r\n\r\n    static build(data: Idata): FilterWorkGroup {\r\n        const workGroup = new FilterWorkGroup()\r\n\r\n        workGroup.id = data.Nummer\r\n        workGroup.name = data.Navn\r\n\r\n        return workGroup\r\n    }\r\n}\r\n\r\nexport class FilterPosition {\r\n    name = ''\r\n\r\n    id = 0\r\n\r\n    static build(data: Idata): FilterPosition {\r\n        const obj = new FilterPosition()\r\n\r\n        obj.id = data.Nummer\r\n        obj.name = data.Navn\r\n\r\n        return obj\r\n    }\r\n}\r\n\r\nexport class FilterUpdateStatus {\r\n    name = ''\r\n\r\n    id = ''\r\n}\r\n\r\nexport class FilterTypeOfRepresentative {\r\n    name = ''\r\n\r\n    type = ''\r\n\r\n    shortName = ''\r\n\r\n    static build(data: Idata): FilterTypeOfRepresentative {\r\n        const obj = new FilterTypeOfRepresentative()\r\n\r\n        obj.name = data.Navn\r\n        obj.type = data.Type ? data.Type : ''\r\n        obj.shortName = data.KortNavn ? data.KortNavn : ''\r\n\r\n        return obj\r\n    }\r\n}\r\n\r\nexport class FilterTRFor {\r\n    shortName = ''\r\n\r\n    name = ''\r\n\r\n    sort = 0\r\n\r\n    type = ''\r\n\r\n    memberIds: number[]\r\n\r\n    displayName = ''\r\n\r\n    static build(data: IdataTRfor): FilterTRFor {\r\n        const obj = new FilterTRFor()\r\n\r\n        obj.name = data.Navn\r\n        obj.displayName = `${data.Navn}(${data.KortNavn})`\r\n        obj.shortName = data.KortNavn\r\n        obj.sort = data.Sorteringsorden\r\n        obj.type = data.Type\r\n        obj.memberIds = data.Medlemsidenter\r\n\r\n        return obj\r\n    }\r\n}\r\n\r\nexport interface IFilter {\r\n    workplaces: FilterWorkplace[]\r\n    groups: FilterWorkGroup[]\r\n    positions: FilterPosition[]\r\n    typeOfRepresentative: FilterTypeOfRepresentative[]\r\n    representing: FilterTRFor[]\r\n    updateStatus: FilterUpdateStatus[]\r\n}\r\n\r\nexport const initialFilter: IFilter = {\r\n    workplaces: [],\r\n    groups: [],\r\n    typeOfRepresentative: [],\r\n    representing: [],\r\n    positions: [],\r\n    updateStatus: [],\r\n}\r\n\r\nexport const initialSelectedFilters: IFilter = {\r\n    workplaces: [],\r\n    groups: [],\r\n    typeOfRepresentative: [],\r\n    representing: [],\r\n    positions: [],\r\n    updateStatus: [],\r\n}\r\n","import {\r\n    initialFilter,\r\n    FilterWorkplace,\r\n    IFilter,\r\n    FilterWorkGroup,\r\n    FilterPosition,\r\n    FilterTypeOfRepresentative,\r\n    Idata,\r\n    IdataTRfor,\r\n    FilterTRFor,\r\n    FilterUpdateStatus,\r\n} from '../models/Filter'\r\n\r\nimport { Member } from '../models/Member'\r\n\r\nexport type IFilterData = {\r\n    UdsoegteArbejdssteder: Idata[]\r\n    UdsoegteFaggrupper: Idata[]\r\n    UdsoegteStillinger: Idata[]\r\n    UdsoegteTillidshverv: Idata[]\r\n    TRTillidshvervMedlemLister: IdataTRfor[]\r\n}\r\n\r\nexport function filterTypeOfRepresentative(\r\n    pots: FilterTypeOfRepresentative[],\r\n    items: Member[]\r\n): Member[] {\r\n    const filtered: Member[] = []\r\n\r\n    items.forEach((member) => {\r\n        return member.typeOfRepresentatives.forEach((pot) => {\r\n            const isFound = pots.some((element) => {\r\n                if (element.name === pot.name) {\r\n                    return true\r\n                }\r\n\r\n                return false\r\n            })\r\n\r\n            if (isFound) {\r\n                filtered.push(member)\r\n            }\r\n        })\r\n    })\r\n\r\n    return filtered\r\n}\r\n\r\nexport function filterWorkplaces(\r\n    workplaces: FilterWorkplace[],\r\n    items: Member[]\r\n): Member[] {\r\n    const filtered: Member[] = []\r\n\r\n    items.forEach((member) => {\r\n        return member.workPlaces.forEach((workPlace) => {\r\n            const isFound = workplaces.some((element) => {\r\n                if (element.id === workPlace.number) {\r\n                    return true\r\n                }\r\n\r\n                return false\r\n            })\r\n\r\n            if (isFound) {\r\n                if (!filtered.find((m) => m.memberId === member.memberId)) {\r\n                    filtered.push(member)\r\n                }\r\n            }\r\n        })\r\n    })\r\n\r\n    return filtered\r\n}\r\n\r\nexport function filterWorkgroups(\r\n    workgroups: FilterWorkGroup[],\r\n    items: Member[]\r\n): Member[] {\r\n    const filtered: Member[] = []\r\n\r\n    items.forEach((member) => {\r\n        return member.positions.forEach((position) => {\r\n            const isFound = workgroups.some((element) => {\r\n                if (element.id === position.group.id) {\r\n                    return true\r\n                }\r\n\r\n                return false\r\n            })\r\n\r\n            if (isFound) {\r\n                if (!filtered.find((m) => m.memberId === member.memberId)) {\r\n                    filtered.push(member)\r\n                }\r\n            }\r\n        })\r\n    })\r\n\r\n    return filtered\r\n}\r\n\r\nexport function filterPositions(\r\n    positions: FilterPosition[],\r\n    items: Member[]\r\n): Member[] {\r\n    const filtered: Member[] = []\r\n\r\n    items.forEach((member) => {\r\n        return member.positions.forEach((position) => {\r\n            const isFound = positions.some((element) => {\r\n                if (element.id === position.id) {\r\n                    return true\r\n                }\r\n\r\n                return false\r\n            })\r\n\r\n            if (isFound) {\r\n                if (!filtered.find((m) => m.memberId === member.memberId)) {\r\n                    filtered.push(member)\r\n                }\r\n            }\r\n        })\r\n    })\r\n\r\n    return filtered\r\n}\r\n\r\nexport function filterUpdateStatus(\r\n    statuses: FilterUpdateStatus[],\r\n    items: Member[]\r\n): Member[] {\r\n    const filtered: Member[] = []\r\n\r\n    items.forEach((member) => {\r\n        const isFound = statuses.some((element) => {\r\n            if (element.id === member.status) {\r\n                return true\r\n            }\r\n\r\n            return false\r\n        })\r\n\r\n        if (isFound) {\r\n            filtered.push(member)\r\n        }\r\n    })\r\n\r\n    return filtered\r\n}\r\n\r\nexport function filterTRforHelper(\r\n    trFor: FilterTRFor[],\r\n    items: Member[]\r\n): Member[] {\r\n    const filtered: Member[] = []\r\n\r\n    trFor.forEach((filter) => {\r\n        filter.memberIds.forEach((id) => {\r\n            const m = items.find((mem) => mem.memberId === id)\r\n\r\n            if (m) filtered.push(m)\r\n        })\r\n    })\r\n\r\n    return filtered\r\n}\r\n\r\nexport function initFilter(data: IFilterData): IFilter {\r\n    const filter = { ...initialFilter }\r\n\r\n    if (data.UdsoegteArbejdssteder) {\r\n        filter.workplaces = data.UdsoegteArbejdssteder.map((workPlace: Idata) =>\r\n            FilterWorkplace.build(workPlace)\r\n        )\r\n    }\r\n\r\n    if (data.UdsoegteFaggrupper) {\r\n        filter.groups = data.UdsoegteFaggrupper.map((group: Idata) =>\r\n            FilterWorkGroup.build(group)\r\n        )\r\n    }\r\n\r\n    if (data.UdsoegteStillinger) {\r\n        filter.positions = data.UdsoegteStillinger.map((position: Idata) =>\r\n            FilterPosition.build(position)\r\n        )\r\n    }\r\n\r\n    if (data.UdsoegteTillidshverv) {\r\n        filter.typeOfRepresentative = data.UdsoegteTillidshverv.map(\r\n            (trust: Idata) => FilterTypeOfRepresentative.build(trust)\r\n        )\r\n    }\r\n\r\n    if (data.TRTillidshvervMedlemLister) {\r\n        filter.representing = data.TRTillidshvervMedlemLister.map(\r\n            (trfor: IdataTRfor) => FilterTRFor.build(trfor)\r\n        )\r\n    }\r\n\r\n    return filter\r\n}\r\n\r\nexport function filterItems(selected: IFilter, items: Member[]): Member[] {\r\n    let filtered = [...items]\r\n\r\n    if (selected.representing.length) {\r\n        filtered = filterTRforHelper(selected.representing, filtered)\r\n    }\r\n\r\n    if (selected.workplaces.length) {\r\n        filtered = filterWorkplaces(selected.workplaces, filtered)\r\n    }\r\n\r\n    if (selected.groups.length) {\r\n        filtered = filterWorkgroups(selected.groups, filtered)\r\n    }\r\n\r\n    if (selected.positions.length) {\r\n        filtered = filterPositions(selected.positions, filtered)\r\n    }\r\n\r\n    if (selected.typeOfRepresentative.length) {\r\n        filtered = filterTypeOfRepresentative(\r\n            selected.typeOfRepresentative,\r\n            filtered\r\n        )\r\n    }\r\n\r\n    if (selected.updateStatus.length) {\r\n        filtered = filterUpdateStatus(selected.updateStatus, filtered)\r\n    }\r\n\r\n    return filtered\r\n}\r\n\r\nexport function updateWorkplaces(\r\n    workPlace: FilterWorkplace,\r\n    selectedItems: IFilter\r\n): IFilter {\r\n    const selected = { ...selectedItems }\r\n\r\n    const isFound = selected.workplaces.some((item) => item.id === workPlace.id)\r\n    const workplaces = [...selectedItems.workplaces]\r\n\r\n    if (isFound) {\r\n        const indexOf = workplaces.findIndex((w) => w.id === workPlace.id)\r\n        workplaces.splice(indexOf, 1)\r\n        selected.workplaces = workplaces\r\n    } else {\r\n        workplaces.push(workPlace)\r\n        selected.workplaces = workplaces\r\n    }\r\n\r\n    return selected\r\n}\r\n\r\nexport function updatePositions(\r\n    position: FilterPosition,\r\n    selectedItems: IFilter\r\n): IFilter {\r\n    const selected = { ...selectedItems }\r\n\r\n    const isFound = selected.positions.some((item) => item.id === position.id)\r\n    const positions = [...selectedItems.positions]\r\n\r\n    if (isFound) {\r\n        const indexOf = positions.findIndex((w) => w.id === position.id)\r\n        positions.splice(indexOf, 1)\r\n        selected.positions = positions\r\n    } else {\r\n        positions.push(position)\r\n        selected.positions = positions\r\n    }\r\n\r\n    return selected\r\n}\r\n\r\nexport function updateTypeOfRepresentatives(\r\n    position: FilterTypeOfRepresentative,\r\n    selectedItems: IFilter\r\n): IFilter {\r\n    const selected = { ...selectedItems }\r\n\r\n    const isFound = selected.typeOfRepresentative.some(\r\n        (item) => item.name === position.name\r\n    )\r\n    const positions = [...selectedItems.typeOfRepresentative]\r\n\r\n    if (isFound) {\r\n        const indexOf = positions.findIndex((p) => p.name === position.name)\r\n        positions.splice(indexOf, 1)\r\n        selected.typeOfRepresentative = positions\r\n    } else {\r\n        positions.push(position)\r\n        selected.typeOfRepresentative = positions\r\n    }\r\n\r\n    return selected\r\n}\r\n\r\nexport function updateTRFor(\r\n    duty: FilterTRFor,\r\n    selectedItems: IFilter\r\n): IFilter {\r\n    const selected = { ...selectedItems }\r\n\r\n    const isFound = selected.representing.some(\r\n        (item) => item.name === duty.name\r\n    )\r\n    const trFors = [...selectedItems.representing]\r\n\r\n    if (isFound) {\r\n        const indexOf = trFors.findIndex((t) => t.name === duty.name)\r\n        trFors.splice(indexOf, 1)\r\n        selected.representing = trFors\r\n    } else {\r\n        trFors.push(duty)\r\n        selected.representing = trFors\r\n    }\r\n\r\n    return selected\r\n}\r\n\r\nexport function updateUpdateStatus(\r\n    status: FilterUpdateStatus,\r\n    selectedItems: IFilter\r\n): IFilter {\r\n    const selected = { ...selectedItems }\r\n\r\n    const isFound = selected.updateStatus.some(\r\n        (item) => item.name === status.name\r\n    )\r\n    const statuses = [...selectedItems.updateStatus]\r\n\r\n    if (isFound) {\r\n        const indexOf = statuses.findIndex((s) => s.name === status.name)\r\n        statuses.splice(indexOf, 1)\r\n        selected.updateStatus = statuses\r\n    } else {\r\n        statuses.push(status)\r\n        selected.updateStatus = statuses\r\n    }\r\n\r\n    return selected\r\n}\r\n\r\nexport function updateGroups(\r\n    group: FilterWorkGroup,\r\n    selectedItems: IFilter\r\n): IFilter {\r\n    const selected = { ...selectedItems }\r\n    const isFound = selected.groups.some((item) => item.id === group.id)\r\n    const groups = [...selectedItems.groups]\r\n\r\n    if (isFound) {\r\n        const indexOf = groups.findIndex((w) => w.id === group.id)\r\n        groups.splice(indexOf, 1)\r\n        selected.groups = groups\r\n    } else {\r\n        groups.push(group)\r\n        selected.groups = groups\r\n    }\r\n\r\n    return selected\r\n}\r\n","import { atom, useAtom } from 'jotai'\r\nimport { atomWithQuery } from 'jotai/query'\r\nimport { AxiosResponse } from 'axios'\r\nimport { axiosWithAuth, axiosWithImitator } from '../withAuth'\r\nimport {\r\n    mapMembers,\r\n    IMemberData,\r\n    IUpdateMemberData,\r\n    Member,\r\n    ICancelWorkplace,\r\n} from '../../models/Member'\r\nimport { IFilterData, initFilter } from '../../utils/filterhelper'\r\nimport { IFilter } from '../../models/Filter'\r\nimport { mapWorkplaces, Workplace } from '../../models/Workplace'\r\n\r\nexport type TypeResponseGetMembers = {\r\n    Medlemmer: IMemberData[]\r\n}\r\nexport type TypeResponse = TypeResponseGetMembers & IFilterData\r\nconst idAtom = atom(1)\r\n\r\nconst membersAtom = atomWithQuery((get) => ({\r\n    queryKey: ['members', get(idAtom)],\r\n    queryFn: async () => {\r\n        // const url = `/medlem/hentegnemedlemmer`\r\n        const url = '/medlem/hentegnemedlemmerprarbejdsstedprtrhverv'\r\n        const response = await axiosWithImitator.get(url)\r\n\r\n        const { data } = response\r\n        return {\r\n            members: mapMembers(data.Medlemmer),\r\n            filter: initFilter(data),\r\n        }\r\n    },\r\n}))\r\n\r\nconst getOwnMembers = async (): Promise<{\r\n    members: Member[]\r\n    filter: IFilter\r\n}> => {\r\n    const response = await axiosWithImitator.get(`/medlem/hentegnemedlemmer`)\r\n\r\n    const { data } = response\r\n    return {\r\n        members: mapMembers(data.Medlemmer),\r\n        filter: initFilter(data),\r\n    }\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\nconst searchMembers = async (queryString: string) => {\r\n    let error\r\n    try {\r\n        const response = await axiosWithImitator.get(\r\n            `/medlem/soegallemedlemmer?${queryString}`\r\n        )\r\n\r\n        return response\r\n    } catch (err) {\r\n        error = err\r\n        return error\r\n    }\r\n}\r\n\r\nconst getOwnMember = async (id: string): Promise<AxiosResponse> => {\r\n    const response = await axiosWithImitator.get(\r\n        `/medlem/hentegetmedlem?request.medlemsident=${id}`\r\n    )\r\n\r\n    return response\r\n}\r\n\r\nconst getMemberAfterSearch = async (id: number): Promise<AxiosResponse> => {\r\n    const response = await axiosWithImitator.get(\r\n        `/medlem/hentsoegmedlem?request.medlemsident=${id}`\r\n    )\r\n\r\n    return response\r\n}\r\n\r\nconst updateOwnMember = async (\r\n    values: IUpdateMemberData\r\n): Promise<AxiosResponse> => {\r\n    const response = await axiosWithImitator.post(\r\n        `/opdatering/opdatermedlem`,\r\n        values\r\n    )\r\n    return response\r\n}\r\n\r\n// opdatering/opdaterogtilfoejeksisterendemedlem\r\nconst addMemberToOwnList = async (\r\n    values: IUpdateMemberData\r\n): Promise<AxiosResponse> => {\r\n    const response = await axiosWithImitator.post(\r\n        `/opdatering/opdaterogtilfoejeksisterendemedlem`,\r\n        values\r\n    )\r\n    return response\r\n}\r\n\r\n// opdatering/tilfoejmedlemarbejdssted\r\nconst addMemberToWorkplace = async (\r\n    values: IUpdateMemberData\r\n): Promise<AxiosResponse> => {\r\n    const response = await axiosWithImitator.post(\r\n        `/opdatering/tilfoejmedlemarbejdssted`,\r\n        values\r\n    )\r\n    return response\r\n}\r\n\r\nconst cancelMemberFromWorkplace = async (\r\n    values: ICancelWorkplace\r\n): Promise<AxiosResponse> => {\r\n    const response = await axiosWithImitator.post(\r\n        `/opdatering/medlemophoert`,\r\n        values\r\n    )\r\n    return response\r\n}\r\n\r\n// /medlem/hentegnemedlemmerprarbejdsstedprtrhverv\r\nconst getMemberWorkPlaces = async (): Promise<{\r\n    workplaces: Workplace[]\r\n}> => {\r\n    const response = await axiosWithImitator.get(\r\n        '/medlem/hentegnemedlemmerprarbejdsstedprtrhverv'\r\n    )\r\n\r\n    return {\r\n        workplaces: mapWorkplaces(response.data.ArbejdsstedTRHvervMedlemLister),\r\n    }\r\n}\r\n\r\nexport {\r\n    membersAtom,\r\n    searchMembers,\r\n    getMemberAfterSearch,\r\n    getOwnMember,\r\n    getOwnMembers,\r\n    updateOwnMember,\r\n    addMemberToOwnList,\r\n    addMemberToWorkplace,\r\n    cancelMemberFromWorkplace,\r\n    getMemberWorkPlaces,\r\n}\r\n","import { Update } from '@reduxjs/toolkit'\r\nimport { Member } from '../models/Member'\r\nimport { Note } from '../models/Note'\r\nimport { UpdateBatch } from '../models/UpdateBatch'\r\nimport { Workplace } from '../models/Workplace'\r\n\r\nexport type sortProperties =\r\n    | 'name'\r\n    | 'arbejdssted'\r\n    | 'status'\r\n    | 'notes'\r\n    | 'isOwnMember'\r\n    | 'department'\r\n    | 'birthday'\r\n    | 'age'\r\n    | 'date'\r\n    | 'favorite'\r\n    | 'created'\r\n    | 'updateType'\r\n    | 'updateProfile'\r\n    | 'updateUpdated'\r\n    | 'numberOfMembers'\r\n    | 'isRead'\r\nexport type sortDirectionType = 'ascending' | 'descending '\r\n\r\nexport type sortProperty = {\r\n    direction: sortDirectionType\r\n    property: sortProperties\r\n}\r\n\r\nexport interface ISortName<T> {\r\n    property: Extract<keyof T, string>\r\n}\r\n\r\nfunction compareName<T>(objectA: T, objectB: T, sorter: ISortName<T>): number {\r\n    if (objectA[sorter.property] < objectB[sorter.property]) {\r\n        return -1\r\n    }\r\n\r\n    if (objectA[sorter.property] > objectB[sorter.property]) {\r\n        return 1\r\n    }\r\n    return 0\r\n}\r\n\r\nfunction compareMemberOnUpdateName(a: UpdateBatch, b: UpdateBatch): number {\r\n    if (a.member.fullName < b.member.fullName) {\r\n        return -1\r\n    }\r\n\r\n    if (a.member.fullName > b.member.fullName) {\r\n        return 1\r\n    }\r\n    return 0\r\n}\r\n\r\nfunction compareProfileOnUpdateName(a: UpdateBatch, b: UpdateBatch): number {\r\n    if (a.profile.fullName < b.profile.fullName) {\r\n        return -1\r\n    }\r\n\r\n    if (a.profile.fullName > b.profile.fullName) {\r\n        return 1\r\n    }\r\n    return 0\r\n}\r\n\r\nfunction sortByNoteFavorite(notes: Note[]): Note[] {\r\n    return notes.sort((a: Note, b: Note) => {\r\n        if (a.isFavorite) return -1\r\n        if (b.isFavorite) return 1\r\n        return 0\r\n    })\r\n}\r\n\r\nfunction sortByDate(members: Member[]): Member[] {\r\n    return members.sort(\r\n        (a: Member, b: Member) => b.birthday.getTime() - a.birthday.getTime()\r\n    )\r\n}\r\n\r\nfunction sortByNoteDate(notes: Note[]): Note[] {\r\n    return notes.sort(\r\n        (a: Note, b: Note) => b.updated.getTime() - a.updated.getTime()\r\n    )\r\n}\r\n\r\nfunction sortByUpdateCreatedDate(updates: UpdateBatch[]): UpdateBatch[] {\r\n    return updates.sort(\r\n        (a: UpdateBatch, b: UpdateBatch) =>\r\n            new Date(b.created).getTime() - new Date(a.created).getTime()\r\n    )\r\n}\r\n\r\nfunction sortByUpdateUpdatedDate(updates: UpdateBatch[]): UpdateBatch[] {\r\n    return updates.sort(\r\n        (a: UpdateBatch, b: UpdateBatch) =>\r\n            new Date(b.updated).getTime() - new Date(a.updated).getTime()\r\n    )\r\n}\r\n\r\nfunction compareAge(a: Member, b: Member): number {\r\n    if (a.age < b.age) {\r\n        return -1\r\n    }\r\n    if (a.age > b.age) {\r\n        return 1\r\n    }\r\n    return 0\r\n}\r\n\r\nfunction compareWorkplaces(a: Member, b: Member): number {\r\n    if (\r\n        a.primaryWorkPlace.name.toLowerCase() <\r\n        b.primaryWorkPlace.name.toLowerCase()\r\n    ) {\r\n        return -1\r\n    }\r\n    if (\r\n        a.primaryWorkPlace.name.toLowerCase() >\r\n        b.primaryWorkPlace.name.toLowerCase()\r\n    ) {\r\n        return 1\r\n    }\r\n    return 0\r\n}\r\n\r\nfunction compareStatus(a: Member): number {\r\n    if (a.status === 'AfventerGodkendelse') {\r\n        return -1\r\n    }\r\n    if (a.status === 'IkkeOpdateret ') {\r\n        return 1\r\n    }\r\n    return 0\r\n}\r\n\r\nfunction compareNotes(a: Member | Workplace, b: Member | Workplace): number {\r\n    if (a.numberOfNotes < b.numberOfNotes) {\r\n        return -1\r\n    }\r\n    if (a.numberOfNotes > b.numberOfNotes) {\r\n        return 1\r\n    }\r\n    return 0\r\n}\r\n\r\nfunction compareIsRead(a: Note): number {\r\n    if (!a.isRead) {\r\n        return -1\r\n    }\r\n    if (a.isRead) {\r\n        return 1\r\n    }\r\n    return 0\r\n}\r\n\r\nfunction compareNumberOfMembersOnWorkplace(a: Workplace, b: Workplace): number {\r\n    if (a.numberOfMembers < b.numberOfMembers) {\r\n        return -1\r\n    }\r\n    if (a.numberOfMembers > b.numberOfMembers) {\r\n        return 1\r\n    }\r\n    return 0\r\n}\r\n\r\nfunction compareIsOwnMember(a: Member): number {\r\n    if (a.isOwnMember) {\r\n        return -1\r\n    }\r\n    if (!a.isOwnMember) {\r\n        return 1\r\n    }\r\n    return 0\r\n}\r\n\r\nfunction compareDepartments(a: Member, b: Member): number {\r\n    if (\r\n        a.department.name &&\r\n        b.department.name &&\r\n        a.department.name.toLowerCase() < b.department.name.toLowerCase()\r\n    ) {\r\n        return -1\r\n    }\r\n    if (\r\n        a.department.name &&\r\n        b.department.name &&\r\n        a.department.name.toLowerCase() > b.department.name.toLowerCase()\r\n    ) {\r\n        return 1\r\n    }\r\n    return 0\r\n}\r\n\r\nexport const sortWorkplacesBy = (\r\n    workplaces: Workplace[],\r\n    sort: sortProperty\r\n): Workplace[] => {\r\n    let sorted = [...workplaces]\r\n\r\n    switch (sort.property) {\r\n        case 'name':\r\n            sorted = sorted.sort((a, b) =>\r\n                compareName(a, b, { property: 'name' })\r\n            )\r\n            break\r\n        case 'numberOfMembers':\r\n            sorted = sorted.sort(compareNumberOfMembersOnWorkplace)\r\n            break\r\n        case 'notes':\r\n            sorted = sorted.sort(compareNotes)\r\n            break\r\n\r\n        default:\r\n            break\r\n    }\r\n\r\n    if (sort.direction === 'descending ') sorted = sorted.reverse()\r\n\r\n    return sorted\r\n}\r\n\r\nexport const sortUpdatesBy = (\r\n    updates: UpdateBatch[],\r\n    sort: sortProperty\r\n): UpdateBatch[] => {\r\n    let sorted = [...updates]\r\n\r\n    switch (sort.property) {\r\n        case 'status': {\r\n            const sorted1 = sorted.filter(\r\n                (item) => item.status === 'FaerdigBehandlet'\r\n            )\r\n            const sorted2 = sorted.filter(\r\n                (item) => item.status === 'UnderOpdatering'\r\n            )\r\n            sorted = [...sorted1, ...sorted2]\r\n            break\r\n        }\r\n\r\n        case 'created':\r\n            sorted = sortByUpdateCreatedDate(sorted)\r\n            break\r\n        case 'name':\r\n            sorted = sorted.sort((a, b) => compareMemberOnUpdateName(a, b))\r\n            break\r\n        case 'updateType':\r\n            sorted = sorted.sort((a, b) =>\r\n                compareName(a, b, { property: 'type' })\r\n            )\r\n            break\r\n        case 'updateProfile':\r\n            sorted = sorted.sort((a, b) => compareProfileOnUpdateName(a, b))\r\n            break\r\n        case 'updateUpdated':\r\n            sorted = sortByUpdateUpdatedDate(sorted)\r\n            break\r\n\r\n        default:\r\n            break\r\n    }\r\n\r\n    if (sort.direction === 'descending ') sorted = sorted.reverse()\r\n\r\n    return sorted\r\n}\r\n\r\nexport const sortNotesByDateAndIsRead = (\r\n    notes: Note[],\r\n    reverse?: boolean\r\n): Note[] => {\r\n    // Find all is read.\r\n    let isRead = notes.filter((n) => n.isRead)\r\n    let isNotRead = notes.filter((n) => !n.isRead)\r\n    isRead = sortByNoteDate(isRead)\r\n    isNotRead = sortByNoteDate(isNotRead)\r\n\r\n    return !reverse ? [...isNotRead, ...isRead] : [...isRead, ...isNotRead]\r\n}\r\n\r\nexport const sortNotesBy = (notes: Note[], sort: sortProperty): Note[] => {\r\n    let sortedNotes = [...notes]\r\n\r\n    switch (sort.property) {\r\n        case 'isRead':\r\n            sortedNotes = sortedNotes.sort(compareIsRead)\r\n\r\n            sortedNotes = sortNotesByDateAndIsRead(\r\n                sortedNotes,\r\n                sort.direction === 'descending '\r\n            )\r\n\r\n            break\r\n        case 'name':\r\n            sortedNotes = sortedNotes.sort((a, b) =>\r\n                compareName(a, b, { property: 'name' })\r\n            )\r\n            break\r\n        case 'date':\r\n            sortedNotes = sortByNoteDate(sortedNotes)\r\n            break\r\n\r\n        case 'favorite':\r\n            sortedNotes = sortByNoteFavorite(sortedNotes).sort()\r\n            break\r\n\r\n        default:\r\n            break\r\n    }\r\n\r\n    if (sort.direction === 'descending ' && sort.property !== 'isRead')\r\n        sortedNotes = sortedNotes.reverse()\r\n\r\n    return sortedNotes\r\n}\r\n\r\nexport const sortBy = (members: Member[], sort: sortProperty): Member[] => {\r\n    let sortedMembers = [...members]\r\n\r\n    switch (sort.property) {\r\n        case 'name':\r\n            sortedMembers = sortedMembers.sort((a, b) =>\r\n                compareName(a, b, { property: 'fullName' })\r\n            )\r\n            break\r\n\r\n        case 'arbejdssted':\r\n            sortedMembers = sortedMembers.sort(compareWorkplaces)\r\n            break\r\n\r\n        case 'status':\r\n            sortedMembers = sortedMembers.sort(compareStatus)\r\n            break\r\n\r\n        case 'notes':\r\n            sortedMembers = sortedMembers.sort(compareNotes)\r\n            break\r\n\r\n        case 'isOwnMember':\r\n            sortedMembers = sortedMembers.sort(compareIsOwnMember)\r\n            break\r\n\r\n        case 'department':\r\n            sortedMembers = sortedMembers.sort(compareDepartments)\r\n            break\r\n\r\n        case 'birthday':\r\n            sortedMembers = sortByDate(sortedMembers)\r\n            break\r\n        case 'age':\r\n            sortedMembers = sortedMembers.sort(compareAge)\r\n            break\r\n\r\n        default:\r\n            break\r\n    }\r\n\r\n    if (sort.direction === 'descending ')\r\n        sortedMembers = sortedMembers.reverse()\r\n\r\n    return sortedMembers\r\n}\r\n","// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\nexport const filterByValue = (\r\n    array: any[],\r\n    value: string,\r\n    includes?: string[]\r\n) => {\r\n    const searchables = includes\r\n        ? includes.map((include) => `searchable_${include}`)\r\n        : undefined\r\n\r\n    return array.filter((o) =>\r\n        Object.keys(o).some((k) => {\r\n            if (\r\n                searchables &&\r\n                searchables.length &&\r\n                searchables.indexOf(k) === -1\r\n            )\r\n                return false\r\n\r\n            if (\r\n                typeof o[k] === 'string' &&\r\n                o[k].toLowerCase().includes(value.toLowerCase())\r\n            ) {\r\n                return true\r\n            }\r\n\r\n            if (\r\n                typeof o[k] === 'number' &&\r\n                o[k].toString().includes(Math.abs(+value))\r\n            ) {\r\n                return true\r\n            }\r\n\r\n            return false\r\n        })\r\n    )\r\n}\r\n","import axios from 'axios'\r\nimport { atom } from 'jotai'\r\nimport { atomWithQuery } from 'jotai/query'\r\n\r\nconst apiKey = process.env.REACT_APP_LOKALISE_API_TOKEN\r\nconst projectId = process.env.REACT_APP_LOKALISE_PROJECT_ID\r\n\r\nexport interface ITranslations {\r\n    [id: string]: string\r\n}\r\n\r\nconst idAtom = atom(1)\r\n\r\nconst getLokaliseDataFromApi = async (): Promise<ITranslations> => {\r\n    // const config = {\r\n    //     headers: {\r\n    //         'x-api-token': apiKey,\r\n    //     },\r\n    // }\r\n\r\n    // let base = 'https://murmuring-castle-14887.herokuapp.com/'\r\n\r\n    // if (process.env.NODE_ENV !== 'production') {\r\n    //     base = ''\r\n    // }\r\n\r\n    // const response = await axios.get(\r\n    //     `${base}https://api.lokalise.com/api2/projects/${projectId}/translations?limit=1000`,\r\n    //     config\r\n    // )\r\n    // const keys = await axios.get(\r\n    //     `${base}https://api.lokalise.com/api2/projects/${projectId}/keys?limit=1000`,\r\n    //     config\r\n    // )\r\n\r\n    // const translations: ITranslations = {}\r\n    // // eslint-disable-next-line no-restricted-syntax\r\n    // for (const val of keys.data.keys) {\r\n    //     translations[val.key_name.web] = response.data.translations.find(\r\n    //         (trans) => trans.key_id === val.key_id\r\n    //     ).translation\r\n    // }\r\n    const response = await axios.get(\r\n        'https://lokalise-foa-sandbox.azurewebsites.net/get'\r\n    )\r\n    return response.data\r\n}\r\n\r\nconst getLokaliseData = atomWithQuery((get) => ({\r\n    queryKey: ['lokalise', get(idAtom)],\r\n    queryFn: async ({ queryKey: [,] }) => {\r\n        const config = {\r\n            headers: {\r\n                'x-api-token': apiKey,\r\n            },\r\n        }\r\n\r\n        let base = 'https://murmuring-castle-14887.herokuapp.com/'\r\n\r\n        if (process.env.NODE_ENV !== 'production') {\r\n            base = ''\r\n        }\r\n\r\n        const response = await axios.get(\r\n            `${base}https://api.lokalise.com/api2/projects/${projectId}/translations`,\r\n            config\r\n        )\r\n        const keys = await axios.get(\r\n            `${base}https://api.lokalise.com/api2/projects/${projectId}/keys`,\r\n            config\r\n        )\r\n\r\n        const translations: ITranslations = {}\r\n        // eslint-disable-next-line no-restricted-syntax\r\n        for (const val of keys.data.keys) {\r\n            translations[val.key_name.web] = response.data.translations.find(\r\n                (trans) => trans.key_id === val.key_id\r\n            ).translation\r\n        }\r\n        return translations\r\n    },\r\n}))\r\n\r\nexport { getLokaliseData, getLokaliseDataFromApi }\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    loader: {\r\n        width: '100vw',\r\n        height: '100vh',\r\n        display: 'flex',\r\n        position: 'fixed',\r\n        top: 0,\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        left: '0',\r\n        zIndex: 4,\r\n    },\r\n}))\r\n\r\nconst Spinner: React.FC = () => {\r\n    const classes = useStyles()\r\n    return (\r\n        <div className={classes.loader}>\r\n            <div className=\"lds-spinner\">\r\n                <div />\r\n                <div />\r\n                <div />\r\n                <div />\r\n                <div />\r\n                <div />\r\n                <div />\r\n                <div />\r\n                <div />\r\n                <div />\r\n                <div />\r\n                <div />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { Spinner }\r\n","// import axios from 'axios'\r\n// import { atom, useAtom } from 'jotai'\r\n// import { atomWithQuery } from 'jotai/query'\r\nimport React, { useEffect, useState } from 'react'\r\nimport {\r\n    ITranslations,\r\n    getLokaliseData,\r\n    getLokaliseDataFromApi,\r\n} from '../../store/lokalise/lokaliseAtom'\r\nimport { Spinner } from '../ui/Loaders/Spinner'\r\nimport myData from './translations.json'\r\n// const lokaliseAtom = atom<ITranslations>({})\r\n\r\n// const lAtom = atom((get) => {\r\n//     return get(lokaliseAtom)\r\n// })\r\n\r\ninterface IReplacement {\r\n    [id: string]: string\r\n}\r\n\r\nconst setLokalise = (translations: ITranslations): void => {\r\n    localStorage.setItem('translations', JSON.stringify(translations))\r\n}\r\n\r\nconst getLokalise = (): ITranslations | undefined => {\r\n    const translations = localStorage.getItem('translations')\r\n\r\n    return JSON.parse(translations)\r\n}\r\n\r\nconst L = (key: string): string => {\r\n    let value = '-'\r\n    // const [lData] = useAtom(lAtom)\r\n    const lData = getLokalise()\r\n    if (lData && lData[key]) {\r\n        value = lData[key]\r\n    }\r\n\r\n    return value\r\n}\r\n\r\nconst L_HTML = (key: string, replacements?: IReplacement): JSX.Element => {\r\n    let value = '-'\r\n    const lData = getLokalise()\r\n    if (lData && lData[key]) {\r\n        value = lData[key]\r\n    }\r\n    let manipulated = value\r\n\r\n    if (replacements && Object.keys(replacements).length) {\r\n        Object.keys(replacements).forEach((identifier) => {\r\n            // eslint-disable-next-line react/destructuring-assignment\r\n            const s = replacements[identifier]\r\n            manipulated = manipulated.replace(`%${identifier}%`, `${s}`)\r\n        })\r\n    }\r\n\r\n    // eslint-disable-next-line react/no-danger\r\n    return <span dangerouslySetInnerHTML={{ __html: manipulated }} />\r\n}\r\n\r\nconst Lokalise: React.FC = ({ children }) => {\r\n    const [initialized, setInitialized] = useState(false)\r\n    const initFallback = (): void => {\r\n        if (myData) {\r\n            if (!initialized) {\r\n                setLokalise(myData)\r\n                setInitialized(true)\r\n            }\r\n        }\r\n    }\r\n\r\n    const init = async (): Promise<void> => {\r\n        initFallback()\r\n        const timeout = setTimeout(() => {\r\n            initFallback()\r\n        }, 10000)\r\n\r\n        const response = await getLokaliseDataFromApi()\r\n\r\n        if (response) {\r\n            setLokalise(response)\r\n            clearTimeout(timeout)\r\n            setInitialized(true)\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        // initFallback()\r\n        init()\r\n    }, [])\r\n\r\n    if (!initialized) return <Spinner />\r\n\r\n    return <>{children}</>\r\n}\r\n\r\nexport { Lokalise, getLokaliseData, L, L_HTML }\r\n","import { L } from '../components/providers/Lokalise'\r\nimport { Member } from '../models/Member'\r\nimport { Profile } from '../models/Profile'\r\n\r\nexport const getAge = (birthYear: number): number => {\r\n    const currentDate = new Date()\r\n    const currentYear = currentDate.getFullYear()\r\n    return currentYear - birthYear\r\n}\r\n\r\nexport const uniq = (items: Member[], key: string): Member[] => {\r\n    const arrayUniqueByKey = [\r\n        ...new Map(items.map((item) => [item[key], item])).values(),\r\n    ]\r\n\r\n    return arrayUniqueByKey\r\n}\r\n\r\nexport const getUpdateTypeLabel = (type: string): string => {\r\n    let label = type\r\n\r\n    switch (type) {\r\n        case 'OpdaterMedlem':\r\n            label = L('MINEOPDATERINGER_TYPE_OpdaterMedlem') // 'Redigér medlemsdata'\r\n            break\r\n        case 'MedlemOphoert':\r\n            label = L('MINEOPDATERINGER_TYPE_MedlemOphoert') // 'Stoppet på arbejdsstedet'\r\n            break\r\n        case 'TilfoejMedlemArbejdssted':\r\n            label = L('MINEOPDATERINGER_TYPE_TilfoejMedlemArbejdssted') // 'Tilføj nyt arbejdssted på medlemmet'\r\n            break\r\n        case 'OpdaterOgTilfoejEksisterendeMedlem':\r\n            label = L(\r\n                'MINEOPDATERINGER_TYPE_OpdaterOgTilfoejEksisterendeMedlem'\r\n            ) // 'Tilføj kollega til Mine medlemmer'\r\n            break\r\n        default:\r\n            break\r\n    }\r\n\r\n    return label\r\n}\r\n\r\nexport const getUpdateStatusLabel = (status: string): string => {\r\n    let label = status\r\n\r\n    switch (status) {\r\n        case 'FaerdigBehandlet':\r\n            label = L('MINEOPDATERINGER_STATUS_FaerdigBehandlet') // 'Færdig behandlet'\r\n            break\r\n        case 'UnderOpdatering':\r\n            label = L('MINEOPDATERINGER_STATUS_UnderOpdatering') // Afventer opdatering'\r\n            break\r\n        default:\r\n            break\r\n    }\r\n\r\n    return label\r\n}\r\n\r\n// 02\tFællestillidssuppleant\r\n// 04\tTillidssuppleant\r\n// 08\tMED Hoved.udv.suppleant\r\n// 16\tUdgået Lokal SU-supplean\r\n// 18\tCentralt hoved SU-suppl.\r\n// 24\tDistrikttillidsrep.suppl.\r\n// 31\tArbejdsmiljøudvalgsuppl.\r\n// 36\tSuppl.midlert.HSU(MT HSU)\r\n// 37\tHSIU - suppleant\r\nexport const isSuppleantFor = (type: string): boolean => {\r\n    const types: string[] = [\r\n        '02',\r\n        '04',\r\n        '08',\r\n        '16',\r\n        '18',\r\n        '24',\r\n        '31',\r\n        '36',\r\n        '37',\r\n    ]\r\n\r\n    return types.indexOf(type) !== -1\r\n}\r\n\r\nexport const getSuppleantNamesForTR = (\r\n    type: string,\r\n    profile: Profile\r\n): string => {\r\n    const names = []\r\n\r\n    profile.trForOthers.forEach((tfo) => {\r\n        tfo.typeOfRepresentatives.forEach((tor) => {\r\n            if (tor.supplementedOfDutyType === type) {\r\n                names.push(tfo.fullName)\r\n            }\r\n        })\r\n    })\r\n\r\n    return names.join(', ')\r\n}\r\n","import { atom, useAtom } from 'jotai'\r\nimport { IMemberData, Member } from '../../models/Member'\r\nimport { filterItems, IFilterData } from '../../utils/filterhelper'\r\nimport {\r\n    IFilter,\r\n    initialFilter,\r\n    initialSelectedFilters,\r\n} from '../../models/Filter'\r\nimport { membersAtom } from '../../api/members/members'\r\nimport {\r\n    sortBy,\r\n    sortNotesBy,\r\n    sortProperty,\r\n    sortUpdatesBy,\r\n    sortWorkplacesBy,\r\n} from '../../utils/sortHelper'\r\nimport { filterByValue } from '../../utils/searchHelper'\r\nimport { uniq } from '../../utils/utils'\r\nimport { Note } from '../../models/Note'\r\nimport { Workplace } from '../../models/Workplace'\r\nimport { UpdateBatch } from '../../models/UpdateBatch'\r\n\r\nexport interface FilterState {\r\n    filter: IFilter\r\n}\r\n\r\nexport type TypeResponseGetMembers = {\r\n    Medlemmer: IMemberData[]\r\n}\r\n\r\nconst initSort: sortProperty = {\r\n    direction: 'ascending',\r\n    property: 'name',\r\n}\r\n\r\nexport type TypeResponse = TypeResponseGetMembers & IFilterData\r\nconst filterAtom = atom<IFilter>(initialFilter)\r\nconst filterSelected = atom(initialSelectedFilters)\r\nconst sortedAtom = atom<sortProperty>(initSort)\r\nconst sortLock = atom(false)\r\nconst searchAtom = atom<string>('')\r\nconst searchNoteAtom = atom<string>('')\r\nconst searchWorkplaceAtom = atom<string>('')\r\nconst searchMembersAtom = atom<Member[]>([])\r\nconst showOnlyFavorites = atom<boolean>(false)\r\nconst allNotes = atom<Note[]>([])\r\nconst allWorkplaces = atom<Workplace[]>([])\r\nconst allUpdates = atom<UpdateBatch[]>([])\r\nconst allUpdatesDone = atom<UpdateBatch[]>([])\r\nconst allUpdatesInProgress = atom<UpdateBatch[]>([])\r\n\r\nconst searchPageAtom = atom((get) => {\r\n    const sorted = get(sortedAtom)\r\n    const members = get(searchMembersAtom)\r\n    let filteredItems = [...members]\r\n\r\n    if (sorted) {\r\n        filteredItems = sortBy([...filteredItems], sorted)\r\n    }\r\n\r\n    return [...filteredItems]\r\n})\r\n\r\nconst workplacesPageAtom = atom((get) => {\r\n    const sorted = get(sortedAtom)\r\n    const workplaces = get(allWorkplaces)\r\n    let sortedWorkplaces = [...workplaces]\r\n    const search = get(searchWorkplaceAtom)\r\n\r\n    if (sorted) {\r\n        sortedWorkplaces = sortWorkplacesBy(sortedWorkplaces, sorted)\r\n    }\r\n\r\n    if (search) {\r\n        sortedWorkplaces = filterByValue([...sortedWorkplaces], search, [\r\n            'name',\r\n            'address',\r\n        ])\r\n    }\r\n\r\n    return sortedWorkplaces\r\n})\r\n\r\nconst updatePageAtom = atom((get) => {\r\n    const sorted = get(sortedAtom)\r\n    const all = get(allUpdates)\r\n    let sortedUpdates = [...all]\r\n    if (sorted) {\r\n        sortedUpdates = sortUpdatesBy(sortedUpdates, sorted)\r\n    }\r\n\r\n    return sortedUpdates\r\n})\r\n\r\nconst updatePageDoneAtom = atom((get) => {\r\n    const sorted = get(sortedAtom)\r\n    const all = get(allUpdatesDone)\r\n    let sortedUpdates = [...all]\r\n    if (sorted) {\r\n        sortedUpdates = sortUpdatesBy(sortedUpdates, sorted)\r\n    }\r\n\r\n    return sortedUpdates\r\n})\r\n\r\nconst updatePageInProgressAtom = atom((get) => {\r\n    const sorted = get(sortedAtom)\r\n    const all = get(allUpdatesInProgress)\r\n    let sortedUpdates = [...all]\r\n    if (sorted) {\r\n        sortedUpdates = sortUpdatesBy(sortedUpdates, sorted)\r\n    }\r\n\r\n    return sortedUpdates\r\n})\r\n\r\nconst notePageAtom = atom((get) => {\r\n    const sorted = get(sortedAtom)\r\n    const notes = get(allNotes)\r\n    let sortedNotes = [...notes]\r\n    const search = get(searchNoteAtom)\r\n\r\n    if (sorted) {\r\n        sortedNotes = sortNotesBy(sortedNotes, sorted)\r\n    }\r\n\r\n    // search\r\n    if (search) {\r\n        sortedNotes = filterByValue([...sortedNotes], search, [\r\n            'content',\r\n            'title',\r\n            'member',\r\n        ])\r\n    }\r\n\r\n    return sortedNotes\r\n})\r\n\r\n// FilteredItems\r\nconst filteredAtom = atom((get) => {\r\n    const selected = get(filterSelected)\r\n    const members = get(membersAtom)\r\n    const sorted = get(sortedAtom)\r\n    const search = get(searchAtom)\r\n    const favoritesOnly = get(showOnlyFavorites)\r\n    let filteredItems = filterItems(selected, [...members.members])\r\n\r\n    if (sorted) {\r\n        filteredItems = sortBy([...filteredItems], sorted)\r\n    }\r\n\r\n    if (search) {\r\n        filteredItems = filterByValue([...filteredItems], search, [\r\n            'fullName',\r\n            'workPlace',\r\n            'birthDay',\r\n            'age',\r\n        ])\r\n    }\r\n\r\n    if (favoritesOnly) {\r\n        filteredItems = [...filteredItems].filter((m) => m.isFavorite)\r\n    }\r\n\r\n    return [...uniq(filteredItems, 'memberId')]\r\n})\r\n\r\nexport {\r\n    filterAtom,\r\n    filteredAtom,\r\n    filterSelected,\r\n    sortedAtom,\r\n    searchAtom,\r\n    searchPageAtom,\r\n    searchMembersAtom,\r\n    showOnlyFavorites,\r\n    notePageAtom,\r\n    allNotes,\r\n    allWorkplaces,\r\n    workplacesPageAtom,\r\n    allUpdates,\r\n    allUpdatesInProgress,\r\n    allUpdatesDone,\r\n    updatePageDoneAtom,\r\n    updatePageInProgressAtom,\r\n    updatePageAtom,\r\n    sortLock,\r\n    searchWorkplaceAtom,\r\n    searchNoteAtom,\r\n}\r\n","/* eslint-disable @typescript-eslint/explicit-function-return-type */\r\nimport { useState } from 'react'\r\nimport { useAtom } from 'jotai'\r\nimport { Member } from '../models/Member'\r\nimport {\r\n    sortBy,\r\n    sortProperties,\r\n    sortProperty,\r\n    sortNotesBy,\r\n    sortUpdatesBy,\r\n} from '../utils/sortHelper'\r\nimport { sortedAtom, sortLock } from '../store/filter/filterAtom'\r\nimport { Note } from '../models/Note'\r\nimport { UpdateBatch } from '../models/UpdateBatch'\r\n\r\nconst useSortMembersList = () => {\r\n    const [, setSortedAtom] = useAtom(sortedAtom)\r\n    const [, setLock] = useAtom(sortLock)\r\n    const [sortState, setSortState] = useState<sortProperty | undefined>(\r\n        undefined\r\n    )\r\n    // const [sortedList, _setSortedList] = useState<\r\n    //     Member[] | Note[] | UpdateBatch[]\r\n    // >([])\r\n\r\n    const setSort = (property: sortProperties): void => {\r\n        setLock(false)\r\n        if (sortState && sortState.property === property) {\r\n            setSortState({\r\n                direction:\r\n                    sortState.direction === 'ascending'\r\n                        ? 'descending '\r\n                        : 'ascending',\r\n                property,\r\n            })\r\n            setSortedAtom({\r\n                direction:\r\n                    sortState.direction === 'ascending'\r\n                        ? 'descending '\r\n                        : 'ascending',\r\n                property,\r\n            })\r\n        } else {\r\n            setSortState({\r\n                direction: 'ascending',\r\n                property,\r\n            })\r\n            setSortedAtom({\r\n                direction: 'ascending',\r\n                property,\r\n            })\r\n        }\r\n    }\r\n\r\n    // const setSortedList = (members: Member[]) => {\r\n    //     if (sortState) {\r\n    //         const list = sortBy(members, sortState)\r\n    //         _setSortedList(list)\r\n    //     } else {\r\n    //         _setSortedList(members)\r\n    //     }\r\n    // }\r\n\r\n    // const setSortedNoteList = (notes: Note[]) => {\r\n    //     if (sortState) {\r\n    //         const list = sortNotesBy(notes, sortState)\r\n    //         _setSortedList(list)\r\n    //     } else {\r\n    //         _setSortedList(notes)\r\n    //     }\r\n    // }\r\n\r\n    // const setSortedUpdatePageList = (updates: UpdateBatch[]) => {\r\n    //     if (sortState) {\r\n    //         const list = sortUpdatesBy(updates, sortState)\r\n    //         _setSortedList(list)\r\n    //     } else {\r\n    //         _setSortedList(updates)\r\n    //     }\r\n    // }\r\n\r\n    return {\r\n        // sortedList,\r\n        sortState,\r\n        setSort,\r\n        setSortState,\r\n        // setSortedList,\r\n        // setSortedNoteList,\r\n        // setSortedUpdatePageList,\r\n    }\r\n}\r\n\r\nexport default useSortMembersList\r\n","import { createUseStyles } from 'react-jss'\r\nimport breakpoints from './breakpoints'\r\n\r\nconst useContainerStyles = createUseStyles({\r\n    container: {\r\n        width: '100%',\r\n        maxWidth: '1075px',\r\n        margin: '0 auto',\r\n        padding: '0',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                padding: 0,\r\n            },\r\n        },\r\n    },\r\n})\r\n\r\nexport { useContainerStyles }\r\n","import { JssStyle } from 'jss'\r\nimport breakpoints from './breakpoints'\r\nimport { colors } from './palette'\r\n\r\nexport const baseButton: JssStyle = {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    padding: '0.5em 1.75em',\r\n    margin: '0 0.3em 0.3em 0',\r\n    borderRadius: '0.25em',\r\n    boxSizing: 'border-box',\r\n    textDecoration: 'none',\r\n    fontWeight: 400,\r\n    textAlign: 'center',\r\n    transition: 'all 0.2s',\r\n    boxShadow: 0,\r\n    background: 'inherit',\r\n    '&:hover': {\r\n        cursor: 'pointer',\r\n    },\r\n    '-webkit-appearance': 'none',\r\n    '-moz-appearance': 'none',\r\n    border: 0,\r\n}\r\n\r\nexport const sortPlaceholder = {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    padding: '0.75em 0',\r\n    margin: '0 0.3em 0.3em 0',\r\n    borderRadius: '6px',\r\n    boxSizing: 'border-box',\r\n    textDecoration: 'none',\r\n    fontWeight: 400,\r\n    textAlign: 'left',\r\n    transition: 'all 0.2s',\r\n    boxShadow: 0,\r\n    '-webkit-appearance': 'none',\r\n    '-moz-appearance': 'none',\r\n    fontStyle: 'normal',\r\n    fontSize: '16px',\r\n    lineHeight: '120%',\r\n    color: '#000000',\r\n    border: 0,\r\n    background: 'none',\r\n}\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    control: {\r\n        position: 'relative',\r\n        marginBottom: '20px',\r\n    },\r\n}))\r\n\r\nconst FormControl: React.FC = ({ children }) => {\r\n    const classes = useStyles()\r\n\r\n    return <div className={classes.control}>{children}</div>\r\n}\r\n\r\nexport { FormControl }\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { useForm } from 'react-hook-form'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useAtom } from 'jotai'\r\nimport {\r\n    getMemberForImitating,\r\n    getProfileByIdent,\r\n    profileAtom,\r\n} from '../../../api/profile/profile'\r\nimport { isAuthenticatedAtom, authRoles } from '../../../store/auth'\r\nimport { Profile } from '../../../models/Profile'\r\n\r\nimport { Department } from '../../../models/Department'\r\n\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { colors } from '../../../theme/palette'\r\n\r\nimport { ISelectOptions, Select } from '../../ui/FormElememts/Select'\r\nimport { getDepartments } from '../../../api/departments'\r\nimport { Input } from '../../ui/FormElememts/Input'\r\nimport {\r\n    Card,\r\n    CardCell,\r\n    CardHeader,\r\n    CardHeaderCell,\r\n    CardList,\r\n    Circle,\r\n    CircleText,\r\n} from '../../ui/Card'\r\nimport { SortButton } from '../../ui/SortButton'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { getInitials } from '../../../utils/initials'\r\nimport useSortMembersList from '../../../hooks/useSortMembersList'\r\nimport { Button } from '../../ui/Button/Button'\r\n\r\nimport { useContainerStyles } from '../../../theme/layout'\r\nimport { L } from '../../providers/Lokalise'\r\nimport { sortPlaceholder } from '../../../theme/reuseables'\r\nimport { FormControl } from '../../ui/FormElememts/FormControl'\r\nimport { Spinner } from '../../ui/Loaders/Spinner'\r\n\r\nexport type RegistrationFormFields = {\r\n    fuldeNavn: string\r\n    foedselsesdato: string\r\n    telefon: string\r\n    afdelingsnummer: string\r\n}\r\n\r\nexport interface IMemberSuggestion {\r\n    memberId: number\r\n    fullName: string\r\n    birthDay: string\r\n    position: string\r\n    role: string\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    container: {\r\n        padding: '0 24px',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                padding: 0,\r\n            },\r\n        },\r\n    },\r\n    headerArea: {\r\n        display: 'flex',\r\n        padding: '.5rem 0',\r\n        minHeight: '80px',\r\n    },\r\n    formArea: {\r\n        display: 'grid',\r\n        gridTemplateColumns: '3fr 3fr 1fr',\r\n        gap: '20px',\r\n        marginBottom: '50px',\r\n    },\r\n    topArea: {\r\n        borderBottom: `1px solid ${colors.gray700}`,\r\n        // TODO: remove this when this area has been developed.\r\n        minHeight: '60px',\r\n    },\r\n    headerActions: {\r\n        marginLeft: 'auto',\r\n        flexShrink: 0,\r\n    },\r\n    members: {\r\n        paddingTop: '20px',\r\n    },\r\n    form: {\r\n        display: 'grid',\r\n        gridTemplateColumns: '1fr 140px 140px 1fr 140px',\r\n        gap: '10px',\r\n    },\r\n    linkButton: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        padding: '0',\r\n        margin: '0',\r\n        borderRadius: '6px',\r\n        boxSizing: 'border-box',\r\n        textDecoration: 'none',\r\n        fontWeight: 400,\r\n        textAlign: 'center',\r\n        transition: 'all 0.2s',\r\n        boxShadow: 0,\r\n        '&:hover': {\r\n            cursor: 'pointer',\r\n        },\r\n        '-webkit-appearance': 'none',\r\n        '-moz-appearance': 'none',\r\n        border: 0,\r\n        color: colors.green500,\r\n        fontSize: '.875rem',\r\n        textDecorationLine: 'underline',\r\n    },\r\n    subArea: {\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        padding: '1rem 160px 1rem 1rem',\r\n        borderBottom: `1px solid ${colors.borderColor}`,\r\n    },\r\n    circleIcon: {\r\n        width: '62px',\r\n        height: '62px',\r\n        borderRadius: '50%',\r\n        border: `2px solid ${colors.white}`,\r\n        backgroundColor: colors.blue300,\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        marginRight: '1rem',\r\n    },\r\n    sortPlaceholder: {\r\n        ...sortPlaceholder,\r\n    },\r\n    content: {\r\n        paddingTop: '1.875rem',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n    },\r\n    messageWrapper: {\r\n        marginTop: '2.25rem',\r\n    },\r\n    selectContainer: {\r\n        position: 'relative',\r\n    },\r\n    selectTrigger: {\r\n        position: 'relative',\r\n        minHeight: '48px',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '.75rem',\r\n        cursor: 'pointer',\r\n        color: colors.labelColor,\r\n    },\r\n    selectContent: {\r\n        overflow: 'hidden',\r\n        backgroundColor: 'white',\r\n        borderRadius: '6px',\r\n        boxShadow:\r\n            // eslint-disable-next-line max-len\r\n            '0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2)',\r\n    },\r\n    select: {\r\n        position: 'relative',\r\n        minHeight: '48px',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '.75rem',\r\n        cursor: 'pointer',\r\n        color: colors.labelColor,\r\n    },\r\n    hr: {\r\n        opacity: '.4',\r\n        margin: '0',\r\n    },\r\n})\r\n\r\nconst gridTemplateColumns = '10% 20% 20% 20% 15% 15%'\r\n\r\nconst Imitator: FC = () => {\r\n    const [authProfile, _set] = useAtom(profileAtom)\r\n    const [departmentNumber, _setDepartmentNumber] = useState('default')\r\n    const [name, _setName] = useState<string | undefined>(undefined)\r\n    const [suggestions, _setSuggestions] = useState<IMemberSuggestion[]>([])\r\n    const [options, setOptions] = useState<ISelectOptions[]>([])\r\n    const [loading, setLoading] = useState(false)\r\n    const classes = useStyles()\r\n    const { setSort, sortState } = useSortMembersList()\r\n    const [, _setIsAuthenticated] = useAtom(isAuthenticatedAtom)\r\n    const layout = useContainerStyles()\r\n    const [roles, setAuthRoles] = useAtom(authRoles)\r\n\r\n    const search = async (d: string, n: string): Promise<any> => {\r\n        setLoading(true)\r\n        const response = await getMemberForImitating(d, n)\r\n\r\n        if (\r\n            response.data &&\r\n            response.data.Medlemmer &&\r\n            response.data.Medlemmer.length\r\n        ) {\r\n            const result = response.data.Medlemmer.map((member: any) => {\r\n                const splitted = member.FuldeNavn.split(',')\r\n                return {\r\n                    memberId: member.Medlemsident,\r\n                    fullName: splitted[0],\r\n                    birthDay: splitted[1],\r\n                    position: splitted[2],\r\n                    role: member.Rolle,\r\n                }\r\n            })\r\n\r\n            _setSuggestions(result)\r\n        }\r\n\r\n        setLoading(false)\r\n    }\r\n\r\n    // useEffect(() => {\r\n    //     if (name && name !== '' && departmentNumber) {\r\n    //         search(departmentNumber, name)\r\n    //     } else {\r\n    //         _setSuggestions([])\r\n    //     }\r\n    // }, [departmentNumber, name])\r\n\r\n    useEffect(() => {\r\n        const getDeps = async (): Promise<boolean> => {\r\n            if (\r\n                authProfile.data &&\r\n                authProfile.data.RolleListe.indexOf('Imitator') !== -1\r\n            ) {\r\n                const d: ISelectOptions[] = [\r\n                    {\r\n                        label: authProfile.data.Afdeling.Navn,\r\n                        value: authProfile.data.Afdeling.Nummer,\r\n                    },\r\n                ]\r\n\r\n                setOptions(d)\r\n\r\n                _setDepartmentNumber(authProfile.data.Afdeling.Nummer)\r\n            } else {\r\n                const depResponse = await getDepartments()\r\n                const opt: ISelectOptions[] = depResponse.map(\r\n                    (department: Department) => {\r\n                        return { label: department.name, value: department.id }\r\n                    }\r\n                )\r\n\r\n                setOptions(opt)\r\n            }\r\n\r\n            return true\r\n        }\r\n\r\n        getDeps()\r\n    }, [])\r\n\r\n    const chooseImitator = async (member: IMemberSuggestion): Promise<void> => {\r\n        const response = await getProfileByIdent(member.memberId)\r\n        const profile = Profile.build(response.data)\r\n\r\n        authProfile.apiProfile = profile\r\n\r\n        localStorage.setItem('profile_data', JSON.stringify(authProfile))\r\n        localStorage.setItem('imitator', JSON.stringify(member))\r\n\r\n        setAuthRoles([member.role])\r\n        _set(authProfile)\r\n        _setIsAuthenticated(true)\r\n    }\r\n\r\n    return (\r\n        <div className={`${layout.container} main-content`}>\r\n            <div className={`${classes.headerArea} desktop-only`} />\r\n            <div className={classes.headerArea}>\r\n                <div>\r\n                    <Typography tag=\"h1\" size=\"XXXXL\">\r\n                        Søg TR & FTR\r\n                    </Typography>\r\n                </div>\r\n            </div>\r\n\r\n            <div className={classes.formArea}>\r\n                <FormControl>\r\n                    <Select\r\n                        placeholder=\"Vælg afdeling *\"\r\n                        onChange={(e) => {\r\n                            _setSuggestions([])\r\n                            _setName('')\r\n                            _setDepartmentNumber(e.target.value)\r\n                        }}\r\n                        options={options}\r\n                    />\r\n                </FormControl>\r\n                <FormControl>\r\n                    <Input\r\n                        label=\"Navn\"\r\n                        name=\"fuldeNavn\"\r\n                        required\r\n                        value={name}\r\n                        disabled={!departmentNumber}\r\n                        onKeyDown={(e) => {\r\n                            if (e.key === 'Enter') {\r\n                                if (name && name !== '' && departmentNumber) {\r\n                                    search(departmentNumber, name)\r\n                                } else {\r\n                                    _setSuggestions([])\r\n                                }\r\n                            }\r\n                        }}\r\n                        onChange={(e) => _setName(e.target.value)}\r\n                    />\r\n                </FormControl>\r\n                <Button\r\n                    style={{ height: '46px' }}\r\n                    buttonType=\"submit\"\r\n                    type=\"primary\"\r\n                    size=\"large\"\r\n                    disabled={!departmentNumber}\r\n                    onClick={() => {\r\n                        if (name && name !== '' && departmentNumber) {\r\n                            search(departmentNumber, name)\r\n                        } else {\r\n                            _setSuggestions([])\r\n                        }\r\n                    }}\r\n                >\r\n                    {L('ALLEMEDLEMMER_FORM_SØG_KNAP')}\r\n                </Button>\r\n            </div>\r\n\r\n            <hr className={classes.hr} />\r\n\r\n            {loading ? <Spinner /> : null}\r\n\r\n            {!suggestions.length ? (\r\n                <Typography\r\n                    size=\"S\"\r\n                    align=\"center\"\r\n                    style={{ marginTop: '20px' }}\r\n                >\r\n                    Vælg afdeling og navn\r\n                </Typography>\r\n            ) : null}\r\n\r\n            <div className={classes.members}>\r\n                {suggestions && suggestions.length ? (\r\n                    <div className=\"page-up\">\r\n                        <CardList>\r\n                            <CardHeader\r\n                                gridTemplateColumns={gridTemplateColumns}\r\n                            >\r\n                                <CardHeaderCell />\r\n                                <CardHeaderCell>\r\n                                    <SortButton\r\n                                        onClick={() => setSort('name')}\r\n                                        sort={sortState}\r\n                                        name=\"name\"\r\n                                    >\r\n                                        Navn\r\n                                    </SortButton>\r\n                                </CardHeaderCell>\r\n                                <CardHeaderCell>\r\n                                    <Typography size=\"XS\" weight=\"bold\">\r\n                                        <SortButton\r\n                                            onClick={() =>\r\n                                                setSort('arbejdssted')\r\n                                            }\r\n                                            sort={sortState}\r\n                                            name=\"arbejdssted\"\r\n                                        >\r\n                                            Hverv\r\n                                        </SortButton>\r\n                                    </Typography>\r\n                                </CardHeaderCell>\r\n                                <CardHeaderCell>\r\n                                    <div className={classes.sortPlaceholder}>\r\n                                        Rolle\r\n                                    </div>\r\n                                </CardHeaderCell>\r\n                                <CardHeaderCell>\r\n                                    <SortButton\r\n                                        onClick={() => setSort('department')}\r\n                                        sort={sortState}\r\n                                        name=\"department\"\r\n                                    >\r\n                                        Fødselsdato\r\n                                    </SortButton>\r\n                                </CardHeaderCell>\r\n                                <CardHeaderCell />\r\n                            </CardHeader>\r\n                            {suggestions.map((member) => (\r\n                                <>\r\n                                    <Card\r\n                                        key={member.memberId}\r\n                                        gridTemplateColumns={\r\n                                            gridTemplateColumns\r\n                                        }\r\n                                    >\r\n                                        <CardCell>\r\n                                            <Circle>\r\n                                                <CircleText>\r\n                                                    {getInitials(\r\n                                                        member.fullName\r\n                                                    )}\r\n                                                </CircleText>\r\n                                            </Circle>\r\n                                        </CardCell>\r\n                                        <CardCell>\r\n                                            <Typography size=\"XS\">\r\n                                                {member.fullName}\r\n                                            </Typography>\r\n                                        </CardCell>\r\n                                        <CardCell>\r\n                                            <Typography size=\"XS\">\r\n                                                {member.position}\r\n                                            </Typography>\r\n                                        </CardCell>\r\n                                        <CardCell>\r\n                                            <Typography size=\"XS\">\r\n                                                {member.role}\r\n                                            </Typography>\r\n                                        </CardCell>\r\n                                        <CardCell>\r\n                                            <Typography size=\"XS\">\r\n                                                {member.birthDay}\r\n                                            </Typography>\r\n                                        </CardCell>\r\n\r\n                                        <CardCell>\r\n                                            <Button\r\n                                                onClick={() =>\r\n                                                    chooseImitator(member)\r\n                                                }\r\n                                            >\r\n                                                Vælg\r\n                                            </Button>\r\n                                        </CardCell>\r\n                                    </Card>\r\n                                </>\r\n                            ))}\r\n                        </CardList>\r\n                    </div>\r\n                ) : null}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { Imitator }\r\n","import { AxiosResponse } from 'axios'\r\nimport { axiosWithAuth, axiosWithImitator } from '../withAuth'\r\nimport { mapWorkplaces, Workplace } from '../../models/Workplace'\r\n\r\n// /opslagsdata/hentstillingfaggruppesektorlister\r\nconst getPositionsAndGroups = async (): Promise<any> => {\r\n    const response = await axiosWithImitator.get(\r\n        `/opslagsdata/hentstillingfaggruppesektorlister`\r\n    )\r\n\r\n    const { data } = response\r\n    return data\r\n}\r\n\r\n// /opslagsdata/henttrarbejdsstederogstillinger\r\nconst getWorkplacesAndPositions = async (): Promise<{\r\n    workPlaces: Workplace[]\r\n}> => {\r\n    const response = await axiosWithImitator.get(\r\n        `/opslagsdata/henttrarbejdsstederogstillinger`\r\n    )\r\n\r\n    const { data } = response\r\n    return {\r\n        workPlaces: mapWorkplaces(data.Arbejdssteder),\r\n    }\r\n}\r\n\r\nconst userIsActiveInApp = async (): Promise<any> => {\r\n    const response = await axiosWithImitator.post(`/profil/brugeraktiviapp`)\r\n\r\n    const { data } = response\r\n    return data\r\n}\r\n\r\nexport { getPositionsAndGroups, getWorkplacesAndPositions, userIsActiveInApp }\r\n","import React, { useEffect, useState } from 'react'\r\n/* eslint-disable max-len */\r\nimport axios, { AxiosResponse } from 'axios'\r\nimport { useAtom } from 'jotai'\r\nimport qs from 'qs'\r\nimport * as randomString from 'randomstring'\r\nimport { encode as base64encode } from 'base64-arraybuffer'\r\nimport {\r\n    profileAtom,\r\n    getProfile,\r\n    getProfileByIdent,\r\n} from '../api/profile/profile'\r\nimport { Dialog } from '../components/ui/Dialog/Dialog'\r\nimport { Typography } from '../components/ui/Typography/Typography'\r\nimport { Button } from '../components/ui/Button/Button'\r\nimport { LockFill } from '../assets/icons'\r\nimport { Profile } from '../models/Profile'\r\nimport { Imitator } from '../components/modules/Imitator'\r\nimport {\r\n    isAuthenticatedAtom,\r\n    chooseImitatorAtom,\r\n    authRoles,\r\n} from '../store/auth'\r\nimport { L_HTML } from '../components/providers/Lokalise'\r\nimport { Spinner } from '../components/ui/Loaders/Spinner'\r\nimport { userIsActiveInApp } from '../api/misc'\r\n\r\nconst PERIOD_CHECK_INTERVAL = 60 * 1000 * 5\r\n\r\nconst oidcSettings = {\r\n    authority: process.env.REACT_APP_AUTH_AUTHORITY,\r\n    client_id: process.env.REACT_APP_AUTH_CLIENT_ID,\r\n    redirect_uri: process.env.REACT_APP_AUTH_REDIRECT_URI,\r\n    response_type: process.env.REACT_APP_AUTH_RESPONSE_TYPE,\r\n    scope: process.env.REACT_APP_AUTH_REDIRECT_URI_SCOPE,\r\n}\r\n\r\n// Disabled for now.\r\n// process.env.REACT_APP_AUTH_SETORIGIN\r\nconst setOriginUrl = undefined\r\n\r\nexport interface IUserData {\r\n    access_token: string\r\n    expires_in: number\r\n    id_token: string\r\n    refresh_token: string\r\n    refresh_token_expires_in: string\r\n    resource: string\r\n    scope: string\r\n    token_type: string\r\n}\r\n\r\nconst Auth0: React.FC = ({ children }) => {\r\n    const [isAuthenticated, setIsAuthenticated] = useAtom(isAuthenticatedAtom)\r\n    const [, setProfile] = useAtom(profileAtom)\r\n    const [chooseImitator, setChooseImitator] = useAtom(chooseImitatorAtom)\r\n    const [loading, _setLoading] = useState(true)\r\n    const [, _setRoles] = useAtom(authRoles)\r\n    const [periodicCheckInitiated, setPeriodicCheckInitiated] = useState(false)\r\n    const [errorMessage, setErrorMessage] = useState<string | undefined>(\r\n        undefined\r\n    )\r\n\r\n    const intiatePeriodicCheck = (): void => {\r\n        if (!periodicCheckInitiated) {\r\n            setPeriodicCheckInitiated(true)\r\n            userIsActiveInApp()\r\n            setInterval(() => {\r\n                getProfile()\r\n            }, PERIOD_CHECK_INTERVAL)\r\n        }\r\n    }\r\n\r\n    const validateImitator = async (\r\n        profileData: AxiosResponse\r\n    ): Promise<void> => {\r\n        const authP = {\r\n            data: profileData.data,\r\n            isImitator: true,\r\n            apiProfile: undefined,\r\n        }\r\n\r\n        const imitatorInStorage = localStorage.getItem('imitator')\r\n\r\n        if (imitatorInStorage) {\r\n            const member = JSON.parse(imitatorInStorage)\r\n            const response = await getProfileByIdent(member.memberId)\r\n            const profile = Profile.build(response.data)\r\n\r\n            authP.apiProfile = profile\r\n            _setRoles([member.role])\r\n            setIsAuthenticated(true)\r\n            setChooseImitator(false)\r\n            _setLoading(false)\r\n            setProfile(authP)\r\n        } else {\r\n            setProfile(authP)\r\n            localStorage.setItem('profile_data', JSON.stringify(authP))\r\n            setIsAuthenticated(false)\r\n            setChooseImitator(true)\r\n            _setLoading(false)\r\n        }\r\n    }\r\n\r\n    const setAlreadyAuthenticated = async (profileData: any): Promise<void> => {\r\n        const response = await getProfileByIdent(\r\n            profileData.data.BrugerMedlemsident\r\n        )\r\n\r\n        if (response && response.error) {\r\n            localStorage.setItem('profile_data', null)\r\n            if (response.error && response.error.Message) {\r\n                setErrorMessage(response.error.Message)\r\n            }\r\n        } else {\r\n            setErrorMessage(undefined)\r\n            const activeProfile = Profile.build(response.data)\r\n            const authP = {\r\n                data: profileData.data,\r\n                isImitator: false,\r\n                apiProfile: activeProfile,\r\n            }\r\n\r\n            _setRoles(profileData.data.RolleListe)\r\n\r\n            localStorage.setItem('profile_data', JSON.stringify(authP))\r\n\r\n            setProfile(authP)\r\n\r\n            if (profileData.data) {\r\n                setIsAuthenticated(true)\r\n            }\r\n        }\r\n\r\n        _setLoading(false)\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\n    function parseJwt(token) {\r\n        const base64Url = token.split('.')[1]\r\n        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/')\r\n        const jsonPayload = decodeURIComponent(\r\n            window\r\n                .atob(base64)\r\n                .split('')\r\n                .map(function (c: any) {\r\n                    return `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`\r\n                })\r\n                .join('')\r\n        )\r\n\r\n        return JSON.parse(jsonPayload)\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\n    async function getUserInfo(accessToken, id_token) {\r\n        try {\r\n            const response = await axios.get(\r\n                'https://fs10.foa.dk/adfs/userinfo',\r\n                {\r\n                    headers: {\r\n                        Authorization: `Bearer ${accessToken}`,\r\n                    },\r\n                    params: {\r\n                        id_token,\r\n                        scope: oidcSettings.scope,\r\n                    },\r\n                }\r\n            )\r\n            return response.data\r\n        } catch (error) {\r\n            console.error(\r\n                'Error fetching user info:',\r\n                error.response ? error.response.data : error.message\r\n            )\r\n            throw error // Re-throw the error to be handled by the calling function\r\n        }\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\n    const getToken = async (code: string) => {\r\n        const code_verifier = localStorage.getItem('code_verifier')\r\n        axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'\r\n        const response = await axios.post(\r\n            `${oidcSettings.authority}/oauth2/token`,\r\n            qs.stringify({\r\n                grant_type: 'authorization_code',\r\n                redirect_uri: oidcSettings.redirect_uri,\r\n                client_id: oidcSettings.client_id,\r\n                code_verifier,\r\n                code,\r\n            })\r\n        )\r\n\r\n        const user: IUserData = response.data\r\n        console.log(parseJwt(user.id_token), 'user')\r\n        localStorage.setItem('user_data', JSON.stringify(user))\r\n        const profileData = await getProfile()\r\n        const roleList = profileData.data.RolleListe\r\n\r\n        if (\r\n            roleList &&\r\n            (roleList.indexOf('Supporter') !== -1 ||\r\n                roleList.indexOf('Imitator') !== -1)\r\n        ) {\r\n            validateImitator(profileData)\r\n            intiatePeriodicCheck()\r\n        } else {\r\n            setAlreadyAuthenticated(profileData)\r\n            intiatePeriodicCheck()\r\n        }\r\n\r\n        window.history.replaceState(\r\n            {},\r\n            document.title,\r\n            window.location.pathname\r\n        )\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\n    const checkUser = async (code: string | undefined) => {\r\n        _setLoading(true)\r\n        const userData = localStorage.getItem('user_data')\r\n\r\n        if (userData && !code) {\r\n            const profileData = await getProfile()\r\n            const roleList = profileData.data.RolleListe\r\n            const user = JSON.parse(userData)\r\n            const jwt = parseJwt(user.id_token)\r\n\r\n            if (\r\n                roleList &&\r\n                (roleList.indexOf('Supporter') !== -1 ||\r\n                    roleList.indexOf('Imitator') !== -1)\r\n            ) {\r\n                validateImitator(profileData)\r\n                intiatePeriodicCheck()\r\n            } else {\r\n                setAlreadyAuthenticated(profileData)\r\n                intiatePeriodicCheck()\r\n            }\r\n        } else if (code && code !== '') {\r\n            getToken(code)\r\n        } else if (!userData && !code) {\r\n            setIsAuthenticated(false)\r\n            _setLoading(false)\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        const queryString = window.location.search\r\n        const params = new URLSearchParams(queryString)\r\n        const code = params.get('code')\r\n        if (code) {\r\n            sessionStorage.setItem('testing', JSON.stringify(window.location))\r\n        }\r\n\r\n        _setLoading(true)\r\n\r\n        checkUser(code)\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [])\r\n\r\n    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\n    const signIn = async () => {\r\n        // if (setOriginUrl && setOriginUrl !== '') {\r\n        //     await axios.get(setOriginUrl)\r\n        // }\r\n        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\n        async function generateCodeChallenge(codeVerifier) {\r\n            const encoder = new TextEncoder()\r\n            const data = encoder.encode(codeVerifier)\r\n            const digest = await window.crypto.subtle.digest('SHA-256', data)\r\n            const base64Digest = base64encode(digest)\r\n\r\n            // you can extract this replacing code to a function\r\n            return base64Digest\r\n                .replace(/\\+/g, '-')\r\n                .replace(/\\//g, '_')\r\n                .replace(/=/g, '')\r\n        }\r\n\r\n        const code_verifier = randomString.generate(128)\r\n\r\n        generateCodeChallenge(code_verifier).then((challenge) => {\r\n            localStorage.setItem('code_verifier', code_verifier)\r\n            const qParams = [\r\n                `redirect_uri=${oidcSettings.redirect_uri}`,\r\n                `scope=${oidcSettings.scope}`,\r\n                `response_type=${oidcSettings.response_type}`,\r\n                `client_id=${oidcSettings.client_id}`,\r\n                `code_challenge_method=S256`,\r\n                `code_challenge=${challenge}`,\r\n                // `${\r\n                //     process.env.NODE_ENV !== 'production' ? 'prompt=login' : ''\r\n                // }`,\r\n                'max_age=1200',\r\n            ].join('&')\r\n\r\n            window.location.href = `${oidcSettings.authority}/oauth2/authorize?${qParams}`\r\n        })\r\n    }\r\n\r\n    const logout = (): void => {\r\n        const localUser = localStorage.getItem('user_data')\r\n        const user: IUserData = JSON.parse(localUser)\r\n        const token = user.id_token\r\n        const redirect_uri = process.env.REACT_APP_AUTH_REDIRECT_URI\r\n\r\n        const translations = localStorage.getItem('translations')\r\n        localStorage.clear()\r\n        localStorage.setItem('translations', translations)\r\n\r\n        const qParams = [\r\n            `id_token_hint=${token}`,\r\n            `post_logout_redirect_uri=${redirect_uri}`,\r\n        ].join('&')\r\n\r\n        const logoutURL = `https://fs10.foa.dk/adfs/oauth2/logout?${qParams}`\r\n\r\n        window.location.href = logoutURL\r\n\r\n        axios.get(logoutURL).then(() => {\r\n            window.history.replaceState(\r\n                {},\r\n                document.title,\r\n                window.location.pathname\r\n            )\r\n        })\r\n    }\r\n\r\n    if (loading) {\r\n        return (\r\n            <div style={{ marginTop: '100px' }}>\r\n                <Spinner />\r\n            </div>\r\n        )\r\n    }\r\n\r\n    if (!isAuthenticated && chooseImitator) {\r\n        return (\r\n            <>\r\n                <Imitator />\r\n                {setOriginUrl ? (\r\n                    <img\r\n                        src={setOriginUrl}\r\n                        alt=\"cors\"\r\n                        style={{\r\n                            height: '1px',\r\n                            width: '1px',\r\n                            position: 'absolute',\r\n                            left: '-999999px',\r\n                        }}\r\n                    />\r\n                ) : null}\r\n            </>\r\n        )\r\n    }\r\n\r\n    if (isAuthenticated) {\r\n        return (\r\n            <div>\r\n                {setOriginUrl ? (\r\n                    <img\r\n                        src={setOriginUrl}\r\n                        alt=\"cors\"\r\n                        style={{\r\n                            height: '1px',\r\n                            width: '1px',\r\n                            position: 'absolute',\r\n                            left: '-999999px',\r\n                        }}\r\n                    />\r\n                ) : null}\r\n                {children}\r\n            </div>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Dialog\r\n            trigger={null}\r\n            defaultOpen\r\n            hideClose\r\n            icon={<LockFill width=\"46px\" />}\r\n        >\r\n            <>\r\n                {setOriginUrl ? (\r\n                    <img\r\n                        src={setOriginUrl}\r\n                        alt=\"cors\"\r\n                        style={{\r\n                            height: '1px',\r\n                            width: '1px',\r\n                            position: 'absolute',\r\n                            left: '-999999px',\r\n                        }}\r\n                    />\r\n                ) : null}\r\n                {!errorMessage ? (\r\n                    <>\r\n                        <Typography style={{ marginBottom: '30px' }} size=\"L\">\r\n                            {/* {L_HTML('LOGIN_POPUP_OVERSKRIFT')} */}\r\n                            Log på\r\n                        </Typography>\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"S\"\r\n                            style={{ marginBottom: '30px' }}\r\n                            align=\"center\"\r\n                        >\r\n                            {/* {L_HTML('LOGIN_POPUP_TEXT')} */}\r\n                            Du skal logge på for at få adgang til Mine medlemmer\r\n                        </Typography>\r\n                        <Button size=\"xlarge\" onClick={signIn}>\r\n                            OK\r\n                        </Button>\r\n                    </>\r\n                ) : (\r\n                    <>\r\n                        <Typography style={{ marginBottom: '30px' }} size=\"L\">\r\n                            {L_HTML('LOGIN_POPUP_OVERSKRIFT')}\r\n                        </Typography>\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"S\"\r\n                            style={{ marginBottom: '30px' }}\r\n                            align=\"center\"\r\n                        >\r\n                            {errorMessage ? (\r\n                                <Typography\r\n                                    tag=\"p\"\r\n                                    size=\"S\"\r\n                                    style={{ marginBottom: '30px' }}\r\n                                    align=\"center\"\r\n                                >\r\n                                    {errorMessage}\r\n                                </Typography>\r\n                            ) : null}\r\n                        </Typography>\r\n                        <Button size=\"xlarge\" onClick={logout}>\r\n                            Log ud\r\n                        </Button>\r\n                    </>\r\n                )}\r\n            </>\r\n        </Dialog>\r\n    )\r\n}\r\nexport default Auth0\r\n","export const zIndexes = {\r\n    topNavigation: 1,\r\n    drawer: 2,\r\n}\r\n","import palette, { colors } from './palette'\r\nimport sizes from './sizes'\r\nimport { zIndexes } from './zIndex'\r\n\r\nconst index = { palette, sizes, colors, zIndexes }\r\n\r\nexport default index\r\n","const sizes = {\r\n    navbarDesktopHeight: '5.125rem',\r\n}\r\n\r\nexport default sizes\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport breakpoints from '../../theme/breakpoints'\r\nimport { colors } from '../../theme/palette'\r\n\r\nconst useStyles = createUseStyles((theme) => ({\r\n    container: {\r\n        position: 'relative',\r\n        marginTop: theme.sizes.navbarDesktopHeight,\r\n        color: theme.palette.secondary,\r\n        minHeight: '100vh',\r\n        width: '100%',\r\n        backgroundColor: colors.gray500,\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            marginTop: `calc(${theme.sizes.navbarDesktopHeight} + 9rem)`,\r\n        },\r\n    },\r\n}))\r\n\r\nconst Layout: React.FC = ({ children }) => {\r\n    const classes = useStyles()\r\n\r\n    return <div className={classes.container}>{children}</div>\r\n}\r\n\r\nexport default Layout\r\n","import React, { FC } from 'react'\nimport { Dialog } from '../../ui/Dialog/Dialog'\nimport { SendFill } from '../../../assets/icons'\nimport { Typography } from '../../ui/Typography/Typography'\n// import { L_HTML } from '../../providers/Lokalise'\nimport { Button } from '../../ui/Button/Button'\nimport { L } from '../../providers/Lokalise'\n\nexport interface ImitatorNoAccessWarningProps {\n    show?: boolean\n    onClose?: () => void\n}\n\nconst ImitatorNoAccessWarning: FC<ImitatorNoAccessWarningProps> = ({\n    show,\n    onClose,\n}) => {\n    if (!show) return null\n\n    return (\n        <Dialog\n            trigger={null}\n            defaultOpen\n            hideClose\n            icon={<SendFill width=\"46px\" />}\n        >\n            <Typography\n                style={{ marginBottom: '30px' }}\n                size=\"L\"\n                align=\"center\"\n            >\n                {L('imitator_restricted_access_title')}\n            </Typography>\n            <Typography\n                tag=\"p\"\n                size=\"S\"\n                style={{ marginBottom: '30px' }}\n                align=\"center\"\n            >\n                {L('imitator_restricted_access_text')}\n            </Typography>\n            <Button size=\"xlarge\" onClick={() => onClose && onClose()}>\n                {L('imitator_restricted_access_button')}\n            </Button>\n        </Dialog>\n    )\n}\n\nexport { ImitatorNoAccessWarning }\n","import React, { FC, ReactElement, useState } from 'react'\r\nimport { useAtom } from 'jotai'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { NavLink } from 'react-router-dom'\r\nimport { colors } from '../../../theme/palette'\r\nimport { useContainerStyles } from '../../../theme/layout'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { Button, ButtonLink } from '../Button/Button'\r\nimport { ImitatorNoAccessWarning } from '../../modules/Imitator/ImitatorNoAccessWarning'\r\nimport { profileAtom } from '../../../api/profile/profile'\r\n\r\nexport interface IComponent {\r\n    title: string\r\n    component: ReactElement\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    container: {\r\n        background: colors.green,\r\n        width: '100%',\r\n    },\r\n    menu: {\r\n        display: 'flex',\r\n        width: '100%',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        padding: '2rem 0',\r\n        listStyle: 'none',\r\n        flexWrap: 'wrap',\r\n        margin: 0,\r\n        [`@media (max-width: ${breakpoints.Desktop}px)`]: {},\r\n    },\r\n    item: {\r\n        background: '#fff',\r\n        flexGrow: 1,\r\n        padding: '.5rem',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                padding: '1rem',\r\n            },\r\n            '&:first-child': {\r\n                borderRadius: '4px 0 0 4px',\r\n                padding: '1rem 0 1rem 1rem',\r\n            },\r\n            '&:last-child': {\r\n                borderRadius: '0 4px 4px 0',\r\n                padding: '1rem 1rem 1rem 0',\r\n            },\r\n        },\r\n    },\r\n    link: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        textDecoration: 'none',\r\n        color: colors.black,\r\n        fontSize: '1rem',\r\n        padding: '0.75rem',\r\n        borderRadius: '6px',\r\n        transition: 'all .3s',\r\n        '&:hover, &.active': {\r\n            cursor: 'pointer',\r\n            backgroundColor: colors.green,\r\n            color: colors.white,\r\n        },\r\n    },\r\n})\r\n\r\ninterface TabItemProps {\r\n    to: string\r\n    label: string\r\n}\r\n\r\nconst TabItem: FC<TabItemProps> = ({ label, to }) => {\r\n    const classes = useStyles()\r\n    const [authProfile] = useAtom(profileAtom)\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n\r\n    if (to === '/mine-noter' && authProfile.isImitator) {\r\n        return (\r\n            <>\r\n                <li className={classes.item}>\r\n                    <NavLink\r\n                        to={to}\r\n                        onClick={(e) => {\r\n                            e.preventDefault()\r\n                            setShowImitatorModal(true)\r\n                        }}\r\n                        className={({ isActive }) =>\r\n                            `${classes.link} ${isActive ? 'active' : 'link'}`\r\n                        }\r\n                    >\r\n                        <div>{label}</div>\r\n                    </NavLink>\r\n                </li>\r\n                <ImitatorNoAccessWarning\r\n                    show={showImitatorModal}\r\n                    onClose={() => setShowImitatorModal(false)}\r\n                />\r\n            </>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <li className={classes.item}>\r\n            <NavLink\r\n                to={to}\r\n                className={({ isActive }) =>\r\n                    `${classes.link} ${isActive ? 'active' : 'link'}`\r\n                }\r\n            >\r\n                <div>{label}</div>\r\n            </NavLink>\r\n        </li>\r\n    )\r\n}\r\n\r\nconst TabbedMenu: FC = ({ children }) => {\r\n    const classes = useStyles()\r\n    const layout = useContainerStyles()\r\n\r\n    return (\r\n        <div className={classes.container}>\r\n            <div className={layout.container}>\r\n                <ul className={classes.menu}>{children}</ul>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { TabbedMenu, TabItem }\r\n","import React, { FC } from 'react'\r\nimport { useAtom } from 'jotai'\r\nimport { TabbedMenu, TabItem } from '../../ui/TabbedMenu'\r\nimport { L } from '../../providers/Lokalise'\r\nimport { profileAtom } from '../../../api/profile/profile'\r\n\r\nexport interface ILinkItem {\r\n    to: string\r\n    label: string\r\n}\r\n\r\nconst links: ILinkItem[] = [\r\n    {\r\n        to: '/mine-medlemmer',\r\n        label: 'HEADER_FANEBLAD_EGNEMEDLEMMER-TITEL',\r\n    },\r\n    {\r\n        to: '/alle-foas-medlemmer',\r\n        label: 'HEADER_FANEBLAD_ALLEMEDLEMMER-TITEL',\r\n    },\r\n    {\r\n        to: '/mine-arbejdsteder',\r\n        label: 'HEADER_FANEBLAD_MINEARBEJDSSTEDER-TITEL',\r\n    },\r\n    {\r\n        to: '/mine-noter',\r\n        label: 'HEADER_FANEBLAD_MINENOTER-TITEL',\r\n    },\r\n    {\r\n        to: '/mine-opdateringer',\r\n        label: 'HEADER_FANEBLAD_MINEOPDATERINGER-TITEL',\r\n    },\r\n]\r\n\r\nconst linksForSupporter: ILinkItem[] = [\r\n    {\r\n        to: '/mine-medlemmer',\r\n        label: 'HEADER_FANEBLAD_EGNEMEDLEMMER-TITEL',\r\n    },\r\n    {\r\n        to: '/alle-foas-medlemmer',\r\n        label: 'HEADER_FANEBLAD_ALLEMEDLEMMER-TITEL',\r\n    },\r\n    {\r\n        to: '/mine-arbejdsteder',\r\n        label: 'HEADER_FANEBLAD_MINEARBEJDSSTEDER-TITEL',\r\n    },\r\n    {\r\n        to: '/mine-opdateringer',\r\n        label: 'HEADER_FANEBLAD_MINEOPDATERINGER-TITEL',\r\n    },\r\n]\r\n\r\nconst Menu: FC = () => {\r\n    const [authProfile] = useAtom(profileAtom)\r\n\r\n    const linksToUse = links\r\n\r\n    return (\r\n        <TabbedMenu>\r\n            {linksToUse.map((link: ILinkItem) => {\r\n                return (\r\n                    <TabItem\r\n                        key={link.label}\r\n                        to={link.to}\r\n                        label={L(link.label)}\r\n                    />\r\n                )\r\n            })}\r\n        </TabbedMenu>\r\n    )\r\n}\r\n\r\nexport { Menu }\r\n","import axios from 'axios'\r\nimport { IUserData } from './Auth0'\r\n\r\nexport const logout = (): void => {\r\n    const localUser = localStorage.getItem('user_data')\r\n    const user: IUserData = JSON.parse(localUser)\r\n    const token = user.id_token\r\n    const redirect_uri = process.env.REACT_APP_AUTH_REDIRECT_URI\r\n\r\n    const translations = localStorage.getItem('translations')\r\n\r\n    const keep = localStorage.getItem('Login_data')\r\n    localStorage.clear()\r\n    localStorage.setItem('translations', translations)\r\n    if (keep) {\r\n        localStorage.setItem('Login_data', keep)\r\n    }\r\n\r\n    const qParams = [\r\n        `id_token_hint=${token}`,\r\n        `post_logout_redirect_uri=${redirect_uri}`,\r\n        // `state=some random string`,\r\n    ].join('&')\r\n\r\n    const logoutURL = `${process.env.REACT_APP_AUTH_AUTHORITY}/oauth2/logout?${qParams}`\r\n\r\n    window.location.href = logoutURL\r\n\r\n    axios.get(logoutURL).then(() => {\r\n        window.history.replaceState(\r\n            {},\r\n            document.title,\r\n            window.location.pathname\r\n        )\r\n    })\r\n}\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { Link } from 'react-router-dom'\r\nimport { useAtom } from 'jotai'\r\nimport { useContainerStyles } from '../../../theme/layout'\r\nimport { colors } from '../../../theme/palette'\r\nimport {\r\n    Foa,\r\n    Help,\r\n    HandshakeFill,\r\n    Heart,\r\n    Archive,\r\n    Aftalearkiv,\r\n} from '../../../assets/icons'\r\nimport { Typography } from '../Typography/Typography'\r\nimport { Button } from '../Button/Button'\r\nimport { AuthProfile, profileAtom } from '../../../api/profile/profile'\r\nimport { isAuthenticatedAtom, chooseImitatorAtom } from '../../../store/auth'\r\nimport { Circle, CircleIcon, CircleIcon2 } from '../Circle/Circle'\r\nimport { L } from '../../providers/Lokalise'\r\nimport { Menu } from '../../Navigation/Menu/Menu'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { logout } from '../../../utils/Logout'\r\n\r\nconst useStyles = createUseStyles((theme) => ({\r\n    container: {\r\n        position: 'fixed',\r\n        backgroundColor: theme.palette.navBackgroundColor,\r\n        width: '100%',\r\n        top: 0,\r\n        height: 'max-content',\r\n        borderBottom: `1px solid ${theme.palette.borderColor}`,\r\n        background: colors.white,\r\n        zIndex: 1,\r\n        'body.no-scroll &': {\r\n            paddingRight: '17px',\r\n        },\r\n    },\r\n    desktopOnly: {\r\n        [`@media (max-width: ${breakpoints.Desktop}px)`]: {\r\n            display: 'none',\r\n        },\r\n    },\r\n    inner: {\r\n        height: theme.sizes.navbarDesktopHeight,\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n    },\r\n    brandIcon: {\r\n        display: 'flex',\r\n        height: '100%',\r\n        maxWidth: '7.813rem',\r\n    },\r\n    containerLogin: {\r\n        textAlign: 'right',\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        color: colors.black,\r\n    },\r\n    profileLink: {\r\n        textDecoration: 'underline',\r\n        color: 'inherit',\r\n        cursor: 'pointer',\r\n        '&:hover, &:focus, &:active': {\r\n            opacity: '0.8',\r\n        },\r\n    },\r\n    greenText: {\r\n        color: theme.colors.green500,\r\n    },\r\n    containerProfilePicture: {\r\n        padding: '0 1rem',\r\n        width: '80px',\r\n    },\r\n    logo: {},\r\n    helpContainer: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        marginRight: '30px',\r\n        cursor: 'pointer',\r\n    },\r\n}))\r\n\r\nconst NavbarDesktop: React.FC = () => {\r\n    const classes = useStyles()\r\n    const layout = useContainerStyles()\r\n    const [profile, _setProfile] = useAtom(profileAtom)\r\n    const [isAuthenticated, _setIsAuthenticated] = useAtom(isAuthenticatedAtom)\r\n    const [chooseImitator, setChooseImitator] = useAtom(chooseImitatorAtom)\r\n    const changeMember = (): void => {\r\n        const localProfileData = localStorage.getItem('profile_data')\r\n        const data: AuthProfile = JSON.parse(localProfileData)\r\n        data.apiProfile = undefined\r\n        localStorage.setItem('profile_data', JSON.stringify(data))\r\n        _setProfile(data)\r\n        setChooseImitator(true)\r\n        _setIsAuthenticated(false)\r\n    }\r\n\r\n    const scrollToFooter = (): void => {\r\n        const footer = document.querySelector('#footer')\r\n        if (footer) {\r\n            window.scrollTo({\r\n                top: footer.getBoundingClientRect().top,\r\n                left: 0,\r\n                behavior: 'smooth',\r\n            })\r\n        }\r\n    }\r\n\r\n    const organizeLink = (): JSX.Element => {\r\n        return (\r\n            <>\r\n                {isAuthenticated || (isAuthenticated && !chooseImitator) ? (\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        style={{\r\n                            display: 'flex',\r\n                            alignItems: 'center',\r\n                            marginRight: '30px',\r\n                            cursor: 'pointer',\r\n                        }}\r\n                        // className={classes.profileLink}\r\n                    >\r\n                        <CircleIcon2 width=\"42px\" withBorder borderWidth=\"6px\">\r\n                            <div\r\n                                style={{\r\n                                    width: '20px',\r\n                                    height: '20px',\r\n                                    padding: '2px',\r\n                                    color: colors.green,\r\n                                }}\r\n                            >\r\n                                <Heart />\r\n                            </div>\r\n                        </CircleIcon2>\r\n\r\n                        <Link\r\n                            className={classes.profileLink}\r\n                            to=\"/organisering\"\r\n                        >\r\n                            Organisering\r\n                        </Link>\r\n                    </Typography>\r\n                ) : null}\r\n            </>\r\n        )\r\n    }\r\n\r\n    function aftaleArkivLink(): React.ReactNode {\r\n        return (\r\n            <Typography\r\n                tag=\"p\"\r\n                size=\"XS\"\r\n                style={{\r\n                    display: 'flex',\r\n                    alignItems: 'center',\r\n                    marginRight: '30px',\r\n                    cursor: 'pointer',\r\n                }}\r\n            >\r\n                <CircleIcon2 width=\"42px\" withBorder borderWidth=\"6px\">\r\n                    <div\r\n                        style={{\r\n                            width: '20px',\r\n                            height: '20px',\r\n                            padding: '2px',\r\n                            color: colors.green,\r\n                        }}\r\n                    >\r\n                        <Aftalearkiv />\r\n                    </div>\r\n                </CircleIcon2>\r\n\r\n                <a\r\n                    className={classes.profileLink}\r\n                    href={process.env.REACT_APP_AFTALE_ARKIV_LINK}\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    aria-label=\"Aftalearkiv - åbner i nyt vindue\"\r\n                >\r\n                    Aftalearkiv for TR\r\n                </a>\r\n            </Typography>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <div className={classes.container}>\r\n            <div className={`${layout.container} ${classes.inner}`}>\r\n                <Link className={`${classes.brandIcon} desktop-only`} to=\"/\">\r\n                    <Foa color=\"#A6192E\" />\r\n                </Link>\r\n\r\n                <div className={classes.containerLogin}>\r\n                    {aftaleArkivLink()}\r\n                    {organizeLink()}\r\n                    {isAuthenticated ? (\r\n                        <Button\r\n                            style={{\r\n                                display: 'flex',\r\n                                alignItems: 'center',\r\n                                marginRight: '30px',\r\n                                cursor: 'pointer',\r\n                            }}\r\n                            type=\"action\"\r\n                            onClick={() => {\r\n                                scrollToFooter()\r\n                            }}\r\n                        >\r\n                            <CircleIcon2\r\n                                width=\"42px\"\r\n                                withBorder\r\n                                borderWidth=\"6px\"\r\n                            >\r\n                                <Help />\r\n                            </CircleIcon2>\r\n\r\n                            <Typography tag=\"p\" size=\"XS\">\r\n                                Hjælp\r\n                            </Typography>\r\n                        </Button>\r\n                    ) : null}\r\n\r\n                    {isAuthenticated || (!isAuthenticated && chooseImitator) ? (\r\n                        <>\r\n                            {isAuthenticated && (\r\n                                <>\r\n                                    <Typography\r\n                                        tag=\"p\"\r\n                                        size=\"XS\"\r\n                                        style={{ marginRight: '15px' }}\r\n                                    >\r\n                                        <span className={classes.greenText}>\r\n                                            {L(\r\n                                                'GENERISK_HEADER_LOGINSOM_TEKST'\r\n                                            )}\r\n                                        </span>\r\n                                        <Link\r\n                                            className={classes.profileLink}\r\n                                            to=\"/min-profil\"\r\n                                        >\r\n                                            {profile?.apiProfile?.fullName}\r\n                                        </Link>\r\n                                    </Typography>\r\n                                    {/* <div\r\n                                        className={\r\n                                            classes.containerProfilePicture\r\n                                        }\r\n                                    >\r\n                                        <Circle mWidth=\"80px\">\r\n                                            <CircleIcon>\r\n                                                <CircleText>\r\n                                                    {getInitials(\r\n                                                        profile.apiProfile\r\n                                                            .fullName\r\n                                                    )}\r\n                                                </CircleText>\r\n                                            </CircleIcon>\r\n                                        </Circle>\r\n                                    </div> */}\r\n                                </>\r\n                            )}\r\n                            <Button\r\n                                type=\"primary\"\r\n                                size=\"large\"\r\n                                onClick={logout}\r\n                            >\r\n                                {L('GENERISK_HEADER_LOGUD_KNAP')}\r\n                            </Button>\r\n                        </>\r\n                    ) : null}\r\n                    {profile && profile.isImitator && isAuthenticated ? (\r\n                        <Button\r\n                            type=\"warning\"\r\n                            size=\"large\"\r\n                            onClick={changeMember}\r\n                        >\r\n                            {L('GENERISK_HEADER_SKIFTMEDLEM_KNAP')}\r\n                        </Button>\r\n                    ) : null}\r\n                </div>\r\n            </div>\r\n            <div className={classes.desktopOnly}>\r\n                <Menu />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { NavbarDesktop }\r\n","import React, { useEffect, useState } from 'react'\r\nimport { axiosWithAuth } from './withAuth'\r\nimport { Dialog } from '../components/ui/Dialog/Dialog'\r\nimport { LockFill } from '../assets/icons'\r\nimport { Typography } from '../components/ui/Typography/Typography'\r\nimport { Button } from '../components/ui/Button/Button'\r\n\r\nconst REDIRECT_TO_FOA_CODES = [455, 456, 482, 483, 484, 490, 491, 494, 495, 503]\r\n\r\nconst Interceptor: React.FC = ({ children }) => {\r\n    const [apiError, setApiError] = useState<boolean>(false)\r\n    const [errorMessage, setErrorMessage] = useState<string | undefined>(\r\n        undefined\r\n    )\r\n    const [errorStatusCode, setErrorStatusCode] = useState<number | undefined>(\r\n        undefined\r\n    )\r\n\r\n    useEffect(() => {\r\n        const setError = (): void => {\r\n            setApiError(true)\r\n        }\r\n        const interceptorId = axiosWithAuth.interceptors.response.use(\r\n            (response) => {\r\n                return response\r\n            },\r\n            (error) => {\r\n                if (error?.response?.status > 401) {\r\n                    setError()\r\n                    setErrorMessage(\r\n                        error.response.data.Message &&\r\n                            error.response.data.Message !== ''\r\n                            ? error.response.data.Message\r\n                            : 'Kontakt din afdeling, hvis fejlen fortsætter'\r\n                    )\r\n\r\n                    setErrorStatusCode(error.response.status)\r\n                }\r\n\r\n                return {\r\n                    error: error?.response?.data,\r\n                }\r\n            }\r\n        )\r\n        return () => {\r\n            axiosWithAuth.interceptors.request.eject(interceptorId)\r\n        }\r\n    }, [])\r\n\r\n    const closeDialog = (): void => {\r\n        if (errorStatusCode) {\r\n            if (REDIRECT_TO_FOA_CODES.indexOf(errorStatusCode) !== -1) {\r\n                window.location.href = 'https://www.foa.dk/'\r\n            }\r\n        }\r\n\r\n        setErrorMessage(undefined)\r\n        setApiError(false)\r\n        setErrorStatusCode(undefined)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <>{children}</>\r\n\r\n            {apiError ? (\r\n                <Dialog\r\n                    trigger={null}\r\n                    defaultOpen\r\n                    hideClose\r\n                    icon={<LockFill width=\"46px\" />}\r\n                >\r\n                    <Typography\r\n                        style={{ marginBottom: '30px' }}\r\n                        size=\"L\"\r\n                        align=\"center\"\r\n                    >\r\n                        Der skete en fejl\r\n                    </Typography>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        style={{ marginBottom: '30px' }}\r\n                        align=\"center\"\r\n                    >\r\n                        {errorMessage}\r\n                    </Typography>\r\n                    <Button size=\"xlarge\" onClick={closeDialog}>\r\n                        OK\r\n                    </Button>\r\n                </Dialog>\r\n            ) : null}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Interceptor\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\n\r\nconst useStyles = createUseStyles({\r\n    container: {},\r\n})\r\n\r\nconst Example: React.FC = () => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <div className={classes.container}>\r\n            <div />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Example\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    row: {\r\n        backgroundColor: 'rgba(41, 122, 113, 0.1)',\r\n        width: 'fit-content',\r\n        color: colors.green500,\r\n        display: 'flex',\r\n        borderRadius: '4px',\r\n        padding: '0.219rem 0.625rem',\r\n        fontSize: '0.875rem',\r\n    },\r\n}))\r\n\r\nconst Badge: React.FC = ({ children }) => {\r\n    const classes = useStyles()\r\n\r\n    return <div className={classes.row}>{children}</div>\r\n}\r\n\r\nexport { Badge }\r\n","import React from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { StarFill, RatingStar } from '../../../assets/icons'\r\nimport breakpoints from '../../../theme/breakpoints'\r\n\r\ntype RuleNames = 'star' | 'span'\r\n\r\ninterface StyleProps {\r\n    size: number\r\n    useOnClick: boolean\r\n    right?: string\r\n    bottom?: string\r\n}\r\n\r\ninterface Props {\r\n    active: boolean\r\n    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\r\n    size?: number\r\n    right?: string\r\n    bottom?: string\r\n}\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>(() => ({\r\n    star: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        borderRadius: '50%',\r\n        boxSizing: 'border-box',\r\n        textDecoration: 'none',\r\n        aspectRatio: '1/1',\r\n        textAlign: 'center',\r\n        transition: 'all 0.2s',\r\n        boxShadow: 0,\r\n        border: '2px solid #fff',\r\n        backgroundColor: '#F5F6F8',\r\n        '&:hover': {\r\n            cursor: ({ useOnClick }) => (useOnClick ? 'pointer' : 'inherit'),\r\n            backgroundColor: '#ffffff',\r\n        },\r\n        '-webkit-appearance': 'none',\r\n        '-moz-appearance': 'none',\r\n        position: 'absolute',\r\n        right: ({ size, right }) => {\r\n            return right || `-${size / 3}px`\r\n        },\r\n        bottom: ({ size, bottom }) => {\r\n            return bottom || `-${size / 2}px`\r\n        },\r\n        top: 'auto',\r\n        // bottom: 0,\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                // top: '0',\r\n                // bottom: 'auto',\r\n            },\r\n        },\r\n    },\r\n    span: {\r\n        display: 'none',\r\n    },\r\n}))\r\n\r\nconst Favorite: React.FC<Props> = ({\r\n    active,\r\n    onClick,\r\n    size = 14,\r\n    right,\r\n    bottom,\r\n}) => {\r\n    const theme = useTheme<Jss.Theme>()\r\n    const useOnClick = !!onClick\r\n    const classes = useStyles({ ...{ size, useOnClick, right, bottom }, theme })\r\n\r\n    const width = size ? `${size}px` : '14px'\r\n\r\n    return (\r\n        <button type=\"button\" onClick={onClick} className={classes.star}>\r\n            {active && <StarFill width={width} color=\"#F1C400\" />}\r\n            {!active && <RatingStar width={width} color=\"#297A71\" />}\r\n        </button>\r\n    )\r\n}\r\n\r\nexport { Favorite }\r\n","import { axiosWithAuth } from '../withAuth'\r\n\r\n/**\r\n * /favorit/tilfoejfavorit\r\n */\r\nconst setFavorite = async (id: string, type: string): Promise<unknown> => {\r\n    const url = `/favorit/tilfoejfavorit`\r\n\r\n    return axiosWithAuth.post(url, null, {\r\n        params: {\r\n            'request.favoritId': id,\r\n            'request.favoritType': type,\r\n        },\r\n    })\r\n}\r\n\r\nconst removeFavorite = async (id: string, type: string): Promise<unknown> => {\r\n    const url = `/favorit/fjernfavorit`\r\n\r\n    return axiosWithAuth.delete(url, {\r\n        params: {\r\n            'request.favoritId': id,\r\n            'request.favoritType': type,\r\n        },\r\n    })\r\n}\r\n\r\nexport { setFavorite, removeFavorite }\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\nimport { Note } from '../../../assets/icons'\r\n\r\ninterface Props {\r\n    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void\r\n}\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    note: {\r\n        width: '53px',\r\n        position: 'relative',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        boxSizing: 'border-box',\r\n        textDecoration: 'none',\r\n        transition: 'all 0.2s',\r\n        boxShadow: 0,\r\n        border: '0',\r\n        background: 'none',\r\n        '&:hover': {\r\n            cursor: 'pointer',\r\n        },\r\n        '-webkit-appearance': 'none',\r\n        '-moz-appearance': 'none',\r\n    },\r\n    noteText: {\r\n        position: 'absolute',\r\n        color: colors.green500,\r\n        fontSize: '14px',\r\n        // top: '8px',\r\n        // left: '23px',\r\n        top: '50%',\r\n        left: '50%',\r\n        transform: 'translate(-50%, -50%)',\r\n    },\r\n}))\r\n\r\nconst NoteButton: React.FC<Props> = ({ onClick, children }) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <button type=\"button\" onClick={onClick} className={classes.note}>\r\n            <Note width=\"28px\" color=\"rgba(41, 122, 113, 0.4)\" />\r\n            <span className={classes.noteText}>{children}</span>\r\n        </button>\r\n    )\r\n}\r\n\r\nexport { NoteButton }\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\r\nimport { ChevronDownFill } from '../../../assets/icons'\r\nimport { colors } from '../../../theme/palette'\r\nimport { Typography } from '../Typography/Typography'\r\n\r\nexport interface Props {\r\n    title: string\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    '@keyframes slideDown': {\r\n        from: {\r\n            height: 0,\r\n        },\r\n        to: {\r\n            height: 'var(--radix-accordion-content-height)',\r\n        },\r\n    },\r\n    '@keyframes slideUp': {\r\n        from: {\r\n            height: 'var(--radix-accordion-content-height)',\r\n        },\r\n        to: {\r\n            height: 0,\r\n        },\r\n    },\r\n    accordion: {\r\n        position: 'relative',\r\n        borderRadius: '6px',\r\n        backgroundColor: '#fff',\r\n        border: '1px solid rgba(0, 0, 0, 0.2);',\r\n        padding: '0 1.25rem',\r\n    },\r\n    trigger: {\r\n        position: 'relative',\r\n        all: 'unset',\r\n        fontFamily: 'inherit',\r\n        backgroundColor: 'transparent',\r\n        padding: 0,\r\n        height: '45px',\r\n        flex: 1,\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'space-between',\r\n        fontSize: '15px',\r\n        lineHeight: 1,\r\n        color: 'hsl(250 43.0% 48.0%)',\r\n        boxShadow: '0 1px 0 hsl(278deg 4% 89%)',\r\n        width: '100%',\r\n        cursor: 'pointer',\r\n    },\r\n    close: {\r\n        width: '8px',\r\n        right: '5px',\r\n        position: 'absolute',\r\n        transform: 'rotate(180deg)',\r\n        transition: 'all .1s ease-in',\r\n        '[data-state=\"open\"] > &': {\r\n            transform: 'rotate(0deg)',\r\n        },\r\n    },\r\n    item: {\r\n        overflow: 'hidden',\r\n        marginTop: 1,\r\n\r\n        '&:first-child': {\r\n            marginTop: 0,\r\n            borderTopLeftRadius: 4,\r\n            borderTopRightRadius: 4,\r\n        },\r\n\r\n        '&:last-child': {\r\n            borderBottomLeftRadius: 4,\r\n            borderBottomRightRadius: 4,\r\n        },\r\n\r\n        '&:focus-within': {\r\n            position: 'relative',\r\n            zIndex: 1,\r\n        },\r\n    },\r\n    header: {\r\n        all: 'unset',\r\n        color: colors.green500,\r\n        // margin: '0 1.25rem',\r\n    },\r\n    title: {\r\n        color: colors.green500,\r\n    },\r\n    content: {\r\n        overflow: 'hidden',\r\n        fontSize: 15,\r\n        color: 'black',\r\n        paddingBottom: '1.25rem',\r\n        '&[data-state=\"open\"]': {\r\n            animation: `$slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)`,\r\n        },\r\n        '&[data-state=\"closed\"]': {\r\n            animation: `$slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1)`,\r\n        },\r\n    },\r\n    formControl: {\r\n        padding: '20px',\r\n    },\r\n    contentWrapper: {\r\n        padding: '20px',\r\n    },\r\n})\r\n\r\nconst Accordion: React.FC<Props> = ({ children, title }) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <AccordionPrimitive.Root type=\"multiple\" className={classes.accordion}>\r\n            <AccordionPrimitive.Item value=\"item-1\" className={classes.item}>\r\n                <AccordionPrimitive.Header className={classes.header}>\r\n                    <AccordionPrimitive.Trigger className={classes.trigger}>\r\n                        <Typography color={colors.green500} tag=\"h3\" size=\"S\">\r\n                            {title}\r\n                        </Typography>\r\n                        <ChevronDownFill\r\n                            className={classes.close}\r\n                            color=\"#000\"\r\n                        />\r\n                    </AccordionPrimitive.Trigger>\r\n                </AccordionPrimitive.Header>\r\n                <AccordionPrimitive.Content className={classes.content}>\r\n                    {children}\r\n                </AccordionPrimitive.Content>\r\n            </AccordionPrimitive.Item>\r\n        </AccordionPrimitive.Root>\r\n    )\r\n}\r\n\r\nexport { Accordion }\r\n","import React, {\r\n    InputHTMLAttributes,\r\n    DetailedHTMLProps,\r\n    forwardRef,\r\n    FC,\r\n} from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\n\r\ntype RuleNames = 'label' | 'input' | 'container'\r\n\r\ntype InputProps = {\r\n    isChecked: boolean\r\n    label: string\r\n    reversed?: boolean\r\n} & Omit<\r\n    DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\r\n    'size'\r\n>\r\n\r\ninterface StyleProps {\r\n    isChecked: boolean\r\n    reversed: boolean\r\n}\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>({\r\n    container: {\r\n        height: '1.5rem',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        fontSize: '1rem',\r\n    },\r\n    input: {\r\n        position: 'absolute',\r\n        opacity: 0,\r\n        '& + label:after': {\r\n            content: 'none',\r\n        },\r\n        '&:checked + label:after': {\r\n            content: '\"\"',\r\n        },\r\n        '&:focus + label::before': {\r\n            outline: `${colors.green} auto 5px`,\r\n        },\r\n    },\r\n    label: {\r\n        position: 'relative',\r\n        display: 'inline-block',\r\n        paddingLeft: '2.125rem',\r\n        paddingRight: ({ reversed }) => (reversed ? '2.125rem' : 0),\r\n        height: '1.5rem',\r\n        paddingTop: '.125rem',\r\n        color: colors.black,\r\n        cursor: 'pointer',\r\n        '&:before, &:after': {\r\n            position: 'absolute',\r\n            content: '\"\"',\r\n            display: 'inline-block',\r\n            borderRadius: '.25rem',\r\n            backgroundColor: ({ isChecked }) =>\r\n                isChecked ? colors.green : colors.white,\r\n        },\r\n        '&:before': {\r\n            height: '1.5rem',\r\n            width: '1.5rem',\r\n            border: `1px solid ${colors.green}`,\r\n            left: ({ reversed }) => (!reversed ? 0 : 'auto'),\r\n            right: ({ reversed }) => (reversed ? 0 : 'auto'),\r\n            top: '0',\r\n        },\r\n        '&:after': {\r\n            height: '0.5rem',\r\n            width: '1rem',\r\n            borderLeft: `0.2rem solid ${colors.white}`,\r\n            borderBottom: `0.2rem solid ${colors.white}`,\r\n            borderRadius: '0',\r\n            transform: 'rotate(-45deg)',\r\n            left: ({ reversed }) => (!reversed ? '0.25rem' : 'auto'),\r\n            right: ({ reversed }) => (!reversed ? 'auto' : '4px'),\r\n            top: '0.4rem',\r\n        },\r\n    },\r\n})\r\n\r\nconst Checkbox: FC<InputProps> = forwardRef<HTMLInputElement, InputProps>(\r\n    ({ label, required, isChecked, id, reversed = false, ...props }, ref) => {\r\n        const theme = useTheme<Jss.Theme>()\r\n        const classes = useStyles({ ...{ isChecked, reversed }, theme })\r\n        return (\r\n            <div className={classes.container}>\r\n                <input\r\n                    type=\"checkbox\"\r\n                    className={classes.input}\r\n                    id={id || label}\r\n                    checked={isChecked}\r\n                    {...props}\r\n                    ref={ref}\r\n                    required={required}\r\n                />\r\n                <label htmlFor={id || label} className={classes.label}>\r\n                    {label}\r\n                </label>\r\n            </div>\r\n        )\r\n    }\r\n)\r\n\r\nexport default Checkbox\r\n","import React, { FC } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport Checkbox from '../../ui/FormElememts/Checkbox'\r\n\r\nexport interface IItem {\r\n    name: string\r\n}\r\n\r\ntype Props = {\r\n    items: IItem[]\r\n    isSelected: (item: IItem) => boolean\r\n    handleChange: (item: IItem) => void\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    formControl: {\r\n        padding: '20px 0',\r\n    },\r\n})\r\n\r\nconst Checkboxes: FC<Props> = ({ items, handleChange, isSelected }) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <>\r\n            {items.map((item: IItem) => {\r\n                return (\r\n                    <div key={item.name} className={classes.formControl}>\r\n                        <Checkbox\r\n                            onChange={() => {\r\n                                handleChange(item)\r\n                            }}\r\n                            label={item.name}\r\n                            isChecked={isSelected(item)}\r\n                        />\r\n                    </div>\r\n                )\r\n            })}\r\n        </>\r\n    )\r\n}\r\n\r\nexport { Checkboxes }\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/no-use-before-define */\r\nimport React from 'react'\r\nimport ReactDOM from 'react-dom'\r\n\r\n// eslint-disable-next-line import/no-extraneous-dependencies\r\nimport { createUseStyles } from 'react-jss'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { colors } from '../../../theme/palette'\r\nimport { zIndexes } from '../../../theme/zIndex'\r\nimport { Close as CloseIcon } from '../../../assets/icons'\r\n\r\ninterface IProps {\r\n    isShowing: boolean\r\n    hide: any\r\n    hideHeader?: boolean\r\n    level?: number\r\n}\r\n\r\nconst useStyles = createUseStyles((theme) => ({\r\n    '@keyframes slideRight': {\r\n        from: {\r\n            transform: 'translateX(100%)',\r\n        },\r\n        to: {\r\n            transform: 'translateX(0)',\r\n        },\r\n    },\r\n    container: {\r\n        color: theme.palette.secondary,\r\n        height: '100vh',\r\n        width: '100%',\r\n        maxWidth: '100%',\r\n        position: 'fixed',\r\n        zIndex: zIndexes.drawer,\r\n        top: 0,\r\n        backgroundColor: theme.palette.navBackgroundColor,\r\n        // animation: `.3s $slideRight forwards`,\r\n        visibility: 'hidden',\r\n        overflow: 'hidden',\r\n        transform: 'translateX(100%)',\r\n        transition: '.3s ease-in',\r\n        right: 0,\r\n        // paddingTop: '82px',\r\n        boxShadow: '0px 0px 16px rgba(0, 0, 0, 0.25)',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                width: '500px',\r\n            },\r\n        },\r\n        '&.active': {\r\n            transform: 'translateX(0)',\r\n            visibility: 'visible',\r\n        },\r\n    },\r\n    button: {\r\n        position: 'absolute',\r\n        zIndex: zIndexes.drawer + 1,\r\n        right: 0,\r\n        top: 0,\r\n        display: 'inline-block',\r\n        margin: '20px 48px 0',\r\n        borderRadius: '6px',\r\n        boxSizing: 'border-box',\r\n        textDecoration: 'none',\r\n        fontWeight: 400,\r\n        textAlign: 'center',\r\n        transition: 'all 0.2s',\r\n        background: 'transparent',\r\n        boxShadow: 0,\r\n        height: '10px',\r\n        width: '10px',\r\n        '&:hover': {\r\n            cursor: 'pointer',\r\n        },\r\n        '-webkit-appearance': 'none',\r\n        '-moz-appearance': 'none',\r\n        border: '0',\r\n        '&:hover svg': {\r\n            fill: colors.gray500,\r\n        },\r\n    },\r\n    medium: {\r\n        fontSize: '.875em',\r\n    },\r\n    large: {\r\n        fontSize: '1rem',\r\n    },\r\n    xlarge: {\r\n        fontSize: '1.125rem',\r\n    },\r\n    overlay: {\r\n        position: 'fixed',\r\n        left: '0',\r\n        top: '0',\r\n        height: '100vh',\r\n        width: '100vw',\r\n        zIndex: '2',\r\n    },\r\n}))\r\n\r\nconst Overlay: React.FC<IProps> = ({ children, isShowing, hide }) => {\r\n    const node = React.useRef<HTMLDivElement>(null)\r\n    const classes = useStyles()\r\n    const handleClickOutside = (e: any): void => {\r\n        if (node && node.current && node.current.contains(e.target)) {\r\n            return\r\n        }\r\n\r\n        if (\r\n            node &&\r\n            node.current &&\r\n            e.target.classList.contains('ignore-clickoutside')\r\n        ) {\r\n            return\r\n        }\r\n\r\n        // outside click\r\n        if (isShowing) {\r\n            if (hide) hide()\r\n        }\r\n    }\r\n\r\n    React.useEffect(() => {\r\n        if (isShowing) {\r\n            const documentWidth = document.documentElement.clientWidth\r\n            const windowWidth = window.innerWidth\r\n            const scrollBarWidth = windowWidth - documentWidth\r\n\r\n            document.body.style.overflow = 'hidden'\r\n            document.body.style.paddingRight = `${scrollBarWidth}px`\r\n            document.body.classList.add('no-scroll')\r\n        } else {\r\n            document.body.style.overflow = 'unset'\r\n            document.body.style.paddingRight = 'unset'\r\n            document.body.classList.remove('no-scroll')\r\n        }\r\n    }, [isShowing])\r\n\r\n    React.useEffect(() => {\r\n        // add when mounted\r\n        document.addEventListener('keydown', onKeyPressed)\r\n        document.addEventListener('mousedown', handleClickOutside)\r\n\r\n        // return function to be called when unmounted\r\n        return () => {\r\n            document.removeEventListener('keydown', onKeyPressed)\r\n            document.removeEventListener('mousedown', handleClickOutside)\r\n        }\r\n    })\r\n\r\n    const onKeyPressed = (e: any): void => {\r\n        if (e.key === 'Escape' && hide && isShowing) {\r\n            e.preventDefault()\r\n            hide()\r\n        }\r\n    }\r\n\r\n    return ReactDOM.createPortal(\r\n        <>\r\n            {isShowing ? (\r\n                <div\r\n                    className={classes.overlay}\r\n                    onClick={() => hide()}\r\n                    tabIndex={-1}\r\n                    role=\"button\"\r\n                    aria-label=\"overlay\"\r\n                    onKeyDown={() => console.log('key down')}\r\n                />\r\n            ) : null}\r\n            <div\r\n                className={`${classes.container} ${\r\n                    isShowing ? 'active' : 'hidden'\r\n                }`}\r\n                ref={node}\r\n            >\r\n                <button onClick={hide} className={classes.button} type=\"button\">\r\n                    <CloseIcon width=\"38px\" color={colors.green500} />\r\n                </button>\r\n                <>{children && children}</>\r\n            </div>\r\n        </>,\r\n        document.getElementById('root') as HTMLElement\r\n    )\r\n}\r\n\r\nexport { Overlay }\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useAtom } from 'jotai'\r\nimport { Drawer } from '../../ui/Drawer/Drawer'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { Settings } from '../../../assets/icons'\r\nimport {\r\n    FilterPosition,\r\n    FilterTRFor,\r\n    FilterTypeOfRepresentative,\r\n    FilterUpdateStatus,\r\n    FilterWorkGroup,\r\n    FilterWorkplace,\r\n    IFilter,\r\n    initialSelectedFilters,\r\n} from '../../../models/Filter'\r\nimport {\r\n    updateGroups,\r\n    updateTypeOfRepresentatives,\r\n    updatePositions,\r\n    updateWorkplaces,\r\n    updateTRFor,\r\n    updateUpdateStatus,\r\n} from '../../../utils/filterhelper'\r\nimport { Accordion } from '../../ui/Accordion/Accordion'\r\nimport { Checkboxes } from './Checkboxes'\r\nimport { filterAtom, filterSelected } from '../../../store/filter/filterAtom'\r\nimport { Overlay } from '../../ui/Sidebar'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport Checkbox from '../../ui/FormElememts/Checkbox'\r\nimport { colors } from '../../../theme/palette'\r\n\r\nconst useStyles = createUseStyles({\r\n    contentWrapper: {\r\n        padding: '20px',\r\n        overflow: 'auto',\r\n        height: '100%',\r\n        paddingBottom: '160px',\r\n    },\r\n    formControl: {\r\n        padding: '20px 0',\r\n    },\r\n    accordionWrapper: {\r\n        marginBottom: '20px',\r\n    },\r\n    filterBottom: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        bottom: '0',\r\n        width: '100%',\r\n        padding: '20px',\r\n        left: '0',\r\n        zIndex: 4,\r\n        background: colors.white,\r\n        borderTop: `1px solid ${colors.borderColor}`,\r\n        '& > button': {\r\n            flexGrow: 1,\r\n        },\r\n        '& > button:last-of-type': {\r\n            marginRight: '0',\r\n        },\r\n    },\r\n})\r\n\r\nexport const Filter: FC = () => {\r\n    const [selectedItems, setSelectedItems] = useState<IFilter>({\r\n        ...initialSelectedFilters,\r\n    })\r\n    const classes = useStyles()\r\n    const [filter] = useAtom(filterAtom)\r\n    const [selected, setSelected] = useAtom(filterSelected)\r\n    const [isOpen, setIsOpen] = useState(false)\r\n\r\n    const onSubmit = (): void => {\r\n        setIsOpen(false)\r\n        setSelected(selectedItems)\r\n    }\r\n\r\n    useEffect(() => {\r\n        setSelectedItems(selected)\r\n    }, [selected])\r\n\r\n    const onUpdateWorkplaces = (workPlace: FilterWorkplace): void => {\r\n        const items = updateWorkplaces(workPlace, selectedItems)\r\n        setSelectedItems(items)\r\n    }\r\n\r\n    const onUpdateGroups = (workGroup: FilterWorkGroup): void => {\r\n        const items = updateGroups(workGroup, selectedItems)\r\n        setSelectedItems(items)\r\n    }\r\n\r\n    const onUpdatePositions = (position: FilterPosition): void => {\r\n        const items = updatePositions(position, selectedItems)\r\n        setSelectedItems(items)\r\n    }\r\n\r\n    const onUpdateTypeOfRepresentatives = (\r\n        pot: FilterTypeOfRepresentative\r\n    ): void => {\r\n        const items = updateTypeOfRepresentatives(pot, selectedItems)\r\n        setSelectedItems(items)\r\n    }\r\n\r\n    const onUpdateTRFor = (trFor: FilterTRFor): void => {\r\n        const items = updateTRFor(trFor, selectedItems)\r\n        setSelectedItems(items)\r\n    }\r\n\r\n    const onUpdateStatus = (status: FilterUpdateStatus): void => {\r\n        const items = updateUpdateStatus(status, selectedItems)\r\n        setSelectedItems(items)\r\n    }\r\n\r\n    const resetFilter = (): void => {\r\n        setSelectedItems(initialSelectedFilters)\r\n        setSelected(initialSelectedFilters)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button\r\n                type=\"primary\"\r\n                size=\"large\"\r\n                icon={<Settings fill=\"#fff\" />}\r\n                onClick={() => setIsOpen(true)}\r\n                style={{ paddingLeft: '10px' }}\r\n            >\r\n                {L('MINEMEDLEMMER_FILTER_KNAP')}\r\n            </Button>\r\n            <Overlay isShowing={isOpen} hide={() => setIsOpen(false)}>\r\n                <Typography\r\n                    tag=\"h2\"\r\n                    size=\"XL\"\r\n                    align=\"center\"\r\n                    weight=\"bold\"\r\n                    style={{ margin: '20px 0 10px' }}\r\n                >\r\n                    {L_HTML('MINEMEDLEMMER_FILTER_TITEL_KNAP')}\r\n                </Typography>\r\n                <div className={classes.contentWrapper}>\r\n                    <div className={classes.accordionWrapper}>\r\n                        <Accordion\r\n                            title={L('MINEMEDLEMMER_FILTER_ARBEJDSTED_LABEL')}\r\n                        >\r\n                            <Checkboxes\r\n                                items={filter.workplaces}\r\n                                handleChange={onUpdateWorkplaces}\r\n                                isSelected={(\r\n                                    workPlace: FilterWorkplace\r\n                                ): boolean =>\r\n                                    !!selectedItems.workplaces.find(\r\n                                        (w) => w.id === workPlace.id\r\n                                    )\r\n                                }\r\n                            />\r\n                        </Accordion>\r\n                    </div>\r\n                    <div className={classes.accordionWrapper}>\r\n                        <Accordion\r\n                            title={L('MINEMEDLEMMER_FILTER_FAGGRUPPE_LABEL')}\r\n                        >\r\n                            <Checkboxes\r\n                                items={filter.groups}\r\n                                handleChange={onUpdateGroups}\r\n                                isSelected={(group: FilterWorkGroup) =>\r\n                                    !!selectedItems.groups.find(\r\n                                        (w) => w.id === group.id\r\n                                    )\r\n                                }\r\n                            />\r\n                        </Accordion>\r\n                    </div>\r\n                    <div className={classes.accordionWrapper}>\r\n                        <Accordion\r\n                            title={L('MINEMEDLEMMER_FILTER_STILLING_LABEL')}\r\n                        >\r\n                            <Checkboxes\r\n                                items={filter.positions}\r\n                                handleChange={onUpdatePositions}\r\n                                isSelected={(position: FilterPosition) =>\r\n                                    !!selectedItems.positions.find(\r\n                                        (w) => w.id === position.id\r\n                                    )\r\n                                }\r\n                            />\r\n                        </Accordion>\r\n                    </div>\r\n                    <div className={classes.accordionWrapper}>\r\n                        <Accordion\r\n                            title={L('MINEMEDLEMMER_FILTER_TILLIDSHVERV_LABEL')}\r\n                        >\r\n                            <Checkboxes\r\n                                items={filter.typeOfRepresentative}\r\n                                handleChange={onUpdateTypeOfRepresentatives}\r\n                                isSelected={(\r\n                                    trust: FilterTypeOfRepresentative\r\n                                ) =>\r\n                                    !!selectedItems.typeOfRepresentative.find(\r\n                                        (t) => t.name === trust.name\r\n                                    )\r\n                                }\r\n                            />\r\n                        </Accordion>\r\n                    </div>\r\n\r\n                    <div className={classes.accordionWrapper}>\r\n                        <Accordion\r\n                            title={L('MINEMEDLEMMER_FILTER_TRFOR_LABEL')}\r\n                        >\r\n                            <>\r\n                                {filter.representing.map(\r\n                                    (trfor: FilterTRFor) => {\r\n                                        return (\r\n                                            <div\r\n                                                key={trfor.displayName}\r\n                                                className={classes.formControl}\r\n                                            >\r\n                                                <Checkbox\r\n                                                    onChange={() => {\r\n                                                        onUpdateTRFor(trfor)\r\n                                                    }}\r\n                                                    label={trfor.displayName}\r\n                                                    isChecked={\r\n                                                        !!selectedItems.representing.find(\r\n                                                            (t) =>\r\n                                                                t.name ===\r\n                                                                trfor.name\r\n                                                        )\r\n                                                    }\r\n                                                />\r\n                                            </div>\r\n                                        )\r\n                                    }\r\n                                )}\r\n                            </>\r\n                        </Accordion>\r\n                    </div>\r\n\r\n                    <div className={classes.accordionWrapper}>\r\n                        <Accordion\r\n                            title={L('MINEMEDLEMMER_FILTER_STATUS_LABEL')}\r\n                        >\r\n                            {filter.updateStatus.map((status) => {\r\n                                return (\r\n                                    <div\r\n                                        key={status.id}\r\n                                        className={classes.formControl}\r\n                                    >\r\n                                        <Checkbox\r\n                                            onChange={() => {\r\n                                                onUpdateStatus(status)\r\n                                            }}\r\n                                            label={status.name}\r\n                                            isChecked={\r\n                                                !!selectedItems.updateStatus.find(\r\n                                                    (t) => t.id === status.id\r\n                                                )\r\n                                            }\r\n                                        />\r\n                                    </div>\r\n                                )\r\n                            })}\r\n                        </Accordion>\r\n                    </div>\r\n\r\n                    <div className={classes.filterBottom}>\r\n                        <Button\r\n                            onClick={resetFilter}\r\n                            type=\"secondary\"\r\n                            size=\"large\"\r\n                        >\r\n                            {L('MINEMEDLEMMER_FILTER_RYD-FILTRE_KNAP')}\r\n                        </Button>\r\n                        <Button onClick={onSubmit} size=\"large\">\r\n                            {L('MINEMEDLEMMER_FILTER_ANVEND_KNAP')}\r\n                        </Button>\r\n                    </div>\r\n                </div>\r\n            </Overlay>\r\n        </div>\r\n    )\r\n}\r\n","import React, { FC } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useAtom } from 'jotai'\r\nimport { colors } from '../../../theme/palette'\r\nimport { Close } from '../../../assets/icons'\r\nimport {\r\n    FilterPosition,\r\n    FilterTRFor,\r\n    FilterTypeOfRepresentative,\r\n    FilterWorkGroup,\r\n    FilterWorkplace,\r\n    FilterUpdateStatus,\r\n    initialFilter,\r\n} from '../../../models/Filter'\r\nimport {\r\n    updateGroups,\r\n    updateTypeOfRepresentatives,\r\n    updatePositions,\r\n    updateWorkplaces,\r\n    updateTRFor,\r\n    updateUpdateStatus,\r\n} from '../../../utils/filterhelper'\r\nimport { filteredAtom, filterSelected } from '../../../store/filter/filterAtom'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { baseButton } from '../../../theme/reuseables'\r\n\r\ninterface IPillProps {\r\n    label: string\r\n    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    pills: {\r\n        display: 'flex',\r\n        height: 'fit-content',\r\n        gap: '10px',\r\n        flexWrap: 'wrap',\r\n        padding: '.4rem 1rem 0 0',\r\n    },\r\n    numberOfMembers: {\r\n        display: 'flex',\r\n        flexShrink: '0',\r\n        padding: '.8rem 1rem 0 0',\r\n    },\r\n    container: {\r\n        display: 'flex',\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n            margin: 0,\r\n            padding: 0,\r\n        },\r\n    },\r\n})\r\n\r\nconst pillStyles = createUseStyles({\r\n    pill: {\r\n        display: 'flex',\r\n        flexShrink: 0,\r\n        border: `1px solid ${colors.gray600}`,\r\n        background: '#fff',\r\n        color: '#000',\r\n        padding: '0.375rem 0.625rem',\r\n        borderRadius: '8px',\r\n        transition: '.3s',\r\n        '&:hover': {\r\n            cursor: 'pointer',\r\n            backgroundColor: colors.green500,\r\n            color: colors.white,\r\n        },\r\n    },\r\n    closeIcon: {\r\n        backgroundColor: colors.green500,\r\n        borderRadius: '50%',\r\n        aspectRatio: '1/1',\r\n        padding: '.2rem',\r\n        width: 'fit-content',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        marginLeft: '5px',\r\n        '& path': {\r\n            strokeWidth: '6px',\r\n        },\r\n    },\r\n})\r\nexport const Pill: FC<IPillProps> = ({ label, onClick }) => {\r\n    const classes = pillStyles()\r\n\r\n    return (\r\n        <button className={classes.pill} type=\"button\" onClick={onClick}>\r\n            <span>{label}</span>\r\n            <span className={classes.closeIcon}>\r\n                <Close width=\"14px\" color={colors.white} />\r\n            </span>\r\n        </button>\r\n    )\r\n}\r\n\r\nexport const FilterSummary: FC = () => {\r\n    const [members] = useAtom(filteredAtom)\r\n    const classes = useStyles()\r\n    const [selected, setSelected] = useAtom(filterSelected)\r\n\r\n    const onUpdateWorkplaces = (workPlace: FilterWorkplace): void => {\r\n        const items = updateWorkplaces(workPlace, selected)\r\n        setSelected(items)\r\n    }\r\n\r\n    const onUpdateTrFor = (trFor: FilterTRFor): void => {\r\n        const items = updateTRFor(trFor, selected)\r\n        setSelected(items)\r\n    }\r\n\r\n    const onUpdateGroups = (workGroup: FilterWorkGroup): void => {\r\n        const items = updateGroups(workGroup, selected)\r\n        setSelected(items)\r\n    }\r\n\r\n    const onUpdatePositions = (position: FilterPosition): void => {\r\n        const items = updatePositions(position, selected)\r\n        setSelected(items)\r\n    }\r\n\r\n    const onUpdateTypeOfRepresentatives = (\r\n        pot: FilterTypeOfRepresentative\r\n    ): void => {\r\n        const items = updateTypeOfRepresentatives(pot, selected)\r\n        setSelected(items)\r\n    }\r\n\r\n    const onUpdateUpdateStatus = (status: FilterUpdateStatus): void => {\r\n        const items = updateUpdateStatus(status, selected)\r\n        setSelected(items)\r\n    }\r\n\r\n    const ifAny = (): boolean => {\r\n        const { positions, workplaces, typeOfRepresentative, groups } = selected\r\n        return (\r\n            positions.length > 0 ||\r\n            workplaces.length > 0 ||\r\n            typeOfRepresentative.length > 0 ||\r\n            groups.length > 0\r\n        )\r\n    }\r\n\r\n    return (\r\n        <div className={classes.container}>\r\n            <div className={classes.numberOfMembers}>\r\n                <Typography size=\"XS\">\r\n                    Viser {members.length} medlemmer\r\n                </Typography>\r\n            </div>\r\n            <div className={classes.pills}>\r\n                {selected.groups.map((g) => {\r\n                    return (\r\n                        <Pill\r\n                            label={g.name}\r\n                            onClick={() => onUpdateGroups(g)}\r\n                        />\r\n                    )\r\n                })}\r\n                {selected.typeOfRepresentative.map((p) => {\r\n                    return (\r\n                        <Pill\r\n                            label={p.name}\r\n                            onClick={() => onUpdateTypeOfRepresentatives(p)}\r\n                        />\r\n                    )\r\n                })}\r\n                {selected.positions.map((p) => {\r\n                    return (\r\n                        <Pill\r\n                            label={p.name}\r\n                            onClick={() => onUpdatePositions(p)}\r\n                        />\r\n                    )\r\n                })}\r\n                {selected.workplaces.map((w) => {\r\n                    return (\r\n                        <Pill\r\n                            label={w.name}\r\n                            onClick={() => onUpdateWorkplaces(w)}\r\n                        />\r\n                    )\r\n                })}\r\n                {selected.representing.map((tr) => {\r\n                    return (\r\n                        <Pill\r\n                            label={tr.displayName}\r\n                            onClick={() => onUpdateTrFor(tr)}\r\n                        />\r\n                    )\r\n                })}\r\n                {selected.updateStatus.map((status) => {\r\n                    return (\r\n                        <Pill\r\n                            label={status.name}\r\n                            onClick={() => onUpdateUpdateStatus(status)}\r\n                        />\r\n                    )\r\n                })}\r\n                {ifAny() ? (\r\n                    <button\r\n                        type=\"button\"\r\n                        className={classes.button}\r\n                        onClick={() => setSelected(initialFilter)}\r\n                    >\r\n                        <Typography\r\n                            size=\"XS\"\r\n                            style={{\r\n                                color: colors.green500,\r\n                                textDecoration: 'underline',\r\n                                paddingLeft: '10px',\r\n                            }}\r\n                        >\r\n                            Ryd filtre\r\n                        </Typography>\r\n                    </button>\r\n                ) : null}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n","import React, { ReactElement } from 'react'\r\n// eslint-disable-next-line import/no-extraneous-dependencies\r\nimport { Meta } from '@storybook/react'\r\nimport InputComponent from '../Input'\r\n\r\nexport default {\r\n    title: 'Components/UI/FormElements/Input',\r\n    component: InputComponent,\r\n} as Meta\r\n\r\nexport function Input({ ...args }): ReactElement {\r\n    return <InputComponent label=\"Input label\" required={false} {...args} />\r\n}\r\n\r\nexport function InputRequired({ ...args }): ReactElement {\r\n    return <InputComponent label=\"Input label\" required {...args} />\r\n}\r\n","import React, { useState } from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\nimport { Search as SearchIcon, StarFill, Close } from '../../../assets/icons'\r\nimport { Input } from '../FormElememts/stories/Input.stories'\r\nimport { Button } from '../Button/Button'\r\nimport { baseButton } from '../../../theme/reuseables'\r\n\r\ntype RuleNames =\r\n    | 'label'\r\n    | 'input'\r\n    | 'container'\r\n    | 'icon'\r\n    | 'searchButton'\r\n    | 'button'\r\n\r\ninterface StyleProps {\r\n    query: string\r\n    handleSearch?: () => void\r\n    typeSearch?: string\r\n}\r\n\r\ntype Props = {\r\n    label: string\r\n    required: boolean\r\n    typeSearch: string\r\n    searchButtonLabel: string\r\n    style?: React.CSSProperties\r\n    onSearch?: (search: string) => void\r\n    onChange?: (search: string) => void\r\n    autoFocus?: boolean\r\n}\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>({\r\n    container: {\r\n        position: 'relative',\r\n        width: '100%',\r\n    },\r\n    input: {\r\n        height: '3.125rem',\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '1.25rem',\r\n        '&:focus': {\r\n            borderColor: colors.green500,\r\n            outlineColor: colors.green500,\r\n        },\r\n        '&:active': {\r\n            borderColor: colors.green500,\r\n            outlineColor: colors.green500,\r\n        },\r\n        '&:focus ~ $label': {\r\n            display: 'none',\r\n        },\r\n        '&:focus ~ $searchButton': {\r\n            borderTopColor: colors.green500,\r\n            borderBottomColor: colors.green500,\r\n            borderRightColor: colors.green500,\r\n        },\r\n    },\r\n    label: {\r\n        display: ({ query }) => (query.length === 0 ? 'inline' : 'none'),\r\n        position: 'absolute',\r\n        pointerEvents: 'none',\r\n        left: '1.25rem',\r\n        fontSize: ({ query }) => (query.length === 0 ? '1.125rem' : '0.75rem'),\r\n        top: ({ query }) => (query.length === 0 ? '50%' : '1.825rem'),\r\n        transform: ({ query }) =>\r\n            query.length === 0 ? 'translateY(-50%)' : 'unset',\r\n        color: colors.labelColor,\r\n        transition: '0.2s ease all',\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n            width: 'auto',\r\n            padding: '3px',\r\n            margin: '0',\r\n            borderRadius: '50%',\r\n            background: colors.gray500,\r\n            position: 'absolute',\r\n            right: '68px',\r\n            top: '13px',\r\n            zIndex: '3',\r\n        },\r\n    },\r\n    searchButton: {\r\n        borderTopRightRadius: '6px',\r\n        borderBottomRightRadius: '6px',\r\n        borderLeft: `1px solid ${colors.borderColor}`,\r\n        borderRight: 'none',\r\n        borderBottom: 'none',\r\n        borderTop: 'none',\r\n        color: colors.white,\r\n        position: 'absolute',\r\n        width: '3.75em',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        height: '44px',\r\n        top: '2px',\r\n        right: '2px',\r\n        '&:hover': {\r\n            cursor: 'pointer',\r\n            borderColor: colors.green500,\r\n        },\r\n        '&:active': {\r\n            borderColor: colors.green500,\r\n            outlineColor: colors.green500,\r\n        },\r\n        '-webkit-appearance': 'none',\r\n        '-moz-appearance': 'none',\r\n\r\n        // Primary specifics\r\n        backgroundColor: ({ typeSearch }) =>\r\n            typeSearch === 'primary' ? colors.white : colors.green500,\r\n\r\n        // Secondary specifics\r\n        minWidth: ({ typeSearch }) =>\r\n            typeSearch === 'secondary' ? '8rem' : 'unset',\r\n    },\r\n    icon: {\r\n        // Primary specifics\r\n        display: ({ typeSearch }) =>\r\n            typeSearch === 'primary' ? 'block' : 'none',\r\n        width: '1.325em',\r\n        color: colors.green500,\r\n    },\r\n})\r\n\r\nconst SearchField: React.FC<Props> = ({\r\n    label,\r\n    required,\r\n    typeSearch = 'primary',\r\n    searchButtonLabel,\r\n    autoFocus,\r\n    onSearch,\r\n    onChange,\r\n    ...props\r\n}) => {\r\n    const [query, setQuery] = useState<string>('')\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = useStyles({ ...{ query, typeSearch }, theme })\r\n    const handleSearch = (): void => {\r\n        if (onSearch) {\r\n            onSearch(query)\r\n        }\r\n    }\r\n    return (\r\n        <div className={classes.container} {...props}>\r\n            <Input\r\n                type=\"search\"\r\n                id={label}\r\n                value={query}\r\n                required={required}\r\n                label={label}\r\n                autoFocus={autoFocus}\r\n                autoComplete=\"off\"\r\n                onChange={(e) => {\r\n                    setQuery(e.target.value)\r\n\r\n                    if (onChange) {\r\n                        onChange(e.target.value)\r\n                    }\r\n                }}\r\n            />\r\n            {query && (\r\n                <button\r\n                    type=\"button\"\r\n                    className={classes.button}\r\n                    onClick={() => {\r\n                        setQuery('')\r\n\r\n                        if (onChange) {\r\n                            onChange('')\r\n                        }\r\n                    }}\r\n                >\r\n                    <Close width=\"14px\" color={colors.green500} />\r\n                </button>\r\n            )}\r\n            <button\r\n                className={classes.searchButton}\r\n                onClick={handleSearch}\r\n                type=\"submit\"\r\n            >\r\n                {typeSearch === 'primary' ? (\r\n                    <SearchIcon className={classes.icon} />\r\n                ) : (\r\n                    <div>{searchButtonLabel}</div>\r\n                )}\r\n            </button>\r\n        </div>\r\n    )\r\n}\r\n\r\nSearchField.defaultProps = {\r\n    onSearch: undefined,\r\n    onChange: undefined,\r\n    style: undefined,\r\n    autoFocus: false,\r\n}\r\n\r\nexport default SearchField\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\n\r\ntype RuleNames =\r\n    | 'label'\r\n    | 'input'\r\n    | 'container'\r\n    | 'innerContainer'\r\n    | 'groupLabel'\r\n\r\ntype Props = {\r\n    labels: string[]\r\n    groupLabel: string\r\n    activeValue: string\r\n} & React.ComponentPropsWithoutRef<'input'>\r\n\r\nconst useStyles = createUseStyles<RuleNames, Jss.Theme>({\r\n    container: {\r\n        display: 'flex',\r\n    },\r\n    innerContainer: {\r\n        display: 'flex',\r\n        padding: '0 1.5rem',\r\n    },\r\n    input: {\r\n        opacity: 0,\r\n        width: 0,\r\n        '&:checked + label:before': {\r\n            border: `7px solid ${colors.green}`,\r\n        },\r\n        '&:checked': {\r\n            '&::after': {\r\n                content: '\"\"',\r\n            },\r\n        },\r\n    },\r\n    label: {\r\n        position: 'relative',\r\n        paddingLeft: '1.7rem',\r\n        '&:before': {\r\n            content: '\"\"',\r\n            position: 'absolute',\r\n            display: 'inline-block',\r\n            left: 0,\r\n            top: '50%',\r\n            marginTop: '-0.6rem',\r\n            height: '1.2rem',\r\n            width: '1.2rem',\r\n            border: `1px solid ${colors.green}`,\r\n            borderRadius: '3rem',\r\n            backgroundColor: colors.white,\r\n            fontSize: '1.125rem',\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    groupLabel: {\r\n        fontWeight: 700,\r\n    },\r\n})\r\n\r\nconst RadioButtons: React.FC<Props> = ({\r\n    labels,\r\n    groupLabel,\r\n    activeValue,\r\n    ...props\r\n}) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <div className={classes.container}>\r\n            <p className={classes.groupLabel}>{groupLabel}</p>\r\n            {!!labels &&\r\n                labels.map((label) => (\r\n                    <div className={classes.innerContainer} key={label}>\r\n                        <input\r\n                            type=\"radio\"\r\n                            id={label}\r\n                            className={classes.input}\r\n                            {...props}\r\n                            value={label}\r\n                            name={groupLabel}\r\n                            key={label}\r\n                            checked={activeValue === label}\r\n                        />\r\n                        <label className={classes.label} htmlFor={label}>\r\n                            {label}\r\n                        </label>\r\n                    </div>\r\n                ))}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default RadioButtons\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport { DialogClose } from '@radix-ui/react-dialog'\r\nimport { AddContact } from '../../../assets/icons'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { Circle } from '../../ui/Card'\r\nimport { CircleIcon } from '../../ui/Circle/Circle'\r\nimport Checkbox from '../../ui/FormElememts/Checkbox'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { Dialog } from '../../ui/Dialog/Dialog'\r\nimport { colors } from '../../../theme/palette'\r\n\r\nconst useStyles = createUseStyles({\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            margin: 0,\r\n            padding: '0.5rem',\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    modalButtons: {\r\n        display: 'flex',\r\n    },\r\n    modalCheckbox: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        right: '20px',\r\n        top: '20px',\r\n    },\r\n})\r\n\r\nconst GotoMembrsearchModal: FC = () => {\r\n    const [showAgain, setShowAgain] = useState(true)\r\n    const [hideMemberDialog, setHideMemberDialog] = useState(false)\r\n    const classes = useStyles()\r\n    const navigate = useNavigate()\r\n\r\n    useEffect(() => {\r\n        const localData = localStorage.getItem('dialog1_show')\r\n\r\n        if (localData) {\r\n            const parsed = JSON.parse(localData)\r\n\r\n            if (parsed === false) {\r\n                setHideMemberDialog(true)\r\n            }\r\n        }\r\n    }, [])\r\n\r\n    if (hideMemberDialog) {\r\n        return (\r\n            <button\r\n                type=\"button\"\r\n                className={classes.button}\r\n                onClick={() => navigate('/alle-foas-medlemmer')}\r\n            >\r\n                <Circle marginRight=\".5rem\">\r\n                    <CircleIcon\r\n                        backgroundColor={colors.white}\r\n                        borderColor={colors.gray700}\r\n                        borderWidth=\"1px\"\r\n                    >\r\n                        <AddContact />\r\n                    </CircleIcon>\r\n                </Circle>\r\n                <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                    {L('MINEMEDLEMMER_TILFØJKOLLEGA_KNAP')}\r\n                </Typography>\r\n            </button>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Dialog\r\n            trigger={\r\n                <button type=\"button\" className={classes.button}>\r\n                    <Circle marginRight=\".5rem\">\r\n                        <CircleIcon\r\n                            backgroundColor={colors.white}\r\n                            borderColor={colors.gray700}\r\n                            borderWidth=\"1px\"\r\n                        >\r\n                            <AddContact />\r\n                        </CircleIcon>\r\n                    </Circle>\r\n                    <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                        {L('MINEMEDLEMMER_TILFØJKOLLEGA_KNAP')}\r\n                    </Typography>\r\n                </button>\r\n            }\r\n            hideClose\r\n            icon={<AddContact width=\"46px\" />}\r\n        >\r\n            <div className={classes.modalCheckbox}>\r\n                <Checkbox\r\n                    label=\"Vis ikke igen\"\r\n                    isChecked={!showAgain}\r\n                    reversed\r\n                    onChange={() => setShowAgain(!showAgain)}\r\n                />\r\n            </div>\r\n            <Typography\r\n                style={{ marginBottom: '30px' }}\r\n                size=\"L\"\r\n                align=\"center\"\r\n            >\r\n                {L_HTML('TILFØJ-KOLLEGA_POPUP_OVERSKRIFT')}\r\n            </Typography>\r\n            <Typography\r\n                tag=\"p\"\r\n                size=\"XS\"\r\n                align=\"center\"\r\n                style={{ marginBottom: '40px' }}\r\n            >\r\n                {L_HTML('TILFØJ-KOLLEGA-POPUP-TEXT')}\r\n            </Typography>\r\n            <div className={classes.modalButtons}>\r\n                <DialogClose asChild>\r\n                    <Button\r\n                        type=\"secondary\"\r\n                        size=\"xlarge\"\r\n                        onClick={() => {\r\n                            if (!showAgain) {\r\n                                localStorage.setItem(\r\n                                    'dialog1_show',\r\n                                    JSON.stringify(false)\r\n                                )\r\n                            }\r\n                        }}\r\n                    >\r\n                        {L_HTML('TILFØJ-KOLLEGA-POPUP-ANNULER_KNAP')}\r\n                    </Button>\r\n                </DialogClose>\r\n\r\n                <Button\r\n                    size=\"xlarge\"\r\n                    onClick={() => {\r\n                        if (!showAgain) {\r\n                            localStorage.setItem(\r\n                                'dialog1_show',\r\n                                JSON.stringify(false)\r\n                            )\r\n                        }\r\n                        navigate('/alle-foas-medlemmer')\r\n                    }}\r\n                >\r\n                    {L_HTML('TILFØJ-KOLLEGA-POPUP-SØG_KNAP')}\r\n                </Button>\r\n            </div>\r\n        </Dialog>\r\n    )\r\n}\r\n\r\nexport { GotoMembrsearchModal }\r\n","import React, { FC, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useAtom } from 'jotai'\r\nimport { Dialog } from '../../ui/Dialog/Dialog'\r\nimport { Foa } from '../../../assets/icons'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { Circle } from '../../ui/Card'\r\nimport { CircleIcon } from '../../ui/Circle/Circle'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { colors } from '../../../theme/palette'\r\nimport { profileAtom } from '../../../api/profile/profile'\r\nimport { ImitatorNoAccessWarning } from '../Imitator/ImitatorNoAccessWarning'\r\n\r\nconst useStyles = createUseStyles({\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            margin: 0,\r\n            padding: '0.5rem 0rem 0.5rem 2rem',\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    linkArea: {\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        maxWidth: '250px',\r\n        width: '100%',\r\n        alignItems: 'center',\r\n        marginTop: '20px',\r\n        '& p': {\r\n            margin: '20px 0',\r\n        },\r\n        '& button': {\r\n            width: '100%',\r\n            flexGrow: 1,\r\n        },\r\n    },\r\n})\r\n\r\nconst SignupMemberModal: FC = () => {\r\n    const classes = useStyles()\r\n    const [authProfile] = useAtom(profileAtom)\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n\r\n    return (\r\n        <>\r\n            <Dialog\r\n                trigger={\r\n                    <button type=\"button\" className={classes.button}>\r\n                        <Circle marginRight=\".5rem\">\r\n                            <CircleIcon\r\n                                backgroundColor={colors.white}\r\n                                borderColor={colors.gray700}\r\n                                borderWidth=\"1px\"\r\n                            >\r\n                                <Foa color={colors.red500} />\r\n                            </CircleIcon>\r\n                        </Circle>\r\n                        <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                            {L_HTML('BLANKETTER_POPUP_ÅBEN_KNAP')}\r\n                        </Typography>\r\n                    </button>\r\n                }\r\n                icon={<Foa color={colors.red500} width=\"55px\" />}\r\n                iconBGColor={colors.white}\r\n                iconBorder={colors.borderColor}\r\n            >\r\n                <Typography\r\n                    style={{ marginBottom: '30px' }}\r\n                    size=\"L\"\r\n                    align=\"center\"\r\n                >\r\n                    {L_HTML('BLANKETTER_POPUP_OVERSKRIFT')}\r\n                </Typography>\r\n                <Typography size=\"XS\">\r\n                    {L_HTML('BLANKETTER_POPUP_TEXT')}\r\n                </Typography>\r\n                <div className={classes.linkArea}>\r\n                    {/* <Typography size=\"L\">\r\n                        {L_HTML('BLANKETTER_POPUP_INDEMELDELSE_TEXT')}\r\n                    </Typography> */}\r\n                    <Button\r\n                        size=\"large\"\r\n                        onClick={() => {\r\n                            if (authProfile.isImitator) {\r\n                                setShowImitatorModal(true)\r\n                            } else {\r\n                                window.open(\r\n                                    // eslint-disable-next-line max-len\r\n                                    process.env.REACT_APP_LINK_INDEMELDELSE,\r\n                                    '_blank'\r\n                                )\r\n                            }\r\n                        }}\r\n                    >\r\n                        {L_HTML('BLANKETTER_POPUP_INDEMELDELSE_KNAP')}\r\n                    </Button>\r\n                </div>\r\n\r\n                <div className={classes.linkArea}>\r\n                    {/* <Typography size=\"L\">\r\n                        {L_HTML('BLANKETTER_POPUP_RINGOP_TEXT')}\r\n                    </Typography> */}\r\n                    <Button\r\n                        size=\"large\"\r\n                        onClick={() => {\r\n                            if (authProfile.isImitator) {\r\n                                setShowImitatorModal(true)\r\n                            } else {\r\n                                window.open(\r\n                                    // eslint-disable-next-line max-len\r\n                                    process.env.REACT_APP_LINK_RING_MIG_OP,\r\n                                    '_blank'\r\n                                )\r\n                            }\r\n                        }}\r\n                    >\r\n                        {L_HTML('BLANKETTER_POPUP_RINGOP_KNAP')}\r\n                    </Button>\r\n                </div>\r\n                <div className={classes.linkArea}>\r\n                    {/* <Typography size=\"L\">\r\n                        {' '}\r\n                        {L_HTML('BLANKETTER_POPUP_KONTIGENT_TEXT')}\r\n                    </Typography> */}\r\n                    <Button\r\n                        size=\"large\"\r\n                        onClick={() => {\r\n                            window.open(\r\n                                // eslint-disable-next-line max-len\r\n                                'https://www.foa.dk/bliv-medlem/kontingenter?utm_source=MineMedlemmer&utm_medium=web&utm_campaign=tillidsvalgt',\r\n                                '_blank'\r\n                            )\r\n                        }}\r\n                    >\r\n                        {L_HTML('BLANKETTER_POPUP_KONTIGENT_KNAP')}\r\n                    </Button>\r\n                </div>\r\n            </Dialog>\r\n            <ImitatorNoAccessWarning\r\n                show={showImitatorModal}\r\n                onClose={() => setShowImitatorModal(false)}\r\n            />\r\n        </>\r\n    )\r\n}\r\n\r\nexport { SignupMemberModal }\r\n","import React, { FC } from 'react'\r\nimport { GotoMembrsearchModal } from '../GotoMembrsearchModal'\r\nimport { SignupMemberModal } from '../SignupMemberModal'\r\n\r\ninterface HeaderLinksProps {\r\n    showGotoMembrsearchModal?: boolean\r\n}\r\n\r\nconst HeaderLinks: FC<HeaderLinksProps> = ({ showGotoMembrsearchModal }) => {\r\n    return (\r\n        <>\r\n            {showGotoMembrsearchModal ? <GotoMembrsearchModal /> : null}\r\n            <SignupMemberModal />\r\n        </>\r\n    )\r\n}\r\n\r\nHeaderLinks.defaultProps = {\r\n    showGotoMembrsearchModal: true,\r\n}\r\n\r\nexport { HeaderLinks }\r\n","/* eslint-disable max-len */\r\nimport React, { useCallback, useEffect, useState } from 'react'\r\nimport { useAtom } from 'jotai'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useSearchParams } from 'react-router-dom'\r\nimport { Member } from '../../../models/Member'\r\nimport { IFilter, initialSelectedFilters } from '../../../models/Filter'\r\nimport { membersAtom } from '../../../api/members/members'\r\nimport {\r\n    Card,\r\n    CardCell,\r\n    CardList,\r\n    CardMobile,\r\n    CardHeaderCell,\r\n    CardHeader,\r\n    CardContentMobile,\r\n    CircleText,\r\n    Circle,\r\n} from '../../ui/Card'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { getInitials } from '../../../utils/initials'\r\nimport { Badge } from '../../ui/Badge/Badge'\r\nimport { Favorite } from '../../ui/Favorite'\r\nimport { removeFavorite, setFavorite } from '../../../api/favorite'\r\nimport { NoteButton } from '../../ui/NoteButton'\r\nimport { Filter } from './Filter'\r\nimport {\r\n    filterAtom,\r\n    filteredAtom,\r\n    searchAtom,\r\n    showOnlyFavorites,\r\n    filterSelected,\r\n} from '../../../store/filter/filterAtom'\r\nimport { FilterSummary } from '../../modules/Filter/FiltersSummary'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { colors } from '../../../theme/palette'\r\nimport { SendFill, SendToMany, Star, StarFill } from '../../../assets/icons'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { SortButton } from '../../ui/SortButton'\r\nimport useSortMembersList from '../../../hooks/useSortMembersList'\r\nimport SearchField from '../../ui/SearchField/SearchField'\r\nimport { formatDate } from '../../../utils/format'\r\nimport Checkbox from '../../ui/FormElememts/Checkbox'\r\nimport RadioButtons from '../../ui/FormElememts/RadioButton'\r\nimport { Dialog } from '../../ui/Dialog/Dialog'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { HeaderLinks } from '../../modules/Headerlinks'\r\nimport { profileAtom } from '../../../api/profile/profile'\r\nimport { ImitatorNoAccessWarning } from '../../modules/Imitator/ImitatorNoAccessWarning'\r\n\r\nconst getUpdateStatusLabel = (status: string): string => {\r\n    let label = status\r\n\r\n    switch (status) {\r\n        case 'AfsluttetBehandlingSidste30Dage':\r\n            label = L('MINEOPDATERINGER_STATUS_FaerdigBehandlet') // 'Færdig behandlet / opdateret'\r\n            break\r\n        case 'AfventerGodkendelse':\r\n            label = L('MINEOPDATERINGER_STATUS_UnderOpdatering') // Afventer opdatering'\r\n            break\r\n        default:\r\n            break\r\n    }\r\n\r\n    return label\r\n}\r\n\r\ntype IData = {\r\n    filter: IFilter\r\n    members: Member[]\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    '@keyframes fadeIn': {\r\n        from: {\r\n            opacity: 0,\r\n        },\r\n        to: {\r\n            opacity: 1,\r\n        },\r\n    },\r\n    container: {\r\n        padding: '0 1.5rem',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                padding: '0',\r\n            },\r\n        },\r\n    },\r\n    headerArea: {\r\n        display: 'flex',\r\n        padding: '.5rem 0',\r\n        minHeight: '5rem',\r\n    },\r\n    headerAreaTop: {\r\n        display: 'flex',\r\n        padding: '1rem 0 .5rem',\r\n        borderBottom: `1px solid ${colors.borderColor}`,\r\n        marginBottom: '1rem',\r\n    },\r\n    topArea: {\r\n        borderBottom: `1px solid ${colors.gray700}`,\r\n        // TODO: remove this when this area has been developed.\r\n        minHeight: '60px',\r\n    },\r\n    headerActions: {\r\n        display: 'flex',\r\n        flexGrow: 1,\r\n        marginLeft: 'auto',\r\n        justifyContent: 'flex-end',\r\n        alignItems: 'flex-start',\r\n        flexShrink: 0,\r\n    },\r\n    sendingEmailSettings: {\r\n        display: 'flex',\r\n        padding: '.5rem 1rem',\r\n        minHeight: '5rem',\r\n        width: '100%',\r\n        backgroundColor: colors.green200,\r\n        color: colors.black,\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        '& span': {\r\n            fontWeight: 700,\r\n        },\r\n        animation: '.5s $fadeIn',\r\n    },\r\n    members: {\r\n        paddingTop: '20px',\r\n    },\r\n    sortPlaceholder: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        padding: '0.75em 1.75em',\r\n        margin: '0 0.3em 0.3em 0',\r\n        borderRadius: '6px',\r\n        boxSizing: 'border-box',\r\n        textDecoration: 'none',\r\n        fontWeight: 400,\r\n        textAlign: 'center',\r\n        transition: 'all 0.2s',\r\n        boxShadow: 0,\r\n        '&:hover': {\r\n            cursor: 'pointer',\r\n            color: colors.black,\r\n            fontWeight: '700',\r\n        },\r\n        '-webkit-appearance': 'none',\r\n        '-moz-appearance': 'none',\r\n        fontStyle: 'normal',\r\n        fontSize: '16px',\r\n        lineHeight: '120%',\r\n        color: '#000000',\r\n        border: 0,\r\n        background: 'none',\r\n    },\r\n    dialogButtonsContainer: {\r\n        display: 'flex',\r\n        width: '100%',\r\n        justifyContent: 'space-around',\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    modalButtons: {\r\n        display: 'flex',\r\n    },\r\n    modalCheckbox: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        right: '20px',\r\n        top: '20px',\r\n    },\r\n    numberOfMembers: {\r\n        display: 'flex',\r\n        padding: '30px 0 90px',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n    },\r\n    iconWrapper: {\r\n        position: 'relative',\r\n    },\r\n    searchField: {\r\n        width: '100%',\r\n        marginRight: '20px',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                width: 'auto',\r\n                minWidth: '425px',\r\n                marginRight: '20px',\r\n            },\r\n        },\r\n    },\r\n})\r\n\r\nconst gridTemplateColumns = '8% 24% 24% 12% 8% 16% 8%'\r\n\r\nconst Members: React.FC = (): JSX.Element => {\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n    const [data, update] = useAtom(membersAtom)\r\n    const classes = useStyles()\r\n    const [members] = useAtom(filteredAtom)\r\n    const [, setFilter] = useAtom(filterAtom)\r\n    const [, setSearchAtom] = useAtom(searchAtom)\r\n    const [isSendingView, setIsSendingView] = useState<boolean>(false)\r\n    const [isEmailSentView, setIsEmailSentView] = useState<boolean>(false)\r\n    const [AllChosen, setAllChosen] = useState<boolean>(false)\r\n    const [emailType, setEmailType] = useState<string>('Arbejdsmail')\r\n    const [chosenMembers, setChosenMembers] = useState<Member[]>([])\r\n    const [mailingList, setMailingList] = useState<string>('')\r\n    const [showDialog, setShowDialog] = useState(false)\r\n    const [invalidEmailsList, setInvalidEmailsList] = useState<any[]>([])\r\n    const [favoritesOnly, setShowOnlyFavorites] = useAtom(showOnlyFavorites)\r\n    const [, setFilterSelected] = useAtom(filterSelected)\r\n    const [searchParams] = useSearchParams()\r\n    const [initialized, setInitialized] = useState(false)\r\n    const [authProfile] = useAtom(profileAtom)\r\n    const [firstTimeSendingEmail, setfirstTimeSendingEmail] = useState(true)\r\n    const [showFirstTimeModal, setHowFirstTimeShowModal] = useState(false)\r\n    const FIRST_TIME_EMAIL_KEY = 'first_time_email'\r\n\r\n    const { setSort, sortState } = useSortMembersList()\r\n\r\n    useEffect(() => {\r\n        const localStorageData = localStorage.getItem(FIRST_TIME_EMAIL_KEY)\r\n\r\n        if (localStorageData) {\r\n            setfirstTimeSendingEmail(false)\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        const d = data as IData\r\n        if (d && d.filter && !initialized) {\r\n            const wp = searchParams.get('wp')\r\n            setInitialized(true)\r\n            if (wp) {\r\n                const found = d.filter.workplaces.find((w) => w.id === +wp)\r\n\r\n                if (found) {\r\n                    const copy = { ...initialSelectedFilters }\r\n                    copy.workplaces.push(found)\r\n                    setFilterSelected(copy)\r\n                }\r\n            }\r\n\r\n            d.filter.updateStatus = [\r\n                {\r\n                    id: 'AfsluttetBehandlingSidste30Dage',\r\n                    name: 'Opdateret',\r\n                },\r\n                { id: 'AfventerGodkendelse', name: 'Afventer opdatering' },\r\n            ]\r\n\r\n            setFilter(d.filter)\r\n\r\n            if (!sortState) {\r\n                setSort('name')\r\n            }\r\n        }\r\n    }, [data, setFilter])\r\n\r\n    const onClickFavorite = async (member: Member): Promise<void> => {\r\n        const callback = member.isFavorite ? removeFavorite : setFavorite\r\n\r\n        const response = await callback(`${member.memberId}`, 'MedlemIdent')\r\n\r\n        if (response) {\r\n            update({ type: 'refetch' })\r\n        }\r\n    }\r\n\r\n    const isChecked = (member: Member): boolean =>\r\n        chosenMembers.some((element) => element.memberId === member.memberId)\r\n\r\n    const handleSendingEmailView = (): void => setIsSendingView((v) => !v)\r\n\r\n    const handleChooseAll = (): void => {\r\n        if (chosenMembers.length === members.length) {\r\n            setChosenMembers([])\r\n            setAllChosen(false)\r\n        } else {\r\n            setChosenMembers([...members])\r\n            setAllChosen(true)\r\n        }\r\n    }\r\n\r\n    const checkValids = useCallback(() => {\r\n        let isValid = true\r\n        if (chosenMembers) {\r\n            const invalidEmails = []\r\n            const mailingListRaw = chosenMembers\r\n                .map((member) => {\r\n                    const email =\r\n                        emailType === 'Arbejdsmail'\r\n                            ? member?.workContact?.email !== '' &&\r\n                              member?.workContact?.email\r\n                            : member?.privateContact?.email !== '' &&\r\n                              member?.privateContact?.email\r\n                    if (!email || email.length === 0) {\r\n                        invalidEmails.push(member.fullName)\r\n                    }\r\n                    return email\r\n                })\r\n                .filter(\r\n                    (validEmail) =>\r\n                        validEmail !== undefined && validEmail !== null\r\n                )\r\n\r\n            setInvalidEmailsList(invalidEmails)\r\n            const mailingListString =\r\n                window.navigator.platform.includes('Win') ||\r\n                window.navigator.userAgent.includes('Win')\r\n                    ? mailingListRaw.join(';')\r\n                    : mailingListRaw.join(',')\r\n            setMailingList(`${mailingListString}`)\r\n            isValid = !!mailingListString.length && !invalidEmails.length\r\n\r\n            if (isValid) {\r\n                window.open(`mailto:?bcc=${mailingListString}`, '_blank')\r\n                if (showDialog) {\r\n                    setShowDialog(false)\r\n                }\r\n                handleSendingEmailView()\r\n            }\r\n        }\r\n\r\n        return isValid\r\n    }, [chosenMembers, emailType, showDialog])\r\n\r\n    const sendEmail = (): void => {\r\n        window.open(`mailto:?bcc=${mailingList}`, '_blank')\r\n        if (showDialog) {\r\n            setShowDialog(false)\r\n        }\r\n        handleSendingEmailView()\r\n        setIsEmailSentView(true)\r\n    }\r\n\r\n    const confirmSendingEmail = (): void => {\r\n        sendEmail()\r\n        setIsSendingView(false)\r\n        setIsEmailSentView(true)\r\n    }\r\n\r\n    const handleSendingEmailDialog = (): void => {\r\n        if (authProfile.isImitator) {\r\n            setShowImitatorModal(true)\r\n            setIsSendingView(false)\r\n            setIsEmailSentView(false)\r\n            setChosenMembers([])\r\n            setAllChosen(false)\r\n        } else {\r\n            const isValid = checkValids()\r\n            if (!isValid) {\r\n                setShowDialog(true)\r\n            }\r\n        }\r\n    }\r\n\r\n    const onSearch = (search: string): void => {\r\n        setSearchAtom(search)\r\n    }\r\n\r\n    const useSearch = (search: string): void => {\r\n        setSearchAtom(search)\r\n    }\r\n\r\n    const zeroValidAddresses = (): JSX.Element => {\r\n        return (\r\n            <>\r\n                <Typography\r\n                    tag=\"p\"\r\n                    size=\"S\"\r\n                    style={{ marginBottom: '30px' }}\r\n                    align=\"center\"\r\n                >\r\n                    Følgende personer mangler en{' '}\r\n                    {emailType === 'Arbejdsmail'\r\n                        ? 'arbejdsmail'\r\n                        : 'privat e-mailadresse'}{' '}\r\n                    :\r\n                </Typography>\r\n                <Typography\r\n                    tag=\"p\"\r\n                    size=\"S\"\r\n                    style={{ marginBottom: '30px' }}\r\n                    align=\"center\"\r\n                >\r\n                    {invalidEmailsList.join(', ')}\r\n                </Typography>\r\n                <Typography\r\n                    tag=\"p\"\r\n                    size=\"S\"\r\n                    style={{ marginBottom: '30px' }}\r\n                    align=\"center\"\r\n                >\r\n                    Du kan derfor ikke sende mails til dem.\r\n                </Typography>\r\n                <div className={classes.dialogButtonsContainer}>\r\n                    <Button\r\n                        type=\"secondary\"\r\n                        size=\"large\"\r\n                        onClick={() => {\r\n                            setShowDialog(false)\r\n                        }}\r\n                    >\r\n                        OK\r\n                    </Button>\r\n                </div>\r\n            </>\r\n        )\r\n    }\r\n\r\n    const multipleInvalidAddresses = (): JSX.Element => {\r\n        return (\r\n            <>\r\n                <Typography\r\n                    tag=\"p\"\r\n                    size=\"S\"\r\n                    style={{ marginBottom: '30px' }}\r\n                    align=\"center\"\r\n                >\r\n                    {emailType === 'Arbejdsmail'\r\n                        ? L_HTML(\r\n                              'MINEMEDLEMMER_KONTAKTFLERE_ARBEJDSMAIL_FEEDBACKVINDUE_TITEL'\r\n                          )\r\n                        : L_HTML(\r\n                              'MINEMEDLEMMER_KONTAKTFLERE_PRIVATMAIL_FEEDBACKVINDUE_TITEL'\r\n                          )}\r\n                </Typography>\r\n                <Typography\r\n                    tag=\"p\"\r\n                    size=\"S\"\r\n                    style={{ marginBottom: '30px' }}\r\n                    align=\"center\"\r\n                >\r\n                    {invalidEmailsList.join(', ')}\r\n                </Typography>\r\n                <Typography\r\n                    tag=\"p\"\r\n                    size=\"S\"\r\n                    style={{ marginBottom: '30px' }}\r\n                    align=\"center\"\r\n                >\r\n                    {L_HTML('MINEMEDLEMMER_KONTAKTFLERE_FEEDBACKVINDUE_TEXT_1')}\r\n                </Typography>\r\n                <div className={classes.dialogButtonsContainer}>\r\n                    <Button\r\n                        type=\"secondary\"\r\n                        size=\"large\"\r\n                        onClick={() => {\r\n                            setShowDialog(false)\r\n                        }}\r\n                    >\r\n                        {L(\r\n                            'MINEMEDLEMMER_KONTAKTFLERE_FEEDBACKVINDUE_ANNULLER_KNAP'\r\n                        )}\r\n                    </Button>\r\n                    <Button\r\n                        type=\"primary\"\r\n                        size=\"large\"\r\n                        onClick={confirmSendingEmail}\r\n                    >\r\n                        {L(\r\n                            'MINEMEDLEMMER_KONTAKTFLERE_FEEDBACKVINDUE_SEND_KNAP'\r\n                        )}\r\n                    </Button>\r\n                </div>\r\n            </>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <div className={`${classes.container} page-up`}>\r\n            <div className={`${classes.headerAreaTop} desktop-only`}>\r\n                <div className={classes.headerActions}>\r\n                    <HeaderLinks />\r\n                </div>\r\n            </div>\r\n            <div className={classes.headerArea}>\r\n                <div className=\"desktop-only\">\r\n                    <Typography tag=\"h1\" size=\"XXXXL\">\r\n                        {L_HTML('MINEMEDLEMMER_TITEL')}\r\n                    </Typography>\r\n                </div>\r\n\r\n                <div className={classes.headerActions}>\r\n                    <div className={classes.searchField}>\r\n                        <SearchField\r\n                            autoFocus\r\n                            label={L('MINEMEDLEMMER_SØGEFELT_LABEL')}\r\n                            required={false}\r\n                            typeSearch=\"primary\"\r\n                            searchButtonLabel={L(\r\n                                'MINEMEDLEMMER_SØGEFELT_LABEL'\r\n                            )}\r\n                            onSearch={onSearch}\r\n                            onChange={useSearch}\r\n                            // style={{ minWidth: '425px', marginRight: '20px' }}\r\n                        />\r\n                    </div>\r\n\r\n                    <Filter />\r\n                </div>\r\n            </div>\r\n            <div className={`${classes.headerArea} desktop-only`}>\r\n                <FilterSummary />\r\n                <div className={classes.headerActions}>\r\n                    {!isSendingView && !isEmailSentView && (\r\n                        <Button\r\n                            type=\"secondary\"\r\n                            size=\"large\"\r\n                            icon={<SendToMany fill={colors.green500} />}\r\n                            onClick={() => {\r\n                                if (firstTimeSendingEmail) {\r\n                                    setHowFirstTimeShowModal(true)\r\n                                } else {\r\n                                    handleSendingEmailView()\r\n                                }\r\n                            }}\r\n                            style={{ paddingLeft: '10px' }}\r\n                        >\r\n                            {L('MINEMEDLEMMER_KONTAKTFLERE_KNAP')}\r\n                        </Button>\r\n                    )}\r\n                    <Button\r\n                        type={!favoritesOnly ? 'secondary' : 'primary'}\r\n                        size=\"large\"\r\n                        style={{\r\n                            minWidth: '210px',\r\n                            paddingLeft: '10px',\r\n                            paddingRight: '28px',\r\n                        }}\r\n                        icon={\r\n                            !favoritesOnly ? (\r\n                                <StarFill fill=\"rgb(241,196,0)\" />\r\n                            ) : (\r\n                                <Star fill={colors.white} />\r\n                            )\r\n                        }\r\n                        onClick={() => setShowOnlyFavorites(!favoritesOnly)}\r\n                    >\r\n                        {!favoritesOnly\r\n                            ? `${L('MINEMEDLEMMER_UDVALGTEMEDLEMMER_KNAP_OFF')}`\r\n                            : `${L('MINEMEDLEMMER_UDVALGTEMEDLEMMER_KNAP_ON')}`}\r\n                    </Button>\r\n                </div>\r\n            </div>\r\n\r\n            {isSendingView && (\r\n                <div className={classes.sendingEmailSettings}>\r\n                    <Checkbox\r\n                        label={L('MINEMEDLEMMER_KONTAKTFLERE_VÆLG-ALLE_KNAP')}\r\n                        id=\"5678\"\r\n                        isChecked={AllChosen}\r\n                        onChange={handleChooseAll}\r\n                    />\r\n                    <div>\r\n                        <span>{chosenMembers.length}</span>{' '}\r\n                        {L_HTML(\r\n                            'MINEMEDLEMMER_KONTAKTFLERE_MEDLEMMER-VALGT_LABEL'\r\n                        )}\r\n                    </div>\r\n                    <div>\r\n                        <RadioButtons\r\n                            groupLabel={L(\r\n                                'MINEMEDLEMMER_KONTAKTFLERE_SENDTIL_LABEL'\r\n                            )}\r\n                            labels={[\r\n                                L(\r\n                                    'MINEMEDLEMMER_KONTAKTFLERE_PRIVAT-MAIL_LABEL'\r\n                                ),\r\n                                L(\r\n                                    'MINEMEDLEMMER_KONTAKTFLERE_ARBEJDSMAIL_LABEL'\r\n                                ),\r\n                            ]}\r\n                            onChange={(e) =>\r\n                                setEmailType(e.currentTarget.value)\r\n                            }\r\n                            activeValue={emailType}\r\n                        />\r\n                    </div>\r\n                    <Button\r\n                        type=\"secondary\"\r\n                        size=\"large\"\r\n                        onClick={handleSendingEmailView}\r\n                    >\r\n                        {L('MINEMEDLEMMER_KONTAKTFLERE_ANNULLER_KNAP')}\r\n                    </Button>\r\n                    <Button\r\n                        type=\"primary\"\r\n                        size=\"large\"\r\n                        icon={<SendFill fill={colors.white} />}\r\n                        onClick={handleSendingEmailDialog}\r\n                        disabled={chosenMembers.length === 0}\r\n                    >\r\n                        {L('MINEMEDLEMMER_KONTAKTFLERE_SEND_KNAP')}\r\n                    </Button>\r\n                </div>\r\n            )}\r\n\r\n            {isEmailSentView && (\r\n                <div className={classes.sendingEmailSettings}>\r\n                    <div>\r\n                        <span>\r\n                            {chosenMembers.length - invalidEmailsList.length}\r\n                        </span>{' '}\r\n                        {L_HTML(\r\n                            'MINEMEDLEMMER_KONTAKTFLERE_FEEDBACK_ANTAL_LABEL'\r\n                        )}\r\n                    </div>\r\n                    <p>\r\n                        <span>\r\n                            {L_HTML(\r\n                                'MINEMEDLEMMER_KONTAKTFLERE_FEEDBACK_SENDTIL_LABEL'\r\n                            )}\r\n                            :{' '}\r\n                        </span>{' '}\r\n                        {emailType}\r\n                    </p>\r\n                    <Button\r\n                        type=\"secondary\"\r\n                        size=\"large\"\r\n                        onClick={() => {\r\n                            setIsSendingView(false)\r\n                            setIsEmailSentView(false)\r\n                            setChosenMembers([])\r\n                            setAllChosen(false)\r\n                        }}\r\n                    >\r\n                        {L('MINEMEDLEMMER_KONTAKTFLERE_FEEDBACK_AFSLUT_LABEL')}\r\n                    </Button>\r\n                </div>\r\n            )}\r\n            <div className={`${classes.members}`}>\r\n                {members && members.length ? (\r\n                    <CardList>\r\n                        <CardHeader gridTemplateColumns={gridTemplateColumns}>\r\n                            <CardHeaderCell />\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('name')}\r\n                                    sort={sortState}\r\n                                    name=\"name\"\r\n                                >\r\n                                    {L('MINEMEDLEMMER_TABEL_KOLONNETITEL_NAVN')}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('arbejdssted')}\r\n                                    sort={sortState}\r\n                                    name=\"arbejdssted\"\r\n                                >\r\n                                    {L(\r\n                                        'MINEMEDLEMMER_TABEL_KOLONNETITEL_ARBEJDSSTED'\r\n                                    )}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <Typography size=\"XS\" weight=\"bold\">\r\n                                    <SortButton\r\n                                        onClick={() => setSort('birthday')}\r\n                                        sort={sortState}\r\n                                        name=\"birthday\"\r\n                                    >\r\n                                        {L(\r\n                                            'MINEMEDLEMMER_TABEL_KOLONNETITEL_FØDSELSDAG'\r\n                                        )}\r\n                                    </SortButton>\r\n                                </Typography>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <Typography size=\"XS\" weight=\"bold\">\r\n                                    <SortButton\r\n                                        onClick={() => setSort('age')}\r\n                                        sort={sortState}\r\n                                        name=\"age\"\r\n                                    >\r\n                                        {L(\r\n                                            'MINEMEDLEMMER_TABEL_KOLONNETITEL_ALDER'\r\n                                        )}\r\n                                    </SortButton>\r\n                                </Typography>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('status')}\r\n                                    sort={sortState}\r\n                                    name=\"status\"\r\n                                >\r\n                                    {L(\r\n                                        'MINEMEDLEMMER_TABEL_KOLONNETITEL_STATUS'\r\n                                    )}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('notes')}\r\n                                    sort={sortState}\r\n                                    name=\"notes\"\r\n                                >\r\n                                    {L(\r\n                                        'MINEMEDLEMMER_TABEL_KOLONNETITEL_NOTER'\r\n                                    )}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                        </CardHeader>\r\n                        {members.map((member) => (\r\n                            <div key={member.memberId}>\r\n                                <CardMobile\r\n                                    url={\r\n                                        isSendingView\r\n                                            ? undefined\r\n                                            : `/mine-medlemmer/${member.memberId}`\r\n                                    }\r\n                                >\r\n                                    <CardCell>\r\n                                        {isSendingView ? (\r\n                                            <div>\r\n                                                <Checkbox\r\n                                                    id={String(member.memberId)}\r\n                                                    label=\"\"\r\n                                                    isChecked={isChecked(\r\n                                                        member\r\n                                                    )}\r\n                                                    onChange={() => {\r\n                                                        const ml = [\r\n                                                            ...chosenMembers,\r\n                                                        ]\r\n                                                        if (isChecked(member)) {\r\n                                                            const idx =\r\n                                                                ml.findIndex(\r\n                                                                    (m) =>\r\n                                                                        m.memberId ===\r\n                                                                        member.memberId\r\n                                                                )\r\n                                                            if (idx !== -1) {\r\n                                                                ml.splice(\r\n                                                                    idx,\r\n                                                                    1\r\n                                                                )\r\n                                                            }\r\n                                                            setChosenMembers(ml)\r\n                                                        } else {\r\n                                                            ml.push(member)\r\n                                                            setChosenMembers(ml)\r\n                                                        }\r\n                                                    }}\r\n                                                />\r\n                                            </div>\r\n                                        ) : (\r\n                                            <>\r\n                                                <Circle>\r\n                                                    <CircleText>\r\n                                                        {getInitials(\r\n                                                            member.fullName\r\n                                                        )}\r\n                                                    </CircleText>\r\n                                                    <Favorite\r\n                                                        active={\r\n                                                            member.isFavorite\r\n                                                        }\r\n                                                        onClick={(e) => {\r\n                                                            e.stopPropagation()\r\n                                                            e.preventDefault()\r\n                                                            if (\r\n                                                                authProfile.isImitator\r\n                                                            ) {\r\n                                                                setShowImitatorModal(\r\n                                                                    true\r\n                                                                )\r\n                                                            } else {\r\n                                                                onClickFavorite(\r\n                                                                    member\r\n                                                                )\r\n                                                            }\r\n                                                        }}\r\n                                                    />\r\n                                                </Circle>\r\n                                            </>\r\n                                        )}\r\n                                        {/* <Circle>\r\n                                            <CircleText>\r\n                                                {getInitials(member.fullName)}\r\n                                            </CircleText>\r\n                                            <Favorite\r\n                                                active={member.isFavorite}\r\n                                                onClick={(e) => {\r\n                                                    e.stopPropagation()\r\n                                                    e.preventDefault()\r\n                                                    onClickFavorite(member)\r\n                                                }}\r\n                                            />\r\n                                        </Circle> */}\r\n                                    </CardCell>\r\n                                    <CardContentMobile>\r\n                                        <CardCell>\r\n                                            <Typography\r\n                                                tag=\"h3\"\r\n                                                size=\"M\"\r\n                                                spacing=\".2rem\"\r\n                                                color=\"rgba(0, 0, 0, 0.9)\"\r\n                                            >\r\n                                                {member.fullName}\r\n                                            </Typography>\r\n                                            <Typography\r\n                                                size=\"XS\"\r\n                                                spacing=\".2rem\"\r\n                                                color=\"rgba(0, 0, 0, 0.6)\"\r\n                                            >\r\n                                                {member?.workPlaces[0]?.name}\r\n                                            </Typography>\r\n                                            <Typography\r\n                                                size=\"XXS\"\r\n                                                spacing=\".2rem\"\r\n                                                color=\"rgba(0, 0, 0, 0.4)\"\r\n                                            >\r\n                                                {member?.workPlaces[0]?.name}\r\n                                            </Typography>\r\n                                        </CardCell>\r\n                                    </CardContentMobile>\r\n                                </CardMobile>\r\n                                <Card\r\n                                    key={member.memberId}\r\n                                    gridTemplateColumns={gridTemplateColumns}\r\n                                    url={\r\n                                        isSendingView\r\n                                            ? undefined\r\n                                            : `/mine-medlemmer/${member.memberId}`\r\n                                    }\r\n                                >\r\n                                    <CardCell>\r\n                                        {isSendingView ? (\r\n                                            <div>\r\n                                                <Checkbox\r\n                                                    id={String(member.memberId)}\r\n                                                    label=\"\"\r\n                                                    isChecked={isChecked(\r\n                                                        member\r\n                                                    )}\r\n                                                    onChange={() => {\r\n                                                        const ml = [\r\n                                                            ...chosenMembers,\r\n                                                        ]\r\n                                                        if (isChecked(member)) {\r\n                                                            const idx =\r\n                                                                ml.findIndex(\r\n                                                                    (m) =>\r\n                                                                        m.memberId ===\r\n                                                                        member.memberId\r\n                                                                )\r\n                                                            if (idx !== -1) {\r\n                                                                ml.splice(\r\n                                                                    idx,\r\n                                                                    1\r\n                                                                )\r\n                                                            }\r\n                                                            setChosenMembers(ml)\r\n                                                        } else {\r\n                                                            ml.push(member)\r\n                                                            setChosenMembers(ml)\r\n                                                        }\r\n                                                    }}\r\n                                                />\r\n                                            </div>\r\n                                        ) : (\r\n                                            <div\r\n                                                className={classes.iconWrapper}\r\n                                            >\r\n                                                <Circle>\r\n                                                    <CircleText>\r\n                                                        {getInitials(\r\n                                                            member.fullName\r\n                                                        )}\r\n                                                    </CircleText>\r\n                                                </Circle>\r\n                                                <Favorite\r\n                                                    active={member.isFavorite}\r\n                                                    onClick={(e) => {\r\n                                                        e.stopPropagation()\r\n                                                        e.preventDefault()\r\n                                                        if (\r\n                                                            authProfile.isImitator\r\n                                                        ) {\r\n                                                            setShowImitatorModal(\r\n                                                                true\r\n                                                            )\r\n                                                        } else {\r\n                                                            onClickFavorite(\r\n                                                                member\r\n                                                            )\r\n                                                        }\r\n                                                    }}\r\n                                                    right=\"-10px\"\r\n                                                />\r\n                                            </div>\r\n                                        )}\r\n                                    </CardCell>\r\n                                    <CardCell>\r\n                                        <Typography size=\"XS\">\r\n                                            {member.fullName}\r\n                                        </Typography>\r\n                                    </CardCell>\r\n                                    <CardCell>\r\n                                        <Typography size=\"XS\">\r\n                                            {member?.primaryWorkPlace?.name}\r\n                                        </Typography>\r\n                                    </CardCell>\r\n                                    <CardCell>\r\n                                        <Typography size=\"XS\">\r\n                                            {formatDate(member.birthday)}\r\n                                        </Typography>\r\n                                    </CardCell>\r\n                                    <CardCell>\r\n                                        <Typography size=\"XS\">\r\n                                            {member.age}\r\n                                        </Typography>\r\n                                    </CardCell>\r\n                                    <CardCell>\r\n                                        {member.status.toLocaleLowerCase() !==\r\n                                        'ikkeopdateret' ? (\r\n                                            <Badge>\r\n                                                {getUpdateStatusLabel(\r\n                                                    member.status\r\n                                                )}\r\n                                            </Badge>\r\n                                        ) : null}\r\n                                    </CardCell>\r\n                                    <CardCell>\r\n                                        <NoteButton\r\n                                            onClick={() => {\r\n                                                return true\r\n                                            }}\r\n                                        >\r\n                                            {member.numberOfNotes}\r\n                                        </NoteButton>\r\n                                    </CardCell>\r\n                                </Card>\r\n                            </div>\r\n                        ))}\r\n                    </CardList>\r\n                ) : null}\r\n            </div>\r\n            {members.length ? (\r\n                <div className={classes.numberOfMembers}>\r\n                    <Typography size=\"XS\">\r\n                        Viser {members.length} medlemmer\r\n                    </Typography>\r\n                </div>\r\n            ) : null}\r\n            {showDialog && invalidEmailsList.length !== 0 ? (\r\n                <Dialog\r\n                    trigger={null}\r\n                    defaultOpen\r\n                    hideClose\r\n                    icon={<SendToMany width=\"46px\" fill={colors.green500} />}\r\n                >\r\n                    <Typography\r\n                        style={{ marginBottom: '30px' }}\r\n                        size=\"L\"\r\n                        align=\"center\"\r\n                    >\r\n                        {L_HTML(\r\n                            'MINEMEDLEMMER_KONTAKTFLERE_FEEDBACKVINDUE_TITEL'\r\n                        )}\r\n                    </Typography>\r\n                    {mailingList.length\r\n                        ? multipleInvalidAddresses()\r\n                        : zeroValidAddresses()}\r\n                </Dialog>\r\n            ) : null}\r\n            {showFirstTimeModal ? (\r\n                <Dialog\r\n                    trigger={null}\r\n                    defaultOpen\r\n                    hideClose\r\n                    icon={<SendToMany width=\"46px\" fill={colors.green500} />}\r\n                >\r\n                    <Typography\r\n                        style={{ marginBottom: '30px' }}\r\n                        size=\"L\"\r\n                        align=\"center\"\r\n                    >\r\n                        {L('MINEMEDLEMMER_KONTAKTFLERE_FØRSTE_GANG_TITEL')}\r\n                    </Typography>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        style={{ marginBottom: '30px' }}\r\n                        align=\"center\"\r\n                    >\r\n                        {L('MINEMEDLEMMER_KONTAKTFLERE_FØRSTE_GANG_TEXT')}\r\n                    </Typography>\r\n                    <div className={classes.dialogButtonsContainer}>\r\n                        <Button\r\n                            type=\"primary\"\r\n                            size=\"large\"\r\n                            onClick={() => {\r\n                                localStorage.setItem(\r\n                                    FIRST_TIME_EMAIL_KEY,\r\n                                    'true'\r\n                                )\r\n                                setfirstTimeSendingEmail(false)\r\n                                setHowFirstTimeShowModal(false)\r\n                                handleSendingEmailView()\r\n                            }}\r\n                        >\r\n                            OK\r\n                        </Button>\r\n                    </div>\r\n                </Dialog>\r\n            ) : null}\r\n            <ImitatorNoAccessWarning\r\n                show={showImitatorModal}\r\n                onClose={() => setShowImitatorModal(false)}\r\n            />\r\n            {/* <FirstLoginInfo /> */}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Members\r\n","import React, {\r\n    ChangeEvent,\r\n    DetailedHTMLProps,\r\n    FC,\r\n    forwardRef,\r\n    TextareaHTMLAttributes,\r\n    useEffect,\r\n    useRef,\r\n    useState,\r\n} from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { LockFill } from '../../../assets/icons'\r\nimport { colors } from '../../../theme/palette'\r\n\r\ntype RuleNames = 'label' | 'textarea' | 'container' | 'span' | 'lock' | 'count'\r\n\r\ninterface StyleProps {\r\n    query: string\r\n}\r\n\r\nexport type TextAreaProps = {\r\n    label: string\r\n    required?: boolean\r\n    maxCount?: number\r\n} & Omit<\r\n    DetailedHTMLProps<\r\n        TextareaHTMLAttributes<HTMLTextAreaElement>,\r\n        HTMLTextAreaElement\r\n    >,\r\n    'size'\r\n>\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>({\r\n    container: {\r\n        position: 'relative',\r\n        display: 'block',\r\n    },\r\n    label: {\r\n        position: 'static',\r\n        width: '100%',\r\n        '&:focus-within > span': {\r\n            color: colors.green500,\r\n            fontSize: '0.75rem',\r\n            top: '2px',\r\n        },\r\n        color: colors.labelColor,\r\n    },\r\n    textarea: {\r\n        height: '100%',\r\n        minHeight: '3rem',\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1rem',\r\n        paddingLeft: '0.75rem',\r\n        paddingTop: '30px',\r\n        resize: 'none',\r\n        '&::placeholder': {\r\n            opacity: '0',\r\n        },\r\n        color: colors.black,\r\n        '&:not(:placeholder-shown) + span': {\r\n            color: colors.green500,\r\n            fontSize: '0.75rem',\r\n        },\r\n        '&:not(:placeholder-shown)': {\r\n            paddingTop: '30px',\r\n        },\r\n        '&:focus': {\r\n            borderColor: colors.green500,\r\n            outlineColor: colors.green500,\r\n            paddingTop: '30px',\r\n        },\r\n        '&:active': {\r\n            borderColor: colors.green500,\r\n            outlineColor: colors.green500,\r\n            paddingTop: '30px',\r\n        },\r\n        '&:disabled': {\r\n            backgroundColor: '#F5F6F8',\r\n            color: colors.gray800,\r\n        },\r\n    },\r\n    span: {\r\n        position: 'absolute',\r\n        top: '2px',\r\n        left: '2px',\r\n        right: '20px',\r\n        fontSize: '1rem',\r\n        backgroundColor: 'white',\r\n        borderRadius: '8px',\r\n        padding: '10px 0.75rem 5px',\r\n        transitionDuration: '300ms',\r\n        color: colors.labelColor,\r\n    },\r\n    lock: {\r\n        position: 'absolute',\r\n        top: '0',\r\n        right: '10px',\r\n        opacity: '.5',\r\n    },\r\n    count: {\r\n        position: 'relative',\r\n        color: colors.black,\r\n        fontSize: '15px',\r\n        textAlign: 'right',\r\n        paddingTop: '5px',\r\n    },\r\n})\r\n\r\nconst TextArea: FC<TextAreaProps> = forwardRef<\r\n    HTMLTextAreaElement,\r\n    TextAreaProps\r\n>(({ label, required, maxCount, onChange, ...props }, ref) => {\r\n    const [query] = useState<string>('')\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = useStyles({ ...{ query }, theme })\r\n    const [count, setCount] = useState(\r\n        props.defaultValue ? String(props.defaultValue).length : 0\r\n    )\r\n    const containerRef = useRef(null)\r\n\r\n    const autoResize = (e: ChangeEvent<HTMLTextAreaElement>): void => {\r\n        e.currentTarget.style.height = 'auto'\r\n        e.currentTarget.style.height = `${e.currentTarget.scrollHeight + 10}px`\r\n\r\n        if (containerRef.current) {\r\n            containerRef.current.style.height = `${\r\n                e.currentTarget.scrollHeight + 10\r\n            }px`\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div className={classes.container} ref={containerRef}>\r\n                <label htmlFor={label} className={classes.label}>\r\n                    <textarea\r\n                        {...props}\r\n                        ref={ref}\r\n                        required={required}\r\n                        className={classes.textarea}\r\n                        id={label}\r\n                        rows={5}\r\n                        cols={5}\r\n                        placeholder={label}\r\n                        onFocus={(e: ChangeEvent<HTMLTextAreaElement>) => {\r\n                            setCount(e.target.value.length)\r\n                            onChange(e)\r\n                            autoResize(e)\r\n                        }}\r\n                        onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {\r\n                            setCount(e.target.value.length)\r\n                            onChange(e)\r\n                            autoResize(e)\r\n                        }}\r\n                        maxLength={maxCount}\r\n                    />\r\n                    <span className={classes.span}>\r\n                        {label} {required && <span> *</span>}\r\n                    </span>\r\n                    {props.disabled ? (\r\n                        <span className={classes.lock}>\r\n                            <LockFill width=\"16px\" fill={colors.gray900} />\r\n                        </span>\r\n                    ) : null}\r\n                </label>\r\n            </div>\r\n            <div className={classes.count}>\r\n                {count} / {maxCount}\r\n            </div>\r\n        </>\r\n    )\r\n})\r\n\r\nTextArea.defaultProps = {\r\n    maxCount: 300,\r\n}\r\n\r\nexport { TextArea }\r\n","import React from 'react'\r\n\r\nimport {\r\n    RegisterOptions,\r\n    DeepMap,\r\n    FieldError,\r\n    UseFormRegister,\r\n    Path,\r\n} from 'react-hook-form'\r\nimport Input, { InputNumber, InputProps } from '../../ui/FormElememts/Input'\r\nimport { TextArea, TextAreaProps } from '../../ui/FormElememts/TextArea'\r\nimport {\r\n    Select,\r\n    ISelectOptions,\r\n    SelectProps3,\r\n} from '../../ui/FormElememts/Select'\r\n\r\nexport type FormInputProps<TFormValues> = {\r\n    name: Path<TFormValues>\r\n    rules?: RegisterOptions\r\n    register?: UseFormRegister<TFormValues>\r\n    errors?: Partial<DeepMap<TFormValues, FieldError>>\r\n} & Omit<InputProps, 'name'>\r\n\r\nexport type FormSelectProps<TFormValues> = {\r\n    name: Path<TFormValues>\r\n    rules?: RegisterOptions\r\n    register?: UseFormRegister<TFormValues>\r\n    errors?: Partial<DeepMap<TFormValues, FieldError>>\r\n} & Omit<SelectProps3, 'name'>\r\n\r\nexport type FormTextAreaProps<TFormValues> = {\r\n    name: Path<TFormValues>\r\n    rules?: RegisterOptions\r\n    register?: UseFormRegister<TFormValues>\r\n    errors?: Partial<DeepMap<TFormValues, FieldError>>\r\n} & Omit<TextAreaProps, 'name'>\r\n\r\nexport const FormInput = <TFormValues extends Record<string, unknown>>({\r\n    name,\r\n    register,\r\n    rules,\r\n    ...props\r\n}: FormInputProps<TFormValues>): JSX.Element => {\r\n    return (\r\n        <Input\r\n            name={name}\r\n            {...props}\r\n            {...(register && register(name, rules))}\r\n        />\r\n    )\r\n}\r\n\r\nexport const FormSelect = <TFormValues extends Record<string, unknown>>({\r\n    name,\r\n    register,\r\n    rules,\r\n    ...props\r\n}: FormSelectProps<TFormValues>): JSX.Element => {\r\n    return (\r\n        <Select\r\n            name={name}\r\n            {...props}\r\n            {...(register && register(name, rules))}\r\n        />\r\n    )\r\n}\r\n\r\nexport const FormInputNumber = <TFormValues extends Record<string, unknown>>({\r\n    name,\r\n    register,\r\n    rules,\r\n    ...props\r\n}: FormInputProps<TFormValues>): JSX.Element => {\r\n    return (\r\n        <InputNumber\r\n            name={name}\r\n            {...props}\r\n            {...(register && register(name, rules))}\r\n        />\r\n    )\r\n}\r\n\r\nexport const FormTextArea = <TFormValues extends Record<string, unknown>>({\r\n    name,\r\n    register,\r\n    rules,\r\n    ...props\r\n}: FormTextAreaProps<TFormValues>): JSX.Element => {\r\n    return (\r\n        <TextArea\r\n            name={name}\r\n            {...props}\r\n            {...(register && register(name, rules))}\r\n        />\r\n    )\r\n}\r\n","/* eslint-disable react/require-default-props */\r\nimport React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\n\r\ntype Props = {\r\n    icon: JSX.Element\r\n    message?: string\r\n}\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    row: () => {\r\n        return {\r\n            position: 'relative',\r\n            backgroundColor: colors.white,\r\n            color: 'black',\r\n            marginBottom: '1rem',\r\n            borderRadius: '4px',\r\n            width: '700px',\r\n            maxWidth: '100%',\r\n            padding: '3.375rem',\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n        }\r\n    },\r\n    icon: {\r\n        position: 'absolute',\r\n        top: '-31px',\r\n    },\r\n    message: {\r\n        fontSize: '1rem',\r\n        marginTop: '1.5rem',\r\n        maxWidth: '400px',\r\n        textAlign: 'center',\r\n    },\r\n}))\r\n\r\nconst CardWithIconAndMessge: React.FC<Props> = ({\r\n    children,\r\n    icon,\r\n    message,\r\n}) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <div className={classes.row}>\r\n            <div className={classes.icon}>{icon}</div>\r\n            {message ? <div className={classes.message}>{message}</div> : null}\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { CardWithIconAndMessge }\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport moment from 'moment'\r\nimport React, { useEffect, useState } from 'react'\r\nimport DatePicker from 'react-date-picker'\r\nimport 'react-date-picker/dist/DatePicker.css'\r\nimport { createUseStyles } from 'react-jss'\r\nimport Input from './Input'\r\nimport { Calendar as CalendarIcon, Close } from '../../../assets/icons'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { colors } from '../../../theme/palette'\r\n\r\ntype RuleNames =\r\n    | 'datepickerWrapper'\r\n    | 'datepicker'\r\n    | 'button'\r\n    | 'trigger'\r\n    | 'close'\r\n\r\ntype Props = {\r\n    label: string\r\n    selected: Date | undefined | null\r\n    setSelected: (date: Date | undefined | null) => void\r\n    maxDate?: Date\r\n    minDate?: Date\r\n    disableCalendar?: boolean\r\n    hasError?: boolean\r\n}\r\n\r\ninterface StyleProps {\r\n    hasValue?: boolean\r\n    isDatePicker?: boolean\r\n}\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>({\r\n    datepickerWrapper: {\r\n        border: 'none',\r\n        position: 'relative',\r\n        color: colors.black,\r\n        '& label > input': {\r\n            color: ({ hasValue }) => {\r\n                return hasValue ? 'transparent' : 'black'\r\n            },\r\n        },\r\n    },\r\n    datepicker: {\r\n        position: 'absolute',\r\n        zIndex: 3,\r\n        height: '100%',\r\n        width: '100%',\r\n        top: '0',\r\n        right: '0',\r\n        textAlign: 'right',\r\n        border: `none`,\r\n        borderRadius: '6px',\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n            padding: 0,\r\n            margin: 0,\r\n        },\r\n    },\r\n    trigger: {\r\n        position: 'absolute',\r\n        top: '16px',\r\n        right: '10px',\r\n        opacity: '.8',\r\n    },\r\n    close: {\r\n        position: 'absolute',\r\n        top: '18px',\r\n        right: '28px',\r\n    },\r\n})\r\n\r\nconst DatePickerComponent: React.FC<Props> = ({\r\n    label,\r\n    selected,\r\n    setSelected,\r\n    maxDate,\r\n    minDate,\r\n    disableCalendar,\r\n    hasError,\r\n}) => {\r\n    const [birthdate, setBirthdate] = useState(undefined)\r\n    const [showPicker, setShowPicker] = useState(false)\r\n    const [hasValue, setHasValue] = useState(false)\r\n    const classes = useStyles({\r\n        ...{ hasValue },\r\n    })\r\n\r\n    useEffect(() => {\r\n        if (birthdate && birthdate.length !== 0) {\r\n            setHasValue(true)\r\n        } else {\r\n            setHasValue(false)\r\n        }\r\n    }, [birthdate])\r\n\r\n    useEffect(() => {\r\n        if (!selected) {\r\n            setBirthdate(undefined)\r\n        }\r\n    }, [selected])\r\n\r\n    const handleOnChangeDate = (val: any): void => {\r\n        if (typeof val === 'object') {\r\n            const asText = moment(val).format('DD.MM.YYYY')\r\n            setBirthdate(asText)\r\n        }\r\n        setShowPicker(false)\r\n        setSelected(val)\r\n    }\r\n    return (\r\n        <div\r\n            className={classes.datepickerWrapper}\r\n            // style={{ cursor: 'pointer' }}\r\n        >\r\n            <Input\r\n                label={label}\r\n                required={false}\r\n                disabled={showPicker}\r\n                defaultValue={birthdate || ''}\r\n                value={birthdate || ''}\r\n                isDatePicker\r\n            />\r\n            <div\r\n                className={classes.datepicker}\r\n                style={{\r\n                    cursor: 'pointer',\r\n                    // background: hasError ? colors.errorBg : colors.white,\r\n                    border: `1px solid ${\r\n                        hasError ? colors.error : colors.borderColor\r\n                    }`,\r\n                    borderRadius: '5px',\r\n                }}\r\n            >\r\n                <DatePicker\r\n                    disableCalendar={disableCalendar}\r\n                    onChange={handleOnChangeDate}\r\n                    value={selected}\r\n                    maxDate={maxDate}\r\n                    minDate={minDate}\r\n                    calendarIcon={\r\n                        <CalendarIcon width=\"16px\" color={colors.green500} />\r\n                    }\r\n                    format=\"dd.MM.y\"\r\n                    dayPlaceholder=\"dd\"\r\n                    monthPlaceholder=\"mm\"\r\n                    yearPlaceholder=\"åååå\"\r\n                    clearIcon={<Close width=\"16px\" color={colors.green500} />}\r\n                />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { DatePickerComponent }\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\n\r\ninterface Props {\r\n    text: string\r\n    error?: string | undefined\r\n}\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    message: {\r\n        position: 'relative',\r\n\r\n        fontSize: '15px',\r\n        textAlign: 'right',\r\n        paddingTop: '5px',\r\n    },\r\n    text: {\r\n        position: 'relative',\r\n        color: colors.labelColor,\r\n    },\r\n    error: {\r\n        position: 'relative',\r\n        color: colors.error,\r\n    },\r\n}))\r\n\r\nconst FormMessage: React.FC<Props> = ({ text, error }) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <div className={classes.message}>\r\n            {/* {!error ? <span className={classes.text}>{text}</span> : null} */}\r\n            {error ? <span className={classes.error}>{error}</span> : null}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { FormMessage }\r\n","import React, { useEffect, useRef, useState } from 'react'\r\nimport { useForm } from 'react-hook-form'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useAtom } from 'jotai'\r\nimport moment from 'moment'\r\nimport { Department } from '../../../models/Department'\r\nimport { mapMembers } from '../../../models/Member'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { FormInputNumber } from '../../modules/FormElements/FormInput'\r\nimport { searchMembers } from '../../../api/members/members'\r\nimport {\r\n    searchMembersAtom,\r\n    searchPageAtom,\r\n} from '../../../store/filter/filterAtom'\r\n\r\nimport { getInitials } from '../../../utils/initials'\r\nimport { Badge } from '../../ui/Badge/Badge'\r\nimport {\r\n    Card,\r\n    CardCell,\r\n    CardList,\r\n    CardMobile,\r\n    CardHeaderCell,\r\n    CardHeader,\r\n    CardContentMobile,\r\n    CircleText,\r\n    Circle,\r\n} from '../../ui/Card'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { colors } from '../../../theme/palette'\r\nimport { PersonSearch } from '../../../assets/icons'\r\nimport { getDepartments } from '../../../api/departments'\r\nimport { ISelectOptions, Select } from '../../ui/FormElememts/Select'\r\nimport { CardWithIconAndMessge } from '../../ui/Card/CardWithIconAndMessge'\r\nimport { SortButton } from '../../ui/SortButton'\r\nimport useSortMembersList from '../../../hooks/useSortMembersList'\r\nimport { DatePickerComponent } from '../../ui/FormElememts/DatePicker'\r\nimport { Loader } from '../../ui/Loaders/Loader'\r\nimport { FormMessage } from '../../ui/FormElememts/FormMessage'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { HeaderLinks } from '../../modules/Headerlinks'\r\nimport Input from '../../ui/FormElememts/Input'\r\nimport { Spinner } from '../../ui/Loaders/Spinner'\r\n\r\nexport type RegistrationFormFields = {\r\n    fuldeNavn: string\r\n    foedselsesdato: string\r\n    telefon: string\r\n    afdelingsnummer: string\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    container: {\r\n        padding: '0 24px',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                padding: 0,\r\n            },\r\n        },\r\n    },\r\n    headerArea: {\r\n        display: 'flex',\r\n        padding: '.5rem 0',\r\n        minHeight: '80px',\r\n    },\r\n    topArea: {\r\n        borderBottom: `1px solid ${colors.gray700}`,\r\n        // TODO: remove this when this area has been developed.\r\n        minHeight: '60px',\r\n    },\r\n    headerActions: {\r\n        marginLeft: 'auto',\r\n        flexShrink: 0,\r\n    },\r\n    members: {\r\n        paddingTop: '20px',\r\n    },\r\n    form: {\r\n        display: 'grid',\r\n        gap: '10px',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                gridTemplateColumns: '1fr 180px 140px 1fr 140px',\r\n            },\r\n        },\r\n    },\r\n    linkButton: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        padding: '0',\r\n        margin: '0',\r\n        borderRadius: '6px',\r\n        boxSizing: 'border-box',\r\n        textDecoration: 'none',\r\n        fontWeight: 400,\r\n        textAlign: 'center',\r\n        transition: 'all 0.2s',\r\n        boxShadow: 0,\r\n        background: 'none',\r\n        '&:hover': {\r\n            cursor: 'pointer',\r\n        },\r\n        '-webkit-appearance': 'none',\r\n        '-moz-appearance': 'none',\r\n        border: 0,\r\n        color: colors.green500,\r\n        fontSize: '.875rem',\r\n        textDecorationLine: 'underline',\r\n    },\r\n    subArea: {\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        padding: '1rem 160px 1rem 1rem',\r\n        borderBottom: `1px solid ${colors.borderColor}`,\r\n    },\r\n    circleIcon: {\r\n        width: '62px',\r\n        height: '62px',\r\n        borderRadius: '50%',\r\n        border: `2px solid ${colors.white}`,\r\n        backgroundColor: colors.white,\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        marginRight: '1rem',\r\n    },\r\n    content: {\r\n        paddingTop: '1.875rem',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n    },\r\n    messageWrapper: {\r\n        marginTop: '2.25rem',\r\n    },\r\n    selectContainer: {\r\n        position: 'relative',\r\n    },\r\n    selectTrigger: {\r\n        position: 'relative',\r\n        minHeight: '48px',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '.75rem',\r\n        cursor: 'pointer',\r\n        color: colors.labelColor,\r\n    },\r\n    selectContent: {\r\n        overflow: 'hidden',\r\n        backgroundColor: 'white',\r\n        borderRadius: '6px',\r\n        boxShadow:\r\n            // eslint-disable-next-line max-len\r\n            '0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2)',\r\n    },\r\n    select: {\r\n        position: 'relative',\r\n        height: '48px',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '.75rem',\r\n        cursor: 'pointer',\r\n        color: colors.labelColor,\r\n    },\r\n    numberOfMembers: {\r\n        display: 'flex',\r\n        padding: '30px 0 90px',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n    },\r\n    headerAreaTop: {\r\n        display: 'flex',\r\n        padding: '1rem 0 .5rem',\r\n        borderBottom: `1px solid ${colors.borderColor}`,\r\n        marginBottom: '1rem',\r\n    },\r\n})\r\n\r\ninterface IQuery {\r\n    [key: string]: string\r\n}\r\n\r\nconst gridTemplateColumns = '12% 22% 22% 22% 22%'\r\n\r\ninterface IError {\r\n    hasError: boolean\r\n    message: string\r\n}\r\n\r\nconst AllMembers: React.FC = () => {\r\n    const [departmentNumber, _setDepartmentNumber] = useState(undefined)\r\n    const { register, reset, handleSubmit, setValue, formState, getValues } =\r\n        useForm<RegistrationFormFields>()\r\n    const classes = useStyles()\r\n    const [options, setOptions] = useState<ISelectOptions[]>([])\r\n    const [error, setError] = useState<IError | undefined>(undefined)\r\n    const [selectedDate, _setSelectedDate] = useState(undefined)\r\n    const [loading, setLoading] = useState(false)\r\n    const [, setResult] = useAtom(searchMembersAtom)\r\n    const [members] = useAtom(searchPageAtom)\r\n\r\n    const { setSort, sortState } = useSortMembersList()\r\n\r\n    const [isValid, setIsValid] = useState(false)\r\n\r\n    const inputReference = useRef(null)\r\n\r\n    const { isDirty } = formState\r\n\r\n    useEffect(() => {\r\n        setSort('name')\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        let valid = false\r\n\r\n        if (selectedDate) {\r\n            valid = true\r\n        }\r\n\r\n        if (isDirty) {\r\n            valid = true\r\n        }\r\n\r\n        if (departmentNumber) {\r\n            valid = true\r\n        }\r\n\r\n        setIsValid(valid)\r\n    }, [isDirty, selectedDate, departmentNumber])\r\n\r\n    useEffect(() => {\r\n        const getDeps = async (): Promise<boolean> => {\r\n            const depResponse = await getDepartments()\r\n            const opt: ISelectOptions[] = depResponse.map(\r\n                (department: Department) => {\r\n                    return { label: department.name, value: department.id }\r\n                }\r\n            )\r\n\r\n            reset({\r\n                fuldeNavn: '',\r\n                foedselsesdato: '',\r\n                telefon: '',\r\n                afdelingsnummer: '',\r\n            })\r\n            setOptions(opt)\r\n\r\n            return true\r\n        }\r\n\r\n        getDeps()\r\n    }, [register])\r\n\r\n    const searchMembersApi = async (queryString: string): Promise<void> => {\r\n        const start = performance.now()\r\n\r\n        const response = await searchMembers(queryString)\r\n\r\n        if (response && response.data) {\r\n            const result = mapMembers(response.data.Medlemmer)\r\n\r\n            if (!result.length) {\r\n                setError({\r\n                    hasError: true,\r\n                    message: 'Ingen resultater fundet',\r\n                })\r\n                setResult([])\r\n                // setMembers([])\r\n            } else {\r\n                setResult(result)\r\n                // setMembers(result)\r\n                setError(undefined)\r\n            }\r\n        }\r\n\r\n        const duration = performance.now() - start\r\n        let timeout = 0\r\n\r\n        if (duration < 500) {\r\n            timeout = 500 - duration\r\n        }\r\n\r\n        setTimeout(() => {\r\n            setLoading(false)\r\n            if (inputReference && inputReference.current) {\r\n                inputReference.current.focus()\r\n            }\r\n        }, timeout)\r\n    }\r\n\r\n    const onSubmit = (data: RegistrationFormFields): void => {\r\n        setLoading(true)\r\n\r\n        const values = { ...data }\r\n\r\n        if (!data.afdelingsnummer) {\r\n            delete values.afdelingsnummer\r\n        }\r\n\r\n        const query: IQuery = {}\r\n        Object.keys(values).forEach((value) => {\r\n            if (value && value !== '') {\r\n                query[`request.${value}`] = data[value]\r\n            }\r\n        })\r\n        const queryString = Object.keys(query)\r\n            .map((key) => `${key}=${query[key]}`)\r\n            .join('&')\r\n\r\n        searchMembersApi(queryString)\r\n    }\r\n\r\n    const setSelectedDate = (date: Date | undefined | null): void => {\r\n        _setSelectedDate(date)\r\n        if (date) {\r\n            setValue('foedselsesdato', date.toDateString())\r\n        } else {\r\n            setValue('foedselsesdato', '')\r\n        }\r\n    }\r\n\r\n    const setDepartmentNumber = (value: string | undefined): void => {\r\n        setValue('afdelingsnummer', value)\r\n        _setDepartmentNumber(value)\r\n    }\r\n\r\n    const max = new Date()\r\n\r\n    const { errors } = formState\r\n\r\n    const validateMobile = (number: string | undefined | null): boolean => {\r\n        if (!number || number.trim() === '') {\r\n            return true\r\n        }\r\n\r\n        if (number.length > 7) {\r\n            return true\r\n        }\r\n\r\n        return false\r\n    }\r\n\r\n    const validateName = (name: string | undefined | null): boolean => {\r\n        if (!name || name.trim() === '') {\r\n            return true\r\n        }\r\n\r\n        if (name.length > 43) {\r\n            return true\r\n        }\r\n\r\n        return false\r\n    }\r\n\r\n    return (\r\n        <div className={`${classes.container} page-up`}>\r\n            <div className={`${classes.headerAreaTop} desktop-only`}>\r\n                <div className={classes.headerActions}>\r\n                    <HeaderLinks showGotoMembrsearchModal={false} />\r\n                </div>\r\n            </div>\r\n            <div className={`${classes.headerArea}`}>\r\n                <div className=\"desktop-only\">\r\n                    <Typography tag=\"h1\" size=\"XXXXL\">\r\n                        {L_HTML('ALLEMEDLEMMER_TITEL')}\r\n                    </Typography>\r\n                </div>\r\n                <div className=\"mobile-only\">\r\n                    <Typography tag=\"h1\" size=\"XL\" align=\"center\">\r\n                        {L_HTML('ALLEMEDLEMMER_TITEL')}\r\n                    </Typography>\r\n                </div>\r\n            </div>\r\n            <div\r\n                className={`${classes.headerArea} desktop-only`}\r\n                style={{ marginBottom: '1rem' }}\r\n            >\r\n                <div>\r\n                    <div className={classes.circleIcon}>\r\n                        <PersonSearch color={colors.green500} width=\"32px\" />\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <Typography\r\n                        tag=\"h2\"\r\n                        size=\"M\"\r\n                        color={colors.black}\r\n                        style={{ marginBottom: '1rem' }}\r\n                    >\r\n                        {L_HTML('ALLEMEDLEMMER_BESKRIVELSE_TITEL')}\r\n                    </Typography>\r\n                    <Typography tag=\"p\" size=\"S\" color={colors.gray900}>\r\n                        {L_HTML('ALLEMEDLEMMER_BESKRIVELSE_TEXT')}\r\n                    </Typography>\r\n                </div>\r\n            </div>\r\n            <form onSubmit={handleSubmit(onSubmit)} className={classes.form}>\r\n                <div>\r\n                    <Input\r\n                        label=\"Navn\"\r\n                        name=\"fuldeNavn\"\r\n                        required={false}\r\n                        maxLength={43}\r\n                        autoFocus\r\n                        ref={inputReference}\r\n                        {...register('fuldeNavn')}\r\n                    />\r\n                </div>\r\n\r\n                <DatePickerComponent\r\n                    label={L('GENERISK_FORM_FØDSELDAG_LABEL')}\r\n                    selected={selectedDate}\r\n                    setSelected={setSelectedDate}\r\n                    maxDate={moment().subtract(1, 'days').toDate()}\r\n                    disableCalendar\r\n                />\r\n                <div>\r\n                    <FormInputNumber\r\n                        label={L('ALLEMEDLEMMER_FORM_MOBIL_LABEL')}\r\n                        name=\"telefon\"\r\n                        required={false}\r\n                        register={register}\r\n                        type=\"number\"\r\n                        maxLength={24}\r\n                        minLength={8}\r\n                        rules={{\r\n                            validate: (value) =>\r\n                                validateMobile(value) || 'Min. 8 tegn',\r\n                        }}\r\n                    />\r\n                    <FormMessage text=\"\" error={errors?.telefon?.message} />\r\n                </div>\r\n\r\n                {options ? (\r\n                    <div className={classes.selectContainer}>\r\n                        <Select\r\n                            placeholder={L('GENERISK_FORM_FOAAFDELING_LABEL')}\r\n                            value={departmentNumber}\r\n                            defaultValue={departmentNumber}\r\n                            useControlled\r\n                            {...register('afdelingsnummer')}\r\n                            onChange={(e) =>\r\n                                setDepartmentNumber(e.target.value)\r\n                            }\r\n                            options={options}\r\n                        />\r\n                    </div>\r\n                ) : null}\r\n\r\n                <Button\r\n                    style={{ height: '46px' }}\r\n                    buttonType=\"submit\"\r\n                    type=\"primary\"\r\n                    size=\"large\"\r\n                    disabled={!isValid}\r\n                >\r\n                    {L('ALLEMEDLEMMER_FORM_SØG_KNAP')}\r\n                </Button>\r\n            </form>\r\n            <div className={classes.subArea}>\r\n                <button\r\n                    type=\"button\"\r\n                    className={classes.linkButton}\r\n                    onClick={() => {\r\n                        setResult([])\r\n                        reset({\r\n                            fuldeNavn: '',\r\n                            foedselsesdato: '',\r\n                            telefon: '',\r\n                            afdelingsnummer: '',\r\n                        })\r\n                        setSelectedDate(undefined)\r\n                        setDepartmentNumber('')\r\n                        setError(undefined)\r\n                    }}\r\n                >\r\n                    {L('ALLEMEDLEMMER_FILTER_NULSTIL_LABEL')}\r\n                </button>\r\n            </div>\r\n            {error && error.hasError && !loading ? (\r\n                <div className={`${classes.content} page-up`}>\r\n                    <div className={classes.messageWrapper}>\r\n                        <CardWithIconAndMessge\r\n                            icon={\r\n                                <div className={classes.circleIcon}>\r\n                                    <PersonSearch\r\n                                        color={colors.green500}\r\n                                        width=\"32px\"\r\n                                    />\r\n                                </div>\r\n                            }\r\n                            message={error.message}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            ) : null}\r\n            {!members.length && !error && !loading ? (\r\n                <div className={`${classes.content} page-up`}>\r\n                    <Typography align=\"center\" size=\"S\">\r\n                        {L('ALLEMEDLEMMER_HJÆLPETEKST_01')}\r\n                    </Typography>\r\n                </div>\r\n            ) : null}\r\n            <div className={classes.members}>\r\n                {loading ? <Spinner /> : null}\r\n                {!loading && members && members.length ? (\r\n                    <div className=\"page-up\">\r\n                        <CardList>\r\n                            <CardHeader\r\n                                gridTemplateColumns={gridTemplateColumns}\r\n                            >\r\n                                <CardHeaderCell />\r\n                                <CardHeaderCell>\r\n                                    <SortButton\r\n                                        onClick={() => setSort('name')}\r\n                                        sort={sortState}\r\n                                        name=\"name\"\r\n                                    >\r\n                                        {L(\r\n                                            'MINEMEDLEMMER_TABEL_KOLONNETITEL_NAVN'\r\n                                        )}\r\n                                    </SortButton>\r\n                                </CardHeaderCell>\r\n                                <CardHeaderCell>\r\n                                    <Typography size=\"XS\" weight=\"bold\">\r\n                                        <SortButton\r\n                                            onClick={() =>\r\n                                                setSort('arbejdssted')\r\n                                            }\r\n                                            sort={sortState}\r\n                                            name=\"arbejdssted\"\r\n                                        >\r\n                                            {L(\r\n                                                'MINEMEDLEMMER_TABEL_KOLONNETITEL_ARBEJDSSTED'\r\n                                            )}\r\n                                        </SortButton>\r\n                                    </Typography>\r\n                                </CardHeaderCell>\r\n                                <CardHeaderCell>\r\n                                    <SortButton\r\n                                        onClick={() => setSort('department')}\r\n                                        sort={sortState}\r\n                                        name=\"department\"\r\n                                    >\r\n                                        {L('GENERISK_FORM_FOAAFDELING_LABEL')}\r\n                                    </SortButton>\r\n                                </CardHeaderCell>\r\n                                <CardHeaderCell>\r\n                                    <SortButton\r\n                                        onClick={() => setSort('isOwnMember')}\r\n                                        sort={sortState}\r\n                                        name=\"isOwnMember\"\r\n                                    >\r\n                                        Status\r\n                                    </SortButton>\r\n                                </CardHeaderCell>\r\n                            </CardHeader>\r\n                            {members.map((member) => (\r\n                                <>\r\n                                    <CardMobile\r\n                                        url={\r\n                                            !member.isOwnMember\r\n                                                ? `/alle-foas-medlemmer/${member.memberId}`\r\n                                                : undefined\r\n                                        }\r\n                                    >\r\n                                        <CardCell>\r\n                                            <Circle>\r\n                                                <CircleText>\r\n                                                    {getInitials(\r\n                                                        member.fullName\r\n                                                    )}\r\n                                                </CircleText>\r\n                                            </Circle>\r\n                                        </CardCell>\r\n                                        <CardContentMobile>\r\n                                            <CardCell>\r\n                                                <Typography\r\n                                                    tag=\"h3\"\r\n                                                    size=\"M\"\r\n                                                    spacing=\".2rem\"\r\n                                                    color=\"rgba(0, 0, 0, 0.9)\"\r\n                                                >\r\n                                                    {member.fullName}\r\n                                                </Typography>\r\n                                                <Typography\r\n                                                    size=\"XS\"\r\n                                                    spacing=\".2rem\"\r\n                                                    color=\"rgba(0, 0, 0, 0.6)\"\r\n                                                >\r\n                                                    {\r\n                                                        member?.primaryWorkPlace\r\n                                                            ?.name\r\n                                                    }\r\n                                                </Typography>\r\n                                                <Typography\r\n                                                    size=\"XXS\"\r\n                                                    spacing=\".2rem\"\r\n                                                    color=\"rgba(0, 0, 0, 0.4)\"\r\n                                                >\r\n                                                    {\r\n                                                        member?.primaryWorkPlace\r\n                                                            ?.name\r\n                                                    }\r\n                                                </Typography>\r\n                                            </CardCell>\r\n                                        </CardContentMobile>\r\n                                    </CardMobile>\r\n                                    <Card\r\n                                        url={\r\n                                            !member.isOwnMember\r\n                                                ? `/alle-foas-medlemmer/${member.memberId}`\r\n                                                : undefined\r\n                                        }\r\n                                        key={member.memberId}\r\n                                        gridTemplateColumns={\r\n                                            gridTemplateColumns\r\n                                        }\r\n                                    >\r\n                                        <CardCell>\r\n                                            <Circle>\r\n                                                <CircleText>\r\n                                                    {getInitials(\r\n                                                        member.fullName\r\n                                                    )}\r\n                                                </CircleText>\r\n                                            </Circle>\r\n                                        </CardCell>\r\n                                        <CardCell>\r\n                                            <Typography size=\"XS\">\r\n                                                {member.fullName}\r\n                                            </Typography>\r\n                                        </CardCell>\r\n                                        <CardCell>\r\n                                            <Typography size=\"XS\">\r\n                                                {member?.primaryWorkPlace?.name}\r\n                                            </Typography>\r\n                                        </CardCell>\r\n                                        <CardCell>\r\n                                            {member.department ? (\r\n                                                <Typography size=\"XS\">\r\n                                                    {member.department.name}\r\n                                                </Typography>\r\n                                            ) : null}\r\n                                        </CardCell>\r\n                                        <CardCell>\r\n                                            {member.isOwnMember ? (\r\n                                                <Badge>\r\n                                                    {L(\r\n                                                        'ALLEMEDLEMMER_ALLEREDE-MEDLEM_STATUS_BADGE'\r\n                                                    )}\r\n                                                </Badge>\r\n                                            ) : null}\r\n                                        </CardCell>\r\n                                    </Card>\r\n                                </>\r\n                            ))}\r\n                        </CardList>\r\n                    </div>\r\n                ) : null}\r\n                {members.length ? (\r\n                    <div className={classes.numberOfMembers}>\r\n                        <Typography size=\"XS\">\r\n                            Viser {members.length} medlemmer\r\n                        </Typography>\r\n                    </div>\r\n                ) : null}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { AllMembers }\r\n","import { AxiosResponse } from 'axios'\r\nimport { axiosWithImitator } from '../withAuth'\r\n\r\nconst getAllUpdates = async (\r\n    type?: 'UnderOpdatering' | 'FaerdigBehandlet'\r\n): Promise<AxiosResponse> => {\r\n    let data = {}\r\n\r\n    if (type) {\r\n        data = {\r\n            params: {\r\n                'request.opdateringBatchStatus': type,\r\n            },\r\n        }\r\n    }\r\n\r\n    const response = axiosWithImitator.get(\r\n        `/opdatering/hentegnemedlemmeropdateringerlist`,\r\n        data\r\n    )\r\n    return response\r\n}\r\n\r\nconst getAllWorkplaces = (): Promise<AxiosResponse> => {\r\n    const response = axiosWithImitator.get(\r\n        '/medlem/hentegnemedlemmerprarbejdsstedprtrhverv'\r\n    )\r\n\r\n    return response\r\n}\r\n\r\nconst getUpdateDetails = (batchId: string): Promise<AxiosResponse> => {\r\n    const response = axiosWithImitator.get(\r\n        '/opdatering/hentopdateringbatchdetalje',\r\n        {\r\n            params: {\r\n                'request.opdateringBathcId': batchId,\r\n            },\r\n        }\r\n    )\r\n\r\n    return response\r\n}\r\n\r\nexport { getAllUpdates, getAllWorkplaces, getUpdateDetails }\r\n","// \"BatchId\": \"00000000-0000-0000-0000-000000000000\",\r\n// \"OpdateringType\": \"OpdaterMedlem\",\r\n// \"Medlem\": {\r\n//   \"Medlemsnummer\": 0,\r\n//   \"FoedselsDato\": \"2022-05-19T06:07:58.363Z\",\r\n//   \"Afdeling\": {\r\n//     \"Nummer\": \"string\",\r\n//     \"Navn\": \"string\"\r\n//   },\r\n//   \"ErEgetMedlem\": true,\r\n//   \"Medlemsident\": 0,\r\n//   \"Fornavn\": \"string\",\r\n//   \"Efternavn\": \"string\",\r\n//   \"FuldeNavn\": \"string\"\r\n// },\r\n// \"Bruger\": {\r\n//   \"Medlemsident\": 0,\r\n//   \"Fornavn\": \"string\",\r\n//   \"Efternavn\": \"string\",\r\n//   \"FuldeNavn\": \"string\"\r\n// },\r\n// \"RegTid\": \"2022-05-19T06:07:58.363Z\",\r\n// \"BehandlingTid\": \"2022-05-19T06:07:58.363Z\",\r\n// \"OpdateringBatchStatus\": \"UnderOpdatering\"\r\n\r\nexport type IUpdateBatchData = {\r\n    BatchId: string\r\n    OpdateringType: string\r\n    Medlem: {\r\n        Medlemsnummer: number\r\n        FoedselsDato: string\r\n        Afdeling: {\r\n            Nummer: string\r\n            Navn: string\r\n        }\r\n        ErEgetMedlem: boolean\r\n        Medlemsident: number\r\n        Fornavn: string\r\n        Efternavn: string\r\n        FuldeNavn: string\r\n    }\r\n    Bruger: {\r\n        Medlemsident: 0\r\n        Fornavn: string\r\n        Efternavn: string\r\n        FuldeNavn: string\r\n    }\r\n    RegTid: string\r\n    BehandlingTid: string\r\n    OpdateringBatchStatus: string\r\n}\r\n\r\nexport type MemberOnUpdate = {\r\n    number: number\r\n    birthday: string\r\n    department: {\r\n        number: string\r\n        name: string\r\n    }\r\n    isOwnMember: boolean\r\n    id: number\r\n    firstName: string\r\n    lastName: string\r\n    fullName: string\r\n}\r\n\r\nexport type ProfileOnUpdate = {\r\n    id: number\r\n    firstName: string\r\n    lastName: string\r\n    fullName: string\r\n}\r\n\r\nexport class UpdateBatch {\r\n    batchId = ''\r\n\r\n    type = ''\r\n\r\n    member: MemberOnUpdate\r\n\r\n    profile: ProfileOnUpdate\r\n\r\n    created = ''\r\n\r\n    updated = ''\r\n\r\n    status: string\r\n\r\n    public static build = (data: IUpdateBatchData): UpdateBatch => {\r\n        const update = new UpdateBatch()\r\n\r\n        update.batchId = data.BatchId\r\n        update.type = data.OpdateringType\r\n        update.created = data.RegTid\r\n        update.updated = data.BehandlingTid\r\n        update.member = {\r\n            birthday: data.Medlem.FoedselsDato,\r\n            department: {\r\n                name: data.Medlem.Afdeling?.Navn || '',\r\n                number: data.Medlem.Afdeling?.Nummer || '',\r\n            },\r\n            firstName: data.Medlem.Fornavn,\r\n            lastName: data.Medlem.Efternavn,\r\n            fullName: data.Medlem.FuldeNavn,\r\n            id: data.Medlem.Medlemsident,\r\n            isOwnMember: data.Medlem.ErEgetMedlem,\r\n            number: data.Medlem.Medlemsnummer,\r\n        }\r\n        update.profile = {\r\n            firstName: data.Bruger.Fornavn,\r\n            lastName: data.Bruger.Efternavn,\r\n            fullName: data.Bruger.FuldeNavn,\r\n            id: data.Bruger.Medlemsident,\r\n        }\r\n        update.status = data.OpdateringBatchStatus\r\n\r\n        return update\r\n    }\r\n}\r\n\r\nexport function mapUpdates(data: IUpdateBatchData[]): UpdateBatch[] {\r\n    return data && data.map((update) => UpdateBatch.build(update))\r\n}\r\n","import React, { FC } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { Member } from '../../../models/Member'\r\nimport { Profile } from '../../../models/Profile'\r\nimport { colors } from '../../../theme/palette'\r\nimport { zIndexes } from '../../../theme/zIndex'\r\nimport { formatDate } from '../../../utils/format'\r\nimport { L } from '../../providers/Lokalise'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    control: {\r\n        display: 'grid',\r\n        position: 'absolute',\r\n        alignItems: 'center',\r\n        marginBottom: '20px',\r\n        gridTemplateColumns: '1fr 1fr',\r\n        paddingRight: '57px',\r\n        paddingLeft: '20px',\r\n        borderBottom: `2px solid ${colors.borderColor}`,\r\n        width: 'calc(100% + 40px)',\r\n        paddingBottom: '20px',\r\n        top: '0',\r\n        paddingTop: '20px',\r\n        backgroundColor: colors.white,\r\n        zIndex: zIndexes.drawer,\r\n    },\r\n    contentWrapper: {\r\n        padding: '100px 20px 20px',\r\n        overflow: 'auto',\r\n        height: '100%',\r\n        paddingBottom: '80px',\r\n    },\r\n}))\r\n\r\nexport type DrawerHeaderType = {\r\n    member?: Member\r\n    profile?: Profile\r\n    title?: string\r\n}\r\n\r\nconst DrawerHeader: FC<DrawerHeaderType> = ({ title }) => {\r\n    const classes = useStyles()\r\n    return (\r\n        <div>\r\n            <div className={classes.control}>\r\n                {title ? (\r\n                    <Typography tag=\"p\" size=\"S\" weight=\"bold\">\r\n                        {title}\r\n                    </Typography>\r\n                ) : null}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nconst DrawerContent: FC = ({ children }) => {\r\n    const classes = useStyles()\r\n    return <div className={classes.contentWrapper}>{children}</div>\r\n}\r\n\r\nconst DrawerHeaderMemberInfo: FC<DrawerHeaderType> = ({ member, profile }) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <div>\r\n            <div className={classes.control}>\r\n                <div>\r\n                    <Typography tag=\"h4\" size=\"XXS\" color=\"rgba(0, 0, 0, 0.4)\">\r\n                        {L('GENERISK_RETTELSER_MEDLEM_NAVN_LABEL')}\r\n                    </Typography>\r\n                    {member?.fullName ? (\r\n                        <Typography tag=\"p\" size=\"XS\">\r\n                            {member.fullName}\r\n                        </Typography>\r\n                    ) : (\r\n                        <Typography tag=\"p\" size=\"XS\">\r\n                            {profile?.fullName}\r\n                        </Typography>\r\n                    )}\r\n                </div>\r\n                <div>\r\n                    <Typography tag=\"h4\" size=\"XXS\" color=\" rgba(0, 0, 0, 0.4)\">\r\n                        {L('GENERISK_RETTELSER_MEDLEM_FØDSELSDAG_LABEL')}\r\n                    </Typography>\r\n                    {member || profile ? (\r\n                        <Typography tag=\"p\" size=\"XS\">\r\n                            {formatDate(\r\n                                member\r\n                                    ? member?.birthday\r\n                                    : new Date(profile.personalInfo.birthdate)\r\n                            )}\r\n                        </Typography>\r\n                    ) : (\r\n                        '-'\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nconst DrawerHeaderWorkplaceInfo: FC<DrawerHeaderType> = ({ title }) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <div>\r\n            <div className={classes.control}>\r\n                <div>\r\n                    <Typography tag=\"h4\" size=\"XXS\" color=\"rgba(0, 0, 0, 0.4)\">\r\n                        {L('MINEMEDLEMMER_TABEL_KOLONNETITEL_ARBEJDSSTED')}\r\n                    </Typography>\r\n                    {title && (\r\n                        <Typography tag=\"p\" size=\"XS\">\r\n                            {title}\r\n                        </Typography>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport {\r\n    DrawerHeaderMemberInfo,\r\n    DrawerHeaderWorkplaceInfo,\r\n    DrawerHeader,\r\n    DrawerContent,\r\n}\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    control: {\r\n        position: 'relative',\r\n        marginBottom: '20px',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n    },\r\n}))\r\n\r\nconst FormHeader: React.FC = ({ children }) => {\r\n    const classes = useStyles()\r\n\r\n    return <div className={classes.control}>{children}</div>\r\n}\r\n\r\nexport { FormHeader }\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { Member } from '../../../models/Member'\r\nimport { colors } from '../../../theme/palette'\r\nimport { baseButton, sortPlaceholder } from '../../../theme/reuseables'\r\nimport { L } from '../../providers/Lokalise'\r\nimport { MemberOnUpdate, UpdateBatch } from '../../../models/UpdateBatch'\r\nimport { Overlay } from '../../ui/Sidebar'\r\nimport { formatDate } from '../../../utils/format'\r\nimport { Badge } from '../../ui/Badge/Badge'\r\nimport { Card, CardCell, CardMobile, Circle } from '../../ui/Card'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport {\r\n    DrawerContent,\r\n    DrawerHeaderMemberInfo,\r\n} from '../FormElements/DrawerHeader'\r\nimport { getUpdateDetails } from '../../../api/updates'\r\nimport { EditFill, PersonalInfo } from '../../../assets/icons'\r\nimport { getUpdateStatusLabel, getUpdateTypeLabel } from '../../../utils/utils'\r\nimport { CircleIcon } from '../../ui/Circle/Circle'\r\nimport { FormHeader } from '../../ui/FormElememts/FormHeader'\r\nimport { FormControl } from '../../ui/FormElememts/FormControl'\r\n\r\nexport const getLabel = (fieldName: string): string => {\r\n    let label = fieldName\r\n    switch (fieldName) {\r\n        // OPDATERINGER_DETALJER_ARBEJDSSTED_LABEL\r\n        case 'Arbejdsstednummer':\r\n            label = L('OPDATERINGER_DETALJER_ARBEJDSSTED_LABEL')\r\n            break\r\n        // OPDATERINGER_DETALJER_PRIVAT-MOBIL_LABEL\r\n        case 'PrivatMobil':\r\n            label = L('OPDATERINGER_DETALJER_PRIVAT-MOBIL_LABEL')\r\n            break\r\n        // OPDATERINGER_DETALJER_TIMETAL_LABEL\r\n        case 'Timetal':\r\n            label = L('OPDATERINGER_DETALJER_TIMETAL_LABEL')\r\n            break\r\n        // OPDATERINGER_DETALJER_STILLING_LABEL\r\n        case 'Stillingsnummer':\r\n            label = L('OPDATERINGER_DETALJER_STILLING_LABEL')\r\n            break\r\n        // OPDATERINGER_DETALJER_TRTELEFON_LABEL\r\n        case 'TRTelefon':\r\n            label = L('OPDATERINGER_DETALJER_TRTELEFON_LABEL')\r\n            break\r\n        // OPDATERINGER_DETALJER_TRMAIL_LABEL\r\n        case 'TREmail ':\r\n            label = L('OPDATERINGER_DETALJER_TRMAIL_LABEL')\r\n            break\r\n        // OPDATERINGER_DETALJER_ARBEJDSMAIL_LABEL\r\n        case 'ArbejdsEmail':\r\n            label = L('OPDATERINGER_DETALJER_ARBEJDSMAIL_LABEL')\r\n            break\r\n        // OPDATERINGER_DETALJER_ARBEJDSTELEFON_LABEL\r\n        case 'ArbejdsTelefon':\r\n            label = L('OPDATERINGER_DETALJER_ARBEJDSTELEFON_LABEL')\r\n            break\r\n        // OPDATERINGER_DETALJER_PRIVAT-EMAIL_LABEL\r\n        case 'PrivatEmail':\r\n            label = L('OPDATERINGER_DETALJER_PRIVAT-EMAIL_LABEL')\r\n            break\r\n        // OPDATERINGER_DETALJER_PRIVAT-FASTNET-TELEFON_LABEL\r\n        case 'PrivatFastnetTelefon':\r\n            label = L('OPDATERINGER_DETALJER_PRIVAT-FASTNET-TELEFON_LABEL')\r\n            break\r\n        default:\r\n            break\r\n    }\r\n\r\n    return label\r\n}\r\n\r\ninterface EditProps {\r\n    update: UpdateBatch\r\n    gridTemplateColumns: string\r\n    showUpdatedColumn?: boolean\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    '@keyframes fadeIn': {\r\n        from: {\r\n            opacity: 0,\r\n        },\r\n        to: {\r\n            opacity: 1,\r\n        },\r\n    },\r\n    contentWrapper: {\r\n        padding: '100px 20px 20px',\r\n        overflow: 'auto',\r\n        height: '100%',\r\n        paddingBottom: '80px',\r\n    },\r\n    container: {\r\n        padding: '0 1.5rem',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                padding: '0',\r\n            },\r\n        },\r\n    },\r\n    headerArea: {\r\n        display: 'flex',\r\n        padding: '.5rem 0',\r\n        minHeight: '5rem',\r\n    },\r\n    headerAreaTop: {\r\n        display: 'flex',\r\n        padding: '1rem 0 .5rem',\r\n        borderBottom: `1px solid ${colors.borderColor}`,\r\n        marginBottom: '1rem',\r\n    },\r\n    topArea: {\r\n        borderBottom: `1px solid ${colors.gray700}`,\r\n        // TODO: remove this when this area has been developed.\r\n        minHeight: '60px',\r\n    },\r\n    headerActions: {\r\n        display: 'flex',\r\n        flexGrow: 1,\r\n        marginLeft: 'auto',\r\n        justifyContent: 'flex-end',\r\n        alignItems: 'flex-start',\r\n        flexShrink: 0,\r\n    },\r\n    sendingEmailSettings: {\r\n        display: 'flex',\r\n        padding: '.5rem 1rem',\r\n        minHeight: '5rem',\r\n        width: '100%',\r\n        backgroundColor: colors.green200,\r\n        color: colors.black,\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        '& span': {\r\n            fontWeight: 700,\r\n        },\r\n        animation: '.5s $fadeIn',\r\n    },\r\n    dialogButtonsContainer: {\r\n        display: 'flex',\r\n        width: '100%',\r\n        justifyContent: 'space-around',\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    modalButtons: {\r\n        display: 'flex',\r\n    },\r\n    modalCheckbox: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        right: '20px',\r\n        top: '20px',\r\n    },\r\n    iconWrapper: {\r\n        position: 'relative',\r\n    },\r\n    content: {\r\n        display: '-webkit-box',\r\n        WebkitLineClamp: '2',\r\n        WebkitBoxOrient: 'vertical',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n    },\r\n    deleteButtons: {\r\n        top: '0',\r\n        right: '0',\r\n        display: 'flex',\r\n        zIndex: '1',\r\n        position: 'absolute',\r\n        flexWrap: 'wrap',\r\n        transition: 'all .3s ease-in',\r\n        justifyContent: 'end',\r\n        width: '100%',\r\n        height: '100%',\r\n        alignItems: 'center',\r\n        background: 'rgba(255,255,255, .7)',\r\n    },\r\n    sortPlaceholder: {\r\n        ...sortPlaceholder,\r\n    },\r\n    sidebarArea: {\r\n        marginBottom: '20px',\r\n    },\r\n    circleIcon: {\r\n        width: '62px',\r\n        height: '62px',\r\n        borderRadius: '50%',\r\n        border: `2px solid ${colors.white}`,\r\n        backgroundColor: colors.blue300,\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        marginRight: '1rem',\r\n    },\r\n    oldName: {\r\n        textDecoration: 'line-through',\r\n        display: 'block',\r\n    },\r\n})\r\n\r\nexport type RegistrationFormFields = {\r\n    Titel: string\r\n    Indhold: string\r\n    ReferenceType: string\r\n}\r\n\r\nexport type UpdateDetailsSidebarContentType = {\r\n    memberId: number\r\n    update: UpdateBatch\r\n    isOpen: boolean\r\n    updateDetails: any | undefined\r\n}\r\n\r\nconst UpdateDetailsSidebarContent: FC<UpdateDetailsSidebarContentType> = ({\r\n    memberId,\r\n    update,\r\n    updateDetails,\r\n    isOpen,\r\n}) => {\r\n    const classes = useStyles()\r\n    const [isFetching, setIsFetching] = useState(false)\r\n    // const [updateDetails, setUpdateDetails] = useState<any | undefined>(\r\n    //     undefined\r\n    // )\r\n\r\n    const renderDate = (dateString: string | null): string => {\r\n        if (dateString === null) {\r\n            return 'Ingen dato'\r\n        }\r\n\r\n        const date = new Date(dateString)\r\n        const now = new Date()\r\n        const nowYear = now.getFullYear()\r\n        let isValid = false\r\n\r\n        if (Object.prototype.toString.call(date) === '[object Date]') {\r\n            if (!Number.isNaN(date.getTime())) {\r\n                isValid = true\r\n            }\r\n        }\r\n\r\n        if (\r\n            !isValid ||\r\n            nowYear - date.getFullYear() > 9 ||\r\n            nowYear - date.getFullYear() < -9\r\n        ) {\r\n            return 'Ikke gyldig dato'\r\n        }\r\n\r\n        return formatDate(date)\r\n    }\r\n\r\n    const sortingArr = [\r\n        'Arbejdsstednummer',\r\n        'Stillingsnummer',\r\n        'Timetal',\r\n        'PrivatMobil',\r\n        'PrivatFastnetTelefon',\r\n        'PrivatEmail',\r\n        'ArbejdsTelefon',\r\n        'ArbejdsEmail',\r\n    ]\r\n\r\n    if (\r\n        !updateDetails ||\r\n        (updateDetails &&\r\n            updateDetails.OpdateringFelter &&\r\n            !updateDetails.OpdateringFelter.length)\r\n    )\r\n        return null\r\n\r\n    return (\r\n        <div style={{ margin: '40px 0 40px' }}>\r\n            <FormHeader>\r\n                <Typography\r\n                    tag=\"h3\"\r\n                    size=\"M\"\r\n                    spacing=\".2rem\"\r\n                    weight=\"bold\"\r\n                    color={colors.green500}\r\n                >\r\n                    {L('MINEOPDATERINGER_DETALJER_TITEL')}\r\n                </Typography>\r\n            </FormHeader>\r\n            <Typography\r\n                tag=\"hr\"\r\n                style={{\r\n                    width: '100%',\r\n                    border: 'none',\r\n                    borderTop: '2px dashed rgba(0,0,0,0.2)',\r\n                }}\r\n            />\r\n            {updateDetails ? (\r\n                <>\r\n                    {updateDetails.OpdateringFelter.sort(\r\n                        (a, b) =>\r\n                            sortingArr.indexOf(a.OpdateringFeltType) -\r\n                            sortingArr.indexOf(b.OpdateringFeltType)\r\n                    ).map((field) => {\r\n                        if (\r\n                            update.type === 'OpdaterMedlem' &&\r\n                            field.OpdateringFeltType === 'Arbejdsstednummer'\r\n                        ) {\r\n                            return null\r\n                        }\r\n                        return (\r\n                            <FormControl>\r\n                                <Typography\r\n                                    tag=\"p\"\r\n                                    size=\"S\"\r\n                                    weight=\"bold\"\r\n                                    style={{ marginBottom: '5px' }}\r\n                                >\r\n                                    {getLabel(field.OpdateringFeltType)}\r\n                                </Typography>\r\n                                <Typography tag=\"p\" size=\"S\">\r\n                                    <span\r\n                                        className={\r\n                                            update.type === 'MedlemOphoert' &&\r\n                                            classes.oldName\r\n                                        }\r\n                                    >\r\n                                        {field.NyVaerdiNavn || ' '}\r\n                                    </span>\r\n                                    {update.type === 'OpdaterMedlem' ? (\r\n                                        <span className={classes.oldName}>\r\n                                            {field.GlVaerdiNavn || ' '}\r\n                                        </span>\r\n                                    ) : null}\r\n                                </Typography>\r\n                            </FormControl>\r\n                        )\r\n                    })}\r\n                    <FormControl>\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"S\"\r\n                            weight=\"bold\"\r\n                            style={{ marginBottom: '5px' }}\r\n                        >\r\n                            {L('MINEOPDATERINGER_DETALJER_ÆNDRES-PR_LABEL')}\r\n                        </Typography>\r\n                        <Typography tag=\"p\" size=\"S\">\r\n                            {renderDate(\r\n                                updateDetails.OpdateringType !== 'MedlemOphoert'\r\n                                    ? updateDetails.FraDato\r\n                                    : updateDetails.OphoertDato\r\n                            )}\r\n                        </Typography>\r\n                    </FormControl>\r\n                    {updateDetails.OevrigeOplysninger ? (\r\n                        <FormControl>\r\n                            <Typography\r\n                                tag=\"p\"\r\n                                size=\"S\"\r\n                                weight=\"bold\"\r\n                                style={{ marginBottom: '5px' }}\r\n                            >\r\n                                {L(\r\n                                    'MINEOPDATERINGER_DETALJER_ØVRIGE_OPL_LABEL'\r\n                                )}\r\n                            </Typography>\r\n                            <Typography tag=\"p\" size=\"S\">\r\n                                {updateDetails.OevrigeOplysninger}\r\n                            </Typography>\r\n                        </FormControl>\r\n                    ) : null}\r\n                </>\r\n            ) : null}\r\n        </div>\r\n    )\r\n}\r\n\r\ntype overlayProps = {\r\n    update: UpdateBatch\r\n    onHide?: (boolean: boolean) => void\r\n    isOpen?: boolean\r\n}\r\n\r\nconst castAsMember = (memberOnUpdate: MemberOnUpdate): Member => {\r\n    const m = new Member()\r\n\r\n    m.birthday = new Date(memberOnUpdate.birthday)\r\n    m.memberId = memberOnUpdate.id\r\n    m.fullName = memberOnUpdate.fullName\r\n\r\n    return m\r\n}\r\n\r\nconst DetailsOverlay = ({ update, onHide, isOpen }: overlayProps): any => {\r\n    const [isFetching, setIsFetching] = useState(false)\r\n    const [updateDetails, setUpdateDetails] = useState<any | undefined>(\r\n        undefined\r\n    )\r\n\r\n    const workplace = updateDetails?.OpdateringFelter?.find(\r\n        (place) => place.OpdateringFeltType === 'Arbejdsstednummer'\r\n    )?.NyVaerdiNavn\r\n\r\n    useEffect(() => {\r\n        const fetch = async (): Promise<void> => {\r\n            setIsFetching(true)\r\n            try {\r\n                const response2 = await getUpdateDetails(update.batchId)\r\n                setUpdateDetails(response2.data)\r\n                setIsFetching(false)\r\n            } catch {\r\n                setIsFetching(false)\r\n            }\r\n\r\n            setIsFetching(false)\r\n        }\r\n\r\n        if (!isFetching && !updateDetails && isOpen) {\r\n            fetch()\r\n        }\r\n    }, [isFetching, update.batchId, updateDetails, isOpen])\r\n\r\n    return (\r\n        <Overlay\r\n            isShowing={isOpen}\r\n            hide={() => {\r\n                if (onHide) {\r\n                    onHide(false)\r\n                }\r\n            }}\r\n        >\r\n            <div>\r\n                <DrawerHeaderMemberInfo member={castAsMember(update.member)} />\r\n            </div>\r\n            <DrawerContent>\r\n                <Typography\r\n                    tag=\"h2\"\r\n                    size=\"XL\"\r\n                    align=\"center\"\r\n                    weight=\"bold\"\r\n                    style={{ margin: '20px 0 10px' }}\r\n                >\r\n                    {getUpdateTypeLabel(update.type)}\r\n                </Typography>\r\n                {update.type === 'OpdaterOgTilfoejEksisterendeMedlem' && (\r\n                    <Typography tag=\"h3\" size=\"M\" align=\"center\">\r\n                        <Typography tag=\"h3\" size=\"M\" align=\"center\">\r\n                            {update.member.fullName}\r\n                        </Typography>\r\n                    </Typography>\r\n                )}\r\n                {update.type === 'OpdaterMedlem' && (\r\n                    <Typography tag=\"h3\" size=\"M\" align=\"center\">\r\n                        {`${update.member.fullName || ' '}, ${\r\n                            workplace !== undefined ? workplace : ' '\r\n                        }`}\r\n                    </Typography>\r\n                )}\r\n                {update.type === 'MedlemOphoert' && (\r\n                    <Typography tag=\"h3\" size=\"M\" align=\"center\">\r\n                        {update.member.fullName || ' '}\r\n                    </Typography>\r\n                )}\r\n                <UpdateDetailsSidebarContent\r\n                    update={update}\r\n                    memberId={update.member.id}\r\n                    isOpen={isOpen}\r\n                    updateDetails={updateDetails}\r\n                />\r\n                <div style={{ marginTop: '40px' }}>\r\n                    <FormHeader>\r\n                        <Typography\r\n                            tag=\"h3\"\r\n                            size=\"M\"\r\n                            spacing=\".2rem\"\r\n                            weight=\"bold\"\r\n                            color={colors.green500}\r\n                        >\r\n                            {L('MINEOPDATERINGER_DETALJER_INFO_LABEL')}\r\n                        </Typography>\r\n                    </FormHeader>\r\n                    <Typography\r\n                        tag=\"hr\"\r\n                        style={{\r\n                            border: 'none',\r\n                            width: '100%',\r\n                            borderTop: '2px dashed rgba(0,0,0,0.2)',\r\n                        }}\r\n                    />\r\n                    <FormControl>\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"S\"\r\n                            weight=\"bold\"\r\n                            style={{ marginBottom: '5px' }}\r\n                        >\r\n                            {L('MINEOPDATERINGER_DETALJER_INDSENDT-AF')}\r\n                        </Typography>\r\n                        <Typography tag=\"p\" size=\"S\">\r\n                            {update.profile.fullName}\r\n                        </Typography>\r\n                    </FormControl>\r\n                    {/* <FormControl>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        weight=\"bold\"\r\n                        style={{ marginBottom: '5px' }}\r\n                    >\r\n                        Fødseldag\r\n                    </Typography>\r\n                    <Typography tag=\"p\" size=\"S\">\r\n                        {formatDate(new Date(update.member.birthday))}\r\n                    </Typography>\r\n                </FormControl> */}\r\n\r\n                    <FormControl>\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"S\"\r\n                            weight=\"bold\"\r\n                            style={{ marginBottom: '5px' }}\r\n                        >\r\n                            {L('MINEOPDATERINGER_DETALJER_INDSENDT-DATO')}\r\n                        </Typography>\r\n                        <Typography tag=\"p\" size=\"S\">\r\n                            {formatDate(new Date(update.created))}\r\n                        </Typography>\r\n                    </FormControl>\r\n                    {/* <FormControl>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        weight=\"bold\"\r\n                        style={{ marginBottom: '5px' }}\r\n                    >\r\n                        {L('MINEOPDATERINGER_DETALJER_MEDLEM')}\r\n                    </Typography>\r\n                    <Typography tag=\"p\" size=\"S\">\r\n                        {update.member.fullName}\r\n                    </Typography>\r\n                </FormControl> */}\r\n\r\n                    <FormControl>\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"S\"\r\n                            weight=\"bold\"\r\n                            style={{ marginBottom: '5px' }}\r\n                        >\r\n                            {L('MINEOPDATERINGER_DETALJER_INDSENDT-TIL_LABEL')}\r\n                        </Typography>\r\n                        <Typography tag=\"p\" size=\"S\">\r\n                            {update.member.department.name}\r\n                        </Typography>\r\n                    </FormControl>\r\n\r\n                    <FormControl>\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"S\"\r\n                            weight=\"bold\"\r\n                            style={{ marginBottom: '5px' }}\r\n                        >\r\n                            {L('MINEOPDATERINGER_DETALJER_STATUS')}\r\n                        </Typography>\r\n                        <Typography tag=\"p\" size=\"S\">\r\n                            {getUpdateStatusLabel(update.status)}\r\n                        </Typography>\r\n                    </FormControl>\r\n                    {update.status === 'FaerdigBehandlet' ? (\r\n                        <FormControl>\r\n                            <Typography\r\n                                tag=\"p\"\r\n                                size=\"S\"\r\n                                weight=\"bold\"\r\n                                style={{ marginBottom: '5px' }}\r\n                            >\r\n                                Opdateret\r\n                            </Typography>\r\n                            <Typography tag=\"p\" size=\"S\">\r\n                                {formatDate(new Date(update.updated))}\r\n                            </Typography>\r\n                        </FormControl>\r\n                    ) : null}\r\n                </div>\r\n            </DrawerContent>\r\n        </Overlay>\r\n    )\r\n}\r\n\r\nexport const UpdateDetails: FC<EditProps> = ({\r\n    update,\r\n    gridTemplateColumns,\r\n    showUpdatedColumn,\r\n}) => {\r\n    const classes = useStyles()\r\n    const [isOpen, setIsOpen] = useState(false)\r\n\r\n    if (update.type === 'OpdaterTR_FTR') {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <CardMobile\r\n                gridTemplateColumns=\"auto\"\r\n                onClick={() => setIsOpen(!isOpen)}\r\n                key={update.batchId + new Date().toDateString()}\r\n            >\r\n                <CardCell>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        weight=\"bold\"\r\n                        style={{ marginBottom: '5px' }}\r\n                    >\r\n                        {L('MINEOPDATERINGER_INDSENDT_KOLONNE_OVERSKRIFT')}\r\n                    </Typography>\r\n                    <Typography size=\"XS\">\r\n                        {formatDate(new Date(update.created))}\r\n                    </Typography>\r\n                </CardCell>\r\n                <CardCell>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        weight=\"bold\"\r\n                        style={{ marginBottom: '5px' }}\r\n                    >\r\n                        {L('MINEOPDATERINGER_MEDLEM_KOLONNE_OVERSKRIFT')}\r\n                    </Typography>\r\n                    <Typography size=\"XS\">{update.member.fullName}</Typography>\r\n                </CardCell>\r\n                <CardCell>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        weight=\"bold\"\r\n                        style={{ marginBottom: '5px' }}\r\n                    >\r\n                        {L('MINEOPDATERINGER_MEDLEM_KOLONNE_OVERSKRIFT')}\r\n                    </Typography>\r\n                    <Typography size=\"XS\">\r\n                        <span className={classes.content}>\r\n                            {getUpdateTypeLabel(update.type)}\r\n                        </span>\r\n                    </Typography>\r\n                </CardCell>\r\n                <CardCell overflowHidden>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        weight=\"bold\"\r\n                        style={{ marginBottom: '5px' }}\r\n                    >\r\n                        {L('MINEOPDATERINGER_INDSENDT-AF_KOLONNE_OVERSKRIFT')}\r\n                    </Typography>\r\n                    <Typography size=\"XS\">\r\n                        <span className={classes.content}>\r\n                            {update.profile.fullName}\r\n                        </span>\r\n                    </Typography>\r\n                </CardCell>\r\n                {showUpdatedColumn ? (\r\n                    <CardCell>\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"S\"\r\n                            weight=\"bold\"\r\n                            style={{ marginBottom: '5px' }}\r\n                        >\r\n                            {L('MINEOPDATERINGER_OPDATERET_KOLONNE_OVERSKRIFT')}\r\n                        </Typography>\r\n                        <Typography size=\"XS\">\r\n                            {formatDate(new Date(update.updated))}\r\n                        </Typography>\r\n                    </CardCell>\r\n                ) : null}\r\n                <CardCell>\r\n                    <Badge>\r\n                        <Typography size=\"XS\">\r\n                            {getUpdateStatusLabel(update.status)}\r\n                        </Typography>\r\n                    </Badge>\r\n                </CardCell>\r\n            </CardMobile>\r\n            <Card\r\n                useHover\r\n                key={update.batchId}\r\n                gridTemplateColumns={gridTemplateColumns}\r\n                onClick={() => {\r\n                    setIsOpen(!isOpen)\r\n                }}\r\n            >\r\n                <CardCell>\r\n                    <Typography size=\"XS\">\r\n                        {formatDate(new Date(update.created))}\r\n                    </Typography>\r\n                </CardCell>\r\n                <CardCell>\r\n                    <Typography size=\"XS\">{update.member.fullName}</Typography>\r\n                </CardCell>\r\n                <CardCell>\r\n                    <Typography size=\"XS\">\r\n                        <span className={classes.content}>\r\n                            {getUpdateTypeLabel(update.type)}\r\n                        </span>\r\n                    </Typography>\r\n                </CardCell>\r\n                <CardCell overflowHidden>\r\n                    <Typography size=\"XS\">\r\n                        <span className={classes.content}>\r\n                            {update.profile.fullName}\r\n                        </span>\r\n                    </Typography>\r\n                </CardCell>\r\n                {showUpdatedColumn ? (\r\n                    <CardCell>\r\n                        <Typography size=\"XS\">\r\n                            {formatDate(new Date(update.updated))}\r\n                        </Typography>\r\n                    </CardCell>\r\n                ) : null}\r\n                <CardCell>\r\n                    <Badge>\r\n                        <Typography size=\"XS\">\r\n                            {getUpdateStatusLabel(update.status)}\r\n                        </Typography>\r\n                    </Badge>\r\n                </CardCell>\r\n            </Card>\r\n            <DetailsOverlay\r\n                update={update}\r\n                onHide={(boolean: boolean) => setIsOpen(boolean)}\r\n                isOpen={isOpen}\r\n            />\r\n        </>\r\n    )\r\n}\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useAtom } from 'jotai'\r\nimport { Archive, Note as NoteIcon } from '../../../assets/icons'\r\nimport useSortMembersList from '../../../hooks/useSortMembersList'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { colors } from '../../../theme/palette'\r\nimport { baseButton, sortPlaceholder } from '../../../theme/reuseables'\r\nimport { CardHeader, CardHeaderCell, CardList } from '../../ui/Card'\r\nimport { SortButton } from '../../ui/SortButton'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport {\r\n    allUpdatesDone,\r\n    allUpdatesInProgress,\r\n    updatePageDoneAtom,\r\n    updatePageInProgressAtom,\r\n    allUpdates,\r\n    updatePageAtom,\r\n} from '../../../store/filter/filterAtom'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { getAllUpdates } from '../../../api/updates'\r\nimport { mapUpdates } from '../../../models/UpdateBatch'\r\nimport { Loader } from '../../ui/Loaders/Loader'\r\nimport { UpdateDetails } from '../../modules/Updates/UpdateDetails'\r\nimport { HeaderLinks } from '../../modules/Headerlinks'\r\nimport { Spinner } from '../../ui/Loaders/Spinner'\r\n\r\nconst useStyles = createUseStyles({\r\n    '@keyframes fadeIn': {\r\n        from: {\r\n            opacity: 0,\r\n        },\r\n        to: {\r\n            opacity: 1,\r\n        },\r\n    },\r\n    container: {\r\n        padding: '0 1.5rem',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                padding: '0',\r\n            },\r\n        },\r\n    },\r\n    headerArea: {\r\n        display: 'flex',\r\n        padding: '.5rem 0',\r\n        minHeight: '5rem',\r\n    },\r\n    headerAreaTop: {\r\n        display: 'flex',\r\n        padding: '1rem 0 .5rem',\r\n        borderBottom: `1px solid ${colors.borderColor}`,\r\n        marginBottom: '1rem',\r\n    },\r\n    topArea: {\r\n        borderBottom: `1px solid ${colors.gray700}`,\r\n        // TODO: remove this when this area has been developed.\r\n        minHeight: '60px',\r\n    },\r\n    headerActions: {\r\n        display: 'flex',\r\n        flexGrow: 1,\r\n        marginLeft: 'auto',\r\n        justifyContent: 'flex-end',\r\n        alignItems: 'flex-start',\r\n        flexShrink: 0,\r\n    },\r\n    sendingEmailSettings: {\r\n        display: 'flex',\r\n        padding: '.5rem 1rem',\r\n        minHeight: '5rem',\r\n        width: '100%',\r\n        backgroundColor: colors.green200,\r\n        color: colors.black,\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        '& span': {\r\n            fontWeight: 700,\r\n        },\r\n        animation: '.5s $fadeIn',\r\n    },\r\n    updateList: {\r\n        paddingTop: '20px',\r\n    },\r\n    dialogButtonsContainer: {\r\n        display: 'flex',\r\n        width: '100%',\r\n        justifyContent: 'space-around',\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    modalButtons: {\r\n        display: 'flex',\r\n    },\r\n    modalCheckbox: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        right: '20px',\r\n        top: '20px',\r\n    },\r\n    numberOfUpdate: {\r\n        display: 'flex',\r\n        padding: '30px 0 90px',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n    },\r\n    iconWrapper: {\r\n        position: 'relative',\r\n    },\r\n    content: {\r\n        display: '-webkit-box',\r\n        WebkitLineClamp: '2',\r\n        WebkitBoxOrient: 'vertical',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n    },\r\n    deleteButtons: {\r\n        top: '0',\r\n        right: '0',\r\n        display: 'flex',\r\n        zIndex: '1',\r\n        position: 'absolute',\r\n        flexWrap: 'wrap',\r\n        transition: 'all .3s ease-in',\r\n        justifyContent: 'end',\r\n        width: '100%',\r\n        height: '100%',\r\n        alignItems: 'center',\r\n        background: 'rgba(255,255,255, .7)',\r\n    },\r\n    sortPlaceholder: {\r\n        ...sortPlaceholder,\r\n    },\r\n    customIcon: {\r\n        backgroundColor: colors.green500,\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        color: colors.white,\r\n        padding: '2px 5px',\r\n        borderRadius: '4px',\r\n    },\r\n})\r\n\r\nconst gridTemplateColumns = '16% 23% 23% 21% 18%'\r\nconst gridTemplateColumnsUpdated = '16% 19% 21% 17% auto 18%'\r\n\r\nconst Updates: FC = () => {\r\n    const [loading, setLoading] = useState(true)\r\n    const classes = useStyles()\r\n    const { setSort, sortState } = useSortMembersList()\r\n\r\n    const [showDone, setShowDone] = useState(false)\r\n    const [sortedUpdateDone] = useAtom(updatePageDoneAtom)\r\n    const [sortedUpdateInProgress] = useAtom(updatePageInProgressAtom)\r\n    const [updates, setAllUpdates] = useAtom(allUpdates)\r\n    const [sortedUpdates] = useAtom(updatePageAtom)\r\n\r\n    const [, _setAllUpdatesDone] = useAtom(allUpdatesDone)\r\n    const [, _setUpdatesInProgress] = useAtom(allUpdatesInProgress)\r\n\r\n    const init = (): void => {\r\n        async function fetchData(): Promise<void> {\r\n            setLoading(true)\r\n            const today = new Date()\r\n\r\n            // Set the target date to 30 days ago\r\n            const targetDate = new Date()\r\n            targetDate.setDate(today.getDate() - 30)\r\n            const resZero = await getAllUpdates()\r\n            const mapped = mapUpdates(resZero.data.OpdateringBatches)\r\n            const filtered = mapped.filter((item) => {\r\n                if (item.status === 'UnderOpdatering') {\r\n                    return true\r\n                }\r\n\r\n                // Filter for items created within the last 30 days\r\n                if (item.status === 'FaerdigBehandlet') {\r\n                    return new Date(item.created) > targetDate\r\n                }\r\n\r\n                return false\r\n            })\r\n\r\n            setAllUpdates(\r\n                filtered.filter((item) => item.type !== 'OpdaterTR_FTR')\r\n            )\r\n            setLoading(false)\r\n        }\r\n\r\n        fetchData()\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (!sortState) {\r\n            setSort('created')\r\n        }\r\n        init()\r\n    }, [])\r\n\r\n    if (loading) return <Spinner />\r\n\r\n    return (\r\n        <div className={`${classes.container} page-up`}>\r\n            <div className={`${classes.headerAreaTop} desktop-only`}>\r\n                <div className={classes.headerActions}>\r\n                    <HeaderLinks />\r\n                </div>\r\n            </div>\r\n            <div className={classes.headerArea}>\r\n                <div className=\"desktop-only\">\r\n                    <Typography tag=\"h1\" size=\"XXXXL\">\r\n                        {showDone\r\n                            ? L_HTML('MINEOPDATERINGER_UDFØRT_OVERSKRIFT')\r\n                            : L_HTML('MINEOPDATERINGER_AFVENTER_OVERSKRIFT')}\r\n                    </Typography>\r\n                </div>\r\n            </div>\r\n            <div className={classes.headerArea}>\r\n                <Typography tag=\"p\" size=\"S\" color={colors.gray900}>\r\n                    {!showDone\r\n                        ? L_HTML('MINEOPDATERINGER_AFVENTER_TEKST')\r\n                        : L_HTML('MINEOPDATERINGER_UDFØRT_TEKST')}\r\n                </Typography>\r\n            </div>\r\n            <div className={classes.headerArea}>\r\n                <div>\r\n                    <Typography size=\"XS\">\r\n                        {L_HTML(\r\n                            'MINEOPDATERINGER_VISER-ANTAL_OPDATERINGER_TEXT',\r\n                            {\r\n                                antal: String(sortedUpdates.length),\r\n                            }\r\n                        )}\r\n                    </Typography>\r\n                </div>\r\n            </div>\r\n\r\n            <div className={`${classes.updateList}`}>\r\n                {updates && updates.length ? (\r\n                    <CardList>\r\n                        <CardHeader\r\n                            gridTemplateColumns={\r\n                                showDone\r\n                                    ? gridTemplateColumnsUpdated\r\n                                    : gridTemplateColumns\r\n                            }\r\n                        >\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('created')}\r\n                                    sort={sortState}\r\n                                    name=\"created\"\r\n                                >\r\n                                    {L(\r\n                                        'MINEOPDATERINGER_INDSENDT_KOLONNE_OVERSKRIFT'\r\n                                    )}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('name')}\r\n                                    sort={sortState}\r\n                                    name=\"name\"\r\n                                >\r\n                                    {L(\r\n                                        'MINEOPDATERINGER_MEDLEM_KOLONNE_OVERSKRIFT'\r\n                                    )}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('updateType')}\r\n                                    sort={sortState}\r\n                                    name=\"updateType\"\r\n                                >\r\n                                    {L(\r\n                                        'MINEOPDATERINGER_TYPE_KOLONNE_OVERSKRIFT'\r\n                                    )}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('updateProfile')}\r\n                                    sort={sortState}\r\n                                    name=\"updateProfile\"\r\n                                >\r\n                                    {L(\r\n                                        'MINEOPDATERINGER_INDSENDT-AF_KOLONNE_OVERSKRIFT'\r\n                                    )}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            {showDone ? (\r\n                                <CardHeaderCell>\r\n                                    <SortButton\r\n                                        onClick={() => setSort('updateUpdated')}\r\n                                        sort={sortState}\r\n                                        name=\"updateUpdated\"\r\n                                    >\r\n                                        {L(\r\n                                            'MINEOPDATERINGER_OPDATERET_KOLONNE_OVERSKRIFT'\r\n                                        )}\r\n                                    </SortButton>\r\n                                </CardHeaderCell>\r\n                            ) : null}\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('status')}\r\n                                    sort={sortState}\r\n                                    name=\"status\"\r\n                                >\r\n                                    {L(\r\n                                        'MINEOPDATERINGER_STATUS_KOLONNE_OVERSKRIFT'\r\n                                    )}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                        </CardHeader>\r\n                    </CardList>\r\n                ) : null}\r\n                {sortedUpdates.map((update) => (\r\n                    <UpdateDetails\r\n                        gridTemplateColumns={\r\n                            showDone\r\n                                ? gridTemplateColumnsUpdated\r\n                                : gridTemplateColumns\r\n                        }\r\n                        showUpdatedColumn={showDone}\r\n                        update={update}\r\n                    />\r\n                ))}\r\n            </div>\r\n            <div className={classes.numberOfUpdate}>\r\n                <Typography size=\"XS\">\r\n                    {L_HTML('MINEOPDATERINGER_VISER-ANTAL_TEXT', {\r\n                        antal: String(sortedUpdates.length),\r\n                    })}\r\n                </Typography>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { Updates }\r\n","import { AxiosResponse } from 'axios'\r\nimport {\r\n    NoteResponse,\r\n    CreateNewNoteType,\r\n    UpdateNoteType,\r\n    DeleteNoteType,\r\n} from '../../models/Note'\r\nimport { axiosWithImitator } from '../withAuth'\r\n\r\nexport type NoteTypes = 'MedlemIdent' | 'ArbejdsstedNr'\r\n\r\nexport type getNotesReponse = {\r\n    Noter: NoteResponse[]\r\n    AntalIalt: number\r\n}\r\n\r\nconst getMemberNotes = async (\r\n    id: number,\r\n    type: NoteTypes\r\n): Promise<getNotesReponse> => {\r\n    const response = await axiosWithImitator.get(`/note/hentnoter`, {\r\n        params: {\r\n            'request.referenceId': id,\r\n            'request.referenceType': type,\r\n        },\r\n    })\r\n\r\n    const { data } = response\r\n    return data\r\n}\r\n\r\n// /note/hentbrugersnoter\r\nconst getAllNotes = async (type = 'MedlemIdent'): Promise<any> => {\r\n    const response = await axiosWithImitator.get(`/note/hentbrugersnoter`, {\r\n        params: {\r\n            'request.referenceType': type,\r\n        },\r\n    })\r\n    return response\r\n}\r\n\r\nconst addNewNote = async (\r\n    values: CreateNewNoteType\r\n): Promise<AxiosResponse> => {\r\n    const response = await axiosWithImitator.post(`/note/opretnote`, values)\r\n\r\n    return response\r\n}\r\n\r\nconst updateNote = async (values: UpdateNoteType): Promise<AxiosResponse> => {\r\n    const response = await axiosWithImitator.post(`/note/opdaternote`, values)\r\n\r\n    return response\r\n}\r\n\r\nconst updateNoteIsArchived = async (\r\n    id: number,\r\n    isRead: boolean\r\n): Promise<AxiosResponse> => {\r\n    const response = await axiosWithImitator.post(\r\n        `/note/opdaternoteerlaest`,\r\n        null,\r\n        {\r\n            params: {\r\n                'request.noteId': id,\r\n                'request.erLaest': isRead,\r\n            },\r\n        }\r\n    )\r\n\r\n    return response\r\n}\r\n\r\nconst deleteNote = async (id: number): Promise<AxiosResponse> => {\r\n    const response = await axiosWithImitator.delete(`/note/sletnote`, {\r\n        params: {\r\n            'request.noteId': id,\r\n        },\r\n    })\r\n\r\n    return response\r\n}\r\n\r\nexport {\r\n    getMemberNotes,\r\n    addNewNote,\r\n    updateNote,\r\n    deleteNote,\r\n    getAllNotes,\r\n    updateNoteIsArchived,\r\n}\r\n","// ErFavorit: false\r\n// ErLaest: false\r\n// Indhold: \"Havde også vagt sidste år..\\nVend tilbage\"\r\n// NoteId: 114\r\n// OpdaterTid: \"2022-01-31T11:19:11.3827028\"\r\n// OpretTid: \"2022-01-20T10:23:44.3796811\"\r\n// ReferenceId: 1000156792\r\n// ReferenceType: \"MedlemIdent\"\r\n// Titel: \"Vagt 24 dec. Hvad gælder?\"\r\n\r\nexport type NoteResponse = {\r\n    ErFavorit: boolean\r\n    ErLaest: boolean\r\n    Indhold: string\r\n    NoteId: number\r\n    OpdaterTid: string\r\n    OpretTid: string\r\n    ReferenceId: number\r\n    ReferenceType: string\r\n    Titel: string\r\n    ReferenceNavn: string\r\n}\r\n\r\nexport interface INote {\r\n    referenceId?: string\r\n    referenceType: string\r\n    title: string\r\n    content: string\r\n    NoteId: number\r\n}\r\n\r\nexport type CreateNewNoteType = {\r\n    ReferenceId?: number\r\n    ReferenceType?: string\r\n    Titel?: string\r\n    Indhold?: string\r\n}\r\n\r\nexport type UpdateNoteType = {\r\n    NoteId: number\r\n    Titel?: string\r\n    Indhold?: string\r\n}\r\n\r\nexport type DeleteNoteType = {\r\n    NoteId: number\r\n}\r\n\r\nexport class Note {\r\n    referenceId = ''\r\n\r\n    referenceType = ''\r\n\r\n    title = ''\r\n\r\n    content = ''\r\n\r\n    id: number | undefined = undefined\r\n\r\n    created: Date | undefined = undefined\r\n\r\n    updated: Date | undefined = undefined\r\n\r\n    name = ''\r\n\r\n    isFavorite = false\r\n\r\n    archived = false\r\n\r\n    isRead = false\r\n\r\n    // Searchables.\r\n    searchable_title = ''\r\n\r\n    searchable_content = ''\r\n\r\n    searchable_member = ''\r\n\r\n    static build(data: NoteResponse): Note {\r\n        const note = new Note()\r\n\r\n        note.referenceId = String(data.ReferenceId)\r\n        note.content = data.Indhold\r\n        note.title = data.Titel\r\n        note.referenceType = data.ReferenceType\r\n        note.id = data.NoteId\r\n        note.updated = new Date(data.OpdaterTid)\r\n        note.created = new Date(data.OpretTid)\r\n        note.name = data.ReferenceNavn || ''\r\n        note.isFavorite = data.ErFavorit\r\n        note.archived = data.ErLaest\r\n        note.isRead = data.ErLaest\r\n\r\n        // Searchables.\r\n        note.searchable_content = note.content\r\n\r\n        note.searchable_title = note.title\r\n\r\n        note.searchable_member = note.name\r\n\r\n        return note\r\n    }\r\n}\r\n\r\nexport function mapNotes(data: NoteResponse[]): Note[] {\r\n    return data.map((note) => Note.build(note))\r\n}\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useForm } from 'react-hook-form'\r\nimport { useAtom } from 'jotai'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { Member } from '../../../models/Member'\r\nimport { colors } from '../../../theme/palette'\r\nimport { FormInput, FormTextArea } from '../FormElements/FormInput'\r\nimport { FormControl } from '../../ui/FormElememts/FormControl'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { addNewNote } from '../../../api/notes'\r\nimport { CreateNewNoteType } from '../../../models/Note'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { Workplace } from '../../../models/Workplace'\r\nimport { ImitatorNoAccessWarning } from '../Imitator/ImitatorNoAccessWarning'\r\nimport { profileAtom } from '../../../api/profile/profile'\r\n\r\ninterface EditProps {\r\n    member?: Member\r\n    workPlace?: Workplace\r\n    type: 'member' | 'workplace'\r\n    onUpdated?: () => void\r\n    onClickCancel?: () => void\r\n    hasNotes?: boolean\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    contentWrapper: {\r\n        padding: '100px 20px 20px',\r\n        overflow: 'auto',\r\n        height: 'calc(100% - 100px)',\r\n        paddingBottom: '80px',\r\n    },\r\n    accordionWrapper: {\r\n        marginBottom: '20px',\r\n    },\r\n    select: {\r\n        position: 'relative',\r\n        height: '3.125rem',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '.75rem',\r\n        cursor: 'pointer',\r\n        color: colors.labelColor,\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    bottom: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        bottom: '0',\r\n        width: '100%',\r\n        padding: '20px',\r\n        left: '0',\r\n        background: colors.white,\r\n        zIndex: 4,\r\n        borderTop: `1px solid ${colors.borderColor}`,\r\n        '& > button': {\r\n            flexGrow: 1,\r\n        },\r\n        '& > button:last-of-type': {\r\n            marginRight: '0',\r\n        },\r\n    },\r\n})\r\n\r\nexport type RegistrationFormFields = {\r\n    Titel: string\r\n    Indhold: string\r\n    ReferenceType: string\r\n}\r\n\r\nexport const AddNewNote: FC<EditProps> = ({\r\n    member,\r\n    type,\r\n    workPlace,\r\n    onUpdated,\r\n    onClickCancel,\r\n    hasNotes,\r\n}) => {\r\n    const [authProfile] = useAtom(profileAtom)\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n    const { register, handleSubmit, formState, reset } =\r\n        useForm<RegistrationFormFields>()\r\n    const classes = useStyles()\r\n    const [isValid, setIsValid] = useState(false)\r\n\r\n    const resetForm = (): void => {\r\n        reset()\r\n    }\r\n\r\n    const { isDirty, dirtyFields } = formState\r\n\r\n    const onSubmit = async (data: RegistrationFormFields): Promise<void> => {\r\n        if (authProfile.isImitator) {\r\n            setShowImitatorModal(true)\r\n            return\r\n        }\r\n        const fieldsToEdit: CreateNewNoteType = {\r\n            ReferenceId: type === 'member' ? member.memberId : workPlace.number,\r\n            ReferenceType: type === 'member' ? 'MedlemIdent' : 'ArbejdsstedNr',\r\n        }\r\n\r\n        if (isDirty) {\r\n            if (dirtyFields.Indhold) {\r\n                fieldsToEdit.Indhold = data.Indhold\r\n            }\r\n\r\n            if (dirtyFields.Titel) {\r\n                fieldsToEdit.Titel = data.Titel\r\n            }\r\n\r\n            const response = await addNewNote(fieldsToEdit)\r\n\r\n            if (onUpdated && response) {\r\n                onUpdated()\r\n            }\r\n        }\r\n    }\r\n\r\n    const checkIsValid = (): void => {\r\n        // setIsValid(isDirty && dirtyFields.Indhold && dirtyFields.Indhold)\r\n        setIsValid(isDirty)\r\n    }\r\n\r\n    useEffect(() => {\r\n        checkIsValid()\r\n    })\r\n\r\n    return (\r\n        <>\r\n            <form\r\n                onSubmit={handleSubmit(onSubmit)}\r\n                className={classes.contentWrapper}\r\n            >\r\n                <Typography\r\n                    tag=\"h2\"\r\n                    size=\"XL\"\r\n                    align=\"center\"\r\n                    weight=\"bold\"\r\n                    style={{ margin: '20px 0 10px' }}\r\n                >\r\n                    {L_HTML('NOTER_NY-NOTE_FORM_TITEL')}\r\n                </Typography>\r\n\r\n                <FormControl>\r\n                    <FormInput\r\n                        label={L('NOTER_REDIGER_FORM_NOTE-OVERSKRIFT_LABEL')}\r\n                        register={register}\r\n                        name=\"Titel\"\r\n                        required\r\n                        maxLength={100}\r\n                    />\r\n                </FormControl>\r\n\r\n                <FormControl>\r\n                    <FormTextArea\r\n                        label={\r\n                            hasNotes\r\n                                ? 'Indhold'\r\n                                : L('NOTER_NYNOTE_FORM_NOTE-INDHOLD_LABEL')\r\n                        }\r\n                        register={register}\r\n                        name=\"Indhold\"\r\n                        maxCount={3000}\r\n                    />\r\n                </FormControl>\r\n                <div className={classes.bottom}>\r\n                    <Button\r\n                        onClick={() => {\r\n                            resetForm()\r\n                            onClickCancel()\r\n                        }}\r\n                        type=\"secondary\"\r\n                        size=\"large\"\r\n                    >\r\n                        {L('NOTER_REDIGER_FORM_ANNULLER_KNAP')}\r\n                    </Button>\r\n                    <Button\r\n                        buttonType=\"submit\"\r\n                        type=\"primary\"\r\n                        size=\"large\"\r\n                        disabled={!isValid}\r\n                    >\r\n                        {L('NOTER_REDIGER_FORM_GEM_KNAP')}\r\n                    </Button>\r\n                </div>\r\n\r\n                <div />\r\n            </form>\r\n            <ImitatorNoAccessWarning\r\n                show={showImitatorModal}\r\n                onClose={() => setShowImitatorModal(false)}\r\n            />\r\n        </>\r\n    )\r\n}\r\n\r\nAddNewNote.defaultProps = {\r\n    hasNotes: false,\r\n}\r\n","import React, { FC, useEffect, useRef, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useForm } from 'react-hook-form'\r\nimport moment from 'moment'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { colors } from '../../../theme/palette'\r\nimport { FormTextArea } from '../FormElements/FormInput'\r\nimport { FormControl } from '../../ui/FormElememts/FormControl'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { updateNote } from '../../../api/notes'\r\nimport { Note, UpdateNoteType } from '../../../models/Note'\r\nimport { L } from '../../providers/Lokalise'\r\nimport Input from '../../ui/FormElememts/Input'\r\n\r\ninterface EditProps {\r\n    note: Note\r\n    onUpdated?: (note: Note) => void\r\n    onCancel?: () => void\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    contentWrapper: {\r\n        padding: '100px 20px 20px',\r\n        overflow: 'auto',\r\n        height: 'calc(100% - 100px)',\r\n        paddingBottom: '80px',\r\n    },\r\n    accordionWrapper: {\r\n        marginBottom: '20px',\r\n    },\r\n    select: {\r\n        position: 'relative',\r\n        height: '3.125rem',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '.75rem',\r\n        cursor: 'pointer',\r\n        color: colors.labelColor,\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    bottom: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        bottom: '0',\r\n        width: '100%',\r\n        padding: '20px',\r\n        left: '0',\r\n        background: colors.white,\r\n        zIndex: 4,\r\n        borderTop: `1px solid ${colors.borderColor}`,\r\n        '& > button': {\r\n            flexGrow: 1,\r\n        },\r\n        '& > button:last-of-type': {\r\n            marginRight: '0',\r\n        },\r\n    },\r\n    date: {\r\n        position: 'relative',\r\n        marginTop: '20px',\r\n    },\r\n    datePlaceholder: {\r\n        position: 'absolute',\r\n        top: '-38px',\r\n        zIndex: '1',\r\n    },\r\n})\r\n\r\nexport type RegistrationFormFields = {\r\n    Titel: string\r\n    Indhold: string\r\n    ReferenceType: string\r\n}\r\n\r\nexport const EditNote: FC<EditProps> = ({ note, onUpdated, onCancel }) => {\r\n    const { register, handleSubmit, reset, setValue } =\r\n        useForm<RegistrationFormFields>()\r\n    const classes = useStyles()\r\n    const inputReference = useRef(null)\r\n\r\n    useEffect(() => {\r\n        if (inputReference && inputReference.current) {\r\n            setTimeout(() => {\r\n                inputReference.current.focus()\r\n            }, 500)\r\n        }\r\n    }, [note])\r\n\r\n    const resetForm = (): void => {\r\n        reset()\r\n    }\r\n\r\n    const onSubmit = async (data: RegistrationFormFields): Promise<void> => {\r\n        const fieldsToEdit: UpdateNoteType = {\r\n            NoteId: note.id,\r\n        }\r\n\r\n        fieldsToEdit.Indhold = data.Indhold || undefined\r\n        fieldsToEdit.Titel = data.Titel || note.title\r\n\r\n        const response = await updateNote(fieldsToEdit)\r\n\r\n        if (response) {\r\n            if (onUpdated) {\r\n                onUpdated(note)\r\n            }\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <form\r\n                onSubmit={handleSubmit(onSubmit)}\r\n                className={classes.contentWrapper}\r\n            >\r\n                <Typography\r\n                    tag=\"h2\"\r\n                    size=\"XL\"\r\n                    align=\"center\"\r\n                    weight=\"bold\"\r\n                    style={{ margin: '20px 0 10px' }}\r\n                >\r\n                    {L('NOTER_REDIGER-NOTE_FORM_TITEL')}\r\n                </Typography>\r\n\r\n                <FormControl>\r\n                    <Input\r\n                        label={L('NOTER_REDIGER_FORM_NOTE-OVERSKRIFT_LABEL')}\r\n                        required\r\n                        defaultValue={note.title}\r\n                        autoFocus\r\n                        ref={inputReference}\r\n                        onChange={(e) => {\r\n                            setValue('Titel', e.target.value)\r\n                        }}\r\n                    />\r\n                </FormControl>\r\n\r\n                <FormControl>\r\n                    <FormTextArea\r\n                        label={L('NOTER_REDIGER_FORM_NOTE-INDHOLD_LABEL')}\r\n                        register={register}\r\n                        name=\"Indhold\"\r\n                        required={false}\r\n                        maxCount={3000}\r\n                        defaultValue={note.content}\r\n                    />\r\n                </FormControl>\r\n                <div className={classes.date}>\r\n                    <span className={classes.datePlaceholder}>\r\n                        <Typography size=\"XXS\" color={colors.labelColor}>\r\n                            Sidst ændret{' '}\r\n                            {`${moment(note.updated).format(\r\n                                'DD.MM.YYYY'\r\n                            )}, kl.${moment(note.updated).format('HH:mm')}`}\r\n                        </Typography>\r\n                    </span>\r\n                </div>\r\n\r\n                <div className={classes.bottom}>\r\n                    <Button\r\n                        onClick={() => {\r\n                            if (onCancel) {\r\n                                onCancel()\r\n                            }\r\n                            resetForm()\r\n                        }}\r\n                        type=\"secondary\"\r\n                        size=\"large\"\r\n                    >\r\n                        {L('NOTER_REDIGER_FORM_ANNULLER_KNAP')}\r\n                    </Button>\r\n                    <Button buttonType=\"submit\" type=\"primary\" size=\"large\">\r\n                        {L('NOTER_REDIGER_FORM_GEM_KNAP')}\r\n                    </Button>\r\n                </div>\r\n\r\n                <div />\r\n            </form>\r\n        </>\r\n    )\r\n}\r\n","import React, { FC } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { Note as NoteIcon, Plus } from '../../../assets/icons'\r\nimport { Note } from '../../../models/Note'\r\nimport { colors } from '../../../theme/palette'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { L } from '../../providers/Lokalise'\r\nimport { Circle } from '../../ui/Card'\r\nimport { CircleIcon } from '../../ui/Circle/Circle'\r\n\r\ninterface EditMemberNoteButtonProps {\r\n    onClickCreate?: () => void\r\n    onClickView?: () => void\r\n    notes: Note[]\r\n    withBorder?: boolean\r\n    firstNoteLabel?: string\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    wrapper: {\r\n        display: 'flex',\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            backgroundColor: colors.white,\r\n            height: '56px',\r\n            fontSize: '18px',\r\n            padding: '16px',\r\n            borderRadius: '0.5rem',\r\n            cursor: 'pointer',\r\n            textAlign: 'left',\r\n            justifyContent: 'start',\r\n        },\r\n    },\r\n    withBorder: {\r\n        border: `1px solid ${colors.borderColor}`,\r\n    },\r\n})\r\n\r\nconst EditMemberNoteButton: FC<EditMemberNoteButtonProps> = ({\r\n    onClickCreate,\r\n    onClickView,\r\n    notes,\r\n    withBorder,\r\n    firstNoteLabel,\r\n}) => {\r\n    const classes = useStyles()\r\n\r\n    if (notes.length > 0) {\r\n        return (\r\n            <div className={classes.wrapper}>\r\n                <button\r\n                    className={classes.button}\r\n                    style={{ flexGrow: 1 }}\r\n                    type=\"button\"\r\n                    onClick={onClickView}\r\n                >\r\n                    <Circle>\r\n                        <CircleIcon>\r\n                            <NoteIcon />\r\n                        </CircleIcon>\r\n                    </Circle>\r\n                    <span>Noter</span>\r\n                    <span style={{ marginLeft: 'auto' }}>{notes.length}</span>\r\n                </button>\r\n                <button\r\n                    className={classes.button}\r\n                    style={{\r\n                        width: '48px',\r\n                        padding: 0,\r\n                        alignItems: 'center',\r\n                        justifyContent: 'center',\r\n                    }}\r\n                    type=\"button\"\r\n                    onClick={onClickCreate}\r\n                >\r\n                    <Plus width=\"20px\" />\r\n                </button>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <button\r\n            className={`${classes.button} ${\r\n                withBorder ? classes.withBorder : ''\r\n            }`}\r\n            style={{ width: '100%' }}\r\n            type=\"button\"\r\n            onClick={onClickCreate}\r\n        >\r\n            <Circle>\r\n                <CircleIcon>\r\n                    <NoteIcon />\r\n                </CircleIcon>\r\n            </Circle>\r\n            <span>{firstNoteLabel}</span>\r\n            <span\r\n                style={{ marginLeft: 'auto', position: 'relative', top: '3px' }}\r\n            >\r\n                <Plus width=\"30px\" color={colors.green500} />\r\n            </span>\r\n        </button>\r\n    )\r\n}\r\n\r\nEditMemberNoteButton.defaultProps = {\r\n    firstNoteLabel: L('PROFIL_NOTER_FORM_FØRSTE-NOTE_KNAP'),\r\n}\r\n\r\nexport { EditMemberNoteButton }\r\n","import moment from 'moment'\r\nimport React, { FC, useEffect, useRef, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { Delete, DeleteFill, Edit, EditFill } from '../../../assets/icons'\r\nimport { Note } from '../../../models/Note'\r\nimport { colors } from '../../../theme/palette'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { CircleIcon2 } from '../../ui/Circle/Circle'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\n\r\ninterface NoteSidebarCardProps {\r\n    note: Note\r\n    onClickEdit?: (note: Note) => void\r\n    onClickDelete?: (note: Note) => void\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    card: {\r\n        position: 'relative',\r\n        backgroundColor: colors.white,\r\n        width: '100%',\r\n        color: 'black',\r\n        marginBottom: '10px',\r\n        borderRadius: '4px',\r\n        border: `1px solid ${colors.borderColor}`,\r\n        padding: '1rem',\r\n        transition: 'all 0.5s linear',\r\n    },\r\n    actions: {\r\n        position: 'absolute',\r\n        top: '10px',\r\n        right: '10px',\r\n        display: 'flex',\r\n        gap: '10px',\r\n    },\r\n    date: {\r\n        position: 'relative',\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        marginTop: '20px',\r\n    },\r\n    deleteButtons: {\r\n        display: 'flex',\r\n        transition: 'all .3s ease-in',\r\n        marginTop: '20px',\r\n    },\r\n    title: {\r\n        display: '-webkit-box',\r\n        WebkitLineClamp: '1',\r\n        WebkitBoxOrient: 'vertical',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n    },\r\n    titleOpen: {\r\n        display: '-webkit-box',\r\n        // WebkitLineClamp: '1',\r\n        WebkitBoxOrient: 'vertical',\r\n        overflow: 'hidden',\r\n        // textOverflow: 'ellipsis',\r\n    },\r\n    content: {\r\n        marginTop: '10px',\r\n        display: '-webkit-box',\r\n        WebkitLineClamp: '2',\r\n        WebkitBoxOrient: 'vertical',\r\n        overflow: 'hidden',\r\n        whiteSpace: 'pre-wrap',\r\n        textOverflow: 'ellipsis',\r\n    },\r\n    contentOpen: {\r\n        marginTop: '10px',\r\n        display: '-webkit-box',\r\n        whiteSpace: 'pre-wrap',\r\n        // WebkitLineClamp: '2',\r\n        WebkitBoxOrient: 'vertical',\r\n        overflow: 'hidden',\r\n        // textOverflow: 'ellipsis',\r\n    },\r\n})\r\n\r\nconst NoteSidebarCard: FC<NoteSidebarCardProps> = ({\r\n    note,\r\n    onClickEdit,\r\n    onClickDelete,\r\n}) => {\r\n    const classes = useStyles()\r\n    const [showDelete, setShowDelete] = useState(false)\r\n    const [readMore, setReadMore] = useState(false)\r\n    const [isMore, setIsMore] = useState(false)\r\n    const contentRef = useRef<HTMLSpanElement>()\r\n    const titleRef = useRef<HTMLSpanElement>()\r\n\r\n    const onHandleEdit = (): void => {\r\n        if (onClickEdit) {\r\n            onClickEdit(note)\r\n        }\r\n    }\r\n\r\n    const onHandleDelete = (): void => {\r\n        setShowDelete(false)\r\n        if (onClickDelete) {\r\n            onClickDelete(note)\r\n        }\r\n    }\r\n\r\n    const checkLines = (ref, lines: number): void => {\r\n        // eslint-disable-next-line no-unused-expressions\r\n        const lineHeight = window\r\n            .getComputedStyle(ref.current)\r\n            .getPropertyValue('line-height')\r\n\r\n        // eslint-disable-next-line no-unused-expressions\r\n        ref.current &&\r\n            Math.round(ref.current.scrollHeight / parseFloat(lineHeight)) >\r\n                lines &&\r\n            setIsMore(true)\r\n    }\r\n    useEffect(() => {\r\n        checkLines(contentRef, 2)\r\n    }, [contentRef, note])\r\n    useEffect(() => {\r\n        checkLines(titleRef, 1)\r\n    }, [titleRef, note])\r\n    return (\r\n        <div className={classes.card}>\r\n            {/* --------- headline -------- */}\r\n            <Typography\r\n                size=\"S\"\r\n                weight=\"bold\"\r\n                style={{\r\n                    paddingBottom: '.5rem',\r\n                    paddingRight: '100px',\r\n                    wordBreak: 'break-word',\r\n                }}\r\n            >\r\n                <span\r\n                    ref={titleRef}\r\n                    className={readMore ? classes.titleOpen : classes.title}\r\n                >\r\n                    {note.title}\r\n                </span>\r\n            </Typography>\r\n            {/* ------- text content --------- */}\r\n            <Typography size=\"XS\">\r\n                <span\r\n                    ref={contentRef}\r\n                    className={readMore ? classes.contentOpen : classes.content}\r\n                >\r\n                    {note.content}\r\n                </span>\r\n            </Typography>\r\n            {/* ---------- date -------- */}\r\n            <div className={classes.date}>\r\n                <Typography size=\"XXS\" color={colors.labelColor}>\r\n                    {`${moment(note.updated).format('DD.MM.YYYY')}, kl.${moment(\r\n                        note.updated\r\n                    ).format('HH:mm')}`}\r\n                </Typography>\r\n                {isMore && (\r\n                    <Button\r\n                        type=\"action\"\r\n                        style={{\r\n                            textDecoration: 'underline',\r\n                        }}\r\n                        onClick={() => setReadMore((prev) => !prev)}\r\n                    >\r\n                        {readMore\r\n                            ? L_HTML('NOTER_SIDEBAR_VIS_MINDRE')\r\n                            : L_HTML('NOTER_SIDEBAR_VIS_MERE')}\r\n                    </Button>\r\n                )}\r\n            </div>\r\n\r\n            <div className={classes.actions}>\r\n                <Button type=\"action\" onClick={() => setShowDelete(true)}>\r\n                    <CircleIcon2 width=\"34px\" backgroundColor={colors.red100}>\r\n                        <DeleteFill width=\"20px\" color={colors.red600} />\r\n                    </CircleIcon2>\r\n                </Button>\r\n                <Button type=\"action\" onClick={onHandleEdit}>\r\n                    <CircleIcon2 width=\"34px\">\r\n                        <EditFill width=\"22px\" color={colors.green500} />\r\n                    </CircleIcon2>\r\n                </Button>\r\n            </div>\r\n            {showDelete ? (\r\n                <div className={`${classes.deleteButtons} page-up`}>\r\n                    <Button\r\n                        onClick={() => setShowDelete(false)}\r\n                        size=\"xlarge\"\r\n                        type=\"secondary\"\r\n                        style={{ flexGrow: 1 }}\r\n                    >\r\n                        {L('NOTER_REDIGER_FORM_ANNULLER_KNAP')}\r\n                    </Button>\r\n                    <Button\r\n                        onClick={onHandleDelete}\r\n                        type=\"danger\"\r\n                        size=\"xlarge\"\r\n                        style={{ flexGrow: 1 }}\r\n                    >\r\n                        {L('NOTER_SIDEBAR_SLET-NOTE_KNAP')}\r\n                    </Button>\r\n                </div>\r\n            ) : null}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { NoteSidebarCard }\r\n","import React, { FC } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { Note } from '../../../models/Note'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { EditMemberNoteButton } from './EditMemberNoteButton'\r\nimport { NoteSidebarCard } from './NoteSidebarCard'\r\nimport { colors } from '../../../theme/palette'\r\n\r\ninterface NoteOverviewSidebarProps {\r\n    notes: Note[]\r\n    onClickEdit: (note: Note) => void\r\n    onClickDelete: (note: Note) => void\r\n    onClickCreate: () => void\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    contentWrapper: {\r\n        padding: '100px 20px 20px',\r\n        overflow: 'auto',\r\n        height: '100%',\r\n        paddingBottom: '80px',\r\n    },\r\n    createNote: {\r\n        marginBottom: '20px',\r\n    },\r\n})\r\n\r\nconst NoteOverviewSidebar: FC<NoteOverviewSidebarProps> = ({\r\n    notes,\r\n    onClickEdit,\r\n    onClickDelete,\r\n    onClickCreate,\r\n}) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <div className={classes.contentWrapper}>\r\n            <Typography\r\n                tag=\"h2\"\r\n                size=\"L\"\r\n                align=\"center\"\r\n                weight=\"bold\"\r\n                style={{ margin: '20px 0' }}\r\n            >\r\n                {L_HTML('NOTER_SIDEBAR_OVERSIGT_TITEL')}\r\n            </Typography>\r\n            <div className={classes.createNote}>\r\n                <EditMemberNoteButton\r\n                    notes={[]}\r\n                    onClickCreate={onClickCreate}\r\n                    withBorder\r\n                    firstNoteLabel=\"Opret note\"\r\n                />\r\n            </div>\r\n            {notes\r\n                .sort(\r\n                    (a: Note, b: Note) =>\r\n                        b.updated.getTime() - a.updated.getTime()\r\n                )\r\n                .map((note) => {\r\n                    return (\r\n                        <NoteSidebarCard\r\n                            key={note.id}\r\n                            note={note}\r\n                            onClickEdit={onClickEdit}\r\n                            onClickDelete={onClickDelete}\r\n                        />\r\n                    )\r\n                })}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { NoteOverviewSidebar }\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { useAtom } from 'jotai'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { deleteNote, getMemberNotes } from '../../../api/notes'\r\nimport { Member } from '../../../models/Member'\r\nimport { Note, mapNotes } from '../../../models/Note'\r\nimport { Workplace } from '../../../models/Workplace'\r\nimport { colors } from '../../../theme/palette'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { Circle } from '../../ui/Card'\r\nimport { CircleIcon } from '../../ui/Circle/Circle'\r\nimport { NoteButton } from '../../ui/NoteButton'\r\nimport { Overlay } from '../../ui/Sidebar'\r\nimport { DrawerHeaderWorkplaceInfo } from '../FormElements/DrawerHeader'\r\nimport { AddNewNote } from './AddNewNote'\r\nimport { EditMemberNoteButton } from './EditMemberNoteButton'\r\nimport { EditNote } from './EditNote'\r\nimport { NoteOverviewSidebar } from './NoteOverviewSidebar'\r\nimport { Note as NoteIcon, Plus } from '../../../assets/icons'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { ImitatorNoAccessWarning } from '../Imitator/ImitatorNoAccessWarning'\r\n\r\nimport { profileAtom } from '../../../api/profile/profile'\r\n\r\ntype ViewStates = 'default' | 'create' | 'edit' | 'delete'\r\n\r\ninterface EditWorkplaceNotesProps {\r\n    workplace: Workplace\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            backgroundColor: colors.white,\r\n            fontSize: '16px',\r\n            padding: '16px',\r\n            borderRadius: '0.5rem',\r\n            cursor: 'pointer',\r\n            textAlign: 'left',\r\n            justifyContent: 'start',\r\n        },\r\n    },\r\n    link: {\r\n        fontWeight: 400,\r\n        fontSize: '16px',\r\n        textDecoration: 'underline',\r\n    },\r\n    buttons: {\r\n        display: 'flex',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                display: 'grid',\r\n                gridTemplateColumns: '2fr 1fr 1fr',\r\n                // justifyContent: 'start',\r\n            },\r\n        },\r\n    },\r\n    addNote: {\r\n        position: 'relative',\r\n        top: '6px',\r\n    },\r\n    noteButton: {\r\n        position: 'relative',\r\n        top: '4px',\r\n    },\r\n})\r\n\r\nconst EditWorkplaceNotes: FC<EditWorkplaceNotesProps> = ({ workplace }) => {\r\n    const [authProfile] = useAtom(profileAtom)\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n    const [notes, setNotes] = useState([])\r\n    const [isOpen, setIsOpen] = useState(false)\r\n    const [viewState, setViewState] = useState<ViewStates>('default')\r\n    const [loading, setLoading] = useState(true)\r\n    const [editNote, setEditNote] = useState<Note | undefined>(undefined)\r\n    const classes = useStyles()\r\n\r\n    const init = (): void => {\r\n        async function fetchData(): Promise<void> {\r\n            const response = await getMemberNotes(\r\n                workplace.number,\r\n                'ArbejdsstedNr'\r\n            )\r\n            const notesMapped = mapNotes(response.Noter)\r\n\r\n            setNotes(notesMapped)\r\n\r\n            setLoading(false)\r\n        }\r\n\r\n        fetchData()\r\n    }\r\n\r\n    const onClickDelete = async (note: Note): Promise<void> => {\r\n        setViewState('default')\r\n        const response = await deleteNote(note.id)\r\n        if (response) {\r\n            setViewState('default')\r\n            if (notes.length === 1) {\r\n                setIsOpen(false)\r\n            }\r\n            init()\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            init()\r\n        }\r\n    }, [isOpen])\r\n\r\n    // if (loading) return null\r\n\r\n    return (\r\n        <>\r\n            <div className={classes.buttons}>\r\n                <Button\r\n                    type=\"action\"\r\n                    style={{\r\n                        fontWeight: 400,\r\n                        fontSize: '16px',\r\n                        textDecoration: 'underline',\r\n                    }}\r\n                    onClick={() => {\r\n                        if (!authProfile.isImitator) {\r\n                            setIsOpen(true)\r\n                            if (workplace.numberOfNotes > 0) {\r\n                                setViewState('default')\r\n                            } else {\r\n                                setViewState('create')\r\n                            }\r\n                        } else {\r\n                            setShowImitatorModal(true)\r\n                        }\r\n                    }}\r\n                >\r\n                    {workplace.numberOfNotes > 0 ? 'Vis noter' : 'Tilføj note'}\r\n                </Button>\r\n                <div className={classes.noteButton}>\r\n                    <NoteButton\r\n                        onClick={() => {\r\n                            if (authProfile.isImitator) {\r\n                                setShowImitatorModal(true)\r\n                            } else if (notes.length > 0) {\r\n                                setIsOpen(true)\r\n                                setViewState('default')\r\n                            }\r\n                        }}\r\n                    >\r\n                        {workplace.numberOfNotes}\r\n                    </NoteButton>\r\n                </div>\r\n\r\n                <button\r\n                    className={classes.button}\r\n                    style={{\r\n                        width: 'auto',\r\n                        padding: 0,\r\n                        alignItems: 'center',\r\n                        justifyContent: 'center',\r\n                    }}\r\n                    type=\"button\"\r\n                    onClick={() => {\r\n                        if (authProfile.isImitator) {\r\n                            setShowImitatorModal(true)\r\n                        } else {\r\n                            setIsOpen(true)\r\n                            setViewState('create')\r\n                        }\r\n                    }}\r\n                >\r\n                    <div className={classes.addNote}>\r\n                        <Plus width=\"26px\" color={colors.green500} />\r\n                    </div>\r\n                </button>\r\n            </div>\r\n\r\n            <Overlay\r\n                isShowing={isOpen}\r\n                hide={() => {\r\n                    setIsOpen(false)\r\n                }}\r\n            >\r\n                <DrawerHeaderWorkplaceInfo title={workplace.name} />\r\n\r\n                {viewState === 'create' ? (\r\n                    <AddNewNote\r\n                        workPlace={workplace}\r\n                        hasNotes={workplace.numberOfNotes > 0}\r\n                        type=\"workplace\"\r\n                        onClickCancel={() => {\r\n                            setViewState('default')\r\n                            if (notes.length === 0) {\r\n                                setIsOpen(false)\r\n                            }\r\n                        }}\r\n                        onUpdated={() => {\r\n                            setViewState('default')\r\n                            init()\r\n                        }}\r\n                    />\r\n                ) : null}\r\n\r\n                {viewState === 'edit' && editNote ? (\r\n                    <EditNote\r\n                        note={editNote}\r\n                        onCancel={() => setViewState('default')}\r\n                        onUpdated={() => {\r\n                            init()\r\n                            setViewState('default')\r\n                        }}\r\n                    />\r\n                ) : null}\r\n\r\n                {viewState === 'default' ? (\r\n                    <NoteOverviewSidebar\r\n                        notes={notes}\r\n                        onClickEdit={(note) => {\r\n                            setIsOpen(true)\r\n                            setEditNote(note)\r\n                            setViewState('edit')\r\n                        }}\r\n                        onClickDelete={onClickDelete}\r\n                        onClickCreate={() => setViewState('create')}\r\n                    />\r\n                ) : null}\r\n            </Overlay>\r\n            <ImitatorNoAccessWarning\r\n                show={showImitatorModal}\r\n                onClose={() => setShowImitatorModal(false)}\r\n            />\r\n        </>\r\n    )\r\n}\r\n\r\nexport { EditWorkplaceNotes }\r\n","import React, { FC, useEffect, useState } from 'react'\nimport { createUseStyles } from 'react-jss'\nimport { PinFill } from '../../../assets/icons'\nimport breakpoints from '../../../theme/breakpoints'\nimport { colors } from '../../../theme/palette'\nimport { baseButton, sortPlaceholder } from '../../../theme/reuseables'\nimport { Card, CardCell, Circle, CircleText } from '../../ui/Card'\nimport { Typography } from '../../ui/Typography/Typography'\nimport { Button } from '../../ui/Button/Button'\nimport { Workplace } from '../../../models/Workplace'\nimport { EditWorkplaceNotes } from '../../modules/notes/EditWorkplaceNotes'\nimport { Member } from '../../../models/Member'\nimport { getInitials } from '../../../utils/initials'\nimport { Favorite } from '../../ui/Favorite'\nimport { NoteButton } from '../../ui/NoteButton'\n\nconst useStyles = createUseStyles({\n    '@keyframes fadeIn': {\n        from: {\n            opacity: 0,\n        },\n        to: {\n            opacity: 1,\n        },\n    },\n    container: {\n        padding: '0 1.5rem',\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\n            '&': {\n                padding: '0',\n            },\n        },\n    },\n    headerArea: {\n        display: 'flex',\n        padding: '.5rem 0',\n        minHeight: '5rem',\n    },\n    headerAreaTop: {\n        display: 'flex',\n        padding: '1rem 0 .5rem',\n        borderBottom: `1px solid ${colors.borderColor}`,\n        marginBottom: '1rem',\n    },\n    topArea: {\n        borderBottom: `1px solid ${colors.gray700}`,\n        // TODO: remove this when this area has been developed.\n        minHeight: '60px',\n    },\n    headerActions: {\n        display: 'flex',\n        flexGrow: 1,\n        marginLeft: 'auto',\n        justifyContent: 'flex-end',\n        alignItems: 'flex-start',\n        flexShrink: 0,\n    },\n    sendingEmailSettings: {\n        display: 'flex',\n        padding: '.5rem 1rem',\n        minHeight: '5rem',\n        width: '100%',\n        backgroundColor: colors.green200,\n        color: colors.black,\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        '& span': {\n            fontWeight: 700,\n        },\n        animation: '.5s $fadeIn',\n    },\n    notes: {\n        paddingTop: '20px',\n    },\n    dialogButtonsContainer: {\n        display: 'flex',\n        width: '100%',\n        justifyContent: 'space-around',\n    },\n    button: {\n        ...baseButton,\n        ...{\n            cursor: 'pointer',\n        },\n    },\n    modalButtons: {\n        display: 'flex',\n    },\n    modalCheckbox: {\n        display: 'flex',\n        position: 'absolute',\n        right: '20px',\n        top: '20px',\n    },\n    numnerOfNotes: {\n        display: 'flex',\n        padding: '30px 0 90px',\n        justifyContent: 'center',\n        alignItems: 'center',\n    },\n    iconWrapper: {\n        position: 'relative',\n    },\n    noteContent: {\n        display: '-webkit-box',\n        WebkitLineClamp: '2',\n        WebkitBoxOrient: 'vertical',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n    },\n    noteButton: {\n        position: 'relative',\n    },\n    deleteButtons: {\n        top: '0',\n        right: '0',\n        display: 'flex',\n        zIndex: '1',\n        position: 'absolute',\n        flexWrap: 'wrap',\n        transition: 'all .3s ease-in',\n        justifyContent: 'end',\n        width: '100%',\n        height: '100%',\n        alignItems: 'center',\n        background: 'rgba(255,255,255, .7)',\n    },\n    sortPlaceholder: {\n        ...sortPlaceholder,\n    },\n    googleLink: {\n        marginLeft: 'auto',\n    },\n    showMembers: {\n        display: 'flex',\n    },\n    link: {\n        fontWeight: '400',\n        fontSize: '16px',\n        textDecoration: 'underline',\n        color: colors.black,\n        '&:visited, &:active, &:focus': {\n            color: colors.black,\n        },\n        '&:hover': {\n            color: colors.green500,\n        },\n    },\n    numberOfMembers: {\n        fontSize: '16px',\n        color: colors.black,\n        marginRight: '20px',\n    },\n    contentMobile: {\n        padding: '20px',\n    },\n    searchField: {\n        width: '100%',\n        marginRight: '20px',\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\n            '&': {\n                width: 'auto',\n                minWidth: '425px',\n                marginRight: '20px',\n            },\n        },\n    },\n})\n\nconst gridTemplateColumns = '23% 20% auto 230px'\nconst gridTemplateColumnsMembers = '8% 92%'\n\ntype WorkplaceCardCellProps = {\n    wp: Workplace\n    allMembers: Member[]\n}\n\nconst WorkplaceCardCell: FC<WorkplaceCardCellProps> = ({ wp, allMembers }) => {\n    const classes = useStyles()\n    const [membersForWorkplace, setMembersForWorkplace] = useState<Member[]>()\n    const [open, setOpen] = useState(false)\n\n    const onClickMapLink = (workplace: Workplace): void => {\n        // eslint-disable-next-line max-len\n        const link = `https://www.google.com/maps/search/?api=1&query=${workplace.address.addressLine1}+${workplace.address.addressLine2}+${workplace.address.addressLine3}%2C+${workplace.address.postNumber}+${workplace.address.postDistrict}`\n\n        window.open(link, '_blank')\n    }\n\n    useEffect(() => {\n        let numberOfMembers = []\n\n        wp.trMemberList.forEach((item) => {\n            numberOfMembers = [...numberOfMembers, ...item.Medlemsidenter]\n        })\n\n        const wpMembersIdents = Array.from(new Set(numberOfMembers))\n        const wpMembers: Member[] = []\n        wpMembersIdents.forEach((item) => {\n            const found = allMembers.find((m) => m.memberId === item)\n\n            if (found) {\n                wpMembers.push(found)\n            }\n        })\n\n        setMembersForWorkplace(wpMembers)\n    }, [wp])\n    return (\n        <Card\n            gridTemplateColumns={gridTemplateColumns}\n            showFooter={open}\n            footer={\n                <>\n                    <div\n                        style={{\n                            paddingLeft: '0',\n                            paddingBottom: '10px',\n                            width: 'auto',\n                            borderBottom: `1px solid ${colors.borderColorLight}`,\n                            margin: '0 20px 20px',\n                        }}\n                    >\n                        <Typography size=\"S\">\n                            Medlemmer på arbejdssted:\n                        </Typography>\n                    </div>\n\n                    {membersForWorkplace\n                        ? membersForWorkplace.map((member) => {\n                              return (\n                                  <>\n                                      <Card\n                                          key={member.memberId}\n                                          gridTemplateColumns={\n                                              gridTemplateColumnsMembers\n                                          }\n                                          url={`/mine-medlemmer/${member.memberId}?backUrl=/mine-arbejdsteder`}\n                                      >\n                                          <CardCell>\n                                              <div\n                                                  className={\n                                                      classes.iconWrapper\n                                                  }\n                                                  style={{\n                                                      paddingLeft: '10px',\n                                                  }}\n                                              >\n                                                  <Circle>\n                                                      <CircleText>\n                                                          {getInitials(\n                                                              member.fullName\n                                                          )}\n                                                      </CircleText>\n                                                  </Circle>\n                                                  <Favorite\n                                                      active={member.isFavorite}\n                                                      right=\"-10px\"\n                                                  />\n                                              </div>\n                                          </CardCell>\n                                          <CardCell>\n                                              <div\n                                                  style={{\n                                                      display: 'flex',\n                                                      alignItems: 'center',\n                                                  }}\n                                              >\n                                                  <Typography size=\"XS\">\n                                                      {member.fullName}\n                                                  </Typography>\n                                                  <div\n                                                      className={\n                                                          classes.noteButton\n                                                      }\n                                                  >\n                                                      <NoteButton\n                                                          onClick={() => {\n                                                              console.log(\n                                                                  'click'\n                                                              )\n                                                          }}\n                                                      >\n                                                          {member.numberOfNotes}\n                                                      </NoteButton>\n                                                  </div>\n                                              </div>\n                                          </CardCell>\n                                      </Card>\n                                  </>\n                              )\n                          })\n                        : null}\n                </>\n            }\n        >\n            <CardCell>\n                <Typography size=\"XS\">{wp.name}</Typography>\n            </CardCell>\n            <CardCell>\n                <div className={classes.showMembers}>\n                    <div className={classes.numberOfMembers}>\n                        {membersForWorkplace && membersForWorkplace.length}{' '}\n                    </div>\n\n                    {membersForWorkplace && membersForWorkplace.length ? (\n                        <Button\n                            type=\"action\"\n                            style={{\n                                fontWeight: 400,\n                                fontSize: '16px',\n                                textDecoration: 'underline',\n                            }}\n                            onClick={() => setOpen(!open)}\n                        >\n                            {!open ? 'Vis medlemmer' : 'Skjul medlemmer'}\n                        </Button>\n                    ) : null}\n                </div>\n            </CardCell>\n            <CardCell>\n                <div style={{ display: 'flex' }}>\n                    <Typography size=\"XS\">\n                        {wp.address.addressLine1}, {wp.address.postNumber}{' '}\n                        {wp.address.postDistrict}\n                    </Typography>\n                    <Button\n                        type=\"action\"\n                        style={{\n                            marginLeft: 'auto',\n                            cursor: 'pointer',\n                        }}\n                        onClick={() => onClickMapLink(wp)}\n                    >\n                        <div style={{ display: 'flex' }}>\n                            <Typography\n                                size=\"XS\"\n                                style={{\n                                    textDecoration: 'underline',\n                                }}\n                            >\n                                Vis vej\n                            </Typography>\n                            <PinFill width=\"20px\" color={colors.green500} />\n                        </div>\n                    </Button>\n                </div>\n            </CardCell>\n            <CardCell>\n                <EditWorkplaceNotes workplace={wp} />\n            </CardCell>\n        </Card>\n    )\n}\n\nexport { WorkplaceCardCell }\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useAtom } from 'jotai'\r\nimport { Link } from 'react-router-dom'\r\nimport { PinFill } from '../../../assets/icons'\r\nimport useSortMembersList from '../../../hooks/useSortMembersList'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { colors } from '../../../theme/palette'\r\nimport { baseButton, sortPlaceholder } from '../../../theme/reuseables'\r\nimport { membersAtom, getMemberWorkPlaces } from '../../../api/members/members'\r\n\r\nimport {\r\n    Card,\r\n    CardCell,\r\n    CardContentMobile,\r\n    CardHeader,\r\n    CardHeaderCell,\r\n    CardList,\r\n    CardMobile,\r\n} from '../../ui/Card'\r\nimport { SortButton } from '../../ui/SortButton'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport {\r\n    workplacesPageAtom,\r\n    allWorkplaces,\r\n    filterSelected,\r\n    searchWorkplaceAtom,\r\n} from '../../../store/filter/filterAtom'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { Workplace } from '../../../models/Workplace'\r\n\r\nimport { NoteButton } from '../../ui/NoteButton'\r\nimport { EditWorkplaceNotes } from '../../modules/notes/EditWorkplaceNotes'\r\nimport { initialSelectedFilters } from '../../../models/Filter'\r\nimport { HeaderLinks } from '../../modules/Headerlinks'\r\nimport { Spinner } from '../../ui/Loaders/Spinner'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport SearchField from '../../ui/SearchField/SearchField'\r\nimport { WorkplaceCardCell } from './WorkplaceCardCell'\r\n\r\nconst useStyles = createUseStyles({\r\n    '@keyframes fadeIn': {\r\n        from: {\r\n            opacity: 0,\r\n        },\r\n        to: {\r\n            opacity: 1,\r\n        },\r\n    },\r\n    container: {\r\n        padding: '0 1.5rem',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                padding: '0',\r\n            },\r\n        },\r\n    },\r\n    headerArea: {\r\n        display: 'flex',\r\n        padding: '.5rem 0',\r\n        minHeight: '5rem',\r\n    },\r\n    headerAreaTop: {\r\n        display: 'flex',\r\n        padding: '1rem 0 .5rem',\r\n        borderBottom: `1px solid ${colors.borderColor}`,\r\n        marginBottom: '1rem',\r\n    },\r\n    topArea: {\r\n        borderBottom: `1px solid ${colors.gray700}`,\r\n        // TODO: remove this when this area has been developed.\r\n        minHeight: '60px',\r\n    },\r\n    headerActions: {\r\n        display: 'flex',\r\n        flexGrow: 1,\r\n        marginLeft: 'auto',\r\n        justifyContent: 'flex-end',\r\n        alignItems: 'flex-start',\r\n        flexShrink: 0,\r\n    },\r\n    sendingEmailSettings: {\r\n        display: 'flex',\r\n        padding: '.5rem 1rem',\r\n        minHeight: '5rem',\r\n        width: '100%',\r\n        backgroundColor: colors.green200,\r\n        color: colors.black,\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        '& span': {\r\n            fontWeight: 700,\r\n        },\r\n        animation: '.5s $fadeIn',\r\n    },\r\n    notes: {\r\n        paddingTop: '20px',\r\n    },\r\n    dialogButtonsContainer: {\r\n        display: 'flex',\r\n        width: '100%',\r\n        justifyContent: 'space-around',\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    modalButtons: {\r\n        display: 'flex',\r\n    },\r\n    modalCheckbox: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        right: '20px',\r\n        top: '20px',\r\n    },\r\n    numnerOfNotes: {\r\n        display: 'flex',\r\n        padding: '30px 0 90px',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n    },\r\n    iconWrapper: {\r\n        position: 'relative',\r\n    },\r\n    noteContent: {\r\n        display: '-webkit-box',\r\n        WebkitLineClamp: '2',\r\n        WebkitBoxOrient: 'vertical',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n    },\r\n    deleteButtons: {\r\n        top: '0',\r\n        right: '0',\r\n        display: 'flex',\r\n        zIndex: '1',\r\n        position: 'absolute',\r\n        flexWrap: 'wrap',\r\n        transition: 'all .3s ease-in',\r\n        justifyContent: 'end',\r\n        width: '100%',\r\n        height: '100%',\r\n        alignItems: 'center',\r\n        background: 'rgba(255,255,255, .7)',\r\n    },\r\n    sortPlaceholder: {\r\n        ...sortPlaceholder,\r\n    },\r\n    googleLink: {\r\n        marginLeft: 'auto',\r\n    },\r\n    showMembers: {\r\n        display: 'flex',\r\n    },\r\n    link: {\r\n        fontWeight: '400',\r\n        fontSize: '16px',\r\n        textDecoration: 'underline',\r\n        color: colors.black,\r\n        '&:visited, &:active, &:focus': {\r\n            color: colors.black,\r\n        },\r\n        '&:hover': {\r\n            color: colors.green500,\r\n        },\r\n    },\r\n    numberOfMembers: {\r\n        fontSize: '16px',\r\n        color: colors.black,\r\n        marginRight: '20px',\r\n    },\r\n    contentMobile: {\r\n        padding: '20px',\r\n    },\r\n    searchField: {\r\n        width: '100%',\r\n        marginRight: '20px',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                width: 'auto',\r\n                minWidth: '425px',\r\n                marginRight: '20px',\r\n            },\r\n        },\r\n    },\r\n})\r\n\r\nconst gridTemplateColumns = '23% 20% auto 230px'\r\n\r\nconst Workplaces: FC = () => {\r\n    const [loading, setLoading] = useState(true)\r\n    const classes = useStyles()\r\n    const { setSort, sortState } = useSortMembersList()\r\n    const [sortedWorkplaces] = useAtom(workplacesPageAtom)\r\n    const [, setSearchAtom] = useAtom(searchWorkplaceAtom)\r\n    const [, setAllWorkplaces] = useAtom(allWorkplaces)\r\n    const [, setFilterSelected] = useAtom(filterSelected)\r\n    const [membersData] = useAtom(membersAtom)\r\n\r\n    const init = (): void => {\r\n        async function fetchData(): Promise<void> {\r\n            setSort('name')\r\n            const res = await getMemberWorkPlaces()\r\n            setAllWorkplaces(res.workplaces)\r\n\r\n            setLoading(false)\r\n        }\r\n\r\n        fetchData()\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (!sortState) {\r\n            setSort('date')\r\n        }\r\n        init()\r\n\r\n        return () => {\r\n            setFilterSelected(initialSelectedFilters)\r\n        }\r\n    }, [])\r\n\r\n    const getNumberOfMembers = (workPlace: Workplace): number => {\r\n        let numberOfMembers = []\r\n\r\n        workPlace.trMemberList.forEach((item) => {\r\n            numberOfMembers = [...numberOfMembers, ...item.Medlemsidenter]\r\n        })\r\n\r\n        const members = Array.from(new Set(numberOfMembers))\r\n\r\n        return members.length\r\n    }\r\n\r\n    const onClickMapLink = (wp: Workplace): void => {\r\n        // eslint-disable-next-line max-len\r\n        const link = `https://www.google.com/maps/search/?api=1&query=${wp.address.addressLine1}+${wp.address.addressLine2}+${wp.address.addressLine3}%2C+${wp.address.postNumber}+${wp.address.postDistrict}`\r\n\r\n        window.open(link, '_blank')\r\n    }\r\n\r\n    const onSearch = (search: string): void => {\r\n        setSearchAtom(search)\r\n    }\r\n\r\n    const useSearch = (search: string): void => {\r\n        setSearchAtom(search)\r\n    }\r\n\r\n    if (loading) return <Spinner />\r\n\r\n    return (\r\n        <div className={`${classes.container} page-up`}>\r\n            <div className={`${classes.headerAreaTop} desktop-only`}>\r\n                <div className={classes.headerActions}>\r\n                    <HeaderLinks />\r\n                </div>\r\n            </div>\r\n            <div className={classes.headerArea}>\r\n                <div className=\"desktop-only\">\r\n                    <Typography tag=\"h1\" size=\"XXXXL\">\r\n                        Mine arbejdssteder\r\n                    </Typography>\r\n                </div>\r\n            </div>\r\n            <div className={classes.headerArea}>\r\n                <Typography tag=\"p\" size=\"S\" color={colors.gray900}>\r\n                    {L_HTML('MINEARBEJDSSTEDER_ARKIVEREDE_OVERSKRIFT_TEXT')}\r\n                </Typography>\r\n            </div>\r\n            <div style={{ marginTop: '10px' }}>\r\n                <div className={classes.headerActions}>\r\n                    <div className={classes.searchField}>\r\n                        <SearchField\r\n                            autoFocus\r\n                            label={L('MINEARBEJDSSTEDER_SØGEFELT_LABEL')}\r\n                            required={false}\r\n                            typeSearch=\"primary\"\r\n                            searchButtonLabel={L(\r\n                                'MINEARBEJDSSTEDER_SØGEFELT_LABEL'\r\n                            )}\r\n                            onSearch={onSearch}\r\n                            onChange={useSearch}\r\n                            // style={{ minWidth: '425px', marginRight: '20px' }}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className={`${classes.notes}`}>\r\n                {sortedWorkplaces && sortedWorkplaces.length ? (\r\n                    <CardList>\r\n                        <CardHeader gridTemplateColumns={gridTemplateColumns}>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('name')}\r\n                                    sort={sortState}\r\n                                    name=\"name\"\r\n                                >\r\n                                    Arbejdssted\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('numberOfMembers')}\r\n                                    sort={sortState}\r\n                                    name=\"numberOfMembers\"\r\n                                >\r\n                                    Medlemmer\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <div className={classes.sortPlaceholder}>\r\n                                    Adresse\r\n                                </div>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('notes')}\r\n                                    sort={sortState}\r\n                                    name=\"notes\"\r\n                                >\r\n                                    <span style={{ paddingLeft: '18px' }}>\r\n                                        Noter\r\n                                    </span>\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                        </CardHeader>\r\n                        {sortedWorkplaces.map((wp) => (\r\n                            <div key={wp.number}>\r\n                                <CardMobile gridTemplateColumns=\"auto\">\r\n                                    <div className={classes.contentMobile}>\r\n                                        <CardContentMobile>\r\n                                            <Typography\r\n                                                tag=\"h3\"\r\n                                                size=\"XS\"\r\n                                                spacing=\".2rem\"\r\n                                                color=\"rgba(0, 0, 0, 0.9)\"\r\n                                            >\r\n                                                {wp.name}\r\n                                            </Typography>\r\n                                            <Typography\r\n                                                size=\"XS\"\r\n                                                spacing=\".2rem\"\r\n                                                color=\"rgba(0, 0, 0, 0.6)\"\r\n                                            >\r\n                                                <Typography size=\"XS\">\r\n                                                    {wp.address.addressLine1},{' '}\r\n                                                    {wp.address.postNumber}{' '}\r\n                                                    {wp.address.postDistrict}\r\n                                                </Typography>\r\n                                            </Typography>\r\n                                            <Button\r\n                                                type=\"action\"\r\n                                                style={{\r\n                                                    cursor: 'pointer',\r\n                                                }}\r\n                                                onClick={() =>\r\n                                                    onClickMapLink(wp)\r\n                                                }\r\n                                            >\r\n                                                <div\r\n                                                    style={{ display: 'flex' }}\r\n                                                >\r\n                                                    <Typography\r\n                                                        size=\"XS\"\r\n                                                        style={{\r\n                                                            textDecoration:\r\n                                                                'underline',\r\n                                                        }}\r\n                                                    >\r\n                                                        Vis vej\r\n                                                    </Typography>\r\n                                                    <PinFill\r\n                                                        width=\"20px\"\r\n                                                        color={colors.green500}\r\n                                                    />\r\n                                                </div>\r\n                                            </Button>\r\n                                            <EditWorkplaceNotes\r\n                                                workplace={wp}\r\n                                            />\r\n                                        </CardContentMobile>\r\n                                    </div>\r\n                                </CardMobile>\r\n                                <WorkplaceCardCell\r\n                                    wp={wp}\r\n                                    allMembers={membersData.members}\r\n                                />\r\n                            </div>\r\n                        ))}\r\n                    </CardList>\r\n                ) : null}\r\n            </div>\r\n            <div className={classes.numnerOfNotes}>\r\n                <Typography size=\"XS\">\r\n                    Viser {sortedWorkplaces.length} arbejdssteder\r\n                </Typography>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { Workplaces }\r\n","/* eslint-disable react/require-default-props */\r\nimport React from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { colors } from '../../../theme/palette'\r\nimport { useWindowResize } from '../../../hooks/useWindowSize'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { CircleIcon, Circle, CircleImage } from '../Circle/Circle'\r\nimport { Typography } from '../Typography/Typography'\r\n\r\ntype RuleNames = 'column' | 'titleContainer' | 'rowContainer' | 'hr'\r\n\r\ninterface StyleProps {\r\n    gridTemplateColumns?: string\r\n    iconWidth?: string\r\n}\r\n\r\nexport type Row = {\r\n    label: string\r\n    value: string | number\r\n    profilePicture?: {\r\n        content: string\r\n        mimeType: string\r\n    }\r\n    useContent?: boolean\r\n    content?: JSX.Element\r\n    mailToLinkIcon?: JSX.Element\r\n}\r\n\r\ntype Props = {\r\n    gridTemplateColumns?: string\r\n    titleLabel?: string\r\n    titleIcon?: JSX.Element\r\n    rows?: Row[]\r\n    iconWidth?: string\r\n    hideTitle?: boolean\r\n}\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>(() => ({\r\n    column: ({ gridTemplateColumns }) => {\r\n        return {\r\n            backgroundColor: colors.white,\r\n            width: '100%',\r\n            gridTemplateColumns,\r\n            borderRadius: '.5rem',\r\n            height: 'fit-content',\r\n            marginBottom: '20px',\r\n            minWidth: 0,\r\n        }\r\n    },\r\n    titleContainer: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'flex-start',\r\n        padding: '1rem',\r\n    },\r\n    rowContainer: {\r\n        padding: '.75rem 1rem .75rem 1rem',\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        wordBreak: 'break-word',\r\n\r\n        '& a': {\r\n            display: 'inline-flex',\r\n        },\r\n    },\r\n    hr: {\r\n        opacity: '.4',\r\n        margin: '0',\r\n    },\r\n}))\r\n\r\n// TODO add possibility to have a tooltip - ? icon\r\nconst CardColumn: React.FC<Props> = ({\r\n    gridTemplateColumns,\r\n    titleIcon,\r\n    titleLabel,\r\n    iconWidth,\r\n    hideTitle,\r\n    rows = [\r\n        {\r\n            label: '',\r\n            value: '',\r\n            profilePicture: {\r\n                content: null,\r\n                mimeType: null,\r\n            },\r\n            mailToLinkIcon: null,\r\n        },\r\n    ],\r\n}) => {\r\n    const windowSize = useWindowResize()\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = useStyles({ ...{ gridTemplateColumns }, theme })\r\n    return (\r\n        <div className={classes.column}>\r\n            {!hideTitle ? (\r\n                <div className={classes.titleContainer}>\r\n                    <Circle>\r\n                        <CircleIcon iconWidth={iconWidth}>\r\n                            {titleIcon}\r\n                        </CircleIcon>\r\n                    </Circle>\r\n\r\n                    <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\" weight=\"bold\">\r\n                        {titleLabel}\r\n                    </Typography>\r\n                </div>\r\n            ) : null}\r\n            {rows.map((row, index) => {\r\n                if (row.label.length === 0 && !row.useContent) {\r\n                    return <></>\r\n                }\r\n\r\n                if (row.useContent && row.content) {\r\n                    return (\r\n                        <>\r\n                            <hr className={classes.hr} />\r\n                            <div className={classes.rowContainer}>\r\n                                {row.content}\r\n                            </div>\r\n                        </>\r\n                    )\r\n                }\r\n\r\n                return (\r\n                    <>\r\n                        {!hideTitle || (hideTitle && index !== 0) ? (\r\n                            <hr className={classes.hr} />\r\n                        ) : null}\r\n                        <div className={classes.rowContainer}>\r\n                            <>\r\n                                {row?.profilePicture?.content &&\r\n                                    row?.profilePicture?.mimeType && (\r\n                                        <CircleImage\r\n                                            // eslint-disable-next-line max-len\r\n                                            url={`${row?.profilePicture?.mimeType}${row?.profilePicture?.content}`}\r\n                                        />\r\n                                    )}\r\n                            </>\r\n                            <div>\r\n                                <Typography\r\n                                    tag=\"h4\"\r\n                                    size=\"XXS\"\r\n                                    color=\" rgba(0, 0, 0, 0.4)\"\r\n                                >\r\n                                    {row.label}\r\n                                </Typography>\r\n                                <Typography tag=\"p\" size=\"XS\">\r\n                                    {row.value}\r\n                                </Typography>\r\n                            </div>\r\n                            {row?.mailToLinkIcon && row.mailToLinkIcon}\r\n                        </div>\r\n                    </>\r\n                )\r\n            })}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { CardColumn }\r\n","/* eslint-disable react/require-default-props */\r\nimport React from 'react'\r\nimport { createUseStyles, useTheme } from 'react-jss'\r\nimport { useWindowResize } from '../../../hooks/useWindowSize'\r\nimport breakpoints from '../../../theme/breakpoints'\r\n\r\ntype RuleNames = 'container'\r\n\r\ninterface StyleProps {\r\n    gridTemplateColumns?: string\r\n}\r\n\r\ntype Props = {\r\n    gridTemplateColumns?: string\r\n}\r\n\r\nconst useStyles = createUseStyles<RuleNames, StyleProps, Jss.Theme>(() => ({\r\n    container: {\r\n        width: '100%',\r\n        display: 'grid',\r\n        gridGap: '1.5rem',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                gridTemplateColumns: '1fr 1fr 1fr',\r\n            },\r\n        },\r\n    },\r\n}))\r\n\r\nconst CardColumnContainer: React.FC<Props> = ({\r\n    gridTemplateColumns,\r\n    children,\r\n}) => {\r\n    const windowSize = useWindowResize()\r\n    const theme = useTheme<Jss.Theme>()\r\n    const classes = useStyles({ ...{ gridTemplateColumns }, theme })\r\n\r\n    // if (windowSize.width >= breakpoints.Desktop) {\r\n    //     return <div className={classes.container}>{children}</div>\r\n    // }\r\n\r\n    return <div className={classes.container}>{children}</div>\r\n}\r\n\r\nexport { CardColumnContainer }\r\n","import React, { FC, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useForm } from 'react-hook-form'\r\nimport { useAtom } from 'jotai'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport {\r\n    ContactLedger,\r\n    Edit,\r\n    PersonalInfo,\r\n    LockFill,\r\n    CheckFill,\r\n    SuitcaseFill,\r\n} from '../../../assets/icons'\r\nimport { Circle } from '../../ui/Card'\r\nimport { CircleIcon } from '../../ui/Circle/Circle'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { Input } from '../../ui/FormElememts/stories/Input.stories'\r\nimport { colors } from '../../../theme/palette'\r\nimport { formatDate } from '../../../utils/format'\r\nimport { FormInput, FormInputNumber } from '../FormElements/FormInput'\r\nimport { FormControl } from '../../ui/FormElememts/FormControl'\r\nimport { FormHeader } from '../../ui/FormElememts/FormHeader'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { Overlay } from '../../ui/Sidebar'\r\nimport { Dialog } from '../../ui/Dialog/Dialog'\r\nimport { DrawerHeaderMemberInfo } from '../FormElements/DrawerHeader'\r\nimport { Profile } from '../../../models/Profile'\r\nimport {\r\n    getProfileAtom,\r\n    updateProfile,\r\n    profileAtom,\r\n} from '../../../api/profile/profile'\r\nimport { FormMessage } from '../../ui/FormElememts/FormMessage'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { ImitatorNoAccessWarning } from '../Imitator/ImitatorNoAccessWarning'\r\n\r\ninterface EditProps {\r\n    profile: Profile\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    contentWrapper: {\r\n        padding: '100px 20px 20px',\r\n        overflow: 'auto',\r\n        height: '100%',\r\n        paddingBottom: '80px',\r\n    },\r\n    accordionWrapper: {\r\n        marginBottom: '20px',\r\n    },\r\n    select: {\r\n        position: 'relative',\r\n        height: '3.125rem',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '.75rem',\r\n        cursor: 'pointer',\r\n        color: colors.labelColor,\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    bottom: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        bottom: '0',\r\n        width: '100%',\r\n        padding: '20px',\r\n        left: '0',\r\n        background: colors.white,\r\n        zIndex: 4,\r\n        borderTop: `1px solid ${colors.borderColor}`,\r\n        '& > button': {\r\n            flexGrow: 1,\r\n        },\r\n        '& > button:last-of-type': {\r\n            marginRight: '0',\r\n        },\r\n    },\r\n})\r\n\r\nexport type RegistrationFormFields = {\r\n    KontaktTR: {\r\n        Mobil: string\r\n        Email: string\r\n    }\r\n    TotalAntalKollegaerBrugerDaekker: number\r\n}\r\n\r\nexport interface IUpdateMyProfileData {\r\n    KontaktTR?: {\r\n        Mobil?: string\r\n        Email?: string\r\n    }\r\n    TotalAntalKollegaerBrugerDaekker?: number\r\n}\r\n\r\nexport const EditMyProfile: FC<EditProps> = ({ profile }) => {\r\n    const { register, handleSubmit, formState, reset } =\r\n        useForm<RegistrationFormFields>()\r\n    const classes = useStyles()\r\n    const [isOpen, setIsOpen] = useState(false)\r\n    const [showDialog, setShowDialog] = useState(false)\r\n    const [, update] = useAtom(getProfileAtom)\r\n    const { isDirty, dirtyFields, errors } = formState\r\n    const [authProfile] = useAtom(profileAtom)\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n\r\n    const resetForm = (): void => {\r\n        reset()\r\n    }\r\n\r\n    const onSubmit = async (data: RegistrationFormFields): Promise<void> => {\r\n        if (authProfile.isImitator) {\r\n            setShowImitatorModal(true)\r\n            return\r\n        }\r\n\r\n        if (Object.keys(dirtyFields).length) {\r\n            const fieldsToEdit: IUpdateMyProfileData = {}\r\n\r\n            if (dirtyFields.KontaktTR) {\r\n                fieldsToEdit.KontaktTR = {}\r\n                if (\r\n                    dirtyFields.KontaktTR.Mobil &&\r\n                    data.KontaktTR.Mobil !== ''\r\n                ) {\r\n                    fieldsToEdit.KontaktTR.Mobil = data.KontaktTR.Mobil\r\n                }\r\n                if (\r\n                    dirtyFields.KontaktTR.Email &&\r\n                    data.KontaktTR.Email !== ''\r\n                ) {\r\n                    fieldsToEdit.KontaktTR.Email = data.KontaktTR.Email\r\n                }\r\n            }\r\n\r\n            try {\r\n                const response = updateProfile(fieldsToEdit)\r\n                if (response) {\r\n                    update({ type: 'refetch' })\r\n                    setIsOpen(false)\r\n                    setShowDialog(true)\r\n                    resetForm()\r\n                }\r\n            } catch (err) {\r\n                console.log('fetch failed', err)\r\n            }\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <button\r\n                type=\"button\"\r\n                className={classes.button}\r\n                onClick={() => setIsOpen(true)}\r\n            >\r\n                <Circle marginRight=\".5rem\">\r\n                    <CircleIcon>\r\n                        <Edit />\r\n                    </CircleIcon>\r\n                </Circle>\r\n                <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                    {L('TRPROFIL_DETALJE_REDIGERMEDLEM_KNAP')}\r\n                </Typography>\r\n            </button>\r\n            <Overlay\r\n                isShowing={isOpen}\r\n                hide={() => {\r\n                    reset()\r\n                    setIsOpen(false)\r\n                }}\r\n            >\r\n                <DrawerHeaderMemberInfo profile={profile} />\r\n                <form\r\n                    onSubmit={handleSubmit(onSubmit)}\r\n                    className={classes.contentWrapper}\r\n                >\r\n                    <Typography\r\n                        tag=\"h2\"\r\n                        size=\"XL\"\r\n                        align=\"center\"\r\n                        weight=\"bold\"\r\n                        style={{ margin: '20px 0 10px' }}\r\n                    >\r\n                        {L('TR-PROFIL_REDIGER_DATA_OVERSKRIFT')}\r\n                    </Typography>\r\n\r\n                    <FormHeader>\r\n                        <Circle marginRight=\".5rem\">\r\n                            <CircleIcon iconWidth=\"16px\">\r\n                                <ContactLedger />\r\n                            </CircleIcon>\r\n                        </Circle>\r\n                        <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                            Kontakt\r\n                        </Typography>\r\n                    </FormHeader>\r\n                    <FormControl>\r\n                        <FormInputNumber\r\n                            label=\"Tillidsvalgt mobil\"\r\n                            name=\"KontaktTR.Mobil\"\r\n                            required={false}\r\n                            register={register}\r\n                            defaultValue={profile.privateContact?.mobile}\r\n                            hasError={!!errors?.KontaktTR?.Mobil.message}\r\n                            rules={{\r\n                                validate: (value) =>\r\n                                    value.length > 7 ||\r\n                                    !value ||\r\n                                    L('GENERISK_FORM_MOBIL_VALIDERINGS_TEKST'),\r\n                            }}\r\n                        />\r\n                        <FormMessage\r\n                            text={L('GENERISK_FORM_MOBIL_VALIDERINGS_TEKST')}\r\n                            error={errors?.KontaktTR?.Mobil.message}\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormInput\r\n                            label=\"Tillidsvalgt email\"\r\n                            name=\"KontaktTR.Email\"\r\n                            required={false}\r\n                            register={register}\r\n                            type=\"email\"\r\n                            defaultValue={profile.privateContact?.email || ''}\r\n                        />\r\n                    </FormControl>\r\n                    <div className={classes.bottom}>\r\n                        <Button\r\n                            onClick={() => {\r\n                                setIsOpen(false)\r\n                                reset()\r\n                            }}\r\n                            type=\"secondary\"\r\n                            size=\"large\"\r\n                        >\r\n                            Luk\r\n                        </Button>\r\n                        <Button\r\n                            buttonType=\"submit\"\r\n                            type=\"primary\"\r\n                            size=\"large\"\r\n                            disabled={!isDirty}\r\n                        >\r\n                            {L('TR-PROFIL_REDIGER_DATA_INDSEND_KNAP')}\r\n                        </Button>\r\n                    </div>\r\n\r\n                    <div />\r\n                </form>\r\n            </Overlay>\r\n            {showDialog ? (\r\n                <Dialog\r\n                    trigger={null}\r\n                    defaultOpen\r\n                    hideClose\r\n                    icon={<LockFill width=\"46px\" />}\r\n                >\r\n                    <Typography\r\n                        style={{ marginBottom: '30px' }}\r\n                        size=\"L\"\r\n                        align=\"center\"\r\n                    >\r\n                        {L_HTML('EGEN-PROFIL-REDIGER_POPUP_OVERSKRIFT')}\r\n                    </Typography>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        style={{ marginBottom: '30px' }}\r\n                        align=\"center\"\r\n                    >\r\n                        {L_HTML('EGEN-PROFIL-REDIGER_POPUP_TEXT')}\r\n                    </Typography>\r\n                    <Button size=\"xlarge\" onClick={() => setShowDialog(false)}>\r\n                        {L_HTML('EGEN-PROFIL-REDIGER_POPUP_KNAP')}\r\n                    </Button>\r\n                </Dialog>\r\n            ) : null}\r\n            <ImitatorNoAccessWarning\r\n                show={showImitatorModal}\r\n                onClose={() => setShowImitatorModal(false)}\r\n            />\r\n        </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useInView } from 'react-intersection-observer'\r\nimport CountUp from 'react-countup'\r\nimport { colors } from '../../../theme/palette'\r\nimport { Typography } from '../Typography/Typography'\r\n\r\ninterface PercentCircleProps {\r\n    size: number\r\n    strokeWidth: number\r\n    percentage: number\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    container: {\r\n        position: 'relative',\r\n        backgroundColor: colors.green500,\r\n        borderRadius: '.5rem',\r\n        display: 'flex',\r\n        height: 'fit-content',\r\n        flexDirection: 'column',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        padding: '2rem',\r\n        textAlign: 'center',\r\n    },\r\n    svgContainer: {\r\n        padding: '2rem',\r\n    },\r\n    text: {\r\n        position: 'absolute',\r\n        top: '50%',\r\n        left: '50%',\r\n        transform: 'translate(-50%, -50%)',\r\n        color: colors.white,\r\n    },\r\n    percentage: {\r\n        fontWeight: 700,\r\n    },\r\n})\r\n\r\nconst PercentCircle: React.FC<PercentCircleProps> = ({\r\n    size,\r\n    strokeWidth,\r\n    percentage,\r\n}) => {\r\n    const classes = useStyles()\r\n    const [progress, setProgress] = useState(0)\r\n    const { ref, inView } = useInView()\r\n\r\n    useEffect(() => {\r\n        if (inView) {\r\n            setProgress(percentage)\r\n        } else {\r\n            setProgress(0)\r\n        }\r\n    }, [inView, percentage])\r\n\r\n    const viewBox = `0 0 ${size} ${size}`\r\n    const radius = (size - strokeWidth) / 2\r\n    const circumference = radius * Math.PI * 2\r\n    const dash = (progress * circumference) / 100\r\n\r\n    return (\r\n        <div className={classes.container} ref={ref}>\r\n            {/* <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\" color=\"white\">\r\n                Organiseringsprocent\r\n            </Typography> */}\r\n            <div className={classes.svgContainer}>\r\n                <svg width={size} height={size} viewBox={viewBox}>\r\n                    <circle\r\n                        fill=\"none\"\r\n                        stroke=\"white\"\r\n                        strokeOpacity=\"0.100497\"\r\n                        cx={size / 2}\r\n                        cy={size / 2}\r\n                        r={radius}\r\n                        strokeWidth={`${strokeWidth}px`}\r\n                    />\r\n                    <circle\r\n                        fill=\"none\"\r\n                        stroke=\"white\"\r\n                        cx={size / 2}\r\n                        cy={size / 2}\r\n                        r={radius}\r\n                        strokeWidth={`${strokeWidth}px`}\r\n                        transform={`rotate(-90 ${size / 2} ${size / 2})`}\r\n                        strokeDasharray={String([dash, circumference - dash])}\r\n                        strokeLinecap=\"round\"\r\n                        style={{ transition: 'all 0.5s' }}\r\n                    />\r\n                </svg>\r\n                <div className={classes.text}>\r\n                    <Typography\r\n                        tag=\"h3\"\r\n                        size=\"XXXL\"\r\n                        spacing=\".2rem\"\r\n                        color=\"white\"\r\n                        weight=\"bold\"\r\n                    >\r\n                        {inView && (\r\n                            <>\r\n                                <CountUp\r\n                                    end={percentage}\r\n                                    start={0}\r\n                                    duration={0.5}\r\n                                />\r\n                                <span>%</span>\r\n                            </>\r\n                        )}\r\n                    </Typography>\r\n                </div>\r\n            </div>\r\n            {/* <Typography tag=\"h3\" size=\"S\" spacing=\".2rem\" color=\"white\">\r\n                <span className={classes.percentage}>\r\n                    {inView && (\r\n                        <>\r\n                            <CountUp\r\n                                end={percentage}\r\n                                start={0}\r\n                                duration={0.5}\r\n                            />\r\n                            <span>%</span>\r\n                        </>\r\n                    )}\r\n                </span>{' '}\r\n                af dine kollegaer er organiseret\r\n            </Typography> */}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { PercentCircle }\r\n","export default __webpack_public_path__ + \"static/media/gmapsBgImage.08e42bea.png\";","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport GmapsImage from '../../../assets/img/gmapsBgImage.png'\r\nimport { L } from '../../providers/Lokalise'\r\nimport { ButtonLink } from '../Button/Button'\r\n\r\ninterface Props {\r\n    customedGmapsUrl: string\r\n}\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    gmapsContainer: {\r\n        position: 'relative',\r\n    },\r\n    gmapsImage: {\r\n        objectFit: 'cover',\r\n        width: '100%',\r\n        height: '100%',\r\n    },\r\n    gmapsButton: {\r\n        position: 'absolute',\r\n        bottom: '.75rem',\r\n        right: '.75rem',\r\n    },\r\n}))\r\n\r\nconst GmapsLink: React.FC<Props> = ({ customedGmapsUrl }) => {\r\n    const classes = useStyles()\r\n    return (\r\n        <div className={classes.gmapsContainer}>\r\n            <img\r\n                src={GmapsImage}\r\n                alt=\"gmaps illustration\"\r\n                className={classes.gmapsImage}\r\n            />\r\n            <div className={classes.gmapsButton}>\r\n                <ButtonLink\r\n                    type=\"primary\"\r\n                    size=\"large\"\r\n                    href={customedGmapsUrl}\r\n                    target=\"_blank\"\r\n                >\r\n                    {L('GENERISK_VISVEJ_KNAP')}\r\n                </ButtonLink>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { GmapsLink }\r\n","import React, { FC, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { Check, ChevronLeft, SuitcaseFill } from '../../../assets/icons'\r\nimport { Member } from '../../../models/Member'\r\nimport { Profile } from '../../../models/Profile'\r\nimport { Workplace } from '../../../models/Workplace'\r\nimport { colors } from '../../../theme/palette'\r\nimport { buildRow } from '../../pages/MyProfile'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { Circle } from '../../ui/Card'\r\nimport { Row } from '../../ui/Card/CardColumn'\r\nimport { CircleIcon } from '../../ui/Circle/Circle'\r\nimport { GmapsLink } from '../../ui/GmapsLink/GmapsLink'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\n\r\ninterface WorkPlaceProps {\r\n    selectedWorkplace: Workplace\r\n    setSelectedWorkplace: (workplace: Workplace) => void\r\n    workplaces: Workplace[]\r\n    profile: Profile | Member\r\n    beforContent?: JSX.Element\r\n    afterContent?: JSX.Element\r\n    showHo?: boolean\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    column: {\r\n        backgroundColor: colors.white,\r\n        width: '100%',\r\n        borderRadius: '.5rem',\r\n        height: 'fit-content',\r\n        marginBottom: '20px',\r\n    },\r\n    titleContainer: {\r\n        position: 'relative',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'flex-start',\r\n        padding: '1rem',\r\n    },\r\n    rowContainer: {\r\n        padding: '.75rem 1rem .75rem 1rem',\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n\r\n        '& a': {\r\n            display: 'inline-flex',\r\n        },\r\n    },\r\n    hr: {\r\n        opacity: '.4',\r\n        margin: '0',\r\n    },\r\n    dropdownIcon: {\r\n        transform: 'rotate(90deg)',\r\n        position: 'absolute',\r\n        right: '27px',\r\n        top: '29px',\r\n        transition: 'all .15s',\r\n        '&.active': {\r\n            transform: 'rotate(-90deg)',\r\n        },\r\n    },\r\n    dropdownItem: {\r\n        position: 'relative',\r\n        display: 'flex',\r\n        border: 'none',\r\n        padding: '0 0 10px',\r\n    },\r\n    dropdownItems: {\r\n        width: '100%',\r\n        // display: 'flex',\r\n        flexDirection: 'column',\r\n        padding: '10px 20px 20px 22px',\r\n        display: 'none',\r\n        height: 0,\r\n        transition: 'height .15s',\r\n        '&.active': {\r\n            display: 'flex',\r\n            height: 'auto',\r\n        },\r\n    },\r\n    check: {\r\n        position: 'relative',\r\n        marginLeft: '5px',\r\n        top: '-1px',\r\n    },\r\n})\r\n\r\nconst WorkplaceDropdown: FC<WorkPlaceProps> = ({\r\n    workplaces,\r\n    selectedWorkplace,\r\n    setSelectedWorkplace,\r\n    profile,\r\n    beforContent,\r\n    afterContent,\r\n    showHo,\r\n}) => {\r\n    const classes = useStyles()\r\n    const [isOpen, setIsOpen] = useState(false)\r\n\r\n    const getPositionName = (\r\n        workPlace: Workplace,\r\n        member: Profile | Member\r\n    ): string => {\r\n        const id = workPlace.postionNumber\r\n        const group = member.positions.find((pos) => +pos.id === +id)\r\n        return group.name || '-'\r\n    }\r\n\r\n    const getGroupName = (member: Profile | Member): string => {\r\n        const id = member.primaryWorkPlace.postionNumber\r\n        const group = member.positions.find((pos) => +pos.id === +id)\r\n        return group.group.name || '-'\r\n    }\r\n\r\n    const getPositionInfoRows = (workplace: Workplace): Row[] => {\r\n        return [\r\n            buildRow(\r\n                getPositionName(workplace, profile),\r\n                L('GENERISK_FORM_STILLING_LABEL')\r\n            ),\r\n            buildRow(workplace?.hoursPerWeek, L('GENERISK_FORM_TIMETAL_LABEL')),\r\n            buildRow(getGroupName(profile), L('GENERISK_FORM_FAGGRUPPE_LABEL')),\r\n        ]\r\n    }\r\n\r\n    let customedGmapsUrl = ''\r\n    if (selectedWorkplace?.address) {\r\n        const {\r\n            addressLine1,\r\n            addressLine2,\r\n            addressLine3,\r\n            postDistrict,\r\n            postNumber,\r\n        } = selectedWorkplace?.address\r\n        customedGmapsUrl = `https://www.google.com/maps/search/?api=1&query=${addressLine1}+${addressLine2}+${addressLine3}%2C+${postNumber}+${postDistrict}`\r\n    }\r\n\r\n    return (\r\n        <div className={classes.column}>\r\n            <Button\r\n                type=\"action\"\r\n                style={{\r\n                    width: '100%',\r\n                    borderRadius: 0,\r\n                    cursor: workplaces.length > 1 ? 'pointer' : 'auto',\r\n                }}\r\n                onClick={() => {\r\n                    if (workplaces.length > 1) {\r\n                        setIsOpen(!isOpen)\r\n                    }\r\n                }}\r\n            >\r\n                <div className={classes.titleContainer}>\r\n                    <Circle>\r\n                        <CircleIcon>\r\n                            <SuitcaseFill />\r\n                        </CircleIcon>\r\n                    </Circle>\r\n\r\n                    <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\" weight=\"bold\">\r\n                        {L_HTML('GENERISK_FORM_ANSÆTTELSE_TITEL')}\r\n                    </Typography>\r\n\r\n                    {workplaces.length > 1 ? (\r\n                        <div\r\n                            className={\r\n                                classes.dropdownIcon + (isOpen ? ' active' : '')\r\n                            }\r\n                        >\r\n                            <ChevronLeft width=\"10px\" />\r\n                        </div>\r\n                    ) : null}\r\n                </div>\r\n            </Button>\r\n\r\n            {workplaces.length > 1 ? (\r\n                <div\r\n                    className={\r\n                        classes.dropdownItems + (isOpen ? ' active' : '')\r\n                    }\r\n                >\r\n                    {workplaces.map((w) => {\r\n                        return (\r\n                            <Button\r\n                                type=\"action\"\r\n                                onClick={() => {\r\n                                    setIsOpen(false)\r\n                                    setSelectedWorkplace(w)\r\n                                }}\r\n                            >\r\n                                <div className={classes.dropdownItem}>\r\n                                    <Typography\r\n                                        tag=\"p\"\r\n                                        size=\"S\"\r\n                                        // color={colors.green500}\r\n                                        weight={\r\n                                            selectedWorkplace.number ===\r\n                                            w.number\r\n                                                ? 'bold'\r\n                                                : 'normal'\r\n                                        }\r\n                                    >\r\n                                        {w.name}\r\n                                    </Typography>\r\n                                    {selectedWorkplace.number === w.number ? (\r\n                                        <div className={classes.check}>\r\n                                            <Check width=\"25px\" />\r\n                                        </div>\r\n                                    ) : null}\r\n                                </div>\r\n                            </Button>\r\n                        )\r\n                    })}\r\n                </div>\r\n            ) : null}\r\n\r\n            <hr className={classes.hr} />\r\n\r\n            {beforContent ? (\r\n                <div className={classes.rowContainer}>{beforContent}</div>\r\n            ) : null}\r\n\r\n            <>\r\n                <div className={classes.rowContainer}>\r\n                    <div\r\n                        style={{\r\n                            display: 'flex',\r\n                            flexDirection: 'column',\r\n                            width: '100%',\r\n                        }}\r\n                    >\r\n                        <Typography\r\n                            tag=\"h4\"\r\n                            size=\"XXS\"\r\n                            color=\" rgba(0, 0, 0, 0.4)\"\r\n                        >\r\n                            Arbejdssted\r\n                        </Typography>\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"XS\"\r\n                            style={{ marginBottom: '10px' }}\r\n                        >\r\n                            {selectedWorkplace.name}\r\n                        </Typography>\r\n                        <GmapsLink customedGmapsUrl={customedGmapsUrl} />\r\n                    </div>\r\n                </div>\r\n                {getPositionInfoRows(selectedWorkplace).map((row) => {\r\n                    return (\r\n                        <>\r\n                            {row.label === 'Timetal' && !showHo ? null : (\r\n                                <>\r\n                                    <hr className={classes.hr} />\r\n                                    <div className={classes.rowContainer}>\r\n                                        <div>\r\n                                            <Typography\r\n                                                tag=\"h4\"\r\n                                                size=\"XXS\"\r\n                                                color=\" rgba(0, 0, 0, 0.4)\"\r\n                                            >\r\n                                                {row.label}\r\n                                            </Typography>\r\n                                            <Typography tag=\"p\" size=\"XS\">\r\n                                                {row.value}\r\n                                            </Typography>\r\n                                        </div>\r\n                                    </div>\r\n                                </>\r\n                            )}\r\n                        </>\r\n                    )\r\n                })}\r\n            </>\r\n\r\n            {afterContent ? (\r\n                <div className={classes.rowContainer}>{afterContent}</div>\r\n            ) : null}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { WorkplaceDropdown }\r\n","import { useAtom } from 'jotai'\r\nimport React, { useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\n\r\nimport { Profile } from '../../../models/Profile'\r\nimport { getInitials } from '../../../utils/initials'\r\n\r\nimport {\r\n    getProfileAtom,\r\n    profileAtom,\r\n    updateProfile,\r\n} from '../../../api/profile/profile'\r\nimport { colors } from '../../../theme/palette'\r\nimport { CircleText, CircleIcon2 } from '../../ui/Circle/Circle'\r\nimport { CardColumn, Row } from '../../ui/Card/CardColumn'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport {\r\n    CheckFill,\r\n    Foa,\r\n    PersonalInfo,\r\n    ContactLedger,\r\n    Envelop,\r\n    Close,\r\n} from '../../../assets/icons'\r\nimport { CardColumnContainer } from '../../ui/Card/CardColumnContainer'\r\nimport { formatDate } from '../../../utils/format'\r\nimport {\r\n    EditMyProfile,\r\n    IUpdateMyProfileData,\r\n} from '../../modules/EditMyProfile'\r\nimport { Workplace } from '../../../models/Workplace'\r\nimport { PercentCircle } from '../../ui/PercentLevel/PercentLevel'\r\nimport { TypeOfRepresentative } from '../../../models/TypeOfRepresentative'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { Member } from '../../../models/Member'\r\nimport { WorkplaceDropdown } from '../../modules/WorkplaceDropdown'\r\nimport { Input } from '../../ui/FormElememts/Input'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { getSuppleantNamesForTR, isSuppleantFor } from '../../../utils/utils'\r\nimport { ImitatorNoAccessWarning } from '../../modules/Imitator/ImitatorNoAccessWarning'\r\n\r\nconst useStyles = createUseStyles({\r\n    container: {\r\n        color: colors.black,\r\n        padding: '0 1.5rem',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                gridTemplateColumns: '1fr 1fr 1fr',\r\n                padding: '0 0 5rem',\r\n            },\r\n        },\r\n    },\r\n    profileHeader: {\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        padding: '3rem 0',\r\n    },\r\n    nameContainer: {\r\n        display: 'flex',\r\n        flexBasis: '50%',\r\n        alignItems: 'center',\r\n        justifyContent: 'flex-start',\r\n    },\r\n    edit: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'flex-end',\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n            margin: '0',\r\n        },\r\n    },\r\n    section: {\r\n        marginBottom: '3rem',\r\n\r\n        '& > hr': {\r\n            opacity: '0.2',\r\n            margin: '1.25rem 0',\r\n        },\r\n    },\r\n    iconWrapper: {\r\n        position: 'relative',\r\n        width: '90px',\r\n        marginRight: '30px',\r\n    },\r\n    buttons: {\r\n        width: '100%',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        flexDirection: 'column',\r\n        '& button': {\r\n            margin: '10px 0',\r\n            width: '100%',\r\n        },\r\n    },\r\n    editIconWrapper: {\r\n        top: '0',\r\n        width: '100%',\r\n        height: '100%',\r\n        position: 'absolute',\r\n        display: 'flex',\r\n        alignContent: 'center',\r\n        justifyContent: 'end',\r\n    },\r\n    confirmButtons: {\r\n        display: 'flex',\r\n        zIndex: '1',\r\n        position: 'relative',\r\n        flexWrap: 'wrap',\r\n        transition: 'all .3s ease-in',\r\n        justifyContent: 'end',\r\n        width: '100%',\r\n        height: '100%',\r\n        alignItems: 'center',\r\n        padding: '20px 0 0',\r\n    },\r\n})\r\n\r\nexport const buildRow = (\r\n    value: string | number,\r\n    label: string,\r\n    mailToLinkIcon?: JSX.Element\r\n): Row => {\r\n    return {\r\n        label,\r\n        value,\r\n        mailToLinkIcon,\r\n    }\r\n}\r\n\r\nconst MyProfile: React.FC = () => {\r\n    const classes = useStyles()\r\n    const [data, update] = useAtom(getProfileAtom)\r\n    const [authProfile] = useAtom(profileAtom)\r\n    const [selectedWorkplace, setSelectedWorkplace] = useState<\r\n        Workplace | undefined\r\n    >(undefined)\r\n    const [percentageShowEdit, setPercentageShowEdit] = useState(false)\r\n    const [percentageEditValue, setPercentageEditValue] = useState<\r\n        number | undefined\r\n    >(undefined)\r\n    const [percentageOfMembersCovered, setPercentageOfMembersCovered] =\r\n        useState(0)\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    const calcPercentageCovered = (\r\n        numberFoaMemberUserCovers: number,\r\n        totalNumberOfPeopleUserCovers: number\r\n    ): number => {\r\n        return (numberFoaMemberUserCovers / totalNumberOfPeopleUserCovers) * 100\r\n    }\r\n\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    const calcPercentageCoveredInEditMode = (): number => {\r\n        if (percentageEditValue < data.numberFoaMemberUserCovers || 0)\r\n            return 100\r\n        return (data.numberFoaMemberUserCovers / percentageEditValue) * 100\r\n    }\r\n\r\n    // TODO add Labels from sitecore\r\n    const getPersonalInfoRows = (d: Profile): Row[] => {\r\n        return [\r\n            buildRow(\r\n                formatDate(new Date(d.personalInfo.birthdate)),\r\n                L('GENERISK_FORM_FØDSELDAG_LABEL')\r\n            ),\r\n            buildRow(\r\n                d.personalInfo.age ? `${d.personalInfo.age} år` : '-',\r\n                L('GENERISK_FORM_ALDER_LABEL')\r\n            ),\r\n        ]\r\n    }\r\n\r\n    const getMembershipInfoRows = (d: Profile): Row[] => {\r\n        return [\r\n            buildRow(d.memberNumber, L('GENERISK_FORM_MEDLEMSNUMMER_LABEL')),\r\n            buildRow(\r\n                d.membershipInfo.name,\r\n                L('GENERISK_FORM_FOAAFDELING_LABEL')\r\n            ),\r\n            buildRow(\r\n                formatDate(new Date(d.membershipInfo.date)),\r\n                L('GENERISK_FORM_INDMELDELSESDATO_LABEL')\r\n            ),\r\n        ]\r\n    }\r\n\r\n    const getContactInfoRows = (d: Profile): Row[] => {\r\n        const noShowMessage = d.privateContact?.isTelefonPrivate\r\n            ? 'Hemmeligt nummer'\r\n            : '-'\r\n        return [\r\n            buildRow(\r\n                d.privateContact ? d.privateContact.mobileShow : noShowMessage,\r\n                L('TRPROFIL_MOBIL_LABEL')\r\n            ),\r\n            buildRow(\r\n                d.privateContact ? d.privateContact.email : 'N/A',\r\n                L('TRPROFIL_EMAIL_LABEL'),\r\n                d.privateContact && d.privateContact.email && (\r\n                    <a href={`mailto:${d.contactInfoList[0].email}`}>\r\n                        <Envelop color={colors.green} width=\"40px\" />\r\n                    </a>\r\n                )\r\n            ),\r\n        ]\r\n    }\r\n\r\n    const getDuties = (member: Member, profile: Profile): string => {\r\n        const duties = []\r\n\r\n        member.allWorkPlaces.forEach((w) => {\r\n            if (w.typeOfRepresentatives && w.typeOfRepresentatives.length) {\r\n                w.typeOfRepresentatives.forEach((t) => {\r\n                    const found = profile.typeOfRepresentatives.find(\r\n                        (tor) => tor.type === t.supplementedOfDutyType\r\n                    )\r\n\r\n                    if (found) {\r\n                        duties.push(found.name)\r\n                    }\r\n                })\r\n            }\r\n        })\r\n        return [...new Set(duties)].join(',') || ''\r\n    }\r\n\r\n    const getSuppleantForTRRows = (d: Profile): JSX.Element => {\r\n        if (d.trForSelf.length === 1) {\r\n            return (\r\n                <CardColumn\r\n                    titleIcon={<CheckFill />}\r\n                    titleLabel={L('TRPROFIL_MINE-SUPPLEANTER_TITEL')}\r\n                    rows={[\r\n                        buildRow(\r\n                            d.trForSelf[0].fullName,\r\n                            L('TRPROFIL_MINE-SUPPLEANTER_NAVN')\r\n                        ),\r\n                        buildRow(\r\n                            getDuties(d.trForSelf[0], d),\r\n                            L('TRPROFIL_MINE-SUPPLEANTER_TILLIDHVERV')\r\n                        ),\r\n                    ]}\r\n                    key=\"Mine suppleanter\"\r\n                />\r\n            )\r\n        }\r\n\r\n        return (\r\n            <>\r\n                <CardColumn\r\n                    titleIcon={<CheckFill />}\r\n                    titleLabel=\"Mine suppleanter\"\r\n                    rows={[]}\r\n                    key=\"Mine suppleanter\"\r\n                />\r\n                {d.trForSelf.map((tr) => {\r\n                    return (\r\n                        <CardColumn\r\n                            hideTitle\r\n                            titleIcon={<CheckFill />}\r\n                            titleLabel={L('TRPROFIL_HVERV_TITEL')}\r\n                            rows={[\r\n                                buildRow(tr.fullName, L('TRPROFIL_HVERV_NAVN')),\r\n                                buildRow(\r\n                                    getDuties(tr, d),\r\n                                    L('TRPROFIL_HVERV_TILLIDSHVERV')\r\n                                ),\r\n                            ]}\r\n                            key={`${tr.memberId}${tr.memberNumber}`}\r\n                        />\r\n                    )\r\n                })}\r\n            </>\r\n        )\r\n    }\r\n\r\n    // const getAlternateRepresentativeRows = (d: Profile): JSX.Element => {\r\n    //     if (d.trForOthers.length === 1) {\r\n    //         return (\r\n    //             <CardColumn\r\n    //                 titleIcon={<CheckFill />}\r\n    //                 titleLabel={L('TRPROFIL_SUPPLEANT-FOR_TITEL')}\r\n    //                 rows={[\r\n    //                     buildRow(\r\n    //                         d.trForOthers[0].fullName,\r\n    //                         L('TRPROFIL_SUPPLEANT-FOR_NAVN')\r\n    //                     ),\r\n    //                     buildRow(\r\n    //                         getDuties(d.trForOthers[0], d),\r\n    //                         L('TRPROFIL_SUPPLEANT-FOR_TILLIDSHVERV')\r\n    //                     ),\r\n    //                 ]}\r\n    //                 key=\"Jeg er suppleant for\"\r\n    //             />\r\n    //         )\r\n    //     }\r\n\r\n    //     return (\r\n    //         <>\r\n    //             <CardColumn\r\n    //                 titleIcon={<CheckFill />}\r\n    //                 titleLabel=\"Jeg er suppleant for\"\r\n    //                 rows={[]}\r\n    //                 key=\"Jeg er suppleant for\"\r\n    //             />\r\n    //             {d.trForOthers.map((tr) => {\r\n    //                 return (\r\n    //                     <CardColumn\r\n    //                         hideTitle\r\n    //                         titleIcon={<CheckFill />}\r\n    //                         titleLabel=\"Hverv\"\r\n    //                         rows={[\r\n    //                             buildRow(tr.fullName, 'Navn'),\r\n    //                             buildRow(getDuties(tr, d), 'Tillidshverv'),\r\n    //                         ]}\r\n    //                         key={`${tr.memberId}${tr.memberNumber}`}\r\n    //                     />\r\n    //                 )\r\n    //             })}\r\n    //         </>\r\n    //     )\r\n    // }\r\n\r\n    const getTypeOfRepresentativeRows = (d: TypeOfRepresentative): Row[] => {\r\n        const rows = [\r\n            buildRow(\r\n                // eslint-disable-next-line max-len\r\n                `${d?.name}(${d?.shortName})`,\r\n                L('GENERISK_FORM_TILLIDSHVERV_LABEL')\r\n            ),\r\n            buildRow(\r\n                d ? formatDate(new Date(d.electedDate)) : 'N/A',\r\n                L('GENERISK_FORM_GENVALGSDATO_LABEL')\r\n            ),\r\n        ]\r\n\r\n        if (isSuppleantFor(d.type)) {\r\n            rows.push(\r\n                buildRow(\r\n                    getSuppleantNamesForTR(d.type, data),\r\n                    L('GENERISK_FORM_SUPPLEANT_FOR_LABEL')\r\n                )\r\n            )\r\n        }\r\n\r\n        return rows\r\n    }\r\n\r\n    const buildTor = (tors: TypeOfRepresentative[]): JSX.Element => {\r\n        return (\r\n            <>\r\n                {tors\r\n                    .sort((a, b) => {\r\n                        if (a.sort > b.sort) return 1\r\n                        if (a.sort < b.sort) return -1\r\n                        return 0\r\n                    })\r\n                    .map((tor) => {\r\n                        return (\r\n                            <CardColumn\r\n                                hideTitle\r\n                                titleIcon={<CheckFill />}\r\n                                titleLabel=\"Hverv\"\r\n                                rows={getTypeOfRepresentativeRows(tor)}\r\n                                key={`${tor.type}${tor.sort}`}\r\n                            />\r\n                        )\r\n                    })}\r\n            </>\r\n        )\r\n    }\r\n\r\n    useEffect(() => {\r\n        setSelectedWorkplace(data.primaryWorkPlace)\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        setPercentageOfMembersCovered(\r\n            data.totalNumberOfPeopleUserCovers !== null\r\n                ? calcPercentageCovered(\r\n                      data.numberFoaMemberUserCovers,\r\n                      data.totalNumberOfPeopleUserCovers\r\n                  )\r\n                : 0\r\n        )\r\n        setPercentageShowEdit(false)\r\n\r\n        setPercentageEditValue(undefined)\r\n    }, [data])\r\n\r\n    useEffect(() => {\r\n        if (percentageShowEdit) {\r\n            setPercentageOfMembersCovered(calcPercentageCoveredInEditMode())\r\n        }\r\n    }, [\r\n        calcPercentageCovered,\r\n        calcPercentageCoveredInEditMode,\r\n        percentageOfMembersCovered,\r\n        percentageShowEdit,\r\n    ])\r\n\r\n    if (!data) return null\r\n\r\n    return (\r\n        <div className={`${classes.container} page-up`}>\r\n            <div className={classes.profileHeader}>\r\n                <div className={classes.nameContainer}>\r\n                    <div className={classes.iconWrapper}>\r\n                        <CircleIcon2 width=\"92px\" withBorder borderWidth=\"6px\">\r\n                            <CircleText fontSize=\"30px\">\r\n                                {getInitials(data.fullName)}\r\n                            </CircleText>\r\n                        </CircleIcon2>\r\n                    </div>\r\n                    <Typography tag=\"h1\" size=\"XXXXL\" spacing=\".2rem\">\r\n                        {data.fullName}\r\n                    </Typography>\r\n                </div>\r\n                {data ? <EditMyProfile profile={data} /> : null}\r\n            </div>\r\n            <div className={classes.section}>\r\n                {/* <Typography tag=\"h2\" size=\"L\" spacing=\".2rem\">\r\n                    Profil\r\n                </Typography> */}\r\n                <hr />\r\n                <CardColumnContainer>\r\n                    <div>\r\n                        <CardColumn\r\n                            titleIcon={<PersonalInfo />}\r\n                            titleLabel={L(\r\n                                'TRPROFIL_DETALJE_PERSONLIGEOPLYSNINGER-TITEL'\r\n                            )}\r\n                            rows={getPersonalInfoRows(data)}\r\n                            key=\"Personlige oplysninger\"\r\n                        />\r\n                        <CardColumn\r\n                            titleIcon={<Foa />}\r\n                            titleLabel={L(\r\n                                'TRPROFIL_DETALJE_FOAMEDLEMSSKAB-TITEL'\r\n                            )}\r\n                            rows={getMembershipInfoRows(data)}\r\n                            key=\"FOA medlemsskab\"\r\n                        />\r\n                    </div>\r\n                    {selectedWorkplace ? (\r\n                        <WorkplaceDropdown\r\n                            showHo={false}\r\n                            workplaces={data.workPlaces}\r\n                            selectedWorkplace={selectedWorkplace}\r\n                            profile={data}\r\n                            setSelectedWorkplace={setSelectedWorkplace}\r\n                            beforContent={\r\n                                <div>\r\n                                    <Typography\r\n                                        size=\"XS\"\r\n                                        style={{ marginBottom: '20px' }}\r\n                                    >\r\n                                        {L_HTML(\r\n                                            'TRPROFIL_BLANKET_RET_PERSONOPL_TEXT'\r\n                                        )}\r\n                                    </Typography>\r\n                                    <Button\r\n                                        style={{\r\n                                            wordBreak: 'break-word',\r\n                                        }}\r\n                                        size=\"large\"\r\n                                        onClick={() =>\r\n                                            window.open(\r\n                                                // eslint-disable-next-line max-len\r\n                                                process.env\r\n                                                    .REACT_APP_LINK_RET_PERSONOPLYSINGER,\r\n                                                '_blank'\r\n                                            )\r\n                                        }\r\n                                    >\r\n                                        {L_HTML(\r\n                                            'TRPROFIL_BLANKET_RET_PERSONOPL_LABEL'\r\n                                        )}\r\n                                    </Button>\r\n                                </div>\r\n                            }\r\n                        />\r\n                    ) : null}\r\n                    {data.contactInfoList && data.contactInfoList.length ? (\r\n                        <CardColumn\r\n                            iconWidth=\"16px\"\r\n                            titleIcon={<ContactLedger />}\r\n                            titleLabel={L('TRPROFIL_DETALJE_KONTAKT-TITEL')}\r\n                            rows={getContactInfoRows(data)}\r\n                            key=\"Kontakt\"\r\n                        />\r\n                    ) : null}\r\n                </CardColumnContainer>\r\n            </div>\r\n            <div className={classes.section}>\r\n                {/* <Typography tag=\"h2\" size=\"L\" spacing=\".2rem\">\r\n                    {L('GENERISK_FORM_TILLIDSHVERV_LABEL')}\r\n                </Typography> */}\r\n                <hr />\r\n                <CardColumnContainer>\r\n                    <div>\r\n                        <CardColumn\r\n                            titleIcon={<CheckFill />}\r\n                            titleLabel=\"Hverv\"\r\n                            rows={[\r\n                                {\r\n                                    label: '',\r\n                                    value: '',\r\n                                    useContent: true,\r\n                                    content: (\r\n                                        <>\r\n                                            {\r\n                                                <div\r\n                                                    className={classes.buttons}\r\n                                                >\r\n                                                    <Button\r\n                                                        style={{\r\n                                                            wordBreak:\r\n                                                                'break-word',\r\n                                                        }}\r\n                                                        size=\"large\"\r\n                                                        onClick={() =>\r\n                                                            window.open(\r\n                                                                // eslint-disable-next-line max-len\r\n                                                                process.env\r\n                                                                    .REACT_APP_LINK_BLANKET_OPHØR_TRHVERV,\r\n                                                                '_blank'\r\n                                                            )\r\n                                                        }\r\n                                                    >\r\n                                                        {L_HTML(\r\n                                                            'TRPROFIL_BLANKET_RET_OPHØR-HVERV_LABEL'\r\n                                                        )}\r\n                                                    </Button>\r\n                                                    <Button\r\n                                                        style={{\r\n                                                            wordBreak:\r\n                                                                'break-word',\r\n                                                        }}\r\n                                                        size=\"large\"\r\n                                                        onClick={() =>\r\n                                                            window.open(\r\n                                                                // eslint-disable-next-line max-len\r\n                                                                process.env\r\n                                                                    .REACT_APP_LINK_BLANKET_OPDATER_TRHVERV,\r\n                                                                '_blank'\r\n                                                            )\r\n                                                        }\r\n                                                    >\r\n                                                        {L_HTML(\r\n                                                            'TRPROFIL_BLANKET_RET_OPDATER-HVERV_LABEL'\r\n                                                        )}\r\n                                                    </Button>\r\n                                                </div>\r\n                                            }\r\n                                        </>\r\n                                    ),\r\n                                },\r\n                            ]}\r\n                        />\r\n                        {buildTor(data.typeOfRepresentatives)}\r\n                    </div>\r\n\r\n                    <>\r\n                        {data.trForSelf.length ? (\r\n                            <div>{getSuppleantForTRRows(data)} </div>\r\n                        ) : null}\r\n                        {/* {data.trForOthers.length ? (\r\n                            <div>{getAlternateRepresentativeRows(data)} </div>\r\n                        ) : null} */}\r\n                        {/* {data.trForSelf.length\r\n                            ? getSuppleantForTRRows(data)\r\n                            : null} */}\r\n                    </>\r\n                    <CardColumn\r\n                        titleIcon={<PersonalInfo />}\r\n                        titleLabel={L(\r\n                            'TRPROFIL_ORGANISERINGSWIDGET_OVERSKRIFT'\r\n                        )}\r\n                        rows={[\r\n                            {\r\n                                label: '',\r\n                                value: '',\r\n                                useContent: true,\r\n                                content: (\r\n                                    <div style={{ maxWidth: '100%' }}>\r\n                                        <Typography\r\n                                            size=\"S\"\r\n                                            style={{ marginBottom: '20px' }}\r\n                                        >\r\n                                            {L(\r\n                                                'TRPROFIL_ORGANISERINGSWIDGET_TEKST_1'\r\n                                            )}\r\n                                        </Typography>\r\n                                        <>\r\n                                            {\r\n                                                <div\r\n                                                    style={{\r\n                                                        position: 'relative',\r\n                                                        margin: '10px 0 20px',\r\n                                                        display: 'block',\r\n                                                    }}\r\n                                                >\r\n                                                    {!percentageShowEdit ? (\r\n                                                        <>\r\n                                                            <Input\r\n                                                                label={L(\r\n                                                                    'TRPROFIL_ORGANISERINGSWIDGET_INPUT_TEKST'\r\n                                                                )}\r\n                                                                value={\r\n                                                                    data.totalNumberOfPeopleUserCovers\r\n                                                                }\r\n                                                                required={false}\r\n                                                            />\r\n                                                            <div\r\n                                                                className={\r\n                                                                    classes.editIconWrapper\r\n                                                                }\r\n                                                            >\r\n                                                                <Button\r\n                                                                    type=\"action\"\r\n                                                                    style={{\r\n                                                                        marginRight:\r\n                                                                            '10px',\r\n                                                                        height: '50px',\r\n                                                                        backgroundColor:\r\n                                                                            'transparent',\r\n                                                                    }}\r\n                                                                    onClick={() => {\r\n                                                                        if (\r\n                                                                            authProfile.isImitator\r\n                                                                        ) {\r\n                                                                            setShowImitatorModal(\r\n                                                                                true\r\n                                                                            )\r\n                                                                            return\r\n                                                                        }\r\n                                                                        setPercentageShowEdit(\r\n                                                                            true\r\n                                                                        )\r\n                                                                    }}\r\n                                                                >\r\n                                                                    <CircleIcon2 width=\"24px\">\r\n                                                                        <Close\r\n                                                                            width=\"16px\"\r\n                                                                            color={\r\n                                                                                colors.green500\r\n                                                                            }\r\n                                                                        />\r\n                                                                    </CircleIcon2>\r\n                                                                </Button>\r\n                                                            </div>\r\n                                                        </>\r\n                                                    ) : null}\r\n\r\n                                                    {percentageShowEdit ? (\r\n                                                        <div>\r\n                                                            <div>\r\n                                                                <Input\r\n                                                                    label=\"Indtast tal\"\r\n                                                                    autoFocus\r\n                                                                    defaultValue={\r\n                                                                        percentageEditValue\r\n                                                                    }\r\n                                                                    value={\r\n                                                                        percentageEditValue\r\n                                                                    }\r\n                                                                    required={\r\n                                                                        false\r\n                                                                    }\r\n                                                                    onChange={(\r\n                                                                        e\r\n                                                                    ) => {\r\n                                                                        const val =\r\n                                                                            e\r\n                                                                                .target\r\n                                                                                .value\r\n                                                                        setPercentageEditValue(\r\n                                                                            +val\r\n                                                                        )\r\n\r\n                                                                        setPercentageOfMembersCovered(\r\n                                                                            calcPercentageCoveredInEditMode()\r\n                                                                        )\r\n                                                                    }}\r\n                                                                />\r\n                                                            </div>\r\n                                                            <div\r\n                                                                className={\r\n                                                                    classes.confirmButtons\r\n                                                                }\r\n                                                            >\r\n                                                                <Button\r\n                                                                    onClick={() => {\r\n                                                                        // setShowDelete(false)\r\n                                                                        setPercentageShowEdit(\r\n                                                                            false\r\n                                                                        )\r\n                                                                        setPercentageEditValue(\r\n                                                                            undefined\r\n                                                                        )\r\n                                                                    }}\r\n                                                                    size=\"xlarge\"\r\n                                                                    type=\"secondary\"\r\n                                                                    style={{\r\n                                                                        flexGrow: 1,\r\n                                                                    }}\r\n                                                                >\r\n                                                                    Annuller\r\n                                                                </Button>\r\n                                                                <Button\r\n                                                                    disabled={\r\n                                                                        !(\r\n                                                                            percentageEditValue >=\r\n                                                                            data.numberFoaMemberUserCovers\r\n                                                                        ) ||\r\n                                                                        !percentageEditValue ||\r\n                                                                        percentageEditValue >=\r\n                                                                            3000\r\n                                                                    }\r\n                                                                    onClick={() => {\r\n                                                                        if (\r\n                                                                            authProfile.isImitator\r\n                                                                        ) {\r\n                                                                            setShowImitatorModal(\r\n                                                                                true\r\n                                                                            )\r\n                                                                            return\r\n                                                                        }\r\n                                                                        if (\r\n                                                                            percentageEditValue\r\n                                                                        ) {\r\n                                                                            // Try to set value.\r\n                                                                            const fieldsToEdit: IUpdateMyProfileData =\r\n                                                                                {}\r\n                                                                            fieldsToEdit.TotalAntalKollegaerBrugerDaekker =\r\n                                                                                percentageEditValue\r\n                                                                            const response =\r\n                                                                                updateProfile(\r\n                                                                                    fieldsToEdit\r\n                                                                                )\r\n                                                                            if (\r\n                                                                                response\r\n                                                                            ) {\r\n                                                                                setTimeout(\r\n                                                                                    () =>\r\n                                                                                        update(\r\n                                                                                            {\r\n                                                                                                type: 'refetch',\r\n                                                                                            }\r\n                                                                                        ),\r\n                                                                                    100\r\n                                                                                )\r\n                                                                            }\r\n                                                                        }\r\n                                                                    }}\r\n                                                                    style={{\r\n                                                                        flexGrow: 1,\r\n                                                                    }}\r\n                                                                    size=\"xlarge\"\r\n                                                                >\r\n                                                                    Gem\r\n                                                                </Button>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    ) : null}\r\n                                                </div>\r\n                                            }\r\n                                        </>\r\n\r\n                                        <PercentCircle\r\n                                            size={250}\r\n                                            strokeWidth={20}\r\n                                            percentage={\r\n                                                percentageOfMembersCovered || 0\r\n                                            }\r\n                                        />\r\n                                        <Typography\r\n                                            size=\"S\"\r\n                                            align=\"center\"\r\n                                            style={{ margin: '20px 0' }}\r\n                                        >\r\n                                            {L_HTML(\r\n                                                'TRPROFIL_ORGANISERINGSWIDGET_TEKST_2',\r\n                                                {\r\n                                                    ProcentDaekker: String(\r\n                                                        Math.round(\r\n                                                            percentageOfMembersCovered\r\n                                                        ) || 0\r\n                                                    ),\r\n                                                    AntalFoaMedlemmerBrugerDaekker:\r\n                                                        String(\r\n                                                            data.numberFoaMemberUserCovers\r\n                                                        ),\r\n                                                    TotalAntalKollegaerBrugerDaekker:\r\n                                                        String(\r\n                                                            percentageShowEdit\r\n                                                                ? percentageEditValue ||\r\n                                                                      0\r\n                                                                : data.totalNumberOfPeopleUserCovers\r\n                                                        ),\r\n                                                }\r\n                                            )}\r\n                                        </Typography>\r\n                                    </div>\r\n                                ),\r\n                            },\r\n                        ]}\r\n                    />\r\n                </CardColumnContainer>\r\n            </div>\r\n            <ImitatorNoAccessWarning\r\n                show={showImitatorModal}\r\n                onClose={() => setShowImitatorModal(false)}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { MyProfile }\r\n","import React, { FC, useEffect, useRef, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useForm } from 'react-hook-form'\r\nimport moment from 'moment'\r\nimport { useAtom } from 'jotai'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport {\r\n    ContactLedger,\r\n    Info,\r\n    LockFill,\r\n    EditFill,\r\n    SuitcaseFill,\r\n} from '../../../assets/icons'\r\nimport { Circle } from '../../ui/Card'\r\nimport { CircleIcon } from '../../ui/Circle/Circle'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport {\r\n    FunctionField,\r\n    IUpdateMemberData,\r\n    Member,\r\n} from '../../../models/Member'\r\nimport { Input } from '../../ui/FormElememts/stories/Input.stories'\r\nimport { Position } from '../../../models/Position'\r\nimport { getWorkplacesAndPositions } from '../../../api/misc'\r\nimport { colors } from '../../../theme/palette'\r\nimport { DatePickerComponent } from '../../ui/FormElememts/DatePicker'\r\nimport {\r\n    FormInput,\r\n    FormInputNumber,\r\n    FormTextArea,\r\n} from '../FormElements/FormInput'\r\nimport { FormControl } from '../../ui/FormElememts/FormControl'\r\nimport { FormHeader } from '../../ui/FormElememts/FormHeader'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { Overlay } from '../../ui/Sidebar'\r\nimport { Dialog } from '../../ui/Dialog/Dialog'\r\nimport { updateOwnMember } from '../../../api/members/members'\r\nimport { DrawerHeaderMemberInfo } from '../FormElements/DrawerHeader'\r\nimport { FormMessage } from '../../ui/FormElememts/FormMessage'\r\nimport { Workplace } from '../../../models/Workplace'\r\nimport { Contact } from '../../../models/Contact'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { ISelectOptions, Select } from '../../ui/FormElememts/Select'\r\nimport { profileAtom } from '../../../api/profile/profile'\r\nimport { ImitatorNoAccessWarning } from '../Imitator/ImitatorNoAccessWarning'\r\n\r\ninterface EditProps {\r\n    member: Member\r\n    onUpdated?: (member: Member) => void\r\n}\r\n\r\ninterface IError {\r\n    hasError: boolean\r\n    message: JSX.Element\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    contentWrapper: {\r\n        padding: '100px 20px 20px',\r\n        overflow: 'auto',\r\n        height: 'calc(100% - 100px)',\r\n        paddingBottom: '80px',\r\n    },\r\n    accordionWrapper: {\r\n        marginBottom: '20px',\r\n    },\r\n    select: {\r\n        position: 'relative',\r\n        height: '3.125rem',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '.75rem',\r\n        cursor: 'pointer',\r\n        color: colors.black,\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            padding: '2.5rem 0 0',\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    bottom: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        bottom: '0',\r\n        width: '100%',\r\n        padding: '20px',\r\n        left: '0',\r\n        background: colors.white,\r\n        zIndex: 4,\r\n        borderTop: `1px solid ${colors.borderColor}`,\r\n        '& > button': {\r\n            flexGrow: 1,\r\n        },\r\n        '& > button:last-of-type': {\r\n            marginRight: '0',\r\n        },\r\n    },\r\n})\r\n\r\nexport type RegistrationFormFields = {\r\n    KontaktPrivat: {\r\n        Fastnet: string\r\n        Mobil: string\r\n        Email: string\r\n    }\r\n    KontaktArbejde: {\r\n        Telefon: string\r\n        Email: string\r\n        OpdaterFunktionFastnet: FunctionField\r\n    }\r\n    Stillingsnummer: string\r\n    Timetal: number\r\n    OevrigeOplysninger: string\r\n    Arbejdsstednummer: number\r\n}\r\n\r\nexport type CustomErrors = {\r\n    Aendringsdato?: boolean\r\n}\r\n\r\nexport const EditMemberProfile: FC<EditProps> = ({ member, onUpdated }) => {\r\n    const [error, setError] = useState<IError | undefined>(undefined)\r\n    const { register, handleSubmit, formState, reset, setValue } =\r\n        useForm<RegistrationFormFields>()\r\n    const classes = useStyles()\r\n    const [positions, setPositions] = useState<Position[]>([])\r\n    const [selectedDate, _setSelectedDate] = useState(undefined)\r\n    const [isOpen, setIsOpen] = useState(false)\r\n    const [showDialog, setShowDialog] = useState(false)\r\n    const [isValid, setIsValid] = useState(false)\r\n    const [isFetching, setIsFetching] = useState(false)\r\n    const [workPlaces, setWorkplaces] = useState<Workplace[]>([])\r\n    const [customErrors, setCustomErrors] = useState<CustomErrors>({})\r\n    const [selectedPostion, setSelectedPosition] = useState<string | undefined>(\r\n        undefined\r\n    )\r\n    const [workContact, setWorkContact] = useState<Contact | undefined>(\r\n        undefined\r\n    )\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n    const [authProfile] = useAtom(profileAtom)\r\n\r\n    const [options, setOptions] = useState<ISelectOptions[]>([])\r\n\r\n    const [selectedWorkplace, setSelectedWorkplace] = useState<\r\n        string | undefined\r\n    >(undefined)\r\n\r\n    const formRef = useRef(null)\r\n\r\n    const setWP = (wp: string): void => {\r\n        const found = member.workPlaces.find((wpp) => String(wpp.number) === wp)\r\n        setSelectedWorkplace(wp)\r\n\r\n        const wco = member.contactInfoList.find(\r\n            (wc) =>\r\n                wc.contactInfoType === 'Arbejde' &&\r\n                String(wc.workPlacesContact.number) === wp\r\n        )\r\n\r\n        if (wco) {\r\n            setValue('KontaktArbejde.Telefon', wco.telephone || undefined)\r\n            setValue('KontaktArbejde.Email', wco.email || undefined)\r\n        } else {\r\n            setValue('KontaktArbejde.Telefon', undefined)\r\n            setValue('KontaktArbejde.Email', undefined)\r\n        }\r\n\r\n        setSelectedPosition(found.postionNumber)\r\n\r\n        if (found && found.positions) {\r\n            setPositions(found.positions)\r\n        }\r\n    }\r\n\r\n    const getPositions = async (): Promise<void> => {\r\n        const response = await getWorkplacesAndPositions()\r\n        setWorkplaces(response.workPlaces)\r\n\r\n        if (member) {\r\n            const found = response.workPlaces.find(\r\n                (wpp) => wpp.number === member.primaryWorkPlace.number\r\n            )\r\n\r\n            setSelectedWorkplace(String(member.primaryWorkPlace.number))\r\n\r\n            const wco = member.contactInfoList.find(\r\n                (wc) =>\r\n                    wc.contactInfoType === 'Arbejde' &&\r\n                    String(wc.workPlacesContact.number) ===\r\n                        String(member.primaryWorkPlace.number)\r\n            )\r\n\r\n            if (wco) {\r\n                setValue('KontaktArbejde.Telefon', wco.telephone)\r\n                setValue('KontaktArbejde.Email', wco.email)\r\n            } else {\r\n                setValue('KontaktArbejde.Telefon', undefined)\r\n                setValue('KontaktArbejde.Email', undefined)\r\n            }\r\n\r\n            setSelectedPosition(member.primaryWorkPlace.postionNumber)\r\n\r\n            if (found && found.positions) {\r\n                setPositions(found.positions)\r\n\r\n                const positionssss = found.positions.map((pos) => {\r\n                    return { label: String(pos.name), value: String(pos.id) }\r\n                })\r\n\r\n                setOptions(positionssss)\r\n            }\r\n        }\r\n    }\r\n\r\n    const init = (): void => {\r\n        if (member.primaryWorkPlace) {\r\n            setValue('Timetal', member.primaryWorkPlace.hoursPerWeek)\r\n        }\r\n        getPositions()\r\n\r\n        if (formRef && formRef.current) {\r\n            const input = formRef.current.querySelector('[name=\"Timetal\"]')\r\n            if (input) {\r\n                input.setAttribute('autofocus', '')\r\n            }\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        init()\r\n    }, [member])\r\n\r\n    const resetForm = (): void => {\r\n        _setSelectedDate(undefined)\r\n        setSelectedPosition(undefined)\r\n        setWP(String(member.primaryWorkPlace.number))\r\n        setCustomErrors({})\r\n        reset()\r\n        setValue('Timetal', member.primaryWorkPlace.hoursPerWeek)\r\n    }\r\n\r\n    const { isDirty, dirtyFields, errors } = formState\r\n\r\n    const onSubmit = async (data: RegistrationFormFields): Promise<void> => {\r\n        if (authProfile.isImitator) {\r\n            setShowImitatorModal(true)\r\n            return\r\n        }\r\n\r\n        if (isDirty && selectedDate) {\r\n            const workPlace = member.workPlaces.find(\r\n                (wp) => wp.number === +selectedWorkplace\r\n            )\r\n\r\n            const fieldsToEdit: IUpdateMemberData = {\r\n                Medlemsident: member.memberId,\r\n                Aendringsdato: moment(selectedDate).format(\r\n                    'YYYY-MM-DD HH:mm:ss'\r\n                ),\r\n                Arbejdsstednummer: workPlace.number,\r\n                Stillingsnummer: selectedPostion,\r\n            }\r\n\r\n            if (dirtyFields.Timetal) {\r\n                fieldsToEdit.Timetal = Number(\r\n                    String(data.Timetal).replace(',', '.')\r\n                )\r\n            }\r\n\r\n            if (dirtyFields.KontaktPrivat) {\r\n                fieldsToEdit.KontaktPrivat = {}\r\n                if (dirtyFields.KontaktPrivat.Mobil) {\r\n                    fieldsToEdit.KontaktPrivat.Mobil = data.KontaktPrivat.Mobil\r\n                    fieldsToEdit.KontaktPrivat.OpdaterFunktionMobil =\r\n                        data.KontaktPrivat.Mobil.length === 0 ? 'Slet' : 'Ret'\r\n\r\n                    if (data.KontaktPrivat.Mobil.length === 0) {\r\n                        delete fieldsToEdit.KontaktPrivat.Mobil\r\n                    }\r\n                }\r\n                if (dirtyFields.KontaktPrivat.Email) {\r\n                    fieldsToEdit.KontaktPrivat.Email = data.KontaktPrivat.Email\r\n                    fieldsToEdit.KontaktPrivat.OpdaterFunktionEmail =\r\n                        data.KontaktPrivat.Email.length === 0 ? 'Slet' : 'Ret'\r\n\r\n                    if (data.KontaktPrivat.Email.length === 0) {\r\n                        delete fieldsToEdit.KontaktPrivat.Email\r\n                    }\r\n                }\r\n            }\r\n\r\n            if (dirtyFields.KontaktArbejde) {\r\n                fieldsToEdit.KontaktArbejde = {}\r\n                if (dirtyFields.KontaktArbejde.Telefon) {\r\n                    fieldsToEdit.KontaktArbejde.Telefon =\r\n                        data.KontaktArbejde.Telefon\r\n                    fieldsToEdit.KontaktArbejde.OpdaterFunktionTelefon =\r\n                        data.KontaktArbejde.Telefon.length === 0\r\n                            ? 'Slet'\r\n                            : 'Ret'\r\n\r\n                    if (data.KontaktArbejde.Telefon.length === 0) {\r\n                        delete fieldsToEdit.KontaktArbejde.Telefon\r\n                    }\r\n                }\r\n                if (dirtyFields.KontaktArbejde.Email) {\r\n                    fieldsToEdit.KontaktArbejde.Email =\r\n                        data.KontaktArbejde.Email\r\n\r\n                    fieldsToEdit.KontaktArbejde.OpdaterFunktionEmail =\r\n                        data.KontaktArbejde.Email.length === 0 ? 'Slet' : 'Ret'\r\n\r\n                    if (data.KontaktArbejde.Email.length === 0) {\r\n                        delete fieldsToEdit.KontaktArbejde.Email\r\n                    }\r\n                }\r\n            }\r\n\r\n            if (dirtyFields.OevrigeOplysninger) {\r\n                fieldsToEdit.OevrigeOplysninger = data.OevrigeOplysninger\r\n            }\r\n\r\n            const response: any = await updateOwnMember(fieldsToEdit)\r\n\r\n            if (response.error) {\r\n                // setError({\r\n                //     hasError: true,\r\n                //     message: (\r\n                //         <div>\r\n                //             {response.error.ModelState &&\r\n                //                 Object.keys(response.error.ModelState).map(\r\n                //                     (i) => (\r\n                //                         <p style={{ marginBottom: '10px' }}>\r\n                //                             {response.error.ModelState[i]}\r\n                //                         </p>\r\n                //                     )\r\n                //                 )}\r\n                //         </div>\r\n                //     ),\r\n                // })\r\n                // resetForm()\r\n            } else if (response) {\r\n                setIsOpen(false)\r\n                setShowDialog(true)\r\n                resetForm()\r\n\r\n                if (onUpdated) {\r\n                    onUpdated(member)\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    const checkIsValid = (): void => {\r\n        if (isDirty && selectedDate) {\r\n            setIsValid(true)\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        checkIsValid()\r\n    })\r\n\r\n    return (\r\n        <>\r\n            <button\r\n                type=\"button\"\r\n                className={classes.button}\r\n                onClick={() => setIsOpen(true)}\r\n            >\r\n                <Circle marginRight=\"1rem\" mWidth=\"4rem\">\r\n                    <CircleIcon backgroundColor=\"rgb(255, 255, 255)\">\r\n                        <EditFill />\r\n                    </CircleIcon>\r\n                </Circle>\r\n                <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                    {L('MINEMEDLEMMER_DETALJE_REDIGERMEDLEM_KNAP')}\r\n                </Typography>\r\n            </button>\r\n            <Overlay\r\n                isShowing={isOpen}\r\n                hide={() => {\r\n                    resetForm()\r\n                    setIsOpen(false)\r\n                }}\r\n            >\r\n                <DrawerHeaderMemberInfo member={member} />\r\n                <form\r\n                    ref={formRef}\r\n                    onSubmit={handleSubmit(onSubmit)}\r\n                    className={classes.contentWrapper}\r\n                >\r\n                    <Typography\r\n                        tag=\"h2\"\r\n                        size=\"XL\"\r\n                        align=\"center\"\r\n                        weight=\"bold\"\r\n                        style={{ margin: '20px 0 10px' }}\r\n                    >\r\n                        {L_HTML('MINEMEDLEMMER_RETMEDLEMSDETALJE_TITEL')}\r\n                    </Typography>\r\n\r\n                    <FormHeader>\r\n                        <Circle marginRight=\".5rem\">\r\n                            <CircleIcon>\r\n                                <SuitcaseFill />\r\n                            </CircleIcon>\r\n                        </Circle>\r\n                        <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                            {L_HTML('GENERISK_FORM_ANSÆTTELSE_TITEL')}\r\n                        </Typography>\r\n                    </FormHeader>\r\n                    {member && selectedWorkplace && (\r\n                        <FormControl>\r\n                            {member.workPlaces.length > 1 ? (\r\n                                <Select\r\n                                    defaultValue={selectedWorkplace}\r\n                                    value={selectedWorkplace}\r\n                                    {...register('Arbejdsstednummer')}\r\n                                    placeholder={L(\r\n                                        'MINEMEDLEMMER_RETMEDLEMSDETALJE_ARBEJDSSTED_LABEL'\r\n                                    )}\r\n                                    onChange={(e) => {\r\n                                        setValue(\r\n                                            'Arbejdsstednummer',\r\n                                            Number(e.target.value)\r\n                                        )\r\n                                        setWP(e.target.value)\r\n                                    }}\r\n                                    options={member.workPlaces.map((wp) => {\r\n                                        const o = {\r\n                                            label: wp.name,\r\n                                            value: String(wp.number),\r\n                                        }\r\n\r\n                                        return o\r\n                                    })}\r\n                                />\r\n                            ) : (\r\n                                <Input\r\n                                    disabled\r\n                                    label={L(\r\n                                        'MINEMEDLEMMER_RETMEDLEMSDETALJE_ARBEJDSSTED_LABEL'\r\n                                    )}\r\n                                    value={\r\n                                        member.workPlaces.find(\r\n                                            (wp) =>\r\n                                                wp.number === +selectedWorkplace\r\n                                        ).name\r\n                                    }\r\n                                />\r\n                            )}\r\n                        </FormControl>\r\n                    )}\r\n                    <FormControl>\r\n                        {options.length ? (\r\n                            <Select\r\n                                defaultValue={selectedPostion}\r\n                                {...register('Stillingsnummer')}\r\n                                value={selectedPostion}\r\n                                onChange={(e) => {\r\n                                    setValue(\r\n                                        'Stillingsnummer',\r\n                                        String(e.target.value)\r\n                                    )\r\n                                    setSelectedPosition(e.target.value)\r\n                                }}\r\n                                options={options}\r\n                                placeholder={L(\r\n                                    'MINEMEDLEMMER_RETMEDLEMSDETALJE_STILLING_LABEL'\r\n                                )}\r\n                            />\r\n                        ) : null}\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormInputNumber\r\n                            label={`${L('REDIGER-MEDLEM_FORM_TIMETAL_LABEL')}`}\r\n                            name=\"Timetal\"\r\n                            required\r\n                            useFloats\r\n                            register={register}\r\n                            hasError={!!errors?.Timetal?.message}\r\n                            autoComplete=\"off\"\r\n                            type=\"text\"\r\n                            rules={{\r\n                                validate: (value) =>\r\n                                    (Number(String(value).replace(',', '.')) >=\r\n                                        0.5 &&\r\n                                        Number(\r\n                                            String(value).replace(',', '.')\r\n                                        ) <= 99) ||\r\n                                    L(\r\n                                        'GENERISK_FORM_TIMETAL_VALIDERINGS_TEKST'\r\n                                    ),\r\n                            }}\r\n                        />\r\n                        <FormMessage\r\n                            text={L('GENERISK_FORM_TIMETAL_VALIDERINGS_TEKST')}\r\n                            error={errors?.Timetal?.message}\r\n                        />\r\n                    </FormControl>\r\n                    <FormHeader>\r\n                        <Circle marginRight=\".5rem\">\r\n                            <CircleIcon iconWidth=\"16px\">\r\n                                <ContactLedger />\r\n                            </CircleIcon>\r\n                        </Circle>\r\n                        <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                            {L('GENERISK_FORM_KONTAKT_TITEL')}\r\n                        </Typography>\r\n                    </FormHeader>\r\n                    <FormControl>\r\n                        <FormInputNumber\r\n                            label={L('GENERISK_FORM_PRIVAT-MOBIL_LABEL')}\r\n                            name=\"KontaktPrivat.Mobil\"\r\n                            required={false}\r\n                            register={register}\r\n                            defaultValue={member.privateContact?.mobile}\r\n                            hasError={!!errors?.KontaktPrivat?.Mobil.message}\r\n                            rules={{\r\n                                validate: (value) =>\r\n                                    value.length > 7 ||\r\n                                    !value ||\r\n                                    L('GENERISK_FORM_MOBIL_VALIDERINGS_TEKST'),\r\n                            }}\r\n                        />\r\n                        <FormMessage\r\n                            text={L('GENERISK_FORM_MOBIL_VALIDERINGS_TEKST')}\r\n                            error={errors?.KontaktPrivat?.Mobil.message}\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormInput\r\n                            label={L('GENERISK_FORM_PRIVAT-EMAIL_LABEL')}\r\n                            name=\"KontaktPrivat.Email\"\r\n                            required={false}\r\n                            register={register}\r\n                            type=\"email\"\r\n                            defaultValue={member.privateContact?.email || ''}\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormInputNumber\r\n                            label={L(\r\n                                'GENERISK_FORM_ARBEDJSPLADS-TELEFON_LABEL'\r\n                            )}\r\n                            name=\"KontaktArbejde.Telefon\"\r\n                            required={false}\r\n                            register={register}\r\n                            hasError={!!errors?.KontaktArbejde?.Telefon.message}\r\n                            rules={{\r\n                                validate: (value) =>\r\n                                    (value && value.length > 7) ||\r\n                                    !value ||\r\n                                    L('GENERISK_FORM_MOBIL_VALIDERINGS_TEKST'),\r\n                            }}\r\n                        />\r\n                        <FormMessage\r\n                            text={L('GENERISK_FORM_MOBIL_VALIDERINGS_TEKST')}\r\n                            error={errors?.KontaktArbejde?.Telefon.message}\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        {/* <Input\r\n                            label={L('GENERISK_FORM_ARBEJDSMAIL_LABEL')}\r\n                            name=\"KontaktArbejde.Email\"\r\n                            required={false}\r\n                            type=\"email\"\r\n                            onChange={(e) =>\r\n                                setSelectedWorkmail(e.target.value)\r\n                            }\r\n                        /> */}\r\n                        <FormInput\r\n                            label={L('GENERISK_FORM_ARBEJDSMAIL_LABEL')}\r\n                            name=\"KontaktArbejde.Email\"\r\n                            required={false}\r\n                            register={register}\r\n                            type=\"email\"\r\n                        />\r\n                    </FormControl>\r\n                    <FormHeader>\r\n                        <Circle marginRight=\".5rem\">\r\n                            <CircleIcon>\r\n                                <Info />\r\n                            </CircleIcon>\r\n                        </Circle>\r\n                        <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                            {L_HTML(\r\n                                'GENERISK_FORM_YDERLIGERE-OPLYSNINGER_TITEL'\r\n                            )}\r\n                        </Typography>\r\n                    </FormHeader>\r\n                    <FormControl>\r\n                        <DatePickerComponent\r\n                            label={`${L('GENERISK_FORM_ÆNDRES-PR_LABEL')}`}\r\n                            selected={selectedDate}\r\n                            setSelected={_setSelectedDate}\r\n                            minDate={moment().subtract(1, 'year').toDate()}\r\n                            maxDate={moment().add(1, 'year').toDate()}\r\n                            hasError\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormTextArea\r\n                            label={L('GENERISK_FORM_ØVRIGE-OPLYSNINGER_LABEL')}\r\n                            register={register}\r\n                            name=\"OevrigeOplysninger\"\r\n                            required={false}\r\n                        />\r\n                    </FormControl>\r\n                    <div className={classes.bottom}>\r\n                        <Button\r\n                            onClick={() => {\r\n                                setIsOpen(false)\r\n                                resetForm()\r\n                            }}\r\n                            type=\"secondary\"\r\n                            size=\"large\"\r\n                        >\r\n                            {L('MINEMEDLEMMER_RETMEDLEMSDETALJE_LUK_KNAP')}\r\n                        </Button>\r\n                        <Button\r\n                            buttonType=\"submit\"\r\n                            type=\"primary\"\r\n                            size=\"large\"\r\n                            disabled={!isDirty}\r\n                        >\r\n                            {L('MINEMEDLEMMER_RETMEDLEMSDETALJE_GEM_KNAP')}\r\n                        </Button>\r\n                    </div>\r\n\r\n                    <div />\r\n                </form>\r\n            </Overlay>\r\n            {showDialog ? (\r\n                <Dialog\r\n                    trigger={null}\r\n                    defaultOpen\r\n                    hideClose\r\n                    icon={<LockFill width=\"46px\" />}\r\n                >\r\n                    <Typography\r\n                        style={{ marginBottom: '30px' }}\r\n                        size=\"L\"\r\n                        align=\"center\"\r\n                    >\r\n                        {L_HTML(\r\n                            'MINEMEDLEMMER_RETMEDLEMSDETALJE_INDSENDT-FEEDBACK_TITEL'\r\n                        )}\r\n                    </Typography>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        style={{ marginBottom: '30px' }}\r\n                        align=\"center\"\r\n                    >\r\n                        {L_HTML(\r\n                            'MINEMEDLEMMER_RETMEDLEMSDETALJE_INDSENDT-FEEDBACK_TEKST'\r\n                        )}\r\n                    </Typography>\r\n                    <Button size=\"xlarge\" onClick={() => setShowDialog(false)}>\r\n                        {L_HTML(\r\n                            'MINEMEDLEMMER_RETMEDLEMSDETALJE_INDSENDT-FEEDBACK_OK_KNAP'\r\n                        )}\r\n                    </Button>\r\n                </Dialog>\r\n            ) : null}\r\n            <ImitatorNoAccessWarning\r\n                show={showImitatorModal}\r\n                onClose={() => setShowImitatorModal(false)}\r\n            />\r\n            {/* {error && error.hasError ? (\r\n                <Dialog\r\n                    trigger={null}\r\n                    defaultOpen\r\n                    hideClose\r\n                    icon={<LockFill width=\"46px\" />}\r\n                >\r\n                    <Typography\r\n                        style={{ marginBottom: '30px' }}\r\n                        size=\"L\"\r\n                        align=\"center\"\r\n                    >\r\n                        Fejl\r\n                    </Typography>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        style={{ marginBottom: '30px' }}\r\n                        align=\"center\"\r\n                    >\r\n                        {error.message}\r\n                    </Typography>\r\n                    <Button size=\"xlarge\" onClick={() => setError(undefined)}>\r\n                        {L_HTML(\r\n                            'MINEMEDLEMMER_RETMEDLEMSDETALJE_INDSENDT-FEEDBACK_OK_KNAP'\r\n                        )}\r\n                    </Button>\r\n                </Dialog>\r\n            ) : null} */}\r\n        </>\r\n    )\r\n}\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useForm } from 'react-hook-form'\r\nimport moment from 'moment'\r\nimport { useAtom } from 'jotai'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { SendFill, SuitcaseFill } from '../../../assets/icons'\r\nimport { Circle } from '../../ui/Card'\r\nimport { CircleIcon } from '../../ui/Circle/Circle'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { IUpdateMemberData, Member } from '../../../models/Member'\r\nimport { getWorkplacesAndPositions } from '../../../api/misc'\r\nimport { colors } from '../../../theme/palette'\r\nimport { DatePickerComponent } from '../../ui/FormElememts/DatePicker'\r\nimport { FormControl } from '../../ui/FormElememts/FormControl'\r\nimport { FormHeader } from '../../ui/FormElememts/FormHeader'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { Overlay } from '../../ui/Sidebar'\r\nimport { Dialog } from '../../ui/Dialog/Dialog'\r\nimport { cancelMemberFromWorkplace } from '../../../api/members/members'\r\nimport { Workplace } from '../../../models/Workplace'\r\nimport { DrawerHeaderMemberInfo } from '../FormElements/DrawerHeader'\r\nimport { FormTextArea } from '../FormElements/FormInput'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport Input from '../../ui/FormElememts/Input'\r\nimport { Select } from '../../ui/FormElememts/Select'\r\nimport { ImitatorNoAccessWarning } from '../Imitator/ImitatorNoAccessWarning'\r\nimport { profileAtom } from '../../../api/profile/profile'\r\n\r\ninterface EditProps {\r\n    member: Member\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    contentWrapper: {\r\n        padding: '100px 20px 20px',\r\n        overflow: 'auto',\r\n        height: 'calc(100% - 100px)',\r\n        paddingBottom: '80px',\r\n    },\r\n    accordionWrapper: {\r\n        marginBottom: '20px',\r\n    },\r\n    select: {\r\n        position: 'relative',\r\n        height: '3.125rem',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '.75rem',\r\n        cursor: 'pointer',\r\n        color: colors.labelColor,\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    bottom: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        bottom: '0',\r\n        width: '100%',\r\n        padding: '20px',\r\n        left: '0',\r\n        background: colors.white,\r\n        zIndex: 4,\r\n        borderTop: `1px solid ${colors.borderColor}`,\r\n        '& > button': {\r\n            flexGrow: 1,\r\n        },\r\n        '& > button:last-of-type': {\r\n            marginRight: '0',\r\n        },\r\n    },\r\n})\r\n\r\nexport type RegistrationFormFields = {\r\n    OevrigeOplysninger?: string\r\n}\r\n\r\nexport const CancelWorkplace: FC<EditProps> = ({ member }) => {\r\n    const { register, reset, formState, handleSubmit } =\r\n        useForm<RegistrationFormFields>()\r\n    const classes = useStyles()\r\n    const [, setWorkplaces] = useState<Workplace[]>([])\r\n    const [selectedDate, _setSelectedDate] = useState(null)\r\n    const [isOpen, setIsOpen] = useState(false)\r\n    const [showDialog, setShowDialog] = useState(false)\r\n    const [isValid, setIsValid] = useState(false)\r\n    const [authProfile] = useAtom(profileAtom)\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n    // const [values, setValues] = useState<RegistrationFormFields>({\r\n    //     OevrigeOplysninger: undefined,\r\n    // })\r\n    const [addInfo, setAddInfo] = useState(undefined)\r\n    const [selectedWorkplace, setSelectedWorkplace] = useState<\r\n        string | undefined\r\n    >(undefined)\r\n\r\n    const getPositions = async (): Promise<void> => {\r\n        // if (member.workPlaces.length && member.workPlaces.length === 1) {\r\n        //     setSelectedWorkplace(String(member.workPlaces[0].number))\r\n        // }\r\n\r\n        const response = await getWorkplacesAndPositions()\r\n\r\n        let workplaces = response.workPlaces\r\n\r\n        workplaces = workplaces.filter((place) => {\r\n            return member.workPlaces.some(\r\n                (work) => work.number !== place.number\r\n            )\r\n        })\r\n        setWorkplaces(workplaces)\r\n    }\r\n\r\n    useEffect(() => {\r\n        getPositions()\r\n\r\n        if (member.workPlaces.length === 1) {\r\n            setSelectedWorkplace(String(member.primaryWorkPlace.number))\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        let valid = false\r\n\r\n        valid = !!selectedDate && !!selectedWorkplace\r\n        setIsValid(valid)\r\n    }, [selectedWorkplace, selectedDate])\r\n\r\n    const resetForm = (): void => {\r\n        if (member.workPlaces.length && member.workPlaces.length === 1) {\r\n            setSelectedWorkplace(String(member.workPlaces[0].number))\r\n        } else {\r\n            setSelectedWorkplace(undefined)\r\n        }\r\n\r\n        _setSelectedDate(null)\r\n        setAddInfo(undefined)\r\n        reset()\r\n    }\r\n\r\n    const { isDirty, dirtyFields } = formState\r\n\r\n    const submitHandler = async (\r\n        data: RegistrationFormFields\r\n    ): Promise<string> => {\r\n        if (authProfile.isImitator) {\r\n            setShowImitatorModal(true)\r\n            return Promise.resolve('OK')\r\n        }\r\n        const fieldsToEdit: IUpdateMemberData = {\r\n            Medlemsident: member.memberId,\r\n            Aendringsdato: moment(selectedDate).format('YYYY-MM-DD HH:mm:ss'),\r\n            Arbejdsstednummer: Number(selectedWorkplace),\r\n        }\r\n\r\n        if (dirtyFields.OevrigeOplysninger) {\r\n            fieldsToEdit.OevrigeOplysninger = data.OevrigeOplysninger\r\n        }\r\n\r\n        const response = await cancelMemberFromWorkplace(fieldsToEdit)\r\n\r\n        if (response) {\r\n            setIsOpen(false)\r\n            setShowDialog(true)\r\n            resetForm()\r\n        }\r\n\r\n        return Promise.resolve('OK')\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Button size=\"large\" onClick={() => setIsOpen(true)}>\r\n                {L('MINEMEDLEMMER_DETALJE_STOPPET-PÅ-ARBEDJSPLADS_KNAP')}\r\n            </Button>\r\n            <Overlay\r\n                isShowing={isOpen}\r\n                hide={() => {\r\n                    setIsOpen(false)\r\n                    resetForm()\r\n                }}\r\n            >\r\n                <DrawerHeaderMemberInfo member={member} />\r\n                <form\r\n                    className={classes.contentWrapper}\r\n                    onSubmit={handleSubmit(submitHandler)}\r\n                >\r\n                    <Typography\r\n                        tag=\"h2\"\r\n                        size=\"XL\"\r\n                        align=\"center\"\r\n                        weight=\"bold\"\r\n                        style={{ margin: '20px 0 10px' }}\r\n                    >\r\n                        {L_HTML(\r\n                            'MINEMEDLEMMER_DETALJE_STOPPET-PÅ-ARBEDJSPLADS_TITEL'\r\n                        )}\r\n                    </Typography>\r\n                    <FormHeader>\r\n                        <Circle marginRight=\".5rem\">\r\n                            <CircleIcon>\r\n                                <SuitcaseFill />\r\n                            </CircleIcon>\r\n                        </Circle>\r\n                        <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                            {L_HTML('GENERISK_FORM_ANSÆTTELSE_TITEL')}\r\n                        </Typography>\r\n                    </FormHeader>\r\n                    {/* <FormControl>\r\n                        <select\r\n                            className={classes.select}\r\n                            value={selectedWorkplace || null}\r\n                            onChange={(e) => {\r\n                                setSelectedWorkplace(e.target.value)\r\n                            }}\r\n                        >\r\n                            <option value=\"default\" hidden>\r\n                                Arbejdssted *\r\n                            </option>\r\n                            {member.workPlaces.map((work) => {\r\n                                return (\r\n                                    <option value={work.number}>\r\n                                        {work.name}\r\n                                    </option>\r\n                                )\r\n                            })}\r\n                        </select>\r\n                    </FormControl> */}\r\n                    {member && (\r\n                        <FormControl>\r\n                            {member.workPlaces.length > 1 ? (\r\n                                <Select\r\n                                    placeholder=\"Arbejdssted\"\r\n                                    onChange={(e) => {\r\n                                        setSelectedWorkplace(e.target.value)\r\n                                    }}\r\n                                    options={member.workPlaces.map((wp) => {\r\n                                        const o = {\r\n                                            label: wp.name,\r\n                                            value: String(wp.number),\r\n                                        }\r\n\r\n                                        return o\r\n                                    })}\r\n                                />\r\n                            ) : (\r\n                                <Input\r\n                                    disabled\r\n                                    required={false}\r\n                                    label={member.primaryWorkPlace.name}\r\n                                />\r\n                            )}\r\n                        </FormControl>\r\n                    )}\r\n                    <FormControl>\r\n                        <DatePickerComponent\r\n                            label=\"Jeg ved medlemmet er ophørt pr.\"\r\n                            selected={selectedDate}\r\n                            minDate={moment().subtract(1, 'year').toDate()}\r\n                            setSelected={(e) => {\r\n                                _setSelectedDate(e)\r\n                            }}\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormTextArea\r\n                            label={L('GENERISK_FORM_ØVRIGE-OPLYSNINGER_LABEL')}\r\n                            register={register}\r\n                            name=\"OevrigeOplysninger\"\r\n                            required={false}\r\n                        />\r\n                    </FormControl>\r\n                    <div className={classes.bottom}>\r\n                        <Button\r\n                            onClick={() => {\r\n                                setIsOpen(false)\r\n                                resetForm()\r\n                            }}\r\n                            type=\"secondary\"\r\n                            size=\"large\"\r\n                        >\r\n                            Annuller\r\n                        </Button>\r\n                        <Button buttonType=\"submit\" type=\"primary\" size=\"large\">\r\n                            Send\r\n                        </Button>\r\n                    </div>\r\n\r\n                    <div />\r\n                </form>\r\n            </Overlay>\r\n            {showDialog ? (\r\n                <Dialog\r\n                    trigger={null}\r\n                    defaultOpen\r\n                    hideClose\r\n                    icon={<SendFill width=\"46px\" />}\r\n                >\r\n                    <Typography\r\n                        style={{ marginBottom: '30px' }}\r\n                        size=\"L\"\r\n                        align=\"center\"\r\n                    >\r\n                        {L_HTML('STOPPET-PÅ-ARBEJDSPLADS_POPUP_OVERSKRIFT')}\r\n                    </Typography>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        style={{ marginBottom: '30px' }}\r\n                        align=\"center\"\r\n                    >\r\n                        {L_HTML('STOPPET-PÅ-ARBEJDSPLADS_POPUP_TEXT')}\r\n                    </Typography>\r\n                    <Button size=\"xlarge\" onClick={() => setShowDialog(false)}>\r\n                        {L_HTML('STOPPET-PÅ-ARBEJDSPLADS_POPUP_KNAP')}\r\n                    </Button>\r\n                </Dialog>\r\n            ) : null}\r\n            <ImitatorNoAccessWarning\r\n                show={showImitatorModal}\r\n                onClose={() => setShowImitatorModal(false)}\r\n            />\r\n        </>\r\n    )\r\n}\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useForm } from 'react-hook-form'\r\nimport moment from 'moment'\r\nimport { useAtom } from 'jotai'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { SendFill, Info, SuitcaseFill } from '../../../assets/icons'\r\nimport { Circle } from '../../ui/Card'\r\nimport { CircleIcon } from '../../ui/Circle/Circle'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { IUpdateMemberData, Member } from '../../../models/Member'\r\nimport { Position } from '../../../models/Position'\r\nimport { getWorkplacesAndPositions } from '../../../api/misc'\r\nimport { colors } from '../../../theme/palette'\r\nimport { DatePickerComponent } from '../../ui/FormElememts/DatePicker'\r\nimport { FormControl } from '../../ui/FormElememts/FormControl'\r\nimport { FormHeader } from '../../ui/FormElememts/FormHeader'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { Overlay } from '../../ui/Sidebar'\r\nimport { Dialog } from '../../ui/Dialog/Dialog'\r\nimport { addMemberToWorkplace } from '../../../api/members/members'\r\nimport { Workplace } from '../../../models/Workplace'\r\nimport { DrawerHeaderMemberInfo } from '../FormElements/DrawerHeader'\r\nimport {\r\n    FormInputNumber,\r\n    FormTextArea,\r\n    FormSelect,\r\n} from '../FormElements/FormInput'\r\nimport { FormMessage } from '../../ui/FormElememts/FormMessage'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { Select } from '../../ui/FormElememts/Select'\r\nimport Checkbox from '../../ui/FormElememts/Checkbox'\r\nimport { ImitatorNoAccessWarning } from '../Imitator/ImitatorNoAccessWarning'\r\nimport { profileAtom } from '../../../api/profile/profile'\r\n\r\ninterface EditProps {\r\n    member: Member\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    contentWrapper: {\r\n        padding: '100px 20px 20px',\r\n        overflow: 'auto',\r\n        height: 'calc(100% - 100px)',\r\n        paddingBottom: '80px',\r\n    },\r\n    accordionWrapper: {\r\n        marginBottom: '20px',\r\n    },\r\n    select: {\r\n        position: 'relative',\r\n        height: '3.125rem',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '.75rem',\r\n        cursor: 'pointer',\r\n        color: colors.labelColor,\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    bottom: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        bottom: '0',\r\n        width: '100%',\r\n        padding: '20px',\r\n        left: '0',\r\n        background: colors.white,\r\n        zIndex: 4,\r\n        borderTop: `1px solid ${colors.borderColor}`,\r\n        '& > button': {\r\n            flexGrow: 1,\r\n        },\r\n        '& > button:last-of-type': {\r\n            marginRight: '0',\r\n        },\r\n    },\r\n})\r\n\r\nexport type RegistrationFormFields = {\r\n    Timetal?: string\r\n    OevrigeOplysninger?: string\r\n    Arbejdsstednummer?: string\r\n    Stillingsnummer?: string\r\n}\r\n\r\nexport type CustomErrors = {\r\n    Aendringsdato?: boolean\r\n}\r\n\r\nexport const AddMemberToWorkplace: FC<EditProps> = ({ member }) => {\r\n    const { register, formState, reset, handleSubmit, setValue } =\r\n        useForm<RegistrationFormFields>()\r\n    const classes = useStyles()\r\n    const [authProfile] = useAtom(profileAtom)\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n    const [workPlaces, setWorkplaces] = useState<Workplace[]>([])\r\n    const [positions, setPositions] = useState<Position[]>([])\r\n    const [selectedDate, _setSelectedDate] = useState(null)\r\n    const [isOpen, setIsOpen] = useState(false)\r\n    const [showDialog, setShowDialog] = useState(false)\r\n    const [isValid, setIsValid] = useState(false)\r\n    const [onCallSubstitute, setOnCallSubstitute] = useState<boolean>(false)\r\n    const [customErrors, setCustomErrors] = useState<CustomErrors>({})\r\n    const [values, setValues] = useState<RegistrationFormFields>({\r\n        Timetal: undefined,\r\n        OevrigeOplysninger: undefined,\r\n    })\r\n    const [selectedPostion, setSelectedPosition] = useState<string | undefined>(\r\n        undefined\r\n    )\r\n    const [selectedWorkplace, setSelectedWorkplace] = useState<\r\n        string | undefined\r\n    >(undefined)\r\n\r\n    const getPositions = async (): Promise<void> => {\r\n        const response = await getWorkplacesAndPositions()\r\n\r\n        let workplaces = response.workPlaces\r\n\r\n        workplaces = workplaces.filter((place) => {\r\n            return member.workPlaces.some(\r\n                (work) => work.number !== place.number\r\n            )\r\n        })\r\n\r\n        setWorkplaces(workplaces)\r\n    }\r\n\r\n    useEffect(() => {\r\n        getPositions()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        let valid = false\r\n\r\n        valid =\r\n            !!selectedDate &&\r\n            !!selectedPostion &&\r\n            selectedPostion !== 'default' &&\r\n            !!selectedWorkplace\r\n        setIsValid(valid)\r\n    }, [values, selectedPostion, selectedWorkplace, selectedDate, formState])\r\n\r\n    const setWP = (wp: string): void => {\r\n        const found = workPlaces.find((wpp) => String(wpp.number) === wp)\r\n\r\n        setSelectedWorkplace(wp)\r\n        setSelectedPosition('default')\r\n\r\n        if (found && found.positions) {\r\n            setPositions(found.positions)\r\n        }\r\n    }\r\n\r\n    const resetForm = (): void => {\r\n        _setSelectedDate(null)\r\n        setSelectedWorkplace('default')\r\n        setSelectedPosition('default')\r\n        setCustomErrors({})\r\n        reset()\r\n    }\r\n\r\n    const { dirtyFields, errors } = formState\r\n\r\n    const submitHandler = async (\r\n        data: RegistrationFormFields\r\n    ): Promise<string> => {\r\n        if (authProfile.isImitator) {\r\n            setShowImitatorModal(true)\r\n            return Promise.resolve('OK')\r\n        }\r\n        const fieldsToEdit: IUpdateMemberData = {\r\n            Medlemsident: member.memberId,\r\n            Aendringsdato: moment(selectedDate).format('YYYY-MM-DD HH:mm:ss'),\r\n            Arbejdsstednummer: Number(selectedWorkplace),\r\n            Stillingsnummer: selectedPostion || String(member.positions[0].id),\r\n        }\r\n        if (dirtyFields.Timetal) {\r\n            fieldsToEdit.Timetal = Number(\r\n                String(data.Timetal).replace(',', '.')\r\n            )\r\n        }\r\n\r\n        if (dirtyFields.OevrigeOplysninger) {\r\n            fieldsToEdit.OevrigeOplysninger = data.OevrigeOplysninger\r\n        }\r\n\r\n        if (onCallSubstitute) {\r\n            if (fieldsToEdit.OevrigeOplysninger) {\r\n                fieldsToEdit.OevrigeOplysninger = `${fieldsToEdit.OevrigeOplysninger} - Tilkaldevikar`\r\n            } else {\r\n                fieldsToEdit.OevrigeOplysninger = 'Tilkaldevikar'\r\n            }\r\n        }\r\n\r\n        const response = await addMemberToWorkplace(fieldsToEdit)\r\n\r\n        if (response) {\r\n            setIsOpen(false)\r\n            setShowDialog(true)\r\n            resetForm()\r\n        }\r\n\r\n        return Promise.resolve('OK')\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Button size=\"large\" onClick={() => setIsOpen(true)}>\r\n                {L('MINEMEDLEMMER_DETALJE_TILFØJ-TIL-ARBEJDSPLADS_KNAP')}\r\n            </Button>\r\n            <Overlay\r\n                isShowing={isOpen}\r\n                hide={() => {\r\n                    setIsOpen(false)\r\n                    resetForm()\r\n                }}\r\n            >\r\n                <DrawerHeaderMemberInfo member={member} />\r\n                <form\r\n                    noValidate\r\n                    className={classes.contentWrapper}\r\n                    onSubmit={handleSubmit(submitHandler)}\r\n                >\r\n                    <Typography\r\n                        tag=\"h2\"\r\n                        size=\"XL\"\r\n                        align=\"center\"\r\n                        weight=\"bold\"\r\n                        style={{ margin: '20px 0 10px' }}\r\n                    >\r\n                        {L_HTML(\r\n                            'MINEMEDLEMMER_TILFØJ-ARBEJDSSTED_OVERSKRIFT_LABEL'\r\n                        )}\r\n                    </Typography>\r\n                    <FormHeader>\r\n                        <Circle marginRight=\".5rem\">\r\n                            <CircleIcon>\r\n                                <SuitcaseFill />\r\n                            </CircleIcon>\r\n                        </Circle>\r\n                        <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                            {L_HTML('GENERISK_FORM_ANSÆTTELSE_TITEL')}\r\n                        </Typography>\r\n                    </FormHeader>\r\n                    <FormControl>\r\n                        <FormSelect\r\n                            register={register}\r\n                            required\r\n                            name=\"Arbejdsstednummer\"\r\n                            hasError={!!errors?.Arbejdsstednummer?.message}\r\n                            rules={{\r\n                                required: 'Arbejssted er påkrævet!',\r\n                                onChange: (e) => {\r\n                                    setWP(e.target.value)\r\n                                    setValue(\r\n                                        'Arbejdsstednummer',\r\n                                        e.target.value\r\n                                    )\r\n                                },\r\n                            }}\r\n                            isOpen={isOpen}\r\n                            placeholder=\"Arbejdssted *\"\r\n                            onChange={(e) => {\r\n                                setWP(e.target.value)\r\n                                setValue('Arbejdsstednummer', e.target.value)\r\n                            }}\r\n                            options={workPlaces.map((wp) => {\r\n                                const o = {\r\n                                    label: wp.name,\r\n                                    value: String(wp.number),\r\n                                }\r\n\r\n                                return o\r\n                            })}\r\n                        />\r\n                        <FormMessage\r\n                            text=\"\"\r\n                            error={errors?.Arbejdsstednummer?.message}\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormSelect\r\n                            register={register}\r\n                            required\r\n                            name=\"Stillingsnummer\"\r\n                            hasError={!!errors?.Stillingsnummer?.message}\r\n                            rules={{\r\n                                required: 'Stilling er påkrævet!',\r\n                                onChange: (e) => {\r\n                                    setSelectedPosition(e.target.value)\r\n                                    setValue('Stillingsnummer', e.target.value)\r\n                                },\r\n                            }}\r\n                            isOpen={isOpen}\r\n                            disabled={!selectedWorkplace}\r\n                            placeholder=\"Stilling *\"\r\n                            options={positions.map((pos) => {\r\n                                const o = {\r\n                                    label: pos.name,\r\n                                    value: String(pos.id),\r\n                                }\r\n\r\n                                return o\r\n                            })}\r\n                        />\r\n                        <FormMessage\r\n                            text={L('GENERISK_FORM_TIMETAL_VALIDERINGS_TEKST')}\r\n                            error={errors?.Stillingsnummer?.message}\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormInputNumber\r\n                            label={`${L(\r\n                                'REDIGER-MEDLEM_FORM_TIMETAL_LABEL'\r\n                            )} *`}\r\n                            name=\"Timetal\"\r\n                            required={false}\r\n                            useFloats\r\n                            register={register}\r\n                            defaultValue={undefined}\r\n                            hasError={!!errors?.Timetal?.message}\r\n                            rules={{\r\n                                validate: (value) =>\r\n                                    (Number(String(value).replace(',', '.')) >=\r\n                                        0.5 &&\r\n                                        Number(\r\n                                            String(value).replace(',', '.')\r\n                                        ) <= 99) ||\r\n                                    L(\r\n                                        'GENERISK_FORM_TIMETAL_VALIDERINGS_TEKST'\r\n                                    ),\r\n                            }}\r\n                        />\r\n                        <FormMessage\r\n                            text={L('GENERISK_FORM_TIMETAL_VALIDERINGS_TEKST')}\r\n                            error={errors?.Timetal?.message}\r\n                        />\r\n                    </FormControl>\r\n\r\n                    <FormHeader>\r\n                        <Circle marginRight=\".5rem\">\r\n                            <CircleIcon>\r\n                                <Info />\r\n                            </CircleIcon>\r\n                        </Circle>\r\n                        <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                            {L_HTML(\r\n                                'GENERISK_FORM_YDERLIGERE-OPLYSNINGER_TITEL'\r\n                            )}\r\n                        </Typography>\r\n                    </FormHeader>\r\n                    <FormControl>\r\n                        <DatePickerComponent\r\n                            label={`${L('GENERISK_FORM_ÆNDRES-PR_LABEL')}`}\r\n                            selected={selectedDate}\r\n                            setSelected={(e) => {\r\n                                _setSelectedDate(e)\r\n                                setCustomErrors({})\r\n                            }}\r\n                            hasError={!!customErrors?.Aendringsdato}\r\n                            minDate={moment().subtract(1, 'year').toDate()}\r\n                            maxDate={moment().add(1, 'year').toDate()}\r\n                        />\r\n                        <FormMessage\r\n                            text=\"\"\r\n                            error={\r\n                                customErrors.Aendringsdato\r\n                                    ? 'Ændringsdato påkrævet'\r\n                                    : undefined\r\n                            }\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormTextArea\r\n                            label={L('GENERISK_FORM_ØVRIGE-OPLYSNINGER_LABEL')}\r\n                            register={register}\r\n                            name=\"OevrigeOplysninger\"\r\n                            required={false}\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <Checkbox\r\n                            label={L('GENERISK_FORM_TILKALDEVIKAR_LABEL')}\r\n                            isChecked={onCallSubstitute}\r\n                            onChange={() => {\r\n                                setOnCallSubstitute(!onCallSubstitute)\r\n                            }}\r\n                        />\r\n                    </FormControl>\r\n                    <div className={classes.bottom}>\r\n                        <Button\r\n                            onClick={() => {\r\n                                setIsOpen(false)\r\n                                resetForm()\r\n                            }}\r\n                            type=\"secondary\"\r\n                            size=\"large\"\r\n                        >\r\n                            Annuller\r\n                        </Button>\r\n                        <Button\r\n                            buttonType=\"submit\"\r\n                            type=\"primary\"\r\n                            size=\"large\"\r\n                            onClick={() => {\r\n                                if (!selectedDate) {\r\n                                    setCustomErrors({\r\n                                        Aendringsdato: true,\r\n                                    })\r\n                                }\r\n                            }}\r\n                        >\r\n                            {L_HTML(\r\n                                'MINEMEDLEMMER_TILFØJ-ARBEJDSSTED_TILFØJ_LABEL'\r\n                            )}\r\n                        </Button>\r\n                    </div>\r\n\r\n                    <div />\r\n                </form>\r\n            </Overlay>\r\n            {showDialog ? (\r\n                <Dialog\r\n                    trigger={null}\r\n                    defaultOpen\r\n                    hideClose\r\n                    icon={<SendFill width=\"46px\" />}\r\n                >\r\n                    <Typography\r\n                        style={{ marginBottom: '30px' }}\r\n                        size=\"L\"\r\n                        align=\"center\"\r\n                    >\r\n                        {L_HTML(\r\n                            'TILFØJ-MEDLEM-TIL-ARBEJDSPLADS_POPUP_OVERSKRIFT'\r\n                        )}\r\n                    </Typography>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        style={{ marginBottom: '30px' }}\r\n                        align=\"center\"\r\n                    >\r\n                        {L_HTML('TILFØJ-MEDLEM-TIL-ARBEJDSPLADS_POPUP_TEXT')}\r\n                    </Typography>\r\n                    <Button size=\"xlarge\" onClick={() => setShowDialog(false)}>\r\n                        {L_HTML('TILFØJ-MEDLEM-TIL-ARBEJDSPLADS_POPUP_KNAP')}\r\n                    </Button>\r\n                </Dialog>\r\n            ) : null}\r\n            <ImitatorNoAccessWarning\r\n                show={showImitatorModal}\r\n                onClose={() => setShowImitatorModal(false)}\r\n            />\r\n        </>\r\n    )\r\n}\r\n","import React from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { Link } from 'react-router-dom'\r\nimport { ChevronRight } from '../../../assets/icons'\r\nimport { colors } from '../../../theme/palette'\r\n\r\ninterface BackLinkInterface {\r\n    to: string\r\n    label: string\r\n}\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    BackLink: {\r\n        padding: '20px 0',\r\n        display: 'flex',\r\n        fontSize: '1.125rem',\r\n        color: colors.black,\r\n        fontWeight: '700',\r\n        '&:hover': {\r\n            color: colors.labelColor,\r\n            '& svg': {\r\n                color: colors.labelColor,\r\n            },\r\n        },\r\n    },\r\n    span: {\r\n        display: 'block',\r\n        marginLeft: '12px',\r\n    },\r\n}))\r\n\r\nconst BackLink: React.FC<BackLinkInterface> = ({ to, label }) => {\r\n    const classes = useStyles()\r\n\r\n    return (\r\n        <Link to={to} className={classes.BackLink}>\r\n            <ChevronRight color={colors.black} width=\"8px\" />\r\n            <span className={classes.span}>{label}</span>\r\n        </Link>\r\n    )\r\n}\r\n\r\nexport { BackLink }\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { useAtom } from 'jotai'\r\nimport { deleteNote, getMemberNotes } from '../../../api/notes'\r\nimport { Member } from '../../../models/Member'\r\nimport { Note, mapNotes } from '../../../models/Note'\r\nimport { Overlay } from '../../ui/Sidebar'\r\nimport { DrawerHeaderMemberInfo } from '../FormElements/DrawerHeader'\r\nimport { AddNewNote } from './AddNewNote'\r\nimport { EditMemberNoteButton } from './EditMemberNoteButton'\r\nimport { EditNote } from './EditNote'\r\nimport { NoteOverviewSidebar } from './NoteOverviewSidebar'\r\nimport { profileAtom } from '../../../api/profile/profile'\r\n\r\ntype ViewStates = 'default' | 'create' | 'edit' | 'delete'\r\n\r\ninterface EditMemberNotesProps {\r\n    member: Member\r\n}\r\n\r\nconst EditMemberNotes: FC<EditMemberNotesProps> = ({ member }) => {\r\n    const [notes, setNotes] = useState([])\r\n    const [isOpen, setIsOpen] = useState(false)\r\n    const [viewState, setViewState] = useState<ViewStates>('default')\r\n    const [loading, setLoading] = useState(true)\r\n    const [editNote, setEditNote] = useState<Note | undefined>(undefined)\r\n    const [authProfile] = useAtom(profileAtom)\r\n\r\n    const init = (): void => {\r\n        async function fetchData(): Promise<void> {\r\n            if (authProfile.isImitator) {\r\n                setLoading(false)\r\n            } else {\r\n                try {\r\n                    const response = await getMemberNotes(\r\n                        member.memberId,\r\n                        'MedlemIdent'\r\n                    )\r\n                    const notesMapped = mapNotes(response.Noter)\r\n\r\n                    setNotes(notesMapped)\r\n\r\n                    setLoading(false)\r\n                } catch {\r\n                    setLoading(false)\r\n                }\r\n            }\r\n        }\r\n\r\n        fetchData()\r\n    }\r\n\r\n    const onClickDelete = async (note: Note): Promise<void> => {\r\n        setViewState('default')\r\n        const response = await deleteNote(note.id)\r\n        if (response) {\r\n            setViewState('default')\r\n            if (notes.length === 1) {\r\n                setIsOpen(false)\r\n            }\r\n            init()\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        init()\r\n    }, [])\r\n\r\n    if (loading) return null\r\n\r\n    return (\r\n        <>\r\n            <div>\r\n                <EditMemberNoteButton\r\n                    onClickCreate={() => {\r\n                        setIsOpen(true)\r\n                        setViewState('create')\r\n                    }}\r\n                    onClickView={() => {\r\n                        setIsOpen(true)\r\n                        setViewState('default')\r\n                    }}\r\n                    notes={notes}\r\n                />\r\n            </div>\r\n\r\n            <Overlay\r\n                isShowing={isOpen}\r\n                hide={() => {\r\n                    setIsOpen(false)\r\n                }}\r\n            >\r\n                <DrawerHeaderMemberInfo member={member} />\r\n\r\n                {viewState === 'create' ? (\r\n                    <AddNewNote\r\n                        member={member}\r\n                        type=\"member\"\r\n                        hasNotes={notes.length > 0}\r\n                        onClickCancel={() => {\r\n                            setViewState('default')\r\n                            if (notes.length === 0) {\r\n                                setIsOpen(false)\r\n                            }\r\n                        }}\r\n                        onUpdated={() => {\r\n                            setViewState('default')\r\n                            init()\r\n                        }}\r\n                    />\r\n                ) : null}\r\n\r\n                {viewState === 'edit' && editNote ? (\r\n                    <EditNote\r\n                        note={editNote}\r\n                        onCancel={() => setViewState('default')}\r\n                        onUpdated={() => {\r\n                            init()\r\n                            setViewState('default')\r\n                        }}\r\n                    />\r\n                ) : null}\r\n\r\n                {viewState === 'default' ? (\r\n                    <NoteOverviewSidebar\r\n                        notes={notes}\r\n                        onClickEdit={(note) => {\r\n                            setIsOpen(true)\r\n                            setEditNote(note)\r\n                            setViewState('edit')\r\n                        }}\r\n                        onClickDelete={onClickDelete}\r\n                        onClickCreate={() => setViewState('create')}\r\n                    />\r\n                ) : null}\r\n            </Overlay>\r\n        </>\r\n    )\r\n}\r\n\r\nexport { EditMemberNotes }\r\n","import React, { useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useParams, useSearchParams } from 'react-router-dom'\r\nimport { AxiosResponse } from 'axios'\r\nimport { useAtom } from 'jotai'\r\nimport { getInitials } from '../../../utils/initials'\r\nimport { colors } from '../../../theme/palette'\r\nimport { CircleText, CircleIcon2 } from '../../ui/Circle/Circle'\r\nimport { CardColumn, Row } from '../../ui/Card/CardColumn'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport {\r\n    SuitcaseFill,\r\n    Foa,\r\n    PersonalInfo,\r\n    ContactLedger,\r\n    Envelop,\r\n} from '../../../assets/icons'\r\nimport { CardColumnContainer } from '../../ui/Card/CardColumnContainer'\r\nimport { getOwnMember } from '../../../api/members/members'\r\nimport { Member } from '../../../models/Member'\r\nimport { Loader } from '../../ui/Loaders/Loader'\r\nimport { buildRow } from '../MyProfile'\r\nimport { formatDate } from '../../../utils/format'\r\nimport { EditMemberProfile } from '../../modules/EditMemberProfile'\r\nimport { CancelWorkplace } from '../../modules/CancelWorkplace'\r\nimport { AddMemberToWorkplace } from '../../modules/AddMemberToWorkplace'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { GmapsLink } from '../../ui/GmapsLink/GmapsLink'\r\nimport { Workplace } from '../../../models/Workplace'\r\nimport { Favorite } from '../../ui/Favorite'\r\nimport { BackLink } from '../../ui/BackLink'\r\nimport { L } from '../../providers/Lokalise'\r\nimport { EditMemberNotes } from '../../modules/notes/EditMemberNotes'\r\nimport { AuthProfile, profileAtom } from '../../../api/profile/profile'\r\nimport { WorkplaceDropdown } from '../../modules/WorkplaceDropdown'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { Spinner } from '../../ui/Loaders/Spinner'\r\nimport { Contact } from '../../../models/Contact'\r\nimport { removeFavorite, setFavorite } from '../../../api/favorite'\r\nimport { ImitatorNoAccessWarning } from '../../modules/Imitator/ImitatorNoAccessWarning'\r\n\r\nexport const buildEmailRow = (\r\n    email: string | undefined,\r\n    label: string,\r\n    isImitator?: boolean,\r\n    showModal?: boolean,\r\n    setShowImitatorModal?: (show: boolean) => void\r\n): Row => {\r\n    return {\r\n        label: '',\r\n        value: '',\r\n        useContent: true,\r\n        content: email ? (\r\n            <>\r\n                <a\r\n                    href={`mailto:${email}`}\r\n                    onClick={(e) => {\r\n                        if (isImitator) {\r\n                            e.preventDefault()\r\n                            setShowImitatorModal(true)\r\n                        }\r\n                    }}\r\n                    style={{\r\n                        display: 'flex',\r\n                        width: '100%',\r\n                        justifyContent: 'space-between',\r\n                    }}\r\n                >\r\n                    <div>\r\n                        <Typography\r\n                            tag=\"h4\"\r\n                            size=\"XXS\"\r\n                            color=\" rgba(0, 0, 0, 0.4)\"\r\n                        >\r\n                            {label}\r\n                        </Typography>\r\n                        <Typography tag=\"p\" size=\"XS\">\r\n                            {email || '-'}\r\n                        </Typography>\r\n                    </div>\r\n                    <Envelop color={colors.green} width=\"40px\" />\r\n                </a>\r\n                <ImitatorNoAccessWarning\r\n                    show={showModal}\r\n                    onClose={() => setShowImitatorModal(false)}\r\n                />\r\n            </>\r\n        ) : (\r\n            <>\r\n                <div>\r\n                    <Typography tag=\"h4\" size=\"XXS\" color=\" rgba(0, 0, 0, 0.4)\">\r\n                        {label}\r\n                    </Typography>\r\n                    <Typography tag=\"p\" size=\"XS\">\r\n                        {email || '-'}\r\n                    </Typography>\r\n                </div>\r\n                <Envelop color={colors.green} width=\"40px\" />\r\n            </>\r\n        ),\r\n    }\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    container: {\r\n        color: colors.black,\r\n        padding: '0 1.5rem',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                gridTemplateColumns: '1fr 1fr 1fr',\r\n                padding: '0 0 5rem',\r\n            },\r\n        },\r\n    },\r\n    profileHeader: {\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        padding: '1.5rem 0',\r\n    },\r\n    nameContainer: {\r\n        position: 'relative',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'flex-start',\r\n    },\r\n    headerArea: {\r\n        display: 'flex',\r\n        padding: '.5rem 0',\r\n        minHeight: '5rem',\r\n    },\r\n    header: {\r\n        display: 'grid',\r\n        gridTemplateColumns: '2fr 1fr',\r\n        gap: '1.5rem',\r\n    },\r\n    headerActions: {\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n    },\r\n    edit: {\r\n        display: 'flex',\r\n        flexBasis: '50%',\r\n        alignItems: 'center',\r\n        justifyContent: 'flex-end',\r\n    },\r\n    section: {\r\n        marginBottom: '3rem',\r\n\r\n        '& > hr': {\r\n            opacity: '0.2',\r\n            margin: '1.25rem 0',\r\n        },\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    buttons: {\r\n        width: '100%',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        flexDirection: 'column',\r\n        '& button': {\r\n            margin: '10px 0',\r\n            width: '100%',\r\n        },\r\n    },\r\n    editButton: {\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n    },\r\n    iconWrapper: {\r\n        position: 'relative',\r\n        width: '90px',\r\n        marginRight: '30px',\r\n    },\r\n    notes: {\r\n        marginTop: 'auto',\r\n    },\r\n})\r\n\r\nconst MemberProfile: React.FC = () => {\r\n    const classes = useStyles()\r\n    const params = useParams()\r\n    const [data, _setData] = useState<Member | undefined>(undefined)\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n    const [backurl, setbackUrl] = useState('/')\r\n    const [selectedWorkplace, setSelectedWorkplace] = useState<\r\n        Workplace | undefined\r\n    >(undefined)\r\n    const [searchParams] = useSearchParams()\r\n    const [authProfile] = useAtom(profileAtom)\r\n\r\n    const init = async (id: string): Promise<AxiosResponse> => {\r\n        const response = await getOwnMember(id)\r\n        const { data: profileData } = response\r\n        const profile = Member.build(profileData)\r\n        _setData(profile)\r\n        return response\r\n    }\r\n\r\n    useEffect(() => {\r\n        const { id } = params\r\n\r\n        if (id) {\r\n            init(id)\r\n\r\n            if (searchParams.get('backUrl')) {\r\n                setbackUrl(searchParams.get('backUrl'))\r\n            }\r\n        }\r\n    }, [params, searchParams])\r\n\r\n    useEffect(() => {\r\n        if (data && data.primaryWorkPlace && !selectedWorkplace) {\r\n            setSelectedWorkplace(data.primaryWorkPlace)\r\n        }\r\n    }, [data])\r\n\r\n    const getPositionName = (): string => {\r\n        const id = data.primaryWorkPlace.postionNumber\r\n        const group = data.positions.find((pos) => +pos.id === +id)\r\n        return group.name || '-'\r\n    }\r\n\r\n    const getGroupName = (): string => {\r\n        const id = data.primaryWorkPlace.postionNumber\r\n        const group = data.positions.find((pos) => +pos.id === +id)\r\n        return group.group.name || '-'\r\n    }\r\n\r\n    const getPersonalInfoRows = (member: Member): Row[] => {\r\n        return [\r\n            buildRow(\r\n                formatDate(member.birthday),\r\n                L('GENERISK_FORM_FØDSELDAG_LABEL')\r\n            ),\r\n            buildRow(\r\n                member.age ? `${member.age} år` : '-',\r\n                L('GENERISK_FORM_ALDER_LABEL')\r\n            ),\r\n        ]\r\n    }\r\n\r\n    const getWorkInfo = (workplace: Workplace): Row[] => {\r\n        let customedGmapsUrl = ''\r\n        if (workplace && workplace.address) {\r\n            const {\r\n                addressLine1,\r\n                addressLine2,\r\n                addressLine3,\r\n                postDistrict,\r\n                postNumber,\r\n            } = workplace?.address\r\n\r\n            customedGmapsUrl = `https://www.google.com/maps/search/?api=1&query=${addressLine1}+${addressLine2}+${addressLine3}%2C+${postNumber}+${postDistrict}`\r\n        }\r\n\r\n        const rows: Row[] = []\r\n\r\n        if (customedGmapsUrl !== '') {\r\n            rows.push({\r\n                label: '',\r\n                value: '',\r\n                useContent: !!customedGmapsUrl,\r\n                content: !!customedGmapsUrl && (\r\n                    <div\r\n                        style={{\r\n                            display: 'flex',\r\n                            flexDirection: 'column',\r\n                        }}\r\n                    >\r\n                        <Typography\r\n                            tag=\"h4\"\r\n                            size=\"XXS\"\r\n                            color=\" rgba(0, 0, 0, 0.4)\"\r\n                        >\r\n                            Arbejdssted\r\n                        </Typography>\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"XS\"\r\n                            style={{ marginBottom: '10px' }}\r\n                        >\r\n                            {workplace.name}\r\n                        </Typography>\r\n                        <GmapsLink customedGmapsUrl={customedGmapsUrl} />\r\n                    </div>\r\n                ),\r\n            })\r\n        } else {\r\n            rows.push(buildRow(workplace?.name, 'Arbejdssted'))\r\n        }\r\n\r\n        const defaults = [\r\n            ...rows,\r\n            ...[\r\n                buildRow(getPositionName(), L('GENERISK_FORM_STILLING_LABEL')),\r\n                buildRow(\r\n                    workplace?.hoursPerWeek,\r\n                    L('GENERISK_FORM_TIMETAL_LABEL')\r\n                ),\r\n                buildRow(getGroupName(), L('GENERISK_FORM_FAGGRUPPE_LABEL')),\r\n            ],\r\n        ]\r\n        defaults.push({\r\n            label: '',\r\n            value: '',\r\n            useContent: true,\r\n            content: (\r\n                <div className={classes.buttons}>\r\n                    {data ? <AddMemberToWorkplace member={data} /> : null}\r\n                    {data ? <CancelWorkplace member={data} /> : null}\r\n                </div>\r\n            ),\r\n        })\r\n\r\n        return defaults\r\n    }\r\n\r\n    const getContactInfoRows = (member: Member): Row[] => {\r\n        let workContact: Contact | undefined\r\n\r\n        if (selectedWorkplace) {\r\n            workContact = member.contactInfoList.find(\r\n                (wc) =>\r\n                    wc.contactInfoType === 'Arbejde' &&\r\n                    wc.workPlacesContact.number === selectedWorkplace.number\r\n            )\r\n        }\r\n\r\n        return [\r\n            buildRow(\r\n                member.privateContact?.mobileShow ||\r\n                    (member.privateContact?.isTelefonPrivate\r\n                        ? 'Hemmeligt nummer'\r\n                        : '-'),\r\n                'Privat mobil'\r\n            ),\r\n            buildEmailRow(\r\n                member.privateContact?.email,\r\n                L('GENERISK_FORM_PRIVAT-EMAIL_LABEL'),\r\n                authProfile.isImitator,\r\n                showImitatorModal,\r\n                setShowImitatorModal\r\n            ),\r\n            buildRow(\r\n                workContact?.telephone ||\r\n                    (workContact?.isTelefonPrivate ? 'Hemmeligt nummer' : '-'),\r\n                L('GENERISK_FORM_ARBEDJSPLADS-MOBIL_LABEL')\r\n            ),\r\n            buildEmailRow(\r\n                workContact?.email,\r\n                L('GENERISK_FORM_ARBEJDSMAIL_LABEL'),\r\n                authProfile.isImitator,\r\n                showImitatorModal,\r\n                setShowImitatorModal\r\n            ),\r\n        ]\r\n    }\r\n\r\n    const buildTOR = (member: Member): JSX.Element => {\r\n        return (\r\n            <div>\r\n                <Typography tag=\"h4\" size=\"XXS\" color=\" rgba(0, 0, 0, 0.4)\">\r\n                    {L('GENERISK_FORM_TILLIDSHVERV_LABEL')}\r\n                </Typography>\r\n                <>\r\n                    {member.typeOfRepresentatives.map((type) => {\r\n                        return (\r\n                            <Typography tag=\"p\" size=\"XS\">\r\n                                {type.name}\r\n                            </Typography>\r\n                        )\r\n                    })}\r\n                </>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    const getMembershipInfoRows = (member: Member): Row[] => {\r\n        return [\r\n            buildRow(\r\n                member.memberNumber,\r\n                L('GENERISK_FORM_MEDLEMSNUMMER_LABEL')\r\n            ),\r\n            buildRow(\r\n                member.membershipInfo.name,\r\n                L('GENERISK_FORM_FOAAFDELING_LABEL')\r\n            ),\r\n            buildRow(\r\n                formatDate(new Date(member.membershipInfo.date)),\r\n                L('GENERISK_FORM_INDMELDELSESDATO_LABEL')\r\n            ),\r\n            {\r\n                label: '',\r\n                value: '',\r\n                useContent: true,\r\n                content: buildTOR(member),\r\n            },\r\n        ]\r\n    }\r\n\r\n    const onClickFavorite = async (member: Member): Promise<void> => {\r\n        const callback = member.isFavorite ? removeFavorite : setFavorite\r\n\r\n        const response = await callback(`${member.memberId}`, 'MedlemIdent')\r\n\r\n        if (response) {\r\n            const { id } = params\r\n            if (id) {\r\n                init(id)\r\n            }\r\n        }\r\n    }\r\n\r\n    if (!data) return <Spinner />\r\n\r\n    return (\r\n        <div className={`${classes.container} page-up`}>\r\n            <div className={classes.header}>\r\n                <div>\r\n                    <BackLink\r\n                        to={backurl}\r\n                        label={\r\n                            backurl === '/'\r\n                                ? L('MINEMEDLEMMER_DETALJE_TILBAGEKNAP_TITEL')\r\n                                : 'Mine arbejdssteder'\r\n                        }\r\n                    />\r\n                    <div className={classes.profileHeader}>\r\n                        <div className={classes.nameContainer}>\r\n                            <div className={classes.iconWrapper}>\r\n                                <CircleIcon2\r\n                                    width=\"92px\"\r\n                                    withBorder\r\n                                    borderWidth=\"6px\"\r\n                                >\r\n                                    <CircleText fontSize=\"30px\">\r\n                                        {getInitials(data.fullName)}\r\n                                    </CircleText>\r\n                                </CircleIcon2>\r\n                                <Favorite\r\n                                    onClick={(e) => {\r\n                                        e.stopPropagation()\r\n                                        e.preventDefault()\r\n                                        onClickFavorite(data)\r\n                                    }}\r\n                                    active={data.isFavorite}\r\n                                    size={24}\r\n                                    right=\"-15px\"\r\n                                    bottom=\"-2px\"\r\n                                />\r\n                            </div>\r\n\r\n                            <Typography tag=\"h1\" size=\"XXXXL\" spacing=\".2rem\">\r\n                                {data.fullName}\r\n                            </Typography>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className={classes.headerActions}>\r\n                    {data ? (\r\n                        <div className={classes.editButton}>\r\n                            <EditMemberProfile\r\n                                member={data}\r\n                                onUpdated={(member) =>\r\n                                    init(String(member.memberId))\r\n                                }\r\n                            />\r\n                        </div>\r\n                    ) : null}\r\n                    <EditMemberNotes member={data} />\r\n                </div>\r\n            </div>\r\n            <div className={classes.section}>\r\n                <hr />\r\n                <CardColumnContainer>\r\n                    <div>\r\n                        <CardColumn\r\n                            titleIcon={<PersonalInfo />}\r\n                            titleLabel={L(\r\n                                'MINEMEDLEMMER_DETALJE_PERSONLIGEOPLYSNINGER-TITEL'\r\n                            )}\r\n                            rows={getPersonalInfoRows(data)}\r\n                            key=\"Personlige oplysninger\"\r\n                        />\r\n                        <CardColumn\r\n                            titleIcon={<Foa />}\r\n                            titleLabel={L(\r\n                                'MINEMEDLEMMER_DETALJE_FOAMEDLEMSSKAB-TITEL'\r\n                            )}\r\n                            rows={getMembershipInfoRows(data)}\r\n                            key=\"FOA medlemsskab\"\r\n                        />\r\n                    </div>\r\n                    {/* <CardColumn\r\n                        titleIcon={<SuitcaseFill />}\r\n                        titleLabel={L('GENERISK_FORM_ANSÆTTELSE_TITEL')}\r\n                        rows={getWorkInfo(data.primaryWorkPlace)}\r\n                        key={data.primaryWorkPlace?.address?.id}\r\n                    /> */}\r\n\r\n                    {selectedWorkplace ? (\r\n                        <WorkplaceDropdown\r\n                            showHo\r\n                            selectedWorkplace={selectedWorkplace}\r\n                            workplaces={data.workPlaces}\r\n                            profile={data}\r\n                            setSelectedWorkplace={setSelectedWorkplace}\r\n                            afterContent={\r\n                                <>\r\n                                    <div className={classes.buttons}>\r\n                                        {data ? (\r\n                                            <AddMemberToWorkplace\r\n                                                member={data}\r\n                                            />\r\n                                        ) : null}\r\n                                        {data ? (\r\n                                            <CancelWorkplace member={data} />\r\n                                        ) : null}\r\n                                    </div>\r\n                                </>\r\n                            }\r\n                        />\r\n                    ) : null}\r\n                    <CardColumn\r\n                        iconWidth=\"16px\"\r\n                        titleIcon={<ContactLedger />}\r\n                        titleLabel={L('MINEMEDLEMMER_DETALJE_KONTAKT-TITEL')}\r\n                        rows={getContactInfoRows(data)}\r\n                        key=\"Kontakt\"\r\n                    />\r\n                </CardColumnContainer>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { MemberProfile }\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useForm } from 'react-hook-form'\r\nimport moment from 'moment'\r\nimport { useAtom } from 'jotai'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { SendFill, Info, SuitcaseFill, AddContact } from '../../../assets/icons'\r\nimport { Circle } from '../../ui/Card'\r\nimport { CircleIcon } from '../../ui/Circle/Circle'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport { IUpdateMemberData, Member } from '../../../models/Member'\r\nimport { Position } from '../../../models/Position'\r\nimport { getWorkplacesAndPositions } from '../../../api/misc'\r\nimport { colors } from '../../../theme/palette'\r\nimport { DatePickerComponent } from '../../ui/FormElememts/DatePicker'\r\nimport { FormControl } from '../../ui/FormElememts/FormControl'\r\nimport { FormHeader } from '../../ui/FormElememts/FormHeader'\r\nimport { baseButton } from '../../../theme/reuseables'\r\nimport { Overlay } from '../../ui/Sidebar'\r\nimport { Dialog } from '../../ui/Dialog/Dialog'\r\nimport { addMemberToOwnList } from '../../../api/members/members'\r\nimport { Workplace } from '../../../models/Workplace'\r\nimport { DrawerHeaderMemberInfo } from '../FormElements/DrawerHeader'\r\nimport {\r\n    FormInputNumber,\r\n    FormTextArea,\r\n    FormSelect,\r\n} from '../FormElements/FormInput'\r\nimport { FormMessage } from '../../ui/FormElememts/FormMessage'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { Select } from '../../ui/FormElememts/Select'\r\nimport Checkbox from '../../ui/FormElememts/Checkbox'\r\nimport { ImitatorNoAccessWarning } from '../Imitator/ImitatorNoAccessWarning'\r\nimport { profileAtom } from '../../../api/profile/profile'\r\n\r\ninterface EditProps {\r\n    member: Member\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    contentWrapper: {\r\n        padding: '100px 20px 20px',\r\n        overflow: 'auto',\r\n        height: 'calc(100% - 100px)',\r\n        paddingBottom: '80px',\r\n    },\r\n    accordionWrapper: {\r\n        marginBottom: '20px',\r\n    },\r\n    select: {\r\n        position: 'relative',\r\n        height: '3.125rem',\r\n        backgroundColor: colors.white,\r\n        border: `1px solid ${colors.borderColor}`,\r\n        borderRadius: '6px',\r\n        width: '100%',\r\n        fontSize: '1.125rem',\r\n        paddingLeft: '.75rem',\r\n        paddingRight: '.75rem',\r\n        cursor: 'pointer',\r\n        color: colors.labelColor,\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    bottom: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        bottom: '0',\r\n        width: '100%',\r\n        padding: '20px',\r\n        left: '0',\r\n        background: colors.white,\r\n        zIndex: 4,\r\n        borderTop: `1px solid ${colors.borderColor}`,\r\n        '& > button': {\r\n            flexGrow: 1,\r\n        },\r\n        '& > button:last-of-type': {\r\n            marginRight: '0',\r\n        },\r\n    },\r\n})\r\n\r\nexport type RegistrationFormFields = {\r\n    Timetal?: string\r\n    OevrigeOplysninger?: string\r\n    Arbejdsstednummer?: string\r\n    Stillingsnummer?: string\r\n    Aendringsdato?: string\r\n}\r\n\r\nexport type CustomErrors = {\r\n    Aendringsdato?: boolean\r\n}\r\n\r\nexport const AddMemberToOwnList: FC<EditProps> = ({ member }) => {\r\n    const { register, formState, reset, handleSubmit, setValue } =\r\n        useForm<RegistrationFormFields>()\r\n    const classes = useStyles()\r\n    const [authProfile] = useAtom(profileAtom)\r\n    const [workPlaces, setWorkplaces] = useState<Workplace[]>([])\r\n    const [positions, setPositions] = useState<Position[]>([])\r\n    const [selectedDate, _setSelectedDate] = useState(null)\r\n    const [customErrors, setCustomErrors] = useState<CustomErrors>({})\r\n    const [isOpen, setIsOpen] = useState(false)\r\n    const [showDialog, setShowDialog] = useState(false)\r\n    const [isValid, setIsValid] = useState(false)\r\n    const [onCallSubstitute, setOnCallSubstitute] = useState<boolean>(false)\r\n    const [values, setValues] = useState<RegistrationFormFields>({\r\n        Timetal: undefined,\r\n        OevrigeOplysninger: undefined,\r\n        Arbejdsstednummer: undefined,\r\n        Stillingsnummer: undefined,\r\n    })\r\n\r\n    const [selectedPostion, setSelectedPosition] = useState<string | undefined>(\r\n        undefined\r\n    )\r\n    const [selectedWorkplace, setSelectedWorkplace] = useState<\r\n        string | undefined\r\n    >(undefined)\r\n\r\n    const getPositions = async (): Promise<void> => {\r\n        const response = await getWorkplacesAndPositions()\r\n        setWorkplaces(response.workPlaces)\r\n    }\r\n\r\n    const { dirtyFields, errors } = formState\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n    const resetForm = (): void => {\r\n        _setSelectedDate(null)\r\n        setSelectedWorkplace('default')\r\n        setSelectedPosition('default')\r\n        setCustomErrors({})\r\n        reset()\r\n    }\r\n\r\n    useEffect(() => {\r\n        console.log(errors, 'errors')\r\n    }, [errors])\r\n\r\n    useEffect(() => {\r\n        register('Timetal')\r\n        getPositions()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        let valid = false\r\n\r\n        valid =\r\n            !!selectedDate &&\r\n            !!selectedPostion &&\r\n            selectedPostion !== 'default' &&\r\n            !!selectedWorkplace\r\n        setIsValid(valid)\r\n    }, [values, selectedPostion, selectedWorkplace, selectedDate, formState])\r\n\r\n    const setWP = (wp: string): void => {\r\n        const found = workPlaces.find(\r\n            (wpp) => Number(wpp.number) === Number(wp)\r\n        )\r\n        setSelectedWorkplace(wp)\r\n        setSelectedPosition('default')\r\n\r\n        if (found && found.positions) {\r\n            setPositions(found.positions)\r\n        }\r\n    }\r\n\r\n    const submitHandler = async (\r\n        data: RegistrationFormFields\r\n    ): Promise<string> => {\r\n        if (authProfile.isImitator) {\r\n            setShowImitatorModal(true)\r\n            return Promise.resolve('OK')\r\n        }\r\n\r\n        const fieldsToEdit: IUpdateMemberData = {\r\n            Medlemsident: member.memberId,\r\n            Aendringsdato: moment(selectedDate).format('YYYY-MM-DD HH:mm:ss'),\r\n            Arbejdsstednummer: Number(selectedWorkplace),\r\n            Stillingsnummer: selectedPostion || String(member.positions[0].id),\r\n        }\r\n\r\n        if (dirtyFields.Timetal) {\r\n            fieldsToEdit.Timetal = Number(\r\n                String(data.Timetal).replace(',', '.')\r\n            )\r\n        }\r\n\r\n        if (dirtyFields.OevrigeOplysninger) {\r\n            fieldsToEdit.OevrigeOplysninger = data.OevrigeOplysninger\r\n        }\r\n\r\n        if (onCallSubstitute) {\r\n            if (fieldsToEdit.OevrigeOplysninger) {\r\n                fieldsToEdit.OevrigeOplysninger = `${fieldsToEdit.OevrigeOplysninger} - Tilkaldevikar`\r\n            } else {\r\n                fieldsToEdit.OevrigeOplysninger = 'Tilkaldevikar'\r\n            }\r\n        }\r\n\r\n        if (!selectedDate) {\r\n            return Promise.resolve('OK')\r\n        }\r\n\r\n        const response = await addMemberToOwnList(fieldsToEdit)\r\n\r\n        if (response) {\r\n            setIsOpen(false)\r\n            setShowDialog(true)\r\n            resetForm()\r\n        }\r\n\r\n        return Promise.resolve('OK')\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <button\r\n                type=\"button\"\r\n                className={classes.button}\r\n                onClick={() => setIsOpen(true)}\r\n            >\r\n                <Circle marginRight=\".5rem\">\r\n                    <CircleIcon>\r\n                        <AddContact />\r\n                    </CircleIcon>\r\n                </Circle>\r\n                <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                    {L('ALLEMEDLEMMER_TILFØJ-TIL-MIN-ARBEJDSPLADS_TEKST')}\r\n                </Typography>\r\n            </button>\r\n            <Overlay\r\n                isShowing={isOpen}\r\n                hide={() => {\r\n                    setIsOpen(false)\r\n                    resetForm()\r\n                }}\r\n            >\r\n                <DrawerHeaderMemberInfo member={member} />\r\n                <form\r\n                    className={classes.contentWrapper}\r\n                    onSubmit={handleSubmit(submitHandler)}\r\n                    noValidate\r\n                >\r\n                    <Typography\r\n                        tag=\"h2\"\r\n                        size=\"XL\"\r\n                        align=\"center\"\r\n                        weight=\"bold\"\r\n                        style={{ margin: '20px 0 10px' }}\r\n                    >\r\n                        {L('ALLEMEDLEMMER_TILFØJ-TIL-MIN-ARBEJDSPLADS_TEKST')}\r\n                    </Typography>\r\n                    <FormHeader>\r\n                        <Circle marginRight=\".5rem\">\r\n                            <CircleIcon>\r\n                                <SuitcaseFill />\r\n                            </CircleIcon>\r\n                        </Circle>\r\n                        <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                            {L_HTML('GENERISK_FORM_ANSÆTTELSE_TITEL')}\r\n                        </Typography>\r\n                    </FormHeader>\r\n                    <FormControl />\r\n                    <FormControl>\r\n                        <FormSelect\r\n                            register={register}\r\n                            required\r\n                            name=\"Arbejdsstednummer\"\r\n                            hasError={!!errors?.Arbejdsstednummer?.message}\r\n                            isOpen={isOpen}\r\n                            placeholder=\"Arbejdssted *\"\r\n                            rules={{\r\n                                required: 'Arbejssted er påkrævet!',\r\n                                onChange: (e) => {\r\n                                    setWP(e.target.value)\r\n                                    setValue(\r\n                                        'Arbejdsstednummer',\r\n                                        e.target.value\r\n                                    )\r\n                                },\r\n                            }}\r\n                            options={workPlaces.map((wp) => {\r\n                                const o = {\r\n                                    label: wp.name,\r\n                                    value: String(wp.number),\r\n                                }\r\n\r\n                                return o\r\n                            })}\r\n                        />\r\n                        <FormMessage\r\n                            text={L('GENERISK_FORM_TIMETAL_VALIDERINGS_TEKST')}\r\n                            error={errors?.Arbejdsstednummer?.message}\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormSelect\r\n                            register={register}\r\n                            required\r\n                            name=\"Stillingsnummer\"\r\n                            hasError={!!errors?.Stillingsnummer?.message}\r\n                            isOpen={isOpen}\r\n                            disabled={!selectedWorkplace}\r\n                            placeholder=\"Stilling *\"\r\n                            rules={{\r\n                                required: 'Stilling er påkrævet!',\r\n                                onChange: (e) => {\r\n                                    setSelectedPosition(e.target.value)\r\n                                    setValue('Stillingsnummer', e.target.value)\r\n                                },\r\n                            }}\r\n                            options={positions.map((pos) => {\r\n                                const o = {\r\n                                    label: pos.name,\r\n                                    value: String(pos.id),\r\n                                }\r\n\r\n                                return o\r\n                            })}\r\n                        />\r\n                        <FormMessage\r\n                            text={L('GENERISK_FORM_TIMETAL_VALIDERINGS_TEKST')}\r\n                            error={errors?.Stillingsnummer?.message}\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormInputNumber\r\n                            label={`${L('REDIGER-MEDLEM_FORM_TIMETAL_LABEL')}`}\r\n                            name=\"Timetal\"\r\n                            required\r\n                            useFloats\r\n                            register={register}\r\n                            defaultValue={undefined}\r\n                            hasError={!!errors?.Timetal?.message}\r\n                            rules={{\r\n                                required: 'Timetal er påkrævet!',\r\n                                validate: (value) =>\r\n                                    (Number(String(value).replace(',', '.')) >=\r\n                                        0.5 &&\r\n                                        Number(\r\n                                            String(value).replace(',', '.')\r\n                                        ) <= 99) ||\r\n                                    L(\r\n                                        'GENERISK_FORM_TIMETAL_VALIDERINGS_TEKST'\r\n                                    ),\r\n                            }}\r\n                        />\r\n                        <FormMessage\r\n                            text={L('GENERISK_FORM_TIMETAL_VALIDERINGS_TEKST')}\r\n                            error={errors?.Timetal?.message}\r\n                        />\r\n                    </FormControl>\r\n\r\n                    <FormHeader>\r\n                        <Circle marginRight=\".5rem\">\r\n                            <CircleIcon>\r\n                                <Info />\r\n                            </CircleIcon>\r\n                        </Circle>\r\n                        <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\">\r\n                            {L_HTML(\r\n                                'GENERISK_FORM_YDERLIGERE-OPLYSNINGER_TITEL'\r\n                            )}\r\n                        </Typography>\r\n                    </FormHeader>\r\n                    <FormControl>\r\n                        <DatePickerComponent\r\n                            label={`${L('GENERISK_FORM_ÆNDRES-PR_LABEL')}`}\r\n                            selected={selectedDate}\r\n                            setSelected={(e) => {\r\n                                setCustomErrors({})\r\n                                _setSelectedDate(e)\r\n                            }}\r\n                            minDate={moment().subtract(1, 'year').toDate()}\r\n                            maxDate={moment().add(1, 'year').toDate()}\r\n                            hasError={!!customErrors?.Aendringsdato}\r\n                        />\r\n                        <FormMessage\r\n                            text=\"\"\r\n                            error={\r\n                                customErrors.Aendringsdato\r\n                                    ? 'Ændringsdato påkrævet'\r\n                                    : undefined\r\n                            }\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <FormTextArea\r\n                            label={L('GENERISK_FORM_ØVRIGE-OPLYSNINGER_LABEL')}\r\n                            register={register}\r\n                            name=\"OevrigeOplysninger\"\r\n                            required={false}\r\n                        />\r\n                    </FormControl>\r\n                    <FormControl>\r\n                        <Checkbox\r\n                            label={L('GENERISK_FORM_TILKALDEVIKAR_LABEL')}\r\n                            isChecked={onCallSubstitute}\r\n                            onChange={() => {\r\n                                setOnCallSubstitute(!onCallSubstitute)\r\n                            }}\r\n                        />\r\n                    </FormControl>\r\n                    <div className={classes.bottom}>\r\n                        <Button\r\n                            onClick={() => {\r\n                                setIsOpen(false)\r\n                                resetForm()\r\n                            }}\r\n                            type=\"secondary\"\r\n                            size=\"large\"\r\n                        >\r\n                            Annuller\r\n                        </Button>\r\n                        <Button\r\n                            buttonType=\"submit\"\r\n                            type=\"primary\"\r\n                            size=\"large\"\r\n                            onClick={() => {\r\n                                if (!selectedDate) {\r\n                                    setCustomErrors({\r\n                                        Aendringsdato: true,\r\n                                    })\r\n                                }\r\n                            }}\r\n                        >\r\n                            {L(\r\n                                'ALLEMEDLEMMER_TILFØJ-TIL-MIN-ARBEJDSPLADS_KNAP'\r\n                            )}\r\n                        </Button>\r\n                    </div>\r\n\r\n                    <div />\r\n                </form>\r\n            </Overlay>\r\n            {showDialog ? (\r\n                <Dialog\r\n                    trigger={null}\r\n                    defaultOpen\r\n                    hideClose\r\n                    icon={<SendFill width=\"46px\" />}\r\n                >\r\n                    <Typography\r\n                        style={{ marginBottom: '30px' }}\r\n                        size=\"L\"\r\n                        align=\"center\"\r\n                    >\r\n                        {L_HTML(\r\n                            'TILFØJ-MEDLEM-TIL-EGEN-LISTE_POPUP_OVERSKRIFT'\r\n                        )}\r\n                    </Typography>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"S\"\r\n                        style={{ marginBottom: '30px' }}\r\n                        align=\"center\"\r\n                    >\r\n                        {L_HTML('TILFØJ-MEDLEM-TIL-EGEN-LISTE_POPUP_TEXT')}\r\n                    </Typography>\r\n                    <Button size=\"xlarge\" onClick={() => setShowDialog(false)}>\r\n                        {L_HTML('TILFØJ-MEDLEM-TIL-EGEN-LISTE_POPUP_KNAP')}\r\n                    </Button>\r\n                </Dialog>\r\n            ) : null}\r\n            <ImitatorNoAccessWarning\r\n                show={showImitatorModal}\r\n                onClose={() => setShowImitatorModal(false)}\r\n            />\r\n        </>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\n\r\nimport { useParams } from 'react-router-dom'\r\nimport { useAtom } from 'jotai'\r\nimport { getInitials } from '../../../utils/initials'\r\n\r\nimport { colors } from '../../../theme/palette'\r\nimport { CircleText, CircleIcon2 } from '../../ui/Circle/Circle'\r\nimport { CardColumn, Row } from '../../ui/Card/CardColumn'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport {\r\n    SuitcaseFill,\r\n    Foa,\r\n    PersonalInfo,\r\n    ContactLedger,\r\n} from '../../../assets/icons'\r\nimport { CardColumnContainer } from '../../ui/Card/CardColumnContainer'\r\nimport { getMemberAfterSearch } from '../../../api/members/members'\r\nimport { Member } from '../../../models/Member'\r\nimport { Loader } from '../../ui/Loaders/Loader'\r\n// import { EditMemberProfile } from '../../modules/EditMemberProfile'\r\nimport { AddMemberToOwnList } from '../../modules/AddMemberToOwnList'\r\nimport { buildRow } from '../MyProfile'\r\nimport { formatDate } from '../../../utils/format'\r\nimport { GmapsLink } from '../../ui/GmapsLink/GmapsLink'\r\nimport { Workplace } from '../../../models/Workplace'\r\nimport { BackLink } from '../../ui/BackLink'\r\nimport { getAge } from '../../../utils/utils'\r\nimport { L } from '../../providers/Lokalise'\r\nimport { profileAtom } from '../../../api/profile/profile'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { Spinner } from '../../ui/Loaders/Spinner'\r\nimport { buildEmailRow } from '../MemberProfile'\r\n\r\nconst useStyles = createUseStyles({\r\n    container: {\r\n        color: colors.black,\r\n        padding: '0 24px',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                padding: 0,\r\n            },\r\n        },\r\n    },\r\n    profileHeader: {\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        padding: '3rem 0',\r\n    },\r\n    nameContainer: {\r\n        display: 'flex',\r\n        flexBasis: '50%',\r\n        alignItems: 'center',\r\n        justifyContent: 'flex-start',\r\n    },\r\n    edit: {\r\n        display: 'flex',\r\n        flexBasis: '50%',\r\n        alignItems: 'center',\r\n        justifyContent: 'flex-end',\r\n    },\r\n    section: {\r\n        marginBottom: '3rem',\r\n\r\n        '& > hr': {\r\n            opacity: '0.2',\r\n            margin: '1.25rem 0',\r\n        },\r\n    },\r\n    iconWrapper: {\r\n        position: 'relative',\r\n        width: '90px',\r\n        marginRight: '30px',\r\n    },\r\n})\r\n\r\nconst MemberProfileFromSearch: React.FC = () => {\r\n    const classes = useStyles()\r\n    const params = useParams()\r\n    const [authProfile] = useAtom(profileAtom)\r\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\r\n\r\n    const [data, _setData] = useState<Member | undefined>(undefined)\r\n    const init = async (id: string): Promise<unknown> => {\r\n        const response = await getMemberAfterSearch(+id)\r\n        const { data: profileData } = response\r\n        const profile = Member.build(profileData)\r\n        _setData(profile)\r\n        return response\r\n    }\r\n\r\n    useEffect(() => {\r\n        const { id } = params\r\n\r\n        if (id) {\r\n            init(id)\r\n        }\r\n    }, [params])\r\n\r\n    const getPositionName = (): string => {\r\n        const id = data.primaryWorkPlace.postionNumber\r\n        const group = data.positions.find((pos) => +pos.id === +id)\r\n        return group.name || '-'\r\n    }\r\n\r\n    const getGroupName = (): string => {\r\n        const id = data.primaryWorkPlace.postionNumber\r\n        const group = data.positions.find((pos) => +pos.id === +id)\r\n        return group.group.name || '-'\r\n    }\r\n\r\n    const getPersonalInfoRows = (member: Member): Row[] => {\r\n        return [\r\n            buildRow(formatDate(member.birthday), 'Fødselsdag'),\r\n            // buildRow(member.age ? `${member.age} år` : '-', 'Alder'),\r\n            buildRow(\r\n                member.birthday\r\n                    ? `${getAge(member.birthday.getFullYear())} år`\r\n                    : null,\r\n                L('GENERISK_FORM_ALDER_LABEL')\r\n            ),\r\n        ]\r\n    }\r\n\r\n    const getWorkInfo = (workplace: Workplace): Row[] => {\r\n        let customedGmapsUrl = ''\r\n        if (workplace?.address) {\r\n            const {\r\n                addressLine1,\r\n                addressLine2,\r\n                addressLine3,\r\n                postDistrict,\r\n                postNumber,\r\n            } = workplace?.address\r\n            customedGmapsUrl = `https://www.google.com/maps/search/?api=1&query=${addressLine1}+${addressLine2}+${addressLine3}%2C+${postNumber}+${postDistrict}`\r\n        }\r\n\r\n        const rows: Row[] = []\r\n\r\n        if (customedGmapsUrl !== '') {\r\n            rows.push({\r\n                label: '',\r\n                value: '',\r\n                useContent: !!customedGmapsUrl,\r\n                content: !!customedGmapsUrl && (\r\n                    <div\r\n                        style={{\r\n                            display: 'flex',\r\n                            flexDirection: 'column',\r\n                        }}\r\n                    >\r\n                        <Typography\r\n                            tag=\"h4\"\r\n                            size=\"XXS\"\r\n                            color=\" rgba(0, 0, 0, 0.4)\"\r\n                        >\r\n                            {L('GENERISK_FORM_ARBEJDSSTED_LABEL')}\r\n                        </Typography>\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"XS\"\r\n                            style={{ marginBottom: '10px' }}\r\n                        >\r\n                            {workplace.name}\r\n                        </Typography>\r\n                        <GmapsLink customedGmapsUrl={customedGmapsUrl} />\r\n                    </div>\r\n                ),\r\n            })\r\n        } else {\r\n            rows.push(buildRow(workplace?.name, 'Arbejdssted'))\r\n        }\r\n\r\n        return [\r\n            ...rows,\r\n            ...[\r\n                buildRow(getPositionName(), L('GENERISK_FORM_STILLING_LABEL')),\r\n                buildRow(\r\n                    workplace?.hoursPerWeek,\r\n                    L('GENERISK_FORM_TIMETAL_LABEL')\r\n                ),\r\n                buildRow(getGroupName(), 'Faggruppe'),\r\n            ],\r\n        ]\r\n    }\r\n\r\n    const getContactInfoRows = (member: Member): Row[] => {\r\n        return [\r\n            buildRow(\r\n                member.privateContact?.mobileShow || '-',\r\n                L('GENERISK_FORM_PRIVAT-MOBIL_LABEL')\r\n            ),\r\n            buildEmailRow(\r\n                member.privateContact?.email,\r\n                L('GENERISK_FORM_PRIVAT-EMAIL_LABEL'),\r\n                authProfile.isImitator,\r\n                showImitatorModal,\r\n                setShowImitatorModal\r\n            ),\r\n        ]\r\n    }\r\n\r\n    const buildTOR = (member: Member): JSX.Element => {\r\n        return (\r\n            <div>\r\n                <Typography tag=\"h4\" size=\"XXS\" color=\" rgba(0, 0, 0, 0.4)\">\r\n                    {L('GENERISK_FORM_TILLIDSHVERV_LABEL')}\r\n                </Typography>\r\n                <>\r\n                    {member.typeOfRepresentatives.map((type) => {\r\n                        return (\r\n                            <Typography tag=\"p\" size=\"XS\">\r\n                                {type.name}\r\n                            </Typography>\r\n                        )\r\n                    })}\r\n                </>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    const getMembershipInfoRows = (member: Member): Row[] => {\r\n        const rows = [\r\n            buildRow(\r\n                member.memberNumber,\r\n                L('GENERISK_FORM_MEDLEMSNUMMER_LABEL')\r\n            ),\r\n            buildRow(\r\n                member.membershipInfo.name,\r\n                L('GENERISK_FORM_FOAAFDELING_LABEL')\r\n            ),\r\n        ]\r\n\r\n        if (member.typeOfRepresentatives.length) {\r\n            rows.push({\r\n                label: '',\r\n                value: '',\r\n                useContent: true,\r\n                content: buildTOR(member),\r\n            })\r\n        }\r\n\r\n        return rows\r\n    }\r\n\r\n    if (!data) return <Spinner />\r\n\r\n    return (\r\n        <div className={`${classes.container} page-up`}>\r\n            <BackLink to=\"/alle-foas-medlemmer\" label=\"Alle FOA-medlemmer\" />\r\n            <div className={classes.profileHeader}>\r\n                <div className={classes.nameContainer}>\r\n                    <div className={classes.iconWrapper}>\r\n                        <CircleIcon2 width=\"92px\" withBorder borderWidth=\"6px\">\r\n                            <CircleText fontSize=\"30px\">\r\n                                {getInitials(data.fullName)}\r\n                            </CircleText>\r\n                        </CircleIcon2>\r\n                    </div>\r\n                    <Typography tag=\"h1\" size=\"XXXXL\" spacing=\".2rem\">\r\n                        {data.fullName}\r\n                    </Typography>\r\n                </div>\r\n                <div className={classes.edit}>\r\n                    {data ? <AddMemberToOwnList member={data} /> : null}\r\n                </div>\r\n            </div>\r\n            <div className={classes.section}>\r\n                <hr />\r\n                <CardColumnContainer>\r\n                    <div>\r\n                        <CardColumn\r\n                            titleIcon={<PersonalInfo />}\r\n                            titleLabel={L(\r\n                                'ALLEMEDLEMMER_DETALJE_PERSONLIGE-OPLYSNINGER_TITEL'\r\n                            )}\r\n                            rows={getPersonalInfoRows(data)}\r\n                            key=\"Personlige oplysninger\"\r\n                        />\r\n\r\n                        <CardColumn\r\n                            titleIcon={<Foa />}\r\n                            titleLabel={L(\r\n                                'ALLEMEDLEMMER_DETALJE_FOAMEDLEMSSKAB-TITEL'\r\n                            )}\r\n                            rows={getMembershipInfoRows(data)}\r\n                            key=\"FOA medlemsskab\"\r\n                        />\r\n                    </div>\r\n\r\n                    <CardColumn\r\n                        titleIcon={<SuitcaseFill />}\r\n                        titleLabel={L('GENERISK_FORM_ANSÆTTELSE_TITEL')}\r\n                        rows={getWorkInfo(data.primaryWorkPlace)}\r\n                        key={data.primaryWorkPlace?.address?.id}\r\n                    />\r\n\r\n                    <CardColumn\r\n                        iconWidth=\"16px\"\r\n                        titleIcon={<ContactLedger />}\r\n                        titleLabel={L('ALLEMEDLEMMER_DETALJE_KONTAKT_TITEL')}\r\n                        rows={getContactInfoRows(data)}\r\n                        key=\"Kontakt\"\r\n                    />\r\n                </CardColumnContainer>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { MemberProfileFromSearch }\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-use-before-define */\nimport React, { useEffect } from 'react'\nimport ReactDOM from 'react-dom'\n\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { createUseStyles } from 'react-jss'\nimport moment from 'moment'\nimport breakpoints from '../../../theme/breakpoints'\nimport { colors } from '../../../theme/palette'\nimport { zIndexes } from '../../../theme/zIndex'\nimport { Close as CloseIcon, Tips as TipsIcon } from '../../../assets/icons'\nimport { baseButton } from '../../../theme/reuseables'\nimport { L_HTML } from '../../providers/Lokalise'\n\nconst useStyles = createUseStyles(() => ({\n    '@keyframes slideRight': {\n        from: {\n            transform: 'translateY(20px)',\n            opacity: 0,\n        },\n        to: {\n            transform: 'translateY(0)',\n            opacity: 1,\n        },\n    },\n    containerBG: {\n        position: 'fixed',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        left: '0',\n        top: '0',\n        height: '100vh',\n        width: '100%',\n        zIndex: zIndexes.drawer,\n        backgroundColor: 'rgba(0, 0, 0, 0.5)',\n        padding: '1rem',\n        visibility: 'hidden',\n        '&.active': {\n            visibility: 'visible',\n        },\n    },\n    container: {\n        display: 'flex',\n        borderRadius: '10px',\n        flexDirection: 'column',\n        width: '1200px',\n        maxWidth: '100%',\n        minHeight: '65vh',\n        maxHeight: '100%',\n        animation: `.3s $slideRight forwards`,\n        visibility: 'visible',\n        overflow: 'auto',\n        right: 0,\n        boxShadow: '0px 0px 16px rgba(0, 0, 0, 0.25)',\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\n            '&': {\n                flexDirection: 'row',\n            },\n        },\n    },\n    left: {\n        backgroundColor: colors.white,\n        padding: '2rem',\n        paddingTop: '2.5rem',\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\n            '&': {\n                paddingRight: '5rem',\n            },\n        },\n    },\n    right: {\n        backgroundColor: colors.gray,\n        color: colors.gray900,\n        padding: '2rem',\n        paddingTop: '3rem',\n        flexGrow: 1,\n    },\n    headline: {\n        fontSize: '2rem',\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\n            '&': {\n                fontSize: '2.5rem',\n            },\n        },\n    },\n    headlines: {\n        fontWeight: 'normal',\n        marginBottom: '2rem',\n    },\n    leftText: {\n        fontWeight: 'normal',\n        marginBottom: '1rem',\n    },\n    list: {\n        position: 'relative',\n    },\n    listItem: {\n        position: 'relative',\n        listStyle: 'none',\n        marginBottom: '2rem',\n    },\n\n    listItemBold: {\n        fontWeight: 'bold',\n        marginBottom: '0.5rem',\n    },\n    listItemSpan: {\n        position: 'absolute',\n        left: '-28px',\n    },\n    video: {\n        [`@media (max-width: ${breakpoints.Desktop}px)`]: {\n            '&': {\n                maxWidth: '100%',\n                height: 'auto',\n                aspectRatio: '16 / 9',\n            },\n        },\n    },\n    button: {\n        position: 'absolute',\n        zIndex: zIndexes.drawer + 1,\n        right: 0,\n        top: 0,\n        display: 'inline-block',\n        margin: '10px 10px 0',\n        borderRadius: '6px',\n        boxSizing: 'border-box',\n        textDecoration: 'none',\n        fontWeight: 400,\n        textAlign: 'center',\n        transition: 'all 0.2s',\n        background: 'transparent',\n        boxShadow: 0,\n        padding: 0,\n        height: '40px',\n        width: '40px',\n        '&:hover': {\n            cursor: 'pointer',\n        },\n        '-webkit-appearance': 'none',\n        '-moz-appearance': 'none',\n        border: '0',\n        '&:hover svg': {\n            fill: colors.gray500,\n        },\n    },\n    primaryButton: {\n        ...baseButton,\n        backgroundColor: colors.green500,\n        color: colors.white,\n        marginLeft: 'auto',\n        marginTop: '5rem',\n        '&:hover': {\n            backgroundColor: colors.green600,\n        },\n    },\n}))\n\nconst FirstLoginInfo: React.FC<{\n    showVideo: boolean\n    setClose: () => void\n}> = ({ showVideo, setClose }) => {\n    const node = React.useRef<HTMLDivElement>(null)\n    const classes = useStyles()\n\n    const [isShowing, setIsShowing] = React.useState(false)\n\n    useEffect(() => {\n        const loginData = localStorage.getItem('Login_data')\n        const today = moment()\n        if (loginData) {\n            const loginJson = JSON.parse(loginData)\n            const isMoreThanSixMonths = today.diff(loginJson.date, 'months') > 6\n\n            if (!loginJson.agreed || isMoreThanSixMonths) {\n                setIsShowing(true)\n            }\n        } else {\n            const data = {\n                date: today.format('YYYYMMDD'),\n                agreed: false,\n            }\n            localStorage.setItem('Login_data', JSON.stringify(data))\n            setIsShowing(true)\n        }\n    }, [])\n\n    useEffect(() => {\n        if (showVideo) {\n            setIsShowing(true)\n        }\n    }, [showVideo])\n\n    const closeInfo = (): void => {\n        const today = moment()\n        const data = {\n            date: today.format('YYYYMMDD'),\n            agreed: true,\n        }\n        localStorage.setItem('Login_data', JSON.stringify(data))\n        setIsShowing(false)\n    }\n\n    React.useEffect(() => {\n        if (isShowing) {\n            document.body.style.overflow = 'hidden'\n        } else {\n            document.body.style.overflow = 'unset'\n        }\n    }, [isShowing])\n\n    if (!isShowing) {\n        return null\n    }\n    return ReactDOM.createPortal(\n        <div\n            // prettier-ignore\n            className={`${classes.containerBG} ${isShowing ? 'active' : 'hidden'}`}\n            style={{\n                display: isShowing ? 'flex' : 'none',\n            }}\n        >\n            <div className={`${classes.container} ${'active'}`} ref={node}>\n                <button\n                    className={classes.button}\n                    type=\"button\"\n                    onClick={() => {\n                        setIsShowing(false)\n                        setClose()\n                    }}\n                >\n                    <CloseIcon width=\"38px\" color={colors.green500} />\n                </button>\n                <div className={`${classes.left}`}>\n                    <h2 className={`${classes.headline} ${classes.headlines}`}>\n                        {L_HTML('first_login_welcome_text')}\n                    </h2>\n                    <p className={`${classes.leftText}`}>\n                        {L_HTML('first_login_video_text')}\n                    </p>\n                    <iframe\n                        className={`${classes.video}`}\n                        title=\"Video Player\"\n                        src=\"//foa.23video.com/v.ihtml/player.html?token=6e3fc42b2b57143eb3cba9d092b8cc1a&source=embed&photo_id=78196588\"\n                        width=\"564\"\n                        height=\"352\"\n                        frameBorder=\"0\"\n                        scrolling=\"no\"\n                        allowFullScreen\n                        allow=\"fullscreen\"\n                    />\n                    {/* text needed */}\n                    <p> {L_HTML('first_login_help_text')}</p>\n                </div>\n                <div className={`${classes.right}`}>\n                    <h3 className={`${classes.headlines}`}>\n                        {L_HTML('first_login_list_heading')}\n                    </h3>\n                    <ul className={`${classes.list}`}>\n                        <li className={`${classes.listItem}`}>\n                            <span className={`${classes.listItemSpan}`}>\n                                <TipsIcon\n                                    width=\"25px\"\n                                    color={colors.green500}\n                                />\n                            </span>\n                            <p className={`${classes.listItemBold}`}>\n                                {L_HTML('first_login_listitem_1_heading')}\n                            </p>\n                            <p>{L_HTML('first_login_listitem_1_text')}</p>\n                        </li>\n                        <li className={`${classes.listItem}`}>\n                            <span className={`${classes.listItemSpan}`}>\n                                <TipsIcon\n                                    width=\"25px\"\n                                    color={colors.green500}\n                                />\n                            </span>\n                            <p className={`${classes.listItemBold}`}>\n                                {L_HTML('first_login_listitem_2_heading')}\n                            </p>\n                            <p>{L_HTML('first_login_listitem_2_text')}</p>\n                        </li>\n                    </ul>\n                    <button\n                        className={`${classes.primaryButton}`}\n                        type=\"button\"\n                        onClick={() => {\n                            closeInfo()\n                            setClose()\n                        }}\n                    >\n                        {L_HTML('first_login_button_text')}\n                    </button>\n                </div>\n            </div>\n        </div>,\n        document.getElementById('root') as HTMLElement\n    )\n}\n\nexport { FirstLoginInfo }\n","import React, { useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useContainerStyles } from '../../../theme/layout'\r\nimport { colors } from '../../../theme/palette'\r\nimport { Typography } from '../Typography/Typography'\r\nimport { getProfileSupportInfo } from '../../../api/profile/profile'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { formatPhoneNumber } from '../../../utils/format'\r\nimport { FirstLoginInfo } from '../../modules/FirstLoginModal/FirstLoginModal'\r\nimport { L_HTML } from '../../providers/Lokalise'\r\n\r\nconst useStyles = createUseStyles(() => ({\r\n    container: {\r\n        backgroundColor: colors.green500,\r\n        width: '100%',\r\n        minHeight: '20rem',\r\n        zIndex: 1,\r\n        padding: '20px',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                padding: '40px 0 0',\r\n            },\r\n        },\r\n    },\r\n    inner: {\r\n        display: 'grid',\r\n        gridTemplateColumns: '1fr',\r\n        gap: '40px',\r\n        height: '100%',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                gridTemplateColumns: '1fr 1fr 1fr',\r\n                gap: '20%',\r\n            },\r\n        },\r\n    },\r\n    contactLink: {\r\n        textDecoration: 'underline',\r\n        color: 'inherit',\r\n        cursor: 'pointer',\r\n        '&:hover, &:focus, &:active': {\r\n            opacity: '0.8',\r\n        },\r\n    },\r\n    column: {},\r\n    videoLink: {\r\n        backgroundColor: 'transparent',\r\n        color: 'inherit',\r\n        border: 'none',\r\n        fontSize: '1rem',\r\n        textDecoration: 'underline',\r\n        padding: '0',\r\n        margin: '0',\r\n        textAlign: 'start',\r\n        cursor: 'pointer',\r\n        '&:hover': {\r\n            opacity: '0.8',\r\n        },\r\n    },\r\n}))\r\n\r\nconst Footer: React.FC = () => {\r\n    const classes = useStyles()\r\n    const layout = useContainerStyles()\r\n    const [info, setInfo] = useState<any | undefined>(undefined)\r\n    const [showVideo, setShowVideo] = useState<boolean>(false)\r\n    const [col1, setCol1] = useState<any | undefined>(undefined)\r\n\r\n    useEffect(() => {\r\n        const getInfo = async (): Promise<void> => {\r\n            const response = await getProfileSupportInfo()\r\n\r\n            const found = response.data.KontaktoplysningerList.find(\r\n                (item: any) => item.KontaktoplysningerType === 'Afdeling'\r\n            )\r\n\r\n            const firstColumn = response.data.KontaktoplysningerList.find(\r\n                (item: any) => item.KontaktoplysningerType === 'TRHotline'\r\n            )\r\n            if (found) {\r\n                setInfo(found)\r\n            }\r\n            if (firstColumn) {\r\n                setCol1(firstColumn)\r\n            }\r\n        }\r\n\r\n        getInfo()\r\n    }, [])\r\n\r\n    const closeVideo = (): void => {\r\n        setShowVideo(false)\r\n    }\r\n\r\n    return (\r\n        <div className={classes.container} id=\"footer\">\r\n            <div className={`${layout.container} ${classes.inner}`}>\r\n                <div className={classes.column}>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                        weight=\"bold\"\r\n                    >\r\n                        Tekniske udfordringer\r\n                    </Typography>\r\n                    <br />\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                    >\r\n                        Kontakt hotline for tillidsvalgte:\r\n                    </Typography>\r\n                    <br />\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                    >\r\n                        Tlf:{' '}\r\n                        {col1 && col1.Telefon\r\n                            ? formatPhoneNumber(col1.Telefon)\r\n                            : ''}\r\n                    </Typography>\r\n                    <br />\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                    >\r\n                        <a\r\n                            href={`mailto:${col1 && col1.Email}`}\r\n                            className={classes.contactLink}\r\n                        >\r\n                            {(col1 && col1.Email) || ''}\r\n                        </a>\r\n                    </Typography>\r\n                </div>\r\n                <div className={classes.column}>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                        weight=\"bold\"\r\n                    >\r\n                        Fejl i medlemsdata\r\n                    </Typography>\r\n                    <br />\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                    >\r\n                        Kontakt din FOA-afdeling:\r\n                    </Typography>\r\n                    <br />\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                    >\r\n                        Tlf:{' '}\r\n                        {info && info.Telefon\r\n                            ? formatPhoneNumber(info.Telefon)\r\n                            : ''}\r\n                    </Typography>\r\n                    <br />\r\n                    {info && info.Email ? (\r\n                        <Typography\r\n                            tag=\"p\"\r\n                            size=\"XS\"\r\n                            spacing=\".2rem\"\r\n                            color={colors.white}\r\n                        >\r\n                            <a\r\n                                href={`mailto:${info.Email}`}\r\n                                className={classes.contactLink}\r\n                            >\r\n                                {(info && info.Email) || ''}\r\n                            </a>\r\n                        </Typography>\r\n                    ) : null}\r\n                </div>\r\n                <div className={classes.column}>\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                        weight=\"bold\"\r\n                    >\r\n                        Andet\r\n                    </Typography>\r\n                    <br />\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                    >\r\n                        <button\r\n                            type=\"button\"\r\n                            onClick={() => setShowVideo(true)}\r\n                            className={classes.videoLink}\r\n                        >\r\n                            {L_HTML('first_login_footer_link_text')}\r\n                        </button>\r\n                    </Typography>\r\n                    <br />\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                    >\r\n                        <a\r\n                            href=\"https://www.foa.dk/~/media/minemedlemmer/pdf/quickguide\"\r\n                            target=\"_blank\"\r\n                            className={classes.contactLink}\r\n                            rel=\"noreferrer\"\r\n                        >\r\n                            Quick guide\r\n                        </a>\r\n                    </Typography>\r\n                    <br />\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                    >\r\n                        <a\r\n                            href=\"https://www.foa.dk/~/media/minemedlemmer/pdf/brugervejledning\"\r\n                            target=\"_blank\"\r\n                            className={classes.contactLink}\r\n                            rel=\"noreferrer\"\r\n                        >\r\n                            Brugervejledning\r\n                        </a>\r\n                    </Typography>\r\n                    <br />\r\n                    <Typography\r\n                        tag=\"p\"\r\n                        size=\"XS\"\r\n                        spacing=\".2rem\"\r\n                        color={colors.white}\r\n                    >\r\n                        <a\r\n                            href=\"mailto:tillidsvalgt@foa.dk\"\r\n                            className={classes.contactLink}\r\n                        >\r\n                            Ideer/forslag?\r\n                        </a>\r\n                    </Typography>\r\n                </div>\r\n            </div>\r\n            <FirstLoginInfo showVideo={showVideo} setClose={closeVideo} />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { Footer }\r\n","import React, { FC, useEffect, useRef, useState } from 'react'\r\nimport { useAtom } from 'jotai'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { Member } from '../../../models/Member'\r\nimport { Note } from '../../../models/Note'\r\nimport { Overlay } from '../../ui/Sidebar'\r\nimport { DrawerHeaderMemberInfo } from '../FormElements/DrawerHeader'\r\nimport { AddNewNote } from './AddNewNote'\r\nimport { EditNote } from './EditNote'\r\nimport { getOwnMember, membersAtom } from '../../../api/members/members'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { CircleIcon2 } from '../../ui/Circle/Circle'\r\nimport { Archive, DeleteFill, EditFill } from '../../../assets/icons'\r\nimport { colors } from '../../../theme/palette'\r\n// import { L } from '../../providers/Lokalise'\r\n\r\nconst useStyles = createUseStyles({\r\n    actions: {\r\n        display: 'flex',\r\n        position: 'relative',\r\n        justifyContent: 'flex-end',\r\n    },\r\n})\r\n\r\ntype ViewStates = 'default' | 'create' | 'edit' | 'delete'\r\n\r\ninterface EditMemberNotesProps {\r\n    note: Note\r\n    onUpdated?: () => void\r\n    setShowDelete: (note: Note) => void\r\n}\r\n\r\nconst EditNoteFromPage: FC<EditMemberNotesProps> = ({\r\n    note,\r\n    onUpdated,\r\n    setShowDelete,\r\n}) => {\r\n    const [notes] = useState([])\r\n    const [isOpen, setIsOpen] = useState(false)\r\n    const [viewState, setViewState] = useState<ViewStates>('edit')\r\n    const [members] = useAtom(membersAtom)\r\n    const [member, _setMember] = useState<Member | undefined>(undefined)\r\n\r\n    const classes = useStyles()\r\n\r\n    const setMember = async (id: number): Promise<void> => {\r\n        const response = await getOwnMember(String(id))\r\n\r\n        _setMember(Member.build(response.data))\r\n    }\r\n\r\n    useEffect(() => {\r\n        const findMember = (): void => {\r\n            // init()\r\n            const found = members.members.find(\r\n                (m) => m.memberId === +note.referenceId\r\n            )\r\n\r\n            if (found && !member) {\r\n                setMember(found.memberId)\r\n            }\r\n        }\r\n        if (isOpen) {\r\n            findMember()\r\n        }\r\n    }, [isOpen, member, members.members, note.referenceId])\r\n\r\n    return (\r\n        <>\r\n            <div className={classes.actions}>\r\n                <Button\r\n                    type=\"action\"\r\n                    onClick={() => setShowDelete(note)}\r\n                    style={{ marginLeft: '20px' }}\r\n                >\r\n                    <CircleIcon2 width=\"34px\" backgroundColor={colors.red100}>\r\n                        <DeleteFill width=\"20px\" color={colors.red600} />\r\n                    </CircleIcon2>\r\n                </Button>\r\n                <Button\r\n                    type=\"action\"\r\n                    style={{ marginLeft: '20px' }}\r\n                    onClick={() => {\r\n                        setViewState('edit')\r\n                        setIsOpen(true)\r\n                    }}\r\n                >\r\n                    <CircleIcon2 width=\"34px\">\r\n                        <EditFill width=\"22px\" color={colors.green500} />\r\n                    </CircleIcon2>\r\n                </Button>{' '}\r\n            </div>\r\n\r\n            <Overlay\r\n                isShowing={isOpen}\r\n                hide={() => {\r\n                    setIsOpen(false)\r\n                }}\r\n            >\r\n                <DrawerHeaderMemberInfo member={member} />\r\n\r\n                {viewState === 'create' ? (\r\n                    <AddNewNote\r\n                        member={member}\r\n                        type=\"member\"\r\n                        hasNotes={notes.length > 0}\r\n                        onClickCancel={() => {\r\n                            setViewState('default')\r\n                            if (notes.length === 0) {\r\n                                setIsOpen(false)\r\n                            }\r\n                        }}\r\n                        onUpdated={() => {\r\n                            setViewState('default')\r\n                        }}\r\n                    />\r\n                ) : null}\r\n\r\n                {viewState === 'edit' && note && isOpen ? (\r\n                    <EditNote\r\n                        note={note}\r\n                        onCancel={() => {\r\n                            setIsOpen(false)\r\n                        }}\r\n                        onUpdated={() => {\r\n                            setIsOpen(false)\r\n                            if (onUpdated) {\r\n                                onUpdated()\r\n                            }\r\n                        }}\r\n                    />\r\n                ) : null}\r\n            </Overlay>\r\n        </>\r\n    )\r\n}\r\n\r\nexport { EditNoteFromPage }\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useAtom } from 'jotai'\r\nimport {\r\n    deleteNote,\r\n    getAllNotes,\r\n    updateNoteIsArchived,\r\n} from '../../../api/notes'\r\nimport { Priority } from '../../../assets/icons'\r\nimport useSortMembersList from '../../../hooks/useSortMembersList'\r\nimport { mapNotes, Note } from '../../../models/Note'\r\nimport breakpoints from '../../../theme/breakpoints'\r\nimport { colors } from '../../../theme/palette'\r\nimport { baseButton, sortPlaceholder } from '../../../theme/reuseables'\r\nimport { formatDate } from '../../../utils/format'\r\nimport {\r\n    Card,\r\n    CardCell,\r\n    CardContentMobile,\r\n    CardHeader,\r\n    CardHeaderCell,\r\n    CardList,\r\n    CardMobile,\r\n} from '../../ui/Card'\r\nimport { SortButton } from '../../ui/SortButton'\r\nimport { Typography } from '../../ui/Typography/Typography'\r\nimport {\r\n    notePageAtom,\r\n    allNotes,\r\n    sortLock,\r\n    searchNoteAtom,\r\n} from '../../../store/filter/filterAtom'\r\nimport { EditNoteFromPage } from '../../modules/notes/EditNoteFromPage'\r\nimport { Button } from '../../ui/Button/Button'\r\nimport { L, L_HTML } from '../../providers/Lokalise'\r\nimport { Loader } from '../../ui/Loaders/Loader'\r\nimport { HeaderLinks } from '../../modules/Headerlinks'\r\nimport { Spinner } from '../../ui/Loaders/Spinner'\r\nimport SearchField from '../../ui/SearchField/SearchField'\r\n\r\nconst useStyles = createUseStyles({\r\n    '@keyframes fadeIn': {\r\n        from: {\r\n            opacity: 0,\r\n        },\r\n        to: {\r\n            opacity: 1,\r\n        },\r\n    },\r\n    container: {\r\n        padding: '0 1.5rem',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                padding: '0',\r\n            },\r\n        },\r\n    },\r\n    headerArea: {\r\n        display: 'flex',\r\n        padding: '.5rem 0',\r\n        minHeight: '5rem',\r\n    },\r\n    headerAreaTop: {\r\n        display: 'flex',\r\n        padding: '1rem 0 .5rem',\r\n        borderBottom: `1px solid ${colors.borderColor}`,\r\n        marginBottom: '1rem',\r\n    },\r\n    topArea: {\r\n        borderBottom: `1px solid ${colors.gray700}`,\r\n        // TODO: remove this when this area has been developed.\r\n        minHeight: '60px',\r\n    },\r\n    headerActions: {\r\n        display: 'flex',\r\n        flexGrow: 1,\r\n        marginLeft: 'auto',\r\n        justifyContent: 'flex-end',\r\n        alignItems: 'flex-start',\r\n        flexShrink: 0,\r\n    },\r\n    sendingEmailSettings: {\r\n        display: 'flex',\r\n        padding: '.5rem 1rem',\r\n        minHeight: '5rem',\r\n        width: '100%',\r\n        backgroundColor: colors.green200,\r\n        color: colors.black,\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        '& span': {\r\n            fontWeight: 700,\r\n        },\r\n        animation: '.5s $fadeIn',\r\n    },\r\n    notes: {\r\n        paddingTop: '20px',\r\n    },\r\n    dialogButtonsContainer: {\r\n        display: 'flex',\r\n        width: '100%',\r\n        justifyContent: 'space-around',\r\n    },\r\n    button: {\r\n        ...baseButton,\r\n        ...{\r\n            cursor: 'pointer',\r\n        },\r\n    },\r\n    modalButtons: {\r\n        display: 'flex',\r\n    },\r\n    modalCheckbox: {\r\n        display: 'flex',\r\n        position: 'absolute',\r\n        right: '20px',\r\n        top: '20px',\r\n    },\r\n    numberOfNotes: {\r\n        display: 'flex',\r\n        padding: '30px 0 90px',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n    },\r\n    iconWrapper: {\r\n        position: 'relative',\r\n    },\r\n    noteContent: {\r\n        display: '-webkit-box',\r\n        WebkitLineClamp: '2',\r\n        WebkitBoxOrient: 'vertical',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n        whiteSpace: 'pre-wrap',\r\n    },\r\n    noteContentOpen: {\r\n        display: '-webkit-box',\r\n        // WebkitLineClamp: '2',\r\n        WebkitBoxOrient: 'vertical',\r\n        overflow: 'hidden',\r\n        // textOverflow: 'ellipsis',\r\n        whiteSpace: 'pre-wrap',\r\n    },\r\n    deleteButtons: {\r\n        top: '0',\r\n        right: '0',\r\n        display: 'flex',\r\n        zIndex: '1',\r\n        position: 'absolute',\r\n        flexWrap: 'wrap',\r\n        transition: 'all .3s ease-in',\r\n        justifyContent: 'end',\r\n        width: '100%',\r\n        height: '100%',\r\n        alignItems: 'center',\r\n        background:\r\n            'linear-gradient(90deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 62%, rgba(255,255,255,1) 100%)',\r\n    },\r\n    sortPlaceholder: {\r\n        ...sortPlaceholder,\r\n    },\r\n    readIcon: {\r\n        background: colors.gray,\r\n        borderRadius: '50%',\r\n        width: '25px',\r\n        height: '25px',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        cursor: 'pointer',\r\n        '& svg': {\r\n            color: colors.white,\r\n            width: '20px',\r\n        },\r\n        '&.active': {\r\n            background: colors.green500,\r\n        },\r\n    },\r\n    searchField: {\r\n        width: '100%',\r\n        marginRight: '20px',\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            '&': {\r\n                width: 'auto',\r\n                minWidth: '425px',\r\n                marginRight: '20px',\r\n            },\r\n        },\r\n    },\r\n})\r\n\r\nexport const useIsOverflow = (ref, callback?): boolean => {\r\n    const [isOverflow, setIsOverflow] = React.useState(undefined)\r\n\r\n    React.useLayoutEffect(() => {\r\n        const { current } = ref\r\n\r\n        const trigger = (): void => {\r\n            const hasOverflow = current.scrollHeight > current.clientHeight\r\n\r\n            setIsOverflow(hasOverflow)\r\n\r\n            if (callback) callback(hasOverflow)\r\n        }\r\n\r\n        if (current) {\r\n            if ('ResizeObserver' in window) {\r\n                new ResizeObserver(trigger).observe(current)\r\n            }\r\n\r\n            trigger()\r\n        }\r\n    }, [callback, ref])\r\n\r\n    return isOverflow\r\n}\r\n\r\nconst ClampContent: FC<{\r\n    content: string\r\n    checkNote: () => void\r\n}> = ({ content, checkNote }) => {\r\n    const [showMore, setShowMore] = useState(false)\r\n    const [hasOverflow, setHasOverflow] = React.useState(false)\r\n    const [touched, setStouched] = useState(false)\r\n    const [isMore, setIsMore] = useState(false)\r\n\r\n    const ref = React.useRef<HTMLSpanElement | null>(null)\r\n    const isOverflow = useIsOverflow(ref, (val) => {\r\n        if (isOverflow && !hasOverflow) {\r\n            setHasOverflow(isOverflow)\r\n        }\r\n    })\r\n\r\n    const classes = useStyles()\r\n\r\n    const checkLines = (\r\n        contentRef: React.MutableRefObject<HTMLSpanElement>,\r\n        lines: number\r\n    ): void => {\r\n        if (!window) {\r\n            return\r\n        }\r\n        if (!contentRef.current) {\r\n            return\r\n        }\r\n        // eslint-disable-next-line no-unused-expressions\r\n        const lineHeight = window\r\n            .getComputedStyle(contentRef.current)\r\n            .getPropertyValue('line-height')\r\n\r\n        // eslint-disable-next-line no-unused-expressions\r\n        Math.round(contentRef.current.scrollHeight / parseFloat(lineHeight)) >\r\n            lines && setIsMore(true)\r\n    }\r\n\r\n    useEffect(() => {\r\n        setTimeout(() => {\r\n            checkLines(ref, 2)\r\n        }, 500)\r\n    }, [ref, content])\r\n\r\n    if (!content || content === '') return null\r\n\r\n    return (\r\n        <div\r\n            style={{\r\n                display: 'flex',\r\n                justifyContent: 'space-between',\r\n            }}\r\n            // ref={ref}\r\n        >\r\n            <Typography size=\"XS\">\r\n                <span\r\n                    ref={ref}\r\n                    className={`${\r\n                        showMore ? classes.noteContentOpen : classes.noteContent\r\n                    }`}\r\n                >\r\n                    {content}\r\n                </span>\r\n            </Typography>\r\n            {isMore ? (\r\n                <button\r\n                    type=\"button\"\r\n                    style={{\r\n                        // position: 'absolute',\r\n                        padding: 0,\r\n                        // textWrap: 'nowrap',\r\n                        width: '75px',\r\n                        minWidth: '75px',\r\n                        background: 'transparent',\r\n                        border: 'none',\r\n                        textDecoration: 'underline',\r\n                        display: 'flex',\r\n                        justifyContent: 'center',\r\n                        marginLeft: '1rem',\r\n                    }}\r\n                    onClick={() => {\r\n                        setShowMore(!showMore)\r\n                        checkNote()\r\n                    }}\r\n                >\r\n                    {!showMore ? 'Vis mere' : 'Vis mindre'}\r\n                </button>\r\n            ) : null}\r\n        </div>\r\n    )\r\n}\r\n\r\nconst gridTemplateColumns = '7% 10% 15% 15% auto 10%'\r\n\r\nconst NotePage: FC = () => {\r\n    const [notes, setNotes] = useState<Note[]>([])\r\n    const [loading, setLoading] = useState(true)\r\n    const classes = useStyles()\r\n    const { setSort, sortState } = useSortMembersList()\r\n    const [sortedNotes] = useAtom(notePageAtom)\r\n    const [, setAllNotes] = useAtom(allNotes)\r\n    const [showDelete, setShowDelete] = useState(false)\r\n    const [showMore, setShowMore] = useState(false)\r\n    const [editNote, setEditNote] = useState<Note | undefined>(undefined)\r\n    const [lock, _setSortLock] = useAtom(sortLock)\r\n    const [freezedNotes, setFreezedNotes] = useState<Note[]>([])\r\n    const [, setSearchAtom] = useAtom(searchNoteAtom)\r\n\r\n    const onSearch = (search: string): void => {\r\n        setSearchAtom(search)\r\n    }\r\n\r\n    const useSearch = (search: string): void => {\r\n        setSearchAtom(search)\r\n    }\r\n\r\n    const init = (): void => {\r\n        async function fetchData(): Promise<void> {\r\n            const response = await getAllNotes()\r\n            const notesMapped = mapNotes(response.data.Noter)\r\n            setNotes(notesMapped)\r\n            setAllNotes(notesMapped)\r\n            setLoading(false)\r\n        }\r\n\r\n        fetchData()\r\n    }\r\n\r\n    const onClickDelete = async (note: Note): Promise<void> => {\r\n        const response = await deleteNote(note.id)\r\n        if (response) {\r\n            setShowDelete(false)\r\n            init()\r\n        }\r\n    }\r\n\r\n    const onClickSetArchived = async (note: Note): Promise<void> => {\r\n        const response = await updateNoteIsArchived(note.id, !note.archived)\r\n\r\n        const res = await getAllNotes()\r\n        const notesMapped = mapNotes(res.data.Noter)\r\n        const sorted: Note[] = []\r\n\r\n        const notesToIterate = lock ? freezedNotes : sortedNotes\r\n\r\n        notesToIterate.forEach((item) => {\r\n            const found = notesMapped.find((n) => n.id === item.id)\r\n\r\n            if (found) {\r\n                sorted.push(found)\r\n            }\r\n        })\r\n        _setSortLock(true)\r\n        setFreezedNotes(sorted)\r\n\r\n        if (response) {\r\n            init()\r\n        }\r\n    }\r\n\r\n    const checkNote = (note: Note): void => {\r\n        if (editNote === note) {\r\n            setEditNote(undefined)\r\n            setShowMore(false)\r\n        } else {\r\n            setEditNote(note)\r\n            setShowMore(true)\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (!sortState) {\r\n            setSort('isRead')\r\n        }\r\n        init()\r\n    }, [])\r\n\r\n    if (loading) return <Spinner />\r\n\r\n    return (\r\n        <div className={`${classes.container} page-up`}>\r\n            <div className={`${classes.headerAreaTop} desktop-only`}>\r\n                <div className={classes.headerActions}>\r\n                    <HeaderLinks />\r\n                </div>\r\n            </div>\r\n            <div className={classes.headerArea}>\r\n                <div className=\"desktop-only\">\r\n                    <Typography tag=\"h1\" size=\"XXXXL\">\r\n                        {L_HTML('MINENOTER_OVERSKRIFT')}\r\n                    </Typography>\r\n                </div>\r\n            </div>\r\n            <div className={classes.headerArea}>\r\n                <Typography tag=\"p\" size=\"S\" color={colors.gray900}>\r\n                    {L_HTML('MINENOTER_ARKIVEREDE_OVERSKRIFT_TEXT')}\r\n                </Typography>\r\n            </div>\r\n            <div>\r\n                <Typography size=\"XS\">\r\n                    Viser {`${notes.length} `} noter\r\n                </Typography>\r\n                <div className={classes.headerActions}>\r\n                    <div className={classes.searchField}>\r\n                        <SearchField\r\n                            autoFocus\r\n                            label={L('NOTER_SØGEFELT_LABEL')}\r\n                            required={false}\r\n                            typeSearch=\"primary\"\r\n                            searchButtonLabel={L('NOTER_SØGEFELT_LABEL')}\r\n                            onSearch={onSearch}\r\n                            onChange={useSearch}\r\n                            // style={{ minWidth: '425px', marginRight: '20px' }}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className={`${classes.notes}`}>\r\n                {notes && notes.length ? (\r\n                    <CardList>\r\n                        <CardHeader gridTemplateColumns={gridTemplateColumns}>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('isRead')}\r\n                                    sort={sortState}\r\n                                    name=\"isRead\"\r\n                                >\r\n                                    {L('MINENOTER_TABEL_KOLONNETITEL_STATUS')}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('date')}\r\n                                    sort={sortState}\r\n                                    name=\"date\"\r\n                                >\r\n                                    {L('MINENOTER_TABEL_KOLONNETITEL_DATO')}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <SortButton\r\n                                    onClick={() => setSort('name')}\r\n                                    sort={sortState}\r\n                                    name=\"name\"\r\n                                >\r\n                                    {L('MINENOTER_TABEL_KOLONNETITEL_NAVN')}\r\n                                </SortButton>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <div className={classes.sortPlaceholder}>\r\n                                    {L(\r\n                                        'MINENOTER_TABEL_KOLONNETITEL_OVERSKRIFT'\r\n                                    )}\r\n                                </div>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell>\r\n                                <div className={classes.sortPlaceholder}>\r\n                                    {L('MINENOTER_TABEL_KOLONNETITEL_NOTE')}\r\n                                </div>\r\n                            </CardHeaderCell>\r\n                            <CardHeaderCell />\r\n                        </CardHeader>\r\n                    </CardList>\r\n                ) : null}\r\n                {(lock ? freezedNotes : sortedNotes).map((note) => (\r\n                    <div key={note.id}>\r\n                        <CardMobile\r\n                            gridTemplateColumns=\"70px auto 20%\"\r\n                            // eslint-disable-next-line no-console\r\n                        >\r\n                            <CardCell>\r\n                                <Button\r\n                                    type=\"action\"\r\n                                    onClick={() => onClickSetArchived(note)}\r\n                                >\r\n                                    <div\r\n                                        className={\r\n                                            classes.readIcon +\r\n                                            (!note.isRead ? ' active' : '')\r\n                                        }\r\n                                    >\r\n                                        <Priority color={colors.green500} />\r\n                                    </div>\r\n                                </Button>\r\n                            </CardCell>\r\n                            <CardContentMobile>\r\n                                <Typography\r\n                                    tag=\"h3\"\r\n                                    size=\"M\"\r\n                                    spacing=\".2rem\"\r\n                                    color=\"rgba(0, 0, 0, 0.9)\"\r\n                                >\r\n                                    <span className={classes.noteContent}>\r\n                                        {note.title}\r\n                                    </span>\r\n                                </Typography>\r\n                                <Typography size=\"XS\" spacing=\".2rem\">\r\n                                    <span className={classes.noteContent}>\r\n                                        {note.content}\r\n                                    </span>\r\n                                </Typography>\r\n                                <Typography\r\n                                    size=\"XS\"\r\n                                    spacing=\".2rem\"\r\n                                    color=\"rgba(0, 0, 0, 0.6)\"\r\n                                >\r\n                                    {note.name}\r\n                                </Typography>\r\n                                <Typography\r\n                                    size=\"XS\"\r\n                                    spacing=\".2rem\"\r\n                                    color=\"rgba(0, 0, 0, 0.6)\"\r\n                                >\r\n                                    {formatDate(note.updated)}\r\n                                </Typography>\r\n                            </CardContentMobile>\r\n                            <CardCell>\r\n                                <EditNoteFromPage\r\n                                    note={note}\r\n                                    onUpdated={() => init()}\r\n                                    setShowDelete={(n) => {\r\n                                        setEditNote(n)\r\n                                        setShowDelete(true)\r\n                                    }}\r\n                                />\r\n                            </CardCell>\r\n                            {showDelete &&\r\n                            editNote &&\r\n                            editNote.id === note.id ? (\r\n                                <div\r\n                                    className={`${classes.deleteButtons} page-up`}\r\n                                >\r\n                                    <Button\r\n                                        onClick={() => {\r\n                                            setShowDelete(false)\r\n                                        }}\r\n                                        size=\"xlarge\"\r\n                                        type=\"secondary\"\r\n                                    >\r\n                                        {L('NOTER_REDIGER_FORM_ANNULLER_KNAP')}\r\n                                    </Button>\r\n                                    <Button\r\n                                        onClick={() => {\r\n                                            onClickDelete(note)\r\n                                        }}\r\n                                        type=\"danger\"\r\n                                        size=\"xlarge\"\r\n                                    >\r\n                                        {L('NOTER_SIDEBAR_SLET-NOTE_KNAP')}\r\n                                    </Button>\r\n                                </div>\r\n                            ) : null}\r\n                        </CardMobile>\r\n                        <Card\r\n                            key={note.id}\r\n                            gridTemplateColumns={gridTemplateColumns}\r\n                        >\r\n                            <CardCell isOpen={editNote === note && showMore}>\r\n                                <Button\r\n                                    type=\"action\"\r\n                                    onClick={() => onClickSetArchived(note)}\r\n                                >\r\n                                    <div\r\n                                        className={\r\n                                            classes.readIcon +\r\n                                            (!note.isRead ? ' active' : '')\r\n                                        }\r\n                                    >\r\n                                        <Priority color={colors.green500} />\r\n                                    </div>\r\n                                </Button>\r\n                            </CardCell>\r\n                            <CardCell\r\n                                onClick={() => {\r\n                                    if (editNote === note) {\r\n                                        setEditNote(undefined)\r\n                                        setShowMore(false)\r\n                                    } else {\r\n                                        setEditNote(note)\r\n                                        setShowMore(true)\r\n                                    }\r\n                                }}\r\n                                isOpen={editNote === note && showMore}\r\n                            >\r\n                                <Typography size=\"XS\">\r\n                                    {formatDate(note.updated)}\r\n                                </Typography>\r\n                            </CardCell>\r\n                            <CardCell\r\n                                // onClick={() => {\r\n                                //     if (editNote === note) {\r\n                                //         setEditNote(undefined)\r\n                                //         setShowMore(false)\r\n                                //     } else {\r\n                                //         setEditNote(note)\r\n                                //         setShowMore(true)\r\n                                //     }\r\n                                // }}\r\n                                isOpen={editNote === note && showMore}\r\n                            >\r\n                                <Typography size=\"XS\">{note.name}</Typography>\r\n                            </CardCell>\r\n                            <CardCell\r\n                                // onClick={() => {\r\n                                //     if (editNote === note) {\r\n                                //         setEditNote(undefined)\r\n                                //         setShowMore(false)\r\n                                //     } else {\r\n                                //         setEditNote(note)\r\n                                //         setShowMore(true)\r\n                                //     }\r\n                                // }}\r\n                                isOpen={editNote === note && showMore}\r\n                            >\r\n                                <Typography size=\"XS\">\r\n                                    {/* <span\r\n                                        className={\r\n                                            editNote === note && showMore\r\n                                                ? classes.noteContentOpen\r\n                                                : classes.noteContent\r\n                                        }\r\n                                    >\r\n                                        {note.title}\r\n                                    </span> */}\r\n                                    {note.title}\r\n                                </Typography>\r\n                            </CardCell>\r\n                            <CardCell\r\n                                // onClick={() => {\r\n                                //     if (editNote === note) {\r\n                                //         setEditNote(undefined)\r\n                                //         setShowMore(false)\r\n                                //     } else {\r\n                                //         setEditNote(note)\r\n                                //         setShowMore(true)\r\n                                //     }\r\n                                // }}\r\n                                overflowHidden\r\n                                // isOpen={editNote === note && showMore}\r\n                            >\r\n                                {/* <Typography size=\"XS\"> */}\r\n                                {/* <span\r\n                                        className={\r\n                                            editNote === note && showMore\r\n                                                ? classes.noteContentOpen\r\n                                                : classes.noteContent\r\n                                        }\r\n                                    >\r\n                                        {note.content}\r\n                                    </span> */}\r\n                                <ClampContent\r\n                                    content={note.content}\r\n                                    checkNote={() => {\r\n                                        checkNote(note)\r\n                                    }}\r\n                                    // onClick={() => {\r\n                                    //     if (editNote === note) {\r\n                                    //         setEditNote(undefined)\r\n                                    //         setShowMore(false)\r\n                                    //     } else {\r\n                                    //         setEditNote(note)\r\n                                    //         setShowMore(true)\r\n                                    //     }\r\n                                    // }}\r\n                                />\r\n                                {/* </Typography> */}\r\n                                {/* <span>\r\n                                    {editNote === note && showMore\r\n                                        ? ''\r\n                                        : 'vis mere'}\r\n                                </span> */}\r\n                            </CardCell>\r\n                            <CardCell isOpen={editNote === note && showMore}>\r\n                                <EditNoteFromPage\r\n                                    note={note}\r\n                                    onUpdated={() => init()}\r\n                                    setShowDelete={(n) => {\r\n                                        setEditNote(n)\r\n                                        setShowDelete(true)\r\n                                    }}\r\n                                />\r\n                            </CardCell>\r\n                            {showDelete &&\r\n                            editNote &&\r\n                            editNote.id === note.id ? (\r\n                                <div\r\n                                    className={`${classes.deleteButtons} page-up`}\r\n                                >\r\n                                    <Button\r\n                                        onClick={() => {\r\n                                            setShowDelete(false)\r\n                                        }}\r\n                                        size=\"xlarge\"\r\n                                        type=\"secondary\"\r\n                                    >\r\n                                        {L('NOTER_REDIGER_FORM_ANNULLER_KNAP')}\r\n                                    </Button>\r\n                                    <Button\r\n                                        onClick={() => {\r\n                                            onClickDelete(note)\r\n                                        }}\r\n                                        type=\"danger\"\r\n                                        size=\"xlarge\"\r\n                                    >\r\n                                        {L('NOTER_SIDEBAR_SLET-NOTE_KNAP')}\r\n                                    </Button>\r\n                                </div>\r\n                            ) : null}\r\n                        </Card>\r\n                    </div>\r\n                ))}\r\n            </div>\r\n            {notes.length ? (\r\n                <div className={classes.numberOfNotes}>\r\n                    <Typography size=\"XS\">\r\n                        Viser {`${notes.length} `} noter\r\n                    </Typography>\r\n                </div>\r\n            ) : null}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { NotePage }\r\n","import React, { useEffect, useState } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { L } from '../../providers/Lokalise'\r\nimport { Button } from '../Button/Button'\r\n\r\nconst ScrollToTopButton: React.FC = (\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    ref\r\n) => {\r\n    const [offset, setOffset] = useState(0)\r\n\r\n    useEffect(() => {\r\n        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\r\n        const onScroll = () => setOffset(window.pageYOffset)\r\n        // clean up code\r\n        window.removeEventListener('scroll', onScroll)\r\n        window.addEventListener('scroll', onScroll, { passive: true })\r\n        return () => window.removeEventListener('scroll', onScroll)\r\n    }, [])\r\n\r\n    const scrollToTop = (): void => {\r\n        window.scrollTo({ top: 0, left: 0, behavior: 'smooth' })\r\n    }\r\n\r\n    const mainContent = document.getElementById('main-content')\r\n    const viewportHeight = window.innerHeight\r\n    const mainContentOffset = mainContent?.offsetTop\r\n    const mainContentHeight = mainContent?.clientHeight\r\n    const buttonHidden =\r\n        (mainContentOffset && offset < mainContentOffset) ?? true\r\n    const buttonAbsoloute =\r\n        offset + viewportHeight > mainContentOffset + mainContentHeight\r\n\r\n    return (\r\n        <Button\r\n            onClick={scrollToTop}\r\n            style={{\r\n                position: buttonAbsoloute ? 'absolute' : 'fixed',\r\n                display: 'block',\r\n                top: buttonAbsoloute\r\n                    ? mainContentOffset + mainContentHeight - 170\r\n                    : 'calc(100vh - 5rem)',\r\n                right: '1rem',\r\n                transform: buttonHidden\r\n                    ? 'translateX(calc(100% + 2rem))'\r\n                    : 'translateY(0%)',\r\n                transition: 'transform .3s ease-in-out',\r\n            }}\r\n        >\r\n            {L('GENERISK_TIL-TOPPEN_LABEL')}\r\n        </Button>\r\n    )\r\n}\r\n\r\nexport { ScrollToTopButton }\r\n","import { useAtom } from 'jotai'\nimport React, { useEffect, useState } from 'react'\nimport { createUseStyles } from 'react-jss'\n\nimport { Link } from 'react-router-dom'\n\nimport {\n    getProfileAtom,\n    profileAtom,\n    updateProfile,\n} from '../../../api/profile/profile'\nimport { colors } from '../../../theme/palette'\nimport { Circle, CircleIcon, CircleIcon2 } from '../../ui/Circle/Circle'\nimport { CardColumn, Row } from '../../ui/Card/CardColumn'\nimport { Typography } from '../../ui/Typography/Typography'\nimport { baseButton } from '../../../theme/reuseables'\nimport {\n    PersonalInfo,\n    Close,\n    HandshakeFill,\n    ChevronLeft,\n    Kontigenter,\n    Ok,\n    Tips,\n    Organiseringsprocent,\n    Medlemsfordele,\n    Materialer,\n    Heart,\n} from '../../../assets/icons'\nimport { IUpdateMyProfileData } from '../../modules/EditMyProfile'\nimport { PercentCircle } from '../../ui/PercentLevel/PercentLevel'\nimport { L, L_HTML } from '../../providers/Lokalise'\nimport { Button } from '../../ui/Button/Button'\nimport { Input } from '../../ui/FormElememts/Input'\nimport breakpoints from '../../../theme/breakpoints'\nimport { ImitatorNoAccessWarning } from '../../modules/Imitator/ImitatorNoAccessWarning'\nimport { HeaderLinks } from '../../modules/Headerlinks'\n\nconst useStyles = createUseStyles({\n    container: {\n        color: colors.black,\n        padding: '0 1.5rem',\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\n            '&': {\n                gridTemplateColumns: '1fr 1fr 1fr',\n                padding: '0 0 5rem',\n            },\n        },\n    },\n    profileHeader: {\n        display: 'flex',\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        padding: '3rem 0',\n    },\n    nameContainer: {\n        display: 'flex',\n        flexBasis: '50%',\n        alignItems: 'center',\n        justifyContent: 'flex-start',\n    },\n    edit: {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'flex-end',\n        ...baseButton,\n        ...{\n            cursor: 'pointer',\n            margin: '0',\n        },\n    },\n    section: {\n        marginBottom: '3rem',\n\n        '& > hr': {\n            opacity: '0.2',\n            margin: '1.25rem 0',\n        },\n    },\n    iconWrapper: {\n        position: 'relative',\n        width: '90px',\n        marginRight: '30px',\n    },\n    buttons: {\n        width: '100%',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flexDirection: 'column',\n        '& button': {\n            margin: '10px 0',\n            width: '100%',\n        },\n    },\n    editIconWrapper: {\n        top: '0',\n        width: '100%',\n        height: '100%',\n        position: 'absolute',\n        display: 'flex',\n        alignContent: 'center',\n        justifyContent: 'end',\n    },\n    confirmButtons: {\n        display: 'flex',\n        zIndex: '1',\n        position: 'relative',\n        flexWrap: 'wrap',\n        transition: 'all .3s ease-in',\n        justifyContent: 'end',\n        width: '100%',\n        height: '100%',\n        alignItems: 'center',\n        padding: '20px 0 0',\n    },\n    headerAreaTop: {\n        display: 'flex',\n        padding: '1rem 0 .5rem',\n        borderBottom: `1px solid ${colors.borderColor}`,\n        marginBottom: '1rem',\n    },\n    headerActions: {\n        marginLeft: 'auto',\n        flexShrink: 0,\n    },\n    titleContainer: {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'flex-start',\n        fontWeight: 400,\n        backgroundColor: colors.white,\n        borderRadius: '.5rem',\n        marginBottom: '1rem',\n        padding: '1rem',\n    },\n    titleContainerGreen: {\n        display: 'flex',\n        color: colors.white,\n        alignItems: 'center',\n        justifyContent: 'flex-start',\n        marginBottom: '1rem',\n    },\n    ContainerTip: {\n        color: colors.white,\n        justifyContent: 'flex-start',\n        backgroundColor: colors.green,\n        borderRadius: '.5rem',\n        padding: '1rem',\n    },\n})\n\nexport const buildRow = (\n    value: string | number,\n    label: string,\n    mailToLinkIcon?: JSX.Element\n): Row => {\n    return {\n        label,\n        value,\n        mailToLinkIcon,\n    }\n}\n\nconst Organisation: React.FC = () => {\n    const classes = useStyles()\n    const [data, update] = useAtom(getProfileAtom)\n    const [authProfile] = useAtom(profileAtom)\n    const [percentageShowEdit, setPercentageShowEdit] = useState(false)\n    const [percentageEditValue, setPercentageEditValue] = useState<\n        number | undefined\n    >(undefined)\n    const [percentageOfMembersCovered, setPercentageOfMembersCovered] =\n        useState(0)\n    const [showImitatorModal, setShowImitatorModal] = useState(false)\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const calcPercentageCovered = (\n        numberFoaMemberUserCovers: number,\n        totalNumberOfPeopleUserCovers: number\n    ): number => {\n        return (numberFoaMemberUserCovers / totalNumberOfPeopleUserCovers) * 100\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const calcPercentageCoveredInEditMode = (): number => {\n        if (percentageEditValue < data.numberFoaMemberUserCovers || 0)\n            return 100\n        return (data.numberFoaMemberUserCovers / percentageEditValue) * 100\n    }\n\n    type linkItemProps = {\n        linkText: string\n        linkURL: string\n        icon?: JSX.Element\n    }\n    type collapseProps = {\n        buttonText: string\n        icon?: JSX.Element\n        links: linkItemProps[]\n    }\n\n    const LinkListItem = ({ linkText, linkURL, icon }: linkItemProps): any => {\n        return (\n            <a\n                href={linkURL}\n                target=\"_blank\"\n                className={classes.titleContainer}\n                rel=\"noreferrer\"\n            >\n                <Circle>\n                    <CircleIcon iconWidth=\"20px\">\n                        {icon || <PersonalInfo />}\n                    </CircleIcon>\n                </Circle>\n\n                <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\" weight=\"bold\">\n                    {linkText}\n                </Typography>\n            </a>\n        )\n    }\n    const CollapseItem = ({ buttonText, icon, links }: collapseProps): any => {\n        const [show, setShow] = useState(false)\n        const ref = React.useRef<HTMLDivElement | null>(null)\n\n        const toggleCollapse = (): void => {\n            if (ref.current) {\n                if (show) {\n                    ref.current.style.height = '0'\n                } else {\n                    const height = ref.current.scrollHeight\n                    ref.current.style.height = `${height}`\n                }\n            }\n            setShow(!show)\n        }\n        return (\n            <div\n                style={{\n                    width: '100%',\n                    marginBottom: '1rem',\n                    backgroundColor: colors.white,\n                    borderRadius: '.5rem',\n                }}\n            >\n                <button\n                    type=\"button\"\n                    className={classes.titleContainer}\n                    style={{\n                        border: 'none',\n                        width: '100%',\n                        marginBottom: '0',\n                        cursor: 'pointer',\n                    }}\n                    onClick={toggleCollapse}\n                >\n                    <Circle>\n                        <CircleIcon iconWidth=\"20px\">\n                            {icon || <PersonalInfo />}\n                        </CircleIcon>\n                    </Circle>\n                    <Typography tag=\"h3\" size=\"M\" spacing=\".2rem\" weight=\"bold\">\n                        {buttonText}\n                    </Typography>\n                    <div\n                        style={{\n                            width: '8px',\n                            height: '20px',\n                            transform: show\n                                ? 'rotate(270deg)'\n                                : 'rotate(90deg)',\n                            transformOrigin: 'center',\n                            marginLeft: 'auto',\n                            marginRight: '0.5rem',\n                            transition: 'all 0.2s linear',\n                        }}\n                    >\n                        <ChevronLeft />\n                    </div>\n                </button>\n                <div\n                    ref={ref}\n                    style={{\n                        overflow: 'hidden',\n                        height: show ? ref.current.scrollHeight : '0',\n                        transition: 'height 0.2s linear',\n                        backgroundColor: colors.white,\n                        borderRadius: '.5rem',\n                    }}\n                >\n                    <hr\n                        style={{\n                            borderColor: colors.gray500,\n                            marginInline: '1rem',\n                        }}\n                    />\n\n                    {links.map((link) => {\n                        return (\n                            <a\n                                href={link.linkURL}\n                                target=\"_blank\"\n                                style={{\n                                    padding: '1rem',\n                                    marginBottom: '1rem',\n                                    display: 'block',\n                                }}\n                                rel=\"noreferrer\"\n                            >\n                                <Typography\n                                    tag=\"h3\"\n                                    size=\"S\"\n                                    spacing=\".2rem\"\n                                    weight=\"bold\"\n                                >\n                                    {link.linkText}\n                                </Typography>\n                            </a>\n                        )\n                    })}\n                </div>\n            </div>\n        )\n    }\n    useEffect(() => {\n        setPercentageOfMembersCovered(\n            data.totalNumberOfPeopleUserCovers !== null\n                ? calcPercentageCovered(\n                      data.numberFoaMemberUserCovers,\n                      data.totalNumberOfPeopleUserCovers\n                  )\n                : 0\n        )\n        setPercentageShowEdit(false)\n\n        setPercentageEditValue(undefined)\n    }, [data])\n\n    useEffect(() => {\n        if (percentageShowEdit) {\n            setPercentageOfMembersCovered(calcPercentageCoveredInEditMode())\n        }\n    }, [\n        calcPercentageCovered,\n        calcPercentageCoveredInEditMode,\n        percentageOfMembersCovered,\n        percentageShowEdit,\n    ])\n\n    if (!data) return null\n\n    return (\n        <div className={`${classes.container} page-up`}>\n            <div className={`${classes.headerAreaTop} desktop-only`}>\n                <div className={classes.headerActions}>\n                    <HeaderLinks showGotoMembrsearchModal={false} />\n                </div>\n            </div>\n            <div className={classes.profileHeader}>\n                <div className={classes.nameContainer}>\n                    <Typography tag=\"h1\" size=\"XXXXL\" spacing=\".2rem\">\n                        {L('organisering_titel')}\n                    </Typography>\n                </div>\n            </div>\n            <div className={classes.nameContainer}>\n                <Typography tag=\"p\" size=\"S\" color={colors.gray900}>\n                    {L('organisering_subtitel')}\n                </Typography>\n            </div>\n            <div className={classes.section}>\n                <hr />\n                <div\n                    style={{\n                        display: 'grid',\n                        gridTemplateColumns: '2fr 1fr',\n                        gridGap: '1rem',\n                        width: '100%',\n                    }}\n                >\n                    <div\n                        style={{\n                            maxWidth: '100%',\n                            // background: 'white',\n                        }}\n                    >\n                        <LinkListItem\n                            linkText={L('organisering_link_1_text')}\n                            linkURL={L('organisering_link_1_url')}\n                            icon={<Kontigenter />}\n                        />\n                        <CollapseItem\n                            buttonText={L('organisering_button_2_text')}\n                            links={[\n                                {\n                                    linkText: L(\n                                        'organisering_button_2_sublink_1_text'\n                                    ),\n                                    linkURL: L(\n                                        'organisering_button_2_sublink_1_url'\n                                    ),\n                                },\n                                {\n                                    linkText: L(\n                                        'organisering_button_2_sublink_2_text'\n                                    ),\n                                    linkURL: L(\n                                        'organisering_button_2_sublink_2_url'\n                                    ),\n                                },\n                            ]}\n                            icon={<Ok />}\n                        />\n                        <LinkListItem\n                            linkText={L('organisering_link_3_text')}\n                            linkURL={L('organisering_link_3_url')}\n                            icon={<Medlemsfordele />}\n                        />\n                        <CollapseItem\n                            buttonText={L('organisering_button_4_text')}\n                            icon={<Materialer />}\n                            links={[\n                                {\n                                    linkText: L(\n                                        'organisering_button_4_sublink_1_text'\n                                    ),\n                                    linkURL: L(\n                                        'organisering_button_4_sublink_1_url'\n                                    ),\n                                },\n                                {\n                                    linkText: L(\n                                        'organisering_button_4_sublink_2_text'\n                                    ),\n                                    linkURL: L(\n                                        'organisering_button_4_sublink_2_url'\n                                    ),\n                                },\n                                {\n                                    linkText: L(\n                                        'organisering_button_4_sublink_3_text'\n                                    ),\n                                    linkURL: L(\n                                        'organisering_button_4_sublink_3_url'\n                                    ),\n                                },\n                                {\n                                    linkText: L(\n                                        'organisering_button_4_sublink_4_text'\n                                    ),\n                                    linkURL: L(\n                                        'organisering_button_4_sublink_4_url'\n                                    ),\n                                },\n                            ]}\n                        />\n                        <LinkListItem\n                            linkText={L('organisering_link_5_text')}\n                            linkURL={L('organisering_link_5_url')}\n                            icon={<Heart />}\n                        />\n                    </div>\n                    <CardColumn\n                        titleIcon={<HandshakeFill />}\n                        titleLabel={L(\n                            'TRPROFIL_ORGANISERINGSWIDGET_OVERSKRIFT'\n                        )}\n                        rows={[\n                            {\n                                label: '',\n                                value: '',\n                                useContent: true,\n                                content: (\n                                    <>\n                                        <div style={{ maxWidth: '100%' }}>\n                                            <Typography\n                                                size=\"S\"\n                                                style={{ marginBottom: '20px' }}\n                                            >\n                                                {L(\n                                                    'TRPROFIL_ORGANISERINGSWIDGET_TEKST_1'\n                                                )}\n                                            </Typography>\n                                            <>\n                                                {\n                                                    <div\n                                                        style={{\n                                                            position:\n                                                                'relative',\n                                                            margin: '10px 0 20px',\n                                                            display: 'block',\n                                                        }}\n                                                    >\n                                                        {!percentageShowEdit ? (\n                                                            <>\n                                                                <Input\n                                                                    label={L(\n                                                                        'TRPROFIL_ORGANISERINGSWIDGET_INPUT_TEKST'\n                                                                    )}\n                                                                    value={\n                                                                        data.totalNumberOfPeopleUserCovers\n                                                                    }\n                                                                    required={\n                                                                        false\n                                                                    }\n                                                                />\n                                                                <div\n                                                                    className={\n                                                                        classes.editIconWrapper\n                                                                    }\n                                                                >\n                                                                    <Button\n                                                                        type=\"action\"\n                                                                        style={{\n                                                                            marginRight:\n                                                                                '10px',\n                                                                            height: '50px',\n                                                                            backgroundColor:\n                                                                                'transparent',\n                                                                        }}\n                                                                        onClick={() => {\n                                                                            if (\n                                                                                authProfile.isImitator\n                                                                            ) {\n                                                                                setShowImitatorModal(\n                                                                                    true\n                                                                                )\n                                                                                return\n                                                                            }\n                                                                            setPercentageShowEdit(\n                                                                                true\n                                                                            )\n                                                                        }}\n                                                                    >\n                                                                        <CircleIcon2 width=\"24px\">\n                                                                            <Close\n                                                                                width=\"16px\"\n                                                                                color={\n                                                                                    colors.green500\n                                                                                }\n                                                                            />\n                                                                        </CircleIcon2>\n                                                                    </Button>\n                                                                </div>\n                                                            </>\n                                                        ) : null}\n\n                                                        {percentageShowEdit ? (\n                                                            <div>\n                                                                <div>\n                                                                    <Input\n                                                                        label=\"Indtast tal\"\n                                                                        autoFocus\n                                                                        defaultValue={\n                                                                            percentageEditValue\n                                                                        }\n                                                                        value={\n                                                                            percentageEditValue\n                                                                        }\n                                                                        required={\n                                                                            false\n                                                                        }\n                                                                        onChange={(\n                                                                            e\n                                                                        ) => {\n                                                                            const val =\n                                                                                e\n                                                                                    .target\n                                                                                    .value\n                                                                            setPercentageEditValue(\n                                                                                +val\n                                                                            )\n\n                                                                            setPercentageOfMembersCovered(\n                                                                                calcPercentageCoveredInEditMode()\n                                                                            )\n                                                                        }}\n                                                                    />\n                                                                </div>\n                                                                <div\n                                                                    className={\n                                                                        classes.confirmButtons\n                                                                    }\n                                                                >\n                                                                    <Button\n                                                                        onClick={() => {\n                                                                            // setShowDelete(false)\n                                                                            setPercentageShowEdit(\n                                                                                false\n                                                                            )\n                                                                            setPercentageEditValue(\n                                                                                undefined\n                                                                            )\n                                                                        }}\n                                                                        size=\"xlarge\"\n                                                                        type=\"secondary\"\n                                                                        style={{\n                                                                            flexGrow: 1,\n                                                                        }}\n                                                                    >\n                                                                        Annuller\n                                                                    </Button>\n                                                                    <Button\n                                                                        disabled={\n                                                                            !(\n                                                                                percentageEditValue >=\n                                                                                data.numberFoaMemberUserCovers\n                                                                            ) ||\n                                                                            !percentageEditValue ||\n                                                                            percentageEditValue >=\n                                                                                3000\n                                                                        }\n                                                                        onClick={() => {\n                                                                            if (\n                                                                                authProfile.isImitator\n                                                                            ) {\n                                                                                setShowImitatorModal(\n                                                                                    true\n                                                                                )\n                                                                                return\n                                                                            }\n                                                                            if (\n                                                                                percentageEditValue\n                                                                            ) {\n                                                                                // Try to set value.\n                                                                                const fieldsToEdit: IUpdateMyProfileData =\n                                                                                    {}\n                                                                                fieldsToEdit.TotalAntalKollegaerBrugerDaekker =\n                                                                                    percentageEditValue\n                                                                                const response =\n                                                                                    updateProfile(\n                                                                                        fieldsToEdit\n                                                                                    )\n                                                                                if (\n                                                                                    response\n                                                                                ) {\n                                                                                    setTimeout(\n                                                                                        () =>\n                                                                                            update(\n                                                                                                {\n                                                                                                    type: 'refetch',\n                                                                                                }\n                                                                                            ),\n                                                                                        100\n                                                                                    )\n                                                                                }\n                                                                            }\n                                                                        }}\n                                                                        style={{\n                                                                            flexGrow: 1,\n                                                                        }}\n                                                                        size=\"xlarge\"\n                                                                    >\n                                                                        Gem\n                                                                    </Button>\n                                                                </div>\n                                                            </div>\n                                                        ) : null}\n                                                    </div>\n                                                }\n                                            </>\n\n                                            <PercentCircle\n                                                size={250}\n                                                strokeWidth={20}\n                                                percentage={\n                                                    percentageOfMembersCovered ||\n                                                    0\n                                                }\n                                            />\n                                            <Typography\n                                                size=\"S\"\n                                                align=\"center\"\n                                                style={{ margin: '20px 0' }}\n                                            >\n                                                {L_HTML(\n                                                    'TRPROFIL_ORGANISERINGSWIDGET_TEKST_2',\n                                                    {\n                                                        ProcentDaekker: String(\n                                                            Math.round(\n                                                                percentageOfMembersCovered\n                                                            ) || 0\n                                                        ),\n                                                        AntalFoaMedlemmerBrugerDaekker:\n                                                            String(\n                                                                data.numberFoaMemberUserCovers\n                                                            ),\n                                                        TotalAntalKollegaerBrugerDaekker:\n                                                            String(\n                                                                percentageShowEdit\n                                                                    ? percentageEditValue ||\n                                                                          0\n                                                                    : data.totalNumberOfPeopleUserCovers\n                                                            ),\n                                                    }\n                                                )}\n                                            </Typography>\n                                        </div>\n                                    </>\n                                ),\n                            },\n                        ]}\n                    />\n                    <div\n                        style={{ gridColumn: 2 }}\n                        className={classes.ContainerTip}\n                    >\n                        <div className={classes.titleContainerGreen}>\n                            <Circle mWidth=\"2rem\">\n                                <CircleIcon backgroundColor={colors.white}>\n                                    <Tips />\n                                </CircleIcon>\n                            </Circle>\n\n                            <Typography\n                                tag=\"h3\"\n                                size=\"S\"\n                                spacing=\".2rem\"\n                                color={colors.white}\n                            >\n                                {L('organisering_tips_titel')}\n                            </Typography>\n                        </div>\n                        <Typography\n                            tag=\"p\"\n                            size=\"XS\"\n                            style={{\n                                fontStyle: 'italic',\n                                whiteSpace: 'pre-wrap',\n                            }}\n                            spacing=\".2rem\"\n                            color={colors.white}\n                        >\n                            {L('organisering_tips_text')}\n                        </Typography>\n                    </div>\n                </div>\n            </div>\n            <ImitatorNoAccessWarning\n                show={showImitatorModal}\n                onClose={() => setShowImitatorModal(false)}\n            />\n        </div>\n    )\n}\n\nexport { Organisation }\n","/* eslint-disable default-case */\r\nimport React, { FC, useEffect } from 'react'\r\nimport { createUseStyles } from 'react-jss'\r\nimport { useAtom } from 'jotai'\r\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom'\r\nimport Example from './components/Example'\r\nimport { Menu } from './components/Navigation/Menu/Menu'\r\nimport Members from './components/pages/Members'\r\nimport { AllMembers } from './components/pages/AllMembers'\r\nimport { Updates } from './components/pages/Updates'\r\nimport { Workplaces } from './components/pages/Workplaces'\r\nimport './theme/global.css'\r\nimport { useContainerStyles } from './theme/layout'\r\nimport { MyProfile } from './components/pages/MyProfile'\r\nimport { MemberProfile } from './components/pages/MemberProfile'\r\nimport { MemberProfileFromSearch } from './components/pages/MemberProfileFromSearch'\r\nimport { Footer } from './components/ui/Footer/Footer'\r\nimport { authRoles } from './store/auth'\r\nimport { CardWithIconAndMessge } from './components/ui/Card/CardWithIconAndMessge'\r\nimport { LockFill } from './assets/icons'\r\nimport { colors } from './theme/palette'\r\nimport { NotePage } from './components/pages/MyNotes/NotePage'\r\nimport { ScrollToTopButton } from './components/ui/ScrollToTopButton/ScrollToTopButton'\r\nimport breakpoints from './theme/breakpoints'\r\nimport { Organisation } from './components/pages/Organization'\r\n\r\nconst ScrollToTop: FC = ({ children }) => {\r\n    const location = useLocation()\r\n    useEffect(() => {\r\n        window.scrollTo(0, 0)\r\n    }, [location])\r\n\r\n    return <>{children}</>\r\n}\r\n\r\nconst useStyles = createUseStyles({\r\n    circleIcon: {\r\n        width: '62px',\r\n        height: '62px',\r\n        borderRadius: '50%',\r\n        border: `2px solid ${colors.white}`,\r\n        backgroundColor: colors.blue300,\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        marginRight: '1rem',\r\n    },\r\n    content: {\r\n        paddingTop: '5rem',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n    },\r\n    messageWrapper: {\r\n        marginTop: '2.25rem',\r\n    },\r\n    mobileOnly: {\r\n        [`@media (min-width: ${breakpoints.Desktop}px)`]: {\r\n            display: 'none',\r\n        },\r\n    },\r\n})\r\n\r\nconst RoleBasedRoutes: React.FC = (): JSX.Element => {\r\n    const [roles] = useAtom(authRoles)\r\n    const layout = useContainerStyles()\r\n    const classes = useStyles()\r\n\r\n    if (roles.indexOf('AktivBruger') === -1) {\r\n        return (\r\n            <div className={`${layout.container} main-content`}>\r\n                <div className={`${classes.content} page-up`}>\r\n                    <div className={classes.messageWrapper}>\r\n                        <CardWithIconAndMessge\r\n                            icon={\r\n                                <div className={classes.circleIcon}>\r\n                                    <LockFill\r\n                                        color={colors.green500}\r\n                                        width=\"32px\"\r\n                                    />\r\n                                </div>\r\n                            }\r\n                            message=\"Siden er begrænset af profilen. Vælg en anden rolle på knappen til højre øverst.\"\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <ScrollToTop>\r\n                {/* <NavbarDesktop /> */}\r\n                <div className={classes.mobileOnly}>\r\n                    <Menu />\r\n                </div>\r\n                <div\r\n                    className={`${layout.container} main-content`}\r\n                    id=\"main-content\"\r\n                >\r\n                    <Routes>\r\n                        <Route path=\"/mine-medlemmer\" element={<Members />} />\r\n                        <Route\r\n                            path=\"/mine-medlemmer/:id\"\r\n                            element={<MemberProfile />}\r\n                        />\r\n                        <Route\r\n                            path=\"/alle-foas-medlemmer\"\r\n                            element={<AllMembers />}\r\n                        />\r\n                        <Route\r\n                            path=\"/mine-opdateringer\"\r\n                            element={<Updates />}\r\n                        />\r\n                        <Route path=\"/mine-noter\" element={<NotePage />} />\r\n                        <Route\r\n                            path=\"/mine-arbejdsteder\"\r\n                            element={<Workplaces />}\r\n                        />\r\n                        <Route path=\"/style-guide\" element={<Example />} />\r\n                        <Route path=\"/min-profil\" element={<MyProfile />} />\r\n                        <Route\r\n                            path=\"/organisering\"\r\n                            element={<Organisation />}\r\n                        />\r\n\r\n                        <Route\r\n                            path=\"/alle-foas-medlemmer/:id\"\r\n                            element={<MemberProfileFromSearch />}\r\n                        />\r\n                        <Route\r\n                            path=\"/\"\r\n                            element={<Navigate replace to=\"/mine-medlemmer\" />}\r\n                        />\r\n                    </Routes>\r\n                </div>\r\n\r\n                <ScrollToTopButton />\r\n\r\n                <Footer />\r\n            </ScrollToTop>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default RoleBasedRoutes\r\n","/* eslint-disable import/no-duplicates */\r\n/* eslint-disable default-case */\r\nimport React from 'react'\r\nimport { Suspense } from 'react'\r\nimport { ThemeProvider } from 'react-jss'\r\nimport { Provider as AtomProvider } from 'jotai'\r\nimport { BrowserRouter } from 'react-router-dom'\r\nimport { useIdleTimer } from 'react-idle-timer'\r\nimport Auth0 from './utils/Auth0'\r\nimport theme from './theme'\r\nimport Layout from './components/Layout'\r\nimport { NavbarDesktop } from './components/ui/Navbar/NavbarDesktop'\r\nimport './theme/global.css'\r\nimport { Lokalise } from './components/providers/Lokalise'\r\nimport { Spinner } from './components/ui/Loaders/Spinner'\r\nimport Interceptor from './api/Interceptor'\r\nimport RoleBasedRoutes from './RoleBasedRoutes'\r\nimport { logout } from './utils/Logout'\r\n\r\n// 20 minutes.\r\nconst IDDLE_TIMEOUT = 1000 * 60 * 20\r\n\r\nfunction App(): JSX.Element {\r\n    const onIdle = (): void => {\r\n        logout()\r\n    }\r\n\r\n    useIdleTimer({ onIdle, timeout: IDDLE_TIMEOUT })\r\n\r\n    return (\r\n        <BrowserRouter>\r\n            <AtomProvider>\r\n                <Suspense fallback={<Spinner />}>\r\n                    <Lokalise>\r\n                        <ThemeProvider theme={theme}>\r\n                            <Interceptor>\r\n                                <Layout>\r\n                                    <NavbarDesktop />\r\n                                    <Auth0>\r\n                                        <>\r\n                                            <RoleBasedRoutes />\r\n                                        </>\r\n                                    </Auth0>\r\n                                </Layout>\r\n                            </Interceptor>\r\n                        </ThemeProvider>\r\n                    </Lokalise>\r\n                </Suspense>\r\n            </AtomProvider>\r\n        </BrowserRouter>\r\n    )\r\n}\r\n\r\nexport default App\r\n","import { ReportHandler } from 'web-vitals'\r\n\r\nconst reportWebVitals = (onPerfEntry?: ReportHandler): void => {\r\n    if (onPerfEntry && onPerfEntry instanceof Function) {\r\n        import('web-vitals').then(\r\n            ({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n                getCLS(onPerfEntry)\r\n                getFID(onPerfEntry)\r\n                getFCP(onPerfEntry)\r\n                getLCP(onPerfEntry)\r\n                getTTFB(onPerfEntry)\r\n            }\r\n        )\r\n    }\r\n}\r\n\r\nexport default reportWebVitals\r\n","import React from 'react'\r\nimport ReactDOM from 'react-dom'\r\nimport App from './App'\r\nimport reportWebVitals from './reportWebVitals'\r\n\r\nReactDOM.render(\r\n    <React.StrictMode>\r\n        <App />\r\n    </React.StrictMode>,\r\n    document.getElementById('root')\r\n)\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals()\r\n"],"sourceRoot":""}