\r\n \r\n
\r\n)\r\n\r\nexport default Checkbox\r\n","import React from 'react'\r\nimport DateTime from 'react-datetime'\r\nimport 'react-datetime/css/react-datetime.css'\r\nimport {Input} from 'components'\r\n\r\nconst DateInput = ({\r\n dateFormat = 'DD-MM-YYYY',\r\n timeFormat = 'HH:mm',\r\n isValidDate,\r\n onBlur,\r\n onChange,\r\n error,\r\n placeholder,\r\n small,\r\n last,\r\n ...props\r\n}) => (\r\n {t('Opret bruger i MinForening')}
\r\n{t('createUser', {name: firstName})}
\r\n{t('createUser', {name: user.firstName})}
\r\n{t('Log ind på MinForening')}
\r\n\r\n {club.clubName}\r\n
\r\n\r\n
\r\n );\r\n }\r\n\r\nexport default function ReactErrorBoundary(props) {\r\n return (\r\n Something went wrong:
\r\n{error.message}\r\n {service} x {amount}
\r\n{price} DKK
\r\nHeraf moms
\r\n{tax} DKK
\r\nTOTAL Inkl. Moms
\r\n{total} DKK
\r\nBetaling fornyes:
\r\n{payRenewal}
\r\nJeg accepter {clubName}s Abonnementbetingelser
\r\n![](\"/static/media/logo-dark-da.6563bb66.png\"){kind=logo}
\r\n\r\n \r\n
\r\n
\r\n {isCreatingNewUser ? t('Opret bruger på') : t('Log ind på')}{' '}\r\n {t('MinForening')}\r\n
\r\n}\r\n
{t('Vælg grupper')}
\r\n\r\n {name}\r\n
\r\n\r\n {name}\r\n
\r\n,\r\n [steps.GROUPS]: ,\r\n }[step] || null)\r\n\r\n state = {\r\n ready: false,\r\n step: steps.DETAILS,\r\n reset: false,\r\n restore: null,\r\n }\r\n\r\n componentDidMount() {\r\n const {\r\n start,\r\n params: {clubToken, email, password},\r\n } = this.props\r\n\r\n if (email && password) {\r\n this.setState({ready: true}, () => start({email, password}))\r\n } else if (clubToken) {\r\n this.setState({ready: true}, () => start({clubToken}))\r\n } else {\r\n this.setState({reset: true})\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const {\r\n params: {clubToken},\r\n start,\r\n } = this.props\r\n const {restore} = this.state\r\n\r\n if (!prevState.restore && restore) {\r\n this.setState({restore: null, ready: true})\r\n }\r\n\r\n if (prevProps.params.clubToken !== clubToken) {\r\n start({clubToken})\r\n }\r\n }\r\n\r\n setStep = (step) => this.setState({step})\r\n\r\n render() {\r\n const {\r\n club,\r\n isFetching,\r\n params: {clubToken, email, password},\r\n whiteLabelData\r\n } = this.props\r\n const {ready, restore, step, reset} = this.state\r\n\r\n return reset ? (\r\n \r\n \r\n {clubToken || (email && password) ? (\r\n \r\n {({step, club}) =>\r\n isFetching ? (\r\n \r\n \r\n ) : (\r\n \r\n )\r\n }\r\n \r\n ) : (\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouterParams,\r\n connect(\r\n createStructuredSelector({\r\n isFetching: getIsFetching,\r\n club: getClub,\r\n user: getUser,\r\n }),\r\n {start}\r\n )\r\n)\r\n\r\nexport default enhancer(Flow)\r\n","import {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {compose} from 'recompose'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {getClubInformation} from '../actions'\r\nimport {getIsFetching} from '../selectors'\r\nimport {logout} from 'authentication'\r\n\r\nexport class Signup extends Component {\r\n componentDidMount() {\r\n const {\r\n logout,\r\n getClubInformation,\r\n params: {clubToken},\r\n } = this.props\r\n\r\n logout()\r\n\r\n if (clubToken) {\r\n getClubInformation({clubToken})\r\n }\r\n }\r\n\r\n render() {\r\n return null\r\n }\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouterParams,\r\n connect(\r\n createStructuredSelector({\r\n isFetching: getIsFetching,\r\n }),\r\n {\r\n logout,\r\n getClubInformation: getClubInformation.requested,\r\n }\r\n )\r\n)\r\n\r\nexport default enhancer(Signup)\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {Text, Flex, Box} from 'components'\r\n\r\nconst Container = styled(Flex).attrs({\r\n p: 2,\r\n})`\r\n background: ${props => props.theme.colors.secondaryLight};\r\n`\r\n\r\nconst Item = ({firstName, surname, toggleBulk, checked, inactive}) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {firstName} {surname} {inactive && '(Får mails)'}\r\n \r\n \r\n \r\n)\r\n\r\nexport default Item\r\n","import React, {Component} from 'react'\r\nimport styled from 'styled-components'\r\nimport {toLower, includes} from 'lodash'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {Searchable, Input, Box} from 'components'\r\nimport Item from './Item'\r\n\r\nconst List = styled(Box).attrs({\r\n mb: 3,\r\n})`\r\n max-height: 400px;\r\n overflow-y: scroll;\r\n`\r\n\r\nclass MemberList extends Component {\r\n static predicate = (item, value) => {\r\n const lowerCaseValue = toLower(value)\r\n\r\n return (\r\n includes(toLower(item.firstName), lowerCaseValue) ||\r\n includes(toLower(item.surname), lowerCaseValue)\r\n )\r\n }\r\n\r\n state = {\r\n bulk: [],\r\n }\r\n\r\n toggleBulk = (id) => {\r\n this.setState(({bulk: prevBulk}) => ({\r\n bulk: includes(prevBulk, id)\r\n ? prevBulk.filter((i) => i !== id)\r\n : [...prevBulk, id],\r\n }))\r\n }\r\n\r\n render() {\r\n const {members, children, t, chosenMember} = this.props\r\n const {bulk} = this.state\r\n\r\n return (\r\n \r\n {({items, handleChange}) => (\r\n \r\n \r\n )}\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default withTranslation()(MemberList)\r\n","const partitionMemberIds = members =>\r\n members.reduce(\r\n (acc, member) => {\r\n const inactive = member.toString().charAt(0) === 'i'\r\n\r\n return {\r\n active: !inactive ? [...acc.active, member] : acc.active,\r\n inactive: inactive ? [...acc.inactive, member] : acc.inactive,\r\n }\r\n },\r\n {\r\n active: [],\r\n inactive: [],\r\n }\r\n )\r\n\r\nexport default partitionMemberIds\r\n","import {schema} from 'normalizr'\r\nimport omit from 'lodash/omit'\r\n\r\nexport const link = new schema.Entity(\r\n 'links',\r\n {},\r\n {\r\n idAttribute: 'clubLinkId',\r\n processStrategy: (entity) => ({\r\n ...omit(entity, 'clubLinkId'),\r\n id: entity.clubLinkId,\r\n }),\r\n }\r\n)\r\n","import styled from 'styled-components'\r\n\r\nconst Participant = styled.div`\r\n width: 30px;\r\n height: 30px;\r\n margin-right: 10px;\r\n background-color: ${props => props.theme.colors[props.color || 'primary']};\r\n background-size: cover;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n border-radius: 50%;\r\n`\r\n\r\nexport default Participant\r\n","import React from 'react'\r\nimport {renderNothing, branch} from 'recompose'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Text, Flex, Box} from 'components'\r\nimport Participant from './Participant'\r\n\r\nconst ParticipantGroup = ({name, color, participants}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n {t(name)} \r\n \r\n\r\n {participants.map((participant) => (\r\n \r\n \r\n ))}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = branch(\r\n ({participants}) => !participants || participants.length === 0,\r\n renderNothing\r\n)\r\n\r\nexport default enhancer(ParticipantGroup)\r\n","import { Flex } from '@rebass/grid'\r\nimport styled from 'styled-components'\r\n\r\nconst Content = styled(Flex).attrs({\r\n flexDirection: 'column',\r\n})`\r\n position: relative;\r\n min-height: 100vh;\r\n margin-left: ${props => props.sidebarVisible ? props.theme.sidebarWidth : 0};\r\n`\r\n\r\nexport default Content\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {Box, Text, Link, Flex} from 'components'\r\nimport { useState } from 'react'\r\nimport {Loading} from 'components'\r\nimport { getIsFetched as paymentsFetched} from 'payments'\r\nimport { getIsFetching as membersFetched} from 'members'\r\nimport { connect } from 'react-redux'\r\nimport { createStructuredSelector } from 'reselect'\r\n\r\nconst Container = styled(Box)`\r\n opacity: ${(props) => (props.disabled ? 0.5 : 1)};\r\n`\r\n\r\nconst Item = ({active, name, path, badges, disabled, icon: Icon, paymentsFetched, membersFetched}) => {\r\n return (\r\n \r\n \r\n \r\n \r\n {Icon && \r\n \r\n {name.toUpperCase()}\r\n \r\n {\r\n name === \"Betalinger\" ? paymentsFetched ? badges.map((Badge, index) => ) : : null \r\n }\r\n {\r\n name === \"Medlemmer\" ? membersFetched ? badges.map((Badge, index) => ) : : null \r\n }\r\n\r\n {name !== \"Betalinger\" && name !== \"Medlemmer\" && badges.map((Badge, index) => (\r\n \r\n \r\n ))}\r\n \r\n\r\n \r\n \r\n \r\n)}\r\n\r\nItem.defaultProps = {\r\n badges: [],\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n paymentsFetched: paymentsFetched,\r\n membersFetched: membersFetched\r\n })\r\n)\r\n\r\nexport default enhancer(Item)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {NotificationBadge} from 'components'\r\nimport {getNumberOfActionsRequired} from 'payments/selectors'\r\n\r\nconst PaymentsNotificationBadge = ({payments}) => {\r\n\r\n \r\n return payments > 0 ? !!part)[0]\r\n )}\r\n {...item}\r\n />\r\n ))\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouter,\r\n connect(\r\n createStructuredSelector({\r\n isGroupLeader: getIsGroupLeader,\r\n })\r\n )\r\n)\r\n\r\nexport default enhancer(Menu)\r\n","import React, {useMemo} from 'react'\r\nimport {withRouter} from 'react-router-dom'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {includes} from 'lodash'\r\nimport Item from './Item'\r\nimport {\r\n Person,\r\n Association,\r\n People,\r\n Payment,\r\n Settings,\r\n Email,\r\n} from 'components/icons'\r\nimport {Text} from 'components'\r\nimport { module_chat } from 'globalModuleNames';\r\nimport { useFeature } from \"@growthbook/growthbook-react\";\r\n\r\n\r\nconst PATH = '/my-page'\r\n\r\nconst BetaBadge = () => (\r\n \r\n Beta\r\n \r\n)\r\n \r\nconst MemberMenu = ({location: {pathname}}) => {\r\n \r\n const [t] = useTranslation()\r\n \r\n const items = useMemo(\r\n () =>{\r\n let memberTabs = \r\n [\r\n {\r\n name: t('Min side'),\r\n icon: Person,\r\n path: '/my-page' //,\r\n // badges: [ BetaBadge,\r\n //],\r\n }, \r\n \r\n ]\r\n \r\n if (useFeature(module_chat).on) {\r\n memberTabs.push(\r\n { \r\n name: t('Chat'),\r\n icon: Email,\r\n path: '/chat',\r\n badges: [ BetaBadge,\r\n ],\r\n isFetching: false,\r\n }, \r\n )\r\n }\r\n\r\n return memberTabs\r\n },\r\n [t, ]\r\n )\r\n\r\n return items.map((item) => ( \r\n !!part)[0]\r\n )}\r\n {...item}\r\n /> \r\n ))\r\n}\r\n\r\nexport default withRouter(MemberMenu)\r\n\r\n//Old way\r\n// const active = useMemo(\r\n // () => includes(PATH, pathname.split('/').filter((part) => !!part)[0]),\r\n // [pathname]\r\n // )\r\n // return (\r\n // \r\n {image && \r\n {name}\r\n \r\n \r\n)\r\n\r\nexport default Club\r\n","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Formik, Field} from 'formik'\r\nimport Yup from 'lib/yup'\r\nimport {Box, Modal, LabeledInput, LabeledTextArea, Button} from 'components'\r\nimport {create} from 'clubs/actions'\r\n\r\nconst validationSchema = Yup.object().shape({\r\n title: Yup.string().required(),\r\n zip: Yup.string().required().min(4).max(8),\r\n})\r\n\r\nclass CreateClubForm extends Component {\r\n \r\n handleSubmit = (values, {setErrors}) => {\r\n new Promise((resolve, reject) => {\r\n this.props.create({values, resolve, reject})\r\n })\r\n .then(this.props.hide)\r\n .catch(() => setErrors({title: 'Foreningen findes allerede'}))\r\n }\r\n\r\n render() {\r\n const {hide} = this.props\r\n\r\n return (\r\n \r\n \r\n \r\n {({handleSubmit}) => (\r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst enhancer = connect(null, {\r\n create: create.requested,\r\n})\r\n\r\nexport default enhancer(CreateClubForm)\r\n","import React, {Component, Fragment} from 'react'\r\nimport styled, {css} from 'styled-components'\r\nimport {lighten} from 'polished'\r\nimport {connect} from 'react-redux'\r\nimport {compose} from 'recompose'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {withToggle} from 'lib/hoc'\r\nimport {Flex, Dropdown, Button, Box, Text, Link} from 'components'\r\nimport {Down} from 'components/icons'\r\nimport {getClubsArray, getActive} from 'clubs/selectors'\r\nimport {setActive} from 'clubs/actions'\r\nimport Club from './Club'\r\nimport CreateClubModal from './CreateClubModal'\r\n\r\nconst Item = styled(Box).attrs({\r\n p: 2,\r\n})`\r\n width: 100%;\r\n background: ${(props) => lighten(0.1, props.theme.colors.primary)};\r\n transition: background 0.125s ease;\r\n\r\n ${(props) =>\r\n !props.noHover &&\r\n css`\r\n &:hover {\r\n background: ${(props) => props.theme.colors.primary};\r\n }\r\n `}\r\n`\r\n\r\nclass ClubDropdown extends Component {\r\n get addtionals() {\r\n const {t} = this.props\r\n\r\n return [\r\n {\r\n title: `+ ${t('Opret forening')}`,\r\n pathname: '/create-club',\r\n },\r\n ]\r\n }\r\n\r\n renderButton = (toggle) => {\r\n const {activeClub} = this.props\r\n\r\n return (\r\n \r\n )\r\n }\r\n\r\n renderItem = (club, toggle) => (\r\n {\r\n this.props.setActive(club.id)\r\n toggle()\r\n }}\r\n >\r\n - \r\n
\r\n {title}\r\n \r\n \r\n \r\n )\r\n\r\n render() {\r\n const {clubs, createClubModalVisible, hideCreateClubModal} = this.props\r\n\r\n return (\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst enhancer = compose(\r\n withTranslation(),\r\n withToggle('createClubModal'),\r\n connect(\r\n createStructuredSelector({\r\n clubs: getClubsArray,\r\n activeClub: getActive,\r\n }),\r\n {setActive}\r\n )\r\n)\r\n\r\nexport default enhancer(ClubDropdown)\r\n","import React, {useMemo} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {\r\n getImagePath,\r\n getFullName,\r\n getMembers,\r\n getActiveMember,\r\n} from 'user/selectors'\r\nimport {setActive} from 'user/actions'\r\nimport {Button, Box, Flex, Image, Text, Dropdown} from 'components'\r\nimport {Down} from 'components/icons'\r\n\r\nconst MemberDropdown = ({\r\n activeMember: {firstName, surname, imagePath, headerImage},\r\n members = [],\r\n setActive,\r\n}) => {\r\n const name = useMemo(() => `${firstName} ${surname}`, [firstName, surname])\r\n const image = useMemo(() => imagePath || headerImage, [\r\n imagePath,\r\n headerImage,\r\n ])\r\n\r\n return members.length === 1 ? (\r\n \r\n \r\n {image && \r\n {name}\r\n \r\n \r\n \r\n ) : (\r\n (\r\n \r\n )}\r\n renderItem={({userId, firstName, surname}, close) => (\r\n {\r\n setActive(userId)\r\n close()\r\n }}\r\n >\r\n {firstName} {surname}\r\n \r\n )}\r\n />\r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n members: getMembers,\r\n activeMember: getActiveMember,\r\n }),\r\n {setActive}\r\n)\r\n\r\nexport default enhancer(MemberDropdown)\r\n","import React, {useState, useCallback} from 'react'\r\nimport styled from 'styled-components'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Text, Box, Flex, Button, Dropdown} from 'components'\r\nimport {Down} from 'components/icons'\r\n\r\nconst Item = styled(Box).attrs({\r\n p: 2,\r\n})`\r\n width: ${({theme}) => theme.sidebarWidth};\r\n transition: background 0.125s ease;\r\n background-color: ${({active}) => (active ? '#e7e7e7' : 'white')};\r\n`\r\nconst StyledDropdown = styled(Dropdown)`\r\n width: ${(props) => props.theme.sidebarWidth};\r\n`\r\n\r\nconst languages = ['da', 'en', 'de']\r\n\r\nconst LanguageDropdown = () => {\r\n const [t, i18n] = useTranslation()\r\n const languageFromLocalStorage = localStorage.getItem('i18nextLng')\r\n const [currentLanguage, setCurrentLanguage] = useState(\r\n languageFromLocalStorage || i18n.language\r\n )\r\n const chooseLanguage = useCallback(\r\n (lng) => {\r\n i18n.changeLanguage(lng)\r\n return setCurrentLanguage(lng)\r\n },\r\n [i18n, setCurrentLanguage]\r\n )\r\n const renderLanguages = (item, hide) => {\r\n const language = t(`languageName${item.toUpperCase()}`)\r\n\r\n return (\r\n {\r\n chooseLanguage(item)\r\n hide()\r\n }}\r\n active={currentLanguage === item}\r\n >\r\n \r\n {language}\r\n \r\n \r\n )\r\n }\r\n const renderDropDownBtn = (toggle) => (\r\n \r\n )\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {logoUrl ? \r\n \r\n \r\n \r\n {!isMember && (\r\n \r\n \r\n )}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {t('Log ud')} \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n {useFeature(module_mobileapp_webinfo).on &&\r\n \r\n \r\n {sidebarText &&\r\n \r\n {t(\r\n \"Find dine og din families aktiviteter på {{companyName}} app'en\",\r\n {companyName}\r\n )}\r\n \r\n }\r\n \r\n\r\n \r\n \r\n {\r\n badgeUrls.appStoreUrl === \"\" || badgeUrls.appStoreUrl === null ? null :\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n }\r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouter,\r\n connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n tldLocale: getTldLocale,\r\n })\r\n )\r\n)\r\n\r\nexport default enhancer(Sidebar)\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {Card, Text, DownloadTheApp} from 'components'\r\nimport {LogoWithTagline} from 'components/icons'\r\nimport {Trans} from 'react-i18next'\r\n\r\nconst Container = styled(Flex).attrs({\r\n p: 3,\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n})`\r\n height: 100vh;\r\n`\r\n\r\nconst Directions = ({whiteLabelData}) => (\r\n \r\n \r\n \r\n {\r\n whiteLabelData.logoTexts &&\r\n \r\n }\r\n \r\n\r\n \r\n \r\n \r\n Hov, du kan ikke tilgå vores administrationsværktøj fra\r\n mobiltelefonen. Du bedes venligst gå ind på{' '}\r\n web.minforening.dk fra din computer for at få den\r\n fulde oplevelse.\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Hvis du vil se MinForening som medlem, skal du downloade MinForening\r\n på enten App Store eller{' '}\r\n Google Play\r\n \r\n \r\n \r\n \r\n \r\n \r\n)\r\n\r\nexport default Directions\r\n","import React, {useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Modal, Button, Box, Loading} from 'components'\r\nimport {getMembersNotInGroups, SearchableMemberList} from 'members'\r\nimport {getGroup} from 'groups/selectors'\r\nimport {addMembersToGroups} from 'groups'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst AddMembersModal = ({\r\n group,\r\n hide,\r\n addMembersToGroups,\r\n resetBulk,\r\n members,\r\n}) => {\r\n const [t] = useTranslation()\r\n const [submitting, setSubmitting] = useState(false)\r\n //const [error, setError] = useState(null)\r\n\r\n const handleSubmit = (ids) =>\r\n new Promise((resolve, reject) => {\r\n const maxUsers = group.maxUsers\r\n\r\n const currentGroupMembers = group.users.length // Used to get the number of users allready in the group.\r\n\r\n // console.log(group.maxUsers)\r\n // console.log(currentGroupMembers)\r\n // console.log(ids.length)\r\n\r\n if (\r\n (maxUsers >= ids.length &&\r\n maxUsers >= currentGroupMembers + ids.length) ||\r\n group.maxUsers === undefined\r\n ) {\r\n //\r\n setSubmitting(true)\r\n\r\n addMembersToGroups({\r\n members: ids,\r\n groups: [group.id],\r\n resolve,\r\n reject,\r\n })\r\n resetBulk()\r\n } else {\r\n reject('For mange medlemmer')\r\n }\r\n })\r\n .catch((message) => {\r\n //setError(error)\r\n //console.log(message)\r\n })\r\n .then(hide)\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n {({bulk}) => (\r\n handleSubmit(bulk)}\r\n >\r\n {submitting ? \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n (state, {group}) => ({\r\n group: getGroup(state, group),\r\n members: getMembersNotInGroups(state, group),\r\n }),\r\n {\r\n addMembersToGroups: addMembersToGroups.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(AddMembersModal)\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {lighten} from 'polished'\r\nimport {noop} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Dropdown, Text as BaseText, Box} from 'components'\r\n\r\nconst Text = styled(BaseText)`\r\n color: ${(props) =>\r\n props.disabled\r\n ? lighten(0.3, props.theme.colors.secondary)\r\n : props.theme.colors.secondary};\r\n`\r\n\r\nconst Item = styled(Box).attrs({\r\n p: 2,\r\n width: 170,\r\n})`\r\n background: ${(props) => props.theme.colors.white};\r\n ${(props) =>\r\n props.divide &&\r\n `border-top: 1px solid ${lighten(0.2, props.theme.colors.secondary)}`};\r\n`\r\n\r\nconst BulkActionsDropdown = ({items}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n (\r\n {\r\n action()\r\n hide()\r\n }\r\n }\r\n key={id}\r\n divide={divide}\r\n >\r\n {name} \r\n \r\n )}\r\n />\r\n )\r\n}\r\n\r\nexport default BulkActionsDropdown\r\n","import React, {useRef, useEffect} from 'react'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {FormikInput as Input, Button} from 'components'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst NewGroup = (props) => {\r\n const [t] = useTranslation()\r\n const input = useRef(null)\r\n\r\n useEffect(() => {\r\n if (input.current) {\r\n input.current.focus()\r\n }\r\n }, [])\r\n\r\n return (\r\n \r\n {() => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nexport default NewGroup\r\n","import React, {useCallback, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {includes, toLower, get} from 'lodash'\r\nimport {Modal, Button, Searchable, Input, Box} from 'components'\r\nimport {\r\n GroupList,\r\n getNestedGroupsArray,\r\n addMembersToGroups,\r\n create,\r\n} from 'groups'\r\nimport NewGroup from './NewGroup'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst JoinGroupModal = ({\r\n bulk: members,\r\n hide,\r\n resetBulk,\r\n addMembersToGroups,\r\n groups,\r\n createGroup,\r\n}) => {\r\n const [t] = useTranslation()\r\n const [bulk, setBulk] = useState([])\r\n\r\n const toggle = useCallback(\r\n ({target: {checked, value}}) => {\r\n setBulk(!checked ? bulk.filter((id) => id !== value) : [...bulk, value])\r\n },\r\n [setBulk, bulk]\r\n )\r\n\r\n const handleSubmit = useCallback(\r\n (newGroup) => {\r\n new Promise((resolve) => {\r\n if (get(newGroup, 'name')) {\r\n createGroup({values: newGroup, resolve})\r\n } else {\r\n resolve(bulk)\r\n }\r\n })\r\n .then((response) => {\r\n const groups = Array.isArray(response)\r\n ? response\r\n : [response.userGroupId]\r\n\r\n return new Promise((resolve) => {\r\n addMembersToGroups({members, groups, resolve})\r\n })\r\n })\r\n .then(() => {\r\n hide()\r\n resetBulk()\r\n })\r\n },\r\n [bulk, members, createGroup, addMembersToGroups, hide, resetBulk]\r\n )\r\n\r\n const predicate = useCallback(\r\n (item, value) => includes(toLower(item.title), toLower(value)),\r\n []\r\n )\r\n\r\n return (\r\n \r\n \r\n {groups.length > 0 ? (\r\n \r\n {({items, handleChange}) => (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n ) : (\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n groups: getNestedGroupsArray,\r\n }),\r\n {\r\n addMembersToGroups: addMembersToGroups.requested,\r\n createGroup: create.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(JoinGroupModal)\r\n","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {compose} from 'recompose'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {toLower, includes} from 'lodash'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {Flex, Loading, Box, Modal, Button, Searchable, Input} from 'components'\r\nimport {GroupList} from 'groups/components'\r\nimport {moveMembersBetweenGroups} from 'groups/actions'\r\nimport {getNestedGroupsArray} from 'groups/selectors'\r\nimport {withTranslation} from 'react-i18next'\r\n\r\nclass MoveModal extends Component {\r\n state = {\r\n bulk: [],\r\n isLoading: false,\r\n }\r\n\r\n handleSubmit = () => {\r\n const {\r\n bulk: members,\r\n hide,\r\n resetBulk,\r\n move,\r\n params: {group: from},\r\n } = this.props\r\n const {bulk: groups} = this.state\r\n\r\n new Promise((resolve) => {\r\n this.setState({isLoading: true}, () => {\r\n move({\r\n resolve,\r\n members,\r\n from: [from],\r\n to: groups,\r\n })\r\n })\r\n }).then(() => {\r\n hide()\r\n resetBulk()\r\n })\r\n }\r\n\r\n predicate = (item, value) => includes(toLower(item.title), toLower(value))\r\n\r\n toggleBulk = ({target: {checked, value}}) => {\r\n this.setState(({bulk: prevBulk}) => ({\r\n bulk: !checked\r\n ? prevBulk.filter((id) => id !== value)\r\n : [...prevBulk, value],\r\n }))\r\n }\r\n\r\n render() {\r\n const {isLoading} = this.state\r\n const {hide, groups, t} = this.props\r\n\r\n return (\r\n \r\n \r\n {({items, handleChange}) => (\r\n \r\n \r\n \r\n \r\n {this.renderButton}\r\n \r\n \r\n \r\n {isLoading ? \r\n \r\n )}\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouterParams,\r\n connect(\r\n createStructuredSelector({\r\n groups: getNestedGroupsArray,\r\n }),\r\n {\r\n move: moveMembersBetweenGroups.requested,\r\n }\r\n ),\r\n withTranslation()\r\n)\r\n\r\nexport default enhancer(MoveModal)\r\n","import {compose} from 'recompose'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {includes} from 'lodash'\r\nimport React, {useMemo} from 'react'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {ConfirmModal} from 'components'\r\nimport {getIsGroupLeader} from 'user'\r\nimport {remove, getAdministratorIds} from 'members'\r\nimport {\r\n removeMembersFromGroups,\r\n getNumberOfGroups,\r\n getCanAdministerActiveGroup,\r\n} from 'groups'\r\nimport {sendInvitationEmails} from 'clubs/actions'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {withRouterParams} from 'lib/hoc'\r\n\r\nimport AddMembersModal from './AddMembersModal'\r\nimport BulkActionsDropdown from './BulkActionsDropdown'\r\nimport JoinGroupModal from '../JoinGroupModal'\r\nimport MoveModal from '../MoveModal'\r\n\r\nconst BulkActions = ({\r\n bulk,\r\n remove,\r\n resetBulk,\r\n isGroupLeader,\r\n params: {group},\r\n administratorIds,\r\n sendInvitationEmails,\r\n removeMembersFromGroups,\r\n canAdministerActiveGroup,\r\n addModalVisible,\r\n showAddModal,\r\n hideAddModal,\r\n joinModalVisible,\r\n showJoinModal,\r\n hideJoinModal,\r\n members\r\n}) => {\r\n const [t] = useTranslation()\r\n const [moveModalVisible, showMoveModal, hideMoveModal] = useToggle()\r\n const [confirmModalVisible, showConfirmModal, hideConfirmModal] = useToggle()\r\n\r\n const isDefaultGroup = useMemo(\r\n () => group === 'all' || group === 'notInGroups',\r\n [group]\r\n )\r\n\r\n const items = useMemo(\r\n () =>\r\n [\r\n {\r\n id: 'add',\r\n name: t('Tilføj medlemmer'),\r\n action: showAddModal,\r\n disabled: bulk.length > 0 || isDefaultGroup,\r\n },\r\n {\r\n id: 'join',\r\n name: t('Tilføj til gruppe'),\r\n action: showJoinModal,\r\n disabled: bulk.length === 0,\r\n },\r\n {\r\n id: 'remove',\r\n name: t('Fjern fra gruppe'),\r\n action: () =>\r\n removeMembersFromGroups({members: bulk, groups: [group]}),\r\n disabled: bulk.length === 0 || isDefaultGroup,\r\n },\r\n {\r\n id: 'move',\r\n name: t('Flyt til gruppe'),\r\n action: showMoveModal,\r\n disabled: bulk.length === 0 || isDefaultGroup,\r\n },\r\n {\r\n id: 'send',\r\n name: t('Send invitationsmail'),\r\n action: () => {\r\n sendInvitationEmails(bulk)\r\n resetBulk()\r\n },\r\n disabled: bulk.length === 0,\r\n },\r\n {\r\n id: 'remove',\r\n name: t('Slet fra forening'),\r\n divide: true,\r\n action: showConfirmModal,\r\n disabled:\r\n isGroupLeader ||\r\n bulk.length === 0 ||\r\n (administratorIds.length === 1 &&\r\n includes(bulk, `${administratorIds[0]}`)),\r\n },\r\n ].map(({disabled, ...item}) => ({\r\n ...item,\r\n disabled: canAdministerActiveGroup ? disabled : true,\r\n })),\r\n [\r\n bulk,\r\n group,\r\n showAddModal,\r\n showJoinModal,\r\n isDefaultGroup,\r\n isGroupLeader,\r\n showMoveModal,\r\n showConfirmModal,\r\n administratorIds,\r\n sendInvitationEmails,\r\n removeMembersFromGroups,\r\n canAdministerActiveGroup,\r\n resetBulk,\r\n t,\r\n ]\r\n )\r\n\r\n return (\r\n <>\r\n {\r\n remove({\r\n members: bulk,\r\n })\r\n hideConfirmModal()\r\n resetBulk()\r\n }}\r\n reject={hideConfirmModal}\r\n />\r\n )}\r\n {joinModalVisible && (\r\n \r\n \r\n {t(\r\n '{{name}} har status som Orange inaktiv og har dermed fået tilsendt en invitationsmail, men har endnu ikke aktiveret sig via linket i invitationsmailen.',\r\n {name}\r\n )}\r\n \r\n\r\n \r\n {t('Her kan du sende invitationsmailen på ny.')}\r\n \r\n\r\n \r\n \r\n \r\n \r\n )\r\n}\r\nexport default Sent\r\n","import React from 'react'\r\nimport {useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {useTranslation, Trans} from 'react-i18next'\r\nimport {\r\n Text,\r\n Tooltip,\r\n Box,\r\n Flex,\r\n Button,\r\n Switch,\r\n} from 'components'\r\nimport {Email} from 'components/icons'\r\nimport {Alert} from 'components/icons'\r\nimport {getCompanyName} from 'app/selectors'\r\n\r\n\r\nconst NotSent = ({name, send, companyName, dummy}) => {\r\n const [t] = useTranslation()\r\n return (\r\n\r\n\r\n \r\n \r\n \r\n \r\n {dummy\r\n ? t(\r\n '{{name}} har status som Rød inaktiv og er dermed ikke inviteret ind i foreningen endnu.' ,\r\n {name}\r\n ) \r\n : t(\r\n '{{name}} har status som Orange inaktiv og har dermed fået tilsendt en invitationsmail, men har endnu ikke aktiveret sig via linket i invitationsmailen.',\r\n {name}\r\n )}\r\n \r\n \r\n \r\n {t(\r\n 'Når invitationsmailen er afsendt og medlem er tilføjet en eller flere grupper, så får {{name}} automatisk information om aktiviteter, beskeder fra foreningen og kontingentopkrævning via mails.',\r\n {name},\r\n 'Udsendelsen af mails fortsætter, indtil bruger aktiverer sig via link i invitationsmail, hvormed information udsendes via appen.'\r\n )}\r\n \r\n \r\n {t(\r\n 'Udsendelsen af mails fortsætter, indtil bruger aktiverer sig via link i invitationsmail, hvormed information udsendes via appen.'\r\n )}\r\n \r\n \r\n {t('usersDisappear')}\r\n \r\n \r\n }>\r\n {({show, hide}) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({companyName: getCompanyName})\r\n)\r\n\r\nexport default enhancer(NotSent)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {isToday, parse} from 'date-fns'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Text} from 'components'\r\nimport {sendInvitationEmails} from 'clubs/actions'\r\nimport Sent from './Sent'\r\nimport NotSent from './NotSent'\r\n\r\nconst InvitationModal = ({\r\n hide,\r\n name,\r\n id,\r\n emailLastSent,\r\n sendInvitationEmails,\r\n invitationLink,\r\n dummy,\r\n}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n {isToday(parse(emailLastSent)) ? (\r\n {\r\n sendInvitationEmails([id])\r\n hide()\r\n }}\r\n />\r\n )}\r\n {invitationLink && process.env.NODE_ENV === 'development' && (\r\n \r\n {process.env.REACT_APP_BASE_URL}/{invitationLink}\r\n \r\n )}\r\n \r\n )\r\n}\r\nconst enhancer = connect(null, {\r\n sendInvitationEmails: sendInvitationEmails.requested,\r\n})\r\n\r\nexport default enhancer(InvitationModal)\r\n","import React, {useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Formik, Field} from 'formik'\r\nimport {TextArea} from 'components'\r\nimport {update} from 'members/actions'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst NoteForm = ({update, initialValues, disabled, ...props}) => {\r\n const [t] = useTranslation()\r\n const handleSubmit = useCallback(\r\n (values) => {\r\n if (values.note !== initialValues.note) {\r\n update({values})\r\n }\r\n },\r\n [update, initialValues]\r\n )\r\n\r\n return (\r\n \r\n {({handleSubmit}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {\r\n update: update.requested,\r\n})\r\n\r\nexport default enhancer(NoteForm)\r\n","import React, {PureComponent} from 'react'\r\nimport styled, {css} from 'styled-components'\r\nimport {darken} from 'polished'\r\nimport {Dropdown, Button, Box, Flex} from 'components'\r\nimport {Down} from 'components/icons'\r\nimport {types, typeIds, typeColors} from 'members/constants'\r\nimport {withTranslation} from 'react-i18next'\r\n\r\nconst Item = styled(Box).attrs({\r\n p: 2,\r\n px: 3,\r\n})`\r\n cursor: pointer;\r\n background: ${(props) =>\r\n props.disabled\r\n ? props.theme.colors.inactive\r\n : props.theme.colors[props.color]};\r\n color: ${(props) =>\r\n props.disabled ? props.theme.colors.secondary : props.theme.colors.white};\r\n\r\n ${(props) =>\r\n !props.disabled &&\r\n css`\r\n transition: background 0.125s ease;\r\n\r\n &:hover {\r\n background: ${(props) => darken(0.1, props.theme.colors[props.color])};\r\n }\r\n `}\r\n`\r\n\r\nclass TypeDropdown extends PureComponent {\r\n items = [\r\n {\r\n id: types.ADMIN.id,\r\n title: this.props.t('Administrator'),\r\n background: 'purple',\r\n },\r\n {\r\n id: types.GROUP_LEAD.id,\r\n title: this.props.t('Gruppeleder'),\r\n background: 'primary',\r\n },\r\n {\r\n id: types.MEMBER.id,\r\n title: this.props.t('Medlem'),\r\n background: 'success',\r\n },\r\n ]\r\n\r\n renderItem = ({id, title}, hide) => {\r\n const {\r\n memberId,\r\n updateMember,\r\n hasOneAdministrator,\r\n currentType,\r\n inactive,\r\n } = this.props\r\n\r\n const clickHandler = (event) => {\r\n event.stopPropagation()\r\n\r\n if (currentType === id && id !== types.GROUP_LEAD.id) {\r\n hide()\r\n } else if (\r\n inactive ||\r\n !hasOneAdministrator ||\r\n (hasOneAdministrator && currentType !== types.ADMIN.id)\r\n ) {\r\n console.log('test')\r\n updateMember({userId: memberId, type: id})\r\n hide()\r\n }\r\n }\r\n\r\n return (\r\n \r\n {title}\r\n \r\n )\r\n }\r\n\r\n renderButton = (toggle) => {\r\n const {currentType, t, disabled} = this.props\r\n\r\n return (\r\n {\r\n e.stopPropagation()\r\n\r\n if (!disabled) {\r\n toggle()\r\n }\r\n }}\r\n {...{[typeColors[currentType]]: true}}\r\n >\r\n \r\n {!disabled && (\r\n \r\n \r\n )}\r\n \r\n {t(typeIds[currentType])}\r\n \r\n \r\n \r\n )\r\n }\r\n\r\n render() {\r\n const {isGroupLeader, currentType} = this.props\r\n\r\n return isGroupLeader ? (\r\n \r\n ) : (\r\n \r\n \r\n \r\n {({isSubmitting, isValid, errors, values}) => (\r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {updateInactive: updateInactive.requested})\r\n\r\nexport default enhancer(EditModal)\r\n","import React, {useCallback, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {subDays, startOfToday, format} from 'date-fns'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {\r\n Flex,\r\n Box,\r\n Text,\r\n Input,\r\n FormikAutoSubmit,\r\n Loading,\r\n Button,\r\n} from 'components'\r\nimport {fetchStatistics} from 'members/actions'\r\nimport {getStatistics} from 'members/selectors'\r\nimport {typesById} from 'activities/constants'\r\nimport {Dropdown} from 'components'\r\nimport { exportMemberactivities } from 'groups'\r\nimport { exportMemberTasks } from 'groups'\r\n\r\nconst initialValues = {\r\n start: format(subDays(startOfToday(), 30), 'YYYY-MM-DD'),\r\n end: format(startOfToday(), 'YYYY-MM-DD'),\r\n}\r\n\r\n\r\nconst Statistics = ({\r\n fetchStatistics, \r\n groupId,\r\n id, \r\n statistics,\r\n exportMemberactivities,\r\n exportMemberTasks,\r\n active\r\n}) => {\r\n \r\n const handleClick = (name) => {\r\n if (name === 'Opgaver'){\r\n { \r\n new Promise((resolve, reject) => \r\n \r\n exportMemberTasks({memberId: id, groupId: groupId, clubId: active.id, resolve, reject}))\r\n .then((data) => {\r\n\r\n const blob = new Blob(['\\ufeff', data], {\r\n type: 'text/csv;charset=utf-8;',\r\n }) \r\n const link = document.createElement('a')\r\n \r\n link.download = id\r\n ? `opgaver.csv`\r\n : `opgaver.csv`\r\n link.href = window.URL.createObjectURL(blob)\r\n\r\n link.click()\r\n }) \r\n } \r\n }\r\n else if (name === 'Aktiviteter'){\r\n { \r\n new Promise((resolve, reject) => \r\n exportMemberactivities({memberId: id, groupId: groupId, clubId: active.id, resolve, reject}))\r\n .then((data) => {\r\n const blob = new Blob(['\\ufeff', data], {\r\n type: 'text/csv;charset=utf-8;',\r\n }) \r\n const link = document.createElement('a')\r\n\r\n link.download = id\r\n ? `aktiviteter.csv`\r\n : `aktiviteter.csv`\r\n link.href = window.URL.createObjectURL(blob)\r\n\r\n link.click()\r\n }) \r\n } \r\n }\r\n else if (name === 'Medlemmer'){\r\n console.log('error')\r\n }\r\n \r\n }\r\n \r\n const exportOptions = [{name: 'Aktiviteter'}, {name: 'Opgaver'}] // TODO: create later , {name: 'Medlemmer'}\r\n const [selectedOption, setSelectedOption] = useState('')\r\n const [showExports, setShowExports] = useState(false)\r\n const [statsShown, setStatsShown] = useState(false)\r\n\r\n const handleSubmit = useCallback(\r\n (values, {setSubmitting}) => {\r\n new Promise((resolve, reject) => {\r\n fetchStatistics({resolve, reject, id, ...values})\r\n }).then(() => setSubmitting(false), setStatsShown(true))\r\n },\r\n [fetchStatistics, id]\r\n )\r\n\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n {({isSubmitting}) => (\r\n \r\n )}\r\n \r\n\r\n {statistics.length > 0 && (\r\n \r\n {statistics\r\n .filter(({type}) => type > 0)\r\n .sort(\r\n ({type: typeA}, {type: typeB}) =>\r\n typesById[typeA].order - typesById[typeB].order\r\n )\r\n .map(\r\n (\r\n {\r\n type,\r\n activityCount,\r\n participatingCount,\r\n participationPercentage,\r\n },\r\n index,\r\n array\r\n ) => {\r\n const {color} = typesById[type]\r\n\r\n return (\r\n \r\n \r\n {participationPercentage}% ({participatingCount}/\r\n {activityCount})\r\n \r\n \r\n )\r\n }\r\n )}\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n (state, {id}) => ({statistics: getStatistics(state, id)}),\r\n {\r\n fetchStatistics: fetchStatistics.requested,\r\n exportMemberactivities: exportMemberactivities.requested,\r\n exportMemberTasks: exportMemberTasks.requested\r\n }\r\n)\r\n\r\nexport default enhancer(Statistics)\r\n","import React, {useState, useMemo, useCallback, useEffect, useRef} from 'react'\r\nimport styled, {css} from 'styled-components'\r\nimport {darken} from 'polished'\r\nimport {get, noop} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Alert, People} from 'components/icons'\r\nimport {Flex, Image, Text, Button, Tooltip, Box, Modal, Dropdown} from 'components'\r\nimport {Row, Cell} from 'components/Table'\r\nimport format from 'lib/format'\r\nimport {useToggle} from 'lib/hooks'\r\nimport memberDefault from 'images/member-default.png'\r\nimport InvitationModal from './InvitationModal'\r\nimport NoteForm from './NoteForm'\r\nimport TypeDropdown from './TypeDropdown'\r\nimport EditModal from './EditModal'\r\nimport Statistics from './Statistics'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {getClubInfo as club, getClubInfo} from 'signup/club'\r\n\r\nconst DetailsContainer = styled(Flex).attrs({\r\n flexDirection: 'column',\r\n})`\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n`\r\n\r\nconst OverviewContainer = styled(Row).attrs({\r\n alignItems: 'center',\r\n})`\r\n cursor: pointer;\r\n ${(props) =>\r\n props.isOpen &&\r\n css`\r\n background: ${(props) => darken(0.1, props.theme.colors.secondaryLight)};\r\n `};\r\n`\r\n\r\nconst MemberRow = ({\r\n open,\r\n style,\r\n active,\r\n fetchRelations,\r\n firstName,\r\n surname,\r\n type,\r\n birthdate,\r\n id,\r\n toggleBulk,\r\n checked,\r\n updateMember,\r\n address,\r\n city,\r\n isChild,\r\n phone,\r\n email,\r\n zip,\r\n note,\r\n emailLastSent,\r\n headerImage: image,\r\n hasOneAdministrator,\r\n isLeader,\r\n dummy,\r\n groupName,\r\n inactive,\r\n authToken,\r\n isGroupLeader,\r\n showGroupsModal: _showGroupsModal,\r\n showRelationsModal: _showRelationsModal,\r\n groupId,\r\n club,\r\n clubInternalMemberId,\r\n tenantUserId\r\n}) => {\r\n const [t] = useTranslation()\r\n \r\n\r\n const userId = useMemo(\r\n () => (133337 + id * 3).toString(16).toUpperCase(), // Please, don't ask ...\r\n [id]\r\n )\r\n\r\n \r\n const [detailsVisible, setDetailsVisible] = useState(open)\r\n const [\r\n invitationModalVisible,\r\n showInvitationModal,\r\n hideInvitationModal,\r\n ] = useToggle()\r\n const [editModalVisible, showEditModal, hideEditModal] = useToggle()\r\n const [infoModalVisible, showInfoModal, hideInfoModal] = useToggle()\r\n\r\n const toggleDetailsVisible = useCallback(() => {\r\n if (detailsVisible) {\r\n setDetailsVisible(false)\r\n } else {\r\n fetchRelations(id)\r\n setDetailsVisible(true)\r\n }\r\n }, [fetchRelations, id, setDetailsVisible, detailsVisible])\r\n\r\n const handleCheckboxClick = useCallback((event) => {\r\n event.stopPropagation()\r\n }, [])\r\n\r\n const showGroupsModal = useCallback(() => {\r\n _showGroupsModal(id)\r\n }, [_showGroupsModal, id])\r\n\r\n const showRelationsModal = useCallback(() => {\r\n _showRelationsModal(id)\r\n }, [_showRelationsModal, id])\r\n\r\n const prevOpen = useRef()\r\n\r\n useEffect(() => {\r\n prevOpen.current = open\r\n },)\r\n\r\n useEffect(() => {\r\n if (open) {\r\n fetchRelations(id)\r\n }\r\n }, [open, fetchRelations, id, ])\r\n\r\n const container = useRef()\r\n\r\n useEffect(() => {\r\n if (!prevOpen.current && open) {\r\n fetchRelations(id)\r\n setDetailsVisible(true)\r\n window.scrollTo(0, container.current.offsetTop)\r\n }\r\n }, [open, fetchRelations, id])\r\n\r\n if (detailsVisible) {\r\n container.current.style.height = '200px';\r\n } else if (!detailsVisible && container.current != null) {\r\n container.current.style.height = '0';\r\n }\r\n\r\n return (\r\n \r\n {title} \r\n {children}\r\n \r\n {linkText}\r\n \r\n \r\n)\r\n\r\nexport default Relation\r\n","import {compose} from 'recompose'\r\nimport {connect} from 'react-redux'\r\nimport {get} from 'lodash'\r\nimport React, {useCallback} from 'react'\r\nimport qs from 'qs'\r\n\r\nimport {Modal, Text, Box, Button, ButtonWithProtectedAction} from 'components'\r\nimport {getMember, getGroups as getMemberGroups} from 'members/selectors'\r\nimport {removeMembersFromGroups} from 'groups/actions'\r\nimport {withRouterParams} from 'lib/hoc'\r\n\r\nimport Relation from './Relation'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst GroupsModal = ({\r\n member,\r\n groups = [],\r\n hide,\r\n params,\r\n removeMembersFromGroups,\r\n showJoinModal,\r\n}) => {\r\n const [t] = useTranslation()\r\n const removeFromGroup = useCallback(\r\n (groupId) => {\r\n removeMembersFromGroups({\r\n groups: [`${groupId}`],\r\n members: [`${member.id}`],\r\n })\r\n },\r\n [removeMembersFromGroups, member.id]\r\n )\r\n\r\n return (\r\n \r\n \r\n {groups.length > 0 ? (\r\n groups.map((group) => {\r\n const isLeader = get(group, 'leaders', []).find(\r\n (leaderId) => leaderId === member.id\r\n )\r\n return (\r\n \r\n {group.title}\r\n {isLeader && ' (Gruppeleder)'}\r\n \r\n }\r\n linkText={t('Gå til gruppe')}\r\n hide={hide}\r\n >\r\n removeFromGroup(group.id)}\r\n >\r\n {t('Fjern')}\r\n \r\n \r\n )\r\n })\r\n ) : (\r\n \r\n {t('Der er ingen grupperelationer')}\r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouterParams,\r\n connect(\r\n (state, {memberId}) => ({\r\n member: getMember(state, memberId),\r\n groups: getMemberGroups(state, memberId),\r\n }),\r\n {removeMembersFromGroups: removeMembersFromGroups.requested}\r\n )\r\n)\r\n\r\nexport default enhancer(GroupsModal)\r\n","import React, {useState, useEffect} from 'react'\r\nimport {connect, } from 'react-redux'\r\nimport {Modal, Button, Box, Loading} from 'components'\r\nimport {getMembersNotInGroups, SearchableMemberList, nGetMembersOfGroup} from 'members'\r\nimport {getGroup} from 'groups/selectors'\r\nimport {addMembersToGroups} from 'groups'\r\nimport {useTranslation} from 'react-i18next'\r\nimport styled from 'styled-components'\r\nimport { addGuardian, addChild } from 'members/actions'\r\nimport { useReducer } from 'react'\r\nimport { update } from 'members/actions'\r\nimport {getActiveMemberId} from 'user/selectors'\r\n\r\nconst Flex = styled.div`\r\n display: flex;\r\n gap: 1em;\r\n`\r\n\r\n\r\nconst AddRelationModal = ({\r\n rowMember,\r\n members,\r\n addGuardian,\r\n addChild,\r\n club,\r\n getMember,\r\n setSearchDisplay,\r\n fetchRelations,\r\n activeMemberId\r\n}) => {\r\n const [t] = useTranslation()\r\n const [submitting, setSubmitting] = useState(false)\r\n const [rerender, setRerender] = useState(false);\r\n const [chosenMember, setChosenMember] = useState(null)\r\n useEffect(() => {\r\n if (rerender) {\r\n fetchRelations(rowMember.id)\r\n setRerender(false); // Reset rerender state to avoid unnecessary re-renders\r\n }\r\n }, [rerender]);\r\n \r\n members = members.filter(m => m.id !== activeMemberId);\r\n console.log('activeMemberId', activeMemberId)\r\n\r\n const addParentRelation =\r\n (members) =>{\r\n members.forEach(member => {\r\n if(member.id === chosenMember){\r\n const childUserId = rowMember.id\r\n const guardianUserId = member.id\r\n const clubId = club.id\r\n addGuardian( { childUserId, guardianUserId, clubId })\r\n fetchRelations(rowMember.id)\r\n setRerender(true)\r\n }\r\n }\r\n )\r\n }\r\n\r\n const addChildRelation =\r\n (members) =>{\r\n members.forEach(member => {\r\n if(member.id === chosenMember){\r\n const childUserId = member.id\r\n const guardianUserId = rowMember.id\r\n const clubId = club.id\r\n addChild( { childUserId, guardianUserId, clubId })\r\n fetchRelations(rowMember.id)\r\n setRerender(true)\r\n }\r\n }\r\n )\r\n }\r\n \r\n return (\r\n \r\n {({}) => (\r\n \r\n {\r\n addParentRelation(members)\r\n setSearchDisplay(false)\r\n }}\r\n >\r\n {submitting ? {\r\n addChildRelation(members)\r\n setSearchDisplay(false)\r\n }}\r\n >\r\n {submitting ? \r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n (state, {group}) => ({\r\n group: getGroup(state, group),\r\n members: nGetMembersOfGroup(state, group),\r\n activeMemberId: getActiveMemberId(state)\r\n }),\r\n {\r\n addMembersToGroups: addMembersToGroups.requested,\r\n addGuardian: addGuardian.requested,\r\n addChild: addChild.requested,\r\n update: update.requested\r\n },\r\n)\r\n\r\nexport default enhancer(AddRelationModal)\r\n","import React, {useCallback, useState, useEffect} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport qs from 'qs'\r\nimport {get} from 'lodash'\r\nimport {compose} from 'recompose'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {getMember, getMembers, getState} from 'members/selectors'\r\nimport {Box, Modal, Text, H2, Button} from 'components'\r\nimport Relation from './Relation'\r\nimport {useTranslation} from 'react-i18next'\r\nimport AddRelationModal from '../BulkActions/AddRelationModal'\r\n\r\n\r\n\r\nconst RelationsModal = ({\r\n member,\r\n members,\r\n hide,\r\n activeClub,\r\n state,\r\n params: {group, ...params},\r\n fetchRelations\r\n}) => {\r\n const [t] = useTranslation()\r\n const [searchDisplay, setSearchDisplay] = useState(false)\r\n const renderRelation = ({userId: id, firstName, surname}) => (\r\n \r\n {firstName} {surname}\r\n \r\n }\r\n to={{\r\n pathname: '/members',\r\n search: qs.stringify({...params, openMember: id}),\r\n }}\r\n />\r\n )\r\n return (\r\n \r\n \r\n {member &&\r\n get(member, 'parents.length', 0) === 0 &&\r\n get(member, 'children.length', 0) === 0 ? (\r\n \r\n {member.dummy ? null : \r\n \r\n \r\n {searchDisplay && \r\n }\r\n\r\n \r\n )\r\n}\r\n\r\nRelationsModal.defaultProps = {\r\n members: {},\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouterParams,\r\n connect( (state, {memberId}) => ({\r\n member: getMember(state, memberId),\r\n members: getMembers(state),\r\n state: getState(state)\r\n }))\r\n)\r\n\r\n\r\n\r\nexport default enhancer(RelationsModal)\r\n","import React, {Component, Fragment} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {get, includes} from 'lodash'\r\nimport {compose} from 'recompose'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {ConfirmModal, Image, Text, Button, Flex, Box} from 'components'\r\nimport {GroupList} from 'groups/components'\r\nimport {getNestedGroupsArray} from 'groups/selectors'\r\nimport {types, typeIds} from 'members/constants'\r\nimport {getMember, getMemberLeaderGroups} from 'members/selectors'\r\nimport {addMembersToGroups} from 'groups'\r\n\r\nclass UpdateTypeConfirmModal extends Component {\r\n state = {\r\n groupBulk: get(this.props, 'leaderGroups', []).map((id) => `${id}`),\r\n }\r\n\r\n toggleGroup = ({target: {checked, value}}) => {\r\n this.setState(({groupBulk}) => ({\r\n groupBulk: !checked\r\n ? groupBulk.filter((groupId) => groupId !== value)\r\n : [...groupBulk, value],\r\n }))\r\n }\r\n\r\n renderBody = () => {\r\n const {\r\n t,\r\n member: {headerImage, firstName, surname},\r\n } = this.props\r\n\r\n return (\r\n \r\n \r\n {headerImage && (\r\n \r\n \r\n )}\r\n \r\n \r\n {firstName} {surname}\r\n \r\n \r\n \r\n \r\n {t('Hvilke grupper vil du gøre {{name}} gruppeleder af?', {\r\n name: firstName,\r\n })}\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n accept = () => {\r\n const {accept} = this.props\r\n const {groupBulk: addGroups} = this.state\r\n const removeGroups = get(this.props, 'leaderGroups', [])\r\n .map((id) => `${id}`)\r\n .filter((id) => !includes(addGroups, id))\r\n\r\n accept(this.isGroupLead ? {addGroups, removeGroups} : {})\r\n }\r\n\r\n get isGroupLead() {\r\n const {typeId, inactive} = this.props\r\n\r\n return !inactive && typeIds[typeId] === types.GROUP_LEAD.name\r\n }\r\n\r\n render() {\r\n const {typeId, inactive, t, ...props} = this.props\r\n\r\n return (\r\n (\r\n \r\n )\r\n : null\r\n }\r\n />\r\n )\r\n }\r\n}\r\n\r\nUpdateTypeConfirmModal.defaultProps = {\r\n leaderGroups: [],\r\n}\r\n\r\nconst enhancer = compose(\r\n withTranslation(),\r\n connect(\r\n (state, {memberId}) => ({\r\n member: getMember(state, memberId),\r\n groups: getNestedGroupsArray(state),\r\n leaderGroups: getMemberLeaderGroups(state, memberId),\r\n }),\r\n {\r\n addMembersToGroups: addMembersToGroups.requested,\r\n }\r\n )\r\n)\r\n\r\nexport default enhancer(UpdateTypeConfirmModal)\r\n","import React, {Component, Fragment, useMemo, useRef, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {compose} from 'recompose'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {noop, get, includes} from 'lodash'\r\nimport Row from './Row'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {update, fetchRelations, updateImport} from 'members/actions'\r\nimport {getActiveMember, getIsGroupLeader} from 'user'\r\nimport {getHasOneAdministrator} from 'members/selectors'\r\nimport {getActive as getActiveGroup} from 'groups/selectors'\r\nimport GroupsModal from './GroupsModal'\r\nimport RelationsModal from './RelationsModal'\r\nimport UpdateTypeConfirmModal from './UpdateTypeConfirmModal'\r\nimport { useState, useEffect } from 'react'\r\n\r\n\r\nconst Body = ({\r\n updateMember,\r\n members,\r\n toggleBulk,\r\n bulk,\r\n fetchRelations,\r\n hasOneAdministrator,\r\n openMember,\r\n inactive,\r\n group,\r\n isGroupLeader,\r\n showJoinModal,\r\n activeMember,\r\n active\r\n}) => {\r\n \r\n const [groupsModalVisible, setGroupsModalVisible] = useState(false)\r\n const [groupsModalId, setGroupsModalId] = useState(null)\r\n const [relationsModalVisible, setRelationsModalVisible] = useState(false) \r\n const [relationsModalId, setRelationsModalId] = useState(null) \r\n const [confirmModalVisible, setConfirmModalVisible] = useState(false)\r\n const [confirmTypeId, setConfirmTypeId] = useState(null)\r\n const [confirmMemberId, setConfirmMemberId] = useState(null)\r\n const [confirmChange, setConfirmChange] = useState(noop)\r\n const [rejectChange, setRejectChange] = useState(noop)\r\n const [scrollHeight, setScrollHeight] = useState(0)\r\n \r\n const ref = useRef();\r\n const handleNavigation = (e) => {\r\n const element = e.currentTarget;\r\n var b = element.scrollTop;\r\n setScrollHeight(b);\r\n };\r\n\r\n useEffect(() => {\r\n var b = ref.current.scrollTop;\r\n setScrollHeight(b);\r\n ref.current.addEventListener(\"scroll\", (e) => handleNavigation(e));\r\n }, []);\r\n\r\n const showGroupsModal = useCallback((id) =>{\r\n setGroupsModalVisible(true)\r\n setGroupsModalId(id)\r\n }, [groupsModalVisible, groupsModalId])\r\n\r\n const hideGroupsModal = useCallback(() => {\r\n setGroupsModalVisible(false)\r\n setGroupsModalId(null)\r\n }, [groupsModalVisible, groupsModalId])\r\n\r\n const showRelationsModal = useCallback((id) => {\r\n setRelationsModalVisible(true)\r\n setRelationsModalId(id)\r\n }, [relationsModalVisible, relationsModalId])\r\n \r\n const hideRelationsModal = useCallback(() => {\r\n setRelationsModalVisible(false)\r\n setRelationsModalId(null)\r\n }, [relationsModalVisible, relationsModalId])\r\n\r\n const resetConfirmModal = useCallback(() => {\r\n setConfirmModalVisible(false)\r\n setConfirmTypeId(null)\r\n setConfirmMemberId(null)\r\n setConfirmChange(() => noop)\r\n setRejectChange(() => noop)\r\n }, [confirmModalVisible, confirmTypeId, confirmMemberId,\r\n confirmChange, rejectChange])\r\n\r\n const fetchUpdateMember = useCallback(({userId, type}) => {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n setConfirmModalVisible(true)\r\n setConfirmTypeId(type)\r\n setConfirmChange(() => resolve)\r\n setConfirmMemberId(userId)\r\n setRejectChange(() => reject)\r\n })\r\n .then(({addGroups, removeGroups}) => {\r\n updateMember({\r\n values: {id: userId, memberType: type, addGroups, removeGroups},\r\n })\r\n }\r\n )\r\n .then(resetConfirmModal)\r\n .catch(resetConfirmModal)\r\n }, [confirmModalVisible, confirmTypeId, confirmMemberId,\r\n confirmChange, rejectChange])\r\n\r\n var i = 0;\r\n\r\n return (\r\n \r\n \r\n {groupsModalVisible && (\r\n \r\n )\r\n }\r\n\r\n\r\nconst enhancer = compose(\r\n withRouterParams,\r\n connect(\r\n createStructuredSelector({\r\n hasOneAdministrator: getHasOneAdministrator,\r\n group: getActiveGroup,\r\n isGroupLeader: getIsGroupLeader,\r\n activeMember: getActiveMember\r\n }),\r\n {\r\n updateMember: update.requested,\r\n fetchRelations: fetchRelations.requested,\r\n updateImport: updateImport.requested,\r\n },\r\n (stateProps, dispatchProps, ownProps) => ({\r\n ...ownProps,\r\n ...stateProps,\r\n ...dispatchProps,\r\n inactive: ownProps.params.status === 'inactive',\r\n })\r\n )\r\n)\r\n\r\nexport default enhancer(Body)\r\n","import React, {Component} from 'react'\r\nimport qs from 'qs'\r\nimport {compose} from 'recompose'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {Link} from 'components'\r\nimport {Row, Cell} from 'components/Table'\r\nimport {Up, Down} from 'components/icons'\r\nimport {sortDirections} from 'app/constants'\r\n\r\nclass Header extends Component {\r\n shouldComponentUpdate(nextProps) {\r\n return (\r\n JSON.stringify(nextProps.params) !== JSON.stringify(this.props.params) ||\r\n this.props.t !== nextProps.t\r\n )\r\n }\r\n\r\n linkForColumn = (newKey) => {\r\n const {\r\n params: {key, direction, status, group},\r\n match: {url},\r\n } = this.props\r\n\r\n const newDirection =\r\n key !== newKey\r\n ? sortDirections.asc\r\n : direction === sortDirections.asc\r\n ? sortDirections.desc\r\n : sortDirections.asc\r\n\r\n const queryString = qs.stringify({\r\n group,\r\n key: newKey,\r\n direction: newDirection,\r\n status,\r\n })\r\n\r\n return `${url}?${queryString}`\r\n }\r\n\r\n renderLink = ({key, title}) => {\r\n const {\r\n params: {direction},\r\n } = this.props\r\n const isCurrentKey = key === this.props.params.key\r\n\r\n return (\r\n \r\n \r\n {title} \r\n \r\n {isCurrentKey ? (\r\n direction === sortDirections.asc ? (\r\n \r\n \r\n \r\n )\r\n }\r\n\r\n render() {\r\n const {t} = this.props\r\n\r\n return (\r\n \r\n | \r\n \r\n {this.renderLink({key: 'firstName', title: t('Fornavn')})}\r\n | \r\n \r\n {this.renderLink({key: 'surname', title: t('Efternavn')})}\r\n | \r\n \r\n {this.renderLink({key: 'birthdate', title: t('Fødselsdato')})}\r\n | \r\n \r\n {this.renderLink({key: 'status', title: t('Status')})}\r\n | \r\n \r\n {this.renderLink({key: 'type', title: t('Rolle')})}\r\n | \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default compose(withRouterParams, withTranslation())(Header)\r\n","import React from 'react'\r\nimport {Foldable, Text, Box, Flex} from 'components'\r\nimport Body from './Body'\r\nimport Header from './Header'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst MemberTable = ({\r\n members,\r\n fetchRelations,\r\n bulk,\r\n toggleBulk,\r\n toggleAll,\r\n openMember,\r\n showJoinModal,\r\n active,\r\n}) => {\r\n const [t] = useTranslation()\r\n return (\r\n (\r\n \r\n \r\n e.stopPropagation()}\r\n />\r\n \r\n \r\n \r\n {t('Medlemmer')} ( {members.length} )\r\n \r\n \r\n \r\n )}\r\n >\r\n \r\n \r\n \r\n \r\n Der er endnu ingen medlemmer i {group}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\nexport default NoMembersInGroup\r\n","import React, {useState, useEffect, useCallback, useNavigate} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {compose} from 'recompose'\r\nimport {get, toLower, includes} from 'lodash'\r\nimport {useSearch} from 'react-use-search'\r\nimport {Input, Flex} from 'components'\r\nimport {getActive as getActiveGroup} from 'groups/selectors'\r\nimport {nGetSortedMembers, nGetAllMembers} from 'members'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport BulkActions from './BulkActions'\r\nimport MemberTable from './MemberTable'\r\nimport NoMembersInGroup from './NoMembersInGroup'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {fetch as fetchMembers,} from 'members'\r\nimport {fetch as fetchGroups} from 'groups'\r\nimport {Loading} from 'components'\r\nimport { getIsFetching, getGroups } from 'groups/selectors'\r\n\r\n\r\nconst predicate = (member, value) => {\r\n const terms = [toLower(value)].filter((term) => !!term)\r\n\r\n const values = ['firstName', 'surname', 'phone', 'email', 'clubInternalMemberId'].map((value) =>\r\n toLower(get(member, value))\r\n )\r\n\r\n values.push(toLower(get(member, 'firstName')) + \" \" + toLower(get(member, 'surname')));\r\n\r\n return terms.some((term) => values.some((value) => includes(value, term)))\r\n}\r\n\r\nconst MemberOverview = ({\r\n currentGroup,\r\n showImportModal,\r\n showInviteModal,\r\n openMember,\r\n params,\r\n members,\r\n active,\r\n fetchMembers,\r\n fetchGroups,\r\n groups,\r\n isFetching\r\n}) => {\r\n const [t] = useTranslation()\r\n const [bulk, setBulk] = useState([])\r\n\r\n useEffect(() => {\r\n if ( groups.length == 0) {\r\n fetchGroups()\r\n fetchMembers()\r\n }\r\n\r\n resetBulk()\r\n }, [fetchGroups, fetchMembers, groups, params.group])\r\n\r\n\r\n const resetBulk = () => setBulk([])\r\n const toggleBulk = ({target: {value, checked}}) => {\r\n setBulk(checked ? [...bulk, value] : bulk.filter((id) => `${id}` !== value))\r\n }\r\n const toggleAll = ({target: {checked}}) =>\r\n setBulk(checked ? members.map(({id}) => id.toString()) : [])\r\n\r\n const [addModalVisible, showAddModal, hideAddModal] = useToggle()\r\n const [joinModalVisible, _showJoinModal, hideJoinModal] = useToggle()\r\n const showJoinModal = useCallback(\r\n (memberId) => {\r\n if (memberId) {\r\n setBulk([memberId])\r\n }\r\n\r\n _showJoinModal()\r\n },\r\n [setBulk, _showJoinModal]\r\n )\r\n\r\n const [filteredMembers, query, handleChange] = useSearch(members, predicate, {\r\n filter: true,\r\n debounce: 50,\r\n })\r\n\r\n \r\n return (\r\n <>\r\n {\r\n isFetching ? \r\n \r\n {filteredMembers.length > 0 ? (\r\n <>\r\n \r\n \r\n \r\n {subGroups && subGroups.length > 0 && (\r\n \r\n \r\n \r\n {title} {!all && !notInGroup && users && `(${users.length})`}\r\n \r\n \r\n \r\n {pendingRequests > 0 && (\r\n showEditModal(id)}\r\n />\r\n )}\r\n \r\n \r\n {isOpen &&\r\n subGroups &&\r\n subGroups.length > 0 &&\r\n subGroups.map((subGroup) => (\r\n \r\n \r\n )\r\n }\r\n)\r\n\r\nconst enhancer = compose(\r\n withRouterParams,\r\n connect(\r\n createStructuredSelector({\r\n members: nGetSortedMembers,\r\n }),\r\n {\r\n\r\n }\r\n )\r\n)\r\nexport default enhancer(Group)\r\n","import React, { useState, useEffect } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { compose } from 'recompose';\r\nimport { createStructuredSelector } from 'reselect';\r\nimport styled from 'styled-components';\r\nimport { Text, Flex, Box } from 'components';\r\nimport {\r\n getNumberOfMembersNotInGroups,\r\n getNumberOfInactiveMembers,\r\n} from 'members/selectors';\r\nimport Group from './Group';\r\n\r\nconst Container = styled(Flex)`\r\n display: ${(props) => (props.isOpen ? 'flex' : 'none')};\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n box-shadow: 0 2px 8px -3px rgba(0, 0, 0, 0.5);\r\n`;\r\n\r\nconst initializeList = (items) => {\r\n if (items.length > 4) {\r\n const half = Math.ceil(items.length / 2);\r\n return [\r\n {\r\n id: 'first',\r\n items: items.slice(0, half),\r\n },\r\n {\r\n id: 'last',\r\n items: items.slice(half),\r\n },\r\n ];\r\n } else {\r\n return [\r\n {\r\n items,\r\n id: 'first',\r\n },\r\n ];\r\n }\r\n};\r\n\r\nconst AddNew = styled(Flex).attrs({\r\n p: 2,\r\n})`\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n cursor: pointer;\r\n`;\r\n\r\nconst GroupList = ({\r\n groups,\r\n membersNotInGroups,\r\n inactiveMembers,\r\n showNewModal,\r\n close,\r\n showEditModal,\r\n isOpen,\r\n t,\r\n}) => {\r\n const [lists, setLists] = useState([]);\r\n\r\n useEffect(() => {\r\n const initializeLists = () => {\r\n const newLists = [\r\n {\r\n all: true,\r\n title: t('Alle'),\r\n id: 'all',\r\n },\r\n ...(inactiveMembers > 0\r\n ? [\r\n {\r\n inactive: true,\r\n title: t('Inaktive brugere ({{count}})', {\r\n count: inactiveMembers,\r\n }),\r\n id: 'inactive',\r\n },\r\n ]\r\n : []),\r\n ...(membersNotInGroups > 0\r\n ? [\r\n {\r\n notInGroup: true,\r\n title: t('Ikke i gruppe ({{count}})', {\r\n count: membersNotInGroups,\r\n }),\r\n id: 'notInGroups',\r\n },\r\n ]\r\n : []),\r\n ...groups,\r\n ];\r\n\r\n setLists(initializeList(newLists));\r\n };\r\n\r\n initializeLists();\r\n }, [groups, membersNotInGroups, lists, inactiveMembers, t]);\r\n\r\n return (\r\n \r\n {lists.map((list, index) => (\r\n \r\n {list.items.map((item) => (\r\n \r\n \r\n ))}\r\n {index === lists.length - 1 && (\r\n showNewModal(0)}>\r\n \r\n + {t('Opret gruppe')} \r\n \r\n \r\n )}\r\n \r\n ))}\r\n \r\n );\r\n};\r\n\r\nconst enhancer = compose(\r\n withTranslation(),\r\n connect(\r\n createStructuredSelector({\r\n membersNotInGroups: getNumberOfMembersNotInGroups,\r\n inactiveMembers: getNumberOfInactiveMembers,\r\n })\r\n )\r\n)\r\n\r\nexport default enhancer(GroupList)\r\n","import React, {useEffect, useRef} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport Yup from 'lib/yup'\r\nimport {Input, Button} from 'components'\r\nimport {create} from 'groups'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst validationSchema = Yup.object().shape({\r\n name: Yup.string().required(),\r\n})\r\n\r\nconst CreateForm = ({create, hide, ...props}) => {\r\n const [t] = useTranslation()\r\n const input = useRef()\r\n \r\n const handleSubmit = (values) => {\r\n new Promise((resolve, reject) => create({...values, resolve, reject})).then(hide)\r\n }\r\n\r\n useEffect(() => {\r\n if (input.current) {\r\n input.current.focus()\r\n }\r\n }, [input])\r\n\r\n return (\r\n \r\n {({isSubmitting}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {create: create.requested})\r\n\r\nexport default enhancer(CreateForm)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Flex, Modal} from 'components'\r\nimport {getGroup} from 'groups/selectors'\r\nimport CreateFrom from './CreateForm'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst CreateModal = ({hide, parent}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n \r\n \r\n \r\n )\r\n}\r\nconst enhancer = connect((state, {parent}) => ({\r\n parent: getGroup(state, parent),\r\n}))\r\n\r\nexport default enhancer(CreateModal)\r\n","import React, {useCallback, useState} from 'react'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {Box, Flex} from '@rebass/grid'\r\nimport {FormikInput as Input, Button, Switch, Text} from 'components'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Tooltip} from 'components'\r\nimport { Alert } from 'components/icons'\r\n\r\nconst EditForm = ({ setHiddenForClubLeaders, ...props}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n {({setFieldValue, values}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\nexport default EditForm\r\n","import React, {useState, useCallback, useEffect} from 'react'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {Modal, Button, ButtonWithProtectedAction} from 'components'\r\nimport EditForm from './EditForm'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {connect} from 'react-redux'\r\nimport {getGroup} from 'groups/selectors'\r\n\r\nconst EditModal = ({\r\n group,\r\n\thide,\r\n\tshowNewModal,\r\n removeGroup,\r\n onEditSubmit, \r\n}) => {\r\n const [t] = useTranslation()\r\n\r\n\r\n const handleSubmit = useCallback((values) => {\r\n const updatedValues = {\r\n ...values,\r\n hiddenForClubLeaders: values.hiddenForClubMembers,\r\n }\r\n onEditSubmit(updatedValues)\r\n \r\n hide()\r\n },[onEditSubmit, hide])\r\n return (\r\n \r\n \r\n \r\n \r\n {removeGroup(group.id, hide())}}\r\n >\r\n {t('Slet')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\n\r\nconst enhancer = connect(\r\n (state, {group}) => ({\r\n group: getGroup(state, group),\r\n })\r\n )\r\n\r\nexport default enhancer(EditModal)","import React, {useMemo, useState, useCallback,} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {compose} from 'recompose'\r\nimport {Button, Box, Flex} from 'components'\r\nimport {Down} from 'components/icons'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {getActive, getNestedGroupsArray, getActiveName} from 'groups'\r\nimport GroupList from './GroupList'\r\nimport CreateModal from './CreateModal'\r\nimport EditModal from './EditModal'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\n\r\nconst GroupDropdown = ({\r\n active, \r\n activeName, \r\n groups,\r\n onEditSubmit,\r\n removeGroup,\r\n}) => {\r\n const [t] = useTranslation()\r\n const [isOpen, , hide, toggle] = useToggle()\r\n const [newModalVisible, _showNewModal, _hideNewModal] = useToggle()\r\n const [newGroupParent, setNewGroupParent] = useState()\r\n const [editModalVisible, _showEditModal, _hideEditModal] = useToggle()\r\n const [editId, setEditId] = useState()\r\n\r\n const showNewModal = useCallback(\r\n (parent) => {\r\n _showNewModal()\r\n _hideEditModal()\r\n setEditId(null)\r\n setNewGroupParent(parent)\r\n }, [_showNewModal, _hideEditModal, setEditId, setNewGroupParent])\r\n\r\n const hideNewModal = useCallback(() => {\r\n _hideNewModal()\r\n setNewGroupParent(null)\r\n }, [_hideNewModal, setNewGroupParent])\r\n\r\n const showEditModal = useCallback(\r\n (id) => {\r\n setEditId(id)\r\n _showEditModal()\r\n setNewGroupParent(null)\r\n }, [_showEditModal, setEditId])\r\n\r\n const hideEditModal = useCallback(() => {\r\n _hideEditModal()\r\n setEditId(null)\r\n }, [_hideEditModal, setEditId, ])\r\n\r\n const display = useMemo(() => {\r\n if (typeof active === 'string') {\r\n const name = {\r\n all: t('Alle'),\r\n notInGroups: t('Ikke i gruppe'),\r\n inactive: t('Inaktive brugere'),\r\n }[active]\r\n return `${t('Vælg gruppe')} (${name})`\r\n } else {\r\n return activeName\r\n } \r\n }, [active, activeName, t])\r\n\r\n const handleSubmit = useCallback((values) => {\r\n onEditSubmit(values)\r\n hide()\r\n },[onEditSubmit, hide])\r\n\r\n const handleRemoveGroup = useCallback((id) => {\r\n removeGroup(id)\r\n },[removeGroup, hide])\r\n\r\n return (\r\n \r\n {methods.map(({title, step, color}, index) => (\r\n setStep(step)}\r\n mb={index === methods.length - 1 ? 0 : 3}\r\n {...{[color]: true}}\r\n >\r\n {title}\r\n \r\n ))}\r\n \r\n {countryCode === countryCodes.da && (\r\n \r\n \r\n \r\n )}\r\n {countryCode === countryCodes.da && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default ChooseMethod\r\n","import React from 'react'\r\nimport { Box } from '@rebass/grid'\r\nimport { Dropdown, Text } from 'components'\r\nimport { Cell } from 'components/Table'\r\n\r\nconst Column = ({ id, children, options, width, changeAction, ...rest }) => (\r\n \r\n (\r\n | \r\n {children}\r\n | \r\n )}\r\n renderItem={(item, hide) => (\r\n {\r\n changeAction(id, item.id)\r\n hide()\r\n }}\r\n >\r\n {item.name} \r\n \r\n )}\r\n />\r\n \r\n)\r\n\r\nexport default Column\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport values from 'lodash/values'\r\nimport {upload} from 'members/actions'\r\nimport {getImportColumns} from 'members/selectors'\r\nimport {Row, Cell} from 'components/Table'\r\nimport {columnsById} from 'members/constants'\r\nimport Column from './Column'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst Head = ({columns, changeColumn}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n {columns.map(({id, width, name}) => (\r\n column.id !== id)}\r\n changeAction={changeColumn}\r\n >\r\n {name}\r\n \r\n ))}\r\n | \r\n {t('Fjern')}\r\n | \r\n
\r\n )\r\n}\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n columns: getImportColumns,\r\n }),\r\n {changeColumn: upload.changeColumn}\r\n)\r\n\r\nexport default enhancer(Head)\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { bindActionCreators } from 'redux'\r\nimport styled from 'styled-components'\r\nimport { Flex, Box } from '@rebass/grid'\r\nimport { Text } from 'components'\r\nimport { Row, Cell } from 'components/Table'\r\nimport { Cross } from 'components/icons'\r\nimport { upload } from 'members/actions'\r\nimport { getImportColumns } from 'members/selectors'\r\nimport Head from './Head'\r\n\r\nconst Container = styled.div`\r\n max-height: 350px;\r\n overflow-y: scroll;\r\n`\r\n\r\nconst RemoveButton = styled(Cross).attrs({\r\n fill: 'danger',\r\n size: 14,\r\n})`\r\n cursor: pointer;\r\n`\r\n\r\nconst PreviewTable = ({ members, remove, columns }) => (\r\n \r\n \r\n \r\n Forhåndsvisning\r\n \r\n \r\n \r\n \r\n {members.map(member => (\r\n \r\n \r\n {member.firstName}\r\n \r\n \r\n {member.surname}\r\n \r\n \r\n {member.email}\r\n \r\n \r\n {member.zip}\r\n \r\n \r\n {member.mobile}\r\n \r\n \r\n remove(member.memberId)} />\r\n | \r\n
\r\n ))}\r\n \r\n \r\n)\r\n\r\nconst mapStateToProps = state => ({\r\n columns: getImportColumns(state),\r\n})\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators(\r\n {\r\n remove: upload.remove,\r\n },\r\n dispatch\r\n )\r\n\r\nconst enhancer = connect(mapStateToProps, mapDispatchToProps)\r\n\r\nexport default enhancer(PreviewTable)\r\n","import React from 'react'\r\nimport { Flex, Box } from '@rebass/grid'\r\nimport { Text } from 'components'\r\nimport TypeDropdown from 'members/components/MemberOverview/MemberTable/TypeDropdown'\r\n\r\nconst Role = ({ mapRole, name, mapped }) => (\r\n \r\n \r\n {name} \r\n \r\n \r\n mapRole({ from: name, to: type })}\r\n />\r\n \r\n \r\n)\r\n\r\nexport default Role\r\n","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {Box, Flex} from '@rebass/grid'\r\nimport {Button, Text} from 'components'\r\nimport Role from './Role'\r\nimport {upload} from 'members/actions'\r\nimport {types} from 'members/constants'\r\n\r\nclass Roles extends Component {\r\n state = {\r\n roleMap: this.props.roles.reduce(\r\n (roles, {name, type}) => ({\r\n ...roles,\r\n [name]: type,\r\n }),\r\n {}\r\n ),\r\n }\r\n\r\n proceed = () => {\r\n const {mapRoles, proceed} = this.props\r\n const {roleMap} = this.state\r\n\r\n mapRoles(roleMap)\r\n proceed()\r\n }\r\n\r\n mapRole = ({from, to}) =>\r\n this.setState(({roleMap}) => ({\r\n roleMap: {\r\n ...roleMap,\r\n [from]: to,\r\n },\r\n }))\r\n\r\n render() {\r\n const {roles, t} = this.props\r\n const {roleMap} = this.state\r\n\r\n return (\r\n \r\n \r\n \r\n {t('Vi har fundet følgende roller i Conventus.')}{' '}\r\n \r\n \r\n {t('Vælg hvilke roller disse skal matches med i MinForening.')}\r\n \r\n \r\n \r\n {roles.map((role) => (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst enhancer = connect(null, {mapRoles: upload.mapRoles})\r\n\r\nexport default withTranslation()(enhancer(Roles))\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {Box, Flex} from '@rebass/grid'\r\nimport {Text, Dropdown, Button} from 'components'\r\nimport {Down} from 'components/icons'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst Container = styled(Box).attrs({\r\n p: 2,\r\n})`\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n`\r\n\r\nconst Department = ({name, showMapGroup, mapGroup, mappedGroup}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n \r\n \r\n {name}\r\n \r\n mapGroup({from: name, to: null}),\r\n },\r\n {\r\n title: t('Match med eksisterende'),\r\n action: () => showMapGroup(name),\r\n },\r\n {\r\n title: t('Opret ikke'),\r\n action: () => mapGroup({from: name, to: 'skip'}),\r\n },\r\n ]}\r\n renderButton={(toggle) => (\r\n \r\n \r\n \r\n \r\n \r\n {mappedGroup === 'skip'\r\n ? t('Opret ikke')\r\n : mappedGroup\r\n ? mappedGroup.title\r\n : t('Opret hovedgruppe')}\r\n \r\n \r\n \r\n )}\r\n renderItem={({title, action}, hide) => (\r\n {\r\n action()\r\n hide()\r\n }}\r\n >\r\n \r\n {title}\r\n \r\n \r\n )}\r\n />\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Department\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {Box, Flex} from '@rebass/grid'\r\nimport {Text, Dropdown, Button} from 'components'\r\nimport {Down} from 'components/icons'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst Container = styled(Box).attrs({\r\n p: 2,\r\n ml: 4,\r\n})`\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n`\r\n\r\nconst Group = ({\r\n id,\r\n mapGroup,\r\n mapped,\r\n groupName,\r\n showMapGroup,\r\n mappedGroup,\r\n}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n \r\n \r\n {groupName}\r\n \r\n mapGroup({from: id, to: null}),\r\n },\r\n {\r\n title: t('Match med eksisterende'),\r\n action: () => showMapGroup(id),\r\n },\r\n {\r\n title: t('Opret ikke'),\r\n action: () => mapGroup({from: id, to: 'skip'}),\r\n },\r\n ]}\r\n renderButton={(toggle) => (\r\n \r\n \r\n \r\n \r\n \r\n {mappedGroup === 'skip'\r\n ? t('Opret ikke')\r\n : mappedGroup\r\n ? mappedGroup.title\r\n : t('Opret undergruppe')}\r\n \r\n \r\n \r\n )}\r\n renderItem={({title, action}, hide) => (\r\n {\r\n action()\r\n hide()\r\n }}\r\n >\r\n \r\n {title}\r\n \r\n \r\n )}\r\n />\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Group\r\n","import React, {Component, Fragment} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport get from 'lodash/get'\r\nimport entries from 'lodash/entries'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {Box, Flex} from '@rebass/grid'\r\nimport {getGroups, getNestedGroupsArray} from 'groups/selectors'\r\nimport {GroupList} from 'groups/components'\r\nimport {upload} from 'members/actions'\r\nimport {Text, Button} from 'components'\r\nimport Department from './Department'\r\nimport Group from './Group'\r\n\r\nclass Groups extends Component {\r\n state = {\r\n groupMap: this.props.groups.reduce(\r\n (groups, {department, groupName, groupId}) => ({\r\n ...groups,\r\n [`${department}${groupName ? `-${groupName}` : ''}`]:\r\n groupId === 0 ? null : groupId,\r\n }),\r\n {}\r\n ),\r\n mapGroup: null,\r\n }\r\n\r\n proceed = () => {\r\n const {mapGroups, proceed} = this.props\r\n const {groupMap} = this.state\r\n\r\n mapGroups(groupMap)\r\n proceed()\r\n }\r\n\r\n showMapGroup = (mapGroup) => this.setState({mapGroup})\r\n\r\n hideMapGroup = () => this.setState({mapGroup: null})\r\n\r\n mapGroup = ({from, to}) =>\r\n this.setState(({groupMap}) => ({\r\n groupMap: {\r\n ...groupMap,\r\n [from]: to,\r\n },\r\n }))\r\n\r\n checkGroup = ({target: {value}}) =>\r\n this.setState(({mapGroup, groupMap}) => ({\r\n groupMap: {\r\n ...groupMap,\r\n [mapGroup]: value,\r\n },\r\n }))\r\n\r\n renderMapGroup = () => {\r\n const {groupMap, mapGroup} = this.state\r\n const groupId = get(groupMap, `[${mapGroup}]`)\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n render() {\r\n const {groups, mfGroups, t} = this.props\r\n const {groupMap, mapGroup} = this.state\r\n\r\n return mapGroup ? (\r\n this.renderMapGroup()\r\n ) : (\r\n \r\n \r\n \r\n {t('Vi har fundet følgende grupper i Conventus.')}{' '}\r\n \r\n \r\n {t('Vælg hvilke grupper disse skal matches med i MinForening.')}\r\n \r\n \r\n \r\n {entries(\r\n groups.reduce(\r\n (departments, group) => ({\r\n ...departments,\r\n [group.department]: [\r\n ...get(departments, group.department, []),\r\n ...(group.groupName ? [group] : []),\r\n ],\r\n }),\r\n {}\r\n )\r\n ).map(([department, groups]) => (\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n mfGroups: getGroups,\r\n nestedGroups: getNestedGroupsArray,\r\n }),\r\n {\r\n mapGroups: upload.mapGroups,\r\n }\r\n)\r\n\r\nexport default withTranslation()(enhancer(Groups))\r\n","import React from 'react'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Box, Flex} from '@rebass/grid'\r\nimport {Dropdown, Button, Text} from 'components'\r\nimport {Down} from 'components/icons'\r\n\r\nconst MatchDropdown = ({memberId, match, setMatch}) => {\r\n const [t] = useTranslation()\r\n return (\r\n (\r\n setMatch(memberId, match).then(hide)}>\r\n {title} \r\n \r\n )}\r\n renderButton={(toggle) => (\r\n \r\n )}\r\n />\r\n )\r\n}\r\nexport default MatchDropdown\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport { Flex, Box } from '@rebass/grid'\r\nimport { Text, Image } from 'components'\r\nimport MatchDropdown from './MatchDropdown'\r\n\r\nconst Container = styled(Flex).attrs({\r\n justifyContent: 'space-between',\r\n p: 2,\r\n mb: 2,\r\n})`\r\n background: ${props => props.theme.colors.secondaryLight};\r\n border-radius: 3px;\r\n`\r\n\r\nconst Member = ({ imported, member, match, setMatch }) => (\r\n \r\n \r\n \r\n \r\n {imported.firstName} {imported.surname}\r\n \r\n \r\n {imported.email} \r\n \r\n \r\n \r\n {member.headerImage && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {member.firstName} {member.surname}\r\n \r\n \r\n {member.email} \r\n \r\n \r\n \r\n \r\n \r\n \r\n)\r\n\r\nexport default Member\r\n","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {entries} from 'lodash'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {getMembers} from 'members/selectors'\r\nimport {upload} from 'members/actions'\r\nimport {Button, Text, Flex, Box} from 'components'\r\nimport Member from './Member'\r\nimport {getCompanyName} from 'app/selectors'\r\n\r\nclass Existing extends Component {\r\n state = this.props.existing.reduce(\r\n (acc, {memberId}) => ({\r\n ...acc,\r\n [memberId]: false,\r\n }),\r\n {}\r\n )\r\n\r\n setMatch = (memberId, match) =>\r\n new Promise((resolve) =>\r\n this.setState(\r\n ({matches}) => ({\r\n ...matches,\r\n [memberId]: match,\r\n }),\r\n resolve\r\n )\r\n )\r\n\r\n proceed = () => {\r\n const {proceed, mapExisting} = this.props\r\n\r\n const ids = entries(this.state)\r\n .filter(([_, map]) => map)\r\n .map(([key]) => key)\r\n\r\n mapExisting(ids)\r\n proceed()\r\n }\r\n\r\n render() {\r\n const {existing, members, t, companyName} = this.props\r\n\r\n return (\r\n \r\n \r\n \r\n {t('membersMightBeMembers', {companyName})}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('Conventus-medlem')}\r\n \r\n \r\n \r\n \r\n {t('MinForening-medlem')}\r\n \r\n \r\n \r\n \r\n {t('Match')}?\r\n \r\n \r\n \r\n {existing.map((member) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({companyName: getCompanyName, members: getMembers}),\r\n {\r\n mapExisting: upload.mapExisting,\r\n }\r\n)\r\n\r\nexport default withTranslation('translation')(enhancer(Existing))\r\n","import React, {useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Dropzone, Text, Box} from 'components'\r\nimport {upload} from 'members'\r\n\r\nconst FileInput = ({\r\n field: {name},\r\n form: {setFieldValue},\r\n submitForm,\r\n ...rest\r\n}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n {\r\n setFieldValue(name, files[0])\r\n setTimeout(submitForm, 0)\r\n }}\r\n >\r\n {({acceptedFiles, getInputProps}) => (\r\n \r\n {({submitForm}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {\r\n upload: upload.requested,\r\n clear: upload.clear,\r\n})\r\n\r\nexport default enhancer(ExcelImportForm)\r\n","import React, {Component, Fragment} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {\r\n getIsFetching,\r\n getNewImportMembers,\r\n getExistingImportMembers,\r\n getImportRolesArray,\r\n getImportGroupsArray,\r\n upload,\r\n} from 'members'\r\nimport {Button, Text, Loading, Link, LinkButton} from 'components'\r\nimport PreviewTable from './PreviewTable'\r\nimport Roles from './Roles'\r\nimport Groups from './Groups'\r\nimport Existing from './Existing'\r\nimport ImportForm from './ImportForm'\r\nimport steps from '../steps'\r\nimport countryCodes from 'lib/countryCodes'\r\nimport {getActive} from 'clubs'\r\n\r\nconst localSteps = {\r\n ROLES: 'roles',\r\n GROUPS: 'groups',\r\n MEMBERS: 'members',\r\n EXISTING: 'existing',\r\n}\r\n\r\nclass ImportFlow extends Component {\r\n state = {\r\n step: null,\r\n }\r\n\r\n confirm = () =>\r\n new Promise((resolve, reject) =>\r\n this.props.confirm({resolve, reject})\r\n ).then(() => this.props.setStep(steps.DONE))\r\n\r\n componentDidUpdate(_prevProps, prevState) {\r\n if (prevState.step === null) {\r\n const {roles, members, groups, existing} = this.props\r\n\r\n if (existing.length > 0) {\r\n this.setState({step: localSteps.EXISTING})\r\n } else if (roles.length > 0) {\r\n this.setState({step: localSteps.ROLES})\r\n } else if (groups.length > 0) {\r\n this.setState({step: localSteps.GROUPS})\r\n } else if (members.length > 0) {\r\n this.setState({step: localSteps.MEMBERS})\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n isFetching,\r\n members,\r\n roles,\r\n groups,\r\n existing,\r\n method,\r\n t,\r\n club,\r\n } = this.props\r\n const {step} = this.state\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {t(\r\n method === steps.CONVENTUS\r\n ? 'Her kan du impotere dine medlemmer, roller og grupper fra en CSV-fil.'\r\n : 'Her kan du importere dine medlemmer fra en CSV-fil.'\r\n )}\r\n {t('Brug denne skabelon:')}{' '}\r\n \r\n {t('CSV-medlemsskabelon')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {isFetching && (\r\n \r\n \r\n {t('Uploader')}... \r\n \r\n \r\n )}\r\n\r\n {members.length === 0 &&\r\n method === steps.CONVENTUS &&\r\n club?.countryCode === countryCodes.da && (\r\n \r\n \r\n {t('Guide til Conventus-import - tryk her')}\r\n \r\n \r\n )}\r\n\r\n {step === localSteps.EXISTING && existing.length > 0 && (\r\n \r\n this.setState({\r\n step:\r\n roles.length > 0\r\n ? localSteps.ROLES\r\n : groups.length > 0\r\n ? localSteps.GROUPS\r\n : localSteps.MEMBERS,\r\n })\r\n }\r\n />\r\n )}\r\n\r\n {step === localSteps.ROLES && roles.length > 0 && (\r\n {\r\n if (groups.length > 0) {\r\n this.setState({\r\n step: localSteps.GROUPS,\r\n })\r\n } else {\r\n this.setState({\r\n step: localSteps.MEMBERS,\r\n })\r\n }\r\n }}\r\n />\r\n )}\r\n\r\n {step === localSteps.GROUPS && groups.length > 0 && (\r\n this.setState({step: localSteps.MEMBERS})}\r\n />\r\n )}\r\n\r\n {step === localSteps.MEMBERS && members.length > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n isFetching: getIsFetching,\r\n members: getNewImportMembers,\r\n existing: getExistingImportMembers,\r\n groups: getImportGroupsArray,\r\n roles: getImportRolesArray,\r\n club: getActive,\r\n }),\r\n {\r\n confirm: upload.confirm,\r\n }\r\n)\r\n\r\nexport default withTranslation()(enhancer(ImportFlow))\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Box} from '@rebass/grid'\r\nimport {Text, Button} from 'components'\r\nimport {sendInvitationEmails} from 'clubs/actions'\r\n\r\nconst Done = ({hide, sendInvitationEmails}) => (\r\n \r\n \r\n \r\n Dine nye medlemmer er nu oprettet, men vil fremstå som{' '}\r\n inaktive indtil de logger på for første gang.\r\n \r\n \r\n \r\n \r\n Du kan med fordel tilføje dine nye medlemmer til grupper, samt invitere\r\n dem til aktiviteter.\r\n \r\n \r\n \r\n \r\n \r\n Når du er klar, kan du sende en invitationsmail til dine nye medlemmer\r\n \r\n \r\n \r\n\r\n \r\n {\r\n sendInvitationEmails()\r\n hide()\r\n }}\r\n >\r\n Send invitationsmail\r\n \r\n \r\n \r\n Brugerne forsvinder fra medlemsoversigten, imens der bliver sendt mails\r\n ud. Der kan gå et minuts tid før brugerne bliver synlige igen. Sker det\r\n ikke automatisk, kan du manuelt opdatere siden.\r\n \r\n \r\n \r\n)\r\n\r\nconst enhancer = connect(null, {\r\n sendInvitationEmails: sendInvitationEmails.requested,\r\n})\r\n\r\nexport default enhancer(Done)\r\n","import React, {useState, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {compose} from 'recompose'\r\nimport {withRouter} from 'react-router-dom'\r\nimport {Modal, Box} from 'components'\r\nimport ChooseMethod from './ChooseMethod'\r\nimport ImportFlow from './ImportFlow'\r\nimport Done from './Done'\r\nimport steps from './steps'\r\nimport {upload} from 'members/actions'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {getActive} from 'clubs'\r\n\r\nconst ImportModal = ({open, hide, clear, club}) => {\r\n const [t] = useTranslation()\r\n const modalTitle = {\r\n [steps.CHOOSE]: t('Importer medlemmer via CSV-fil'),\r\n [steps.CONVENTUS]: t('Importer medlemmer, roller og grupper'),\r\n [steps.CSV]: t('Importer medlemmer'),\r\n [steps.DONE]: t('Importer medlemmer - Færdig'),\r\n }\r\n const [step, setStep] = useState(\r\n open === 'conventus' ? steps.CONVENTUS : steps.CHOOSE\r\n )\r\n\r\n const close = useCallback(() => {\r\n hide()\r\n clear()\r\n }, [hide, clear])\r\n\r\n return (\r\n \r\n \r\n {step === steps.CHOOSE && (\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouter,\r\n connect(\r\n createStructuredSelector({\r\n club: getActive,\r\n }),\r\n {\r\n clear: upload.clear,\r\n }\r\n )\r\n)\r\n\r\nexport default enhancer(ImportModal)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport styled from 'styled-components'\r\nimport {compose} from 'recompose'\r\nimport {Trans, useTranslation} from 'react-i18next'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {Foldable, Text, ButtonWithProtectedAction, Box, Flex} from 'components'\r\nimport {Email, Alert} from 'components/icons'\r\nimport {sendInvitationEmails} from 'clubs/actions'\r\nimport {getCompanyName} from 'app/selectors'\r\n\r\nconst Container = styled(Box).attrs({\r\n p: 3,\r\n})`\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n`\r\n\r\nconst MissingInvitations = ({\r\n missing,\r\n invited,\r\n sendInvitationEmails,\r\n companyName,\r\n}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n {missing > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n Din forening har importeret {{count: missing}}\r\n medlemmer, som ikke har fået tilsendt en invitationsmail.\r\n \r\n \r\n \r\n )}\r\n\r\n {missing > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n {t('Send invitationsmail til alle {{count}} medlemmer', {\r\n count: missing,\r\n })}\r\n \r\n \r\n \r\n )}\r\n\r\n {invited > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n Din forening har {{count: invited}} medlemmer,\r\n som har fået tilsendt en invitationsmail, men som ikke har\r\n oprettet sig som bruger i MinForening.\r\n \r\n \r\n \r\n )}\r\n\r\n {invited + missing > 0 && (\r\n \r\n {t('sendEmailUnderActions')}\r\n \r\n )}\r\n \r\n \r\n )\r\n}\r\nconst enhancer = compose(\r\n withRouterParams,\r\n connect(createStructuredSelector({companyName: getCompanyName}), {\r\n sendInvitationEmails: sendInvitationEmails.requested,\r\n })\r\n)\r\n\r\nexport default enhancer(MissingInvitations)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {compose} from 'recompose'\r\nimport get from 'lodash/get'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {Button} from 'components'\r\nimport {download, downloadInactive} from 'members'\r\nimport {getActive as getActiveGroup} from 'groups/selectors'\r\nimport {getActiveClubName, getActive} from 'clubs/selectors'\r\nimport {Loading} from 'components'\r\nimport { useState } from 'react'\r\n\r\nconst DownloadButton = ({\r\n download,\r\n downloadInactive,\r\n group,\r\n activeClub,\r\n clubName,\r\n params: {key, direction},\r\n}) => {\r\n\r\n const [isFetching, setIsFetching] = useState(false)\r\n const [t] = useTranslation();\r\n\r\n const handleClick = () => {\r\n setIsFetching(true)\r\n\r\n if (group == \"inactive\") {\r\n new Promise((resolve, reject) =>\r\n downloadInactive({clubId: get(activeClub, 'id'), resolve, reject})\r\n ).then((data) => {\r\n const blob = new Blob(['\\ufeff', data], {\r\n type: 'text/csv;charset=utf-8;',\r\n })\r\n const link = document.createElement('a')\r\n link.download = group\r\n ? `${clubName}_${group}.csv`\r\n : `${clubName}.csv`\r\n link.href = window.URL.createObjectURL(blob)\r\n link.click()\r\n setIsFetching(false)\r\n })\r\n }\r\n else {\r\n new Promise((resolve, reject) =>\r\n download({groupId: get(group, 'id'), key, direction, resolve, reject}))\r\n .then((data) => {\r\n const blob = new Blob(['\\ufeff', data], {\r\n type: 'text/csv;charset=utf-8;',\r\n })\r\n const link = document.createElement('a')\r\n link.download = group\r\n ? `${clubName}_${group.title}.csv`\r\n : `${clubName}.csv`\r\n link.href = window.URL.createObjectURL(blob)\r\n link.click()\r\n setIsFetching(false)\r\n })\r\n }\r\n }\r\n\r\n return (\r\n\r\n \r\n\r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouterParams,\r\n connect(\r\n createStructuredSelector({\r\n activeClub: getActive,\r\n clubName: getActiveClubName,\r\n group: getActiveGroup,\r\n }),\r\n {download, downloadInactive}\r\n ),\r\n)\r\n\r\nexport default enhancer(DownloadButton)","import React from 'react'\r\nimport {Trans, useTranslation} from 'react-i18next'\r\nimport {Text, Button, Box} from 'components'\r\n\r\nconst Done = ({hide, sendInvitationEmail}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n Dit nye medlem er nu oprettet, men vil fremstå som{' '}\r\n inaktiv indtil personen logger på for første gang.\r\n \r\n \r\n \r\n \r\n \r\n {t(\r\n 'Du kan med fordel tilføje dit nye medlem til grupper samt invitere til aktiviteter.'\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {t(\r\n 'Når du er klar, kan du sende en invitationsmail til dit nye medlem.'\r\n )}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Done\r\n","function validateZip(value, locale = 'da') {\r\n switch (locale) {\r\n case 'da':\r\n return /^\\d{4}$/.test(value)\r\n case 'de':\r\n return /^\\d{5}$/.test(value)\r\n case 'en':\r\n return /^[A-Z]{1,2}[0-9R][0-9A-Z]? [0-9][ABD-HJLNP-UW-Z]{2}$/.test(value)\r\n case 'es':\r\n return /^\\d{5}$/.test(value)\r\n case 'pl':\r\n return /^\\d{2}-\\d{3}$/.test(value)\r\n case 'cz':\r\n return /^\\d{3}[ ]?\\d{2}$/.test(value)\r\n case 'no':\r\n return /^\\d{4}$/.test(value)\r\n case 'sk':\r\n return /^\\d{3}[ ]?\\d{2}$/.test(value)\r\n default:\r\n return false\r\n }\r\n}\r\n\r\nexport default validateZip\r\n","import React, {useMemo} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Formik, Field, Form} from 'formik'\r\nimport Yup from 'lib/yup'\r\nimport {FormikInput as Input, Flex, Button, Box, Text} from 'components'\r\nimport validateZip from 'lib/validateZip'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {getTldLocale} from 'app/selectors'\r\nimport i18n from 'i18n'\r\n\r\nconst initialValues = {\r\n firstName: '',\r\n surname: '',\r\n email: '',\r\n birthdate: '',\r\n address: '',\r\n zip: '',\r\n city: '',\r\n}\r\n\r\nconst CreateForm = ({isSubmitting, locale, ...props}) => {\r\n const [t] = useTranslation()\r\n\r\n const validationSchema = useMemo(\r\n () => Yup.object().shape({\r\n firstName: Yup.string().required(),\r\n surname: Yup.string().required(),\r\n email: Yup.string().required().email(),\r\n birthdate: Yup.string(),\r\n address: Yup.string(),\r\n city: Yup.string(),\r\n zip: Yup.string()\r\n .required() // TODO: add validation for postcodes to validateZip for other countrys needed.\r\n\r\n }),\r\n [t]\r\n )\r\n\r\n return (\r\n \r\n {({isValid}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n locale: getTldLocale\r\n })\r\n)\r\n\r\nexport default enhancer(CreateForm)\r\n","import React, {useState, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Modal, Box, Button} from 'components'\r\nimport {create} from 'members/actions'\r\nimport {sendInvitationEmails} from 'clubs/actions'\r\nimport Done from './Done'\r\nimport CreateForm from './CreateForm'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst CreateModal = ({create, hide, sendInvitationEmails, showImportModal}) => {\r\n const [t] = useTranslation()\r\n const [isSubmitting, setIsSubmitting] = useState(false)\r\n const [step, setStep] = useState(1)\r\n const [newMemberId, setNewMemberId] = useState(null)\r\n\r\n const handleSubmit = useCallback(\r\n async (values, { setFieldError }) => {\r\n setIsSubmitting(true);\r\n \r\n try {\r\n const members = await new Promise((resolve, reject) =>\r\n create({ values, resolve, reject })\r\n );\r\n \r\n setStep(2);\r\n setNewMemberId(members[0].userId);\r\n } catch (error) {\r\n console.log(\"error\");\r\n setFieldError('email', error);\r\n }\r\n },\r\n [setIsSubmitting, create, setStep, setNewMemberId]\r\n );\r\n\r\n const sendInvitationEmail = useCallback(() => {\r\n sendInvitationEmails([`i${newMemberId}`])\r\n hide()\r\n }, [hide, newMemberId, sendInvitationEmails])\r\n\r\n return (\r\n \r\n \r\n {step === 1 && (\r\n <>\r\n {\r\n hide()\r\n showImportModal()\r\n }}\r\n disabled={isSubmitting}\r\n >\r\n {t('Importer fra CSV')}\r\n \r\n \r\n )}\r\n {step === 2 && (\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {\r\n create: create.requested,\r\n sendInvitationEmails: sendInvitationEmails.requested,\r\n})\r\n\r\nexport default enhancer(CreateModal)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {compose} from 'recompose'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {FormikInput as Input, Modal, Button, Box} from 'components'\r\nimport {Formik, Field, Form} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {downloadByage} from 'members'\r\nimport {getActiveClubName, getActive} from 'clubs/selectors'\r\nimport Yup from 'lib/yup'\r\n\r\nconst initialValues = {\r\n from: \"\",\r\n to: \"\",\r\n }\r\n const validationSchema = Yup.object().shape({\r\n from: Yup.number().required(),\r\n to: Yup.number().required()\r\n })\r\n\r\nconst DownloadMemberByAgeModal = ({\r\n clubName,\r\n downloadByage,\r\n hide,\r\n setIsFetchingMembers\r\n}) => {\r\n const [t] = useTranslation()\r\n\r\n\r\n const handleSubmit = (values) => {\r\n const fromAge = Number(values.from)\r\n const toAge = Number(values.to)\r\n new Promise((resolve, reject) =>\r\n downloadByage({fromAge, toAge, resolve, reject}) //clubId: get(activeClub, 'id'),\r\n ).then((data) => {\r\n const blob = new Blob(['\\ufeff', data], {\r\n type: 'text/csv;charset=utf-8;',\r\n })\r\n const link = document.createElement('a')\r\n link.download = `${clubName}_${fromAge}_${toAge}.csv`\r\n link.href = window.URL.createObjectURL(blob)\r\n link.click()\r\n setIsFetchingMembers(false)\r\n })\r\n hide() \r\n }\r\n return (\r\n <>\r\n {hide(), setIsFetchingMembers(false)}} width={350}>\r\n \r\n <>\r\n \r\n {({isValid}) => (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouterParams,\r\n connect(\r\n createStructuredSelector({\r\n activeClub: getActive,\r\n clubName: getActiveClubName,\r\n }),\r\n {downloadByage}\r\n ),\r\n )\r\nexport default enhancer(DownloadMemberByAgeModal)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {\r\n Foldable,\r\n Button,\r\n Box,\r\n Flex,\r\n ButtonWithProtectedAction,\r\n} from 'components'\r\nimport MemberTable from '../../MemberTable'\r\nimport {accept, reject} from 'members/actions'\r\n\r\nconst ClubRequestTable = ({requests, accept, reject}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n (\r\n \r\n \r\n reject(id)}>\r\n {t('Afvis')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n />\r\n \r\n )\r\n}\r\nconst enhancer = connect(null, {\r\n accept: accept.requested,\r\n reject: reject.requested,\r\n})\r\n\r\nexport default enhancer(ClubRequestTable)\r\n","import React, {useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {difference} from 'lodash'\r\nimport {Flex, Box, Modal, Text, Button, Image} from 'components'\r\nimport {getMemberGroupRequests, getMember} from 'members/selectors'\r\nimport {GroupList, removeMembersFromGroups, addMembersToGroups} from 'groups'\r\nimport {getNestedGroupsArray} from 'groups/selectors'\r\nimport memberDefault from 'images/member-default.png'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst RequestModal = ({\r\n requests,\r\n member,\r\n addMembers,\r\n removeMembers,\r\n groups,\r\n memberId,\r\n hide,\r\n}) => {\r\n const [t] = useTranslation()\r\n const [editGroups, setEditGroups] = useState(false)\r\n const [bulk, setBulk] = useState(() => requests.map(({id}) => `${id}`))\r\n const toggleGroup = ({target: {checked, value}}) =>\r\n setBulk(checked ? [...bulk, value] : bulk.filter((id) => id !== value))\r\n\r\n const reject = () => {\r\n removeMembers({members: [memberId], groups: bulk})\r\n hide()\r\n }\r\n\r\n const accept = () => {\r\n if (bulk.length > 0) {\r\n addMembers({members: [memberId], groups: bulk})\r\n }\r\n\r\n // Groups that have been requested by the member, but deselected by the user.\r\n const remaining = difference(\r\n requests.map(({id}) => `${id}`),\r\n bulk\r\n )\r\n if (remaining.length > 0) {\r\n removeMembers({members: [memberId], groups: remaining})\r\n }\r\n\r\n hide()\r\n }\r\n\r\n return requests.length === 0 ? null : (\r\n setEditGroups(false) : undefined}\r\n >\r\n \r\n {editGroups ? (\r\n <>\r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {member.firstName} {member.surname}\r\n \r\n \r\n \r\n\r\n \r\n \r\n {member.firstName}{' '}\r\n {t('har anmodet on at blive medlem af følgende')}\r\n grupper\r\n \r\n \r\n\r\n {requests.map(({title}) => (\r\n \r\n {title}\r\n \r\n ))}\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n (state, props) => ({\r\n requests: getMemberGroupRequests(state, props),\r\n member: getMember(state, props.memberId),\r\n groups: getNestedGroupsArray(state),\r\n }),\r\n {\r\n addMembers: addMembersToGroups.requested,\r\n removeMembers: removeMembersFromGroups.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(RequestModal)\r\n","import React, {useState, useCallback} from 'react'\r\nimport {Foldable, Button, Flex} from 'components'\r\nimport MemberTable from '../../MemberTable'\r\nimport RequestModal from './RequestModal'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst GroupRequestTable = ({requests}) => {\r\n const [t] = useTranslation()\r\n const [modalVisible, setModalVisible] = useState(false)\r\n const [requestId, setRequestId] = useState(null)\r\n\r\n const showModal = useCallback(\r\n (requestId) => {\r\n setModalVisible(true)\r\n setRequestId(requestId)\r\n },\r\n [setModalVisible, setRequestId]\r\n )\r\n\r\n const hideModal = useCallback(() => {\r\n setModalVisible(false)\r\n setRequestId(null)\r\n }, [setModalVisible, setRequestId])\r\n \r\n return (\r\n \r\n (\r\n \r\n \r\n \r\n )}\r\n />\r\n\r\n {modalVisible && \r\n \r\n )}\r\n\r\n {groupRequests.length > 0 && (\r\n \r\n \r\n \r\n )}\r\n \r\n)\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n clubRequests: getPendingMembersArray,\r\n groupRequests: getGroupRequestMembers,\r\n })\r\n)\r\n\r\nexport default enhancer(Requests)\r\n","import React, {useCallback, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {subDays, startOfToday, format} from 'date-fns'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {fetchStatistics} from 'groups/actions'\r\nimport {fetchStatistics as fetchClubStatistics} from 'clubs/actions'\r\nimport {getGroupStatistics} from 'groups/selectors'\r\nimport {getActiveStatistics as getClubStatistics} from 'clubs/selectors'\r\nimport {typesById} from 'activities/constants'\r\nimport {Flex, Box, Text, Input, Button, Loading, Dropdown} from 'components'\r\nimport { exportGroupActivities, exportGroup} from 'groups/actions'\r\n\r\nconst initialValues = {\r\n start: format(subDays(startOfToday(), 30), 'YYYY-MM-DD'),\r\n end: format(startOfToday(), 'YYYY-MM-DD'),\r\n}\r\n\r\nconst Statistics = ({\r\n fetchStatistics,\r\n fetchClubStatistics,\r\n statistics,\r\n id,\r\n exportGroupActivities,\r\n exportGroup,\r\n club,\r\n ...props\r\n}) => {\r\n const [t] = useTranslation()\r\n \r\n const exportOptions = [{name: 'Aktiviteter'}, {name: 'Opgaver'}] // TODO: create later , {name: 'Medlemmer'}\r\n const [selectedOption, setSelectedOption] = useState('')\r\n const [isFetching, setIsFetching] = useState(false)\r\n\r\n \r\n const handleSubmit = useCallback(\r\n (values, {setSubmitting}) => {\r\n new Promise((resolve, reject) => {\r\n if (id === 'all' || id === 'notInGroups') {\r\n fetchClubStatistics({resolve, reject, ...values})\r\n } else {\r\n fetchStatistics({resolve, reject, id, ...values})\r\n }\r\n }).then(() => setSubmitting(false))\r\n },\r\n [fetchStatistics, fetchClubStatistics, id]\r\n )\r\n\r\n\r\n const handleClick = (name) => {\r\n setIsFetching(true)\r\n if (name === 'Opgaver'){\r\n { \r\n new Promise((resolve, reject) => \r\n \r\n exportGroup({groupId: id, clubId: club.id, resolve, reject}))\r\n .then((data) => {\r\n\r\n const blob = new Blob(['\\ufeff', data], {\r\n type: 'text/csv;charset=utf-8;',\r\n }) \r\n const link = document.createElement('a')\r\n link.download = id\r\n ? `opgaver.csv`\r\n : `opgaver.csv`\r\n link.href = window.URL.createObjectURL(blob)\r\n link.click()\r\n setIsFetching(false)\r\n }) \r\n } \r\n }\r\n else if (name === 'Aktiviteter'){\r\n { \r\n new Promise((resolve, reject) => \r\n \r\n exportGroupActivities({groupId: id, clubId: club.id, resolve, reject}))\r\n .then((data) => {\r\n const blob = new Blob(['\\ufeff', data], {\r\n type: 'text/csv;charset=utf-8;',\r\n }) \r\n const link = document.createElement('a')\r\n\r\n link.download = id\r\n ? `aktiviteter.csv`\r\n : `aktiviteter.csv`\r\n link.href = window.URL.createObjectURL(blob)\r\n link.click()\r\n setIsFetching(false)\r\n }) \r\n } \r\n }\r\n else if (name === 'Medlemmer'){\r\n \r\n }\r\n \r\n }\r\n\r\n return (\r\n \r\n \r\n {({isSubmitting}) => (\r\n \r\n )}\r\n \r\n\r\n {statistics.length > 0 && (\r\n \r\n \r\n \r\n \r\n {t('Antal aktiviteter')}\r\n \r\n \r\n \r\n \r\n {t('Deltagergrad')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('Alle')}\r\n \r\n \r\n \r\n {statistics[0].activityCount} \r\n \r\n \r\n {statistics[0].participationPercentage}% \r\n \r\n \r\n {statistics\r\n .filter(({type}) => type > 0)\r\n .sort(\r\n ({type: typeA}, {type: typeB}) =>\r\n typesById[typeA].order - typesById[typeB].order\r\n )\r\n .map(({type, activityCount, participationPercentage}) => {\r\n const {color, icon: Icon} = typesById[type]\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {activityCount} \r\n \r\n \r\n {participationPercentage}% \r\n \r\n \r\n )\r\n })}\r\n \r\n )}\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n (state, {id}) => ({\r\n statistics:\r\n id === 'all' || id === 'notIntGroups'\r\n ? getClubStatistics(state)\r\n : getGroupStatistics(state, id),\r\n }),\r\n {\r\n fetchStatistics: fetchStatistics.requested,\r\n fetchClubStatistics: fetchClubStatistics.requested,\r\n exportGroupActivities: exportGroupActivities.requested,\r\n exportGroup: exportGroup.requested\r\n }\r\n)\r\n\r\nexport default enhancer(Statistics)\r\n","import React, {useEffect, useCallback, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {compose} from 'recompose'\r\nimport qs from 'qs'\r\nimport {Helmet} from 'react-helmet'\r\nimport {get} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {withAuthenticationRequirement, withOnboardingRestriction, withRouterParams,} from 'lib/hoc'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {Page, Button} from 'components'\r\nimport {getNumberOfMembers, getMissingInvitations, getInvitedInactiveMembers, getPendingMembersArray, getGroupRequestMembers, fetch as fetchMembers,} from 'members'\r\nimport {getIsGroupLeader} from 'user'\r\nimport {fetch as fetchGroups, getActive as getActiveGroup} from 'groups'\r\nimport {getActive, InviteModal} from 'clubs'\r\nimport MemberOverview from './MemberOverview'\r\nimport GroupDropdown from './GroupDropdown'\r\nimport ImportModal from './ImportModal'\r\nimport MissingInvitations from './MissingInvitations'\r\nimport DownloadButton from './DownloadButton'\r\nimport CreateModal from './CreateModal' \r\nimport DownloadMemberByAgeModal from './DownloadMemberByAgeModal'\r\nimport Requests from './Requests'\r\nimport {getCompanyName} from 'app/selectors'\r\nimport Statistics from './Statistics'\r\nimport {remove as removeGroup, edit as editGroup} from 'groups/actions'\r\nimport { module_member_signuplink_showwebbutton } from 'globalModuleNames';\r\nimport { useFeature } from \"@growthbook/growthbook-react\";\r\nimport { getIsFetching, getGroups } from 'groups/selectors'\r\nimport {Loading} from 'components'\r\n\r\nconst Members = ({\r\n fetchGroups,\r\n fetchMembers,\r\n isGroupsFetching,\r\n location,\r\n groups,\r\n active,\r\n numberOfMembers,\r\n location: {state},\r\n missing,\r\n invited,\r\n isGroupLeader,\r\n params: {status, key, direction, openMember, group: groupId},\r\n companyName,\r\n editGroup,\r\n removeGroup,\r\n}) => {\r\n const [error, setError] = useState(null)\r\n const [isFetchingMembers, setIsFetchingMembers] = useState(false)\r\n const [t] = useTranslation(['translation', 'helmet'])\r\n const [createModalVisible, showCreateModal, hideCreateModal] = useToggle()\r\n const [downloadMemberByAge, showDownloadMemberByAge, hideDownloadMemberByAge] = useToggle()\r\n const [importModalVisible, showImportModal, hideImportModal] = useToggle(\r\n get(location, 'state.import')\r\n )\r\n const [inviteModalVisible, showInviteModal, hideInviteModal] = useToggle(\r\n get(location, 'state.invite')\r\n )\r\n \r\n const [, updateState] = useState();\r\n const forceUpdate = useCallback(() => updateState({}), []);\r\n\r\n useEffect(() => {\r\n if (groups.length === 0) {\r\n fetchGroups()\r\n }\r\n fetchMembers()\r\n }, [groups, isGroupsFetching, active, triggerUpdate, triggerRemoveGroup])\r\n\r\n const triggerUpdate = useCallback(({...values}) => {\r\n new Promise((resolve, reject) => editGroup({...values, resolve, reject})).catch((error) => setError(error)).then(fetchGroups())\r\n if (error) {\r\n console.log(error);\r\n }\r\n }, [editGroup, fetchGroups])\r\n\r\n const triggerRemoveGroup = useCallback((id) => {\r\n new Promise((resolve, reject) => { removeGroup({id, resolve, reject}); resolve()}).then(() => {fetchGroups() }).catch((error) => setError(error))\r\n if (error) {\r\n console.log(error);\r\n } \r\n forceUpdate()\r\n }, [removeGroup,fetchGroups])\r\n\r\n if (isGroupsFetching) {\r\n return \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {useFeature(module_member_signuplink_showwebbutton).on && (\r\n \r\n )}\r\n {!isGroupLeader && (\r\n \r\n )}\r\n \r\n {!isGroupLeader && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n {\r\n \r\n numberOfMembers > 0 && groupId && (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withAuthenticationRequirement,\r\n withOnboardingRestriction,\r\n withRouterParams,\r\n connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n numberOfMembers: getNumberOfMembers,\r\n missing: getMissingInvitations,\r\n invited: getInvitedInactiveMembers,\r\n pendingClub: getPendingMembersArray,\r\n groupRequests: getGroupRequestMembers,\r\n active: getActive,\r\n groups: getGroups,\r\n isGroupsFetching: getIsFetching,\r\n group: getActiveGroup,\r\n isGroupLeader: getIsGroupLeader,\r\n }),\r\n {\r\n fetchGroups: fetchGroups.requested,\r\n fetchMembers: fetchMembers.requested,\r\n editGroup: editGroup.requested,\r\n removeGroup: removeGroup.requested,\r\n }\r\n )\r\n)\r\n\r\n export default enhancer(Members)\r\n","export default __webpack_public_path__ + \"static/media/conventus-1.0c2f42bb.png\";","export default __webpack_public_path__ + \"static/media/conventus-2.0eff77fc.png\";","export default __webpack_public_path__ + \"static/media/conventus-3.6fa652cb.png\";","export default __webpack_public_path__ + \"static/media/conventus-4.ffe64909.png\";","export default __webpack_public_path__ + \"static/media/conventus-5.52d3a34e.png\";","export default __webpack_public_path__ + \"static/media/conventus-6.93662eb9.png\";","import React from 'react'\r\nimport {Box, Flex} from '@rebass/grid'\r\nimport {Page, H1, Text, Image, Link, Button} from 'components'\r\nimport conventus1 from 'images/conventus-1.png'\r\nimport conventus2 from 'images/conventus-2.png'\r\nimport conventus3 from 'images/conventus-3.png'\r\nimport conventus4 from 'images/conventus-4.png'\r\nimport conventus5 from 'images/conventus-5.png'\r\nimport conventus6 from 'images/conventus-6.png'\r\nimport {useTranslation, Trans} from 'react-i18next'\r\n\r\nconst Conventus = ({history: {goBack}}) => {\r\n const [t] = useTranslation(['common', 'translation'])\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {t('translation:toImportYouMustExportInCSV')} \r\n \r\n\r\n \r\n \r\n \r\n 1. Log ind på Conventus og tryk på Adressebog.\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n 2. Tryk på Rapport.\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n 3. Hvis du vil eksportere alle foreningens\r\n medlemmer, skal du blot fortsætte til næste trin. Hvis du vil\r\n eksportere enkelte Afdelinger og/eller{' '}\r\n Hold, kan du vælge disse i de to\r\n dropdown-menuen.\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n 4. Tryk på Vælg ud for \"Felter\".\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n 5. VIGTIGT! Afkryds Titel-,{' '}\r\n Fødselsdag- og Id-feltet. Du\r\n kan se på nedstående billede, hvilke felter, der skal være\r\n afkrydset.\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n 6. Tryk Eksport. Du modtager nu din .CSV-fil\r\n ved navn adressebog.csv, som du kan bruge i{' '}\r\n MinForening Web.\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n {t('Har du brug for mere hjælp')}?\r\n \r\n \r\n {t('Vi sidder altid klar til at svare på spørgsmål')} \r\n \r\n \r\n Du kan ringe til os på 28 76 00 99 eller{' '}\r\n \r\n sende os en mail\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\nexport default Conventus\r\n","import React from 'react'\r\nimport {Switch, Route, Redirect} from 'react-router-dom'\r\nimport Overview from './Overview'\r\nimport Conventus from './Conventus'\r\nimport { connect } from 'react-redux'\r\n\r\nconst Members = ({match: {path}}) => (\r\n \r\n \r\n)\r\n\r\nexport default connect()(Members)\r\n","import React, {useState , useMemo , useCallback, useEffect} from 'react'\r\nimport styled from 'styled-components'\r\nimport {Flex, Loading} from 'components'\r\n\r\nconst SubscriptionSuccessPage = () => {\r\n\r\n const PageWrapper = styled.section`\r\n background-color: #f6f6f6;\r\n border-radius: 5px;\r\n padding: 2em;\r\n width: 50%;\r\n margin: 2em auto;\r\n` \r\n\r\nconst Headline = styled.h1`\r\n font-size: 3em;\r\n border-bottom: 2px solid black;\r\n padding: 0.5em 0;\r\n margin:auto;\r\n text-align: center;\r\n display:block;\r\n margin-bottom: 1em;\r\n`\r\n;\r\n\r\nconst Container = styled(Flex).attrs({\r\n flex: '1',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n})`\r\n min-height: 100vh;\r\n`\r\n\r\n return (\r\n \r\n \r\n \r\n Oprettelse af abonnement er gennemført \r\n \r\n \r\n )\r\n}\r\n\r\nexport default SubscriptionSuccessPage\r\n\r\n\r\n","import React, {useState , useMemo , useCallback, useEffect} from 'react'\r\nimport styled from 'styled-components'\r\nimport {Flex, Loading} from 'components'\r\n\r\nconst SubscriptionCancelPage = () => {\r\n\r\n const PageWrapper = styled.section`\r\n background-color: #f6f6f6;\r\n border-radius: 5px;\r\n padding: 2em;\r\n width: 50%;\r\n margin: 2em auto;\r\n` \r\n\r\nconst Headline = styled.h1`\r\n font-size: 3em;\r\n border-bottom: 2px solid black;\r\n padding: 0.5em 0;\r\n margin:auto;\r\n text-align: center;\r\n display:block;\r\n margin-bottom: 1em;\r\n`\r\n;\r\n\r\nconst Container = styled(Flex).attrs({\r\n flex: '1',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n})`\r\n min-height: 100vh;\r\n`\r\n\r\n return (\r\n \r\n \r\n \r\n Abonnement er annulleret \r\n \r\n \r\n )\r\n}\r\n\r\nexport default SubscriptionCancelPage\r\n\r\n\r\n","import {createSelector} from 'reselect'\r\nimport {values} from 'lodash'\r\nimport {compareDesc} from 'date-fns'\r\n\r\nexport const getMessages = (state) => state.messages.entities\r\nexport const getIsFetching = (state) => state.messages.isFetching\r\nexport const getMessage = (state, {id}) => state.messages.entities[id]\r\n\r\nexport const getMessagesArray = createSelector([getMessages], values)\r\nexport const getSortedMessages = createSelector(\r\n [getMessagesArray],\r\n (messages) =>\r\n messages.sort(({createdAt: a}, {createdAt: b}) => compareDesc(a, b))\r\n)\r\n","import React from 'react'\r\nimport {Field} from 'formik'\r\nimport {FormikInput as Input, TextArea, Text, Flex, Switch} from 'components'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst Details = () => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n <>\r\n \r\n {({field, form, meta: {error, touched}}) => (\r\n <>\r\n {error} }\r\n \r\n )}\r\n \r\n\r\n \r\n {t('Send til alle medlemmer')} \r\n\r\n \r\n {({field: {name, value}, form: {setFieldValue}}) => (\r\n setFieldValue(name, !value)}\r\n />\r\n )}\r\n \r\n \r\n \r\n )\r\n}\r\nexport default Details\r\n","import React, {useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {toLower, includes} from 'lodash'\r\nimport {useField} from 'formik'\r\nimport {useSearch} from 'react-use-search'\r\nimport {Input, Text} from 'components'\r\nimport {getNestedGroupsArray} from 'groups/selectors'\r\nimport {GroupList} from 'groups/components'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst predicate = ({title, subGroups = []}, _value) => {\r\n const value = toLower(_value)\r\n\r\n return (\r\n includes(toLower(title), value) ||\r\n subGroups.some((group) => includes(toLower(group.title), value))\r\n )\r\n}\r\n\r\nconst Groups = ({groups}) => {\r\n const [t] = useTranslation()\r\n const [{value}, {error, touched}, {setValue}] = useField('groupIds')\r\n\r\n const [filteredGroups, query, handleChange] = useSearch(groups, predicate, {\r\n filter: true,\r\n })\r\n\r\n const handleToggleGroup = useCallback(\r\n ({target: {checked, value: id}}) => {\r\n const newValue = checked\r\n ? [...value, id]\r\n : value.filter((group) => group !== id)\r\n\r\n setValue(newValue)\r\n },\r\n [setValue, value]\r\n )\r\n\r\n return (\r\n <>\r\n \r\n {error}\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n groups: getNestedGroupsArray,\r\n })\r\n)\r\n\r\nexport default enhancer(Groups)\r\n","import React, {useMemo, useCallback, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Formik, Form} from 'formik'\r\nimport Yup from 'lib/yup'\r\nimport {Box, Button, Modal, Loading} from 'components'\r\nimport {create} from 'messages/actions'\r\nimport Details from './Details'\r\nimport Groups from './Groups'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst validationSchema = Yup.object({\r\n title: Yup.string().required(),\r\n message: Yup.string().required(),\r\n allMembers: Yup.bool(),\r\n groupIds: Yup.array(),\r\n})\r\n\r\nconst initialValues = {\r\n title: '',\r\n message: '',\r\n allMembers: false,\r\n groupIds: [],\r\n}\r\n\r\nconst steps = {\r\n DETAILS: 0,\r\n GROUPS: 1,\r\n}\r\n\r\nconst CreateModal = ({hide, create}) => {\r\n const [t] = useTranslation()\r\n const [step, setStep] = useState(steps.DETAILS)\r\n\r\n const handleNext = useCallback(\r\n (event) => {\r\n event.preventDefault()\r\n setStep(steps.GROUPS)\r\n },\r\n [setStep]\r\n )\r\n\r\n const handleSubmit = useCallback(\r\n (values, {setSubmitting}) => {\r\n new Promise((resolve, reject) => {\r\n create({values, resolve, reject})\r\n }).then(hide)\r\n },\r\n [create, hide]\r\n )\r\n\r\n const back = useMemo(\r\n () => (step === steps.GROUPS ? () => setStep(steps.DETAILS) : undefined),\r\n [step, setStep]\r\n )\r\n\r\n return (\r\n \r\n \r\n \r\n {({isValid, isSubmitting, values, handleSubmit}) => (\r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {create: create.requested})\r\n\r\nexport default enhancer(CreateModal)\r\n","import React, {useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {\r\n Box,\r\n Modal,\r\n FormikInput as Input,\r\n TextArea,\r\n Text,\r\n Button,\r\n Loading,\r\n} from 'components'\r\nimport {update} from 'messages/actions'\r\nimport {getMessage} from 'messages/selectors'\r\n\r\nconst EditModal = ({hide, message, update}) => {\r\n const [t] = useTranslation()\r\n\r\n const handleSubmit = useCallback(\r\n (values) => {\r\n new Promise((resolve) => {\r\n update({values, resolve})\r\n }).then(hide)\r\n },\r\n [update, hide]\r\n )\r\n\r\n return (\r\n \r\n \r\n \r\n {({isSubmitting, isValid}) => (\r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(createStructuredSelector({message: getMessage}), {\r\n update: update.requested,\r\n})\r\n\r\nexport default enhancer(EditModal)\r\n","import React, {useState, useMemo, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport styled from 'styled-components'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {useToggle} from 'lib/hooks'\r\nimport format from 'lib/format'\r\nimport {\r\n Box,\r\n H2,\r\n Text,\r\n Flex,\r\n ButtonWithProtectedAction,\r\n Button,\r\n Loading,\r\n} from 'components'\r\nimport {Down} from 'components/icons'\r\nimport {remove} from 'messages/actions'\r\nimport EditModal from './EditModal'\r\nimport ValidURL from 'lib/validURL/ValidURL'\r\n\r\nconst Container = styled(Box)`\r\n cursor: pointer;\r\n`\r\n\r\nconst Arrow = styled(Down)`\r\n transform: rotate(${(props) => (props.open ? 0 : 180)}deg);\r\n will-change: transform;\r\n transition: transform 0.25s ease;\r\n`\r\n\r\nconst createGroupsList = (groups = []) =>\r\n groups\r\n .map(({title}) => title)\r\n .reduce((acc, group, index, arr) => {\r\n if (arr.length === 1 || index === 0) {\r\n return group\r\n }\r\n\r\n if (index === arr.length - 1) {\r\n return `${acc} og ${group}`\r\n }\r\n\r\n return `${acc}, ${group}`\r\n }, '')\r\n\r\nconst EXCERPT_SIZE = 200\r\n\r\nconst Message = ({\r\n id,\r\n title,\r\n message,\r\n createdAt,\r\n groups,\r\n allMembers,\r\n remove,\r\n}) => {\r\n const [t] = useTranslation()\r\n const [isOpen, , , toggle] = useToggle()\r\n const [editModalVisible, showEditModal, hideEditModal] = useToggle()\r\n const [isSubmitting, setIsSubmitting] = useState(false)\r\n\r\n const excerpt = useMemo(() => {\r\n if (message.length <= EXCERPT_SIZE) {\r\n return \r\n } \r\n\r\n const substring = message.substr(0, EXCERPT_SIZE)\r\n return substring.substr(0, substring.lastIndexOf(' ')) + ' ...'\r\n }, [message])\r\n\r\n const handleRemove = useCallback(() => {\r\n setIsSubmitting(true)\r\n remove(id)\r\n }, [setIsSubmitting, id, remove])\r\n\r\n return (\r\n \r\n \r\n \r\n {isOpen && (\r\n \r\n {allMembers\r\n ? t('Sendt d {{date}} til alle medlemmer', {\r\n date: format(createdAt, 'DD MMM YYYY'),\r\n })\r\n : t('Sendt d {{date}} til {{groups}}', {\r\n date: format(createdAt, 'DD MMM YYYY'),\r\n groups: createGroupsList(groups),\r\n })}\r\n \r\n )}\r\n {isOpen ? : excerpt} \r\n {isOpen && (\r\n \r\n \r\n \r\n {isSubmitting ? \r\n \r\n )}\r\n {editModalVisible && \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {remove: remove.requested})\r\n\r\nexport default enhancer(Message)\r\n","import React, {useEffect} from 'react'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Helmet} from 'react-helmet'\r\nimport {connect} from 'react-redux'\r\nimport {compose} from 'recompose'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {withAuthenticationRequirement} from 'lib/hoc'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {fetch} from 'messages/actions'\r\nimport {getIsFetching, getSortedMessages} from 'messages/selectors'\r\nimport {Flex, Button, Page, Loading} from 'components'\r\nimport CreateModal from './CreateModal'\r\nimport Message from './Message'\r\nimport {getCompanyName} from 'app/selectors'\r\n\r\nconst Messages = ({isFetching, messages, fetch, companyName}) => {\r\n useEffect(() => {\r\n fetch()\r\n }, [fetch])\r\n\r\n const [modalVisible, showModal, hideModal] = useToggle()\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n {t('Beskeder | {{companyName}}', {companyName})} \r\n \r\n\r\n \r\n \r\n \r\n\r\n {modalVisible && \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withAuthenticationRequirement,\r\n connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n isFetching: getIsFetching,\r\n messages: getSortedMessages,\r\n }),\r\n {fetch: fetch.requested}\r\n )\r\n)\r\n\r\nexport default enhancer(Messages)\r\n","import {createContext} from 'react'\r\n\r\nconst Context = createContext()\r\n\r\nexport default Context\r\n","import React, { useContext } from 'react'\r\nimport styled from 'styled-components'\r\nimport { darken } from 'polished'\r\nimport { withProps, compose, pure } from 'recompose'\r\nimport { Flex, Box } from '@rebass/grid'\r\nimport { Row, Cell } from 'components/Table'\r\nimport { Clock } from 'components/icons'\r\nimport { typesById } from 'activities/constants'\r\nimport format from 'lib/format'\r\nimport Context from '../Context'\r\n\r\nconst Container = styled(Row).attrs({\r\n alignItems: 'center',\r\n})`\r\n background: ${props => props.theme.colors[props.color]};\r\n cursor: pointer;\r\n\r\n will-change: background;\r\n transition: background 0.125s ease;\r\n\r\n &:hover {\r\n background: ${props => darken(0.1, props.theme.colors[props.color])};\r\n }\r\n`\r\n\r\nconst renderIconForType = ({ icon: Icon }) => showShowModal(id)} {...rest}>\r\n | \r\n {format(start, 'ddd D[.] MMM')}\r\n | \r\n {renderIconForType(type)} | \r\n \r\n {title}\r\n | \r\n \r\n \r\n \r\n \r\n \r\n {format(start, 'HH:mm')} {end && `- ${format(end, 'HH:mm')}`}\r\n \r\n \r\n | \r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n pure,\r\n withProps(({ type }) => ({\r\n type: typesById[type],\r\n }))\r\n)\r\n\r\nexport default enhancer(ActivityTableRow)\r\n","import React from 'react'\r\nimport { Flex } from '@rebass/grid'\r\nimport { pure } from 'recompose'\r\nimport { Row, Cell } from 'components/Table'\r\nimport ActivityRow from './Row'\r\n\r\nconst Group = ({ name, activities = [], showShowModal }) => (\r\n \r\n \r\n | {name} | \r\n
\r\n {activities.length > 0 &&\r\n activities.map(activity => (\r\n \r\n)\r\n\r\nexport default pure(Group)\r\n","import React from 'react'\r\nimport { Flex, Box } from '@rebass/grid'\r\nimport styled from 'styled-components'\r\nimport { OpenableImage } from 'components'\r\n\r\nconst Container = styled(Flex).attrs({\r\n flexWrap: 'wrap',\r\n p: 2,\r\n})`\r\n background: ${props => props.theme.colors.secondaryLight};\r\n`\r\n\r\nconst ImageContainer = styled(Box).attrs({\r\n width: 0.25,\r\n p: 2,\r\n})`\r\n height: 85px;\r\n`\r\n\r\n\r\nconst Images = ({ images }) => (\r\n \r\n {images.map((image, i) => (\r\n \r\n \r\n ))}\r\n \r\n)\r\n\r\nexport default Images\r\n","import {createSelector} from 'reselect'\r\nimport {values, get} from 'lodash'\r\nimport {getActivities} from 'activities/selectors'\r\n\r\nexport const getComments = (state) => state.comments.entities\r\nexport const getCommentsArray = createSelector([getComments], values)\r\n\r\nexport const getActivityId = (_, props) => props.activityId\r\nexport const getActivity = createSelector(\r\n [getActivities, getActivityId],\r\n (activities, id) => activities[id]\r\n)\r\nexport const getActivityComments = createSelector(\r\n [getActivity, getComments],\r\n (activity, comments) =>\r\n get(activity, 'comments', [])\r\n .map((id) => comments[id])\r\n .filter((comment) => !!comment)\r\n)\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {TextArea} from 'components'\r\n\r\nconst Area = styled(TextArea)`\r\n padding-right: 70px;\r\n`\r\n\r\nconst Input = ({submit, ...props}) => {\r\n const handleKeyPress = event => {\r\n const {shiftKey, keyCode} = event.nativeEvent\r\n\r\n if (keyCode === 13 && !shiftKey) {\r\n event.preventDefault()\r\n submit()\r\n }\r\n }\r\n\r\n return \r\n}\r\n\r\nexport default Input\r\n","import React, {useState} from 'react'\r\nimport styled from 'styled-components'\r\nimport {connect} from 'react-redux'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {addComment} from 'activities/actions'\r\nimport {Button, Box, Loading} from 'components'\r\nimport Input from './Input'\r\n\r\nconst SubmitButton = styled(Button).attrs({\r\n small: true,\r\n transparent: true,\r\n type: 'submit',\r\n})`\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n`\r\n\r\nconst NewComment = ({addComment, activityId}) => {\r\n const [isLoading, setIsLoading] = useState(false)\r\n const handleSubmit = ({comment}, {setFieldValue}) => {\r\n if (!comment) {\r\n return\r\n }\r\n\r\n new Promise((resolve, reject) => {\r\n setIsLoading(true)\r\n addComment({id: activityId, comment, resolve, reject})\r\n }).then(() => {\r\n setIsLoading(false)\r\n setFieldValue('comment', '')\r\n })\r\n }\r\n\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n {({submitForm}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {addComment: addComment.requested})\r\n\r\nexport default enhancer(NewComment)\r\n","export const types = {\r\n TEXT: 0,\r\n IMAGE: 1,\r\n}\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {types} from 'comments/constants'\r\nimport {Flex, Box} from 'components'\r\nimport ValidURL from 'lib/validURL/ValidURL'\r\n\r\n\r\nconst Content = styled(Box).attrs({\r\n p: 2,\r\n mb: 1,\r\n})`\r\n background: ${(props) =>\r\n props.isSelf ? props.theme.colors.primary : props.theme.colors.secondary};\r\n color: ${(props) => props.theme.colors.white};\r\n border-radius: 5px;\r\n`\r\n\r\nconst Image = styled(Box).attrs({\r\n order: (props) => (props.isSelf ? 2 : 1),\r\n mr: (props) => (props.isSelf ? 0 : 2),\r\n ml: (props) => (props.isSelf ? 2 : 0),\r\n})`\r\n width: 30px;\r\n height: 30px;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n background-size: cover;\r\n border-radius: 50%;\r\n`\r\n\r\nconst Name = styled(Box)`\r\n color: ${(props) => props.theme.colors.secondary};\r\n font-size: 0.75rem;\r\n text-align: ${(props) => (props.isSelf ? 'right' : 'left')};\r\n`\r\n\r\nconst ImageComment = styled.img`\r\n max-width: 300px;\r\n max-height: 300px;\r\n`\r\n\r\nconst Comment = ({comment, isSelf, type, userImageUrl, displayName}) => (\r\n \r\n \r\n \r\n {type === types.TEXT ? (\r\n \r\n ) : (\r\n \r\n {displayName} \r\n \r\n {userImageUrl && (\r\n \r\n)\r\n\r\nexport default Comment\r\n","import React, {useRef, useState, useEffect} from 'react'\r\nimport styled from 'styled-components'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {takeRight} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Text, Box, Flex} from 'components'\r\nimport {getUserId} from 'user/selectors'\r\nimport {getActivityComments} from 'comments/selectors'\r\nimport NewComment from './NewComment'\r\nimport Comment from './Comment'\r\n\r\nconst Container = styled(Flex).attrs({\r\n flexDirection: 'column',\r\n px: 3,\r\n pt: 3,\r\n})`\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n`\r\n\r\nconst Content = styled.div`\r\n overflow-y: scroll;\r\n margin-bottom: 10px;\r\n`\r\n\r\nconst ShowMore = styled(Box).attrs({\r\n p: 3,\r\n pt: 0,\r\n})`\r\n text-align: center;\r\n cursor: pointer;\r\n color: ${(props) => props.theme.colors.secondary};\r\n`\r\n\r\nconst Comments = ({activityId, userId, comments: allComments}) => {\r\n const [height, setHeight] = useState(0)\r\n const [moreVisible, setMoreVisible] = useState(false)\r\n const content = useRef()\r\n\r\n const showMore = () => {\r\n if (content.current) {\r\n setHeight(content.current.clientHeight)\r\n setMoreVisible(true)\r\n }\r\n }\r\n\r\n const hideMore = () => {\r\n setMoreVisible(false)\r\n }\r\n\r\n useEffect(() => {\r\n if (content.current) {\r\n content.current.scrollTop = content.current.scrollHeight\r\n }\r\n }, [height])\r\n\r\n const comments = moreVisible ? allComments : takeRight(allComments, 3)\r\n const hasMore = allComments.length > 3\r\n\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n {t('Kommentarer')} \r\n \r\n\r\n {comments.length > 0 && (\r\n 0 && height}}>\r\n {hasMore && (\r\n \r\n {moreVisible ? 'Vis færre' : 'Vis flere'}\r\n \r\n )}\r\n {comments.map((comment) => (\r\n \r\n )}\r\n\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n comments: getActivityComments,\r\n userId: getUserId,\r\n })\r\n)\r\n\r\nexport default enhancer(Comments)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {useTranslation} from 'react-i18next'\r\nimport styled from 'styled-components'\r\nimport {compose} from 'recompose'\r\nimport {getMember} from 'members/selectors'\r\nimport {Text, Flex, Box} from 'components'\r\n\r\nconst Image = styled.div`\r\n height: 30px;\r\n width: 30px;\r\n margin-right: 10px;\r\n background-color: ${(props) => props.theme.colors[props.color]};\r\n background-size: cover;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n border-radius: 50%;\r\n`\r\n\r\nconst CreatedBy = ({member, color}) => {\r\n const [t] = useTranslation()\r\n\r\n return member ? (\r\n \r\n \r\n \r\n {t('Aktivitetsansvarlig')}\r\n \r\n \r\n\r\n \r\n \r\n \r\n {member.firstName} {member.surname}\r\n \r\n \r\n \r\n \r\n ) : null\r\n}\r\n\r\nconst enhancer = compose(\r\n connect((state, {id}) => ({\r\n member: getMember(state, id),\r\n }))\r\n)\r\n\r\nexport default enhancer(CreatedBy)\r\n","import Yup from 'lib/yup'\r\n\r\nconst validationSchema = Yup.object({\r\n message: Yup.string().max(150).nullable(),\r\n})\r\n\r\nexport default validationSchema\r\n","import React from 'react'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {TextArea, Button, Flex, Text} from 'components'\r\nimport validationSchema from './validationSchema'\r\n\r\nconst MessageForm = ({isRecurring, hide, ...props}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n {({setFieldValue, isValid}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nexport default MessageForm\r\n","import React, {useState, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Text, Box, Button, Modal, Loading} from 'components'\r\nimport MessageForm from './MessageForm'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {remove} from 'activities/actions'\r\n\r\nconst DeleteButton = ({id, isRecurring, children, remove, archived}) => {\r\n const [isLoading, setIsLoading] = useState(false)\r\n const [modalVisible, showModal, _hideModal] = useToggle()\r\n const [error, setError] = useState(null)\r\n\r\n const hideModal = useCallback(() => {\r\n _hideModal()\r\n setError(null)\r\n }, [_hideModal, setError])\r\n\r\n const handleSubmit = useCallback(\r\n (values) => {\r\n setIsLoading(true)\r\n\r\n new Promise((resolve, reject) => {\r\n remove({...values, archived, resolve, reject})\r\n })\r\n .then(hideModal)\r\n .catch((error) => {\r\n setIsLoading(false)\r\n setError(error)\r\n })\r\n },\r\n [setIsLoading, remove, hideModal, setError, archived]\r\n )\r\n\r\n return (\r\n <>\r\n {modalVisible && (\r\n \r\n \r\n {isLoading ? (\r\n \r\n {error}\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {remove: remove.requested})\r\n\r\nexport default enhancer(DeleteButton)\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Flex, Box, Text} from 'components'\r\n\r\nconst Image = styled.div`\r\n height: 30px;\r\n width: 30px;\r\n margin-right: 10px;\r\n background-color: ${(props) => props.theme.colors[props.color]};\r\n background-size: cover;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n border-radius: 50%;\r\n`\r\n\r\nconst CoHosts = ({coHosts, color}) => {\r\n const [t] = useTranslation()\r\n\r\n return coHosts.length > 0 ? (\r\n \r\n \r\n \r\n {t('Medarrangører')}\r\n \r\n \r\n\r\n {coHosts.map(({firstName, surname, headerImage}) => (\r\n \r\n \r\n \r\n {firstName} {surname}\r\n \r\n \r\n \r\n ))}\r\n \r\n ) : null\r\n}\r\n\r\nCoHosts.defaultProps = {\r\n coHosts: [],\r\n}\r\n\r\nexport default CoHosts\r\n","import React, {useContext, useEffect, useMemo, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport styled from 'styled-components'\r\nimport {getDay} from 'date-fns'\r\nimport {compose, branch, renderNothing} from 'recompose'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Text, Button, Flex, Box} from 'components'\r\nimport {Clock, Pin, Payment} from 'components/icons'\r\nimport {getActivity} from 'activities/selectors'\r\nimport {fetchStatistics} from 'activities/actions'\r\nimport {typesById} from 'activities/constants'\r\nimport format from 'lib/format'\r\nimport price from 'lib/price'\r\nimport Images from './Images'\r\nimport Comments from './Comments'\r\nimport Participants from './Participants'\r\nimport CreatedBy from './CreatedBy'\r\nimport Context from '../../Context'\r\nimport DeleteButton from './DeleteButton'\r\nimport CoHosts from './CoHosts'\r\nimport ValidURL from 'lib/validURL/ValidURL'\r\n\r\nconst HeaderImage = styled(Flex).attrs({\r\n flexDirection: 'column',\r\n})`\r\n height: 120px;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n`\r\n\r\nconst ShowModal = ({id, activity, hide, toggleEdit, fetchStatistics,}) => {\r\n const [t] = useTranslation()\r\n const [isFetching, setIsFetching] = useState(true)\r\n const {showCreateModal, archived} = useContext(Context)\r\n const type = useMemo(() => typesById[activity.type], [activity.type])\r\n \r\n useEffect(() => {\r\n new Promise((resolve, reject) => {\r\n fetchStatistics({resolve, reject, id, archived})\r\n }).then(() => {\r\n setIsFetching(false)\r\n })\r\n }, [fetchStatistics, setIsFetching, id, archived])\r\n\r\n return (\r\n \r\n {activity.coverImage && (\r\n \r\n \r\n \r\n \r\n \r\n {format(activity.start, 'ddd D. MMM. HH:mm')}\r\n {activity.end &&\r\n ` - ${format(\r\n activity.end,\r\n getDay(activity.start) === getDay(activity.end)\r\n ? 'HH:mm'\r\n : 'ddd D. MMM. HH:mm'\r\n )}`}\r\n \r\n \r\n {activity.deadline && (\r\n \r\n \r\n {t('Svarfristen er {{date}}', {\r\n date: format(activity.deadline, 'ddd D MMM HH:mm'),\r\n })}\r\n \r\n \r\n )}\r\n\r\n {activity.location && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {activity.activityPayment && (\r\n \r\n \r\n \r\n \r\n {price(activity.activityPayment.amount)}\r\n \r\n \r\n )}\r\n\r\n {activity.description && (\r\n \r\n \r\n {activity.description.split('\\n').map((str) => (\r\n \r\n ))}\r\n \r\n \r\n )}\r\n\r\n \r\n\r\n {activity.images && activity.images.length > 0 && (\r\n \r\n {!archived && (\r\n \r\n \r\n \r\n )}\r\n {!activity.activityPayment && (\r\n \r\n showCreateModal(activity.id)}\r\n >\r\n {t('Kopier')}\r\n \r\n \r\n )}\r\n \r\n \r\n {t('Slet')}\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n connect(\r\n (state, {id}) => ({\r\n activity: getActivity(state, id),\r\n }),\r\n {fetchStatistics: fetchStatistics.requested}\r\n ),\r\n branch(({activity}) => !activity, renderNothing)\r\n)\r\n\r\nexport default enhancer(ShowModal)\r\n","const steps = {\r\n CHOOSE: 0,\r\n DETAILS: 1,\r\n PARTICIPANTS: 2,\r\n}\r\n\r\nexport default steps\r\n","import React, {useCallback} from 'react'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Button, Flex, Box} from 'components'\r\nimport {typesAsArray} from 'activities/constants'\r\n\r\nconst filteredTypes = typesAsArray.filter((type) => !type.hidden)\r\n\r\nconst Choose = ({values, setFieldValue, nextStep}) => {\r\n const [t] = useTranslation()\r\n const setType = useCallback(\r\n (id) => {\r\n setFieldValue('type', id)\r\n nextStep()\r\n },\r\n [setFieldValue, nextStep]\r\n )\r\n\r\n return (\r\n \r\n {filteredTypes.map(({id, color, name, key}, index, array) => (\r\n \r\n \r\n \r\n ))}\r\n \r\n )\r\n}\r\n\r\nexport default Choose\r\n","import React, {useCallback} from 'react'\r\nimport styled from 'styled-components'\r\nimport {useDropzone} from 'react-dropzone'\r\nimport {darken} from 'polished'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Text, Box, Flex} from 'components'\r\nimport {Camera} from 'components/icons'\r\n\r\nconst DropArea = styled(Flex).attrs({\r\n flexDirection: 'column',\r\n})`\r\n height: 120px;\r\n background: ${(props) =>\r\n props.active\r\n ? darken(0.1, props.theme.colors[props.color])\r\n : props.theme.colors[props.color]};\r\n border-bottom: 2px solid ${(props) => props.theme.colors[props.color]};\r\n cursor: pointer;\r\n\r\n will-change: background;\r\n transition: background 0.125s ease;\r\n`\r\n\r\nconst Preview = styled.div`\r\n width: 100%;\r\n height: 100%;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n\r\n will-change: opacity;\r\n transition: opacity 0.125s ease;\r\n\r\n &:hover {\r\n opacity: 0.5;\r\n }\r\n`\r\n\r\nconst iconForType = ({icon: Icon}) => (\r\n \r\n <>\r\n \r\n {value ? (\r\n \r\n {iconForType(type)} \r\n \r\n \r\n {t('Tilføj coverbillede')} \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default CoverImageInput\r\n","import React, {useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport styled from 'styled-components'\r\nimport {useDropzone} from 'react-dropzone'\r\nimport {rgba} from 'polished'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Text, Flex, Box} from 'components'\r\nimport {Camera} from 'components/icons'\r\nimport {removeImage} from 'activities/actions'\r\n\r\nconst PreviewContainer = styled(Flex).attrs({\r\n flexWrap: 'wrap',\r\n})`\r\n margin: -8px;\r\n`\r\n\r\nconst Preview = styled(Box)`\r\n position: relative;\r\n height: 75px;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n border: 1px solid ${(props) => props.theme.colors.primary};\r\n box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5);\r\n\r\n will-change: opacity;\r\n transition: opacity 0.125s ease;\r\n\r\n &::after {\r\n content: ' \\\\00d7';\r\n color: ${(props) => props.theme.colors.black};\r\n font-size: 2rem;\r\n position: absolute;\r\n top: 20px;\r\n left: 30px;\r\n opacity: 0;\r\n will-change: opacity;\r\n transition: opacity 0.125s ease;\r\n }\r\n\r\n &:hover {\r\n opacity: 0.75;\r\n\r\n &::after {\r\n opacity: 1;\r\n }\r\n }\r\n`\r\n\r\nconst DropArea = styled(Box).attrs({\r\n p: 1,\r\n})`\r\n border: 1px solid ${(props) => props.theme.colors.primary};\r\n border-radius: 5px;\r\n cursor: pointer;\r\n background: ${(props) =>\r\n props.active ? rgba(props.theme.colors.primary, 0.25) : 'transparent'};\r\n will-change: background;\r\n transition: background 0.125s ease;\r\n`\r\n\r\nconst ImagesInput = ({\r\n setFieldValue,\r\n value = [],\r\n removeImage,\r\n id,\r\n isRecurring,\r\n}) => {\r\n const handleDrop = useCallback(\r\n (files) => {\r\n setFieldValue('images', [\r\n ...value,\r\n ...files.map((file) =>\r\n Object.assign(file, {preview: URL.createObjectURL(file)})\r\n ),\r\n ])\r\n },\r\n [value, setFieldValue]\r\n )\r\n\r\n const {getRootProps, getInputProps, isDragActive} = useDropzone({\r\n accept: 'image/*',\r\n onDropAccepted: handleDrop,\r\n })\r\n\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n {value && value.length > 0 && (\r\n \r\n {value.map((image, i) => {\r\n const isFile = image instanceof File\r\n\r\n return (\r\n \r\n {\r\n if (!isFile) {\r\n removeImage({id, url: image})\r\n }\r\n setFieldValue(\r\n 'images',\r\n value.filter((file) => file !== image)\r\n )\r\n }}\r\n />\r\n \r\n )\r\n })}\r\n \r\n )}\r\n 0 && 3}>\r\n \r\n \r\n \r\n \r\n \r\n {t('Tilføj billeder')} \r\n \r\n\r\n {isRecurring && (\r\n \r\n Gælder kun ved oprettelsen af en enkelt aktivitet\r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {removeImage: removeImage.requested})\r\n\r\nexport default enhancer(ImagesInput)\r\n","import React, {useMemo} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Field} from 'formik'\r\nimport {get} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {getResponsibleCandidates} from 'members'\r\nimport {Box, Text, LabeledSelect} from 'components'\r\n\r\nconst ResponsibleSelect = ({responsibleCandidates}) => {\r\n const options = useMemo(\r\n () =>\r\n responsibleCandidates\r\n .map(({id, firstName, surname}) => ({\r\n id,\r\n name: `${firstName} ${surname}`,\r\n }))\r\n .filter((option) => option),\r\n [responsibleCandidates]\r\n )\r\n\r\n const [t] = useTranslation()\r\n\r\n return (\r\n (\r\n id === field.value),\r\n 'name'\r\n )}\r\n renderItem={({id, name}, hide) => (\r\n {\r\n form.setFieldValue('responsibleUserId', id)\r\n hide()\r\n }}\r\n >\r\n {name} \r\n \r\n )}\r\n />\r\n )}\r\n />\r\n )\r\n}\r\n\r\nResponsibleSelect.defaultProps = {\r\n responsibleCandidates: [],\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({responsibleCandidates: getResponsibleCandidates})\r\n)\r\n\r\nexport default enhancer(ResponsibleSelect)\r\n","import React, {useMemo, useEffect, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Field, useField} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {includes} from 'lodash'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Box, Flex, Text, LabeledSelect} from 'components'\r\nimport {Checkmark} from 'components/icons'\r\nimport {fetchCohosts, getPossibleCohosts} from 'clubs'\r\n\r\nconst CoHostSelect = ({coHostCandidates, fetchCohosts}) => {\r\n const [t] = useTranslation()\r\n\r\n const [{value}, , {setValue}] = useField('coHostIds')\r\n\r\n const title = useMemo(() => {\r\n if (value.length === 0) {\r\n return t('Vælg medarrangører')\r\n }\r\n\r\n return value\r\n .map((id) => coHostCandidates.find(({userId}) => userId === id))\r\n .filter((coHost) => !!coHost)\r\n .map(({firstName, surname}) => `${firstName} ${surname}`)\r\n .join(', ')\r\n }, [value, coHostCandidates, t])\r\n\r\n const onItemClick = useCallback(\r\n (id) => {\r\n setValue(\r\n includes(value, id)\r\n ? value.filter((coHostId) => coHostId !== id)\r\n : [...value, id]\r\n )\r\n },\r\n [setValue, value]\r\n )\r\n\r\n useEffect(() => {\r\n fetchCohosts()\r\n }, [fetchCohosts])\r\n\r\n return (\r\n \r\n {({field}) => (\r\n (\r\n onItemClick(id)}>\r\n \r\n {firstName} {surname}\r\n \r\n {includes(value, id) && (\r\n \r\n \r\n )}\r\n \r\n )}\r\n />\r\n )}\r\n \r\n )\r\n}\r\n\r\nCoHostSelect.defaultProps = {\r\n coHostCandidates: [],\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({coHostCandidates: getPossibleCohosts}),\r\n {fetchCohosts: fetchCohosts.requested}\r\n)\r\n\r\nexport default enhancer(CoHostSelect)\r\n","const isPhone = (function (a) {\r\n if (window.location.href.indexOf('/register') > -1) return false\r\n return (\r\n /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(\r\n a\r\n ) ||\r\n /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(\r\n a.substr(0, 4)\r\n )\r\n )\r\n})(navigator.userAgent || navigator.vendor || window.opera)\r\n\r\nexport default isPhone\r\n","import { loginExternal } from \"authentication/sagas\";\r\nimport getAppUrls from 'jsonFetches/getAppUrls'\r\n// import { PublicClientApplication } from \"@azure/msal-browser\";\r\n// import \"./msal-browser.min.js\";\r\n\r\n\r\n// export const auth = () => {\r\n // Browser check variables\r\n // If you support IE, our recommendation is that you sign-in using Redirect APIs\r\n // If you as a developer are testing using Edge InPrivate mode, please add \"isEdge\" to the if check\r\n const ua = window.navigator.userAgent;\r\n const msie = ua.indexOf(\"MSIE \");\r\n const msie11 = ua.indexOf(\"Trident/\");\r\n const msedge = ua.indexOf(\"Edge/\");\r\n const isIE = msie > 0 || msie11 > 0;\r\n const isEdge = msedge > 0;\r\n \r\n // Add here scopes for id token to be used at MS Identity Platform endpoints.\r\n const loginRequest = {\r\n scopes: [\"User.Read\"]\r\n };\r\n\r\n // Add here the endpoints for MS Graph API services you would like to use.\r\n const graphConfig = {\r\n graphMeEndpoint: \"https://graph.microsoft.com/v1.0/me\",\r\n graphMailEndpoint: \"https://graph.microsoft.com/v1.0/me/messages\"\r\n };\r\n\r\n // Add here scopes for access token to be used at MS Graph API endpoints.\r\n const tokenRequest = {\r\n scopes: [\"Mail.Read\"],\r\n forceRefresh: false // Set this to \"true\" to skip a cached token and go to the server to get a new token\r\n };\r\n\r\n const silentRequest = {\r\n scopes: [\"openid\", \"profile\", \"User.Read\", \"Mail.Read\"]\r\n };\r\n\r\n let signInType;\r\n let accountId = \"\";\r\n var myMSALObj = {};\r\n\r\n function handleResponse(resp) {\r\n if (resp !== null) {\r\n accountId = resp.account.homeAccountId;\r\n myMSALObj.setActiveAccount(resp.account);\r\n\r\n const accessTokenRequest = {\r\n scopes: [\"user.read\"],\r\n account: resp.account,\r\n };\r\n\r\n myMSALObj\r\n .acquireTokenSilent(accessTokenRequest)\r\n .then(function (accessTokenResponse) {\r\n // Acquire token silent success\r\n let accessToken = accessTokenResponse.accessToken;\r\n\r\n // Call your API with token\r\n fetch(`${getAppUrls().apiMyOrgUrl}/v4/login/external`, {\r\n method: \"POST\", // *GET, POST, PUT, DELETE, etc.\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n \"Authorization\": \"Basic \" + btoa(\"minforeningwebuser:ZxDjmeQrwpqYd2zDxIHLShu3wrnptz\")\r\n // 'Content-Type': 'application/x-www-form-urlencoded',\r\n },\r\n body: JSON.stringify({\r\n provider: 'Microsoft',\r\n token: accessToken\r\n }), // body data type must match \"Content-Type\" header\r\n }).then(response => {\r\n let json = response.json().then(result => {\r\n result.token = result.authToken;\r\n localStorage.setItem('mf-user', JSON.stringify(result))\r\n setTimeout(function() {\r\n window.location.reload();\r\n }, 500);\r\n });\r\n \r\n });\r\n\r\n })\r\n } else {\r\n // need to call getAccount here?\r\n const currentAccounts = myMSALObj.getAllAccounts();\r\n if (!currentAccounts || currentAccounts.length < 1) {\r\n return;\r\n } else if (currentAccounts.length > 1) {\r\n\r\n } else if (currentAccounts.length === 1) {\r\n const activeAccount = currentAccounts[0];\r\n myMSALObj.setActiveAccount(activeAccount);\r\n accountId = activeAccount.homeAccountId;\r\n \r\n }\r\n }\r\n }\r\n\r\n async function signIn(method) {\r\n signInType = isIE ? \"redirect\" : method;\r\n if (signInType === \"popup\") {\r\n return myMSALObj.loginPopup({\r\n ...loginRequest,\r\n redirectUri: \"/redirect\"\r\n }).then(handleResponse).catch(function (error) {\r\n console.log(error);\r\n });\r\n } else if (signInType === \"redirect\") {\r\n return myMSALObj.loginRedirect(loginRequest)\r\n }\r\n }\r\n\r\n function signOut(interactionType) {\r\n const logoutRequest = {\r\n account: myMSALObj.getAccountByHomeId(accountId)\r\n };\r\n\r\n if (interactionType === \"popup\") {\r\n myMSALObj.logoutPopup(logoutRequest).then(() => {\r\n window.location.reload();\r\n });\r\n } else {\r\n myMSALObj.logoutRedirect(logoutRequest);\r\n }\r\n }\r\n\r\n async function getTokenPopup(request, account) {\r\n request.redirectUri = \"/redirect\"\r\n return await myMSALObj\r\n .acquireTokenSilent(request)\r\n .catch(async (error) => {\r\n console.log(\"silent token acquisition fails.\");\r\n if (error instanceof msal.InteractionRequiredAuthError) {\r\n console.log(\"acquiring token using popup\");\r\n return myMSALObj.acquireTokenPopup(request).catch((error) => {\r\n console.error(error);\r\n });\r\n } else {\r\n console.error(error);\r\n }\r\n });\r\n }\r\n\r\n // This function can be removed if you do not need to support IE\r\n async function getTokenRedirect(request, account) {\r\n return await myMSALObj.acquireTokenSilent(request).catch(async (error) => {\r\n console.log(\"silent token acquisition fails.\");\r\n if (error instanceof msal.InteractionRequiredAuthError) {\r\n // fallback to interaction when silent call fails\r\n console.log(\"acquiring token using redirect\");\r\n myMSALObj.acquireTokenRedirect(request);\r\n } else {\r\n console.error(error);\r\n }\r\n });\r\n }\r\n// }\r\n\r\nexport async function readyAuth(msalConfig) {\r\n // Create the main myMSALObj instance\r\n // configuration parameters are located at authConfig.js\r\n myMSALObj = new msal.PublicClientApplication(msalConfig);\r\n\r\n myMSALObj.initialize().then(() => {\r\n // Redirect: once login is successful and redirects with tokens, call Graph API\r\n myMSALObj.handleRedirectPromise().then(handleResponse).catch(err => {\r\n console.error(err);\r\n });\r\n })\r\n}\r\n\r\nexport async function signInAuth() { \r\n signIn(\"redirect\");\r\n}","import React from 'react'\r\nimport {get} from 'lodash'\r\nimport {Field} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Box, Text, LabeledSelect} from 'components'\r\n\r\nconst options = [\r\n {value: 1, name: 'Offentlig'},\r\n {value: 3, name: 'Privat'},\r\n]\r\n\r\nconst VisibilitySelect = () => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n (\r\n value === field.value),\r\n 'name',\r\n 'Offentlig'\r\n )\r\n )}\r\n renderItem={({value, name}, hide) => (\r\n {\r\n form.setFieldValue('visibility', value)\r\n hide()\r\n }}\r\n >\r\n {t(name)} \r\n \r\n )}\r\n />\r\n )}\r\n />\r\n )\r\n}\r\n\r\nexport default VisibilitySelect\r\n","import React, {useState, useEffect, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Field} from 'formik'\r\nimport {\r\n isAfter,\r\n addHours,\r\n addMilliseconds,\r\n differenceInMilliseconds,\r\n isBefore,\r\n startOfYesterday,\r\n startOfToday,\r\n subDays,\r\n setMinutes,\r\n getHours,\r\n setHours,\r\n} from 'date-fns'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {\r\n LabeledInput,\r\n LabeledDateInput,\r\n LabeledSelect,\r\n LabeledTextArea,\r\n LabeledSwitch,\r\n Text,\r\n Box,\r\n Flex,\r\n Button,\r\n Tooltip,\r\n PaymentMethods,\r\n PaymentMethodList,\r\n StyledCheckbox,\r\n Searchable,\r\n Input,\r\n} from 'components'\r\nimport {Alert} from 'components/icons'\r\nimport {getPaymentAgreementAccepted, getActive, getActiveCurrency} from 'clubs/selectors'\r\nimport {typesById} from 'activities/constants'\r\nimport CoverImageInput from './CoverImage'\r\nimport ImagesInput from './Images'\r\nimport {asArray as recurringOptions} from 'activities/components/NewActivityForm/recurringOptions'\r\nimport ResponsibleSelect from './ResponsibleSelect'\r\nimport CoHostSelect from './CoHostSelect'\r\nimport VisibilitySelect from './VisiblilitySelect'\r\nimport styled from 'styled-components'\r\nimport {getClubPaymentMethods} from 'paymentMethods/actions'\r\nimport {toLower, includes} from 'lodash'\r\nimport countryCodes from 'lib/countryCodes'\r\n\r\nconst ListContainer = styled(Box)`\r\n max-height: 200px;\r\n overflow-y: scroll;\r\n\r\n`\r\n\r\nconst Details = ({\r\n isEdit,\r\n values,\r\n setFieldValue,\r\n setFieldTouched,\r\n touched,\r\n paymentAgreementAccepted,\r\n currency,\r\n club,\r\n paymentMethodBulk,\r\n getClubPaymentMethods,\r\n}) => {\r\n const [t] = useTranslation()\r\n const [kevinPaymentMethodIsActive, setKevinPaymentMethodIsActive] = useState(false)\r\n\r\n const togglePaymentMethod = useCallback(\r\n ({target: {value, checked}}) => {\r\n setFieldValue(\r\n 'paymentMethods',\r\n checked\r\n ? [...paymentMethodBulk, value]\r\n : paymentMethodBulk.filter((paymentMethod) => paymentMethod.toString() !== value)\r\n )\r\n },\r\n [setFieldValue, paymentMethodBulk]\r\n )\r\n\r\n useEffect(() => {\r\n new Promise((resolve) => {\r\n getClubPaymentMethods({resolve})\r\n }).then(result => {\r\n let paymentMethods = result.filter(p => p.paymentMethodName.toLowerCase() == \"kevin\");\r\n if (paymentMethods.length > 0) {\r\n \r\n setKevinPaymentMethodIsActive(true);\r\n }\r\n \r\n })\r\n }, [getClubPaymentMethods, kevinPaymentMethodIsActive])\r\n\r\n\r\n return (\r\n \r\n setFieldValue('coverImage', val)}\r\n value={values.coverImage}\r\n type={typesById[values.type]}\r\n />\r\n \r\n \r\n \r\n\r\n\r\n {(!isEdit || values.activityPayment) && !values.recurring && (\r\n <>\r\n \r\n setFieldTouched('amount', true, true)}\r\n />\r\n\r\n {touched.amount && isEdit && (\r\n \r\n Det er ikke muligt at ændre beløb i en aktivitetsbetaling\r\n \r\n )} \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n {values.amount && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n (\r\n isAfter(current, startOfYesterday())}\r\n onChange={(val) => {\r\n if (form.values.recurringUntill) {\r\n form.setFieldValue(\r\n 'recurringUntill',\r\n setHours(form.values.recurringUntill, getHours(val))\r\n )\r\n }\r\n\r\n if (!form.values.end) {\r\n form.setFieldValue('end', addHours(val, 1))\r\n } else {\r\n const diff = differenceInMilliseconds(\r\n form.values.end,\r\n form.values.start\r\n )\r\n form.setFieldValue('end', addMilliseconds(val, diff))\r\n }\r\n\r\n form.setFieldValue(field.name, val)\r\n }}\r\n onBlur={() => form.setFieldTouched(field.name, true)}\r\n error={form.touched[field.name] && form.errors[field.name]}\r\n label={`${t('Starter')} *`}\r\n renderAddon={(close) => (\r\n \r\n )}\r\n />\r\n )}\r\n />\r\n \r\n \r\n (\r\n \r\n isAfter(\r\n current,\r\n values.start ? subDays(values.start, 1) : startOfYesterday()\r\n )\r\n }\r\n onChange={(val) => form.setFieldValue(field.name, val)}\r\n onBlur={() => form.setFieldTouched(field.name, true)}\r\n error={form.touched[field.name] && form.errors[field.name]}\r\n label={t('Slutter')}\r\n renderAddon={(close) => (\r\n \r\n )}\r\n />\r\n )}\r\n />\r\n \r\n \r\n (\r\n isBefore(current, values.start)}\r\n onChange={(val) => form.setFieldValue(field.name, val)}\r\n onBlur={() => form.setFieldTouched(field.name, true)}\r\n error={form.touched[field.name] && form.errors[field.name]}\r\n label={`${t('Svarfrist')} ${values.amount ? ' *' : ''}`}\r\n renderAddon={(close) => (\r\n \r\n )}\r\n />\r\n )}\r\n />\r\n \r\n {values.deadline && (\r\n \r\n \r\n setFieldValue('twoDaysReminder', checked)\r\n }\r\n value={values.twoDaysReminder}\r\n />\r\n \r\n )}\r\n \r\n (\r\n \r\n \r\n (\r\n {\r\n setFieldValue('recurring', id)\r\n hide()\r\n }}\r\n >\r\n {t(name)} \r\n \r\n )}\r\n />\r\n \r\n )}\r\n {!isEdit && values.recurring > 0 && (\r\n \r\n (\r\n isAfter(current, values.start)}\r\n onChange={(val) =>\r\n form.setFieldValue(\r\n field.name,\r\n setHours(\r\n val,\r\n form.values.start ? getHours(form.values.start) : 12\r\n )\r\n )\r\n }\r\n onBlur={() => form.setFieldTouched(field.name, true)}\r\n error={form.touched[field.name] && form.errors[field.name]}\r\n label={t('Gentag indtil')}\r\n renderAddon={(close) => (\r\n \r\n )}\r\n />\r\n )}\r\n />\r\n \r\n )}\r\n {!values.amount && !values.limit && (\r\n \r\n \r\n setFieldValue('forcedParticipation', checked)\r\n }\r\n value={values.forcedParticipation}\r\n />\r\n \r\n )}\r\n {!values.forcedParticipation && (\r\n \r\n \r\n )} \r\n \r\n \r\n setFieldValue('sendNotification', checked)\r\n }\r\n value={values.sendNotification}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setFieldValue('displayedPublically', checked)\r\n \r\n }\r\n }\r\n value={values.displayedPublically}\r\n />\r\n {values.coverImage ? null : {t('Kræver coverbillede')} }\r\n \r\n \r\n \r\n setFieldValue('participantsVisible', checked)\r\n }\r\n value={values.participantsVisible}\r\n />\r\n \r\n \r\n \r\n setFieldValue('commentsEnabled', checked)\r\n }\r\n value={values.commentsEnabled}\r\n />\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n club: getActive,\r\n currency: getActiveCurrency,\r\n paymentAgreementAccepted: getPaymentAgreementAccepted,\r\n }), {\r\n getClubPaymentMethods: getClubPaymentMethods.requested\r\n }\r\n)\r\n\r\nexport default enhancer(Details)\r\n","import React, {useCallback, useMemo} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {toLower, includes, get} from 'lodash'\r\nimport {useSearch} from 'react-use-search'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {Input, Box, Modal, Text, Button} from 'components'\r\nimport {getGroups} from 'groups/selectors'\r\nimport {MemberList} from 'members/components'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst predicate = (member, value) => {\r\n const terms = toLower(value)\r\n .split(' ')\r\n .map((term) => term.trim())\r\n .filter((term) => !!term)\r\n const values = ['firstName', 'surname'].map((value) =>\r\n toLower(get(member, value))\r\n )\r\n\r\n return terms.some((term) => values.some((value) => includes(value, term)))\r\n}\r\n\r\nconst Members = ({\r\n isEdit,\r\n members,\r\n groups,\r\n groupInvitedMembers,\r\n value,\r\n groupsValue,\r\n prevGroupsValues,\r\n setFieldValue,\r\n}) => {\r\n const [t] = useTranslation()\r\n const [modalVisible, showModal, hideModal] = useToggle()\r\n\r\n const currentGroupMembers = useMemo(\r\n () =>\r\n isEdit\r\n ? (groupsValue || [])\r\n .filter((group) =>\r\n includes(\r\n prevGroupsValues.map((prevGroup) => `${prevGroup}`),\r\n `${group}`\r\n )\r\n )\r\n .flatMap((id) => get(groups, `[${id}].users`))\r\n : [],\r\n [groupsValue, prevGroupsValues, groups, isEdit]\r\n )\r\n\r\n const toggleMember = useCallback(\r\n ({target: {checked, value: id}}) => {\r\n if (isEdit && includes(currentGroupMembers, parseInt(id, 10))) {\r\n showModal()\r\n } else {\r\n setFieldValue(\r\n 'participants.members',\r\n checked\r\n ? [...value, id]\r\n : value.filter((participant) => `${participant}` !== id)\r\n )\r\n }\r\n },\r\n [value, setFieldValue, currentGroupMembers, isEdit, showModal]\r\n )\r\n\r\n const [filteredMembers, query, handleChange] = useSearch(members, predicate, {\r\n filter: true,\r\n })\r\n\r\n return (\r\n <>\r\n ({\r\n ...member,\r\n fade: includes(currentGroupMembers, member.id),\r\n }))}\r\n toggleMember={toggleMember}\r\n />\r\n {modalVisible && (\r\n \r\n \r\n \r\n {t(\r\n 'Du kan ikke fjerne denne person fra aktiviteten, da personen er inviteret gennem en gruppe; du skal fjerne gruppen, som medlemmet er i.'\r\n )}\r\n \r\n\r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(createStructuredSelector({groups: getGroups}))\r\n\r\nexport default enhancer(Members)\r\n","import React, {useCallback} from 'react'\r\nimport {toLower, difference, includes, get} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {useSearch} from 'react-use-search'\r\nimport {Input} from 'components'\r\nimport {GroupList} from 'groups/components'\r\n\r\nconst predicate = ({title, subGroups = []}, value) =>\r\n includes(toLower(title), toLower(value)) ||\r\n subGroups.some((group) => includes(toLower(group.title), toLower(value)))\r\n\r\nconst Groups = ({groups, value, setFieldValue, prevValue, isEdit, members}) => {\r\n const [t] = useTranslation()\r\n\r\n const toggleGroup = useCallback(\r\n ({target: {checked, value: id}}) => {\r\n setFieldValue(\r\n 'participants.groups',\r\n checked\r\n ? [...value, `${id}`]\r\n : value.filter((participant) => `${participant}` !== `${id}`)\r\n )\r\n\r\n if (isEdit && includes(prevValue, parseInt(id, 10))) {\r\n setFieldValue(\r\n 'participants.members',\r\n difference(\r\n members.map((member) => member.toString()),\r\n get(\r\n groups.find((group) => group.id.toString() === id),\r\n 'users',\r\n []\r\n ).map((member) => member.toString())\r\n )\r\n )\r\n }\r\n },\r\n [setFieldValue, value, prevValue, members, groups, isEdit]\r\n )\r\n\r\n const [filteredGroups, query, handleChange] = useSearch(groups, predicate, {\r\n filter: true,\r\n })\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n {\r\n setIsFetching(true)\r\n setTimeout(()=>{\r\n setIsFetching(false)\r\n setView(views.GROUPS)\r\n }, 1000);\r\n }}\r\n >\r\n \r\n \r\n \r\n {t('Grupper')} \r\n \r\n \r\n \r\n \r\n {\r\n setIsFetching(true)\r\n setTimeout(()=>{\r\n setIsFetching(false)\r\n setView(views.MEMBERS)\r\n }, 1000);\r\n }}\r\n >\r\n \r\n \r\n \r\n {t('Personer')} \r\n \r\n \r\n \r\n \r\n \r\n { isFetching ? \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n members: getInvitableMembers,\r\n groups: getNestedGroupsArray,\r\n groupInvitedMembers: getGroupInvitedMembers,\r\n })\r\n)\r\n\r\nexport default enhancer(Participants)\r\n","import Yup from 'lib/yup'\r\nimport {asArray} from './recurringOptions'\r\nimport {typesAsArray} from 'activities/constants'\r\n\r\nconst schema = Yup.object().shape({\r\n title: Yup.string().required(),\r\n location: Yup.string().nullable(),\r\n start: Yup.mixed().required(),\r\n description: Yup.string().max(2000),\r\n recurring: Yup.number()\r\n .oneOf(asArray.map((type) => type.id))\r\n .required(),\r\n commentsEnabled: Yup.boolean().required(),\r\n participantsVisible: Yup.boolean().required(),\r\n type: Yup.number()\r\n .oneOf(typesAsArray.map((type) => type.id))\r\n .required(),\r\n participants: Yup.object().shape({\r\n groups: Yup.array(),\r\n members: Yup.array(),\r\n }),\r\n limit: Yup.number().typeError().integer(),\r\n hasPayment: Yup.boolean(),\r\n kevinPaymentDisabled: Yup.boolean(),\r\n amount: Yup.number().typeError().positive().min(2).nullable(),\r\n deadline: Yup.mixed().when('amount', {\r\n is: (value) => !!value,\r\n then: Yup.mixed().required(),\r\n }),\r\n displayedPublically: Yup.boolean(),\r\n})\r\n\r\nexport default schema\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {ThemeProvider} from 'styled-components'\r\nimport {Formik} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {typesById} from 'activities/constants'\r\nimport {getUserId} from 'user'\r\nimport steps from './steps'\r\nimport Choose from './Choose'\r\nimport Details from './Details'\r\nimport Participants from './Participants'\r\nimport {byName} from './recurringOptions'\r\nimport validationSchema from './validationSchema'\r\n\r\nconst createTheme = (color) => (theme) =>\r\n color\r\n ? {\r\n ...theme,\r\n colors: {\r\n ...theme.colors,\r\n primary: theme.colors[color],\r\n },\r\n }\r\n : theme\r\n\r\nconst NewActivityForm = ({\r\n step,\r\n setStep,\r\n renderActions,\r\n onSubmit,\r\n isEdit,\r\n initialValues = {},\r\n isInitialValid,\r\n userId,\r\n}) => {\r\n const [t] = useTranslation()\r\n return (\r\n (\r\n \r\n \r\n \r\n\r\n \r\n )}\r\n />\r\n )\r\n}\r\n\r\nconst enhancer = connect(createStructuredSelector({userId: getUserId}))\r\n\r\nexport default enhancer(NewActivityForm)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {bindActionCreators} from 'redux'\r\nimport {get, isEqual, keys} from 'lodash'\r\nimport {compose, lifecycle, withProps, withState, withHandlers} from 'recompose'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Button, ButtonWithProtectedAction, Box, Flex} from 'components'\r\nimport {getActivity} from 'activities/selectors'\r\nimport {edit, fetchGroups} from 'activities/actions'\r\nimport NewActivityForm from 'activities/components/NewActivityForm'\r\nimport steps from 'activities/components/NewActivityForm/steps'\r\n\r\nconst renderActions = (\r\n currentStep,\r\n setStep,\r\n isValid,\r\n _,\r\n values,\r\n {submitForm, setFieldValue},\r\n initialValues,\r\n t\r\n) =>\r\n ({\r\n [steps.DETAILS]: (\r\n \r\n \r\n {\r\n e.preventDefault()\r\n setStep(steps.PARTICIPANTS)\r\n }}\r\n >\r\n {t('Rediger inviterede')}\r\n \r\n \r\n {values.isRecurring &&\r\n !isEqual(\r\n keys(values).filter(\r\n (key) =>\r\n values[key] &&\r\n initialValues[key] &&\r\n !isEqual(values[key], initialValues[key])\r\n ),\r\n ['images']\r\n ) ? (\r\n e.preventDefault()}\r\n renderButtons={({reject}) => (\r\n \r\n \r\n \r\n \r\n\r\n \r\n {\r\n setFieldValue('editAll', true, false)\r\n submitForm()\r\n }}\r\n >\r\n {t('Alle')}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n )}\r\n >\r\n {t('Gem ændringer')}\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n ),\r\n [steps.PARTICIPANTS]: (\r\n \r\n {\r\n e.preventDefault()\r\n setStep(steps.DETAILS)\r\n }}\r\n >\r\n {t('Ok')}\r\n \r\n \r\n ),\r\n }[currentStep] || null)\r\n\r\nconst EditModal = ({hide, back, step, setStep, activity, handleSubmit}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n `${userId}`),\r\n groups: activity.groups || [],\r\n },\r\n prevParticipants: {\r\n members: get(activity, 'users', []).map(({userId}) => `${userId}`),\r\n groups: activity.groups || [],\r\n },\r\n coHostIds: get(activity, 'users', [])\r\n .filter(({cohost}) => cohost)\r\n .map(({userId}) => userId),\r\n }}\r\n step={step}\r\n setStep={setStep}\r\n onSubmit={handleSubmit}\r\n renderActions={renderActions}\r\n />\r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = (state, {id}) => ({\r\n activity: getActivity(state, id),\r\n})\r\n\r\nconst mapDispatchToProps = (dispatch) =>\r\n bindActionCreators(\r\n {\r\n edit: edit.requested,\r\n fetchGroups: fetchGroups.requested,\r\n },\r\n dispatch\r\n )\r\n\r\nconst enhancer = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n lifecycle({\r\n componentDidMount() {\r\n const {\r\n fetchGroups,\r\n activity: {id},\r\n } = this.props\r\n fetchGroups(id)\r\n },\r\n }),\r\n withState('step', 'setStep', steps.DETAILS),\r\n withHandlers({\r\n handleSubmit: ({edit, hide}) => (values) => {\r\n new Promise((resolve, reject) => edit({values, resolve, reject})).then(\r\n hide\r\n )\r\n },\r\n }),\r\n withProps(({step, setStep}) => ({\r\n back: step > steps.DETAILS ? () => setStep(step - 1) : undefined,\r\n }))\r\n)\r\n\r\nexport default enhancer(EditModal)\r\n","import React, {memo} from 'react'\r\nimport styled from 'styled-components'\r\nimport {darken} from 'polished'\r\nimport {Link, Flex, Box} from 'components'\r\n\r\nconst Container = styled(Flex).attrs({\r\n p: 2,\r\n px: 3,\r\n})`\r\n background: ${(props) => props.theme.colors[props.color]};\r\n color: ${(props) => props.theme.colors.white};\r\n\r\n will-change: background;\r\n transition: background 0.125s ease;\r\n\r\n &:hover {\r\n background: ${(props) => darken(0.1, props.theme.colors[props.color])};\r\n }\r\n`\r\n\r\nconst Item = ({to, color, name, renderIcon, onClick}) => (\r\n \r\n \r\n \r\n {renderIcon()} \r\n {name} \r\n \r\n \r\n \r\n)\r\n\r\nexport default memo(Item)\r\n","import React, {useEffect, useRef, useCallback} from 'react'\r\nimport styled from 'styled-components'\r\nimport {withRouter} from 'react-router-dom'\r\nimport qs from 'qs'\r\nimport {noop} from 'lodash'\r\nimport {withProps, compose} from 'recompose'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Flex} from 'components'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {typesAsArray} from 'activities/constants'\r\nimport Item from './Item'\r\n\r\nconst Container = styled(Flex).attrs({\r\n flexDirection: 'column',\r\n width: 200,\r\n})`\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.5);\r\n`\r\n\r\nconst TypeList = ({types, match: {url}, params: {archived}, hide}) => {\r\n const [t] = useTranslation()\r\n const container = useRef()\r\n const outsideClickHandler = useCallback(\r\n (event) => {\r\n if (container.current && container.current.contains(event.target)) {\r\n return\r\n }\r\n hide()\r\n },\r\n [container, hide]\r\n )\r\n useEffect(() => {\r\n document.addEventListener('click', outsideClickHandler)\r\n\r\n return () => {\r\n document.removeEventListener('click', outsideClickHandler)\r\n }\r\n }, [outsideClickHandler])\r\n\r\n return (\r\n \r\n \r\n \r\n {listVisible && \r\n \r\n )\r\n}\r\nconst enhancer = compose(\r\n withRouterParams,\r\n mapProps(({params: {type}}) => ({\r\n current: typesById[type],\r\n })),\r\n withToggle('list')\r\n)\r\n\r\nexport default enhancer(FilterDropdown)\r\n","import {\r\n isToday,\r\n startOfToday,\r\n startOfTomorrow,\r\n isTomorrow,\r\n isThisYear,\r\n} from 'date-fns'\r\nimport {values} from 'lodash'\r\nimport format from 'lib/format'\r\nimport i18n from '../i18n'\r\n\r\nconst formatString = 'dddd D[.] MMM'\r\n\r\nexport const groupActivities = (activities) =>\r\n values(\r\n activities.reduce((acc, activity) => {\r\n const date = format(activity.start, 'YYYY-MM-DD')\r\n\r\n if (!acc[date]) {\r\n acc[date] = {\r\n id: date,\r\n name: isToday(date)\r\n ? `${i18n.t('I dag')} (${format(startOfToday(), formatString)})`\r\n : isTomorrow(date)\r\n ? `${i18n.t('I morgen')} (${format(\r\n startOfTomorrow(),\r\n formatString\r\n )})`\r\n : format(date, `${formatString}${isThisYear(date) ? '' : ' YYYY'}`),\r\n activities: [],\r\n }\r\n }\r\n\r\n acc[date].activities = [...acc[date].activities, activity]\r\n\r\n return acc\r\n }, {})\r\n )\r\n","import React, {useEffect, useContext, useState} from 'react'\r\nimport styled from 'styled-components'\r\nimport {withRouter} from 'react-router-dom'\r\nimport {connect} from 'react-redux'\r\nimport {compose, withProps, branch, renderComponent} from 'recompose'\r\nimport {get} from 'lodash'\r\nimport qs from 'qs'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {withRouterParams, withSearch} from 'lib/hoc'\r\nimport {fetch as fetchActivities} from 'activities/actions'\r\nimport {\r\n getActivitiesByDay,\r\n getIsFetching,\r\n getIsExhausted,\r\n getArchivedIsExhausted,\r\n} from 'activities/selectors'\r\nimport {Link, Loading, Input, Flex, Box} from 'components'\r\nimport Group from './Group'\r\nimport ShowModal from './ShowModal'\r\nimport EditModal from './EditModal'\r\nimport FilterDropdown from './FilterDropdown'\r\nimport {groupActivities} from 'activities/lib'\r\nimport Context from '../Context'\r\n\r\nconst Tabs = styled(Flex)`\r\n border-radius: 5px 5px 0 0;\r\n overflow: hidden;\r\n`\r\n\r\nconst Tab = styled(Box).attrs({\r\n p: 2,\r\n px: 3,\r\n})`\r\n background: ${(props) =>\r\n props.theme.colors[props.active ? 'primary' : 'secondary']};\r\n font-weight: ${(props) => (props.active ? '1000' : '100')};\r\n color: ${(props) => props.theme.colors.white};\r\n text-decoration: ${(props) => (props.active ? 'underline' : 'none')};\r\n`\r\n\r\nconst ActivityTable = ({\r\n query,\r\n activityGroups,\r\n match: {url},\r\n location: {state},\r\n params: {archived, type},\r\n}) => {\r\n const [t] = useTranslation()\r\n const {showCreateModal, showShowModal, hideShowModal, showId} = useContext(\r\n Context\r\n )\r\n\r\n const [edit, setEdit] = useState(false)\r\n const toggleEdit = () => {\r\n setEdit(showId)\r\n hideShowModal()\r\n }\r\n const hideEditModal = () => {\r\n hideShowModal()\r\n setEdit(null)\r\n }\r\n\r\n useEffect(() => {\r\n const open = get(state, 'open')\r\n if (open) {\r\n showShowModal(open)\r\n }\r\n // eslint-disable-next-line\r\n }, [])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('Tidligere')} \r\n \r\n \r\n {t('Kommende aktiviteter')} \r\n \r\n \r\n \r\n \r\n {activityGroups.length > 0 ? (\r\n activityGroups.map((group) => (\r\n \r\n {showId && (\r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouter,\r\n withRouterParams,\r\n connect(\r\n (state, props) => ({\r\n activities: getActivitiesByDay(state, props),\r\n isFetching: getIsFetching(state),\r\n isExhausted: props.params.archived\r\n ? getArchivedIsExhausted(state)\r\n : getIsExhausted(state),\r\n }),\r\n {fetchActivities: fetchActivities.requested}\r\n ),\r\n branch(\r\n ({isFetching, activities}) => activities.length === 0 && isFetching,\r\n renderComponent(Loading)\r\n ),\r\n branch(\r\n ({activities}) => activities.length > 0,\r\n compose(\r\n withSearch({\r\n collectionProp: 'activities',\r\n params: ['title'],\r\n }),\r\n withProps(({activitiesSearched}) => ({\r\n activities: activitiesSearched,\r\n }))\r\n )\r\n ),\r\n withProps(({activities}) => ({\r\n activityGroups: groupActivities(activities),\r\n }))\r\n)\r\n\r\n\r\nexport default enhancer(ActivityTable)\r\n","import React, {useState, useMemo} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {omit} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Button, Flex, Loading} from 'components'\r\nimport {create} from 'activities/actions'\r\nimport {getActivity} from 'activities/selectors'\r\nimport ActivityForm from './NewActivityForm'\r\nimport steps from './NewActivityForm/steps'\r\n\r\nconst NewModal = ({create, hide, template}) => {\r\n const [step, setStep] = useState(template ? steps.DETAILS : steps.CHOOSE)\r\n const handleSubmit = (values, {setSubmitting}) => {\r\n setSubmitting(true)\r\n new Promise((resolve, reject) => create({values, resolve, reject})).then(\r\n hide\r\n )\r\n }\r\n\r\n const back = useMemo(\r\n () => (step > steps.CHOOSE ? () => setStep(step - 1) : undefined),\r\n [step, setStep]\r\n )\r\n\r\n const [t] = useTranslation()\r\n \r\n return (\r\n \r\n `${userId}`)\r\n : [],\r\n groups: template.groups\r\n ? template.groups.map(\r\n ({memberGroupId}) => `${memberGroupId}`\r\n )\r\n : [],\r\n },\r\n }\r\n : {}\r\n }\r\n renderActions={(\r\n currentStep,\r\n setStep,\r\n isValid,\r\n _handleSubmit,\r\n _values,\r\n {isSubmitting}\r\n ) =>\r\n ({\r\n [steps.DETAILS]: (\r\n \r\n {\r\n e.preventDefault()\r\n setStep(steps.PARTICIPANTS)\r\n }}\r\n >\r\n {t('Vælg deltagere')}\r\n \r\n \r\n ),\r\n [steps.PARTICIPANTS]: (\r\n \r\n \r\n \r\n ),\r\n }[currentStep] || null)\r\n }\r\n />\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n (state, {copyFrom}) => ({\r\n template: copyFrom ? getActivity(state, copyFrom) : undefined,\r\n }),\r\n {create: create.requested}\r\n)\r\n\r\nexport default enhancer(NewModal)\r\n","import React, {useCallback, useState} from 'react'\r\nimport copy from 'copy-to-clipboard'\r\nimport {Trans, useTranslation} from 'react-i18next'\r\nimport {Modal, Box, Text, InputWithButton} from 'components'\r\n\r\nconst ExportModal = ({hide, link}) => {\r\n const [t] = useTranslation()\r\n const [isCopied, setIsCopied] = useState(false)\r\n\r\n const handleClick = useCallback(() => {\r\n const copied = copy(link)\r\n setIsCopied(copied)\r\n }, [setIsCopied, link])\r\n\r\n return (\r\n \r\n \r\n \r\n {t('copy', {context: isCopied})}\r\n \r\n\r\n \r\n \r\n Kopier ovenstående iCal-link og indsæt i dit fortrukne\r\n kalenderprogram; så bliver din forenings aktiviteter synkroniseret\r\n med din kalender, som du kan indsætte på din forenings hjemmeside\r\n eller sociale medie.\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default ExportModal\r\n","import React, {useState, useEffect, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {compose} from 'recompose'\r\nimport {withRouter} from 'react-router-dom'\r\nimport {get} from 'lodash'\r\nimport {Helmet} from 'react-helmet'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Page, Button, Box, Flex} from 'components'\r\nimport {fetch as fetchActivities} from 'activities/actions'\r\nimport {fetch as fetchMembers} from 'members/actions'\r\nimport {fetch as fetchGroups} from 'groups/actions'\r\nimport {getActive} from 'clubs/selectors'\r\nimport {withAuthenticationRequirement, withRouterParams} from 'lib/hoc'\r\nimport {useToggle} from 'lib/hooks'\r\nimport ActivityTable from './ActivityTable'\r\nimport NewModal from './NewModal'\r\nimport Context from './Context'\r\nimport ExportModal from './ExportModal'\r\nimport {getCompanyName} from 'app/selectors'\r\nimport getAppUrls from 'jsonFetches/getAppUrls'\r\n\r\nconst Activities = ({\r\n active,\r\n fetchActivities,\r\n fetchMembers,\r\n fetchGroups,\r\n location: {state},\r\n params: {archived},\r\n companyName,\r\n}) => {\r\n const [t] = useTranslation()\r\n const [templateId, setTemplateId] = useState(null)\r\n\r\n const [exportModalVisible, showExportModal, hideExportModal] = useToggle()\r\n const [showId, setShowId] = useState(null)\r\n const showShowModal = (id) => setShowId(id)\r\n const hideShowModal = () => setShowId(null)\r\n\r\n const [copyFrom, setCopyFrom] = useState(null)\r\n const [createModalVisible, setCreateModalVisible] = useState(false)\r\n\r\n const showCreateModal = useCallback((id = null) => {\r\n hideShowModal()\r\n setCreateModalVisible(true)\r\n setCopyFrom(id)\r\n }, [])\r\n\r\n const hideCreateModal = () => {\r\n setCreateModalVisible(false)\r\n setCopyFrom(null)\r\n }\r\n\r\n useEffect(() => {\r\n fetchMembers()\r\n fetchGroups()\r\n\r\n if (get(state, 'create')) {\r\n showCreateModal()\r\n }\r\n }, [fetchMembers, fetchGroups, state, showCreateModal])\r\n\r\n useEffect(() => {\r\n fetchActivities({archived, all: true})\r\n }, [archived, fetchActivities])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {exportModalVisible && (\r\n \r\n \r\n\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouter,\r\n withRouterParams,\r\n withAuthenticationRequirement,\r\n connect(\r\n createStructuredSelector({\r\n active: getActive,\r\n companyName: getCompanyName,\r\n }),\r\n {\r\n fetchActivities: fetchActivities.requested,\r\n fetchMembers: fetchMembers.requested,\r\n fetchGroups: fetchGroups.requested,\r\n }\r\n )\r\n)\r\n\r\nexport default enhancer(Activities)\r\n","import React from 'react'\r\nimport { Flex } from '@rebass/grid'\r\nimport { Helmet } from 'react-helmet'\r\nimport { Text, Card, Link } from 'components'\r\nimport { LogoWithTagline, DownloadOnTheAppStore } from 'components/icons'\r\n\r\nconst Download = ({whiteLabelData}) => (\r\n \r\n \r\n Download app'en | MinForening \r\n \r\n\r\n \r\n \r\n Velkommen til MinForening\r\n \r\n {\r\n whiteLabelData.logoTexts &&\r\n \r\n }\r\n\r\n \r\n Download vores applikationer her\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n)\r\n\r\nexport default Download\r\n","// requires async function with state update when using\r\n\r\nconst getGrowthbookUrl = async () => {\r\n try {\r\n const response = await fetch('/paths/paths.json');\r\n const data = await response.json();\r\n\r\n return data.urls.growthBookUrl\r\n } catch (error) {\r\n console.error('Error fetching or parsing JSON:', error);\r\n }}\r\n \r\n export default getGrowthbookUrl\r\n ","import React from 'react'\r\nimport { Flex } from '@rebass/grid'\r\nimport styled from 'styled-components'\r\n\r\nconst Container = styled(Flex).attrs({\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n})`\r\n position: absolute;\r\n z-index: 10000;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n`\r\n\r\nconst Image = styled.img``\r\n\r\nconst Sponsor = ({ path }) => (\r\n \r\n \r\n)\r\n\r\nexport default Sponsor\r\n","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {logout} from 'authentication'\r\n\r\nclass Logout extends Component {\r\n componentDidMount() {\r\n this.props.logout()\r\n }\r\n\r\n render() {\r\n return \r\n {({isValid, isSubmitting}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouter,\r\n connect(null, {forgotPassword: forgotPassword.requested})\r\n)\r\n\r\nexport default enhancer(ForgotPasswordForm)\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {Helmet} from 'react-helmet'\r\nimport {Trans, useTranslation} from 'react-i18next'\r\nimport {Box, Flex, Card, H1, CloseButton} from 'components'\r\nimport ForgotPasswordForm from './ForgotPasswordForm'\r\n\r\nconst Container = styled(Flex).attrs({\r\n flex: '1',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n})`\r\n min-height: 100vh;\r\n`\r\n\r\nconst ForgotPassword = () => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n {t('Glemt Kode')} \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default ForgotPassword\r\n","import React, {useCallback, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Formik, Field, Form} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport Yup from 'lib/yup'\r\nimport {authenticate} from 'authentication'\r\nimport {Box, Flex, FormikInput as Input, Button, Link, Text, Loading} from 'components'\r\nimport {Login} from 'components/icons'\r\nimport {getCompanyName} from 'app/selectors'\r\n\r\nconst validationSchema = Yup.object().shape({\r\n email: Yup.string().required().email(),\r\n password: Yup.string().required(),\r\n})\r\n\r\nconst initialValues = {\r\n email: '',\r\n password: '',\r\n}\r\n\r\nconst LoginForm = ({authenticate, companyName}) => {\r\n const handleSubmit = useCallback(\r\n ({email, password}, {setErrors}) => {\r\n new Promise((resolve, reject) => {\r\n authenticate({email, password, resolve, reject}) \r\n setIsLoading(true) \r\n }).catch(error => {\r\n setErrors({global: error})\r\n setIsLoading(false)\r\n })\r\n },\r\n [authenticate]\r\n )\r\n \r\n const [t] = useTranslation()\r\n const [isLoading, setIsLoading] = useState(false)\r\n \r\n \r\n return (\r\n \r\n {({errors}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({companyName: getCompanyName}),\r\n {\r\n authenticate: authenticate.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(LoginForm)\r\n","\r\nconst getMainWebsite = (data) => {\r\n const mainData = {\r\n mainWebsiteUrl: data.appSettings.mainWebsiteUrl,\r\n mainWebsiteUrlLabel: data.appSettings.mainWebsiteUrlLabel,\r\n }\r\n return mainData\r\n}\r\n\r\nexport default getMainWebsite","import _ from \"lodash\";\r\nimport { readyAuth } from \"./auth\";\r\n\r\nconst msalConfig = async (appSettings, auth) => {\r\n let msalConfig = {};\r\n\r\n msalConfig = {\r\n auth: {\r\n clientId: auth.clientId,\r\n authority: auth.authority,\r\n },\r\n cache: {\r\n cacheLocation: \"sessionStorage\", // This configures where your cache will be stored\r\n storeAuthStateInCookie: false, // Set this to \"true\" if you are having issues on IE11 or Edge\r\n },\r\n system: {\r\n loggerOptions: {\r\n logLevel: msal.LogLevel.Trace,\r\n loggerCallback: (level, message, containsPii) => {\r\n if (containsPii) {\r\n return;\r\n }\r\n switch (level) {\r\n case msal.LogLevel.Error:\r\n console.error(message);\r\n return;\r\n case msal.LogLevel.Info:\r\n console.info(message);\r\n return;\r\n case msal.LogLevel.Verbose:\r\n console.debug(message);\r\n return;\r\n case msal.LogLevel.Warning:\r\n console.warn(message);\r\n return;\r\n default:\r\n console.log(message);\r\n return;\r\n }\r\n },\r\n },\r\n },\r\n telemetry: {\r\n application: {\r\n appName: \"MSAL Browser V2 Default Sample\",\r\n appVersion: \"1.0.0\",\r\n },\r\n },\r\n }; \r\n \r\n await readyAuth(msalConfig)\r\n };\r\n\r\n \r\n \r\n // Add here scopes for id token to be used at MS Identity Platform endpoints.\r\n const loginRequest = {\r\n scopes: [\"User.Read\"]\r\n };\r\n\r\n // Add here the endpoints for MS Graph API services you would like to use.\r\n const graphConfig = {\r\n graphMeEndpoint: \"https://graph.microsoft.com/v1.0/me\",\r\n graphMailEndpoint: \"https://graph.microsoft.com/v1.0/me/messages\"\r\n };\r\n\r\n // Add here scopes for access token to be used at MS Graph API endpoints.\r\n const tokenRequest = {\r\n scopes: [\"Mail.Read\"],\r\n forceRefresh: false // Set this to \"true\" to skip a cached token and go to the server to get a new token\r\n };\r\n\r\n const silentRequest = {\r\n scopes: [\"openid\", \"profile\", \"User.Read\", \"Mail.Read\"]\r\n };\r\n\r\n const logoutRequest = {}\r\n\r\n export default msalConfig\r\n","import React from 'react'\r\nimport { useState, useEffect } from 'react';\r\nimport msalConfig from './msalConfig';\r\nimport {signInAuth } from './auth';\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst MicroButton = ({whiteLabelData}) => {\r\n const [t] = useTranslation()\r\n useEffect(() => {\r\n const msal = whiteLabelData.microsoftLogin\r\n msal !== undefined ? msalConfig(whiteLabelData.appSettings, msal.auth) : null\r\n \r\n }, []);\r\n\r\n return (\r\n {signInAuth()}} style={{fontWeight: \"bold\", border: '1px solid #000', overflow: 'hidden', cursor: 'pointer', display: 'block', padding: '10px'}}>\r\n ![{t('Logind](\"https://learn.microsoft.com/en-us/azure/active-directory/develop/media/howto-add-branding-in-apps/ms-symbollockup_mssymbol_19.png\")
\r\n \r\n {t('Logind med Microsoft 365')}\r\n \r\n )\r\n}\r\n\r\nexport default MicroButton","import React, {useContext, useEffect, useState} from 'react'\r\nimport styled from 'styled-components'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {Helmet} from 'react-helmet'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {getAuthenticated} from 'authentication'\r\nimport {getCompanyName, getTldLocale, getTld} from 'app/selectors'\r\nimport {Flex, Card, Button, Link, Image, Text, Box} from 'components'\r\nimport {Back} from 'components/icons'\r\nimport LoginForm from './LoginForm'\r\nimport {Context} from 'Cookies'\r\nimport getBadge from 'jsonFetches/getBadge'\r\nimport getLogo from 'jsonFetches/getLogo'\r\nimport getMainWebsite from 'jsonFetches/getMainWebsite'\r\nimport MicroButton from 'microsoftLogin/MicroButton'\r\n\r\nconst Container = styled(Flex).attrs({\r\n flex: '1',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n})`\r\n min-height: 100vh;\r\n`\r\n\r\nconst Login = ({\r\n location: {state},\r\n authenticated,\r\n companyName,\r\n tld,\r\n locale,\r\n whiteLabelData\r\n}) => {\r\n const {showModal} = useContext(Context)\r\n const [t] = useTranslation()\r\n const [logo, setLogo] = useState('');\r\n const [mainWebsiteUrl, setMainWebsiteUrl] = useState('');\r\n const [isSigningInExternal, setIsSigningInExternal] = useState(false);\r\n \r\n useEffect(() => {\r\n if (window.location.href.indexOf('#code') !== -1) {\r\n setIsSigningInExternal(true)\r\n }\r\n if (whiteLabelData.appSettings){\r\n setMainWebsiteUrl(getMainWebsite(whiteLabelData))\r\n }\r\n }, [])\r\n\r\n\r\n return authenticated ? (\r\n \r\n \r\n {t('Log ind | {{companyName}}', {companyName})} \r\n \r\n\r\n \r\n \r\n {\r\n whiteLabelData.logos &&\r\n \r\n {isSigningInExternal ?\r\n <>\r\n \r\n \r\n {t('Logger ind. Vent venligst få sekunder...')}\r\n \r\n \r\n \r\n : \r\n <>\r\n \r\n \r\n {state && state.passwordLinkSent && (\r\n \r\n \r\n {t(\r\n 'Vi har sendt et link til den oplyste e-mailadresse, hvor du kan lave en ny kode.'\r\n )}\r\n \r\n \r\n )}\r\n \r\n }\r\n \r\n \r\n \r\n }\r\n\r\n \r\n \r\n \r\n \r\n {\r\n whiteLabelData.badges &&\r\n \r\n \r\n \r\n {\r\n whiteLabelData.badges &&\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('Tilbage til {{website}}', {website: `${companyName}.${tld}`})}\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n authenticated: getAuthenticated,\r\n locale: getTldLocale,\r\n tld: getTld\r\n })\r\n)\r\n\r\nexport default enhancer(Login)\r\n","import React, {useState, useEffect} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Trans, useTranslation} from 'react-i18next'\r\nimport {Text, Button, Flex, Box, Link} from 'components'\r\nimport {getPaymentAgreementAccepted, getActive} from 'clubs/selectors'\r\nimport countryCodes from 'lib/countryCodes'\r\n\r\nconst NoPayments = ({showCreateModal, paymentAgreementAccepted, club}) => {\r\n const [t] = useTranslation()\r\n const [isTrue, setIsTrue] = useState(false)\r\n\r\n // use memo or useEffect to handle state change for \r\n\r\n useEffect(() => {\r\n if (club?.countryCode === countryCodes.da) {\r\n setIsTrue(true)\r\n }\r\n }, [club?.countryCode, setIsTrue])\r\n\r\n return (\r\n <>\r\n \r\n \r\n {t('Her kan du udsende betalingsopkrævninger til dine medlemmer.')}\r\n {!paymentAgreementAccepted && (\r\n <>\r\n {isTrue ? (\r\n \r\n
\r\n {t('Ved at indsende ')}\r\n \r\n {t('MobilePay - foreningsaftale med MinForening')}\r\n \r\n {t(', så kan dine medlemmer nemt betale via MobilePay i appen.')}\r\n \r\n ) : (\r\n <>\r\n {t(', så dine medlemmer kan betale via MobilePay i appen.')}\r\n \r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n paymentAgreementAccepted: getPaymentAgreementAccepted,\r\n club: getActive,\r\n })\r\n)\r\n\r\nexport default enhancer(NoPayments)\r\n","import {Box} from '@rebass/grid'\r\nimport React, {PureComponent} from 'react'\r\nimport {ACTIVE, OVERDUE, PREVIOUS} from 'payments/constants'\r\nimport {Link, NotificationBadge, Text} from 'components'\r\nimport {Row, Cell} from 'components/Table'\r\nimport format from 'lib/format'\r\nimport price from 'lib/price'\r\n\r\nclass PaymentsTableRow extends PureComponent {\r\n render() {\r\n const {\r\n id,\r\n status,\r\n title,\r\n activity,\r\n individualAmount,\r\n completed,\r\n requestDate,\r\n approvable,\r\n totalPayers,\r\n paymentStartDate,\r\n } = this.props\r\n\r\n return (\r\n \r\n \r\n | \r\n {title}\r\n | \r\n {price(individualAmount)} | \r\n \r\n \r\n {requestDate && format(requestDate, 'DD/MM-YYYY HH:mm')}\r\n {paymentStartDate && (\r\n \r\n {' '}\r\n ({format(paymentStartDate, 'DD/MM-YYYY HH:mm')})\r\n \r\n )}\r\n \r\n | \r\n \r\n \r\n {!activity && (\r\n <>\r\n {completed}/{totalPayers}\r\n \r\n )}\r\n {' '}\r\n \r\n {approvable > 0 && (\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default PaymentsTableRow\r\n","import {compareDesc} from 'date-fns'\r\nimport React from 'react'\r\nimport {Flex} from 'components'\r\nimport {Row, Cell} from 'components/Table'\r\nimport PaymentRow from './Row'\r\n\r\nconst Group = ({name, payments}) => (\r\n \r\n \r\n | \r\n {name}\r\n | \r\n
\r\n\r\n {payments\r\n .sort((a, b) => compareDesc(a.requestDate, b.requestDate))\r\n .map(\r\n ({\r\n id,\r\n activity,\r\n completed,\r\n approvable,\r\n status,\r\n title,\r\n individualAmount,\r\n requestDate,\r\n paymentStartDate,\r\n totalPayers,\r\n }) => (\r\n \r\n)\r\n\r\nexport default Group\r\n","import React from 'react'\r\nimport {Flex} from 'components'\r\nimport Table, {Cell, Row} from 'components/Table'\r\nimport {ACTIVE, OVERDUE, PREVIOUS} from 'payments/constants'\r\nimport Group from './Group'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst PaymentTable = ({\r\n payments: {\r\n [ACTIVE]: active,\r\n [OVERDUE]: overdue,\r\n [PREVIOUS]: previous,\r\n ACTIVITY: activity,\r\n },\r\n}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\nexport default PaymentTable\r\n","import React, {useEffect, useState, useCallback} from 'react'\r\nimport {Helmet} from 'react-helmet'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {every} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Page, Flex, Button} from 'components'\r\nimport {fetch as fetchPayments} from 'payments/actions'\r\nimport {getGrouped} from 'payments'\r\n\r\nimport NoPayments from '../NoPayments'\r\nimport PaymentsTable from '../PaymentsTable' // Payment.js\r\nimport {getActive} from 'clubs'\r\nimport {getCompanyName} from 'app/selectors'\r\n\r\nconst Payments_Overview = ({fetch, payments, club, companyName, showCreatePaymentModal}) => {\r\n const [t] = useTranslation() \r\n\r\n useEffect(() => {\r\n fetch()\r\n }, [fetch, club])\r\n\r\n return ( \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n payments: getGrouped,\r\n club: getActive,\r\n }),\r\n {\r\n fetch: fetchPayments.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(Payments_Overview)\r\n","import React, { } from 'react'\r\nimport {Link, Text, Button} from 'components'\r\nimport {MONTHLY, QUARTERLY, SEMI_ANNUALLY, ANNUALLY} from '../Subscriptions_Overview/Constants'\r\nimport {Row, Cell} from 'components/Table'\r\nimport format from 'lib/format'\r\nimport price from 'lib/price'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nexport const SubscriptionRow = ({\r\n id,\r\n title,\r\n amount,\r\n deadline,\r\n durationInterval,\r\n paymentPeriodStartDate,\r\n showPaymentSubscriptionPlans,\r\n allPlansIsStopped,\r\n stopSubscriptionHandler\r\n}) => {\r\n const [t] = useTranslation()\r\n return (\r\n showPaymentSubscriptionPlans(id, title, paymentPeriodStartDate)}>\r\n \r\n | \r\n {title}\r\n\r\n {!allPlansIsStopped ?\r\n \r\n :\r\n | \r\n {price(amount)} | \r\n \r\n \r\n {durationInterval}\r\n \r\n | \r\n {/* \r\n \r\n {deadline && format(deadline, 'DD/MM-YYYY')}\r\n {paymentPeriodStartDate && (\r\n \r\n {' '}\r\n ({format(paymentPeriodStartDate, 'DD/MM-YYYY')})\r\n \r\n )}\r\n \r\n | */}\r\n
\r\n )\r\n }\r\n\r\n export const SubscriptionPlanRow = ({\r\n id,\r\n idForFrontend,\r\n assignedUser,\r\n firstName,\r\n interval,\r\n status,\r\n amount,\r\n startDate,\r\n endDate,\r\n showPaymentSubscriptionCharge,\r\n externalId\r\n }) => {\r\n const [t] = useTranslation()\r\n return (\r\n showPaymentSubscriptionCharge(id, assignedUser.displayName)}>\r\n | \r\n {idForFrontend}\r\n | \r\n \r\n {assignedUser.displayName ? assignedUser.displayName : t('User Name')}\r\n | \r\n {price(amount)} | \r\n \r\n \r\n {interval}\r\n \r\n | \r\n \r\n {t(status)}\r\n | \r\n \r\n {format(startDate, 'DD/MM-YYYY HH:mm')}\r\n | \r\n \r\n {endDate &&\r\n <>\r\n {format(endDate, 'DD/MM-YYYY HH:mm')}\r\n \r\n }\r\n | \r\n \r\n \r\n {externalId}\r\n \r\n | \r\n
\r\n )\r\n }\r\n\r\n\r\nexport const SubscriptionChargeRow = ({\r\n id,\r\n firstName,\r\n idForFrontend,\r\n amount,\r\n deadline,\r\n chargeDateTime,\r\n paidDateTime,\r\n status,\r\n assignedUserId,\r\n paymentPeriodStartDate,\r\n externalId\r\n}) => {\r\n const [t] = useTranslation()\r\n \r\n return (\r\n \r\n | \r\n {idForFrontend}\r\n | \r\n {price(amount)} | \r\n \r\n \r\n {deadline && format(deadline, 'DD/MM-YYYY HH:mm')}\r\n \r\n\r\n {paidDateTime &&\r\n \r\n }\r\n | \r\n \r\n \r\n {paidDateTime ? format(paidDateTime, 'DD/MM-YYYY HH:mm') : t(\"Ingen dato angivet\")}\r\n \r\n | \r\n \r\n \r\n {status ? t(status) : \"\"}\r\n \r\n | \r\n \r\n \r\n {externalId}\r\n \r\n | \r\n
\r\n )\r\n}","import React, {Component} from 'react'\r\nimport styled from 'styled-components'\r\nimport {toLower, includes} from 'lodash'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {Flex, Box, Button, Searchable, Input, Text} from 'components'\r\nimport {Person, People} from 'components/icons'\r\nimport GroupList from 'groups/components/GroupList'\r\nimport MemberList from 'members/components/MemberList'\r\n\r\nconst ListContainer = styled(Box)`\r\n max-height: 400px;\r\n overflow-y: scroll;\r\n`\r\n\r\nconst showOptions = {\r\n MEMBERS: 0,\r\n GROUPS: 1,\r\n}\r\n\r\nclass Payers extends Component {\r\n state = {\r\n show: showOptions.GROUPS,\r\n }\r\n\r\n setShow = (show) => this.setState({show})\r\n\r\n renderList = (show) =>\r\n ({\r\n [showOptions.MEMBERS]: (\r\n \r\n includes(toLower(item.firstName), toLower(value)) ||\r\n includes(toLower(item.surname), toLower(value))\r\n }\r\n >\r\n {({items, handleChange}) => (\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n )}\r\n \r\n ),\r\n [showOptions.GROUPS]: (\r\n \r\n includes(toLower(item.title), toLower(value))\r\n }\r\n >\r\n {({items, handleChange}) => (\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n )}\r\n \r\n ),\r\n }[show] || null)\r\n\r\n render() {\r\n const {t} = this.props\r\n const {show} = this.state\r\n\r\n return (\r\n \r\n \r\n \r\n this.setShow(showOptions.MEMBERS)}\r\n >\r\n \r\n \r\n \r\n \r\n {t('Medlemmer')}\r\n \r\n \r\n \r\n \r\n \r\n this.setShow(showOptions.GROUPS)}\r\n >\r\n \r\n \r\n \r\n \r\n {t('Grupper')}\r\n \r\n \r\n \r\n \r\n \r\n\r\n {this.renderList(show)}\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default withTranslation()(Payers)\r\n","import {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {includes} from 'lodash'\r\nimport React, {useCallback, useEffect, useState} from 'react'\r\nimport {Flex, Box, Text, Modal, Button} from 'components'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {addPayers, removePayers, fetchPayers} from 'payments/actions'\r\nimport {getMembersArray} from 'members/selectors'\r\nimport {getNestedGroupsArray} from 'groups/selectors'\r\n\r\nimport Payers from './Payers'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst AddPayersModal = ({\r\n id,\r\n fetchPayers,\r\n members,\r\n groups,\r\n hide,\r\n addPayers,\r\n removePayers,\r\n}) => {\r\n const [t] = useTranslation()\r\n\r\n const [isLoading, setIsLoading] = useState(true)\r\n const [invitedMemberIds, setInvitedMemberIds] = useState([])\r\n const [invitedGroupIds, setInvitedGroupIds] = useState([])\r\n const [memberBulk, setMemberBulk] = useState([])\r\n const [groupBulk, setGroupBulk] = useState([])\r\n const [modalVisible, showModal, hideModal] = useToggle()\r\n\r\n useEffect(() => {\r\n new Promise((resolve, reject) => {\r\n fetchPayers({id, resolve, reject})\r\n }).then(({invitedUsers: invitedMembers, invitedGroups}) => {\r\n const memberIds = invitedMembers.map(({userId}) => `${userId}`)\r\n const groupIds = invitedGroups.map(({userGroupId}) => `${userGroupId}`)\r\n\r\n setIsLoading(false)\r\n\r\n setInvitedMemberIds(memberIds)\r\n setInvitedGroupIds(groupIds)\r\n\r\n setMemberBulk(memberIds)\r\n setGroupBulk(groupIds)\r\n })\r\n }, [\r\n id,\r\n fetchPayers,\r\n setIsLoading,\r\n setInvitedMemberIds,\r\n setInvitedGroupIds,\r\n setMemberBulk,\r\n setGroupBulk,\r\n ])\r\n\r\n const toggleMember = useCallback(\r\n ({target: {checked, value}}) => {\r\n if (includes(invitedMemberIds, value)) {\r\n showModal()\r\n } else {\r\n setMemberBulk(\r\n !checked\r\n ? memberBulk.filter((id) => id !== value)\r\n : [...memberBulk, value]\r\n )\r\n }\r\n },\r\n [invitedMemberIds, showModal, setMemberBulk, memberBulk]\r\n ) \r\n\r\n const toggleGroup = useCallback(\r\n ({target: {checked, value}}) => {\r\n if (includes(invitedGroupIds, value)) {\r\n showModal()\r\n } else {\r\n setGroupBulk(\r\n !checked\r\n ? groupBulk.filter((id) => id !== value)\r\n : [...groupBulk, value]\r\n )\r\n }\r\n },\r\n [invitedGroupIds, showModal, setGroupBulk, groupBulk]\r\n )\r\n\r\n const handleSubmit = useCallback(() => {\r\n const membersToRemove = invitedMemberIds.filter(\r\n (id) => !includes(memberBulk, id)\r\n )\r\n const membersToAdd = memberBulk.filter(\r\n (id) => !includes(invitedMemberIds, id)\r\n ) \r\n const groupsToAdd = groupBulk.filter((id) => !includes(invitedGroupIds, id))\r\n Promise.all([\r\n new Promise((resolve, reject) => {\r\n if (membersToAdd.length > 0 || groupsToAdd.length > 0) {\r\n setIsLoading(true)\r\n addPayers({\r\n resolve,\r\n reject,\r\n paymentId: id,\r\n members: membersToAdd,\r\n groups: groupsToAdd,\r\n })\r\n } else {\r\n resolve()\r\n }\r\n }),\r\n new Promise((resolve, reject) => {\r\n if (membersToRemove.length > 0) {\r\n removePayers({\r\n id,\r\n resolve,\r\n reject,\r\n members: membersToRemove,\r\n })\r\n } else {\r\n resolve()\r\n }\r\n }),\r\n ]).then(hide)\r\n }, [\r\n invitedMemberIds,\r\n invitedGroupIds,\r\n memberBulk,\r\n groupBulk,\r\n addPayers,\r\n setIsLoading,\r\n removePayers,\r\n hide,\r\n id,\r\n ])\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {modalVisible && (\r\n \r\n \r\n \r\n {t('cannotRemoveMembersFromPayment')}\r\n \r\n\r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n members: getMembersArray,\r\n groups: getNestedGroupsArray,\r\n }),\r\n {\r\n addPayers: addPayers.requested,\r\n removePayers: removePayers.requested,\r\n fetchPayers: fetchPayers.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(AddPayersModal)\r\n","import React from 'react'\r\nimport {Flex} from 'components'\r\nimport {SubscriptionRow} from '../Row'\r\nimport AddPayersModal from 'payments/components/Payment/AddPayersModal'\r\nimport {Loading} from 'components'\r\n\r\nconst ClubPaymentSubscriptions = ({\r\n subscriptions,\r\n showPaymentSubscriptionPlans,\r\n stopSubscriptionHandler,\r\n}) => {\r\n subscriptions = Object.values(subscriptions)\r\n return (\r\n \r\n {subscriptions === null ? : subscriptions.length > 0 && \r\n subscriptions.map(\r\n (subscription) => ( \r\n <>\r\n \r\n\r\n )\r\n}\r\n\r\nexport default ClubPaymentSubscriptions","import React from 'react'\r\nimport {Flex} from 'components'\r\nimport {SubscriptionPlanRow} from '../Row'\r\nimport {Loading} from 'components'\r\n\r\n\r\n\r\nconst ClubUserPaymentSubscriptionPlans = ({\r\n clubUserPaymentSubscriptionPlans,\r\n showPaymentSubscriptionCharge,\r\n}) => {\r\n if (clubUserPaymentSubscriptionPlans != null) clubUserPaymentSubscriptionPlans = Object.values(clubUserPaymentSubscriptionPlans)\r\n return (\r\n \r\n clubUserPaymentSubscriptionPlans === null ? \r\n {clubUserPaymentSubscriptionPlans !== null && Object.values(clubUserPaymentSubscriptionPlans).length > 0 &&\r\n clubUserPaymentSubscriptionPlans\r\n .map(\r\n (clubUserPaymentSubscriptionPlan) => ( \r\n <> \r\n \r\n )\r\n}\r\n\r\nexport default ClubUserPaymentSubscriptionPlans","import React from 'react'\r\nimport {Flex} from 'components'\r\nimport {Link, NotificationBadge, Text} from 'components'\r\nimport {Row, Cell} from 'components/Table'\r\nimport format from 'lib/format'\r\nimport price from 'lib/price'\r\nimport {SubscriptionChargeRow} from '../Row'\r\nimport {Loading} from 'components'\r\nimport { useState } from 'react'\r\n\r\nconst ClubUserPaymentSubscriptionCharges = ({\r\n subscriptionCharges\r\n}) => {\r\n if (subscriptionCharges != null) subscriptionCharges = Object.values(subscriptionCharges)\r\n return (\r\n \r\n {subscriptionCharges === null ? : subscriptionCharges.length > 0 ?\r\n subscriptionCharges\r\n .map(\r\n (subscriptionCharge) => ( \r\n <>\r\n \r\n \r\n )\r\n}\r\n\r\nexport default ClubUserPaymentSubscriptionCharges","import React, {useState , useMemo , useCallback, useEffect} from 'react'\r\nimport {Flex, Link, Button} from 'components'\r\nimport Table, {Cell, Row} from 'components/Table'\r\nimport {ACTIVE, OVERDUE, PREVIOUS, MONTHLY, QUARTERLY, SEMI_ANNUALLY, ANNUALLY} from 'payments/constants'\r\nimport Group from './Group'\r\nimport {get} from 'lodash'\r\nimport format from 'lib/format'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {useTranslation} from 'react-i18next'\r\nimport ClubPaymentSubscriptions from './ClubPaymentSubscriptions'\r\nimport ClubUserPaymentSubscriptionPlans from './ClubPaymentSubscriptions/ClubUserPaymentSubscriptionPlans'\r\nimport ClubUserPaymentSubscriptionCharges from './ClubPaymentSubscriptions/ClubUserPaymentSubscriptionCharges'\r\nimport {fetchSubscriptionPlans, fetchSubscriptionPlanCharges, clearSubscriptionPlans, clearSubscriptionCharges} from 'payments/actions'\r\nimport {Box, H1, Text, Loading} from 'components'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {getSubscriptions, getSubscriptionPlans, getSubscriptionPlanCharges} from 'payments'\r\n\r\nconst SubscriptionsTable = ({\r\n subscriptions,\r\n subscriptionPlans,\r\n subscriptionPlanCharges,\r\n fetchSubscriptionPlans,\r\n fetchSubscriptionPlanCharges,\r\n stopSubscriptionHandler,\r\n clearSubscriptionPlans,\r\n clearSubscriptionCharges,\r\n showCreateSubscriptionPlanModal,\r\n setSubscriptionPlanId,\r\n subscriptionPlanId\r\n}) => {\r\n \r\n const [t] = useTranslation()\r\n const [clubPaymentSubscriptionsVisible, _showClubPaymentSubscriptions, _hideClubPaymentSubscriptions] = useToggle(true)\r\n const [clubPaymentSubscriptionPlansVisible, _showClubPaymentSubscriptionPlans, _hideClubPaymentSubscriptionPlans] = useToggle()\r\n const [clubUserPaymentSubscriptionChargesVisible, _showClubUserPaymentSubscriptionCharges, _hideClubUserPaymentSubscriptionCharges] = useToggle()\r\n\r\n const [subscriptionTitle, setSubscriptionTitle] = useState(\"\")\r\n const [subscriptionStartDate, setSubscriptionStartDate] = useState(\"\")\r\n const [subscriptionPlanUserFullName, setSubscriptionPlanUserFullName] = useState(\"\")\r\n \r\n\r\n const navigateBack = ()=>{\r\n _hideClubPaymentSubscriptionPlans()\r\n _showClubPaymentSubscriptions()\r\n new Promise((resolve, reject) => {\r\n \r\n clearSubscriptionCharges({resolve, reject})\r\n return clearSubscriptionPlans({resolve, reject});\r\n })\r\n }\r\n\r\n const navigateBackToSubscriptionPlans = ()=>{\r\n showPaymentSubscriptionPlans(subscriptionPlanId, subscriptionTitle, subscriptionStartDate);\r\n }\r\n\r\n const showPaymentSubscriptionPlans = useCallback((id, title, startDate) => {\r\n new Promise((resolve, reject) => {\r\n let parameters = {\r\n subscriptionId: id\r\n };\r\n setSubscriptionPlanId(id);\r\n clearSubscriptionPlans({resolve, reject})\r\n fetchSubscriptionPlans({resolve, reject, values: parameters}) \r\n \r\n })\r\n _hideClubPaymentSubscriptions();\r\n _hideClubUserPaymentSubscriptionCharges();\r\n _showClubPaymentSubscriptionPlans(id);\r\n\r\n setSubscriptionTitle(title);\r\n setSubscriptionStartDate(startDate);\r\n \r\n }, [_hideClubPaymentSubscriptions, _hideClubUserPaymentSubscriptionCharges, _showClubPaymentSubscriptionPlans])\r\n\r\n const showPaymentSubscriptionCharge = useCallback((id, title) => {\r\n setSubscriptionPlanId(id);\r\n \r\n new Promise((resolve, reject) => {\r\n let parameters = {\r\n subscriptionPlanId: id\r\n };\r\n\r\n fetchSubscriptionPlanCharges({resolve, reject, values: parameters})\r\n })\r\n\r\n setSubscriptionPlanUserFullName(title);\r\n _hideClubPaymentSubscriptions();\r\n _hideClubPaymentSubscriptionPlans();\r\n _showClubUserPaymentSubscriptionCharges(id);\r\n }, [_hideClubPaymentSubscriptionPlans, _showClubUserPaymentSubscriptionCharges])\r\n\r\n return (\r\n \r\n \r\n {clubPaymentSubscriptionsVisible && ( \r\n <>\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n subscriptions: getSubscriptions,\r\n subscriptionPlans: getSubscriptionPlans,\r\n subscriptionPlanCharges: getSubscriptionPlanCharges,\r\n }),\r\n {\r\n fetchSubscriptionPlans: fetchSubscriptionPlans.requested,\r\n fetchSubscriptionPlanCharges: fetchSubscriptionPlanCharges.requested,\r\n clearSubscriptionPlans: clearSubscriptionPlans.requested,\r\n clearSubscriptionCharges: clearSubscriptionCharges.requested\r\n }\r\n)\r\n\r\nexport default enhancer(SubscriptionsTable)","import React, {useEffect, useState, useCallback} from 'react'\r\nimport {Helmet} from 'react-helmet'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {every} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Page, Flex, Button} from 'components'\r\nimport {getSubscriptions} from 'payments'\r\nimport {fetchClubPaymentSubscriptions as fetchSubscriptions, stopSubscriptionPlans} from 'payments/actions'\r\nimport NoPayments from '../NoPayments'\r\nimport SubscriptionsTable from '../SubscriptionsTable'\r\nimport {getActive} from 'clubs'\r\nimport {getCompanyName} from 'app/selectors'\r\nimport {Loading} from 'components'\r\n\r\nconst Subscriptions_Overview = ({\r\n fetchClubPaymentSubscriptions, \r\n club, \r\n companyName, \r\n clubSubscriptions,\r\n stopSubscriptionPlans,\r\n showCreateSubscriptionPlanModal,\r\n setSubscriptionPlanId,\r\n subscriptionPlanId\r\n }) => {\r\n const [t] = useTranslation()\r\n\r\n useEffect(() => {\r\n fetchClubPaymentSubscriptions()\r\n }, [fetchClubPaymentSubscriptions, club])\r\n \r\n const stopSubscriptionHandler = useCallback((subscriptionId) => {\r\n new Promise((resolve, reject) => {\r\n let parameters = {\r\n subscriptionId: subscriptionId\r\n };\r\n\r\n return stopSubscriptionPlans({resolve, reject, values: parameters});\r\n }).then(() => {\r\n return new Promise((resolve, reject) => {\r\n \r\n return fetchClubPaymentSubscriptions()\r\n })\r\n });\r\n\r\n }, [club])\r\n\r\n return (\r\n\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n clubSubscriptions: getSubscriptions,\r\n club: getActive,\r\n }),\r\n {\r\n fetchClubPaymentSubscriptions: fetchSubscriptions.requested,\r\n stopSubscriptionPlans: stopSubscriptionPlans.requested\r\n }\r\n)\r\n\r\nexport default enhancer(Subscriptions_Overview)\r\n","import React, {useCallback, useEffect, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Field, ErrorMessage} from 'formik'\r\nimport {\r\n addDays,\r\n setMinutes,\r\n addHours,\r\n isAfter,\r\n startOfYesterday,\r\n isBefore,\r\n} from 'date-fns'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {\r\n Input,\r\n DateInput,\r\n Text,\r\n Tooltip,\r\n Box,\r\n Flex,\r\n Button,\r\n TextArea,\r\n StyledCheckbox,\r\n Switch,\r\n H1,\r\n} from 'components'\r\nimport {Alert} from 'components/icons'\r\nimport {getPaymentAgreementAccepted, getActiveCurrency} from 'clubs/selectors'\r\nimport {kevinIsActive } from 'paymentMethods/selectors'\r\nimport countryCodes from 'lib/countryCodes'\r\nimport {getCompanyName} from 'app/selectors'\r\nimport {getClubPaymentMethods} from 'paymentMethods/actions'\r\n\r\nconst Details = ({\r\n paymentAgreementAccepted,\r\n reducedPayment,\r\n externalPaymentDisabled,\r\n countryCode,\r\n exemptAdminPayment,\r\n exemptGroupLeadersPayment,\r\n exemptRelationsPayment, \r\n onlyRelationsPayment,\r\n currency,\r\n companyName,\r\n kevinIsActive,\r\n getClubPaymentMethods,\r\n ReducedPaymentStartDate,\r\n}) => {\r\n const [t] = useTranslation()\r\n const [kevinPaymentMethodIsActive, setKevinPaymentMethodIsActive] = useState(false)\r\n\r\n useEffect(() => {\r\n new Promise((resolve) => {\r\n getClubPaymentMethods({resolve})\r\n }).then(result => {\r\n let paymentMethods = result.filter(p => p.paymentMethodName.toLowerCase() == \"kevin\");\r\n if (paymentMethods.length > 0) {\r\n setKevinPaymentMethodIsActive(true);\r\n }\r\n \r\n })\r\n }, [getClubPaymentMethods])\r\n\r\n \r\n\r\n return (\r\n <>\r\n {t('Titel')} * \r\n \r\n {({field, form}) => (\r\n \r\n \r\n \r\n {form.errors[field.name]}\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n\r\n \r\n \r\n \r\n {reducedPayment\r\n ? t('Fuld betaling ({{currency}})', {currency})\r\n : t('Pris ({{currency}})', {currency})}{' '}\r\n *\r\n \r\n\r\n (\r\n \r\n \r\n \r\n {form.errors[field.name]}\r\n \r\n \r\n )}\r\n \r\n )}\r\n />\r\n \r\n \r\n {reducedPayment && (\r\n \r\n \r\n {t('Mindste betaling ({{currency}})', {currency})} *\r\n \r\n (\r\n \r\n \r\n \r\n {form.errors[field.name]}\r\n \r\n \r\n )}\r\n \r\n )}\r\n />\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {t('Reduceret betaling')}\r\n \r\n \r\n {({show, hide}) => (\r\n \r\n \r\n \r\n \r\n {({field: {name, value}, form: {setFieldValue}}) => (\r\n setFieldValue(name, !value)}\r\n />\r\n )}\r\n \r\n \r\n { reducedPayment &&\r\n \r\n {t('Start dato for reduceret betaling')}\r\n \r\n }\r\n \r\n \r\n {({field: {name}, form: {setFieldValue, setFieldTouched, values:{paymentStartDate, ...form}}})=>(\r\n reducedPayment && setFieldTouched(name, true)} isValidDate={(current) =>\r\n isAfter(current, paymentStartDate || startOfYesterday())\r\n } onChange={\r\n (val)=>{\r\n setFieldValue(name, val) \r\n }\r\n }/>\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {t('Startdato')}*\r\n \r\n \r\n {({show, hide}) => (\r\n \r\n \r\n\r\n {\r\n if (isBefore(value, new Date())) {\r\n return 'Skal være fremadrettet'\r\n }\r\n }}\r\n render={({field, form}) => (\r\n <>\r\n \r\n isAfter(current, startOfYesterday())\r\n }\r\n error={form.touched[field.name] && form.errors[field.name]}\r\n onChange={(val) => form.setFieldValue(field.name, val)}\r\n onBlur={() => form.setFieldTouched(field.name, true)}\r\n renderAddon={(close) => (\r\n \r\n )}\r\n />\r\n {form.touched[field.name] && form.errors[field.name] && (\r\n \r\n \r\n {form.errors[field.name]}\r\n \r\n \r\n )}\r\n \r\n )}\r\n />\r\n \r\n\r\n \r\n {t('Slutdato')} * \r\n \r\n {({\r\n field,\r\n form: {\r\n values: {paymentStartDate},\r\n ...form\r\n },\r\n }) => (\r\n \r\n isAfter(current, paymentStartDate || startOfYesterday())\r\n }\r\n error={form.touched[field.name] && form.errors[field.name]}\r\n onChange={(val) => form.setFieldValue(field.name, val)}\r\n onBlur={() => form.setFieldTouched(field.name, true)}\r\n renderAddon={(close) => (\r\n \r\n )}\r\n />\r\n )}\r\n \r\n \r\n \r\n\r\n \r\n \r\n {t('Betalingsfrist (antal dage)')}\r\n \r\n\r\n \r\n {({show, hide}) => (\r\n \r\n \r\n\r\n (\r\n \r\n \r\n \r\n {form.errors[field.name]}\r\n \r\n \r\n )}\r\n \r\n )}\r\n />\r\n\r\n \r\n {countryCode === countryCodes.da && (\r\n \r\n \r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, !checked)\r\n }}\r\n />\r\n )}\r\n \r\n \r\n \r\n MobilePay ({t('Kræver MobilePay - Foreningsaftale')})\r\n \r\n \r\n \r\n {({show, hide}) => (\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, !checked)\r\n }}\r\n />\r\n )}\r\n \r\n \r\n {t('MinForening betalingsløsning')} \r\n \r\n \r\n {({show, hide}) => (\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, !checked)\r\n }}\r\n />\r\n )}\r\n \r\n \r\n {t('Ekstern betaling')} \r\n \r\n \r\n {({show, hide}) => (\r\n \r\n \r\n \r\n\r\n {!externalPaymentDisabled && (\r\n <>\r\n \r\n \r\n {t('Info ved ekstern betaling *')}\r\n \r\n \r\n {({show, hide}) => (\r\n \r\n \r\n\r\n (\r\n \r\n \r\n {field.value === \"\" ? \r\n \r\n \r\n Info ved ekstern betaling mangler\r\n \r\n : null }\r\n \r\n \r\n )}\r\n />\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n\r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, checked)\r\n }}\r\n />\r\n )}\r\n \r\n\r\n \r\n {t('Administratorer fritages for opkrævning')} \r\n \r\n\r\n {/* \r\n {({show, hide}) => (\r\n */}\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, checked)\r\n }}\r\n />\r\n )}\r\n \r\n\r\n \r\n {t('Gruppeledere fritages for opkrævning')} \r\n \r\n\r\n {/* \r\n {({show, hide}) => (\r\n */}\r\n\r\n \r\n \r\n\r\n {!onlyRelationsPayment && (\r\n <>\r\n \r\n \r\n\r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, checked)\r\n onlyRelationsPayment \r\n }}\r\n />\r\n )}\r\n \r\n\r\n \r\n {t('Relationer fritages for opkrævning')} \r\n \r\n\r\n {/* \r\n {({show, hide}) => (\r\n */}\r\n\r\n \r\n \r\n \r\n )}\r\n\t\t\r\n\t\t\r\n\t\t{!exemptRelationsPayment && ( \r\n <>\r\n \r\n \r\n \r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, checked)\r\n }}\r\n />\r\n )}\r\n \r\n\r\n \r\n {t('Opkræv kun Relationer')} \r\n \r\n\r\n {/* \r\n {({show, hide}) => (\r\n */}\r\n\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n {(message) => (\r\n \r\n {message}\r\n \r\n )}\r\n \r\n\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n currency: getActiveCurrency,\r\n paymentAgreementAccepted: getPaymentAgreementAccepted,\r\n kevinIsActive: kevinIsActive,\r\n }),{\r\n getClubPaymentMethods: getClubPaymentMethods.requested,\r\n }\r\n)\r\n\r\n\r\nexport default enhancer(Details)\r\n","import React, {useState, useCallback} from 'react'\r\nimport styled from 'styled-components'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {toLower, includes} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Flex, Box, Button, Searchable, Input, Text} from 'components'\r\nimport {Person, People} from 'components/icons'\r\nimport {getNestedGroupsArray} from 'groups/selectors'\r\nimport {getMembersArray} from 'members/selectors'\r\nimport GroupList from 'groups/components/GroupList'\r\nimport MemberList from 'members/components/MemberList'\r\nimport {Loading} from 'components'\r\n\r\nconst ListContainer = styled(Box)`\r\n max-height: 400px;\r\n overflow: scroll;\r\n`\r\n\r\nconst showOptions = {\r\n MEMBERS: 0,\r\n GROUPS: 1,\r\n}\r\n\r\nconst Payers = ({setFieldValue, members, groups, memberBulk, groupBulk}) => {\r\n const [t] = useTranslation()\r\n const [show, setShow] = useState(showOptions.GROUPS)\r\n\r\n const [isFetching, setIsFetching] = useState(true)\r\n setTimeout(()=>{setIsFetching(false)}, 1000)\r\n\r\n const toggleMember = useCallback(\r\n ({target: {value, checked}}) => {\r\n setFieldValue(\r\n 'members',\r\n checked\r\n ? [...memberBulk, value]\r\n : memberBulk.filter((member) => member.toString() !== value)\r\n )\r\n },\r\n [setFieldValue, memberBulk]\r\n )\r\n\r\n const toggleGroup = useCallback(\r\n ({target: {checked, value}}) => {\r\n setFieldValue(\r\n 'groups',\r\n !checked\r\n ? groupBulk.filter((group) => group !== value)\r\n : [...groupBulk, value],\r\n )\r\n },\r\n [setFieldValue, groupBulk]\r\n )\r\n\r\n return (\r\n \r\n \r\n \r\n {\r\n setIsFetching(true)\r\n setTimeout(() => {\r\n setIsFetching(false)\r\n setShow(showOptions.MEMBERS)\r\n }, 1000);\r\n }}\r\n type=\"button\"\r\n >\r\n \r\n \r\n \r\n \r\n {t('Personer')}\r\n \r\n \r\n \r\n \r\n\r\n \r\n {\r\n setIsFetching(true)\r\n setTimeout(() => {\r\n setIsFetching(false)\r\n setShow(showOptions.GROUPS)\r\n }, 1000);\r\n }}\r\n type=\"button\"\r\n >\r\n \r\n \r\n \r\n \r\n {t('Grupper')}\r\n \r\n \r\n \r\n {' '}\r\n \r\n {\r\n isFetching ? \r\n includes(toLower(item.firstName), toLower(value)) ||\r\n includes(toLower(item.surname), toLower(value))\r\n }\r\n >\r\n {({items, handleChange}) => (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n ) :\r\n show === showOptions.GROUPS && (\r\n \r\n includes(toLower(item.title), toLower(value))\r\n }\r\n >\r\n {({items, handleChange}) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n }\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n groups: getNestedGroupsArray,\r\n members: getMembersArray,\r\n })\r\n)\r\n\r\nexport default enhancer(Payers)\r\n","import {Formik} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Flex, Button, Box, Text,} from 'components'\r\nimport React, {useCallback} from 'react'\r\n\r\n\r\nconst ExemptPayment = ({\r\n hide,\r\n _continue,\r\n cancel,\r\n values\r\n}) => {\r\n const [t] = useTranslation()\r\n\r\n const handleSubmit = useCallback(\r\n () => {\r\n _continue(values);\r\n },[_continue]\r\n );\r\n\r\n const handleCancelSubmit = useCallback(\r\n () => {\r\n cancel(values);\r\n },[cancel]\r\n );\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {t('')} \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default ExemptPayment\r\n","import i18n from 'i18n'\r\nimport Yup from 'lib/yup'\r\n\r\nconst validationSchema = Yup.object().shape({\r\n title: Yup.string().required(),\r\n requestDate: Yup.string().required(),\r\n paymentStartDate: Yup.string().required(),\r\n individualAmount: Yup.number()\r\n .typeError()\r\n .required()\r\n .positive()\r\n .min(2)\r\n .max(10000)\r\n .when('reducedPayment', (reducedPayment, schema) =>\r\n reducedPayment\r\n ? schema.test(\r\n 'larger than minumumAmount',\r\n i18n.t('validation:largerThanMin', {\r\n thing: i18n.t('translation:payment'),\r\n }),\r\n function (value) {\r\n const minimumAmount = this.resolve(Yup.ref('minimumAmount'))\r\n return !minimumAmount || value >= minimumAmount\r\n }\r\n )\r\n : schema\r\n ),\r\n minimumAmount: Yup.mixed().when('reducedPayment', {\r\n is: true,\r\n then: Yup.number().typeError().required().positive().max(10000),\r\n }),\r\n daysTillDeadline: Yup.number().typeError().positive().nullable(),\r\n paymentDescription: Yup.string().required(),\r\n externalPaymentDisabled: Yup.boolean(),\r\n mobilePayDisabled: Yup.boolean(),\r\n reducedPayment: Yup.boolean(),\r\n \r\n exemptAdminPayment: Yup.boolean(),\r\n exemptGroupLeadersPayment: Yup.boolean(),\r\n exemptRelationsPayment: Yup.boolean(),\r\n onlyRelationsPayment: Yup.boolean(),\r\n\r\n})\r\n\r\nexport default validationSchema\r\n","import React, {useState, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {Formik, Form} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Flex, Button, Box, Text} from 'components'\r\nimport {create} from 'payments/actions'\r\nimport {getLatestInfo} from 'payments/selectors'\r\nimport {getPaymentAgreementAccepted, getActive} from 'clubs/selectors'\r\nimport Details from './Details/Details'\r\nimport Payers from './Payers'\r\nimport ExemptPayment from './ExemptPayment'\r\nimport validationSchema from './validationSchema'\r\nimport {getMembersArray} from 'members/selectors'\r\nimport {getGroupsArray} from 'groups/selectors'\r\n\r\n\r\n\r\n \r\n\r\nconst steps = {\r\n DETAILS: 0,\r\n PAYERS: 1,\r\n}\r\n\r\nconst showExemptPaymentSteps = {\r\n SHOW: 0,\r\n HIDE: 1,\r\n}\r\n\r\nconst CreatePaymentModal = ({\r\n create,\r\n hide,\r\n paymentAgreementAccepted,\r\n club,\r\n latestInfo,\r\n getGroups,\r\n getMembers,\r\n showModal\r\n}) => {\r\n\r\n \r\n\r\n\r\n const [t] = useTranslation()\r\n const [step, setStep] = useState(steps.DETAILS)\r\n const [showExemptPayment, setShowExemptPayment] = useState(showExemptPaymentSteps.HIDE)\r\n const [complete, setComplete] = useState(null)\r\n\r\n const hideExemptPaymentModal = useCallback(\r\n () => {\r\n setShowExemptPayment(showExemptPaymentSteps.HIDE);\r\n },\r\n [setShowExemptPayment]\r\n )\r\n\r\n const validate = ({externalPaymentDisabled, mobilePayDisabled}) => {\r\n if (externalPaymentDisabled && mobilePayDisabled) {\r\n return {methods: 'Mindst en betalingsmetode skal vælges'}\r\n }\r\n } \r\n\r\n //TODO: Needs refactoring\r\n const exemptValidate = ({exemptAdminPayment, exemptGroupLeadersPayment, exemptRelationsPayment, onlyRelationsPayment, getMembers, members, groups}) => {\r\n\r\n if (members.length > 0) {\r\n for (const element of members) {\r\n let id = element;\r\n let memberFound = getMembers.filter(m => m.id == id);\r\n \r\n if (memberFound.length > 0) {\r\n memberFound = memberFound[0];\r\n if (exemptAdminPayment && memberFound.type == 2) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'exemptAdminPayment'}\r\n }\r\n \r\n if (exemptGroupLeadersPayment && memberFound.type == 3) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'exemptGroupLeadersPayment'}\r\n }\r\n \r\n if (exemptRelationsPayment && memberFound.isChild) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'exemptRelationsPayment'}\r\n }\r\n \r\n if (onlyRelationsPayment && !memberFound.isChild) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'onlyRelationsPayment'}\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //TODO: Needs refactoring\r\n const cancelSubmit = useCallback(\r\n () => {\r\n setShowExemptPayment(showExemptPaymentSteps.HIDE)\r\n },\r\n )\r\n \r\n //TODO: Needs refactoring\r\n const _continueSubmit = useCallback(\r\n (values) => {\r\n var getMembers = values.getMembers;\r\n \r\n\r\n if (values.members.length > 0) {\r\n for (let index = 0; index < values.members.length; index++) {\r\n var mid = values.members[index];\r\n var memberFound = getMembers.filter(m => m.id == mid);\r\n \r\n if (memberFound.length > 0) {\r\n memberFound = memberFound[0];\r\n\r\n if (values.exemptAdminPayment && memberFound.type == 2) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n \r\n if (values.exemptGroupLeadersPayment && memberFound.type == 3) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n \r\n if (values.exemptRelationsPayment && memberFound.isChild) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n \r\n if (values.onlyRelationsPayment && !memberFound.isChild) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n if (values.members.length > 0) { \r\n handleSubmit(values)\r\n } \r\n setShowExemptPayment(showExemptPaymentSteps.HIDE)\r\n },\r\n )\r\n\r\n const handleSubmit = useCallback(\r\n (values) => {\r\n new Promise((resolve, reject) => {\r\n create({values, resolve, reject})\r\n }).then((id) => { \r\n setComplete(id)\r\n hide()\r\n }) \r\n },[create, setComplete]\r\n ) \r\n if (complete) {\r\n return \r\n \r\n \r\n {({isValid, setFieldValue, values}) => (\r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n paymentAgreementAccepted: getPaymentAgreementAccepted,\r\n club: getActive,\r\n getGroups: getGroupsArray,\r\n getMembers: getMembersArray,\r\n latestInfo: getLatestInfo,\r\n }),\r\n {\r\n create: create.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(CreatePaymentModal)\r\n","import React from 'react'\r\nimport IconBase from './IconBase'\r\n\r\nconst Warning = props => (\r\n \r\n \r\n \r\n \r\n)\r\n\r\nexport default Warning\r\n","import React, {useEffect, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Field, ErrorMessage} from 'formik'\r\nimport {\r\n addDays,\r\n setMinutes,\r\n addHours,\r\n isAfter,\r\n startOfYesterday,\r\n isBefore,\r\n} from 'date-fns'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {\r\n Input,\r\n DateInput,\r\n Text,\r\n Tooltip,\r\n Box,\r\n Flex,\r\n Button,\r\n TextArea,\r\n StyledCheckbox,\r\n Switch,\r\n Dropdown,\r\n Select,\r\n} from 'components'\r\nimport {Alert, Pin} from 'components/icons'\r\nimport Warning from 'components/icons/Warning'\r\nimport {getPaymentMobilePaySubscriptionAgreementAccepted, getActiveCurrency, getEconomicMastercardPaymentServiceIsReady} from 'clubs/selectors'\r\nimport countryCodes from 'lib/countryCodes'\r\nimport {getCompanyName} from 'app/selectors'\r\nimport {getClubPaymentMethods} from 'paymentMethods/actions'\r\nimport {useToggle} from 'lib/hooks'\r\n\r\nconst Details = ({\r\n paymentAgreementAccepted,\r\n economicMastercardPaymentServiceIsReady,\r\n countryCode,\r\n paymentInterval,\r\n exemptAdminPayment,\r\n exemptGroupLeadersPayment,\r\n exemptRelationsPayment, \r\n onlyRelationsPayment,\r\n currency,\r\n companyName,\r\n getClubPaymentMethods\r\n}) => {\r\n const [t] = useTranslation()\r\n const [isOpen, , hide, toggle] = useToggle()\r\n const [mobilepaysubscriptionMethodIsActive, setMobilepaysubscriptionMethodIsActive] = useState(false)\r\n\r\n useEffect(() => {\r\n new Promise((resolve) => {\r\n getClubPaymentMethods({resolve})\r\n }).then(result => {\r\n let paymentMethods = result.filter(p => p.paymentMethodName.toLowerCase() == \"kevin\");\r\n if (paymentMethods.length > 0) {\r\n setMobilepaysubscriptionMethodIsActive(true);\r\n }\r\n \r\n })\r\n }, [getClubPaymentMethods]) \r\n console.log('economicMastercardPaymentServiceIsReady', economicMastercardPaymentServiceIsReady)\r\n\r\n return (\r\n <>\r\n {t('Titel')} * \r\n \r\n {({field, form}) => (\r\n \r\n \r\n \r\n {form.errors[field.name]}\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n\r\n {t('Price')} (DKK) * \r\n \r\n {({field, form}) => (\r\n \r\n \r\n \r\n {form.errors[field.name]}\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n\r\n \r\n \r\n \r\n \r\n {t('Start dato')} *\r\n \r\n \r\n {({show, hide}) => (\r\n \r\n \r\n\r\n \r\n {({\r\n field: { name, value},\r\n form: { touched, errors, setFieldTouched, setFieldValue}, // also values, setXXXX, handleXXXX, dirty, isValid, status, etc.\r\n meta,\r\n }) => (\r\n <>\r\n \r\n isAfter(current, startOfYesterday())\r\n }\r\n error={touched[name] && errors[name]}\r\n onChange={(val) => setFieldValue(name, val)}\r\n onBlur={() => setFieldTouched(name, true)}\r\n renderAddon={(close) => (\r\n \r\n )} \r\n \r\n />\r\n {touched[name] && errors[name] && (\r\n \r\n \r\n {errors[name]}\r\n \r\n \r\n )} \r\n \r\n )}\r\n \r\n \r\n\r\n \r\n {t('Slut dato')} \r\n \r\n {({ field,\r\n form: {\r\n values: {paymentEndDate},\r\n ...form\r\n },\r\n }) => (\r\n \r\n isAfter(current, paymentEndDate || startOfYesterday())\r\n }\r\n error={form.touched[field.name] && form.errors[field.name]}\r\n onChange={(val) => form.setFieldValue(field.name, val)}\r\n onBlur={() => form.setFieldTouched(field.name, true)}\r\n renderAddon={(close) => (\r\n \r\n )}\r\n />\r\n )}\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n {t('Betalings interval')} * \r\n \r\n {({ field,\r\n form: {\r\n values: {paymentInterval},\r\n ...form\r\n },\r\n }) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {t('Link til forenings betalingsvilkår * ')} \r\n \r\n \r\n {({show, hide}) => (\r\n \r\n \r\n \r\n {({field, form}) => (\r\n \r\n \r\n \r\n {form.errors[field.name]}\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n {countryCode === countryCodes.da && (\r\n <>\r\n\r\n \r\n \r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, !checked)\r\n }}\r\n />\r\n )}\r\n \r\n \r\n \r\n {t('MobilePay Subscription')} ({t('Kræver MobilePay Subscription - Tilslutningsaftale')})\r\n \r\n \r\n \r\n {({show, hide}) => (\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, !checked)\r\n }}\r\n />\r\n )}\r\n \r\n \r\n \r\n {t('E-conomic Mastercard Betalingsservice')} ({t('Kræver Mastercard Betalingsservice opsætning')})\r\n \r\n \r\n {/* \r\n {({show, hide}) => (\r\n */}\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n\r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, checked)\r\n }}\r\n />\r\n )}\r\n \r\n\r\n \r\n {t('Administratorer fritages for opkrævning')} \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, checked)\r\n }}\r\n />\r\n )}\r\n \r\n\r\n \r\n {t('Gruppeledere fritages for opkrævning')} \r\n \r\n \r\n \r\n\r\n {!onlyRelationsPayment && (\r\n <>\r\n \r\n \r\n\r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, checked)\r\n onlyRelationsPayment \r\n }}\r\n />\r\n )}\r\n \r\n\r\n \r\n {t('Relationer fritages for opkrævning')} \r\n \r\n\r\n {/* \r\n {({show, hide}) => (\r\n */}\r\n\r\n \r\n \r\n \r\n )}\t\t\r\n\t\t\r\n {!exemptRelationsPayment && ( \r\n <>\r\n \r\n \r\n \r\n \r\n {({\r\n field: {value, name},\r\n form: {setFieldValue, setFieldTouched},\r\n }) => (\r\n {\r\n setFieldTouched('methods')\r\n setFieldValue(name, checked)\r\n }}\r\n />\r\n )}\r\n \r\n\r\n \r\n {t('Opkræv kun Relationer')} \r\n \r\n\r\n {/* \r\n {({show, hide}) => (\r\n */}\r\n\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n {(message) => (\r\n \r\n {message}\r\n \r\n )}\r\n \r\n\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n currency: getActiveCurrency,\r\n paymentAgreementAccepted: getPaymentMobilePaySubscriptionAgreementAccepted,\r\n economicMastercardPaymentServiceIsReady: getEconomicMastercardPaymentServiceIsReady\r\n }),{\r\n getClubPaymentMethods: getClubPaymentMethods.requested,\r\n }\r\n)\r\n\r\n\r\nexport default enhancer(Details)\r\n","import React, {useState, useCallback} from 'react'\r\nimport styled from 'styled-components'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {toLower, includes} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Flex, Box, Button, Searchable, Input, Text} from 'components'\r\nimport {Person, People} from 'components/icons'\r\nimport {getNestedGroupsArray} from 'groups/selectors'\r\nimport {getMembersArray} from 'members/selectors'\r\nimport GroupList from 'groups/components/GroupList'\r\nimport MemberList from 'members/components/MemberList'\r\n\r\nconst ListContainer = styled(Box)`\r\n max-height: 400px;\r\n overflow: scroll;\r\n`\r\n\r\nconst showOptions = {\r\n MEMBERS: 0,\r\n GROUPS: 1,\r\n}\r\n\r\nconst Payers = ({setFieldValue, members, groups, memberBulk, groupBulk}) => {\r\n const [t] = useTranslation()\r\n const [show, setShow] = useState(showOptions.GROUPS)\r\n const toggleMember = useCallback(\r\n ({target: {value, checked}}) => {\r\n setFieldValue(\r\n 'members',\r\n checked\r\n ? [...memberBulk, value]\r\n : memberBulk.filter((member) => member.toString() !== value)\r\n )\r\n },\r\n [setFieldValue, memberBulk]\r\n )\r\n\r\n const toggleGroup = useCallback(\r\n ({target: {checked, value}}) => {\r\n setFieldValue(\r\n 'groups',\r\n !checked\r\n ? groupBulk.filter((group) => group !== value)\r\n : [...groupBulk, value],\r\n )\r\n },\r\n [setFieldValue, groupBulk]\r\n )\r\n\r\n return (\r\n \r\n \r\n \r\n setShow(showOptions.MEMBERS)}\r\n type=\"button\"\r\n >\r\n \r\n \r\n \r\n \r\n {t('Personer')}\r\n \r\n \r\n \r\n \r\n\r\n \r\n setShow(showOptions.GROUPS)}\r\n type=\"button\"\r\n >\r\n \r\n \r\n \r\n \r\n {t('Grupper')}\r\n \r\n \r\n \r\n {' '}\r\n \r\n\r\n {show === showOptions.MEMBERS && (\r\n \r\n includes(toLower(item.firstName), toLower(value)) ||\r\n includes(toLower(item.surname), toLower(value))\r\n }\r\n >\r\n {({items, handleChange}) => (\r\n <>\r\n \r\n \r\n\r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n {show === showOptions.GROUPS && (\r\n \r\n includes(toLower(item.title), toLower(value))\r\n }\r\n >\r\n {({items, handleChange}) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n groups: getNestedGroupsArray,\r\n members: getMembersArray,\r\n })\r\n)\r\n\r\nexport default enhancer(Payers)\r\n","import {Formik} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Flex, Button, Box, Text,} from 'components'\r\nimport React, {useCallback} from 'react'\r\n\r\n\r\nconst ExemptPayment = ({\r\n hide,\r\n _continue,\r\n cancel,\r\n values\r\n}) => {\r\n const [t] = useTranslation()\r\n\r\n const handleSubmit = useCallback(\r\n () => {\r\n _continue(values);\r\n },[_continue]\r\n );\r\n\r\n const handleCancelSubmit = useCallback(\r\n () => {\r\n cancel(values);\r\n },[cancel]\r\n );\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {t('')} \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default ExemptPayment\r\n","import i18n from 'i18n'\r\nimport Yup from 'lib/yup'\r\n\r\n\r\nconst validationSchema = Yup.object().shape({\r\n title: Yup.string().required(), \r\n paymentStartDate: Yup.string().required(),\r\n paymentEndDate: Yup.string(),\r\n agreementUrl: Yup.string().required().matches(\r\n /^(https:\\/\\/)([\\w-]+\\.)+[\\w-]+(\\/[\\w-./?%&=]*)?$/,\r\n i18n.t('Ugyldig URL. Indtast venligst en gyldig https addresse')\r\n ),\r\n price: Yup.string().required(),\r\n paymentInterval: Yup.number(),\r\n mobilePaySubscriptionDisabled: Yup.boolean(),\r\n \r\n exemptAdminPayment: Yup.boolean(),\r\n exemptGroupLeadersPayment: Yup.boolean(),\r\n exemptRelationsPayment: Yup.boolean(),\r\n onlyRelationsPayment: Yup.boolean()\r\n\r\n})\r\n\r\nexport default validationSchema\r\n","import React, {useState, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {Formik, Form} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Flex, Button, Box, Text} from 'components'\r\nimport {create as createPayment, createSubscription} from 'payments/actions'\r\nimport {getLatestInfo} from 'payments/selectors'\r\nimport {getPaymentAgreementAccepted, getActive} from 'clubs/selectors'\r\nimport Details from './Details/Details'\r\nimport Payers from './Payers'\r\nimport ExemptPayment from './ExemptPayment'\r\nimport validationSchema from './validationSchema'\r\nimport {getMembersArray} from 'members/selectors'\r\nimport {getGroupsArray} from 'groups/selectors'\r\nimport { fetchClubPaymentSubscriptions } from 'payments/actions'\r\nimport { getSubscription } from 'payments/selectors'\r\nimport {getClubPaymentMethods} from 'paymentMethods/actions'\r\n\r\nconst initialValues = {\r\n groups: [],\r\n members: [],\r\n agreementUrl: 'https://',\r\n paymentStartDate: '',\r\n paymentEndDate: '',\r\n price: 1,\r\n paymentInterval: '',\r\n mobilePaySubscriptionDisabled: true,\r\n economicMastercardPaymentServiceDisabled: true,\r\n title: '',\r\n\r\n exemptAdminPayment: false,\r\n exemptGroupLeadersPayment: false,\r\n exemptRelationsPayment: false,\r\n onlyRelationsPayment: false,\r\n}\r\n\r\nconst steps = {\r\n DETAILS: 0,\r\n PAYERS: 1,\r\n}\r\n\r\nconst showExemptPaymentSteps = {\r\n SHOW: 0,\r\n HIDE: 1,\r\n}\r\n\r\nconst CreateSubscriptionModal = ({\r\n create,\r\n hide,\r\n paymentAgreementAccepted,\r\n club,\r\n getGroups,\r\n getMembers,\r\n createSubscription,\r\n fetchClubPaymentSubscriptions,\r\n subscription,\r\n showPaymentSubscriptionPlans,\r\n getClubPaymentMethods\r\n}) => {\r\n const [t] = useTranslation()\r\n const [step, setStep] = useState(steps.DETAILS)\r\n const [showExemptPayment, setShowExemptPayment] = useState(showExemptPaymentSteps.HIDE)\r\n const [complete, setComplete] = useState(null)\r\n const [hideValidatePopup, setHideValidatePopup] = useState(true)\r\n const [validateError, setValidateError] = useState('')\r\n \r\n const hideExemptPaymentModal = useCallback(\r\n () => {\r\n setShowExemptPayment(showExemptPaymentSteps.HIDE);\r\n },\r\n [setShowExemptPayment]\r\n )\r\n\r\n //TODO: Needs refactoring\r\n const exemptValidate = ({exemptAdminPayment, exemptGroupLeadersPayment, exemptRelationsPayment, onlyRelationsPayment, getMembers, members, groups}) => {\r\n\r\n if (members.length > 0) {\r\n for (let index = 0; index < members.length; index++) {\r\n var id = members[index];\r\n var memberFound = getMembers.filter(m => m.id == id);\r\n \r\n if (memberFound.length > 0) {\r\n memberFound = memberFound[0];\r\n if (exemptAdminPayment && memberFound.type == 2) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'exemptAdminPayment'}\r\n }\r\n \r\n if (exemptGroupLeadersPayment && memberFound.type == 3) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'exemptGroupLeadersPayment'}\r\n }\r\n \r\n if (exemptRelationsPayment && memberFound.isChild) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'exemptRelationsPayment'}\r\n }\r\n \r\n if (onlyRelationsPayment && !memberFound.isChild) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'onlyRelationsPayment'}\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //TODO: Needs refactoring\r\n const cancelSubmit = useCallback(\r\n () => {\r\n setShowExemptPayment(showExemptPaymentSteps.HIDE)\r\n },\r\n )\r\n \r\n //TODO: Needs refactoring\r\n const _continueSubmit = useCallback(\r\n (values) => {\r\n var getMembers = values.getMembers;\r\n\r\n if (values.members.length > 0) {\r\n for (let index = 0; index < values.members.length; index++) {\r\n var mid = values.members[index];\r\n var memberFound = getMembers.filter(m => m.id == mid);\r\n \r\n if (memberFound.length > 0) {\r\n memberFound = memberFound[0];\r\n\r\n if (values.exemptAdminPayment && memberFound.type == 2) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n \r\n if (values.exemptGroupLeadersPayment && memberFound.type == 3) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n \r\n if (values.exemptRelationsPayment && memberFound.isChild) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n \r\n if (values.onlyRelationsPayment && !memberFound.isChild) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n if (values.members.length > 0) { \r\n handleSubmit(values)\r\n } \r\n setShowExemptPayment(showExemptPaymentSteps.HIDE)\r\n },\r\n )\r\n \r\n \r\n const handleSubmit = useCallback(\r\n (values) => {\r\n // form.validateForm();\r\n\r\n new Promise((resolve) => {\r\n getClubPaymentMethods({resolve})\r\n }).then(result => {\r\n\r\n values.paymentMethodIds = [];\r\n \r\n if (!values.mobilePaySubscriptionDisabled) {\r\n let paymentMethods = result.filter(p => p.paymentMethodName.toLowerCase() == \"mobilepaysubscription\");\r\n if (paymentMethods.length > 0) {\r\n values.paymentMethodIds.push(paymentMethods[0].paymentMethodInfoId)\r\n }\r\n }\r\n\r\n if (!values.economicMastercardPaymentServiceDisabled) {\r\n let paymentMethods = result.filter(p => p.paymentMethodName.toLowerCase() == \"economic-mastercardpayment\");\r\n if (paymentMethods.length > 0) {\r\n values.paymentMethodIds.push(paymentMethods[0].paymentMethodInfoId)\r\n }\r\n }\r\n \r\n new Promise((resolve, reject) => {\r\n createSubscription({values, resolve, reject})\r\n }).then((id) => {\r\n showPaymentSubscriptionPlans(id, values.title, values.paymentStartDate._d)\r\n hide()\r\n }).catch(error => {\r\n console.log(error)\r\n setValidateError(error.message)\r\n setHideValidatePopup(false)\r\n });\r\n })\r\n\r\n },[createSubscription, setComplete] \r\n )\r\n if (complete) {\r\n return \r\n \r\n {validateError}\r\n \r\n \r\n }\r\n \r\n {hideValidatePopup &&\r\n \r\n \r\n \r\n {({isValid, setFieldValue, values, validateForm}) => (\r\n \r\n )}\r\n \r\n \r\n \r\n }\r\n \r\n ) \r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n paymentAgreementAccepted: getPaymentAgreementAccepted,\r\n club: getActive,\r\n subscription: getSubscription,\r\n getGroups: getGroupsArray,\r\n getMembers: getMembersArray,\r\n latestInfo: getLatestInfo,\r\n }),\r\n {\r\n createSubscription: createSubscription.requested,\r\n getClubPaymentMethods: getClubPaymentMethods.requested,\r\n fetchClubPaymentSubscriptions: fetchClubPaymentSubscriptions.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(CreateSubscriptionModal)\r\n","import React, {useMemo, useCallback, useState} from 'react'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {connect} from 'react-redux'\r\nimport {endOfMonth, isAfter, startOfMonth} from 'date-fns'\r\nimport Yup from 'lib/yup'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Box, Text, Modal, Button, DateInput, Loading} from 'components'\r\nimport {paymentStream} from 'payments/actions'\r\nimport { exportActivityPayments } from 'payments/actions'\r\n\r\nconst initialValues = {\r\n startDate: startOfMonth(new Date()),\r\n endDate: endOfMonth(new Date()),\r\n}\r\n\r\nconst validationSchema = Yup.object().shape({\r\n startDate: Yup.string().required(),\r\n endDate: Yup.string().required(),\r\n})\r\n\r\nconst ExportModal = ({hide, paymentStream, format, exportActivityPayments, club}) => {\r\n const [t] = useTranslation()\r\n\r\n const title = useMemo(() => {\r\n return {\r\n pdf: t('Eksporter PDF med MobilePay-betalinger'),\r\n csv: t('Eksporter CSV-fil med alle betalinger i foreningen'),\r\n csvActivity: t('Eksporter CSV-fil med alle aktivitetsbetalinger ')\r\n }[format]\r\n }, [format, t])\r\n\r\n const [error, setError] = useState(null)\r\n\r\n const handleSubmit = useCallback(\r\n (values, {setSubmitting, setFieldError}) => {\r\n if (format === 'csvActivity'){\r\n new Promise((resolve, reject) => {\r\n exportActivityPayments({resolve, reject, format, ...values})\r\n })\r\n .then((response) => {\r\n const blob = new Blob([response], {\r\n type:'text/csv;charset=utf-8;'\r\n })\r\n const link = document.createElement('a')\r\n link.download = `${club.clubName} - Activity Payment.csv`\r\n link.href = window.URL.createObjectURL(blob)\r\n link.click()\r\n \r\n hide()\r\n })\r\n .catch(() => {\r\n const errorText = t('Der er ingen betalinger i det valgte interval')\r\n setError(errorText)\r\n setSubmitting(false)\r\n })\r\n } else {\r\n new Promise((resolve, reject) => {\r\n paymentStream({resolve, reject, format, ...values})\r\n })\r\n .then((response) => {\r\n const blob = new Blob([response], {\r\n type:\r\n format === 'pdf' ? 'application/pdf' : 'text/csv;charset=utf-8;',\r\n })\r\n const link = document.createElement('a')\r\n link.download =\r\n format === 'pdf' ? t('mobilepay-betalinger')+'.pdf' : t('betalingsstrøm')+'.csv'\r\n link.href = window.URL.createObjectURL(blob)\r\n link.click()\r\n\r\n hide()\r\n })\r\n .catch(() => {\r\n const errorText = t('Der er ingen betalinger i det valgte interval')\r\n setError(errorText)\r\n setSubmitting(false)\r\n })\r\n }\r\n \r\n },\r\n [hide, paymentStream, format, t]\r\n )\r\n\r\n return (\r\n \r\n \r\n \r\n {({isSubmitting, isValid}) => (\r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {paymentStream: paymentStream.requested, exportActivityPayments: exportActivityPayments.requested})\r\n\r\nexport default enhancer(ExportModal)\r\n","import React from 'react'\r\nimport styled, {css} from 'styled-components'\r\nimport {Flex, Link, Box} from 'components'\r\n\r\nconst Container = styled(Box)`\r\n border: 1px solid ${(props) => props.theme.colors.secondary};\r\n border-radius: 5px 5px 0 0;\r\n border-left: 0;\r\n background: ${(props) => props.theme.colors.white};\r\n position: relative;\r\n top: 1px;\r\n text-align: center;\r\n\r\n ${(props) =>\r\n props.active &&\r\n css`\r\n border-bottom: 1px solid ${(props) => props.theme.colors.secondaryLight};\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n `}\r\n`\r\n\r\nconst Tab = ({name, active, path, icon: Icon}) => (\r\n \r\n \r\n \r\n {Icon && (\r\n \r\n \r\n )}\r\n {name}\r\n \r\n \r\n \r\n)\r\n\r\nexport default Tab\r\n","import React from 'react'\r\nimport {withRouter} from 'react-router-dom'\r\nimport {Flex, Box} from 'components'\r\nimport Tab from './Tab'\r\n\r\nconst Tabs = ({tabs, match: {url}, location: {pathname}, children}) => (\r\n \r\n \r\n {tabs.map(tab => (\r\n -1}\r\n path={`${url}/${tab.id}`}\r\n />\r\n ))}\r\n \r\n\r\n \r\n {children}\r\n \r\n \r\n)\r\n\r\nTabs.defaultProps = {\r\n tabs: [],\r\n}\r\n\r\nexport default withRouter(Tabs)\r\n","import React, {useEffect, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Field, ErrorMessage} from 'formik'\r\nimport {\r\n addDays,\r\n setMinutes,\r\n addHours,\r\n isAfter,\r\n startOfYesterday,\r\n} from 'date-fns'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {\r\n Input,\r\n DateInput,\r\n Text,\r\n Tooltip,\r\n Box,\r\n Flex,\r\n Button,\r\n} from 'components'\r\nimport {Alert, Pin} from 'components/icons'\r\nimport Warning from 'components/icons/Warning'\r\nimport {getPaymentMobilePaySubscriptionAgreementAccepted, getActiveCurrency, getEconomicMastercardPaymentServiceIsReady} from 'clubs/selectors'\r\nimport countryCodes from 'lib/countryCodes'\r\nimport {getCompanyName} from 'app/selectors'\r\nimport {getClubPaymentMethods} from 'paymentMethods/actions'\r\nimport {useToggle} from 'lib/hooks'\r\n\r\nconst Details = ({\r\n economicMastercardPaymentServiceIsReady,\r\n getClubPaymentMethods\r\n}) => {\r\n const [t] = useTranslation()\r\n const [mobilepaysubscriptionMethodIsActive, setMobilepaysubscriptionMethodIsActive] = useState(false)\r\n\r\n useEffect(() => {\r\n new Promise((resolve) => {\r\n getClubPaymentMethods({resolve})\r\n }).then(result => {\r\n let paymentMethods = result.filter(p => p.paymentMethodName.toLowerCase() == \"kevin\");\r\n if (paymentMethods.length > 0) {\r\n setMobilepaysubscriptionMethodIsActive(true);\r\n }\r\n \r\n })\r\n }, [getClubPaymentMethods]) \r\n console.log('economicMastercardPaymentServiceIsReady', economicMastercardPaymentServiceIsReady)\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('Start dato')} *\r\n \r\n \r\n {({show, hide}) => (\r\n \r\n \r\n\r\n \r\n {({\r\n field: { name, value},\r\n form: { touched, errors, setFieldTouched, setFieldValue}, // also values, setXXXX, handleXXXX, dirty, isValid, status, etc.\r\n meta,\r\n }) => (\r\n <>\r\n \r\n isAfter(current, startOfYesterday())\r\n }\r\n error={touched[name] && errors[name]}\r\n onChange={(val) => setFieldValue(name, val)}\r\n onBlur={() => setFieldTouched(name, true)}\r\n renderAddon={(close) => (\r\n \r\n )} \r\n \r\n />\r\n {touched[name] && errors[name] && (\r\n \r\n \r\n {errors[name]}\r\n \r\n \r\n )} \r\n \r\n )}\r\n \r\n \r\n\r\n \r\n {t('Slut dato')} \r\n \r\n {({ field,\r\n form: {\r\n values: {paymentEndDate},\r\n ...form\r\n },\r\n }) => (\r\n \r\n isAfter(current, paymentEndDate || startOfYesterday())\r\n }\r\n error={form.touched[field.name] && form.errors[field.name]}\r\n onChange={(val) => form.setFieldValue(field.name, val)}\r\n onBlur={() => form.setFieldTouched(field.name, true)}\r\n renderAddon={(close) => (\r\n \r\n )}\r\n />\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n {(message) => (\r\n \r\n {message}\r\n \r\n )}\r\n \r\n\r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n currency: getActiveCurrency,\r\n paymentAgreementAccepted: getPaymentMobilePaySubscriptionAgreementAccepted,\r\n economicMastercardPaymentServiceIsReady: getEconomicMastercardPaymentServiceIsReady\r\n }),{\r\n getClubPaymentMethods: getClubPaymentMethods.requested,\r\n }\r\n)\r\n\r\n\r\nexport default enhancer(Details)","import React, {useState, useCallback} from 'react'\r\nimport styled from 'styled-components'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {toLower, includes} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Flex, Box, Button, Searchable, Input, Text} from 'components'\r\nimport {Person} from 'components/icons'\r\nimport {getMembersArray} from 'members/selectors'\r\nimport MemberList from 'members/components/MemberList'\r\n\r\nconst ListContainer = styled(Box)`\r\n max-height: 400px;\r\n overflow: scroll;\r\n`\r\n\r\nconst showOptions = {\r\n MEMBERS: 0,\r\n}\r\n\r\nconst PlanPayers = ({setFieldValue, members, memberBulk}) => {\r\n const [t] = useTranslation()\r\n const toggleMember = useCallback(\r\n ({target: {value, checked}}) => {\r\n setFieldValue(\r\n 'members',\r\n checked\r\n ? [...memberBulk, value]\r\n : memberBulk.filter((member) => member.toString() !== value)\r\n )\r\n },\r\n [setFieldValue, memberBulk]\r\n )\r\n\r\n return (\r\n \r\n \r\n \r\n setShow(showOptions.MEMBERS)}\r\n type=\"button\"\r\n >\r\n \r\n \r\n \r\n \r\n {t('Personer')}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n includes(toLower(item.firstName), toLower(value)) ||\r\n includes(toLower(item.surname), toLower(value))\r\n }\r\n >\r\n {({items, handleChange}) => (\r\n <>\r\n \r\n \r\n\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n members: getMembersArray,\r\n })\r\n)\r\n\r\nexport default enhancer(PlanPayers)\r\n","import React, {useState, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {Formik, Form} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Flex, Button, Box, Text} from 'components'\r\nimport {create as createPayment, createSubscription} from 'payments/actions'\r\nimport {getLatestInfo} from 'payments/selectors'\r\nimport {getPaymentAgreementAccepted, getActive} from 'clubs/selectors'\r\nimport PlanDetails from './Details/PlanDetails'\r\nimport PlanPayers from './PlanPayers'\r\nimport ExemptPayment from './ExemptPayment'\r\nimport {getMembersArray} from 'members/selectors'\r\nimport {getGroupsArray} from 'groups/selectors'\r\nimport { fetchClubPaymentSubscriptions } from 'payments/actions'\r\nimport { getSubscription } from 'payments/selectors'\r\nimport {getClubPaymentMethods} from 'paymentMethods/actions'\r\nimport Yup from 'lib/yup'\r\n\r\nconst validationSchema = Yup.object().shape({\r\n paymentStartDate: Yup.string().required(),\r\n paymentEndDate: Yup.string(),\r\n })\r\n\r\nconst initialValues = {\r\n groups: [],\r\n members: [],\r\n paymentStartDate: '',\r\n}\r\n\r\nconst steps = {\r\n DETAILS: 0,\r\n PAYERS: 1,\r\n}\r\n\r\nconst showExemptPaymentSteps = {\r\n SHOW: 0,\r\n HIDE: 1,\r\n}\r\n\r\nconst CreateSubscriptionModal = ({\r\n create,\r\n hide,\r\n club,\r\n getMembers,\r\n createSubscription,\r\n showPaymentSubscriptionPlans,\r\n getClubPaymentMethods,\r\n subscriptionPlanId\r\n}) => {\r\n const [t] = useTranslation()\r\n const [step, setStep] = useState(steps.DETAILS)\r\n const [showExemptPayment, setShowExemptPayment] = useState(showExemptPaymentSteps.HIDE)\r\n const [complete, setComplete] = useState(null)\r\n const [hideValidatePopup, setHideValidatePopup] = useState(true)\r\n const [validateError, setValidateError] = useState('')\r\n \r\n const hideExemptPaymentModal = useCallback(\r\n () => {\r\n setShowExemptPayment(showExemptPaymentSteps.HIDE);\r\n },\r\n [setShowExemptPayment]\r\n )\r\n\r\n //TODO: Needs refactoring\r\n const exemptValidate = ({exemptAdminPayment, exemptGroupLeadersPayment, exemptRelationsPayment, onlyRelationsPayment, getMembers, members, groups}) => {\r\n\r\n if (members.length > 0) {\r\n for (let index = 0; index < members.length; index++) {\r\n var id = members[index];\r\n var memberFound = getMembers.filter(m => m.id == id);\r\n \r\n if (memberFound.length > 0) {\r\n memberFound = memberFound[0];\r\n if (exemptAdminPayment && memberFound.type == 2) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'exemptAdminPayment'}\r\n }\r\n \r\n if (exemptGroupLeadersPayment && memberFound.type == 3) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'exemptGroupLeadersPayment'}\r\n }\r\n \r\n if (exemptRelationsPayment && memberFound.isChild) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'exemptRelationsPayment'}\r\n }\r\n \r\n if (onlyRelationsPayment && !memberFound.isChild) {\r\n setShowExemptPayment(showExemptPaymentSteps.SHOW);\r\n return {methods: 'onlyRelationsPayment'}\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //TODO: Needs refactoring\r\n const cancelSubmit = useCallback(\r\n () => {\r\n setShowExemptPayment(showExemptPaymentSteps.HIDE)\r\n },\r\n )\r\n \r\n //TODO: Needs refactoring\r\n const _continueSubmit = useCallback(\r\n (values) => {\r\n var getMembers = values.getMembers;\r\n\r\n if (values.members.length > 0) {\r\n for (let index = 0; index < values.members.length; index++) {\r\n var mid = values.members[index];\r\n var memberFound = getMembers.filter(m => m.id == mid);\r\n \r\n if (memberFound.length > 0) {\r\n memberFound = memberFound[0];\r\n\r\n if (values.exemptAdminPayment && memberFound.type == 2) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n \r\n if (values.exemptGroupLeadersPayment && memberFound.type == 3) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n \r\n if (values.exemptRelationsPayment && memberFound.isChild) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n \r\n if (values.onlyRelationsPayment && !memberFound.isChild) {\r\n if (index > -1) {\r\n values.members.splice(index, 1);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n if (values.members.length > 0) { \r\n handleSubmit(values)\r\n } \r\n setShowExemptPayment(showExemptPaymentSteps.HIDE)\r\n },\r\n )\r\n \r\n \r\n const handleSubmit = useCallback(\r\n (values) => {\r\n // form.validateForm();\r\n \r\n \r\n new Promise((resolve) => {\r\n getClubPaymentMethods({resolve})\r\n }).then(result => {\r\n\r\n \r\n new Promise((resolve, reject) => {\r\n createSubscription({values, resolve, reject})\r\n }).then((id) => {\r\n showPaymentSubscriptionPlans(id, values.title, values.paymentStartDate._d)\r\n hide()\r\n }).catch(error => {\r\n console.log(error)\r\n setValidateError(error.message)\r\n setHideValidatePopup(false)\r\n });\r\n\r\n })\r\n\r\n },[createSubscription, setComplete] \r\n )\r\n if (complete) {\r\n return \r\n \r\n {validateError}\r\n \r\n \r\n }\r\n \r\n {hideValidatePopup &&\r\n \r\n \r\n \r\n {({isValid, setFieldValue, values, validateForm}) => (\r\n \r\n )}\r\n \r\n \r\n \r\n }\r\n \r\n ) \r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n paymentAgreementAccepted: getPaymentAgreementAccepted,\r\n club: getActive,\r\n subscription: getSubscription,\r\n getGroups: getGroupsArray,\r\n getMembers: getMembersArray,\r\n latestInfo: getLatestInfo,\r\n }),\r\n {\r\n createSubscription: createSubscription.requested,\r\n getClubPaymentMethods: getClubPaymentMethods.requested,\r\n fetchClubPaymentSubscriptions: fetchClubPaymentSubscriptions.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(CreateSubscriptionModal)","import React, {useState , useMemo , useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {getActive} from 'clubs'\r\nimport Payments_Overview from './Payments_Overview'\r\nimport Subscriptions_Overview from './Subscriptions_Overview'\r\nimport {Page, Flex, Button} from 'components'\r\nimport countryCodes from 'lib/countryCodes'\r\nimport {useToggle} from 'lib/hooks'\r\nimport CreatePaymentModal from './CreatePaymentModal'\r\nimport CreateSubscriptionModal from './CreateSubscriptionModal'\r\nimport ExportModal from './ExportModal'\r\nimport {Redirect, Route, Switch} from 'react-router-dom'\r\nimport Tabs from './Tabs'\r\nimport {exportSubscriptionCharges} from 'payments/actions'\r\nimport {Payment} from 'payments/components'\r\nimport { useFeature } from \"@growthbook/growthbook-react\";\r\nimport { module_payment_mobilepaysubscription } from 'globalModuleNames';\r\nimport { module_subscription } from 'globalModuleNames';\r\nimport {getSubscriptions, getSubscriptionPlans, getSubscriptionPlanCharges} from 'payments'\r\nimport {fetchSubscriptionPlans, fetchSubscriptionPlanCharges} from 'payments/actions'\r\nimport CreateSubscriptionPlanModal from './CreateSubscriptionModal/CreateSubscriptionPlanModal'\r\n\r\n\r\nconst Overview = ({club, match: {path}, exportSubscriptionCharges}) => {\r\n const [t] = useTranslation()\r\n\r\n const tabs = useMemo(\r\n () => {\r\n \r\n let tabs = [\r\n {\r\n id: 'overview',\r\n name: t('Betalinger'),\r\n } \r\n ];\r\n\r\n if (useFeature(module_payment_mobilepaysubscription).on) {\r\n tabs.push({\r\n id: 'subscriptions',\r\n name: t('Abonnementer'),\r\n });\r\n }\r\n\r\n return tabs;\r\n },\r\n [t]\r\n )\r\n\r\n const [exportFormat, setExportFormat] = useState()\r\n const [createPaymentModalVisible, showCreatePaymentModal, hideCreatePaymentModal] = useToggle()\r\n const [createSubscriptionModalVisible, showCreateSubscriptionModal, hideCreateSubscriptionModal] = useToggle()\r\n const [createSubscriptionPlanModalVisible, showCreateSubscriptionPlanModal, hideCreateSubscriptionPlanModal] = useToggle()\r\n const [exportModalVisible, _showExportModal, _hideExportModal] = useToggle()\r\n const [subscriptionPlanId, setSubscriptionPlanId] = useState(0);\r\n\r\n const showExportModal = useCallback(\r\n (format) => {\r\n _showExportModal()\r\n setExportFormat(format)\r\n },\r\n [_showExportModal, setExportFormat]\r\n )\r\n\r\n const hideExportModal = useCallback(() => {\r\n _hideExportModal()\r\n setExportFormat(null)\r\n }, [_hideExportModal, setExportFormat])\r\n\r\n const handleExportSubscriptionChargesSubmit = useCallback(\r\n (values) => {\r\n new Promise((resolve, reject) => {\r\n exportSubscriptionCharges({resolve, reject})\r\n })\r\n .then((response) => {\r\n const blob = new Blob([response], {\r\n type: 'text/csv;charset=utf-8;',\r\n })\r\n const link = document.createElement('a')\r\n link.download = t('betalingsstrøm abonnement')+'.csv'\r\n link.href = window.URL.createObjectURL(blob)\r\n link.click()\r\n })\r\n .catch((error) => {\r\n console.log(error)\r\n // const errorText = t('Der er ingen betalinger i det valgte interval')\r\n // setError(errorText)\r\n //setSubmitting(false)\r\n })\r\n },\r\n [handleExportSubscriptionChargesSubmit, t]\r\n )\r\n\r\n return (\r\n <> \r\n \r\n \r\n {club?.countryCode === countryCodes.da && (\r\n <>\r\n {window.location.pathname == `${path}/subscriptions` &&\r\n <>\r\n \r\n \r\n }\r\n \r\n \r\n )}\r\n\r\n {((window.location.pathname == `${path}/overview` || window.location.pathname.indexOf('/payments') !== -1) && window.location.pathname.indexOf('/payments/sub') === -1) &&\r\n <>\r\n \r\n\r\n \r\n \r\n {club?.countryCode === countryCodes.da && ( \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n }\r\n \r\n \r\n\r\n {createPaymentModalVisible && }\r\n\r\n {createSubscriptionModalVisible && ()}\r\n\r\n {createSubscriptionPlanModalVisible && ()}\r\n\r\n {exportModalVisible && ( )}\r\n\r\n \r\n \r\n (\r\n (\r\n \r\n )}\r\n />\r\n }\r\n \r\n \r\n \r\n )\r\n}\r\n\r\n Overview.defaultProps = {\r\n initialTab: 'overview',\r\n club: {\r\n countryCode: '',\r\n },\r\n }\r\n\r\n const enhancer = connect(\r\n createStructuredSelector({\r\n club: getActive,\r\n subscriptions: getSubscriptions,\r\n subscriptionPlans: getSubscriptionPlans,\r\n subscriptionPlanCharges: getSubscriptionPlanCharges,\r\n }),\r\n {\r\n fetchSubscriptionPlans: fetchSubscriptionPlans.requested,\r\n fetchSubscriptionPlanCharges: fetchSubscriptionPlanCharges.requested,\r\n exportSubscriptionCharges: exportSubscriptionCharges.requested,\r\n }\r\n )\r\nexport default enhancer(Overview)\r\n","import React, {Fragment} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Formik, Field} from 'formik'\r\nimport {Box} from '@rebass/grid'\r\nimport Yup from 'lib/yup'\r\nimport {LabeledInput, LabeledCheckbox, Button} from 'components'\r\nimport {acceptPaymentAgreement} from 'clubs/actions'\r\n\r\nconst validationSchema = Yup.object().shape({\r\n accept: Yup.boolean().oneOf([true]),\r\n bankName: Yup.string().required(),\r\n reg: Yup.number().typeError().required().max(9999),\r\n account: Yup.number().typeError().required(),\r\n bankContact: Yup.string(),\r\n})\r\n\r\nconst initialValues = {\r\n accept: false,\r\n bankName: '',\r\n reg: '',\r\n account: '',\r\n bankContact: '',\r\n}\r\n\r\nconst PaymentAgreementForm = ({acceptPaymentAgreement}) => (\r\n \r\n {({handleSubmit}) => (\r\n \r\n )}\r\n \r\n)\r\n\r\nconst mapDispatchToProps = {\r\n acceptPaymentAgreement: acceptPaymentAgreement.requested,\r\n}\r\n\r\nconst enhancer = connect(null, mapDispatchToProps)\r\n\r\nexport default enhancer(PaymentAgreementForm)\r\n","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Helmet} from 'react-helmet'\r\nimport {Box} from '@rebass/grid'\r\nimport {acceptPaymentAgreement} from 'clubs/actions'\r\nimport {Page, H1, Text, Card} from 'components'\r\nimport PaymentAgreementForm from './PaymentAgreementForm'\r\n\r\nclass AcceptPaymentAgreement extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n Accepter betalingsaftale | MinForening \r\n \r\n\r\n \r\n \r\n Minforenings betalingsløsning på www.web.minforening.dk gør det\r\n muligt for din forening gratis at oprette og administrere\r\n betalinger. Minforening har integreret MobilePay - som bruges af\r\n over 4 mio. danske brugere - således, at foreningsmedlemmerne\r\n hurtigt og helt uden indtastning af kontooplysninger kan foretage\r\n sine betalinger til foreningen gennem MinForening appen.\r\n \r\n \r\n \r\n Den daglige betalingsgrænse er 3000 kr. for brugere, der\r\n identificerer sig med cpr-nummer i MobilePay, og 10.000 kr. for\r\n brugere, der identificerer sig med NemID. Alle beløb som\r\n foreningen modtager med MobilePay indsættes på opsamlingskonto og\r\n afregnes til foreningens bankkonto: MobilePay tager 1 % af\r\n transaktionsbeløbet, dog min. 1,00 kr. Foreningen kan kun\r\n tilknytte en bankkonto, som er ejet af foreningen selv. Før\r\n betalingerne kan blive overført til bankkontoen – dvs. den\r\n bankkonto, som foreningen har tilknyttet løsningen – skal\r\n foreningens ejerskab af bankkontoen verificeres af foreningens\r\n pengeinstitut. Herefter bliver alle betalinger i løbet af 6-8 dage\r\n overført til den registrerede bankkonto.\r\n \r\n \r\n \r\n \r\n Inden for fem dage fra betalingens gennemførsel er det muligt at\r\n tilbageføre beløbet til et medlem, som har fortrudt sin MobilePay\r\n betaling. Det kræver dog, at foreningen inden de fem dage er gået\r\n sender en anmodning herom til kontakt@minforening.dk.\r\n \r\n \r\n \r\n \r\n Som administrator i MinForening har du rettighed til at oprette en\r\n foreningsaftale med MinForening. Du skal blot godkende ovenstående\r\n betingelser samt indtaste foreningens kontooplysninger. Den\r\n indgåede foreningsaftale med MinForening kan de øvrige\r\n administratorer i din forening tilgå under Indstillinger.\r\n \r\n \r\n\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n acceptPaymentAgreement: acceptPaymentAgreement.requested,\r\n}\r\n\r\nconst enhancer = connect(null, mapDispatchToProps)\r\n\r\nexport default enhancer(AcceptPaymentAgreement)\r\n","import { createContext } from 'react'\r\nimport noop from 'lodash/noop'\r\n\r\nconst PaymentContext = createContext({\r\n noteModalVisible: false,\r\n showNoteModal: noop,\r\n hideNoteModal: noop,\r\n})\r\n\r\nexport default PaymentContext\r\n","import {Field, Formik, Form} from 'formik'\r\nimport {setMinutes, addHours, isAfter, startOfYesterday} from 'date-fns'\r\nimport React from 'react'\r\n\r\nimport {\r\n Text,\r\n Modal,\r\n FormikInput,\r\n DateInput,\r\n Button,\r\n Box,\r\n Flex,\r\n TextArea,\r\n} from 'components'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst EditPaymentModal = ({hide, ...props}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n \r\n \r\n {(values) => (\r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n}\r\nexport default EditPaymentModal\r\n","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Formik, Field} from 'formik'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {Flex} from '@rebass/grid'\r\nimport {Button, Modal, TextArea} from 'components'\r\nimport {updatePayer} from 'payments/actions'\r\n\r\nclass InternalNoteModal extends Component {\r\n handleSubmit = (values) =>\r\n new Promise((resolve, reject) => {\r\n this.props.updatePayer({values, resolve, reject})\r\n }).then(this.props.hide)\r\n\r\n render() {\r\n const {hide, t, ...props} = this.props\r\n\r\n return (\r\n \r\n \r\n \r\n {({handleSubmit}) => (\r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n updatePayer: updatePayer.requested,\r\n}\r\n\r\nconst enhancer = connect(null, mapDispatchToProps)\r\n\r\nexport default withTranslation()(enhancer(InternalNoteModal))\r\n","import React from 'react'\r\nimport {get} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Row, Cell} from 'components/Table'\r\nimport {Box, Image, Button, Text} from 'components'\r\nimport {withToggle} from 'lib/hoc'\r\nimport memberDefault from 'images/member-default.png'\r\nimport price from 'lib/price'\r\nimport InternalNoteModal from './InternalNoteModal'\r\nimport {PAID} from 'payments/constants'\r\n\r\nconst PayersTableRow = ({\r\n id,\r\n approved,\r\n paymentId,\r\n paymentDate,\r\n note,\r\n internalNote,\r\n internalNoteModalVisible,\r\n showInternalNoteModal,\r\n hideInternalNoteModal,\r\n status,\r\n paymentStatus,\r\n renderStatus,\r\n requestDate,\r\n clubPaymentMethodName,\r\n lastReminderSent,\r\n user: {userId: memberId, firstName, surname, headerImage, isInactiveUser},\r\n activityPayment,\r\n filteredIsAccepted,\r\n ...props\r\n}) => {\r\n const [t] = useTranslation()\r\n const amount = get(activityPayment, 'amount', props.amount)\r\n const amountAfterFees = get(\r\n activityPayment,\r\n 'amountAfterTax',\r\n props.amountAfterFees\r\n )\r\n\r\n return (\r\n filteredIsAccepted ? ( \r\n \r\n \r\n | \r\n \r\n {firstName}\r\n | \r\n \r\n {surname}\r\n | \r\n \r\n {isInactiveUser ? t(' (Får mails)') : t('') }\r\n | \r\n \r\n {status === PAID || paymentStatus === PAID ? (\r\n <>\r\n {price(amount)}\r\n \r\n \r\n ({price(amountAfterFees)})\r\n \r\n \r\n \r\n ) : (\r\n price(amount)\r\n )}\r\n | \r\n\r\n \r\n \r\n\r\n {internalNoteModalVisible && (\r\n | \r\n \r\n {renderStatus({\r\n status: activityPayment ? paymentStatus : status,\r\n approved,\r\n note,\r\n lastReminderSent,\r\n requestDate,\r\n paymentDate,\r\n memberId,\r\n isInactiveUser,\r\n clubPaymentMethodName,\r\n id,\r\n })}\r\n | \r\n
\r\n ) : ( \r\n \r\n \r\n | \r\n \r\n {firstName}\r\n | \r\n \r\n {surname}\r\n | \r\n \r\n {isInactiveUser ? t(' (Får mails)') : t('') }\r\n | \r\n \r\n {status === PAID || paymentStatus === PAID ? (\r\n <>\r\n {price(amount)}\r\n \r\n \r\n ({price(amountAfterFees)})\r\n \r\n \r\n \r\n ) : (\r\n price(amount)\r\n )}\r\n | \r\n\r\n \r\n \r\n\r\n {internalNoteModalVisible && (\r\n | \r\n \r\n {renderStatus({\r\n status: activityPayment ? paymentStatus : status,\r\n approved,\r\n note,\r\n lastReminderSent,\r\n requestDate,\r\n paymentDate,\r\n memberId,\r\n clubPaymentMethodName,\r\n isInactiveUser,\r\n id,\r\n })}\r\n | \r\n
\r\n )\r\n )\r\n}\r\n\r\nconst enhancer = withToggle('internalNoteModal')\r\n\r\nexport default enhancer(PayersTableRow)\r\n","import React from 'react'\r\nimport {noop, sumBy, sortBy, toLower} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Row, Cell} from 'components/Table'\r\nimport PaymentRow from './Row'\r\nimport {NotificationBadge, Flex, Box} from 'components'\r\nimport price from 'lib/price'\r\nimport {PAID} from 'payments/constants'\r\nimport countryCodes from 'lib/countryCodes'\r\n\r\nconst sumAmount = (payers) =>\r\n payers.reduce((acc, payer) => {\r\n if (payer.activityPayment) {\r\n return acc + payer.activityPayment.amount\r\n } else {\r\n return (\r\n acc + (payer.status === PAID ? payer.amountAfterFees : payer.amount)\r\n )\r\n }\r\n }, 0)\r\n\r\nconst sumMPAmout = (payers) =>\r\n sumBy(\r\n payers.filter(({status}) => status === PAID),\r\n 'amountAfterFees'\r\n )\r\n\r\nconst Group = ({\r\n id,\r\n activity,\r\n name,\r\n payers,\r\n showAmount,\r\n showNoteModal,\r\n renderStatus,\r\n countryCode,\r\n filteredIsAccepted,\r\n}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n \r\n {name} \r\n {name === t('Kræver godkendelse') ? (\r\n | \r\n
\r\n {payers.length > 0 &&\r\n sortBy(\r\n payers.filter(({user}) => !!user),\r\n ({user: {firstName}}) => toLower(firstName)\r\n ).map((payer) => (\r\n \r\n )\r\n}\r\n\r\nGroup.defaultProps = {\r\n renderStatus: noop,\r\n renderActions: noop,\r\n showAmount: false,\r\n}\r\n\r\nexport default Group\r\n","import React from 'react'\r\nimport {Modal, Text, Button, Flex, Box} from 'components'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst NoteModal = ({note, hide}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n {note && (\r\n \r\n {note.split('\\n').map((str) => (\r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default NoteModal\r\n","import React from 'react'\r\nimport isAfter from 'date-fns/is_after'\r\nimport startOfToday from 'date-fns/start_of_today'\r\nimport {Button} from 'components'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst SendReminderButton = ({\r\n lastReminderSent,\r\n showDialogue,\r\n sendReminder,\r\n ...props\r\n}) => {\r\n const [t] = useTranslation()\r\n const sent = lastReminderSent && isAfter(lastReminderSent, startOfToday())\r\n\r\n return (\r\n \r\n {sent ? t('Påmindelse sendt') : t('Send påmindelse')}\r\n \r\n )\r\n}\r\n\r\nexport default SendReminderButton\r\n","import React, {useCallback} from 'react'\r\nimport {Formik, Field, Form} from 'formik'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {Modal, Button, Box, TextArea} from 'components'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst ApproveWithNoteButton = ({\r\n approve,\r\n memberId,\r\n userPaymentId,\r\n status,\r\n ...props\r\n}) => {\r\n const [t] = useTranslation()\r\n const [isOpen, open, close] = useToggle()\r\n const handleSubmit = useCallback(\r\n ({note}) => {\r\n approve(memberId, {userPaymentId, internalNote: note, status})\r\n close()\r\n },\r\n [close, approve, memberId, userPaymentId]\r\n )\r\n\r\n return (\r\n <>\r\n {isOpen && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default ApproveWithNoteButton\r\n","import React, {useEffect, useState, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {compose} from 'recompose'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {isAfter, isBefore, startOfToday} from 'date-fns'\r\nimport {debounce, includes, toLower} from 'lodash'\r\nimport Table, {Cell, Row} from 'components/Table'\r\nimport {Text, Button, DialogueModal, ButtonWithProtectedAction, Box, Flex, Input,} from 'components'\r\nimport Group from './Group'\r\nimport NoteModal from './NoteModal'\r\nimport SendReminderButton from './SendReminderButton'\r\nimport Context from '../Context'\r\nimport {MESSAGES, NOT_PAID, PAID, PAID_EXTERNALLY, CANCELLED, REJECTED, REFUNDED, ADMIN_APPROVED, ADMIN_APPROVED_REJECTED, ADMIN_APPROVED_PAIDEXTERNALLY} from 'payments/constants'\r\nimport {sendReminder, removePayers, approve, reject} from 'payments/actions'\r\nimport {withToggle} from 'lib/hoc'\r\nimport format from 'lib/format'\r\nimport ApproveWithNoteButton from './ApproveWithNoteButton'\r\nimport countryCodes from 'lib/countryCodes'\r\nimport {getActive, getActiveCurrency} from 'clubs'\r\n\r\nconst predicate = ({user: {firstName, surname}}, _query) => {\r\n const query = toLower(_query)\r\n\r\n return (\r\n includes(toLower(firstName), query) || includes(toLower(surname), query)\r\n )\r\n}\r\n\r\nconst PayersTable = ({\r\n id,\r\n removePayers,\r\n approve: approveAction,\r\n reject: rejectAction,\r\n sendReminder: sendReminderAction,\r\n isApprovable,\r\n isOverdue,\r\n isAccepted,\r\n showDialogueModal,\r\n dialogueModalVisible,\r\n hideDialogueModal,\r\n activity,\r\n club,\r\n currency,\r\n paymentStartDate,\r\n}) => {\r\n const [t] = useTranslation()\r\n const sendReminder = useCallback(\r\n (member) => {\r\n sendReminderAction({\r\n id,\r\n member,\r\n })\r\n },\r\n [id, sendReminderAction]\r\n )\r\n\r\n const remove = useCallback(\r\n (members) => {\r\n removePayers({\r\n id,\r\n members,\r\n })\r\n },\r\n [id, removePayers]\r\n )\r\n\r\n const approve = useCallback(\r\n (member, {userPaymentId, status, internalNote} = {}) => {\r\n let currentStatus = status,\r\n newStatus = currentStatus;\r\n\r\n if (currentStatus === NOT_PAID) {\r\n newStatus = ADMIN_APPROVED\r\n approveAction({id, member, userPaymentId, status: newStatus, internalNote})\r\n }\r\n else if (currentStatus === PAID_EXTERNALLY) {\r\n newStatus = ADMIN_APPROVED_PAIDEXTERNALLY\r\n approveAction({id, member, userPaymentId, status: newStatus, internalNote})\r\n }\r\n else if (currentStatus === REJECTED) {\r\n newStatus = ADMIN_APPROVED_REJECTED\r\n approveAction({id, member, userPaymentId, status: newStatus, internalNote})\r\n }\r\n else {\r\n approveAction({id, member, userPaymentId, status: newStatus, internalNote})\r\n }\r\n },\r\n [id, approveAction]\r\n )\r\n\r\n const reject = useCallback(\r\n (member, {userPaymentId} = {}) => {\r\n rejectAction({id, member, userPaymentId})\r\n },\r\n [id, rejectAction]\r\n )\r\n\r\n const [query, setQuery] = useState('')\r\n\r\n const handleChange = useCallback(\r\n ({target: {value}}) => {\r\n setQuery(value)\r\n },\r\n [setQuery]\r\n )\r\n\r\n const [filteredIsApprovable, setFilteredIsApprovable] = useState(isApprovable)\r\n const [filteredIsOverdue, setFilteredIsOverdue] = useState(isOverdue)\r\n const [filteredIsAccepted, setFilteredIsAccepted] = useState(isAccepted)\r\n\r\n const filter = useCallback(\r\n debounce((query) => {\r\n if (query.trim() === '') {\r\n setFilteredIsApprovable(isApprovable)\r\n setFilteredIsOverdue(isOverdue)\r\n setFilteredIsAccepted(isAccepted)\r\n } else {\r\n setFilteredIsApprovable(\r\n isApprovable.filter((payer) => predicate(payer, query))\r\n )\r\n setFilteredIsOverdue(\r\n isOverdue.filter((payer) => predicate(payer, query))\r\n )\r\n setFilteredIsAccepted(\r\n isAccepted.filter((payer) => predicate(payer, query))\r\n )\r\n }\r\n }, 300),\r\n [\r\n isApprovable,\r\n setFilteredIsApprovable,\r\n isOverdue,\r\n setFilteredIsOverdue,\r\n isAccepted,\r\n setFilteredIsAccepted,\r\n ]\r\n )\r\n\r\n useEffect(() => {\r\n filter(query)\r\n }, [query, filter])\r\n\r\n return activity &&\r\n filteredIsApprovable.length +\r\n filteredIsOverdue.length +\r\n filteredIsAccepted.length ===\r\n 0 ? (\r\n \r\n {t(\r\n 'Betalinger i denne betalingsaktivitet bliver vist, så snart de foretages af medlemmer.'\r\n )}\r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {dialogueModalVisible && (\r\n \r\n \r\n {t('Du kan højest sende én påmindelse pr person om dagen.')}\r\n \r\n \r\n )}\r\n\r\n \r\n {({noteModalVisible, hideNoteModal, note}) =>\r\n noteModalVisible && \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n connect(\r\n createStructuredSelector({\r\n club: getActive,\r\n currency: getActiveCurrency,\r\n }),\r\n {\r\n sendReminder: sendReminder.requested,\r\n removePayers: removePayers.requested,\r\n approve: approve.requested,\r\n reject: reject.requested,\r\n }\r\n ),\r\n withToggle(['dialogueModal'])\r\n)\r\n\r\nexport default enhancer(PayersTable)\r\n","import React, {useState, useCallback, useEffect} from 'react'\r\nimport {Helmet} from 'react-helmet'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {compose} from 'recompose'\r\nimport {connect} from 'react-redux'\r\nimport {get} from 'lodash'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {\r\n Flex,\r\n Box,\r\n Page,\r\n Button,\r\n Text,\r\n Link,\r\n Loading,\r\n DialogueModal,\r\n ButtonWithProtectedAction,\r\n} from 'components'\r\nimport {\r\n PAID,\r\n PAID_EXTERNALLY,\r\n REJECTED,\r\n CANCELLED,\r\n ACTIVE,\r\n OVERDUE,\r\n PREVIOUS,\r\n} from 'payments/constants'\r\nimport {getOne} from 'payments'\r\nimport {remove, download, update, fetchActivityPayers} from 'payments/actions'\r\nimport {useToggle} from 'lib/hooks'\r\nimport format from 'lib/format'\r\nimport price from 'lib/price'\r\nimport AddPayersModal from './AddPayersModal'\r\nimport Context from './Context'\r\nimport EditPaymentModal from './EditPaymentModal'\r\nimport PayersTable from './PayersTable'\r\nimport {getCompanyName} from 'app/selectors'\r\n\r\nconst Payment = ({\r\n download,\r\n payment,\r\n update,\r\n remove,\r\n fetchActivityPayers,\r\n companyName,\r\n}) => {\r\n const [t] = useTranslation()\r\n \r\n const [note, setNote] = useState(null)\r\n const [noteModalVisible, setNoteModalVisible] = useState(false)\r\n\r\n const [addModalVisible, showAddModal, hideAddModal] = useToggle()\r\n const [editModalVisible, showEditModal, hideEditModal] = useToggle()\r\n const [\r\n dialogueModalVisible,\r\n showDialogueModal,\r\n hideDialogueModal,\r\n ] = useToggle()\r\n\r\n const [isLoading, setIsLoading] = useState(() => !!get(payment, 'activity'))\r\n\r\n useEffect(() => {\r\n if (payment && payment.activity) {\r\n new Promise((resolve, reject) => {\r\n fetchActivityPayers({id: payment.id, resolve, reject})\r\n }).then(() => {\r\n setIsLoading(false)\r\n })\r\n }\r\n // eslint-disable-next-line\r\n }, [get(payment, 'activity'), fetchActivityPayers, setIsLoading])\r\n\r\n const showNoteModal = useCallback(\r\n (note) => {\r\n setNote(note)\r\n setNoteModalVisible(true)\r\n },\r\n [setNote, setNoteModalVisible]\r\n )\r\n\r\n const hideNoteModal = useCallback(() => {\r\n setNote(null)\r\n setNoteModalVisible(false)\r\n }, [setNote, setNoteModalVisible])\r\n\r\n const triggerDownload = useCallback(() => {\r\n new Promise((resolve, reject) =>\r\n download({id: payment.id, activity: payment.activity, resolve, reject})\r\n ).then((data) => {\r\n const blob = new Blob(['\\ufeff', data], {\r\n type: 'text/csv;charset=utf-8;',\r\n })\r\n const link = document.createElement('a')\r\n link.download = `${payment.title}.csv`\r\n link.href = window.URL.createObjectURL(blob)\r\n link.click()\r\n })\r\n }, [download, payment])\r\n\r\n const triggerUpdate = useCallback(\r\n ({id, ...values}) => {\r\n new Promise((resolve, reject) => {\r\n if (!values.requestDate) {\r\n resolve()\r\n } else {\r\n update({id, values, resolve, reject})\r\n }\r\n }).then(hideEditModal)\r\n },\r\n [update, hideEditModal]\r\n )\r\n return !payment ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {!payment.activity && (\r\n <>\r\n \r\n \r\n \r\n \r\n {payment.payers.some(\r\n (payer) =>\r\n payer.status === PAID ||\r\n payer.status === PAID_EXTERNALLY ||\r\n payer.status === REJECTED ||\r\n payer.status === CANCELLED\r\n ) ? (\r\n \r\n ) : (\r\n remove(payment.id)}\r\n >\r\n {t('Slet betaling')}\r\n \r\n )}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {payment.title} \r\n \r\n {!payment.activity && (\r\n \r\n \r\n {payment.completed.length}/{payment.totalPayers}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {payment.minimumAmount ? t('Reduceret betaling') : t('Beløb')}\r\n :\r\n \r\n {price(payment.individualAmount)}\r\n {payment.minimumAmount && ` - ${price(payment.minimumAmount)}`}\r\n \r\n \r\n\r\n {payment.paymentStartDate && (\r\n \r\n \r\n {t('Startdato')}:\r\n {format(payment.paymentStartDate, 'DD/MM-YYYY HH:mm')}\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n {t('Slutdato')}:\r\n {format(payment.requestDate, 'DD/MM-YYYY HH:mm')}\r\n \r\n \r\n\r\n {payment.daysTillDeadline > 0 && (\r\n \r\n \r\n {t('Betalingsfrist')}:\r\n {payment.daysTillDeadline}{' '}\r\n {t('dag', {count: payment.daysTillDeadline})}\r\n \r\n \r\n )}\r\n\r\n {!payment.activity && (\r\n \r\n )}\r\n \r\n \r\n\r\n payer.user.userId)}\r\n />\r\n )}\r\n\r\n {dialogueModalVisible && (\r\n \r\n \r\n \r\n {t(\r\n 'Du kan ikke slette denne betaling, da nogle personer allerede har afviklet deres betaling og dermed står under Afviklede betalinger.'\r\n )}\r\n \r\n \r\n \r\n \r\n {t(\r\n 'Du kan dog altid annullere individuelle personers betaling.'\r\n )}\r\n \r\n \r\n \r\n )}\r\n\r\n {editModalVisible && (\r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n connect(\r\n (\r\n state,\r\n {\r\n match: {\r\n params: {id},\r\n },\r\n }\r\n ) => ({\r\n payment: getOne(state, id),\r\n companyName: getCompanyName(state),\r\n }),\r\n {\r\n download: download.requested,\r\n remove: remove.requested,\r\n update: update.requested,\r\n fetchActivityPayers: fetchActivityPayers.requested,\r\n }\r\n )\r\n)\r\n\r\nexport default enhancer(Payment)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {compose} from 'recompose'\r\nimport { Route, Switch} from 'react-router-dom'\r\nimport {Loading} from 'components'\r\nimport {Overview, Payment} from 'payments/components'\r\nimport {getIsFetched} from 'payments/selectors'\r\nimport {withAuthenticationRequirement} from 'lib/hoc'\r\n\r\nconst Payments = ({isFetched, match: {path}}) =>\r\n isFetched ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n Nulstil password | MinForening \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n)\r\n\r\nexport default ResetPassword\r\n","import React, {useMemo} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {\r\n FormikInput as Input,\r\n Button,\r\n StyledCheckbox,\r\n Text,\r\n Hr,\r\n ImageInput,\r\n Flex,\r\n Box,\r\n} from 'components'\r\nimport {Camera} from 'components/icons'\r\nimport {getCompanyName, getTldLocale} from 'app/selectors'\r\nimport Yup from 'lib/yup'\r\nimport validateZip from 'lib/validateZip'\r\n\r\nconst initialValues = {\r\n acceptAge: false,\r\n acceptPersonalData: false,\r\n}\r\n\r\nconst CreateUserForm = ({companyName, locale, ...props}) => {\r\n const [t] = useTranslation()\r\n\r\n const validationSchema = useMemo(\r\n () =>\r\n Yup.object({\r\n firstName: Yup.string().required(),\r\n surname: Yup.string().required(),\r\n email: Yup.string().email().required(),\r\n zip: Yup.string()\r\n .required(),\r\n password: Yup.string().required(),\r\n passwordConfirmation: Yup.string()\r\n .required()\r\n .oneOf([Yup.ref('password'), null]),\r\n acceptAge: Yup.boolean().oneOf([true]),\r\n acceptPersonalData: Yup.boolean().oneOf([true]),\r\n }),\r\n [t]\r\n )\r\n\r\n return (\r\n \r\n {({isValid}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({companyName: getCompanyName, locale: getTldLocale})\r\n)\r\n\r\nexport default enhancer(CreateUserForm)\r\n","import React, {useState, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Helmet} from 'react-helmet'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Page, Card, H2, Image, Link, Box, Flex} from 'components'\r\nimport {Back} from 'components/icons'\r\nimport CreateUserForm from './CreateUserForm'\r\nimport getLogo from 'jsonFetches/getLogo'\r\nimport {register} from 'user/actions'\r\nimport {getTldLocale, getCompanyName} from 'app/selectors'\r\nimport {getAuthenticated} from 'authentication'\r\n\r\nconst CreateUser = ({register, authenticated, locale, companyName, whiteLabelData}) => {\r\n const [done, setDone] = useState(false)\r\n\r\n const handleSubmit = useCallback(\r\n (values, {setErrors}) => {\r\n new Promise((resolve, reject) => register({values, resolve, reject}))\r\n .then(() => setDone(true))\r\n .catch((error) => setErrors({email: error}))\r\n },\r\n [register]\r\n )\r\n\r\n const [t] = useTranslation()\r\n\r\n return done || authenticated ? (\r\n \r\n \r\n {t('Opret bruger | {{companyName}}', {companyName})} \r\n \r\n\r\n \r\n {\r\n whiteLabelData.logos && \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {t('Tilbage')}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n authenticated: getAuthenticated,\r\n locale: getTldLocale,\r\n companyName: getCompanyName,\r\n }),\r\n {register: register.requested}\r\n)\r\n\r\nexport default enhancer(CreateUser)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {compose} from 'recompose'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {Helmet} from 'react-helmet'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {withAuthenticationRequirement} from 'lib/hoc'\r\nimport {getHasClubs, getIsFetching} from 'clubs/selectors'\r\nimport {getFirstName, getImagePath} from 'user/selectors'\r\nimport {Box, Flex, Page, Card, Image, Link, LinkButton, Text} from 'components'\r\nimport getLogo from 'jsonFetches/getLogo'\r\nimport {Association} from 'components/icons'\r\nimport {getTldLocale, getCompanyName} from 'app/selectors'\r\nimport member from 'images/member-default.png'\r\nimport { module_dashboard } from 'globalModuleNames';\r\nimport { useFeature } from \"@growthbook/growthbook-react\";\r\nimport {Loading} from 'components'\r\n\r\nconst Onboarding = ({\r\n firstName,\r\n imagePath,\r\n hasClubs,\r\n locale,\r\n companyName,\r\n whiteLabelData,\r\n match: {path, isExact},\r\n}) => {\r\n const [t] = useTranslation()\r\n \r\n if (!hasClubs && getIsFetching) {\r\n return \r\n \r\n {t('Onboarding | {{companyName}}', {companyName})} \r\n \r\n\r\n \r\n {\r\n whiteLabelData.logos && \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n {t('Velkommen {{name}}', {name: firstName})}\r\n \r\n\r\n \r\n \r\n {t('Opret forening')} \r\n \r\n \r\n\r\n \r\n \r\n \r\n {t('Log ud')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withAuthenticationRequirement,\r\n connect(\r\n createStructuredSelector({\r\n hasClubs: getHasClubs,\r\n firstName: getFirstName,\r\n imagePath: getImagePath,\r\n locale: getTldLocale,\r\n companyName: getCompanyName,\r\n })\r\n )\r\n)\r\n\r\nexport default enhancer(Onboarding)\r\n","import React, {Fragment} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Flex} from '@rebass/grid'\r\nimport {getActive} from 'clubs/selectors'\r\nimport {getTotalCount} from 'activities/selectors'\r\nimport {getMembersArray} from 'members/selectors'\r\nimport {Text, H1, Image, Box} from 'components'\r\nimport {Calendar, People} from 'components/icons'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst Header = ({club, members, activities}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n {club && (\r\n \r\n {club.imageUrl && (\r\n \r\n \r\n \r\n \r\n \r\n {t('{{count}} medlemmer', {count: members})} \r\n \r\n \r\n \r\n \r\n \r\n {t('{{count}} kommende aktiviteter', {count: activities})}\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n}\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n club: getActive,\r\n members: getMembersArray,\r\n activities: getTotalCount,\r\n }),\r\n null,\r\n ({members, ...mapped}, _, ownProps) => ({\r\n ...ownProps,\r\n ...mapped,\r\n members: members.length,\r\n })\r\n)\r\n\r\nexport default enhancer(Header)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport styled from 'styled-components'\r\nimport {darken} from 'polished'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Box, Text, Link, Flex} from 'components'\r\nimport {getInactiveMembersArray} from 'members/selectors'\r\nimport {\r\n getNumberOfOutstanding,\r\n getNumberOfActionsRequired,\r\n} from 'payments/selectors'\r\nimport {\r\n getPendingMembersArray,\r\n getNumberOfMembersNotInGroups,\r\n} from 'members/selectors'\r\nimport {Alert} from 'components/icons'\r\n\r\nconst NotificationContainer = styled(Flex).attrs({\r\n flex: '1',\r\n px: 2,\r\n alignItems: 'center',\r\n})`\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n\r\n will-change: background;\r\n transition: 0.125s ease background;\r\n\r\n &:hover {\r\n background: ${(props) => darken(0.05, props.theme.colors.secondaryLight)};\r\n }\r\n`\r\n\r\nconst Notifications = ({\r\n payments,\r\n outstandingPayments,\r\n requests,\r\n inactive,\r\n membersNotInGroups,\r\n ...props\r\n}) => {\r\n const [t] = useTranslation()\r\n\r\n return outstandingPayments + requests + inactive + membersNotInGroups > 0 ? (\r\n \r\n \r\n \r\n {t('Vær opmærksom på')}\r\n \r\n \r\n\r\n {membersNotInGroups > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {membersNotInGroups}\r\n \r\n \r\n \r\n {t('membersNotInGroup', {count: membersNotInGroups})}\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {outstandingPayments > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {outstandingPayments}\r\n \r\n \r\n \r\n {t('outstandingPayments', {count: outstandingPayments})}\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {payments > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {payments}\r\n \r\n \r\n {t('paymentNeedAction', {count: payments})} \r\n \r\n \r\n \r\n )}\r\n\r\n {requests > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {requests}\r\n \r\n \r\n {t('requests', {count: requests})} \r\n \r\n \r\n \r\n )}\r\n\r\n {inactive > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {inactive}\r\n \r\n \r\n {t('Inaktiv bruger', {count: inactive})} \r\n \r\n \r\n \r\n )}\r\n \r\n ) : null\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n requests: getPendingMembersArray,\r\n inactive: getInactiveMembersArray,\r\n outstandingPayments: getNumberOfOutstanding,\r\n membersNotInGroups: getNumberOfMembersNotInGroups,\r\n payments: getNumberOfActionsRequired,\r\n }),\r\n null,\r\n ({requests, inactive, ...mappedProps}, _, ownProps) => ({\r\n ...ownProps,\r\n ...mappedProps,\r\n requests: requests.length || 0,\r\n inactive: inactive.length || 0,\r\n })\r\n)\r\n\r\nexport default enhancer(Notifications)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {LinkButton, Text, Box, Flex} from 'components'\r\nimport {Invite, Add, Help, Integrations, Settings} from 'components/icons'\r\nimport {getIsGroupLeader} from 'user'\r\nimport {getActive} from 'clubs'\r\nimport countryCodes from 'lib/countryCodes'\r\n\r\nconst Shortcuts = ({isGroupLeader, club, ...props}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n \r\n \r\n {t('Genveje')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('Inviter')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('Ny aktivitet')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('Support')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('GDPR')}\r\n \r\n \r\n {!isGroupLeader && club?.countryCode === countryCodes.da && (\r\n \r\n \r\n \r\n \r\n {t('Integrationer')}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n {t('Implementering')}\r\n \r\n \r\n \r\n \r\n )\r\n}\r\nconst enhancer = connect(\r\n createStructuredSelector({isGroupLeader: getIsGroupLeader, club: getActive})\r\n)\r\n\r\nexport default enhancer(Shortcuts)\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {darken} from 'polished'\r\nimport format from 'lib/format'\r\nimport {Box, Text, Link, Flex} from 'components'\r\nimport {Clock} from 'components/icons'\r\nimport {typesById} from 'activities/constants'\r\n\r\nconst Container = styled(Flex).attrs({\r\n py: 1,\r\n px: 2,\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n})`\r\n cursor: pointer;\r\n background: ${(props) => props.theme.colors[props.color]};\r\n\r\n will-change: background;\r\n transition: background 0.125s ease;\r\n\r\n &:hover {\r\n background: ${(props) => darken(0.1, props.theme.colors[props.color])};\r\n }\r\n`\r\n\r\nconst Row = ({type: typeId, title, start, id, end}) => {\r\n const {icon: Icon, ...type} = typesById[typeId]\r\n\r\n return (\r\n \r\n \r\n \r\n {format(start, 'ddd D[.] MMM')} \r\n \r\n \r\n {title} \r\n \r\n \r\n \r\n \r\n \r\n {format(start, 'HH:mm')} {end && `- ${format(end, 'HH:mm')}`}\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Row\r\n","import React, {Fragment} from 'react'\r\nimport {noop} from 'lodash'\r\nimport {groupActivities} from 'activities/lib'\r\nimport {Box, Text} from 'components'\r\nimport Item from './Item'\r\n\r\nconst ActivitiesList = ({activities, onClick}) => {\r\n const groupedActivities = groupActivities(activities)\r\n\r\n return (\r\n \r\n {groupedActivities.map(({activities, name, id}) => (\r\n \r\n \r\n \r\n {name}\r\n \r\n \r\n {activities.map((activity) => (\r\n \r\n ))}\r\n \r\n )\r\n}\r\n\r\nActivitiesList.defaultProps = {onClick: noop}\r\n\r\nexport default ActivitiesList\r\n","import React from 'react'\r\nimport {Flex} from '@rebass/grid'\r\nimport {Box, Text, H2, LinkButton} from 'components'\r\nimport {Weight, Goblet, Calendar} from 'components/icons'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst NoActivities = () => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('Når du opretter nye aktiviteter, kan du se dem her.')}\r\n \r\n \r\n \r\n {t('Opret aktivitet')}\r\n \r\n \r\n )\r\n}\r\nexport default NoActivities\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {ActivitiesList} from 'activities/components'\r\nimport {getActivitiesByDay} from 'activities/selectors'\r\nimport {Box, Flex, Text, Link} from 'components'\r\nimport NoActivities from './NoActivities'\r\n\r\nconst Activities = ({activities, ...props}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n \r\n {t('Kommende aktiviteter')}\r\n \r\n\r\n \r\n {t('Se alle aktiviteter')}\r\n \r\n \r\n\r\n {activities.length > 0 ? (\r\n \r\n )\r\n}\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n activities: getActivitiesByDay,\r\n })\r\n)\r\n\r\nexport default enhancer(Activities)\r\n","import React, {useEffect} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Box, Text, Flex} from 'components'\r\nimport {\r\n getArray as getPostsArray,\r\n getFetching,\r\n fetch as fetchPosts,\r\n getIsEmpty,\r\n NewsList,\r\n} from 'posts'\r\nimport {getCompanyName} from 'app/selectors'\r\n\r\nconst News = ({fetching, posts, fetchPosts, isEmpty, companyName}) => {\r\n const [t] = useTranslation()\r\n\r\n useEffect(() => {\r\n if (isEmpty) {\r\n fetchPosts()\r\n }\r\n }, [fetchPosts, isEmpty])\r\n\r\n return (\r\n \r\n \r\n \r\n {t('Nyt fra {{companyName}}', {companyName})}\r\n \r\n \r\n\r\n \r\n \r\n {!fetching && posts.length > 0 && \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n posts: getPostsArray,\r\n fetching: getFetching,\r\n isEmpty: getIsEmpty,\r\n }),\r\n {fetchPosts: fetchPosts.requested}\r\n)\r\n\r\nexport default enhancer(News)\r\n","import React, {useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {subDays, startOfToday, format} from 'date-fns'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {fetchStatistics} from 'clubs/actions'\r\nimport {getActiveStatistics} from 'clubs/selectors'\r\nimport {typesById} from 'activities/constants'\r\nimport {Flex, Box, Button, Text, Input, Loading} from 'components'\r\n\r\nconst initialValues = {\r\n start: format(subDays(startOfToday(), 30), 'YYYY-MM-DD'),\r\n end: format(startOfToday(), 'YYYY-MM-DD'),\r\n}\r\n\r\nconst Statistics = ({fetchStatistics, statistics}) => {\r\n const handleSubmit = useCallback(\r\n (values, {setSubmitting}) => {\r\n new Promise((resolve, reject) => {\r\n fetchStatistics({resolve, reject, ...values})\r\n }).then(() => setSubmitting(false))\r\n },\r\n [fetchStatistics]\r\n )\r\n\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n \r\n {t('Statistik')}\r\n \r\n \r\n\r\n \r\n {({isSubmitting}) => (\r\n \r\n )}\r\n \r\n\r\n {statistics.length > 0 && (\r\n <>\r\n \r\n \r\n \r\n {t('Antal aktiviteter')}\r\n \r\n \r\n \r\n \r\n {t('Deltagergrad')}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {t('Alle')}\r\n \r\n \r\n \r\n \r\n {statistics[0]?.activityCount}\r\n \r\n \r\n \r\n \r\n {statistics[0]?.participationPercentage}%\r\n \r\n \r\n \r\n\r\n {statistics\r\n .filter(({type}) => type > 0)\r\n .sort(\r\n ({type: typeA}, {type: typeB}) =>\r\n typesById[typeA].order - typesById[typeB].order\r\n )\r\n .map(({type, participationPercentage, activityCount}) => {\r\n const {id, color, icon: Icon, name} = typesById[type]\r\n\r\n return (\r\n \r\n \r\n \r\n {name}\r\n \r\n \r\n \r\n \r\n {activityCount}\r\n \r\n \r\n \r\n \r\n {participationPercentage}%\r\n \r\n \r\n \r\n )\r\n })}\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({statistics: getActiveStatistics}),\r\n {fetchStatistics: fetchStatistics.requested}\r\n)\r\n\r\nexport default enhancer(Statistics)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {compose} from 'recompose'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {Helmet} from 'react-helmet'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {withAuthenticationRequirement} from 'lib/hoc'\r\nimport {Flex, Box, Page} from 'components'\r\nimport {getHasClubs} from 'clubs/selectors'\r\nimport {getCompanyName} from 'app/selectors'\r\nimport {getIsMember, getIsFetching} from 'user/selectors'\r\nimport Header from './Header'\r\nimport Notifications from './Notifications'\r\nimport Shortcuts from './Shortcuts'\r\nimport Activities from './Activities'\r\nimport News from './News'\r\nimport Statistics from './Statistics'\r\n\r\nconst Overview = ({hasClubs, companyName, isMember, isFetching}) => {\r\n const [t] = useTranslation()\r\n\r\n if (isFetching) {\r\n if (!hasClubs) {\r\n return \r\n \r\n {t('Overblik | {{companyName}}', {companyName})} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withAuthenticationRequirement,\r\n connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n hasClubs: getHasClubs,\r\n isMember: getIsMember,\r\n isFetching: getIsFetching,\r\n })\r\n )\r\n)\r\n\r\nexport default enhancer(Overview)\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAf1klEQVR42uydWXMU1xXH5S2p5M0PebIr+QyJq/ySSuUhcb5AylX5Gkkq5cobb1lsR7YDwRiQQQIMMljsWIAR62i0DSOxGWOMXRVA+zaEAJLm5v567iYalGnU906PZqbq1IxGMz3d5/z73LPflrX2EEI8Nzg4+NLgoHips1O88KTP8L/h/P1Xh/Kzr13sK71Z6J1/q9hX+uBifr5LUk7SVxf75sflc1mSiFOJ58Vifn5UPt9Q3+niGByLY3JsfoPfetI5cG78j3PlnFuaj2w+ENCNG+L7QojnH/9fMTf5ysX8vTek0P8gwdBRyM8NSSBMXx56IK4PL4lvrgrx3XUhbl4R4kv595XCQzEycB/wrEiXBu/zWY7BdzkGx4r+5tj8Br/Fb/LbnAPn8oSb4XnOnWtoaT6yoZ2uXBHfEz3iRff9kZHZl4f77/3qYu/cOqlduqVg7wIAhH7rSyFuXBbi8uB/tfZZlM+PLvbOP+BZ0oKkpbi2ilOxj89FtOAeQx2T3+C3+E1+OwIh58I5cW6cI+fqnjvXwjU1tVgNHuvWiecfX2IKhdKPpHb4nRTodqkdvpbLEsKMNMm14qIAKI7wH8rPLLrg4fPFyhKXjOz3Ife9svqNhw5oy5wL58S58XnOlXPm3LmGx5dsrrWl+fCrnVgyIHcJKebv/aYgBSO1wO0rhUfia7WcSW2ANnokhfegUBHqkrWPoHn/FP+9Jc6Fc+LcOEfOlXPm3LkGroVrevw6oaYWS/EBQ3vUUmfv5OkfSyH9WQroErYMyw2CUYJckASQtEbSgs0G2XMpc46cK+fMe1wD18I1cW1cI9fqXju8EKKpxVZtP7nvDffO/kwye5O0U0rfXDNLHASIlqQwlFaqP1LnDnEt0bVxjVwr18y1u7xo2mGJHta26OnpedEAqm/+F3KJ2MtdjiF8CY/NMZLXHlmngmvlmrl2eAAvNF/gkeRV05NMqqWKubnXpUG9DyM3unv77gllCC8pQ3lNk7rGJa6Za4cHvAdP4E1Te1XxcO2owoWZn8i7c6ukBbyn4X4DqEXluTUUqWtehAfwAp7AG3gEr5bxsPmwEWiMUa2xZMT7T5KJM3hKBCmd0IBo0rzQIQx4A4/gFTzTGgtewtOGXvZc+6CQK/1S3oHDxHguEbyM7sgmoJ5GijcL8AqewTt46NqpDbY82jxZhQF3fljom38XBn11qaLiiWg3OnCqJXgFz+AdPISX8FSDq2G0l5sPkzbDz6X9MPJt5PWUIDy9hgdLcrK8g5fwFN7GeL5WH+7SR/APj4c7TXt6TVCthqwHCU95DY9jvF9rD50oHjk3+7JU3wcxPIf7/xOBqgmKdAmewlt4DK/huZbB2gHUOuulFHMzP5WR5Js3rwrl3ZQWmlrK29K4AI/hNTyH99q+RSb17vm9oLPzhfzsb3GTr4+UhcrllZsA8E5leA3P4T0y0NUhyKb+A575+T+S+7o8+KACqqbAgxI8h/fIAFnUbUDVzfNJNfwOGftKcI9QQnPpq0VqCN7zGlkgE1dWdROjcjy/TazxlYx9E1QZyDsCrsjuQjauzOpGU8nS2z3EVHSpb7FppGci56hLqZENMnJll3mbihO+da0CqqaRnkkqIxtkpMGVyXCEEMuXv2+/bIKqTjzGBWq9in1zG5Ukn0OWmYlT4b5qQ/3m1Sao6k1zUYaD7EwoQlJmjHXcWDyOSuVjM4lcL6TLoZEdMtQyzUSahsCbrj9ven916y0KZIgstWxrmlAekKkCoro0Z9ZxnIpzj1HS71mqzzgXMkSWyFTLOHzpi00o37RpmlKdAsnUNsnEOFQSwwMlXhsqGnI/534W4n+x49dV6Q2yRKbIVss6eACUzDmGXz2laVxhA4SRAYBR+Xvwwpzo7ZkV507MiJ6j0+L4/ilxbN+kOLxnQhz8ZDkd6ZwQn382KU4cnBKnP58W50/OiL4zs6KQA1z6uHRH1xfIkCUyRbauzIOVE1PrQ0msblWvHzCVIqHLOnEJhDlxRoICgHR1jItPNo+K9g13Rdt7d8WWd+8so82x18vp4/fvih3/GhWdW8ci4J04MBWBbfD8nAGwBVm2PUVkimx1PZf3iTiASld+4k1Q80MsJDRA4rTSd6wG4RmNdFwK/bP2cYCwDERb/yEBIv/e9sFdsf2fDq1/CtnP8B2OxTEqx5PPvPfJR6Pi0O6JSAMOSJBZDZldgCFTJdtFZK1l73UJpJ6a0ldd+enXrorbPwgmosGSEpJr28SFhU3EEvfF4Wmxb/s4IED4kATCHQWiGEiSkwtC9RottrW1ArK21rti54ej0bJ64eSMBrs9ZyhD9pauREXWuZz4gbclkbYiZVe9S2Tdd+WnXbosOC58MSNOHZlG4xj7Bk2QOzUrhnLWoHY1FZ9ByAgWISNsCyZe+6Ina7QtSivu3TbGMsx5OuecvUpUlUV5uwKszhe85AFpL6ITRNdXewSV0ULYKSwl3O0IBE2zGTvnHWf5ep8lZ0wc/XQSkPE9o8H4e/fmsehz7esRcC3JgozzAWSdbWPi9LFpdRNlywbTfQjIHNlrLKRmsOtnetdQj3gOZMp9aSmWCGyhrh3j3OWAKL5srX9MG7RWwMZrgNh/NjKaWSrRdggQYarPZwNg7rKMzccSaT3JbFRDIGtkjuxdLKwaWHqWAt22qjGSOnWfSx/2EMBRQNEg+r+CMhqJ7+3YOCrOHp8x2gtw7dkqwdWqwZUtgKF9+RutO3QhMvIzorlKkcyRPRjQmEjFC2Q+AK3c0TLoo5nUAVV31yRMZtlLvHRZgBl7ChvMGP55GWfq2DCqPL9sETcP58u1794yhvYCXJmwvZA5sgcDYGFVXiLqThd/MXxCzQlY8GQkuqBSAFm1JgBACMtoLpaZU4enK6EAc/ysaS9zUxCg5byzsjQugAGwoAsDwcgzL4HFgbnXOaga0LHoYQlE4BiwCDwFUGmyQsLwx+YqKu8Lj+yp9hbCTUx+DHxusgO7JpQzU3NwLSoMLICJZ1oS3VGEzGIixE9y0oem4m4cODengpWp2z/GVju0Z0JrLTQYgHMFyedcR0B7bW60PR51N/Gw2HFSAxjn/unHYwRXswCuh2ABTLhYSRxeYHocmW9mMhV6vWkrDFYY6MGoNoFKXhN6MMLBSwTI2GMAyU3NYPhj6JPmAZDkC4mbRSSXa/7G8/ysY5zPxSL4vE5HkxnDngg+uciaggsMgAUwATYShR/cdZPRhN9c8xEMtQFMlqiODVr4mvxorWN7J00QFftl419vo7kiIO3fOUEwlQQ050TAVUfuMaJjpONkfA6Bn5NakGMCtg4JNMCQlr0I+NGOuzbVHlxgAUyADRcz1S2DdpBsmRGFvmwrBHTy0BRM86Ct4rbWni1jEghzaEkZxZ9FI2HbsRTrZRJSpTFV1Wppj9OUzvAewCRDQGxqG55epAlXAzDl6SpwcfwagmtRYaIMRjRmqgYWTRG3TOqm5C26jnC3BvTS8qfNHa/AxPMKAEpS0+XmNZ2k9+HOCUDFDbQqgAEuQMoNQlzOeovh84hgA4xUBSwK6Z056iU1nXjJ0zJIIBDbARsnhCsPgKmdQrMogWhAeK35AmQsYRpg2iOFntXmIitRy1DEksJGCawY7Dzt4dZaKU/wkUdthfbwbF/FBXLy4BSCDiIMCzJbmcESvK99PKa9kia1N/39Dg4EwKrVLK6oIBCsrBgwdYejsiuCao5Y8phkZpmAScGAhQHf3TUVPl3iAkxF03EUOC+lvaoNnKq8aeS5siTCw1rZW0tgBKy4w4mfGhBlH5doy418qcwBvANrfViNdeJAIo3lM9FO+ANTgPPi/FZ0PNBwVGkQ6sAD7TtbKRUq5NSxa9DMAUbACpjRGHpqKxc7UdFj5niCXpfCdgWsYDbWMW1j1bpU2lRe4D3GwKU1Oe8TK+uR541HC98ocrykSIc+IF5D8cJHb7SosLLdwVC864ZtzSq7aD30Xm/FhVMPjvvcFiYpjKD8Lx3J+cBr6uQ1uNDipgoDDcvn3PgZ2uq0qtU/KO2sAzvHIZwDW2t/ARB6r/FaAitgBuzEunrY3ZNn9szTu2gF2PAIJlEujCbxr61ao+i1ctO1J5gZcEGAS6eJOFeWSl16zWdZAskd0vDBZ7C3IAAJ6dfcqNywLJsqoErzSNrgshgBM2DHYMndB1AvgytUMXgJkHbvn1LVBt4j77RsKSFpyh64iOvt3mJzg0VJgGO/1EhtrVyH8SbjTR3r44WPgJCqkeg3vGhqqh7scqj3VbTNpyPiZXb7ZGNGt08whJ21zZdnaG0ViBontTRkF1xo1IFzBlQkzMlFmqLH9qqS3AZopgJ37/Zxjpv69YMVMAN2wJBeDm0xX+/sr1XC2RjuocB1wNgXnrSVKj/xYNB68Rgh+EKzBTcE2gdAJdfqRpsBLsITgCtlzWUT02BIx7RMSw+bXztdzeWQd2n+jIln8ZyqtooqGDa4qZzsd2oPK00VaVoqJVJoAmlXNxglOEO5VCP2Zd09DYZibWLsrE5dM/sVh2dkiYi4LZ1Jp9yEBDBGLuXJ2HN1A6o+VUKNpgJUaduaR/dOpmprghmwA4Za3EcxN/kK2/ZfKy4INsOu0WZDUe3TR2/rPNrq68cB1QkPKRzffNi/YxwAoGX81KZJyp1KT4ODGbADhsCSo63uvaFiV2ViE4E8QmqfuHtgpo4e0ylsPZ/EjDUxIEjnBbMPKKu5CSl47SRq1xW15Bn7Ux3eVgZDYMlqrL57v9dJ51BMROCA6MO/3aYmC6DpO5a/YawF2MoazG1p5zvEcLBRKvGb+hklhAZBW/lyZCDtgWN3UteVVhLbJKXBUosz5L/j1rVwsxi4U/rPqah7a6XVq9t0pJgwBAFDleMzsxZgiqX38JhsbTqJWaLRg57rwz1W0wZJcUU8Tc32tDVaYAgsmVIZGTUdUjmfh7iNIZZBKizdzD7AQD3bVATMBmB2OgxApMymXRElwIweIp3B8dQ0Fx81SiF4gqBDFD2a1YAU0PDA6nmlMPMQDIGlKNwwnL//qnxzmoZEiuVDTY7pMio/1jRgh2UsrzEnCUtoArBBeE/ak/IAqODAoiZf8SRIQp50WqqNFmAILIGplqH87GuUPuiYRIBlEJXPsqXavWI5PX3Rbj06ZOwQS7GKzXokfXOQtglTpk18T/UApMM3ix2wBKbkTIbSm9dJ4xBtD8NAMvNxBsabNU3iGIOWykvAFa8zXzN7O7PcB6r/9wIsaBEsgakWeeC3QnqEAOuI6iNcIZygE6o6279Cnq8JrMSkVgbGWqobM1XPEEy1SMPrg++uVzxC+TqI2ietAGBWjlOZ4R7UiMfstJAUSJPjBSuHJoRXqBsy0hvpDYbAEpiiVKZLDTL1PU5bF6nh0VWRFzQGPWUf4VMy4Y13QiWBjHfVwLtP8zW9BguFpS6AlaPsgbqaAHcl0Xa0UNWBPF6fl98ZbgBgne2eUa1wQZZCfi9t82JBYSkHsG7oUuQA0XZyd+qurKYyIRoIGyv1WHukS7Xxlr3O71LzWMlO6Gra9EuVwRTAGmU8TbHPP7BGogEgE8pwTxprWbvAshqdXKnmj9dqWsyL1J0hMASWwFRLIUhR39MCoyuQMjBhdJbsqwAtcarxAx6kDiq0lV4FvAWUwRR1WEGZ19lW9RxQNBYTXBoAWIZInGNUp102o/htcoSebdaSaAk4x5LKRTuroQpg8bksF+l5m2mRi6Y8o9nTAZctT2YWmS3y88fTUMCyjQI7o1RO9dFh6pMiYOUCCTg7VaQsWasFl6nItVMNvdur4YE1cD5ZWQgAPH+ygYAV72CiFQxQKJAkBpWZNEi242Kg6TThNVYCYKkAqmra1MxoPHCh5XFg2lofG+AGrWBL6bYvWscoKSoG3lYF4z2rwKI2m+SzZxsr+zYXAENz08zq7maBE9QGvRc96+EhxvOjDKefXsLQ8+Ix3nENMwgsa2OdyP5SGHKzKsIR1PLTJ/mpNPB3bx7FIWLJJOZH8R7lRvAavtUkcQ+mYgHSrBnvZ7qnY8BqXICpSTNDdp4DUxEB0ZCzs+vloWgSDf/nfyHOLx4gdVM6WQs3RJ02h3Qcq7njPDygSBInSIFIjTTiGbCZKc5U4bJ0EhMLOPXPpnSCJaFtyUyiACl2QsMDy53ZSnyLPB91/kc6J2mfIzYFUXbDrhvkGyNzY+NfbtOkEnAemE1Chy6bofy22iQ0hiif505seGDZ0ZqmutZ0L9ldNJydMqJQAxUMISpD4mUzgQr9bBLaVo9WOZt9K7MGdF6rgYGlu3jQ9u5ejYbMe8pB4jnUoLl4oV+g0mTLnJPJymZgDoHChtda0QiC3ckqQ5hZOhR2HrwtTXabKTJV6GcNeAJ8jWtnLR+rCT+qrry1o5uCNZ0sYmOBqYDtX7Y0uSNRabKeM9DI9lVUXVplo4W1T08cCOpRl+USWNbtX7GG1ew0U1g7a9dHo8rFbsDUTh5g6eG31fBM37RkLQIZ7m7Dai8Nq1Ovhmyxt+1fnUmqJM0Y7cbLGfYqLX9mzpmHnzWnx7bYf13B0ABbzQUcCsIFmhGIgKXqqkfu1P0ptCrVbev9vgTdO2oZPBoy/meHgjDVb0eCMUa+W+xXoPiwsIYq+hs4l6TBwvCKpHUgYMXHGAUfvOYOBTmwUw+0rXpALUY8wGoobXU02aAQlkGi85rXQYAVH7wWflSkO8YIJqxiv8E17wkm3BLGetHHE3mDfkZFBh9u6w5e2/mhGuCawIVG061hYHFdbvor0e6zAJBQTn+CDhxfw23Dj+O2Rjy1QwkYB+n8V01rtEIOpku6uxnJ6AQhBn/juINvIGDTO/PEWdSdlmiuk7snTjAGhh/HHaW0EmkrnvMJNiP3uYFAbbY8gRQT2fU9wYQVNxqvGAitFS8wFkBOZa+gOPnf8qTWmzSRO3QrShPlEL84vDZyiAVtq/STaNbecrJOHDRcX4Ld7X1v0lTTbeXswLFkRqrd7vfZ4zXx3eprROq3Y4HQxFsSTwbe4NNi5GpsW7kEG2F6tCnoxCEA+Ez75HSofXJWApcLHoBcNDNMS3ZCc2xX0rDb+DJKIG6sV1kesyVweUx8I8x/uxthJtm6N1j+sH19QsaqVicMXgS0QpeLWxOOpqPLGuI17/G/2NDcEN033V0aVIkHgXBD4iXXyiRg617iV21qGXwxwWbjwVIXAESleZLftXy3tyc2AFf31DG8jepVkrN6RpRLvMewV/mZCT7Ld7TbDnnR1LzmhmL5s6BK4sRgsIcOL8Q3Gx/6X3vnshtHEYVhkNjALmsQPAMgZYMQC4R4AMSDIIRQdt5y27BBXlgCCSESBUVKso0CQUzsOE48jgWYYAILwtWJh4Yo1vSMqW/m/HYxlXGm3T1VzaRLKsV2xt1V5/w+depclzovj202jsIl5YuW97S+R9RFDb2V7aZ4KrkC4DgWAZcuBxTFpYapMoN5vvSz4LrOM/gMn0XvQ5JxXGqNVexT6+IPyW8yXny/HIFBi7iYswdGwAqY8TAUDNm0OA6P7Tuls1gKrPoiFye2SS1+V7oGz6OmJw5ZSQTFih/AMB3FSmfnGTxLzCsrmQEVfX6QsIX2GZbQTOmUz/aczmBlDzvjxtwcyONDt550v5BdW74TVWopBBcD6EIxV48qK0vXwB1StouYmj6RahWCq7iCjlGXo4vnluhFyH6Th2v3DBsZWPGwM354Nq35G99Gadyk6R9fOp4OBpfZcAgrueT1Oz5l/f5K9j30294iDSe6NfJ/mnweDwMSGSB84qQUoNCzS1Q7ThblodgrsAFGfMxMBKz2xe1nhnHMcvHUzlcGof0OqjBS6WViXKVFy4ghl6IcgmnkBmq+zM/d2ijUz7EXXEwKgwqPQ/Le1rlhog9GigBLChgFQ07+oMjSmIs3cGH0G6eHcIzw13/yw9/3bnBfWMKBAFFpZ1Lz23lhO0FFGIEbfx0g5AaqzholJacapgdHcuwJFsAE2Agwc7+hmOX20l/PyzHtJ1rEtW+NlUAwjDBnGIrSTh7d1LqTotTrSPSPIYEMUwd1JtDtaJCgrOTyxzHvrQeowIAczmDDw8pkwxdtzlbxmWn/Ownikpjyn0kK6QjE7oRCTEEMjs6pd3VQdvGSRRAAZo5e1kFzcNbkH3nl11IbUGnugAUwEWLl4BEaTJc7R3E0WnmaPFHQm0J0JT2CbuwcidPuQyOjJNncVHjBhkQY8PzbNwOFv3xTcMVXBSUeU83cMNAFEx5Gig3OzfPnzz9iutaCoh7SFR7LCLlFGrg5IDwpYTAYCRKr5S3M5riTXoWdCz2K91dZi529AOAC7qU4UQxgAUyADelWRcd+EOBXt59yD749SEgMCrTFddaiU+lYQq9Zv6JiGfH6/KHLcePjCD53Rn6+0qAVcEmlx63EfmsBKngO78EAWDjAIFr8SHQPf2MTxA6kVpZKeURCYXEm9p00MoAV3B6nOLkd0ouazGyAhdTkZ2VuokgpJLFJwz9w99Qoziwb8BzegwEPE+UG4k7/uhe0v7s2jItfTQcu3cTI9C0Qx1SpAo/ZgZKNSFB+dhhgab2qbkzgoo7YWoAKHsNreA7vfSyUgFRofrjSyl5AJJrE6iXNZBHIYgNLmTAXHLCQWAJWcUBxhCLtuPUifcOjL/3swWt4Du+LmBcKmyDcX9R7P8rVkzRG3GsgGRFYanW30jIzx1l5CCbRoSyKwkpmU+VYLYmRVHWL34fHjtd8/c4w++YEGV1VDqWJobTdfMyJyDXEo/yI6cBlCvTZrWidSRd8a3/YFTUEE7dFdYiwkB0ARYQDYKrPrS/0B8JjeN1q7T7qYaD6oZuAe+lziMn2pX9YRDdxxjBxUzqOYpgb/IIbZBkJWD6Y5AaSBR4dCqs9tz2Fz9S2ByM8Nd7m8HqCW2B5Rd6P2eKmYK6efiIiqJowV3RuVhHMDb8Qzox+RUQF75VCr+wh/HpqroR0wh4la32dAaXZh6fwFh4rjj1Q2Kd1JJq+dVrZ08k7k56YVmfS0I200lIExtbu/Fs/AyIdcy6W7DdcMNi3uDnK/hYceXWdymqGtwHPpzz2k1y/3D7iFrC5sdY3cGWpgIVtC8ZO/RjEJ4lupXh1kkupRY+pgDUoQ7s9AqbaA8pMC/ASnsJbj9fxho7E5dbtp3FOrg9LTXZVETBFJMSZ48r0qTqyAVB5/amX9u1o0pcEJL4PY7TqPeEZvIOH8BKeejyOP3Zl31rcfsWSL5gBuCJn+qDnVAUuWcWxtocllEZAVKIycVJQyQcMD+Glx9tkQ+cvjurXyTHjJpHCeCpjKbcuEigAA+AqDyp0JxT2CIVi0xlBc3gHDz2eph27LoieQHqrZfru5td7URD9ROCiY5gs24DjsKBSYY6gbcgMTXjUhWfwTkkR8DQxrGSGMIRbEgbW2tTgap3bJgoBncvrSjpRfLuycwgtJoJipkFlvJoPeFmXIR+SFXE7fuOblOBSOn0Hy/gwVNg6klosV+D/4+fqUIo+Rdo7v89zZhNUWRcewauAh3UbCgwUuDzJ1YsbDeGnXw0NmSQ3cKsjVUxxVZroZCj95CYSt66wlaszVtjNeNCDJy59i+8/DXhX1yHFT8ei6Vx5/NtimIHMv0QRcExecHoYKf347KgsCJhWlWkTAVAJb3/50ADa+aCEATS95EIptOo1CexcgYFS4AmmZ3+aSVBBe76GF/CkpKRKr3PJFIGNZP3y3VTunzC5tNXRv27OdnlvaA7t4QG8MDX94RK2qvS3Ra6vMqJi1ZX7BwXyQe/xHKuiMTSH9vBAJoUKbn/p7Vw6w1edq8CJ4U30Ljzo3EzcfNCZPy2/XxcaQ2toDu2lT0WwU0V3/8hxfZpUImJ+CChrgFB95Ce0hcbQGprHdtMkcVwrnourryJR+bqRXiWmmRIU+cnX0Dig/awOhWEoEtWJ6TXsXdxc0AcacB0+5AUaQktoCm0Dms/64JzXZomnJlifTBBLM+o68d1rwDLZhFbQDNpBQ2gJTQWoutqoooQ5K7WM3DVCYo1AXfd9/qADZ9w02nShFTSDdtDQO/oKhBPPqPQirUhgI9uWVG4UTytCsXPlYgMwTaPFDrSBRtAKmglE0HIgpZoRGlSpD0DxCUQ87gdqMpmCn0fwOdbVx5dDA2gBTaANNIJW/6FhM+59PPp1AVZbnaPUYkIppYocJQp1g+Rns68/7d/02Ds04GfQBNr49TUGEqsZ9zdLyIelyoKUJsSSjFfeKvZyg5zhIzLL2SN7Zc/sHRpAC9/PN9BTm3F46eUV3J131+mMv14vzj43Kfa/vU3a2pm54s/ZI3tlzyok20ipCmtGjOgOqkN/jK4ItNzAY6+uZbgyzBfpJdJmdTNkKoIzZ63KJmcP7IU9sTf2yF5HdVFo8lAzqhnqq8j0QUfvH3dEfETXMhjDTYnGjCi5ZjS8aw3Ue2JsxAsA7/LB1GMtrIm1sUbWyppZO3tgL+xpdJ/MRkJNeeCd93ULtcSjZx7dy+j26ZjH7Qkbj47MPjoLijCMHSkNIKW4zFHGDFLVeRfv5N38jLWwJtbG51kra2bt7GFU15yba6RTMj1s1Lm6trZ9xEmDF2l+TWd12vbTVw9mEuf9vR03vpIs5iuUehLrv32G2dUz/EsF7+BdvJN3swbWwppYG2tkraPO+kZ/qpkPku6eof6B2eLPx68u/v2Su7K/5hj6sWP6sgPBLRi/0e4NmP7TxlC68T0AuHb5zn2lFJ/hs/wOv8szeBbf82zewbt4J+9mDazlXnoka3d7aG54dZZiMIhjZJwFGgW4vbj1xMri9rNXl7JX3XH0pjuW3ncgOOVmy83rTrL8asr1OAU8t89ct985xTN4Fs/k2byDd43zOLBG1jqL0ulfOyWqgDHP1OcAAAAASUVORK5CYII=\"","import React, {Component, Fragment} from 'react'\r\nimport styled from 'styled-components'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport Yup from 'lib/yup'\r\nimport {compose} from 'recompose'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {withAuthenticationRequirement} from 'lib/hoc'\r\nimport {getHasClubs} from 'clubs/selectors'\r\nimport {\r\n Flex,\r\n Box,\r\n Page,\r\n FormikInput as Input,\r\n Card,\r\n TextArea,\r\n Image,\r\n Button,\r\n H2,\r\n ImageInput,\r\n Text,\r\n Link,\r\n} from 'components'\r\nimport {Right, Camera, Back} from 'components/icons'\r\nimport {create} from 'clubs/actions'\r\nimport {getTldLocale} from 'app/selectors'\r\nimport validateZip from 'lib/validateZip'\r\nimport club from 'images/club-default.png'\r\nimport getLogo from 'jsonFetches/getLogo'\r\n\r\nconst Arrow = styled(Right)`\r\n transform: rotate(${(props) => (props.isOpen ? 90 : 0)}deg);\r\n transition: transform 0.125s ease;\r\n`\r\n\r\nclass CreateClub extends Component {\r\n state = {\r\n moreInfoVisible: false,\r\n complete: false,\r\n }\r\n\r\n get validationSchema() {\r\n return Yup.object().shape({\r\n title: Yup.string().required(),\r\n zip: Yup.string()\r\n .required(),\r\n })\r\n }\r\n\r\n toggleInfo = () => {\r\n this.setState(({moreInfoVisible}) => ({\r\n moreInfoVisible: !moreInfoVisible,\r\n }))\r\n }\r\n\r\n handleSubmit = (values, {setErrors}) => {\r\n const {locale, create} = this.props\r\n\r\n new Promise((resolve, reject) =>\r\n create({values: {...values, locale}, resolve, reject})\r\n )\r\n .then(() => this.setState({complete: true}))\r\n .catch(() => setErrors({title: 'Foreningen findes allerede'}))\r\n }\r\n\r\n render() {\r\n const {moreInfoVisible, complete} = this.state\r\n const {hasClubs, t, locale, whiteLabelData} = this.props\r\n\r\n return complete ? (\r\n \r\n {!hasClubs && (\r\n \r\n {\r\n whiteLabelData.logos &&\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {t('Tilbage')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {() => (\r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst enhancer = compose(\r\n withAuthenticationRequirement,\r\n connect(\r\n createStructuredSelector({\r\n hasClubs: getHasClubs,\r\n locale: getTldLocale,\r\n }),\r\n {create: create.requested}\r\n ),\r\n withTranslation()\r\n)\r\n\r\nexport default enhancer(CreateClub)","import React from 'react'\r\nimport styled, {css} from 'styled-components'\r\nimport {Flex, Link, Box} from 'components'\r\n\r\nconst Container = styled(Box)`\r\n border: 1px solid ${(props) => props.theme.colors.secondary};\r\n border-radius: 5px 5px 0 0;\r\n border-left: 0;\r\n background: ${(props) => props.theme.colors.white};\r\n position: relative;\r\n top: 1px;\r\n text-align: center;\r\n\r\n ${(props) =>\r\n props.active &&\r\n css`\r\n border-bottom: 1px solid ${(props) => props.theme.colors.secondaryLight};\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n `}\r\n`\r\n\r\nconst Tab = ({name, active, path, icon: Icon}) => (\r\n \r\n \r\n \r\n {Icon && (\r\n \r\n \r\n )}\r\n {name}\r\n \r\n \r\n \r\n)\r\n\r\nexport default Tab\r\n","import React from 'react'\r\nimport {withRouter} from 'react-router-dom'\r\nimport {Flex, Box} from 'components'\r\nimport Tab from './Tab'\r\n\r\nconst Tabs = ({tabs, match: {url}, location: {pathname}, children}) => (\r\n \r\n \r\n {tabs.map(tab => (\r\n -1}\r\n path={`${url}/${tab.id}`}\r\n />\r\n ))}\r\n \r\n\r\n \r\n {children}\r\n \r\n \r\n)\r\n\r\nTabs.defaultProps = {\r\n tabs: [],\r\n}\r\n\r\nexport default withRouter(Tabs)\r\n","import React, { useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { createStructuredSelector } from 'reselect';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport { Flex } from '@rebass/grid';\r\nimport { withTranslation } from 'react-i18next';\r\nimport {\r\n Box,\r\n Text,\r\n ImageInput,\r\n FormikInput as Input,\r\n Button,\r\n TextArea,\r\n} from 'components';\r\nimport { Camera } from 'components/icons';\r\nimport clubDefault from 'images/club-default.png';\r\nimport { getActive } from 'clubs/selectors';\r\nimport { update } from 'clubs/actions';\r\n\r\n\r\nfunction General({ club, update, t }) {\r\n const [submitted, setSubmitted] = useState(false);\r\n\r\n const handleSubmit = (values) =>\r\n new Promise((resolve) => {\r\n update({ ...values, resolve })\r\n \r\n }).then(() => {\r\n setSubmitted(true)\r\n });\r\n \r\n return club ? (\r\n \r\n {() => (\r\n \r\n )}\r\n \r\n ) : null;\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n club: getActive,\r\n }),\r\n {\r\n update: update.requested,\r\n }\r\n);\r\n\r\nexport default withTranslation()(enhancer(General));\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport { Flex } from '@rebass/grid'\r\nimport { withRouter } from 'react-router'\r\nimport { Box, Text, Link } from 'components'\r\nimport winKas from 'images/integrations-winkas.png'\r\nimport conventus from 'images/integrations-conventus.png'\r\n\r\nconst Container = styled(Flex).attrs({\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n})`\r\n width: 150px;\r\n height: 114px;\r\n border-radius: 5px;\r\n background-image: url(${props => props.image});\r\n background-position: center center;\r\n background-size: cover;\r\n`\r\n\r\nconst Overview = ({ modules, integrations, match: { url } }) => (\r\n <>\r\n\r\n {integrations.map(({ id, name, image }) => (\r\n \r\n \r\n \r\n {name}\r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n)\r\n\r\nOverview.defaultProps = {\r\n integrations: [\r\n {\r\n id: 'winkas',\r\n name: 'WinKAS Air',\r\n image: winKas,\r\n },\r\n {\r\n id: 'conventus',\r\n name: 'Conventus',\r\n image: conventus,\r\n },\r\n ],\r\n}\r\n\r\nexport default withRouter(Overview)\r\n","import React, {useState, useEffect, useCallback} from 'react'\r\nimport {Flex} from '@rebass/grid'\r\nimport {LinkButton, Link, Box, Text, H1, Checkbox, Dropdown, FormikInput as Input} from 'components'\r\nimport {Formik, Field, Form} from 'formik'\r\nimport {darken, hideText} from 'polished'\r\nimport {Settings, Back, Right} from 'components/icons'\r\nimport { render } from 'react-dom'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport { connectExternalSystem, disconnectExternalSystem, getExternalSystem, getConventusDepartments } from 'clubs/actions'\r\nimport {getActive} from 'clubs/selectors'\r\nimport styled from 'styled-components'\r\nimport {apiRequest, api} from 'app/sagas'\r\nimport {\r\n take,\r\n takeEvery,\r\n delay,\r\n select,\r\n put,\r\n call,\r\n all,\r\n} from 'redux-saga/effects'\r\n\r\nconst LabelInfo = styled.label`\r\n font-weight: bold;\r\n`\r\n\r\nconst SpanInfo = styled.span`\r\n display:block;\r\n margin-bottom: 5px 0 5px 0;\r\n`\r\n\r\nconst Item = styled(Box).attrs({\r\n bg: 'secondaryLight',\r\n color: 'black',\r\n as: 'li',\r\n p: 2,\r\n})`\r\n transition: background 0.125s ease;\r\n will-change: background;\r\n\r\n &:hover {\r\n background: ${(props) => darken(0.1, props.theme.colors[props.bg])};\r\n }\r\n`\r\n\r\nconst Conventus = ({club, connectExternalSystem, getExternalSystem, disconnectExternalSystem, getConventusDepartments2}) => {\r\n const [apiKey, setApiKey] = useState('');\r\n const [conventusId, setConventusId] = useState('');\r\n const [isExternalConnected, setIsExternalConnected] = useState(false);\r\n const [errorExternalConnected, setErrorExternalConnected] = useState(null);\r\n const [externalSystemInfo, setExternalSystemInfo] = useState(null);\r\n const [loading, setLoading] = useState(false);\r\n const [useConventusClubDepartment, setUseConventusClubDepartment] = useState(false);\r\n const [disabledUseConventusClubDepartment, setDisabledUseConventusClubDepartment] = useState(false);\r\n const [conventusDepartments, setConventusDepartments] = useState(null);\r\n const [conventusDepartmentId, setConventusDepartmentId] = useState('');\r\n const [conventusDepartmentTitel, setConventusDepartmentTitel] = useState('Vælg afdeling');\r\n\r\n const handleActivateClubDepartment = () => {\r\n setUseConventusClubDepartment(!useConventusClubDepartment);\r\n };\r\n\r\n const handleActivateClubDepartmentChange = (data) => {\r\n setUseConventusClubDepartment(data.target.checked);\r\n\r\n if (data.target.checked) {\r\n setDisabledUseConventusClubDepartment(true)\r\n let values = {\r\n clubId: club.id,\r\n systemOrganizationalType: 2,\r\n isTestMode: true,\r\n jsonSettings: '{ \\\"conventusId\\\": \\\"' + conventusId + '\\\", \\\"Apikey\\\": \\\"' + apiKey + '\\\", \\\"conventusDepartmentId\\\": \\\"' + conventusDepartmentId + '\\\" }'\r\n }\r\n\r\n new Promise((resolve, reject) => {\r\n getConventusDepartments2({values, resolve, reject})\r\n })\r\n .then(departments => {\r\n setConventusDepartments(departments)\r\n })\r\n .catch(error => {\r\n if (error.message != null) {\r\n setErrorExternalConnected(error.message)\r\n console.log(error.message)\r\n } else {\r\n throw Error(\"Unknown error\")\r\n }\r\n })\r\n }\r\n };\r\n\r\n const handleClubDepartmentSelected = (id, titel) => {\r\n setDisabledUseConventusClubDepartment(true);\r\n setConventusDepartmentTitel(titel)\r\n setConventusDepartmentId(id);\r\n };\r\n\r\n let firstTimeShowLoading = true;\r\n\r\n const connectConventusSubmit = () => {\r\n let values = {\r\n clubId: club.id,\r\n systemOrganizationalType: 2,\r\n isTestMode: true,\r\n jsonSettings: '{ \\\"conventusId\\\": \\\"' + conventusId + '\\\", \\\"Apikey\\\": \\\"' + apiKey + '\\\" }'\r\n }\r\n\r\n firstTimeShowLoading = true;\r\n\r\n if (conventusDepartmentId) {\r\n values.jsonSettings = '{ \\\"conventusId\\\": \\\"' + conventusId + '\\\", \\\"Apikey\\\": \\\"' + apiKey + '\\\", \\\"conventusDepartmentId\\\": \\\"' + conventusDepartmentId + '\\\" }';\r\n }\r\n\r\n setErrorExternalConnected(null);\r\n\r\n new Promise((resolve, reject) => {\r\n connectExternalSystem({values, resolve, reject})\r\n })\r\n .then(() => {\r\n getConventusStatus(club)\r\n })\r\n .catch(error => {\r\n if (error.message != null) {\r\n console.log(error.message)\r\n setErrorExternalConnected(error.message)\r\n } else {\r\n throw Error(\"Unknown error\")\r\n }\r\n })\r\n }\r\n\r\n const disconnectConventusSubmit = () => {\r\n let values = {\r\n clubId: club.id\r\n }\r\n\r\n new Promise((resolve, reject) => {\r\n disconnectExternalSystem({values, resolve, reject})\r\n })\r\n .then(data => {\r\n setIsExternalConnected(false);\r\n setConventusId('')\r\n setDonventusDepartmentId('');\r\n setExternalSystemInfo(null);\r\n })\r\n .catch(error => {\r\n if (error.message != null) {\r\n console.log(error.message)\r\n } else {\r\n \r\n throw Error(\"Unknown error\")\r\n }\r\n })\r\n }\r\n\r\n const getConventusStatus = (club) => {\r\n let values = {\r\n clubId: club.id\r\n }\r\n\r\n new Promise((resolve, reject) => {\r\n if (firstTimeShowLoading) setLoading(true)\r\n getExternalSystem({values, resolve, reject})\r\n })\r\n .then(data => {\r\n firstTimeShowLoading = false;\r\n setLoading(false)\r\n setConventusId(data.conventusId)\r\n setExternalSystemInfo(data);\r\n setConventusDepartmentId(data.conventusDepartmentId);\r\n setIsExternalConnected(true)\r\n })\r\n .catch(error => {\r\n setLoading(false)\r\n if (error.message != null) {\r\n setIsExternalConnected(false)\r\n setExternalSystemInfo(null)\r\n if (error.message.indexOf('No external system connected') !== -1) {\r\n firstTimeShowLoading = false;\r\n }\r\n console.log(error.message)\r\n } else {\r\n firstTimeShowLoading = false;\r\n setIsExternalConnected(false)\r\n setExternalSystemInfo(null)\r\n throw Error(\"Unknown error\")\r\n }\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n setUseConventusClubDepartment(false);\r\n setIsExternalConnected(false);\r\n setExternalSystemInfo(null)\r\n getConventusStatus(club);\r\n const externalSystemInfoInterval = setInterval(() => {\r\n getConventusStatus(club);\r\n }, 5000)\r\n\r\n return () => clearInterval(externalSystemInfoInterval);\r\n }, [setIsExternalConnected]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n Tilbage \r\n \r\n \r\n \r\n\r\n \r\n Integrationer \r\n \r\n\r\n \r\n \r\n Importer medlemmer fra Conventus med CSV \r\n \r\n \r\n\r\n \r\n \r\n Conventus er et administrativt værktøj for foreninger, kommuner, haller\r\n og fitnesscentre. Conventus samler de opgaver og den kommunikation, der\r\n er mellem foreninger, kommunale forvaltninger og idrætsfaciliteter.\r\n \r\n \r\n\r\n \r\n Du kan importere medlemslister direkte fra Conventus til MinForening.\r\n \r\n\r\n \r\n \r\n Guide til import fra Conventus med CSV \r\n\r\n \r\n \r\n\r\n\r\n \r\n \r\n {loading &&\r\n <>\r\n Henter informationer...\r\n \r\n }\r\n\r\n {!loading &&\r\n <>\r\n {isExternalConnected &&\r\n <>\r\n \r\n Forbundet til Conventus ID: {conventusId}\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n Afbryd forbindelsen til Conventus \r\n \r\n \r\n \r\n \r\n }\r\n\r\n {!isExternalConnected &&\r\n <>\r\n {errorExternalConnected != null &&\r\n \r\n Der opstod en fejl med følgende fejlmeddelse: {errorExternalConnected}\r\n \r\n }\r\n\r\n \r\n {({errors}) => (\r\n \r\n )\r\n }\r\n \r\n\r\n \r\n \r\n Ønsker du at bruge Conventus afdeling som forening?\r\n \r\n
\r\n\r\n \r\n Udfyld felterne 'Conventus Id' og 'Conventus Api Key' før du siger ja her\r\n \r\n \r\n
\r\n \r\n\r\n {useConventusClubDepartment && conventusDepartments != null ?\r\n (<>\r\n (\r\n {\r\n handleClubDepartmentSelected(id, titel)\r\n if (titel) {\r\n setDisabledUseConventusClubDepartment(false)\r\n }\r\n hide()\r\n }}\r\n >\r\n {titel}\r\n \r\n )}\r\n />\r\n
\r\n {\r\n if (!disabledUseConventusClubDepartment) {\r\n connectConventusSubmit(e);\r\n }\r\n }}\r\n to=\"#\">\r\n \r\n Forbind Conventus \r\n \r\n \r\n ) : (<>\r\n \r\n \r\n Forbind Conventus \r\n \r\n \r\n )\r\n }\r\n \r\n }\r\n \r\n }\r\n \r\n )\r\n}\r\n\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n club: getActive,\r\n }),\r\n {\r\n connectExternalSystem: connectExternalSystem.requested,\r\n getExternalSystem: getExternalSystem.requested,\r\n disconnectExternalSystem: disconnectExternalSystem.requested,\r\n getConventusDepartments2: getConventusDepartments.requested\r\n }\r\n)\r\n\r\nexport default enhancer(Conventus)\r\n","import React, {Component} from 'react'\r\nimport styled from 'styled-components'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Flex} from '@rebass/grid'\r\nimport {\r\n Box,\r\n LinkButton,\r\n H1,\r\n Text,\r\n Link,\r\n ButtonWithProtectedAction,\r\n} from 'components'\r\nimport {Back, Right, Settings} from 'components/icons'\r\nimport {getActive} from 'clubs/selectors'\r\nimport {winKasSync} from 'clubs/actions'\r\n\r\nconst Indicator = styled.div`\r\n width: 25px;\r\n height: 25px;\r\n border-radius: 50%;\r\n background: ${(props) =>\r\n props.active ? props.theme.colors.success : props.theme.colors.danger};\r\n`\r\n\r\nclass WinKas extends Component {\r\n disable = () => this.props.winKasSync({values: {enabled: false}})\r\n\r\n render() {\r\n const {club} = this.props\r\n\r\n return club ? (\r\n <>\r\n \r\n \r\n \r\n Tilbage \r\n \r\n \r\n \r\n\r\n \r\n Integrationer \r\n \r\n\r\n \r\n \r\n \r\n \r\n Synkronisering er {club.winKasSyncEnabled ? '' : 'ikke'} aktiv\r\n \r\n \r\n\r\n {club.winKasSyncEnabled ? (\r\n \r\n \r\n Afbryd synkronisering \r\n \r\n \r\n ) : (\r\n \r\n \r\n Opsæt synkronisering \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n Med WinKAS får du økonomistyring, et stærkt medlemssystem og mange\r\n muligheder for opkrævning (Nets, Faktura, Online betalinger).\r\n \r\n \r\n\r\n \r\n Du kan let synkronisere dine medlemmer mellem MinForening og WinKAS\r\n Air.\r\n \r\n\r\n \r\n \r\n \r\n \r\n Læs mere om denne integration på WinKAS' hjemmeside\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n Opret din forening i WinKAS \r\n\r\n \r\n \r\n \r\n ) : null\r\n }\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n club: getActive,\r\n }),\r\n {\r\n winKasSync: winKasSync.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(WinKas)\r\n","import React from 'react'\r\nimport { Route, Switch, Redirect } from 'react-router-dom'\r\nimport Overview from './Overview'\r\nimport Conventus from './Conventus'\r\nimport WinKas from './WinKas'\r\n\r\nconst Integrations = ({ modules, integrations, match: { path } }) => (\r\n \r\n \r\n)\r\n\r\nexport default Integrations\r\n","import React from 'react'\r\nimport styled, {css} from 'styled-components'\r\nimport {Flex, Link, Box} from 'components'\r\n\r\nconst Container = styled(Box)`\r\n border: 1px solid ${(props) => props.theme.colors.secondary};\r\n border-radius: 5px;\r\n background: ${(props) => props.theme.colors.white};\r\n position: relative;\r\n margin: 0 0 10px 0;\r\n display:block;\r\n text-align: center;\r\n\r\n ${(props) =>\r\n props.active &&\r\n css`\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n `}\r\n`\r\n\r\nconst Tab = ({name, active, path, icon: Icon}) => (\r\n \r\n \r\n \r\n {Icon && (\r\n \r\n \r\n )}\r\n {name}\r\n \r\n \r\n \r\n)\r\n\r\nexport default Tab\r\n","import React from 'react'\r\nimport {withRouter} from 'react-router-dom'\r\nimport {Flex, Box} from 'components'\r\nimport Tab from './Tab'\r\n\r\n const Sidetabs = ({tabs, match: {url}, location: {pathname}, children}) => (\r\n \r\n <>\r\n {tabs.map(tab => (\r\n -1}\r\n path={`${url}/${tab.id}`}\r\n />\r\n ))}\r\n \r\n \r\n \r\n {children}\r\n \r\n \r\n )\r\n \r\n Sidetabs.defaultProps = {\r\n tabs: [],\r\n }\r\n\r\nexport default withRouter(Sidetabs)","import React, {useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Formik, Field, Form} from 'formik'\r\nimport {Trans, useTranslation} from 'react-i18next'\r\nimport Yup from 'lib/yup'\r\nimport {Box, LabeledInput, LabeledCheckbox, Button} from 'components'\r\nimport {acceptPaymentAgreement} from 'clubs/actions'\r\nimport {\r\n getPaymentAgreementAccepted,\r\n getPaymentAgreementInfo,\r\n} from 'clubs/selectors'\r\nimport i18n from 'i18n'\r\n\r\nconst validationSchema = Yup.object().shape({\r\n accept: Yup.boolean().oneOf([true], i18n.t('mustBeAccepted')),\r\n bankName: Yup.string().required(),\r\n reg: Yup.number().typeError().required().max(9999),\r\n account: Yup.number().typeError().required(),\r\n bankContact: Yup.string(),\r\n})\r\n\r\nconst initialValues = {\r\n accept: false,\r\n bankName: '',\r\n reg: '',\r\n account: '',\r\n bankContact: '',\r\n}\r\n\r\nconst AgreementForm = ({acceptPaymentAgreement, paymentAgreementInfo}) => {\r\n const [t] = useTranslation()\r\n const handleSubmit = useCallback(\r\n (values, {setSubmitting, setStatus}) => {\r\n new Promise((resolve, reject) => {\r\n setSubmitting(true)\r\n acceptPaymentAgreement({values, resolve, reject})\r\n }).then(() => {\r\n setSubmitting(false)\r\n setStatus('complete')\r\n })\r\n },\r\n [acceptPaymentAgreement]\r\n )\r\n\r\n return (\r\n \r\n {({isValid, isSubmitting, status}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n paymentAgreementAccepted: getPaymentAgreementAccepted,\r\n paymentAgreementInfo: getPaymentAgreementInfo,\r\n }),\r\n {acceptPaymentAgreement: acceptPaymentAgreement.requested}\r\n)\r\n\r\nexport default enhancer(AgreementForm)\r\n","import React, {useEffect, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Box, H1, Text, Loading} from 'components'\r\nimport {fetchAgreement} from 'clubs/actions'\r\nimport {getActiveId} from 'clubs/selectors'\r\nimport AgreementForm from './AgreementForm'\r\n\r\nfunction parseAgreement(html) {\r\n const title = html.match(/\r\n {paragraphs.map((paragraph, index) => (\r\n \r\n {paragraph}\r\n \r\n ))}\r\n \r\n\r\n \r\n {({isValid, isSubmitting, status}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n paymentAgreementAccepted: getPaymentAgreementAccepted,\r\n paymentAgreementInfo: getPaymentAgreementInfo,\r\n }),\r\n {\r\n acceptPaymentAgreement: kevinAcceptPaymentAgreement.requested,\r\n createClubPaymentMethod: createClubPaymentMethod.requested,\r\n updateClubPaymentMethod: updateClubPaymentMethod.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(KevinAgreementForm)\r\n","import React, {useEffect, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Box, H1, Text, Loading} from 'components'\r\nimport {getClubPaymentMethods} from 'paymentMethods/actions'\r\nimport {getActiveId} from 'clubs/selectors'\r\nimport KevinAgreementForm from './KevinAgreementForm'\r\n\r\nfunction parseAgreement(html) {\r\n const title = html.match(/\r\n Skriv til kontakt@minforening.dk for at få lavet en MinForening betalingsløsning aftale.\r\n \r\n\r\n \r\n {({isValid, isSubmitting, status}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n paymentAgreementAccepted: getPaymentAgreementAccepted,\r\n paymentAgreementInfo: getPaymentAgreementInfo,\r\n }),\r\n {\r\n acceptPaymentAgreement: kevinAcceptPaymentAgreement.requested,\r\n createClubPaymentMethod: createClubPaymentMethod.requested,\r\n updateClubPaymentMethod: updateClubPaymentMethod.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(MobilepaySubscriptionAgreementForm)\r\n","import React, {useEffect, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Box, H1, Text, Loading} from 'components'\r\nimport {getClubPaymentMethods} from 'paymentMethods/actions'\r\nimport {getActiveId} from 'clubs/selectors'\r\nimport MobilepaySubscriptionAgreementForm from './MobilepaySubscriptionAgreementForm'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\n\r\nfunction parseAgreement(html) {\r\n const title = html.match(/\r\n \r\n {t(\"Den daglige betalingsgrænse er 3000 kr. for brugere, der identificerer sig med cpr-nummer i MobilePay, og 10.000 kr. for brugere, der identificerer sig med NemID. Alle beløb som foreningen modtager med MobilePay indsættes på opsamlingskonto og afregnes til foreningens bankkonto MobilePay tager 1 % af transaktionsbeløbet, dog min. 1,00 kr. og maks. 2.75 kr. Foreningen kan kun tilknytte en bankkonto, som er ejet af foreningen selv. Før betalingerne kan blive overført til bankkontoen - dvs. den bankkonto, som foreningen har tilknyttet løsningen - skal foreningens ejerskab af bankkontoen verificeres af foreningens pengeinstitut. Herefter bliver alle betalinger i løbet af 6-8 dage overført til den registrerede bankkonto. Inden for fem dage fra betalingens gennemførsel er det muligt at tilbageføre beløbet til et medlem, som har fortrudt sin MobilePay Subscription betaling. Det kræver dog, at foreningen inden de fem dage er gået sender en anmodning herom til kontakt@minforening.dk. Som administrator i MinForening har du rettighed til at oprette en foreningsaftale med MinForening. Du skal blot godkende ovenstående betingelser samt indtaste foreningens kontooplysninger. Den indgåede foreningsaftale med MinForening kan de øvrige administratorer i din forening tilgå under Indstillinger.\")}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"Skriv til\")} kontakt@minforening.dk {t(\"for at få lavet en Mobilepay abonnement aftale, når disse felter er udfyldt.\")}\r\n \r\n \r\n\r\n \r\n {({isValid, isSubmitting, status}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n paymentAgreementAccepted: getPaymentAgreementAccepted,\r\n paymentAgreementInfo: getPaymentAgreementInfo,\r\n }),\r\n {\r\n acceptPaymentAgreement: kevinAcceptPaymentAgreement.requested,\r\n createClubPaymentMethod: createClubPaymentMethod.requested,\r\n updateClubPaymentMethod: updateClubPaymentMethod.requested,\r\n }\r\n)\r\n\r\nexport default enhancer(MobilepayClubDirectSubscriptionAgreementForm)\r\n","import React, {useEffect, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Box, H1, Text, Loading} from 'components'\r\nimport {getClubPaymentMethods} from 'paymentMethods/actions'\r\nimport {getActiveId} from 'clubs/selectors'\r\nimport KevinAgreementForm from './MobilepayClubDirectSubscriptionAgreementForm'\r\n\r\nfunction parseAgreement(html) {\r\n const title = html.match(/\r\n Skriv til kontakt@minforening.dk for at få lavet en Mobilepay subscription aftale.\r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n const enhancer = compose(\r\n withAuthenticationRequirement,\r\n connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n club: getActive,\r\n })\r\n )\r\n )\r\n \r\nexport default enhancer(PaymentMethods)\r\n","import {createSelector} from 'reselect'\r\nimport {\r\n values,\r\n sortBy,\r\n orderBy,\r\n uniqBy,\r\n pickBy,\r\n union,\r\n toLower,\r\n get,\r\n includes,\r\n without,\r\n flattenDeep,\r\n uniq,\r\n} from 'lodash'\r\n\r\nexport const getAll = (state) => state.sponsors.entities\r\n\r\nexport const getId = (_, {id}) => id\r\n\r\nexport const getById = createSelector(\r\n [getAll, getId],\r\n (sponsors, id) => sponsors[id]\r\n)\r\n\r\nexport const getViews = (state) => state.sponsors.views\r\n\r\nexport const getTotalViews = (state) => state.sponsors.totalViews\r\n\r\nexport const getRemaningViews = createSelector(\r\n [getViews, getTotalViews],\r\n (views, totalViews) => totalViews - views\r\n)\r\n//-------------------------- New --------------------------------\r\n\r\nexport const getTitle = (_, {title}) => title\r\n\r\nexport const getNoSponsors = (state) => state.sponsors.noSponsorEntities\r\n\r\nexport const getExemptRoles = (state) => state.sponsors.exemptionRolesEntities\r\n\r\nexport const getByTitle = createSelector(\r\n [getAll, getTitle],\r\n (sponsors, title) => sponsors[title]\r\n)\r\n\r\nexport const getSponsorsAsArray = createSelector(getAll, values)\r\n\r\nexport const getNoSponsorsAsArray = createSelector(getNoSponsors, values)\r\n\r\nexport const getFormattedExemptRolesArray = createSelector(\r\n [getExemptRoles, getNoSponsors],\r\n (exemptRoles, noSponsor) => [...exemptRoles, noSponsor]\r\n)\r\n\r\n\r\n// export const getNoSponsorById = createSelector(\r\n// [getNoSponsors, getId],\r\n// (noSponsors, id) => noSponsors[id]\r\n// )\r\n\r\n","import React from 'react'\r\nimport {useTranslation} from 'react-i18next'\r\nimport makeAnimated from 'react-select/animated';\r\nimport Select from 'react-select';\r\n\r\nconst animatedComponents = makeAnimated();\r\n\r\nconst ZipcodesSelect = ({\r\n defaultValue,\r\n options,\r\n setFieldValue,\r\n field,\r\n}) => {\r\n const [t] = useTranslation()\r\n return (\r\n <>\r\n setFieldValue(field.name, values))}\r\n closeMenuOnSelect={false}\r\n components={animatedComponents} \r\n defaultValue={defaultValue}\r\n isMulti\r\n options={options}\r\n getOptionLabel={(zipcodeOptions)=>zipcodeOptions.value}\r\n getOptionValue={(zipcodeOptions)=>zipcodeOptions.value}\r\n placeholder={t('Skriv postnumre')}\r\n />\r\n \r\n );\r\n };\r\n export default ZipcodesSelect;","import React, {useCallback, useEffect, useState} from 'react'\r\nimport {useField, Formik, Form as FormikForm, Field} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {useDropzone} from 'react-dropzone'\r\nimport Yup from 'lib/yup'\r\nimport {Loading, Box, Text, Button, FormikInput as Input, StyledCheckbox, Flex} from 'components'\r\nimport ZipcodesSelect from './components/ZipcodesSelect'\r\n\r\nconst validationSchema = Yup.object({\r\n title: Yup.string().required(),\r\n url: Yup.string().required(),\r\n logo: Yup.string(),\r\n logoBase64: Yup.mixed().when('logo', {\r\n is: (value) => !value,\r\n then: Yup.mixed().required(),\r\n }),\r\n})\r\n\r\nconst ImageInput = ({placeholder}) => {\r\n const [{value}, {error}, {setValue}] = useField('logoBase64')\r\n const handleDrop = useCallback(\r\n (files) => {\r\n setValue(\r\n Object.assign(files[0], {preview: URL.createObjectURL(files[0])})\r\n )\r\n },\r\n [setValue]\r\n )\r\n const {getRootProps, getInputProps} = useDropzone({\r\n accept: 'image/*',\r\n onDropAccepted: handleDrop,\r\n })\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n \r\n {value || placeholder ? (\r\n {t('Vælg fil')} \r\n )}\r\n \r\n {error && (\r\n \r\n {error}\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst Form = ({formId, initialValues, onSubmit, isCreate, isEdit, isZipCodesEdit, isNoSponsorEdit, zipcodeOptions, currentZipCodes, isSubmitting}) => {\r\n const [t] = useTranslation()\r\n const [isExternalVisible, setIsExternalVisible] = useState(initialValues.isExternal)\r\n return (\r\n \r\n {({ isValid, setFieldValue, field}) => (\r\n \r\n \r\n { \r\n setIsExternalVisible(checked) \r\n }}\r\n /> \r\n \r\n {t('Sæt som ekstern')}\r\n \r\n \r\n {isExternalVisible && (\r\n <>\r\n \r\n )}\r\n\r\n \r\n )\r\n}\r\n\r\nexport default Form\r\n","import React from 'react'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Box} from 'components'\r\nimport Form from './Form'\r\n\r\nconst initialValues = {\r\n title: '',\r\n logoBase64: null,\r\n url: '',\r\n maxViews: '',\r\n zipCodes: [],\r\n isExternal: false,\r\n}\r\n\r\nconst Create = \"Create\"\r\n\r\nconst CreateModal = ({hide, zipcodeOptions, handleCreateSubmit, isSubmitting}) => {\r\n\r\n const [t] = useTranslation()\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default CreateModal\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Box} from 'components'\r\nimport {getById} from 'sponsors/selectors'\r\nimport Form from './Form'\r\n\r\n\r\nconst Edit = \"Edit\"\r\n\r\nconst EditModal = ({\r\n sponsor,\r\n zipcodeOptions, \r\n currentZipCodes,\r\n handleEditSubmit,\r\n hide,\r\n isSubmitting,\r\n}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n sponsor: getById,\r\n })\r\n)\r\n\r\nexport default enhancer(EditModal)\r\n","import React, {useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Loading, Text, Flex, Box, Button, Dropdown} from 'components'\r\nimport Yup from 'lib/yup'\r\nimport {buyViews} from 'sponsors/actions'\r\n\r\nconst validationSchema = Yup.object({\r\n count: Yup.mixed().required(),\r\n})\r\n\r\nconst initialValues = {\r\n count: null,\r\n}\r\n\r\nconst items = [\r\n {value: null},\r\n {value: 2500, text: 550},\r\n {value: 10000, text: 2000},\r\n {value: 20000, text: 3600},\r\n {value: 50000, text: 8000},\r\n]\r\n\r\nconst BuyViewsForm = ({buyViews, hide}) => {\r\n const [t] = useTranslation()\r\n const handleSubmit = useCallback(\r\n ({count}, {resetForm}) => {\r\n new Promise((resolve, reject) => {\r\n buyViews({resolve, reject, count})\r\n }).then(() => {\r\n resetForm()\r\n hide()\r\n })\r\n },\r\n [buyViews]\r\n )\r\n\r\n return (\r\n \r\n {({isValid, isSubmitting}) => ( \r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {buyViews: buyViews.requested})\r\n\r\nexport default enhancer(BuyViewsForm)\r\n","import React from 'react'\r\nimport {Modal, Box} from 'components'\r\nimport {useTranslation} from 'react-i18next'\r\nimport BuyViewsForm from './BuyViewsForm'\r\n\r\nconst BuyViewsModal = ({\r\n hide,\r\n}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default BuyViewsModal","import React from 'react'\r\nimport {Row, Cell} from 'components/Table'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Text, Button, Image, ButtonWithProtectedAction} from 'components'\r\n\r\n\r\nconst SponsorRow = ({\r\n id,\r\n logo,\r\n title,\r\n url,\r\n shownCount,\r\n maxViews,\r\n zipCodes,\r\n isExternal,\r\n showEditModal,\r\n showEditZipCodesModal,\r\n handleRemove,\r\n}) => {\r\n const [t] = useTranslation()\r\n\r\n return id ? (\r\n <> \r\n \r\n \r\n | \r\n\r\n \r\n {title} \r\n | \r\n\r\n \r\n \r\n {url}\r\n \r\n | \r\n\r\n \r\n \r\n {t(isExternal ? \"Ja\": \"Nej\")}\r\n \r\n | \r\n\r\n showEditZipCodesModal(id)} light bold width={1 / 6} zipCodes={zipCodes}>\r\n \r\n {zipCodes ? zipCodes.length : 0}\r\n \r\n | \r\n\r\n \r\n \r\n {shownCount}\r\n \r\n | \r\n\r\n \r\n \r\n {maxViews}\r\n \r\n | \r\n\r\n \r\n \r\n {handleRemove(id)}}\r\n >\r\n {t('Slet')}\r\n \r\n | \r\n
\r\n \r\n ): null\r\n}\r\n\r\nexport default SponsorRow","import React from 'react'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Flex, Text} from 'components'\r\nimport Table, {Cell, Row} from 'components/Table'\r\nimport SponsorRow from './SponsorRow'\r\n\r\nconst SponsorOverview = ({\r\n sponsors,\r\n zipcodes,\r\n showEditModal,\r\n showEditZipCodesModal,\r\n handleRemove,\r\n}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default SponsorOverview","import React, {useCallback, useState, useEffect} from 'react'\r\nimport {Row, Cell} from 'components/Table'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Text, Button, Switch, Flex} from 'components'\r\n\r\nconst ExemptSponsorViewsRow = ({\r\n id, \r\n memberType,\r\n memberTypeString,\r\n enabled,\r\n shownCount,\r\n maxViews,\r\n handleUpdate,\r\n showEditNoSponsorModal,\r\n}) => {\r\n \r\n\r\n const [t] = useTranslation()\r\n const [isExepmtEnabled, setIsExepmtEnabled] = useState(false)\r\n const onChange = useCallback((e, memberType) => { \r\n const isEnabled = e.target.checked\r\n setIsExepmtEnabled(isEnabled) \r\n handleUpdate({memberType, isEnabled: isEnabled}) \r\n }, [handleUpdate])\r\n\r\n useEffect(() => {\r\n if (enabled !== undefined) {\r\n setIsExepmtEnabled(enabled)\r\n }\r\n }, [enabled])\r\n \r\n return (\r\n <>\r\n \r\n \r\n {enabled !== undefined && (\r\n { onChange(e, memberType)}}\r\n />\r\n )} \r\n | \r\n \r\n \r\n {memberTypeString}\r\n \r\n | \r\n \r\n {id ? (\r\n \r\n {shownCount ? shownCount : 0}\r\n \r\n ) : (\r\n \r\n {shownCount ? shownCount : '-'}\r\n \r\n )} \r\n | \r\n \r\n {id ? (\r\n \r\n {maxViews ? maxViews : 0}\r\n \r\n ) : (\r\n \r\n {maxViews ? maxViews : '-'}\r\n \r\n )} \r\n | \r\n {id && (\r\n <>\r\n \r\n \r\n | \r\n \r\n )} \r\n
\r\n \r\n )\r\n}\r\nexport default ExemptSponsorViewsRow","import React from 'react'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Flex, Text} from 'components'\r\nimport Table, {Cell, Row} from 'components/Table'\r\nimport ExemptSponsorViewsRow from './ExemptSponsorViewsRow'\r\n\r\nconst ExemptSponsorViews = ({\r\n exemptRoles,\r\n handleUpdate,\r\n showEditNoSponsorModal,\r\n}) => {\r\n const [t] = useTranslation()\r\n return (\r\n <> \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default ExemptSponsorViews","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {getById} from 'sponsors/selectors'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Box} from 'components'\r\nimport Form from './Form'\r\n\r\nconst ZipCodesEdit = \"ZipCodesEdit\"\r\n\r\nconst EditZipCodeModal = ({\r\n sponsor,\r\n zipcodeOptions,\r\n currentZipCodes,\r\n hide,\r\n handleEditSubmit,\r\n isSubmitting\r\n}) => {\r\n const [t] = useTranslation()\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n sponsor: getById,\r\n }),\r\n)\r\n\r\nexport default enhancer(EditZipCodeModal)","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Modal, Box} from 'components'\r\nimport {getNoSponsors} from 'sponsors/selectors'\r\nimport Form from './Form'\r\n\r\n\r\nconst NoSponsorEdit = \"NoSponsorEdit\"\r\n\r\nconst EditNoSponsorModal = ({\r\n noSponsor,\r\n handleEditSubmit,\r\n isSubmitting,\r\n hide,\r\n}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n noSponsor: getNoSponsors,\r\n })\r\n)\r\n \r\n export default enhancer(EditNoSponsorModal)","import React, {useMemo, useEffect, useState, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Box, Text, H2, Button} from 'components'\r\nimport {get} from 'lodash'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {getCompanyName} from 'app/selectors'\r\nimport {fetch as fetchSponsors, remove, update, create, fetchExemptionUserRoles, fetchNoSponsor, updateExemptUserRoles} from 'sponsors/actions'\r\nimport {getRemaningViews, getExemptRoles, getSponsorsAsArray, getFormattedExemptRolesArray} from 'sponsors/selectors'\r\nimport {fetchZipcodes} from 'postcodes/actions'\r\nimport {getZipsAsArray} from 'postcodes/selectors'\r\nimport {getActive} from 'clubs/selectors'\r\nimport CreateModal from './CreateModal'\r\nimport EditModal from './EditModal'\r\nimport BuyViewsModal from './BuyViewsModal'\r\nimport SponsorOverview from './SponsorOverview/SponsorOverview'\r\nimport ExemptSponsorViews from './SponsorOverview/ExemptSponsorViews'\r\nimport EditZipCodeModal from './EditZipCodeModal'\r\nimport EditNoSponsorModal from './EditNoSponsorModal'\r\n\r\nconst Sponsor = ({\r\n companyName,\r\n sponsors,\r\n exemptList,\r\n zipcodes,\r\n fetchSponsors,\r\n fetchNoSponsor,\r\n fetchZipcodes, \r\n fetchExemptionUserRoles, \r\n club,\r\n remaningViews,\r\n create,\r\n update,\r\n updateExemptUserRoles,\r\n remove,\r\n}) => {\r\n const [t] = useTranslation()\r\n const isReady = useMemo(() => !!club, [club]) \r\n useEffect(() => {\r\n if (isReady) {\r\n fetchSponsors() \r\n fetchZipcodes()\r\n fetchNoSponsor()\r\n fetchExemptionUserRoles() \r\n }\r\n }, [isReady, fetchSponsors, \r\n fetchZipcodes, fetchExemptionUserRoles, fetchNoSponsor, \r\n updateExemptUserRoles, handleCreateSubmit, \r\n handleEditSubmit, handleUpdateSubmit, reRenderMe, club]) \r\n \r\n const [createModalVisible, _showCreateModal, hideCreateModal] = useToggle()\r\n const [editId, setEditId] = useState(null)\r\n const [isSubmitting, setIsSubmitting] = useState(false)\r\n const [editModalVisible, _showEditModal, _hideEditModal] = useToggle() \r\n const [editZipCodesModalVisible, _showEditZipCodesModal, _hideEditZipCodesModal] = useToggle()\r\n const [editNoSponsorModalVisible, _showEditNoSponsorModal, _hideEditNoSponsorModal] = useToggle()\r\n const [buyViewsModalVisible, showBuyViewsModal, hideBuyViewsModal] = useToggle()\r\n const [zipcodeOptions, setZipcodeOptions] = useState([])\r\n const [currentZipCodes, setCurrentZipCodes] = useState([])\r\n const [reRenderMe, setReRenderMe] = useState(false)\r\n \r\n const formatCurrentZipCodes = (id) => {\r\n if (id) {\r\n sponsors.filter((sponsor) => sponsor.id === id)\r\n .map((sponsor) => ( \r\n sponsor.zipCodes.forEach((item) => {\r\n setCurrentZipCodes(setCurrentZipCodes => [...setCurrentZipCodes, {label: item, value: item}]) \r\n })\r\n ))\r\n }\r\n }\r\n\r\n const formatOptionsZipCodes = () => {\r\n zipcodes.forEach((item) => {\r\n setZipcodeOptions(setZipcodeOptions => [...setZipcodeOptions, {label: item, value: item}]);\r\n })\r\n }\r\n\r\n const showCreateModal = useCallback(() => { \r\n formatOptionsZipCodes()\r\n _showCreateModal()\r\n }, [_showCreateModal, formatOptionsZipCodes])\r\n\r\n const showEditModal = useCallback((id) => {\r\n setEditId(id)\r\n formatCurrentZipCodes(id)\r\n formatOptionsZipCodes() \r\n _showEditModal() \r\n }, [setEditId, _showEditModal, formatCurrentZipCodes, formatOptionsZipCodes])\r\n\r\n const hideEditModal = useCallback(() => {\r\n setEditId() \r\n setCurrentZipCodes([]) \r\n _hideEditModal()\r\n get(sponsors)\r\n }, [setEditId, _hideEditModal, setCurrentZipCodes])\r\n\r\n const showEditZipCodesModal = useCallback((id) => {\r\n setEditId(id)\r\n formatCurrentZipCodes(id)\r\n formatOptionsZipCodes() \r\n _showEditZipCodesModal()\r\n }, [_showEditZipCodesModal, formatCurrentZipCodes, formatOptionsZipCodes])\r\n\r\n const hideEditZipCodesModal = useCallback(() => {\r\n setEditId() \r\n setCurrentZipCodes([])\r\n _hideEditZipCodesModal()\r\n }, [setEditId, setCurrentZipCodes, _hideEditZipCodesModal])\r\n\r\n const showEditNoSponsorModal = useCallback((id) => {\r\n setEditId(id)\r\n formatCurrentZipCodes(id)\r\n formatOptionsZipCodes() \r\n _showEditNoSponsorModal()\r\n }, [setEditId, _showEditNoSponsorModal, formatCurrentZipCodes, formatOptionsZipCodes])\r\n\r\n const hideEditNoSponsorModal = useCallback(() => {\r\n setEditId(null)\r\n setCurrentZipCodes([])\r\n _hideEditNoSponsorModal()\r\n get(exemptList)\r\n }, [setEditId, _hideEditNoSponsorModal,setCurrentZipCodes])\r\n\r\n const handleRemove = useCallback(\r\n (id) => {\r\n remove(id)\r\n }, [remove])\r\n\r\n const handleCreateSubmit = useCallback(\r\n (...values) => {\r\n if (values[0].zipCodes != null) {\r\n let oldZipCodes = values[0].zipCodes;\r\n values[0].zipCodes = [];\r\n for (const item of oldZipCodes) {\r\n values[0].zipCodes.push(item.value) \r\n } \r\n } \r\n setIsSubmitting(true),\r\n new Promise((resolve, reject) => {\r\n create({resolve, reject, ...values[0]})\r\n }).then(() =>{\r\n fetchSponsors()\r\n setIsSubmitting(false)\r\n hideCreateModal()\r\n })}, [create])\r\n\r\n const handleEditSubmit = useCallback(\r\n ({logo,formId, ...values}) => {\r\n if (values.zipCodes != null) {\r\n let oldZipCodes = values.zipCodes;\r\n values.zipCodes = [];\r\n for (const item of oldZipCodes) {\r\n values.zipCodes.push(item.value) \r\n } \r\n }\r\n // const formId = values.formId\r\n \r\n new Promise((resolve, reject) => {\r\n update({resolve, reject, ...values})\r\n }).then(()=> { \r\n fetchSponsors()\r\n fetchNoSponsor()\r\n fetchExemptionUserRoles()\r\n setIsSubmitting(false)\r\n if (formId === \"Edit\") {\r\n hideEditModal() \r\n }\r\n if (formId === \"ZipCodesEdit\") {\r\n hideEditZipCodesModal()\r\n }\r\n if (formId === \"NoSponsorEdit\") {\r\n hideEditNoSponsorModal()\r\n } \r\n })\r\n }, [update])\r\n\r\n const handleUpdateSubmit = useCallback( \r\n ({...values}) => { \r\n new Promise((resolve, reject) => {\r\n updateExemptUserRoles({resolve, reject, ...values})\r\n setReRenderMe(!reRenderMe)\r\n })\r\n }, [updateExemptUserRoles, reRenderMe])\r\n\r\n return (\r\n <> \r\n {t('settingsSponsorFirstText', {companyName})} \r\n {t('settingsSponsorSecondText', {companyName})} \r\n \r\n \r\n \r\n {t('Samlet antal sponsorvisninger tilbage')}:{' '}\r\n {remaningViews}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n club: getActive,\r\n remaningViews: getRemaningViews,\r\n sponsors: getSponsorsAsArray,\r\n zipcodes: getZipsAsArray,\r\n exemptRoles: getExemptRoles,\r\n exemptList: getFormattedExemptRolesArray,\r\n }), \r\n {\r\n fetchSponsors: fetchSponsors.requested, \r\n fetchNoSponsor: fetchNoSponsor.requested,\r\n fetchZipcodes: fetchZipcodes.requested,\r\n fetchExemptionUserRoles: fetchExemptionUserRoles.requested,\r\n remove: remove.requested,\r\n update: update.requested,\r\n create: create.requested,\r\n updateExemptUserRoles: updateExemptUserRoles.requested,\r\n }\r\n)\r\nexport default enhancer(Sponsor)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Text} from 'components'\r\nimport {getCompanyName, getTldEmail} from 'app/selectors'\r\n\r\nconst Ambassador = ({companyName, email}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n <>\r\n {t('ambassadorTextOne', {companyName})} \r\n {t('ambassadorTextTwo', {email})} \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n email: getTldEmail,\r\n })\r\n)\r\n\r\nexport default enhancer(Ambassador)\r\n","import React, {useCallback, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {useTranslation, Trans} from 'react-i18next'\r\nimport {Text, Flex, Button, Box, H1, DialogueModal} from 'components'\r\nimport {createOnlimeAccount} from 'clubs/actions'\r\nimport { getEmail } from 'user'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {createStructuredSelector} from 'reselect'\r\n\r\nconst Onlime = ({createOnlimeAccount, email}) => {\r\n const [isLoading, setIsLoading] = useState(false)\r\n const [isOnlimeSuccess, setIsOnlimeSuccess] = useState(false)\r\n const [dialogModalVisible, showDialogModal, hideDialogModal] = useToggle()\r\n const handleClick = useCallback(() => {\r\n setIsLoading(true)\r\n\r\n new Promise((resolve, reject) => {\r\n setIsOnlimeSuccess(false)\r\n createOnlimeAccount({resolve, reject})\r\n showDialogModal(true)\r\n }).then((response) => {\r\n if (response.status != null && response.status == false) {\r\n showDialogModal(false)\r\n } else {\r\n setIsOnlimeSuccess(true)\r\n showDialogModal(true)\r\n }\r\n\r\n setIsLoading(false)\r\n })\r\n }, [createOnlimeAccount, setIsLoading])\r\n\r\n const handleClickReadMore = useCallback(() => {\r\n setIsLoading(true)\r\n\r\n new Promise((resolve, reject) => {\r\n window.open('https://onlime.dk/kundecenter/om-onlime/')\r\n }).then(() => {\r\n setIsLoading(false)\r\n })\r\n }, [setIsLoading])\r\n\r\n const [t] = useTranslation()\r\n\r\n return (\r\n <>\r\n \r\n \r\n Sammen med Onlime.dk giver vi din forening{' '}\r\n 5 GB plads i skyen gratis.\r\n \r\n \r\n {t('onlimeDescription')} \r\n {t('onlimeEpilogue')} \r\n \r\n \r\n \r\n \r\n {dialogModalVisible && (\r\n \r\n {isOnlimeSuccess ? (\r\n \r\n {\r\n t('onlimeSuccess',\r\n {\r\n email: email\r\n })\r\n }\r\n \r\n ) : (\r\n \r\n {\r\n t('onlimeFail',\r\n {\r\n email: email\r\n })\r\n }\r\n \r\n )}\r\n \r\n )} \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(createStructuredSelector({\r\n email: getEmail\r\n}), {\r\n createOnlimeAccount: createOnlimeAccount.requested,\r\n})\r\n\r\nexport default enhancer(Onlime)\r\n","import React, {useMemo} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Redirect, Route, Switch} from 'react-router-dom'\r\nimport {compose} from 'recompose'\r\nimport {Helmet} from 'react-helmet'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {getActive} from 'clubs/selectors'\r\nimport {getCompanyName} from 'app/selectors'\r\nimport {Flex, Box, Image, H1} from 'components'\r\nimport {\r\n Settings as SettingsIcon,\r\n Integrations as IntegrationsIcon,\r\n Payment as PaymentIcon,\r\n Association as AssociationIcon,\r\n People as PeopleIcon,\r\n} from 'components/icons'\r\nimport {withAuthenticationRequirement} from 'lib/hoc'\r\nimport Tabs from './Tabs'\r\nimport General from './General'\r\nimport Integrations from './Integrations'\r\nimport PaymentMethods from './PaymentMethods'\r\nimport Sponsor from './Sponsor'\r\nimport Ambassador from './Ambassador'\r\nimport Onlime from './Onlime'\r\nimport countryCodes from 'lib/countryCodes'\r\nimport { useFeature } from \"@growthbook/growthbook-react\";\r\nimport { module_sponsor, module_onlime, module_payment, module_ambassador, module_integrations } from 'globalModuleNames';\r\n\r\nconst Settings = ({club, match: {path}, companyName}) => {\r\n const [t] = useTranslation()\r\n\r\n const tabs = useMemo(\r\n () => { \r\n let routes = [\r\n {\r\n id: 'general',\r\n name: t('Indstillinger'),\r\n icon: SettingsIcon,\r\n }\r\n ];\r\n\r\n if (useFeature(module_integrations).on && club?.countryCode === countryCodes.da) {\r\n routes.push({\r\n id: 'integrations',\r\n name: t('Integrationer'),\r\n icon: IntegrationsIcon,\r\n })\r\n }\r\n\r\n if (useFeature(module_sponsor).on) {\r\n routes.push({\r\n id: 'sponsor',\r\n name: t('Sponsor'),\r\n icon: AssociationIcon,\r\n })\r\n }\r\n\r\n if (useFeature(module_payment).on) {\r\n routes.push(\r\n {id: 'paymentmethods',\r\n name: t('Betalingsmetoder'),\r\n icon: PaymentIcon,\r\n })\r\n }\r\n\r\n if (useFeature(module_ambassador).on) {\r\n routes.push({\r\n id: 'ambassador',\r\n name: t('Ambassadør'),\r\n icon: PeopleIcon,\r\n })\r\n }\r\n\r\n \r\n if (useFeature(module_onlime).on) {\r\n routes.push({id: 'onlime', name: t('Gem filer i skyen')})\r\n }\r\n\r\n \r\n\r\n return routes;\r\n },\r\n [t, club]\r\n )\r\n\r\n return (\r\n <>\r\n \r\n {t('Indstillinger | {{companyName}}', {companyName})} \r\n \r\n\r\n \r\n {club && (\r\n <>\r\n {club.imageUrl && (\r\n \r\n \r\n \r\n )}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\nSettings.defaultProps = {\r\n initialTab: 'generel',\r\n club: {\r\n countryCode: '',\r\n },\r\n}\r\n\r\nconst enhancer = compose(\r\n withAuthenticationRequirement,\r\n connect(\r\n createStructuredSelector({\r\n companyName: getCompanyName,\r\n club: getActive,\r\n })\r\n )\r\n)\r\n\r\nexport default enhancer(Settings)\r\n","import React, {useEffect} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Flow} from 'user/signup/components'\r\nimport {Flex} from 'components'\r\nimport {logout} from 'authentication'\r\n\r\nconst Signup = ({logout, whiteLabelData}) => {\r\n useEffect(() => {\r\n logout()\r\n // eslint-disable-next-line\r\n }, [])\r\n console.log('test')\r\n return (\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(null, {logout})\r\n\r\nexport default enhancer(Signup)\r\n","import React, {Suspense, useEffect, useState, lazy} from 'react'\r\nimport styled from 'styled-components'\r\nimport {includes} from 'lodash'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Redirect, Switch, Route} from 'react-router-dom'\r\nimport Content from './Content'\r\nimport Sidebar from './Sidebar'\r\nimport Directions from 'Directions'\r\nimport Members from 'members/components/Members'\r\nimport LandingPageForSubscription from 'payments/components/LandingPage'\r\nimport SuccessPageForSubscription from 'payments/components/SubscriptionSuccessPage'\r\nimport CancelPageForSubscription from 'payments/components/SubscriptionCancelPage'\r\nimport {Messages} from 'messages/components'\r\nimport Activities from 'activities/components/Activities'\r\nimport Download from 'app/components/Download'\r\nimport isPhone from 'lib/isPhone'\r\nimport {getHasClubs, getActive, getIsFetching} from 'clubs/selectors'\r\nimport {getIsFetching as getIsFetchingGroups} from 'groups/selectors'\r\nimport {getReady, getAuthenticated, getSponsor} from 'authentication'\r\nimport getGrowthbookUrl from 'jsonFetches/getGrowthbookUrl'\r\nimport {getIsMember} from 'user'\r\nimport Sponsor from './Sponsor'\r\nimport {\r\n Login,\r\n ForgotPassword,\r\n Logout,\r\n ResetPassword,\r\n Payments,\r\n CreateUser,\r\n Onboarding,\r\n Overview,\r\n CreateClub,\r\n Settings,\r\n Signup,\r\n} from 'scenes'\r\nimport { module_sponsor, module_dashboard } from 'globalModuleNames';\r\nimport { useFeature } from \"@growthbook/growthbook-react\";\r\nimport StatePool from 'state-pool';\r\nimport { createStore } from 'state-pool';\r\n\r\nconst MemberPerspective = lazy(() =>\r\n import('memberPerspective/components/MemberPerspective')\r\n)\r\n\r\nconst MemberChat = lazy(() =>\r\n import('memberPerspective/components/MemberChat')\r\n)\r\n\r\nconst Container = styled.div`\r\n font-family: ${(props) => props.theme.fontStack};\r\n`\r\nexport const globalState = createStore();\r\n\r\nconst App = ({\r\n authenticated,\r\n ready,\r\n hasClubs,\r\n sponsor: {show, path},\r\n location: {pathname},\r\n isMember,\r\n activeClub,\r\n growthbook,\r\n isFetchingClubs,\r\n isFetchingGroups\r\n}) => {\r\n\r\n const [FEATURES_ENDPOINT, setFEATURESENDPOINT] = useState('')\r\n const [featuresReady, setFeaturesReady] = useState(false);\r\n\r\n const [prevPathname, setPrevPathname] = useState(null)\r\n const [apiMyOrgUrl, setApiMyOrgUrl] = useState(null)\r\n const [data, setData] = useState(null)\r\n\r\n // this is used for \"Growthbook\" to work when changing club\r\n if (activeClub == null) {\r\n activeClub = []\r\n activeClub.id = 0;\r\n }\r\n\r\n useEffect(() => {\r\n if (!data) {\r\n fetch('/paths/paths.json')\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setData(data);\r\n globalState.setState('apiMyOrgUrl', data.appSettings.apiMyOrgUrl);\r\n globalState.setState('domainSettings', data.domainSettings);\r\n setApiMyOrgUrl(data.appSettings.apiMyOrgUrl);\r\n });\r\n }\r\n\r\n if (!FEATURES_ENDPOINT && featuresReady === false) {\r\n getGrowthbookUrl().then(url => {\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((json) => {\r\n growthbook.setFeatures(json.features);\r\n setFEATURESENDPOINT(url)\r\n setFeaturesReady(true)\r\n });\r\n });\r\n }\r\n\r\n if (prevPathname !== pathname) {\r\n window.scrollTo(0, 0)\r\n }\r\n\r\n if (prevPathname) setPrevPathname(pathname)\r\n\r\n if (activeClub) {\r\n growthbook.setAttributes({\r\n company: activeClub.id,\r\n });\r\n }\r\n\r\n }, [data, prevPathname, ready, apiMyOrgUrl, pathname, activeClub.id, featuresReady])\r\n\r\n if (featuresReady && apiMyOrgUrl && isPhone && !includes(pathname, 'invitation') && !includes(pathname, 'subscription')) {\r\n return \r\n }\r\n\r\n if (featuresReady && apiMyOrgUrl && useFeature(module_sponsor).on) {\r\n if (show) {\r\n return \r\n {authenticated && hasClubs && }\r\n \r\n Loading ...}>\r\n \r\n } />\r\n } />\r\n } />\r\n \r\n } />\r\n \r\n )}\r\n\r\n } />\r\n \r\n \r\n \r\n \r\n ) : null\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n authenticated: getAuthenticated,\r\n sponsor: getSponsor,\r\n hasClubs: getHasClubs,\r\n isFetchingClubs: getIsFetching,\r\n isFetchingGroups: getIsFetchingGroups,\r\n ready: getReady,\r\n isMember: getIsMember,\r\n activeClub: getActive,\r\n })\r\n)\r\n\r\nexport default enhancer(App)\r\n","import {connect} from 'react-redux'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {branch, renderComponent, withProps, compose} from 'recompose'\r\nimport {getToken} from 'authentication/selectors'\r\n\r\nconst mapStateToProps = (state) => ({\r\n token: getToken(state),\r\n})\r\n\r\nconst withAuthenticationRequirement = compose(\r\n connect(mapStateToProps),\r\n branch(\r\n ({token}) => !token,\r\n renderComponent(\r\n withProps({\r\n to: '/login',\r\n })(Redirect)\r\n )\r\n )\r\n)\r\n\r\nexport default withAuthenticationRequirement\r\n","import {connect} from 'react-redux'\r\nimport {branch, compose, withProps, renderComponent} from 'recompose'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {getClubs} from 'clubs/selectors'\r\nimport isEmpty from 'lodash/isEmpty'\r\n\r\nconst mapStateToProps = (state) => ({\r\n clubs: getClubs(state),\r\n})\r\n\r\nconst withOnboardingRestriction = compose(\r\n connect(mapStateToProps),\r\n branch(\r\n ({clubs}) => isEmpty(clubs),\r\n renderComponent(\r\n withProps({\r\n to: '/overview',\r\n })(Redirect)\r\n )\r\n )\r\n)\r\n\r\nexport default withOnboardingRestriction\r\n","import { withRouter } from 'react-router-dom'\r\nimport { compose, withProps } from 'recompose'\r\nimport qs from 'qs'\r\n\r\nconst withRouterParams = compose(\r\n withRouter,\r\n withProps(({ location: { search } }) => ({\r\n params: qs.parse(search, { ignoreQueryPrefix: true }),\r\n }))\r\n)\r\n\r\nexport default withRouterParams\r\n","import { withStateHandlers } from 'recompose'\r\n\r\nconst capitalize = str => str.charAt(0).toUpperCase() + str.slice(1)\r\n\r\nconst withToggle = (name, visible = false) => {\r\n const names = typeof name === 'string' ? [name] : name\r\n\r\n const {\r\n state,\r\n handlers,\r\n } = names.reduce((acc, name) => {\r\n const field = `${name}Visible`\r\n const capitalized = capitalize(name)\r\n\r\n return {\r\n state: {\r\n ...acc.state,\r\n [field]: visible,\r\n },\r\n handlers: {\r\n ...acc.handlers,\r\n [`show${capitalized}`]: () => () => ({\r\n [field]: true,\r\n }),\r\n [`hide${capitalized}`]: () => () => ({\r\n [field]: false,\r\n }),\r\n [`toggle${capitalized}`]: ({ [field]: prev }) => () => ({\r\n [field]: !prev,\r\n }),\r\n },\r\n }\r\n }, {})\r\n\r\n return withStateHandlers(state, handlers)\r\n}\r\n\r\nexport default withToggle\r\n","import { withState, compose, lifecycle, withHandlers } from 'recompose'\r\nimport { includes } from 'lodash'\r\n\r\nconst withSearch = ({ collectionProp, params }) => {\r\n const searched = `${collectionProp}Searched`\r\n\r\n return compose(\r\n withState(\r\n searched,\r\n 'setSearched',\r\n ({ [collectionProp]: collection }) => collection\r\n ),\r\n lifecycle({\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps[collectionProp] !== this.props[collectionProp]) {\r\n this.setState({\r\n [collectionProp]: nextProps[collectionProp],\r\n })\r\n\r\n this.props.setSearched(nextProps[collectionProp])\r\n }\r\n },\r\n }),\r\n withHandlers({\r\n query: ({\r\n [searched]: cs,\r\n [collectionProp]: collection,\r\n setSearched,\r\n }) => ({ target: { value } }) => {\r\n const terms = value\r\n .split(' ')\r\n .map(term => term.toLowerCase())\r\n .filter(term => term !== '')\r\n\r\n const searchedCollection =\r\n terms.length > 0\r\n ? collection.filter(entity =>\r\n terms.some(term =>\r\n params.some(param =>\r\n includes(`${entity[param]}`.toLowerCase(), term)\r\n )\r\n )\r\n )\r\n : collection\r\n\r\n setSearched(searchedCollection)\r\n },\r\n })\r\n )\r\n}\r\n\r\nexport default withSearch\r\n","import camelCase from 'camelcase'\r\nimport keys from 'lodash/keys'\r\n\r\nconst transform = (obj) =>\r\n keys(obj).reduce((acc, key) => {\r\n acc[camelCase(key)] = camelCaseKeys(obj[key])\r\n\r\n return acc\r\n }, {})\r\n\r\nconst camelCaseKeys = (input) => {\r\n if (!input) {\r\n return input\r\n } else if (input.constructor === Array) {\r\n return input.map((entry) => camelCaseKeys(entry))\r\n } else if (input.constructor === Object) {\r\n return transform(input)\r\n } else {\r\n return input\r\n }\r\n}\r\n\r\nexport default camelCaseKeys\r\n","import {schema} from 'normalizr'\r\nimport {omit} from 'lodash'\r\nimport {parse} from 'date-fns'\r\n\r\nexport const comment = new schema.Entity(\r\n 'comments',\r\n {},\r\n {\r\n idAttribute: 'activityCommentId',\r\n processStrategy: (entity) => ({\r\n ...omit(entity, ['activityCommentId']),\r\n id: entity.activityCommentId,\r\n }),\r\n }\r\n)\r\n\r\nexport const activity = new schema.Entity(\r\n 'activities',\r\n {\r\n comments: [comment],\r\n },\r\n {\r\n idAttribute: 'activityId',\r\n processStrategy: ({start, end, deadline, ...entity}) => ({\r\n ...omit(entity, ['activityId']),\r\n id: entity.activityId,\r\n start: start ? parse(start) : undefined,\r\n end: end ? parse(end) : undefined,\r\n deadline: deadline ? parse(deadline) : undefined,\r\n }),\r\n }\r\n)\r\n\r\nexport const importActivity = new schema.Entity(\r\n 'importActivities',\r\n {},\r\n {\r\n idAttribute: 'referenceId',\r\n }\r\n)\r\n","import {createActions} from 'redux-actions'\r\nimport {activity, importActivity, comment} from './schemas'\r\nimport {group as groupSchema} from 'groups/schemas'\r\nimport {normalize} from 'normalizr'\r\n\r\nexport const {\r\n fetch,\r\n create,\r\n reset,\r\n imagesUploadSucceeded,\r\n addComment,\r\n inviteParticipantsSucceeded,\r\n remove,\r\n upload,\r\n edit,\r\n removeImage,\r\n inviteGroupsSucceeded,\r\n fetchGroups,\r\n fetchStatistics,\r\n} = createActions(\r\n {\r\n FETCH: {\r\n REQUESTED: (\r\n {limit = 30, archived = false, all = false} = {\r\n limit: 30,\r\n archived: false,\r\n all: false,\r\n }\r\n ) => ({\r\n all,\r\n limit,\r\n archived,\r\n }),\r\n FAILED: undefined,\r\n SUCCEEDED: ({activities, archived, totalCount}) => ({\r\n ...normalize(activities, [activity]),\r\n archived,\r\n totalCount,\r\n }),\r\n },\r\n RESET: () => undefined,\r\n CREATE: {\r\n REQUESTED: [\r\n ({values}) => values,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: (p) => normalize(p, activity),\r\n },\r\n IMAGES_UPLOAD_SUCCEEDED: ({id, paths}) => ({id, paths}),\r\n INVITE_PARTICIPANTS_SUCCEEDED: undefined,\r\n INVITE_GROUPS_SUCCEEDED: undefined,\r\n REMOVE: {\r\n REQUESTED: [\r\n ({id, removeAll, message, archived}) => ({\r\n id,\r\n removeAll,\r\n message,\r\n archived,\r\n }),\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n UPLOAD: {\r\n REQUESTED: [({file}) => file, ({resolve, reject}) => ({resolve, reject})],\r\n FAILED: undefined,\r\n SUCCEEDED: (p) => normalize(p, [importActivity]),\r\n COMPLETE: (p) => normalize(p, [activity]),\r\n CHANGE_TYPE: undefined,\r\n CONFIRM: [() => undefined, ({resolve, reject}) => ({resolve, reject})],\r\n },\r\n EDIT: {\r\n REQUESTED: [\r\n ({resolve, reject, values}) => values,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: [\r\n ({values}) => normalize(values, activity),\r\n ({recurring}) => ({recurring}),\r\n ],\r\n },\r\n ADD_COMMENT: {\r\n REQUESTED: [\r\n ({id, comment}) => ({id, comment}),\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: ({id, comments}) => ({\r\n id,\r\n comments: normalize(comments, [comment]),\r\n }),\r\n },\r\n REMOVE_IMAGE: {\r\n REQUESTED: ({id, url}) => ({id, url}),\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n FETCH_GROUPS: {\r\n REQUESTED: undefined,\r\n FAILED: undefined,\r\n SUCCEEDED: ({id, response}) => ({\r\n id,\r\n ...normalize(response, [groupSchema]),\r\n }),\r\n },\r\n FETCH_STATISTICS: {\r\n REQUESTED: [\r\n ({resolve, reject, ...rest}) => rest,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n },\r\n {prefix: 'activities'}\r\n)\r\n","import {\r\n all,\r\n take,\r\n put,\r\n fork,\r\n select,\r\n call,\r\n delay,\r\n takeEvery,\r\n} from 'redux-saga/effects'\r\nimport * as actions from './actions'\r\nimport {apiRequest} from 'app/sagas'\r\nimport {getToken} from './selectors'\r\nimport {getUser} from 'user/selectors'\r\nimport {fetchChildren} from 'user/actions'\r\nimport {fetch as fetchClubs} from 'clubs/actions'\r\nimport {removeCurrentClubFromLocalStorage} from 'clubs/sagas'\r\n\r\nconst MF_USER = 'mf-user'\r\n\r\nfunction* login() {\r\n \r\n while (true) {\r\n const userFromLocalStorage = yield call(getUserFromLocalStorage)\r\n if (userFromLocalStorage) {\r\n yield put(actions.recoverFromLocalStorage(userFromLocalStorage))\r\n yield put(fetchClubs.requested())\r\n yield put(fetchChildren.requested())\r\n }\r\n yield put(actions.setReady(true))\r\n const {\r\n payload: {email, password},\r\n meta: {resolve, reject},\r\n } = yield take(actions.authenticate.requested)\r\n let newEmail = null;\r\n if (email) newEmail = email.trim();\r\n try {\r\n const response = yield call(apiRequest, '/login/plain', {\r\n method: 'post',\r\n body: {email: newEmail, password},\r\n })\r\n yield put(actions.sponsor.show())\r\n yield put(actions.authenticate.succeeded(response))\r\n yield call(sponsor)\r\n yield fork(saveUserToLocalStorage)\r\n yield put(fetchClubs.requested())\r\n yield put(fetchChildren.requested()) \r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.authenticate.failed(error))\r\n yield call(reject, error.message)\r\n }\r\n }\r\n}\r\n\r\n\r\n// export function* loginExternal({\r\n// payload: {token},\r\n// meta: {resolve, reject},\r\n// }) {\r\n// console.log('hej')\r\n// const userFromLocalStorage = yield call(getUserFromLocalStorage)\r\n// if (userFromLocalStorage) {\r\n// yield put(actions.recoverFromLocalStorage(userFromLocalStorage))\r\n// yield put(fetchClubs.requested())\r\n// yield put(fetchChildren.requested())\r\n// }\r\n// yield put(actions.setReady(true))\r\n\r\n\r\n// try {\r\n// const response = yield call(apiRequest, 'v4/login/external', {\r\n// method: 'post',\r\n// body: {provider: 'microsoft', token: token},\r\n// }) \r\n// yield put(actions.sponsor.show())\r\n// yield put(actions.authenticate.succeeded(response))\r\n// yield call(sponsor)\r\n// yield fork(saveUserToLocalStorage)\r\n// yield put(fetchClubs.requested())\r\n// yield put(fetchChildren.requested()) \r\n// yield call(resolve)\r\n// } catch (error) {\r\n// yield put(actions.authenticate.failed(error))\r\n// yield call(reject, error.message)\r\n// }\r\n \r\n// }\r\n\r\nfunction* sponsor() {\r\n try {\r\n const response = yield call(apiRequest, `/sponsors/Show`, {\r\n method: 'post',\r\n version: \"v4\", \r\n })\r\n if (response != false) {\r\n yield fork(displaySponsor, response.bannerUrl)\r\n } else{\r\n yield delay(500)\r\n yield put(actions.sponsor.hide())\r\n } \r\n } catch {\r\n yield delay(500)\r\n yield put(actions.sponsor.hide())\r\n }\r\n}\r\n\r\nfunction* displaySponsor(path) {\r\n yield put(actions.sponsor.setPath(path))\r\n yield delay(2000)\r\n yield put(actions.sponsor.hide())\r\n}\r\n\r\nfunction* logout() {\r\n while (true) {\r\n yield take(actions.logout)\r\n yield all([\r\n call(removeUserFromLocalStorage),\r\n call(removeCurrentClubFromLocalStorage),\r\n ])\r\n }\r\n}\r\n\r\nfunction* watchSaveUserToLocalStorage() {\r\n yield takeEvery(actions.saveToLocalStorage, saveUserToLocalStorage)\r\n}\r\n\r\nfunction* saveUserToLocalStorage() {\r\n const user = yield select(getUser)\r\n const token = yield select(getToken)\r\n const json = yield call([JSON, 'stringify'], {...user, token})\r\n\r\n yield call([localStorage, 'setItem'], MF_USER, json)\r\n}\r\n\r\nfunction* getUserFromLocalStorage() {\r\n const json = yield call([localStorage, 'getItem'], MF_USER)\r\n const user = yield call([JSON, 'parse'], json)\r\n\r\n return user\r\n}\r\n\r\nfunction* removeUserFromLocalStorage() {\r\n yield call([localStorage, 'removeItem'], MF_USER)\r\n}\r\n\r\nfunction* watchForgotPassword() {\r\n yield takeEvery(actions.forgotPassword.requested, forgotPassword)\r\n}\r\n\r\nfunction* forgotPassword({payload: email, meta: {resolve, reject}}) {\r\n try {\r\n const response = yield call(apiRequest, '/login/forgotPassword', {\r\n method: 'post',\r\n body: {email},\r\n })\r\n\r\n yield put(actions.forgotPassword.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.forgotPassword.failed(error.message))\r\n yield call(reject, error.message)\r\n }\r\n}\r\n\r\nexport default [login, logout, watchForgotPassword, watchSaveUserToLocalStorage]\r\n","import React from 'react'\r\nimport {withTheme} from 'styled-components'\r\nimport ReactIconBase from 'react-icon-base'\r\n\r\nconst IconBase = ({theme, fill, children, innerRef, ...rest}) => (\r\n \r\n {children}\r\n \r\n)\r\n\r\nexport default withTheme(IconBase)\r\n","const theme = {\r\n colors: {\r\n black: '#555',\r\n white: '#FDFDFD',\r\n primary: '#86C7E3',\r\n primaryLight: '#D2E9F4',\r\n facebook: '#3b5998',\r\n secondary: '#8395AB',\r\n secondaryLight: '#F6F6F6',\r\n inactive: '#EDEFF2',\r\n input: '#BFC8D3',\r\n danger: '#DD9295',\r\n warning: '#E1B487',\r\n purple: '#A094E5',\r\n success: '#B1E498',\r\n },\r\n sidebarWidth: '275px',\r\n fontStack: '\"Roboto\", \"Helvetica Neue\", sans-serif',\r\n}\r\n\r\nexport default theme\r\n","import {createActions} from 'redux-actions'\r\nimport {noop} from 'lodash'\r\nimport {normalize} from 'normalizr'\r\nimport {group} from './schemas'\r\nimport {partitionMemberIds} from 'members'\r\n\r\nexport const {\r\n fetch,\r\n selectGroup,\r\n addMember,\r\n remove,\r\n edit,\r\n setActive,\r\n create,\r\n addMembers,\r\n removeMembers,\r\n moveMembers,\r\n addMembersToGroups,\r\n removeMembersFromGroups,\r\n moveMembersBetweenGroups,\r\n fetchStatistics,\r\n exportGroup,\r\n exportTasksself,\r\n exportActivities,\r\n exportMemberactivities,\r\n exportGroupActivities,\r\n exportMemberTasks\r\n} = createActions(\r\n {\r\n FETCH: {\r\n REQUESTED: undefined,\r\n FAILED: undefined,\r\n SUCCEEDED: (p) => normalize(p, [group]),\r\n },\r\n\r\n SELECT_GROUP: undefined,\r\n ADD_MEMBER: undefined,\r\n \r\n REMOVE: {\r\n REQUESTED: [({id}) => id, ({resolve, reject}) => ({resolve, reject})],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n\r\n EDIT: {\r\n REQUESTED: [\r\n ({id, title, maxUsers, open, hiddenForClubMembers, hiddenForClubLeaders}) => ({id, title, maxUsers, open, hiddenForClubMembers, hiddenForClubLeaders}),({resolve, reject}) => ({resolve, reject})],\r\n FAILED: undefined,\r\n SUCCEEDED: ({id, title, maxUsers}) => ({id, title, maxUsers}),\r\n },\r\n\r\n CREATE: {\r\n REQUESTED: [\r\n ({values: {name, parentUserGroupId, subGroups}}) => ({\r\n name,\r\n parentUserGroupId,\r\n subGroups,\r\n }),\r\n ({resolve = noop, reject = noop}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: (p) => normalize(p, group),\r\n },\r\n\r\n SET_ACTIVE: undefined,\r\n\r\n ADD_MEMBERS: {\r\n REQUESTED: [\r\n ({group, ids}) => ({group, ids}),\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n\r\n REMOVE_MEMBERS: {\r\n REQUESTED: [\r\n ({id, memberIds}) => ({id, memberIds}),\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n\r\n MOVE_MEMBERS: {\r\n REQUESTED: [\r\n ({resolve, reject, ...params}) => params,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n\r\n ADD_MEMBERS_TO_GROUPS: {\r\n REQUESTED: [\r\n ({members, groups, leader}) => ({\r\n groups,\r\n leader,\r\n ...partitionMemberIds(members),\r\n }),\r\n ({resolve = noop, reject}) => ({resolve, reject}),\r\n ],\r\n SUCCEEDED: undefined,\r\n },\r\n\r\n REMOVE_MEMBERS_FROM_GROUPS: {\r\n REQUESTED: [\r\n ({members, groups}) => ({\r\n groups,\r\n ...partitionMemberIds(members),\r\n }),\r\n ({resolve = noop}) => ({resolve}),\r\n ],\r\n SUCCEEDED: undefined,\r\n },\r\n\r\n MOVE_MEMBERS_BETWEEN_GROUPS: {\r\n REQUESTED: [\r\n ({members, from, to}) => ({\r\n to,\r\n from,\r\n members,\r\n }),\r\n ({resolve}) => ({resolve}),\r\n ],\r\n SUCCEEDED: undefined,\r\n },\r\n\r\n FETCH_STATISTICS: {\r\n REQUESTED: [\r\n ({resolve, reject, ...rest}) => rest,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n\r\n EXPORT_GROUP: {\r\n REQUESTED: [\r\n ({groupId, clubId}) => ({groupId, clubId}),\r\n ({resolve, reject}) => ({resolve, reject})],\r\n FAILED: undefined,\r\n SUCCEEDED: ({groupId}) => ({groupId}),\r\n },\r\n EXPORT_TASKSSELF: {\r\n REQUESTED: [\r\n ({resolve, reject, ...rest}) => rest,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n EXPORT_ACTIVITIES: {\r\n REQUESTED: [\r\n ({clubId}) => ({clubId}),\r\n ({resolve, reject}) => ({resolve, reject})],\r\n FAILED: undefined,\r\n SUCCEEDED: ({clubId}) => ({clubId}),\r\n },\r\n EXPORT_GROUP_ACTIVITIES: {\r\n REQUESTED: [\r\n ({groupId, clubId}) => ({groupId, clubId}),\r\n ({resolve, reject}) => ({resolve, reject})],\r\n FAILED: undefined,\r\n SUCCEEDED: ({clubId}) => ({clubId}),\r\n },\r\n EXPORT_MEMBERACTIVITIES: {\r\n REQUESTED: [\r\n ({groupId, memberId, clubId}) => ({groupId, memberId, clubId}),\r\n ({resolve, reject}) => ({resolve, reject})],\r\n FAILED: undefined,\r\n SUCCEEDED: ({memberId}) => ({memberId}),\r\n },\r\n EXPORT_MEMBER_TASKS: {\r\n REQUESTED: [\r\n ({groupId, memberId, clubId}) => ({groupId, memberId, clubId}),\r\n ({resolve, reject}) => ({resolve, reject})],\r\n FAILED: undefined,\r\n SUCCEEDED: ({memberId}) => ({memberId}),\r\n },\r\n },\r\n\r\n {prefix: 'groups'}\r\n)\r\n","import {createActions} from 'redux-actions'\r\nimport {noop, castArray} from 'lodash'\r\nimport {normalize} from 'normalizr'\r\n\r\n\r\nexport const {\r\n fetchClubPaymentMethods, \r\n fetchActivityPaymentMethods, \r\n pay,\r\n fetchKevinAgreement,\r\n kevinAcceptPaymentAgreement,\r\n updateClubPaymentMethod,\r\n createClubPaymentMethod,\r\n getClubPaymentMethods\r\n} = createActions(\r\n {\r\n FETCH_CLUB_PAYMENT_METHODS: {\r\n REQUESTED: [\r\n (data) => data,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: (data) => {\r\n return data;\r\n },\r\n },\r\n FETCH_ACTIVITY_PAYMENT_METHODS: {\r\n REQUESTED: [\r\n (data) => data,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: (data) => {\r\n return data;\r\n },\r\n },\r\n PAY: {\r\n REQUESTED: [\r\n (data) => data,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: [\r\n (data) => data,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n SUCCEEDED: (data) => {\r\n return data;\r\n },\r\n },\r\n FETCH_KEVIN_AGREEMENT: {\r\n REQUESTED: [() => undefined, ({resolve, reject}) => ({resolve, reject})],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n KEVIN_ACCEPT_PAYMENT_AGREEMENT: {\r\n REQUESTED: [\r\n ({values}) => values,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n UPDATE_CLUB_PAYMENT_METHOD: {\r\n REQUESTED: [\r\n ({values}) => values,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n CREATE_CLUB_PAYMENT_METHOD: {\r\n REQUESTED: [\r\n ({values}) => values,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n GET_CLUB_PAYMENT_METHODS: {\r\n REQUESTED: [\r\n (data) => data,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: (data) => {\r\n return data;\r\n },\r\n },\r\n },\r\n {prefix: 'paymentMethods'}\r\n )\r\n ","import {useTranslation} from 'react-i18next'\r\n//const [t] = useTranslation()\r\n\r\n// subscriptionTypes\r\nexport const MONTHLY = 0;\r\nexport const QUARTERLY = 1;\r\nexport const SEMI_ANNUALLY = 2;\r\nexport const ANNUALLY = 3;\r\n\r\n\r\n// Payment status\r\nexport const ACTIVE = 0\r\nexport const OVERDUE = 1\r\nexport const PREVIOUS = 2\r\n\r\n// UserPaymentStatus\r\nexport const NOT_DEFINED = 0\r\nexport const NOT_PAID = 1\r\nexport const PAID = 2\r\nexport const PAID_EXTERNALLY = 3\r\nexport const CANCELLED = 4\r\nexport const REJECTED = 5\r\nexport const RESERVED = 6\r\nexport const REFUNDED = 7\r\nexport const ADMIN_APPROVED = 8\r\nexport const ADMIN_APPROVED_REJECTED = 9\r\nexport const ADMIN_APPROVED_PAIDEXTERNALLY = 10\r\n\r\n\r\nexport const MESSAGES = {\r\n [PAID]: 'Betalt via {paymentMethod}',\r\n [NOT_PAID]: 'Ikke betalt',\r\n [CANCELLED]: 'Annulleret af administrator',\r\n [REJECTED]: 'Annulleret af bruger',\r\n [PAID_EXTERNALLY]: 'Betalt eksternt',\r\n [REFUNDED]: 'Refunderet',\r\n [ADMIN_APPROVED]: 'Godkendt af administrator',\r\n [ADMIN_APPROVED_REJECTED]: 'Annulleret, Godkendt af administrator',\r\n [ADMIN_APPROVED_PAIDEXTERNALLY]: 'Betalt eksternt, Godkendt af administrator'\r\n}\r\n\r\n\r\n","import {createSelector} from 'reselect'\r\nimport {\r\n values,\r\n sortBy,\r\n orderBy,\r\n uniqBy,\r\n pickBy,\r\n union,\r\n toLower,\r\n get,\r\n includes,\r\n without,\r\n flattenDeep,\r\n uniq,\r\n} from 'lodash'\r\nimport {compareAsc, compareDesc} from 'date-fns'\r\nimport {sortDirections} from 'app/constants'\r\nimport {\r\n getActive as getActiveGroup,\r\n getGroup,\r\n getGroupsArray,\r\n getAllGroupMemberIds,\r\n getLeadingGroups,\r\n} from 'groups/selectors'\r\nimport {getIsGroupLeader} from 'user/selectors'\r\nimport {types} from 'members/constants'\r\n\r\nexport const getStatus = (_, props) => get(props, 'params.status')\r\nexport const getKey = (_, props) => get(props, 'params.key')\r\nexport const getDirection = (_, props) => get(props, 'params.direction')\r\nexport const getState = (state) => state\r\nexport const getMembers = (state) => state.members.entities\r\nexport const getMember = (state, id) => state.members.entities[id]\r\nexport const getInactiveMembers = createSelector([getMembers], (members) =>\r\n pickBy(members, ({inactive}) => inactive)\r\n)\r\n\r\nexport const getNumberOfMembers = createSelector(\r\n [getMembers],\r\n (members) => values(members).length\r\n)\r\nexport const getNumberOfInactiveMembers = createSelector(\r\n [getInactiveMembers],\r\n (members) => values(members).length\r\n)\r\n\r\nexport const getIsFetching = (state) => state.members.isFetching\r\nexport const getImportMembersArray = (state) => values(state.members.import)\r\nexport const getImportRolesArray = (state) => values(state.members.importRoles)\r\nexport const getImportGroupsArray = (state) =>\r\n values(state.members.importGroups)\r\nexport const getImportExisting = (state) => state.members.importExisting\r\nexport const getImportColumns = (state) => state.members.importColumns\r\nexport const getBulk = (state) => state.members.bulk\r\nexport const getSort = (state) => state.members.sort\r\n\r\nexport const getInactive = (_, props) =>\r\n get(props, 'params.status') === 'inactive'\r\n\r\nexport const getApprovedMembers = createSelector(\r\n [getMembers, getInactiveMembers, getInactive],\r\n (members, inactiveMembers, inactive) =>\r\n inactive\r\n ? inactiveMembers\r\n : pickBy(members, (member) => member.requestTypeId === 2)\r\n)\r\n\r\nexport const getMembersArray = createSelector([getApprovedMembers], (members) =>\r\n orderBy(values(members), ({firstName}) => toLower(firstName))\r\n)\r\n\r\nexport const getActiveMembersArray = createSelector(\r\n [getMembersArray],\r\n (members) => members.filter(({inactive}) => !inactive)\r\n)\r\n\r\nexport const getExistingImportMembers = createSelector(\r\n [getMembers, getImportMembersArray],\r\n (members, imported) =>\r\n imported.filter(({userId}) => userId > 0 && members[userId])\r\n)\r\n\r\nexport const getNewImportMembers = createSelector(\r\n [getImportMembersArray, getImportExisting],\r\n (imported, existing) =>\r\n imported.filter((member) => !includes(existing, `${member.memberId}`))\r\n)\r\n\r\nexport const getMemberIds = createSelector([getMembersArray], (members) =>\r\n members.map((member) => member.id)\r\n)\r\n\r\nexport const getAdministratorIds = createSelector(\r\n [getMembersArray],\r\n (members) =>\r\n members.filter((member) => member.type === types.ADMIN.id).map(({id}) => id)\r\n)\r\n\r\nexport const getPendingMembersArray = createSelector([getMembers], (members) =>\r\n values(members).filter(({requestTypeId}) => requestTypeId === 1)\r\n)\r\n\r\nexport const getGroupRequestMembers = createSelector(\r\n [getMembers, getGroupsArray],\r\n (members, groups) =>\r\n uniqBy(\r\n flattenDeep(\r\n groups\r\n .filter((group) =>\r\n group.rawUsers.some(\r\n ({userGroupMemberType}) => userGroupMemberType === 3\r\n )\r\n )\r\n .map((group) =>\r\n group.rawUsers\r\n .filter(({userGroupMemberType}) => userGroupMemberType === 3)\r\n .map(({userId}) => members[userId])\r\n .filter((id) => !!id)\r\n )\r\n ),\r\n 'id'\r\n )\r\n)\r\n\r\nexport const getMemberGroupRequests = createSelector(\r\n [getGroupsArray, (_, {memberId}) => memberId],\r\n (groups, memberId) =>\r\n groups.filter((group) =>\r\n group.rawUsers.some(\r\n ({userGroupMemberType, userId}) =>\r\n `${userId}` === `${memberId}` && userGroupMemberType === 3\r\n )\r\n )\r\n)\r\n\r\nexport const getGroupPendingMembersArray = (state, groupId) => {\r\n const group = getGroup(state, groupId)\r\n\r\n return group.rawUsers\r\n .filter(({userGroupMemberType}) => userGroupMemberType === 3)\r\n .map(({userId}) => getMember(state, userId))\r\n}\r\n\r\nexport const getMembersArraySorted = createSelector(\r\n [getMembersArray, getSort],\r\n (members, {key, direction}) => {\r\n if (!key) {\r\n return members\r\n } else {\r\n members.sort((a, b) =>\r\n direction === sortDirections.asc ? a[key] > b[key] : a[key] < b[key]\r\n )\r\n }\r\n }\r\n)\r\n\r\nexport const getInactiveMember = (state, id) => state.members.inactive[id]\r\n\r\nexport const getInactiveMembersArray = createSelector(\r\n getInactiveMembers,\r\n values\r\n)\r\n\r\nexport const getMissingInvitations = createSelector(\r\n [getInactiveMembersArray],\r\n (members) => members.filter(({dummy}) => dummy).length\r\n)\r\nexport const getInvitedInactiveMembers = createSelector(\r\n [getMembers],\r\n (members) => values(members).filter(({inactive}) => inactive).length\r\n)\r\nexport const getHasOneAdministrator = createSelector(\r\n [getMembersArray],\r\n (members) =>\r\n members.filter((member) => member.type === types.ADMIN.id).length === 1\r\n)\r\nexport const getUninvitedInactiveMemberIds = createSelector(\r\n [getInactiveMembersArray],\r\n (members) => members.filter(({emailSent}) => !emailSent).map(({id}) => id)\r\n)\r\n\r\nexport const getImportRoles = (state) => state.members.importRoles\r\nexport const getImportGroups = (state) => state.members.importGroups\r\n\r\nexport const getAllMembersArray = createSelector(\r\n [getMembersArray, getInactiveMembersArray],\r\n (members, inactive) => [...members, ...inactive]\r\n)\r\n\r\nexport const getNumberOfMembersNotInGroups = createSelector(\r\n [getAllMembersArray, getAllGroupMemberIds],\r\n (members, memberIdsInGroups) => {\r\n return uniq(\r\n members\r\n .filter((member) =>\r\n `${member.id}`.charAt(0) === 'i'\r\n ? get(member, 'groups', []).length === 0\r\n : !includes(memberIdsInGroups, member.id)\r\n )\r\n .map(({id}) => `${id}`)\r\n ).length\r\n }\r\n)\r\n\r\n// New selectors\r\nexport const nGetAllMembers = (state) =>\r\n values(state.members.entities).filter(\r\n ({requestTypeId}) => requestTypeId !== 1\r\n )\r\n\r\nexport const nGetMembersOfGroup = createSelector(\r\n [nGetAllMembers, getActiveGroup, getAllGroupMemberIds],\r\n (members, group, allMembersInGroups) => {\r\n if (!group || group === 'all') {\r\n return members\r\n } else if (group === 'notInGroups') {\r\n return members.filter((member) =>\r\n member.dummy\r\n ? member.groups.length === 0\r\n : !includes(allMembersInGroups, member.id)\r\n )\r\n } else if (group === 'inactive') {\r\n return members.filter((member) => member.inactive)\r\n } else {\r\n const requested = group.rawUsers\r\n .filter(({userGroupMemberType}) => userGroupMemberType === 3)\r\n .map(({userId}) => `${userId}`)\r\n\r\n return members.filter((member) =>\r\n member.dummy\r\n ? includes(\r\n member.groups.map(({id}) => id.toString()),\r\n `${group.id}`\r\n )\r\n : includes(\r\n without(\r\n union(\r\n group.rawUsers.map(({userId}) => `${userId}`),\r\n group.users\r\n ).map((id) => `${id}`),\r\n ...requested\r\n ),\r\n `${member.id}`\r\n )\r\n )\r\n }\r\n }\r\n)\r\n\r\nexport const nGetSortedMembers = createSelector(\r\n [nGetMembersOfGroup, getKey, getDirection],\r\n (members, key, direction) => {\r\n if (/(firstName|surname)/.test(key)) {\r\n return orderBy(members, (member) => toLower(member[key]), direction)\r\n } else if (key === 'type') {\r\n return orderBy(\r\n orderBy(members, (member) => toLower(member.firstName), 'asc'),\r\n 'memberType',\r\n direction\r\n )\r\n } else if (key === 'birthdate') {\r\n return sortBy(members, (member) => !member.birthdate).sort((a, b) =>\r\n (direction === 'asc' ? compareAsc : compareDesc)(\r\n a.birthdate,\r\n b.birthdate\r\n )\r\n )\r\n } else if (key === 'status') {\r\n return orderBy(members, ['inactive', 'dummy'], direction)\r\n } else {\r\n return members\r\n }\r\n }\r\n)\r\n\r\nexport const getMembersNotInGroups = (state, groupId) => {\r\n const group = getGroup(state, groupId)\r\n const members = nGetAllMembers(state)\r\n\r\n return orderBy(\r\n members.filter((member) => {\r\n if (member.id.toString().charAt(0) === 'i') {\r\n return false\r\n } else if (member.dummy) {\r\n return !member.groups.some(({id}) => `${groupId}` === `${id}`)\r\n } else {\r\n return !group.users.some((id) => `${member.id}` === `${id}`)\r\n }\r\n }),\r\n ({firstName}) => toLower(firstName)\r\n )\r\n}\r\n\r\nexport const getMemberLeaderGroups = (state, memberId) => {\r\n const member = getMember(state, memberId)\r\n\r\n if (memberId.toString().charAt(0) === 'i') {\r\n return member.groups.filter(({isLeader}) => isLeader).map(({id}) => id)\r\n }\r\n\r\n const groups = getGroupsArray(state)\r\n\r\n return groups\r\n .filter((group) => includes(get(group, 'leaders', []), memberId))\r\n .map(({id}) => id)\r\n}\r\n\r\nexport const getGroups = (state, id) => {\r\n const member = getMember(state, id)\r\n const groupIds = member.dummy\r\n ? get(member, 'groups', []).map(({id}) => id)\r\n : get(member, 'groupIds', [])\r\n\r\n return orderBy(\r\n (groupIds || [])\r\n .map((groupId) => getGroup(state, groupId))\r\n .filter((group) => group),\r\n ({title}) => toLower(title)\r\n )\r\n}\r\n\r\nexport const getResponsibleCandidates = createSelector(\r\n [getMembersArray],\r\n (members) => members.filter(({type}) => includes([2, 3], type))\r\n)\r\n\r\nexport const getInvitableMembers = createSelector(\r\n [getIsGroupLeader, getLeadingGroups, getMembers],\r\n (isGroupLeader, groups, members) =>\r\n isGroupLeader\r\n ? orderBy(\r\n flattenDeep(groups.map(({users}) => users.map((id) => members[id]))),\r\n ({firstName}) => toLower(firstName)\r\n )\r\n : orderBy(\r\n values(members).filter(({id}) => `${id}`.charAt(0) !== 'i'),\r\n ({firstName}) => toLower(firstName)\r\n )\r\n)\r\n\r\nexport const getStatistics = (state, id) =>\r\n get(state, `members.entities[${id}].statistics`, [])\r\n","import {globalState } from 'app/components/App'\r\n\r\nconst getDomainSettings = () => {\r\n return globalState.states.get('domainSettings').state.value\r\n}\r\n\r\nexport default getDomainSettings","import {createSelector} from 'reselect'\r\nimport getDomainSettings from 'jsonFetches/getDomainSettings'\r\n\r\n\r\n\r\nexport const getCompanyName = () => {\r\n return (getDomainSettings()[window.location.hostname].mainSortName)\r\n\r\n}\r\n \r\nexport const getTopLevelDomainName = () =>\r\n (getDomainSettings()[window.location.hostname].mainWebsiteUrl)\r\n\r\nexport const getTld = createSelector(\r\n [getTopLevelDomainName],\r\n (companyName) =>\r\n (getDomainSettings()[window.location.hostname].lang)\r\n)\r\n\r\nexport const getTldLocale = createSelector(\r\n [getTopLevelDomainName],\r\n (companyName) =>\r\n (getDomainSettings()[window.location.hostname].langCode)\r\n)\r\n\r\nexport const getTldEmail = createSelector(\r\n [getTopLevelDomainName],\r\n (companyName) =>\r\n (getDomainSettings()[window.location.hostname].mainEmail)\r\n)\r\n","import React, { useState, useCallback } from 'react'\r\n\r\nconst useToggle = (initiallyVisible = false) => {\r\n const [visible, setVisible] = useState(initiallyVisible)\r\n\r\n const show = () => setVisible(true)\r\n const hide = () => setVisible(false)\r\n const toggle = () => setVisible(!visible)\r\n\r\n return [visible, show, hide, toggle]\r\n}\r\n\r\nexport default useToggle\r\n\r\n\r\n// const useToggle = (initialValue = false) => {\r\n// const [value, setValue] = useState(initialValue);\r\n// const toggle = useCallback(() => {\r\n// setValue(v => !v);\r\n// }, []);\r\n// return [value, toggle];\r\n// }\r\n\r\n// export default useToggle","import {createSelector} from 'reselect'\r\nimport {\r\n orderBy,\r\n flatten,\r\n uniq,\r\n uniqBy,\r\n values,\r\n includes,\r\n get,\r\n keyBy,\r\n} from 'lodash'\r\nimport {getUserId, getIsGroupLeader} from 'user/selectors'\r\n\r\nexport const getGroups = (state) => state.groups.entities\r\nexport const getGroup = (state, id) => state.groups.entities[id]\r\nexport const getActiveId = (_, props) => get(props, 'params.group')\r\nexport const getIsFetching = (state) => state.groups.isFetching\r\nexport const getBulk = (state) => state.groups.add\r\nexport const getNumberOfGroups = createSelector(\r\n [getGroups],\r\n (groups) => values(groups).length\r\n)\r\n\r\nexport const getActive = createSelector(\r\n [getGroups, getActiveId],\r\n (groups, activeId) =>\r\n includes(['all', 'notInGroups', 'inactive'], activeId)\r\n ? activeId\r\n : groups[activeId])\r\n\r\nexport const getActiveGroupName = createSelector(\r\n [getActive],\r\n (group) => \r\n get(group, 'title') \r\n) \r\n\r\nexport const getActiveName = createSelector(\r\n [getActive, getGroups],\r\n (active, groups) => {\r\n console.log('adsd', active)\r\n\r\n if (typeof active === 'string') {\r\n return active\r\n }\r\n\r\n const getName = ({parentUserGroupId, title}) =>\r\n parentUserGroupId\r\n ? `${getName(groups[parentUserGroupId])} - ${title}`\r\n : title\r\n\r\n if (active == null) {\r\n return ''\r\n }\r\n\r\n return getName(active)\r\n }\r\n)\r\n\r\nexport const getCanAdministerActiveGroup = createSelector(\r\n [getActive, getIsGroupLeader, getUserId],\r\n (active, isGroupLeader, userId) =>\r\n isGroupLeader\r\n ? includes(get(active, 'leaders', []), userId) ||\r\n includes(['all', 'notInGroups'], active)\r\n : true\r\n)\r\n\r\nexport const getActiveUserCount = createSelector([getActive], (group) =>\r\n get(group, 'userCount')\r\n)\r\n\r\nexport const getGroupsArray = createSelector(\r\n [getGroups, getUserId, getIsGroupLeader],\r\n (groups, userId, isGroupLeader) =>\r\n values(groups).map((group) => ({\r\n ...group,\r\n canAdminister: !isGroupLeader || includes(group.leaders, userId),\r\n }))\r\n)\r\n\r\nconst buildNesting = (groups, group) => {\r\n if (!group.parentUserGroupId) {\r\n return group\r\n } else {\r\n return buildNesting(groups, {\r\n ...groups[group.parentUserGroupId],\r\n subGroups: [group],\r\n })\r\n }\r\n}\r\n\r\nexport const getNestedGroupsArray = createSelector(\r\n [getGroupsArray],\r\n (groupsArray) => {\r\n const groups = keyBy(groupsArray, 'id')\r\n \r\n const nested = groupsArray\r\n .map((group) => buildNesting(groups, group))\r\n .reduce((acc, group) => {\r\n if (acc[group.id]) {\r\n return {\r\n ...acc,\r\n [group.id]: {\r\n ...acc[group.id],\r\n subGroups: [\r\n ...get(acc, `[${group.id}].subGroups`, []),\r\n ...get(group, 'subGroups', []),\r\n ].reduce((subGroups, subGroup) => {\r\n if (subGroups.some(({id}) => id === subGroup.id)) {\r\n return subGroups.map((g) => {\r\n if (g.id === subGroup.id) {\r\n return {\r\n ...g,\r\n subGroups: uniqBy(\r\n [\r\n ...get(g, 'subGroups', []),\r\n ...get(subGroup, 'subGroups', []),\r\n ],\r\n 'id'\r\n ),\r\n }\r\n } else {\r\n return g\r\n }\r\n })\r\n } else {\r\n return [...subGroups, subGroup]\r\n }\r\n }, []),\r\n },\r\n }\r\n } else {\r\n return {\r\n ...acc,\r\n [group.id]: group,\r\n }\r\n }\r\n }, {})\r\n\r\n return orderBy(Object.values(nested), 'title')\r\n }\r\n)\r\n\r\nexport const getAllGroupMemberIds = createSelector([getGroups], (groups) =>\r\n uniq(\r\n flatten(values(groups).map((group) => group.users)).map((id) =>\r\n parseInt(id, 10)\r\n )\r\n )\r\n)\r\n\r\nexport const getGroupsMembers = (state, ids) => {\r\n const groups = ids.map((id) => getGroup(state, id))\r\n const members = uniqBy(\r\n flatten(groups.map((group) => get(group, 'rawUsers', []))),\r\n 'userId'\r\n )\r\n return members\r\n}\r\n\r\n// Get the groups of which the user is leader of.\r\n// If the user is an administrator, all groups are returned.\r\nexport const getLeadingGroups = createSelector(\r\n [getUserId, getIsGroupLeader, getGroupsArray],\r\n (userId, isGroupLeader, groups) =>\r\n isGroupLeader\r\n ? groups.filter(({leaders}) => includes(leaders, userId))\r\n : groups\r\n)\r\n\r\nexport const getGroupStatistics = (state, id) =>\r\n get(state, `groups.entities[${id}].statistics`, [])\r\n","import React from 'react'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport format from 'lib/format'\r\nimport {Text, Button} from 'components'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst LinksList = ({links, deactivate}) => {\r\n const [t] = useTranslation()\r\n return (\r\n \r\n \r\n \r\n \r\n {t('Oprettet af')}\r\n \r\n \r\n \r\n \r\n {t('Gyldig til')}\r\n \r\n \r\n \r\n \r\n {t('Oprettelser')}\r\n \r\n \r\n \r\n\r\n {links.map(({id, validTo, counter, createdBy}) => (\r\n \r\n \r\n \r\n {createdBy && `${createdBy.firstName} ${createdBy.surname}`}\r\n \r\n \r\n \r\n \r\n {validTo ? format(validTo, 'DD-MM-YYYY') : '-'}\r\n \r\n \r\n \r\n \r\n {counter}\r\n \r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n )\r\n}\r\nexport default LinksList\r\n","import React, {Component, Fragment} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {\r\n CopyToClipboardButton,\r\n Modal,\r\n Text,\r\n Box,\r\n Flex,\r\n Button,\r\n InputWithButton,\r\n} from 'components'\r\nimport {getLinksArray, getUserLinks} from 'links/selectors'\r\nimport {deactivate} from 'links/actions'\r\nimport {create} from 'links/actions'\r\nimport LinksList from './LinksList'\r\nimport {withTranslation} from 'react-i18next'\r\n\r\nclass InviteModal extends Component {\r\n state = {\r\n isCopied: false,\r\n showActive: false,\r\n }\r\n\r\n componentDidMount() {\r\n const {userLinks, create} = this.props\r\n\r\n if (userLinks.length === 0) {\r\n create()\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const {links} = this.props\r\n if (prevProps.links.length !== links.length) {\r\n this.setState({isCopied: false})\r\n }\r\n }\r\n\r\n setIsCopied = () => this.setState({isCopied: true})\r\n\r\n setShowActive = (showActive) => this.setState({showActive})\r\n\r\n hide = (event) => {\r\n event.stopPropagation()\r\n\r\n this.props.hide()\r\n }\r\n\r\n renderOverview = () => {\r\n const {userLinks, deactivate, t} = this.props\r\n const link = userLinks.length > 0 ? userLinks[0] : undefined\r\n const url = link\r\n ? `https://${window.location.host}/invitation?clubToken=${link.token}`\r\n : undefined\r\n\r\n return (\r\n \r\n deactivate(link.id) : undefined,\r\n }}\r\n >\r\n {t('Nulstil')}\r\n \r\n\r\n \r\n \r\n {this.state.isCopied ? t('Kopieret!') : t('Kopier')}\r\n \r\n \r\n\r\n \r\n \r\n )\r\n }\r\n\r\n renderActive = () => (\r\n this.setShowActive(false) : undefined}\r\n title={\r\n showActive ? t('Aktive links i foreningen') : t('Tilmeldingslink')\r\n }\r\n >\r\n \r\n \r\n {t(\r\n 'Send linket til medlemmer eller indsæt link på hjemmeside og socialt medie'\r\n )}\r\n \r\n {showActive ? this.renderActive() : this.renderOverview()}\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n userLinks: getUserLinks,\r\n links: getLinksArray,\r\n }),\r\n {\r\n create: create.requested,\r\n deactivate: deactivate.requested,\r\n }\r\n)\r\n\r\nexport default withTranslation()(enhancer(InviteModal))\r\n","import {handleActions} from 'redux-actions'\r\nimport * as actions from './actions'\r\nimport {create} from 'clubs'\r\nimport {create as createLink} from 'links/actions'\r\nimport {acceptPaymentAgreement, connectExternalSystem, \r\n disconnectExternalSystem, getExternalSystem, \r\n getConventusDepartments, economicMastercardPaymentServiceIsReady } from 'clubs/actions'\r\n\r\nexport const initialState = {\r\n entities: {},\r\n isFetching: false,\r\n active: null,\r\n tokenValid: null,\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [actions.fetch.requested]: (state) => ({\r\n ...state,\r\n isFetching: true,\r\n }),\r\n\r\n [actions.fetch.succeededActive]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {clubs},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n isFetching: false,\r\n entities: clubs,\r\n }),\r\n\r\n [actions.fetch.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {clubs},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: clubs,\r\n }),\r\n\r\n [actions.update.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {clubs},\r\n result: id,\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n ...clubs[id],\r\n },\r\n },\r\n }),\r\n\r\n [create.succeeded]: (state, action) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [action.payload.result]:\r\n action.payload.entities.clubs[action.payload.result],\r\n },\r\n }),\r\n\r\n [actions.setActive]: (state, action) => ({\r\n ...state,\r\n active: action.payload,\r\n }),\r\n\r\n // connectExternalSystem START\r\n\r\n [connectExternalSystem.requested]: (\r\n state,\r\n ) => ({\r\n ...state,\r\n }),\r\n\r\n [disconnectExternalSystem.requested]: (state) => ({\r\n ...state\r\n }),\r\n\r\n [getExternalSystem.requested]: (\r\n state\r\n ) => ({\r\n ...state\r\n }),\r\n\r\n [getConventusDepartments.requested]: (\r\n state,\r\n ) => ({\r\n ...state,\r\n }),\r\n\r\n [disconnectExternalSystem.failed]: (state, { payload: error }) => ({\r\n ...state,\r\n error\r\n }),\r\n\r\n [connectExternalSystem.failed]: (state, { payload: error }) => ({\r\n ...state,\r\n error\r\n }),\r\n\r\n [getExternalSystem.failed]: (state, { payload: error }) => ({\r\n ...state,\r\n error\r\n }),\r\n\r\n [getConventusDepartments.failed]: (state, { payload: error }) => ({\r\n ...state,\r\n error\r\n }),\r\n\r\n // connectExternalSystem END\r\n\r\n [createLink.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {links},\r\n result,\r\n },\r\n }\r\n ) => {\r\n const link = links[result]\r\n const clubLinks = state.entities[link.clubId].links || []\r\n\r\n return link\r\n ? {\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [link.clubId]: {\r\n ...state.entities[link.clubId],\r\n links: [...clubLinks, result],\r\n },\r\n },\r\n }\r\n : state\r\n },\r\n\r\n [actions.validateToken.succeeded]: (state) => ({\r\n ...state,\r\n tokenValid: true,\r\n }),\r\n\r\n [actions.validateToken.failed]: (state) => ({\r\n ...state,\r\n tokenValid: false,\r\n }),\r\n\r\n [actions.acceptPaymentAgreement.succeeded]: (state, {payload: id}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n paymentMethodMobilePayPaymentAgreementAccepted: true,\r\n },\r\n },\r\n }),\r\n\r\n [economicMastercardPaymentServiceIsReady.succeeded]: (state, {payload: id}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n paymentMethodEconomicMastercardPaymentServiceIsReady: true,\r\n },\r\n },\r\n }),\r\n\r\n [actions.fetchAgreement.succeeded]: (\r\n state,\r\n {payload: {clubId, ...data}}\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [clubId]: {\r\n ...state.entities[clubId],\r\n ...data,\r\n },\r\n },\r\n }),\r\n\r\n [actions.fetchCohosts.succeeded]: (\r\n state,\r\n {payload: {clubId, response}}\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [clubId]: {\r\n ...state.entities[clubId],\r\n possibleCohosts: response,\r\n },\r\n },\r\n }),\r\n\r\n [actions.fetchStatistics.succeeded]: (\r\n state,\r\n {payload: {id, statistics}}\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n statistics,\r\n },\r\n },\r\n })\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {createActions} from 'redux-actions'\r\nimport {noop} from 'lodash'\r\n\r\nconst mapGroups = (groups) => \r\n groups.map(({userGroupId, parentUserGroupId, ...group}) => ({\r\n id: userGroupId,\r\n parent: parentUserGroupId,\r\n ...group,\r\n }))\r\n\r\nconst nestGroups = (groups) =>\r\n mapGroups(groups)\r\n .filter((group) => !group.parent)\r\n .map((group) => ({\r\n ...group,\r\n subGroups: mapGroups(\r\n groups.filter((sub) => sub.parentUserGroupId === group.id)\r\n ),\r\n }))\r\n\r\nexport const {\r\n start,\r\n proceed,\r\n setIsFetching,\r\n clubNotFound,\r\n setClub,\r\n create,\r\n login,\r\n requestGroups,\r\n removeUser,\r\n saveConfiguration,\r\n confirm,\r\n setToken,\r\n setCreated,\r\n setError,\r\n getClubInformation,\r\n fetchDataPolicy,\r\n acceptPolicy,\r\n} = createActions(\r\n {\r\n START: ({clubToken, email, password}) => ({clubToken, email, password}),\r\n PROCEED: () => undefined,\r\n CLUB_NOT_FOUND: () => undefined,\r\n SET_CLUB: ({\r\n clubId,\r\n clubName,\r\n imageUrl,\r\n userFirstName,\r\n userSurname,\r\n userImageUrl,\r\n groups,\r\n }) => ({\r\n id: clubId,\r\n name: clubName,\r\n invitedByName: `${userFirstName} ${userSurname}`,\r\n invitedByImage: userImageUrl,\r\n imageUrl,\r\n groups: groups ? nestGroups(groups) : undefined,\r\n }),\r\n SET_IS_FETCHING: undefined,\r\n LOGIN: {\r\n REQUESTED: [\r\n ({email, password, clubToken, dummy = false, AcceptsDataPolicy = null}) => ({\r\n email,\r\n password,\r\n clubToken,\r\n dummy,\r\n AcceptsDataPolicy\r\n }),\r\n ({resolve = noop, reject = noop}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n LOGIN_EXTERNAL: {\r\n REQUESTED: [\r\n ({token}) => ({\r\n token\r\n }),\r\n ({resolve = noop, reject = noop}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n REMOVE_USER: {\r\n REQUESTED: undefined,\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n CREATE: {\r\n REQUESTED: [\r\n ({\r\n firstName,\r\n surname,\r\n email,\r\n zip,\r\n password,\r\n clubToken,\r\n address,\r\n city,\r\n mobile,\r\n birthdate,\r\n note,\r\n AcceptsDataPolicy\r\n }) => ({\r\n firstName,\r\n surname,\r\n email,\r\n zip,\r\n password,\r\n clubToken,\r\n address,\r\n city,\r\n mobile,\r\n birthdate,\r\n note,\r\n AcceptsDataPolicy\r\n }),\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n REQUEST_GROUPS: {\r\n REQUESTED: [\r\n ({groups, clubToken}) => ({groups, clubToken}),\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n SAVE_CONFIGURATION: undefined,\r\n CONFIRM: [\r\n ({email, password}) => ({email, password}),\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n SET_TOKEN: undefined,\r\n SET_CREATED: undefined,\r\n SET_ERROR: undefined,\r\n GET_CLUB_INFORMATION: {\r\n REQUESTED: undefined,\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n FETCH_DATA_POLICY: {\r\n REQUESTED: ({clubId}) => ({clubId}),\r\n SUCCEEDED: ({response}) => ({response}),\r\n },\r\n ACCEPT_POLICY: {\r\n REQUESTED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n },\r\n {prefix: 'user/signup'}\r\n)\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {lighten, darken} from 'polished'\r\nimport {withState, withHandlers, compose} from 'recompose'\r\nimport {Box, Flex} from '@rebass/grid'\r\nimport {Right} from 'components/icons'\r\nimport {StyledCheckbox, Text} from 'components'\r\nimport GroupList from './GroupList'\r\n\r\nconst Container = styled(Flex).attrs({\r\n flexDirection: 'column',\r\n mb: 2,\r\n})`\r\n position: relative;\r\n background: ${(props) =>\r\n props.checked\r\n ? lighten(0.25, props.theme.colors.primary)\r\n : props.theme.colors.secondaryLight};\r\n\r\n will-change: background;\r\n transition: background 0.125s ease;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: ${(props) =>\r\n props.checked\r\n ? lighten(0.2, props.theme.colors.primary)\r\n : darken(0.05, props.theme.colors.secondaryLight)};\r\n }\r\n`\r\n\r\nconst OpenButton = styled.button.attrs({\r\n type: 'button',\r\n})`\r\n position: absolute;\r\n top: 6px;\r\n left: 2px;\r\n background: transparent;\r\n cursor: pointer;\r\n border: 0;\r\n transform: rotate(${(props) => (props.open ? 90 : 0)}deg);\r\n\r\n will-change: transform;\r\n transition: transform 0.125s ease;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n`\r\n\r\nconst Group = ({\r\n id,\r\n checked,\r\n title,\r\n subGroups,\r\n isOpen,\r\n toggle,\r\n toggleGroup,\r\n bulk,\r\n layer,\r\n}) => (\r\n <>\r\n \r\n \r\n {subGroups.length > 0 && (\r\n \r\n \r\n )}\r\n \r\n {title} \r\n \r\n \r\n \r\n \r\n \r\n\r\n {isOpen && subGroups.length > 0 && (\r\n \r\n \r\n \r\n {t('Deltagere')}{' '}\r\n \r\n {participationPercentage}% ({participatingCount}/{invitedCount})\r\n \r\n \r\n \r\n\r\n \r\n {visibleParticipants.map((participant) => (\r\n + {remaining} flere }\r\n \r\n\r\n {participants.length > 0 && (\r\n \r\n {listVisible ? t('Skjul alle') : t('Vis alle')} \r\n \r\n )}\r\n\r\n {listVisible && (\r\n \r\n )\r\n}\r\n\r\nconst visible = 4\r\n\r\nconst enhancer = compose(\r\n connect((state, {groups}) => ({\r\n groupMembers: groups\r\n ? getGroupsMembers(\r\n state,\r\n groups.map((group) => group.userGroupId)\r\n )\r\n : [],\r\n })),\r\n withToggle('list'),\r\n withProps(({participants, groupMembers}) => {\r\n const groupParticipants = groupMembers\r\n .filter(\r\n ({userId}) =>\r\n !includes(\r\n participants.map((participant) => participant.userId),\r\n userId\r\n )\r\n )\r\n .map((participant) => ({\r\n ...participant,\r\n activityStatus: groups.INVITED.id,\r\n }))\r\n const finalParticipants = orderBy(\r\n [...participants, ...groupParticipants],\r\n ({firstName}) => toLower(firstName)\r\n )\r\n const groupedParticipants = groupBy(finalParticipants, 'activityStatus')\r\n const attending = groupedParticipants[groups.ATTENDING.id]\r\n const visibleParticipants = attending ? attending.slice(0, visible) : []\r\n const remaining = attending\r\n ? attending.length - visibleParticipants.length\r\n : 0\r\n\r\n return {\r\n groupedParticipants,\r\n visibleParticipants,\r\n remaining,\r\n participants: finalParticipants,\r\n }\r\n })\r\n)\r\n\r\nexport default enhancer(Participants)\r\n","export * from './actions'\r\nexport * from './selectors'\r\nexport * from './components'\r\nexport * from './lib'\r\n","import format from 'date-fns/format'\r\nimport daLocale from 'date-fns/locale/da'\r\nimport enLocale from 'date-fns/locale/en'\r\n\r\nexport default (date, formatString) => {\r\n const languageFromLS = localStorage.getItem('i18nextLng')\r\n const locale = languageFromLS === 'da' ? daLocale : enLocale\r\n return format(date, formatString, {locale})\r\n}\r\n","export default {\r\n name: 'domainLanguageDetector',\r\n\r\n lookup() {\r\n switch (window.location.hostname) {\r\n case 'web.minforening.dk':\r\n return 'da'\r\n case 'web.mehrverein.de':\r\n return 'de'\r\n case 'web.wiandi.co.uk':\r\n return 'en'\r\n case 'web.wiandi.es':\r\n return 'es'\r\n case 'web.wiandi.pl':\r\n return 'pl'\r\n case 'web.wiandi.cz':\r\n return 'cz'\r\n case 'web.min-forening.no':\r\n return 'no'\r\n case 'web.wiandi.cz':\r\n return 'cz'\r\n default:\r\n return null\r\n }\r\n },\r\n}\r\n","import i18n from 'i18next'\r\nimport {initReactI18next} from 'react-i18next'\r\nimport LanguageDetector from 'i18next-browser-languagedetector'\r\nimport customLanguageDetector from 'lib/domainLanguageDetector'\r\nimport * as locales from 'locales'\r\n\r\nconst languageDetector = new LanguageDetector()\r\nlanguageDetector.addDetector(customLanguageDetector)\r\n\r\ni18n\r\n .use(languageDetector)\r\n .use(initReactI18next)\r\n .init({\r\n debug: process.env.NODE_ENV === 'development',\r\n fallbackLng: 'da',\r\n iterpolation: {\r\n escapeValue: false,\r\n },\r\n keySeparator: false,\r\n resources: locales,\r\n supportedLngs: ['da', 'en', 'de', 'no', 'es', 'sk', 'cz', 'pl'],\r\n saveMissing: true,\r\n saveMissingTo: 'all',\r\n saveMissingPlurals: true,\r\n react: {\r\n wait: true,\r\n },\r\n detection: {\r\n order: ['domainLanguageDetector', 'localStorage', 'navigator'],\r\n lookupLocalStorage: 'i18nextLng',\r\n },\r\n })\r\n\r\nexport default i18n\r\n","import {schema} from 'normalizr'\r\n\r\nexport const sponsor = new schema.Entity('sponsors')\r\n\r\nexport const roleExemption = new schema.Entity('exemptRoles')\r\n\r\n\r\n","import {createActions} from 'redux-actions'\r\nimport {normalize} from 'normalizr'\r\nimport {sponsor, roleExemption} from './schema'\r\n\r\nexport const {\r\n fetch, \r\n setViews, \r\n create, \r\n update, \r\n remove,\r\n fetchNoSponsor, \r\n buyViews, \r\n fetchExemptionUserRoles,\r\n updateExemptUserRoles,\r\n} = createActions({\r\n FETCH: {\r\n REQUESTED: undefined,\r\n FAILED: undefined,\r\n SUCCEEDED: (response) => normalize(response, [sponsor]),\r\n },\r\n SET_VIEWS: undefined, \r\n CREATE: {\r\n REQUESTED: [\r\n ({resolve, reject, ...values}) => values,\r\n ({resolve, reject}) => ({\r\n resolve,\r\n reject,\r\n }),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: (response) => normalize(response, [sponsor]),\r\n },\r\n UPDATE: {\r\n REQUESTED: [\r\n ({resolve, reject, ...values}) => values,\r\n ({resolve, reject}) => ({\r\n resolve,\r\n reject,\r\n }),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: (response) => normalize(response, [sponsor]),\r\n },\r\n REMOVE: {\r\n REQUESTED: undefined,\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n FETCH_NO_SPONSOR: {\r\n REQUESTED: undefined,\r\n FAILED: undefined,\r\n SUCCEEDED: (response) => response,\r\n },\r\n BUY_VIEWS: {\r\n REQUESTED: [\r\n ({count}) => count,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n FETCH_EXEMPTION_USER_ROLES: {\r\n REQUESTED: undefined,\r\n FAILED: undefined,\r\n SUCCEEDED: (response) => response,\r\n },\r\n UPDATE_EXEMPT_USER_ROLES: {\r\n REQUESTED: [\r\n ({resolve, reject, ...values}) => values,\r\n ({resolve, reject}) => ({\r\n resolve,\r\n reject,\r\n }),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: (response) => response,\r\n },\r\n },\r\n {prefix: 'sponsors'}\r\n )\r\n","export * from './actions'\r\nexport * from './selectors'\r\nexport * from './components'\r\n","import {createActions} from 'redux-actions'\r\nimport {noop} from 'lodash'\r\n\r\nexport const {\r\n authenticate,\r\n forgotPassword,\r\n resetPassword,\r\n logout,\r\n sponsor,\r\n login,\r\n recoverFromLocalStorage,\r\n saveToLocalStorage,\r\n setReady,\r\n} = createActions(\r\n {\r\n AUTHENTICATE: {\r\n REQUESTED: [\r\n ({email, password}) => ({\r\n email,\r\n password,\r\n }),\r\n ({resolve = noop, reject = noop} = {}) => ({\r\n resolve,\r\n reject,\r\n }),\r\n ],\r\n SUCCEEDED: ({headerImage: imagePath, ...rest}) => ({\r\n ...rest,\r\n imagePath,\r\n }),\r\n FAILED: undefined,\r\n },\r\n SPONSOR: {\r\n SHOW: undefined,\r\n SET_PATH: undefined,\r\n HIDE: undefined,\r\n },\r\n FORGOT_PASSWORD: {\r\n REQUESTED: [\r\n ({email}) => email,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n RESET_PASSWORD: {\r\n REQUESTED: [\r\n ({values}) => values,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n LOGIN: undefined,\r\n LOGOUT: undefined,\r\n RECOVER_FROM_LOCAL_STORAGE: undefined,\r\n SET_READY: undefined,\r\n SAVE_TO_LOCAL_STORAGE: undefined,\r\n },\r\n {prefix: 'authentication'}\r\n)\r\n","import keys from 'lodash/keys'\r\n\r\nconst objectToArray = (obj) => keys(obj).map((id) => obj[id])\r\n\r\nexport default objectToArray\r\n","import keys from 'lodash/keys'\r\nimport objectToArray from 'lib/objectToArray'\r\nimport {Weight, Goblet, Event, People, PaperPlane} from 'components/icons'\r\nimport i18n from '../i18n'\r\n\r\nconst types = {\r\n PRACTICE: {\r\n id: 1,\r\n color: 'primary',\r\n key: 'Træning',\r\n name: i18n.t('Træning'),\r\n icon: Weight,\r\n order: 0,\r\n },\r\n TOURNAMENT: {\r\n id: 4,\r\n color: 'danger',\r\n key: 'Kamp',\r\n name: i18n.t('Kamp'),\r\n icon: Goblet,\r\n order: 1,\r\n },\r\n EVENT: {\r\n id: 6,\r\n color: 'purple',\r\n key: 'Begivenhed',\r\n name: i18n.t('Begivenhed'),\r\n icon: Event,\r\n order: 2,\r\n },\r\n MEETING: {\r\n id: 2,\r\n color: 'success',\r\n key: 'Møde',\r\n name: i18n.t('Møde'),\r\n icon: People,\r\n order: 3,\r\n },\r\n OTHER: {\r\n id: 5,\r\n color: 'warning',\r\n key: 'Andet',\r\n name: i18n.t('Andet'),\r\n icon: PaperPlane,\r\n order: 4,\r\n },\r\n TYPE: {\r\n id: 0,\r\n color: 'warning',\r\n key: 'Andet',\r\n name: i18n.t('Andet'),\r\n icon: PaperPlane,\r\n hidden: true,\r\n },\r\n}\r\n\r\nexport const typesByName = types\r\nexport const typesAsArray = objectToArray(typesByName)\r\nexport const typesById = keys(types).reduce(\r\n (acc, name) => ({\r\n ...acc,\r\n [types[name].id]: types[name],\r\n }),\r\n {}\r\n)\r\n","import {createSelector} from 'reselect'\r\nimport {isEmpty, get} from 'lodash'\r\nimport {getClubs} from 'clubs/selectors'\r\n\r\nexport const getSimulateOnboarding = (state) => state.user.simulateOnboarding\r\nexport const getMembers = (state) => state.user.members\r\nexport const getActiveMemberId = (state) => state.user.activeMemberId\r\nexport const getIsFetching = (state) => state.user.isFetching\r\nexport const getActiveType = (state) => state.user.activeType\r\n\r\nexport const getNumberOfFamilyMembers = createSelector(getMembers, (members) =>\r\n Math.max(members.length - 1, 0)\r\n)\r\n\r\nexport const getActiveMember = createSelector(\r\n [getMembers, getActiveMemberId],\r\n (members, activeMemberId) =>\r\n members.find(({userId}) => userId === activeMemberId)\r\n)\r\nexport const getIsMember = createSelector(getActiveType, (type) =>\r\n typeof type === 'number' ? type === 1 : type\r\n)\r\n\r\nexport const getUser = getActiveMember\r\nexport const getUserId = getActiveMemberId\r\n\r\nexport const getFirstName = createSelector(\r\n getActiveMember,\r\n ({firstName}) => firstName\r\n)\r\nexport const getPhone = createSelector(\r\n getActiveMember,\r\n ({phone}) => phone\r\n)\r\nexport const getEmail = createSelector(\r\n getActiveMember,\r\n ({email}) => email\r\n)\r\nexport const getSurname = createSelector(\r\n getActiveMember,\r\n ({surname}) => surname\r\n)\r\nexport const getFullName = createSelector(\r\n [getFirstName, getSurname],\r\n (firstName, surname) => `${firstName} ${surname}`\r\n)\r\n\r\nexport const getImagePath = createSelector(\r\n getActiveMember,\r\n ({imagePath}) => imagePath\r\n)\r\n\r\nexport const getIsOnboarding = createSelector(\r\n [getClubs, getSimulateOnboarding],\r\n (clubs, simulateOnboarding) => simulateOnboarding || isEmpty(clubs)\r\n)\r\n\r\nexport const getIsGroupLeader = createSelector(\r\n [(state) => get(state, 'members.entities', {}), getUserId],\r\n (members, userId) => get(members, `[${userId}].type`) === 3\r\n)","import {createActions} from 'redux-actions'\r\n\r\nexport const {\r\n register,\r\n fetchChildren,\r\n setActive,\r\n fetchActiveType,\r\n deleteProfile,\r\n} = createActions(\r\n {\r\n REGISTER: {\r\n REQUESTED: [\r\n ({values}) => values,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n FETCH_CHILDREN: {\r\n REQUESTED: undefined,\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n SET_ACTIVE: undefined,\r\n FETCH_ACTIVE_TYPE: {\r\n REQUESTED: undefined,\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n DELETE_PROFILE: {\r\n REQUESTED: undefined,\r\n SUCCEEDED: undefined, \r\n }\r\n },\r\n {prefix: 'user'}\r\n)\r\n","import values from 'lodash/values'\r\n\r\nexport const types = {\r\n MEMBER: {\r\n id: 1,\r\n name: 'Medlem',\r\n },\r\n ADMIN: {\r\n id: 2,\r\n name: 'Administrator',\r\n },\r\n GROUP_LEAD: {\r\n id: 3,\r\n name: 'Gruppeleder',\r\n },\r\n}\r\n\r\nexport const roles = [\r\n {\r\n id: 1,\r\n name: 'Medlem',\r\n },\r\n {\r\n id: 2,\r\n name: 'Administrator',\r\n },\r\n {\r\n id: 3,\r\n name: 'Gruppeleder',\r\n },\r\n]\r\n\r\nexport const typeIds = {\r\n 1: types.MEMBER.name,\r\n 2: types.ADMIN.name,\r\n 3: types.GROUP_LEAD.name,\r\n}\r\n\r\nexport const typeColors = {\r\n [types.MEMBER.id]: 'success',\r\n [types.ADMIN.id]: 'purple',\r\n [types.GROUP_LEAD.id]: 'primary',\r\n}\r\n\r\nexport const columns = {\r\n FIRST_NAME: {\r\n id: 1,\r\n name: 'Fornavn',\r\n width: 1 / 6,\r\n key: 'firstName',\r\n pos: 1,\r\n },\r\n SURNAME: {\r\n id: 2,\r\n name: 'Efternavn',\r\n width: 1 / 6,\r\n key: 'surname',\r\n pos: 2,\r\n },\r\n EMAIL: {\r\n id: 3,\r\n name: 'Email',\r\n width: 1 / 4,\r\n key: 'email',\r\n pos: 3,\r\n },\r\n ZIP: {\r\n id: 4,\r\n name: 'Postnr.',\r\n width: 1 / 9,\r\n key: 'zip',\r\n pos: 4,\r\n },\r\n PHONE: {\r\n id: 5,\r\n name: 'Telefonnumer',\r\n width: 1 / 5,\r\n key: 'mobile',\r\n pos: 5,\r\n },\r\n}\r\n\r\nexport const columnsById = values(columns).reduce((acc, column) => {\r\n acc[column.id] = column\r\n\r\n return acc\r\n}, {})\r\n","import {take, race, call, put, all, takeEvery, select, takeLatest} from 'redux-saga/effects'\r\nimport {get} from 'lodash'\r\nimport {forgotPassword as forgotPasswordActions} from 'authentication/actions'\r\nimport {apiRequest} from 'app/sagas'\r\nimport {authenticate} from 'authentication'\r\nimport {saveToLocalStorage} from 'authentication/actions'\r\nimport {getActiveId as getActiveClubId} from 'clubs/selectors'\r\nimport {setActive as setActiveClub} from 'clubs/actions'\r\nimport * as actions from './actions'\r\nimport * as selectors from './selectors'\r\n\r\nexport function* forgotPassword() {\r\n while (true) {\r\n const action = yield take('FORGOT_PASSWORD_REQUESTED')\r\n\r\n const {\r\n payload: {email},\r\n meta: {resolve, reject},\r\n } = action\r\n\r\n try {\r\n const response = yield call(apiRequest, '/login/forgotpassword', {\r\n method: 'post',\r\n body: {\r\n email,\r\n },\r\n })\r\n\r\n yield put(forgotPasswordActions.succeeded(response))\r\n resolve()\r\n } catch (error) {\r\n yield put(forgotPasswordActions.failed(error))\r\n reject(error)\r\n }\r\n }\r\n}\r\n\r\nexport function* register() {\r\n while (true) {\r\n const {\r\n payload: {firstName, surname, email, password, clubToken, image},\r\n meta: {resolve, reject},\r\n } = yield take(actions.register.requested)\r\n\r\n try {\r\n const response = yield call(apiRequest, '/login/register', {\r\n method: 'post',\r\n body: {\r\n firstName,\r\n surname,\r\n email,\r\n password,\r\n clubToken,\r\n },\r\n })\r\n\r\n if (image) {\r\n const formData = new FormData()\r\n yield call([formData, 'append'], 'image', image, image.name)\r\n yield call([formData, 'append'], 'userId', response.userId)\r\n\r\n yield call(apiRequest, `/user/images/header`, {\r\n method: 'put',\r\n version: 'v3',\r\n overrideToken: response.authToken,\r\n body: formData,\r\n })\r\n }\r\n\r\n yield all([\r\n put(actions.register.succeeded(response)),\r\n put(authenticate.requested({email, password})),\r\n ])\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.register.failed(error))\r\n yield call(reject, error.message)\r\n }\r\n }\r\n}\r\n\r\nfunction* watchFetchChildren() {\r\n yield takeEvery(actions.fetchChildren.requested, fetchChildren)\r\n}\r\n\r\nfunction* fetchChildren() {\r\n try {\r\n const response = yield call(apiRequest, `/user/0/children`, {version: 'v3'})\r\n\r\n yield put(actions.fetchChildren.succeeded(response))\r\n } catch (error) {\r\n yield put(actions.fetchChildren.failed(error))\r\n }\r\n}\r\n\r\nfunction* watchFethcChildrenSucceeded() {\r\n while (true) {\r\n yield take(actions.fetchChildren.succeeded)\r\n yield put(saveToLocalStorage())\r\n }\r\n}\r\n\r\nfunction* putFetchActiveType() {\r\n while (true) {\r\n yield race([take(actions.setActive), take(setActiveClub)])\r\n yield put(actions.fetchActiveType.requested())\r\n }\r\n}\r\n\r\nfunction* watchFetchActiveType() {\r\n yield takeEvery(actions.fetchActiveType.requested, fetchActiveType)\r\n}\r\n\r\nfunction* fetchActiveType() {\r\n const clubId = yield select(getActiveClubId)\r\n const userId = yield select(selectors.getActiveMemberId)\r\n\r\n if (!clubId && !userId) {\r\n return\r\n }\r\n\r\n try {\r\n const types = yield call(apiRequest, '/user/clubmaps', {\r\n version: 'v3',\r\n })\r\n\r\n const typeForClub = types.find(\r\n ({apiClub, apiUser}) => apiClub.clubId.toString() === clubId.toString() && apiUser.userId.toString() === userId.toString()\r\n )\r\n \r\n yield put(actions.fetchActiveType.succeeded(get(typeForClub, 'memberType')))\r\n } catch (error) {\r\n yield put(actions.fetchActiveType.failed(error))\r\n }\r\n}\r\n\r\nfunction* deleteProfile() {\r\n try {\r\n const response = yield call(apiRequest, `/user/removeself`, {\r\n version: `v3`,\r\n method: `post`,\r\n })\r\n yield put(actions.deleteProfile.succeeded(response))\r\n } catch (error) {\r\n console.log(error)\r\n }\r\n}\r\n\r\nfunction* watchDeleteProfile(){\r\n yield takeLatest(actions.deleteProfile.requested, deleteProfile)\r\n}\r\n\r\nexport default [\r\n register,\r\n watchFetchChildren,\r\n putFetchActiveType,\r\n watchFetchActiveType,\r\n watchFethcChildrenSucceeded,\r\n watchDeleteProfile\r\n]\r\n","import {handleActions, combineActions} from 'redux-actions'\r\nimport {uniqBy} from 'lodash'\r\nimport {authenticate, recoverFromLocalStorage} from 'authentication/actions'\r\nimport * as actions from './actions'\r\n\r\nexport const initialState = {\r\n isFetching: false,\r\n simulateOnboarding: false,\r\n members: [],\r\n activeMemberId: null,\r\n activeType: null,\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [combineActions(authenticate.succeeded, recoverFromLocalStorage)]: (\r\n state,\r\n {payload: {surname, lastName, ...rest}}\r\n ) => {\r\n const user = {...rest, surname: lastName || surname}\r\n\r\n return {\r\n ...state,\r\n members: [user],\r\n activeMemberId: user.userId,\r\n }\r\n },\r\n\r\n [actions.fetchChildren.succeeded]: (state, {payload: members}) => ({\r\n ...state,\r\n members: uniqBy([...members, ...state.members], 'userId'),\r\n }),\r\n\r\n [actions.setActive]: (state, {payload: id}) => ({\r\n ...state,\r\n activeMemberId: id,\r\n }),\r\n\r\n\r\n [actions.fetchActiveType.requested]: (state) => ({\r\n ...state,\r\n isFetching: true\r\n }),\r\n\r\n [actions.fetchActiveType.succeeded]: (state, {payload: activeType}) => ({\r\n ...state,\r\n isFetching: false,\r\n activeType,\r\n }),\r\n\r\n \r\n [actions.fetchActiveType.failed]: (state) => ({\r\n ...state,\r\n isFetching: false\r\n }),\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","export const module_sponsor_exemptions_users = \"module_sponsor_exemptions_users\";\r\nexport const module_sponsor_exemptions = \"module_sponsor_exemptions\";\r\nexport const module_subscription = \"subscriptionmodule\";\r\nexport const module_sponsor = \"module_sponsor\";\r\nexport const module_onlime = \"module_onlime\";\r\nexport const module_payment = \"module_payment\";\r\nexport const module_payment_mobilepay = \"module_payment_mobilepay\";\r\nexport const module_payment_mobilepaysubscription = \"module_payment_mobilepaysubscription\";\r\nexport const module_ambassador = \"module_ambassador\";\r\nexport const module_activity = \"module_activity\";\r\nexport const module_chat = \"module_chat\";\r\nexport const module_dashboard = \"module_dashboard\";\r\nexport const module_mobileapp_webinfo = \"module_mobileapp_webinfo\";\r\nexport const module_member_signuplink_showwebbutton = \"module_member_signuplink_showwebbutton\";\r\nexport const module_integrations = \"module_integrations\";\r\n","import { css } from 'styled-components'\r\n\r\nconst createColorMixin = color => css`\r\n color: ${color};\r\n`\r\n\r\nexport default createColorMixin\r\n","import {css} from 'styled-components'\r\nimport {textAlign, fontWeight, color, space, opacity} from 'styled-system'\r\nimport createColorMixin from './createColorMixin'\r\n\r\nconst typography = css`\r\n font-family: ${props => props.theme.fontStack};\r\n color: ${props => props.theme.colors.black};\r\n ${props => props.facebook && createColorMixin(props.theme.colors.facebook)};\r\n ${props => props.primary && createColorMixin(props.theme.colors.primary)};\r\n ${props => props.success && createColorMixin(props.theme.colors.success)};\r\n ${props => props.danger && createColorMixin(props.theme.colors.danger)};\r\n ${props => props.warning && createColorMixin(props.theme.colors.warning)};\r\n ${props => props.purple && createColorMixin(props.theme.colors.purple)};\r\n ${props => props.secondary && createColorMixin(props.theme.colors.secondary)};\r\n ${props => props.light && createColorMixin(props.theme.colors.white)};\r\n ${props => props.left && 'text-align: left'};\r\n ${props => props.right && 'text-align: right'};\r\n font-weight: ${props => (props.bold ? 700 : 400)};\r\n font-size: ${props => (props.small ? '0.875em' : '1em')};\r\n opacity: ${props => (props.grayed ? 0.5 : 1)};\r\n ${textAlign};\r\n ${fontWeight};\r\n ${color};\r\n ${space};\r\n ${opacity};\r\n\r\n ${props => props.truncate && truncate};\r\n\r\n & > strong {\r\n font-weight: bold;\r\n }\r\n`\r\n\r\nconst truncate = css`\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n`\r\n\r\nexport default typography\r\n","export const getIsFetching = state => state.invitation.isFetching\r\nexport const getClub = state => state.invitation.club\r\nexport const getClubId = state => state.invitation.club.id\r\nexport const getClubGroups = state => state.invitation.club.groups\r\nexport const getToken = state => state.invitation.token\r\nexport const getUser = state => state.invitation.user\r\nexport const getOtherClubUsers = state => []\r\nexport const getUsers = (state, ids) =>\r\n ids.map(id => state.invitation.user.find(user => `${user.userId}` === `${id}`))\r\nexport const getDataPolicy = (state) => (state.invitation.dataPolicy)\r\nexport const getClubData = (state) => (state.club)\r\n","const countryCodes = {\r\n da: 'da',\r\n en: 'en',\r\n}\r\nexport default countryCodes\r\n","import {schema} from 'normalizr'\r\nimport {parse} from 'date-fns'\r\n\r\nconst message = new schema.Entity(\r\n 'messages',\r\n {},\r\n {\r\n processStrategy: ({createdAt, ...entity}) => ({\r\n ...entity,\r\n createdAt: parse(createdAt),\r\n }),\r\n }\r\n)\r\n\r\nexport default message\r\n","import {createActions} from 'redux-actions'\r\nimport {normalize} from 'normalizr'\r\nimport schema from './schema'\r\n\r\nexport const {fetch, create, update, remove} = createActions(\r\n {\r\n FETCH: {\r\n REQUESTED: undefined,\r\n FAILED: undefined,\r\n SUCCEEDED: (data) => normalize(data, [schema]),\r\n },\r\n CREATE: {\r\n REQUESTED: [\r\n ({values}) => values,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: (data) => normalize(data, schema),\r\n },\r\n UPDATE: {\r\n REQUESTED: [\r\n ({values}) => values,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: (data) => normalize(data, schema),\r\n },\r\n REMOVE: {\r\n REQUESTED: undefined,\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n },\r\n {prefix: 'messages'}\r\n)\r\n","import {createSelector} from 'reselect'\r\nimport {values, get} from 'lodash'\r\nimport {compareAsc, compareDesc} from 'date-fns'\r\nimport {getGroups} from 'groups'\r\nimport {getMembers} from 'members'\r\n\r\nexport const getActivities = (state) => state.activities.entities\r\nexport const getArchivedActivities = (state) =>\r\n state.activities.archivedEntities\r\nexport const getOffset = (state) => state.activities.offset\r\nexport const getArchivedOffset = (state) => state.activities.archivedOffset\r\nexport const getIsExhausted = (state) => state.activities.isExhausted\r\nexport const getArchivedIsExhausted = (state) =>\r\n state.activities.archivedIsExhausted\r\nexport const getActivity = (state, id) =>\r\n state.activities.entities[id] || state.activities.archivedEntities[id]\r\nexport const getIsFetching = (state) => state.activities.isFetching\r\nexport const getTotalCount = (state) => state.activities.totalCount\r\nexport const getImportAcitivites = (state) => state.activities.import\r\n\r\nexport const getImportAcitivitesArray = createSelector(\r\n [getImportAcitivites],\r\n (activities) => values(activities)\r\n)\r\n\r\nconst getCurrentActivityId = (_, {id}) => id\r\nconst getType = (_, props) => get(props, 'params.type')\r\nconst getArchived = (_, props) =>\r\n get(props, 'params.archived', 'false') === 'true'\r\n\r\nexport const getActivitiesArray = createSelector(\r\n [getArchived, getActivities, getArchivedActivities],\r\n (archived, activities, archivedActivities) =>\r\n values(archived ? archivedActivities : activities).filter(\r\n (activity) => !activity.removed\r\n )\r\n)\r\n\r\nconst getFilteredActivities = createSelector(\r\n [getActivitiesArray, getType],\r\n (activities, type) =>\r\n type\r\n ? activities.filter((activity) => `${activity.type}` === type)\r\n : activities\r\n)\r\n\r\nexport const getActivitiesByDay = createSelector(\r\n [getArchived, getFilteredActivities],\r\n (archived, activities) =>\r\n activities.sort((a, b) =>\r\n (archived ? compareDesc : compareAsc)(a.start, b.start)\r\n )\r\n)\r\n\r\nexport const getNumberOfUpcomingActivities = createSelector(\r\n [getActivitiesArray],\r\n (activities) => activities.length\r\n)\r\n\r\nexport const getCurrentActivity = createSelector(\r\n [getActivities, getCurrentActivityId],\r\n (activities, id) => activities[id]\r\n)\r\n\r\nexport const getGroupInvitedMembers = createSelector(\r\n [getCurrentActivity, getGroups, getMembers],\r\n (activity, groups, members) =>\r\n get(activity, 'groups', []).flatMap((id) =>\r\n get(groups, `[${id}].users`, [])\r\n )\r\n)\r\n"],"sourceRoot":""}
Der skete en fejl
\r\n )}\r\n- \r\n {items.map(({id, ...item}) => (\r\n
\r\n \r\n \r\n | \r\n \r\n {!detailsVisible &&\r\n (inactive ? (\r\n | \r\n \r\n \r\n {firstName}\r\n \r\n {isLeader && (\r\n \r\n \r\n {({show, hide}) => (\r\n \r\n )}\r\n | \r\n \r\n \r\n {surname}\r\n \r\n | \r\n \r\n | \r\n \r\n \r\n {birthdate && format(birthdate, 'DD-MM-YYYY')}\r\n \r\n | \r\n \r\n {inactive && (\r\n <>\r\n \r\n \r\n {t('Inaktiv')}\r\n \r\n \r\n \r\n \r\n {invitationModalVisible && (\r\n | \r\n \r\n \r\n \r\n | \r\n \r\n\r\n {detailsVisible && (\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {infoModalVisible && (\r\n \r\n \r\n \r\n Det er ikke muligt at ændre oplysninger på et medlem,\r\n idet en bruger i MinForening kan være medlem af flere\r\n foreninger.\r\n \r\n \r\n \r\n )}\r\n \r\n {phone}\r\n \r\n \r\n \r\n \r\n {!isChild && email}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {address}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {zip} {city}\r\n \r\n \r\n \r\n \r\n {t('Bruger ID')}:
\r\n {tenantUserId} \r\n \r\n \r\n {t('Medlems ID')}:
\r\n {clubInternalMemberId} \r\n \r\n {inactive || club.canEditMembers ? (\r\n <>\r\n \r\n \r\n \r\n {editModalVisible && (\r\n \r\n \r\n \r\n {t('Relationer')}\r\n \r\n \r\n\r\n \r\n {!dummy && }\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\n\r\nconst enhancer = connect(createStructuredSelector({\r\n club: getClubInfo,\r\n}))\r\n\r\nexport default enhancer(MemberRow)\r\n\r\n","import {Box, Flex} from '@rebass/grid'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\nimport {LinkButton} from 'components'\r\n\r\nconst Container = styled(Flex).attrs({\r\n mt: 2,\r\n})`\r\n width: 100%;\r\n border-radius: 3px;\r\n overflow: hidden;\r\n`\r\n\r\nconst Title = styled(Box).attrs({\r\n p: 2,\r\n flex: '1',\r\n})`\r\n background: ${(props) => props.theme.colors.primary};\r\n`\r\n\r\nconst Relation = ({title, to, hide, linkText, children}) => (\r\n \r\n {tenantUserId} \r\n
\r\n {clubInternalMemberId} \r\n
\r\n \r\n {t('Der er ingen relationer')}\r\n \r\n \r\n
\r\n ) : (\r\n <>\r\n {member.parents.length > 0 && (\r\n <>\r\n {t('Forældre')}
\r\n {member.parents\r\n .filter(({userId: id}) => members[id])\r\n .map(renderRelation)}\r\n \r\n )}\r\n {member.children.length > 0 && (\r\n <>\r\n{t('Børn')}
\r\n {member.children\r\n .filter(({userId: id}) => members[id])\r\n .map(renderRelation)}\r\n \r\n )}\r\n \r\n\r\n \r\n )}\r\n\r\n
}\r\n \r\n
\r\n \r\n {members\r\n .filter((member) => member && member.id)\r\n .map((member, index) =>\r\n {\r\n var userId = useMemo(\r\n () => (133337 + member.id * 3).toString(16).toUpperCase(), // Please, don't ask ...\r\n [member.id]\r\n );\r\n \r\n var clubInternalMemberId = userId\r\n if (member.clubInternalMemberId) {\r\n clubInternalMemberId = member.clubInternalMemberId;\r\n }\r\n \r\n \r\n return (\r\n <> \r\n {scrollHeight + 400 > index * 42 && scrollHeight - 400 < index * 42 &&\r\n
\r\n \r\n \r\n\r\n
\r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouterParams,\r\n connect(\r\n createStructuredSelector({\r\n active: getActive,\r\n activeName: getActiveName,\r\n groups: getNestedGroupsArray,\r\n })\r\n )\r\n)\r\n\r\nexport default enhancer(GroupDropdown)\r\n","export default __webpack_public_path__ + \"static/media/integrations-winkas.529c5818.png\";","export default __webpack_public_path__ + \"static/media/integrations-conventus.f0e7c332.png\";","const steps = {\r\n CHOOSE: 1,\r\n CONVENTUS: 2,\r\n CSV: 3,\r\n DONE: 4,\r\n\r\n 1: 'CHOOSE',\r\n 2: 'CONVENTUS',\r\n 3: 'CSV',\r\n 4: 'DONE',\r\n}\r\n\r\nexport default steps\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {Button, Box, Flex, Link} from 'components'\r\nimport winKas from 'images/integrations-winkas.png'\r\nimport conventus from 'images/integrations-conventus.png'\r\nimport steps from './steps'\r\nimport countryCodes from 'lib/countryCodes'\r\n\r\nconst Container = styled(Box)`\r\n height: 114px;\r\n border-radius: 5px;\r\n background-image: url(${(props) => props.image});\r\n background-position: center center;\r\n background-size: cover;\r\n`\r\n\r\nconst ChooseMethod = ({setStep, countryCode}) => {\r\n const [t] = useTranslation()\r\n\r\n const methods = [\r\n {\r\n title: t('Importer medlemmer'),\r\n step: steps.CSV,\r\n color: 'purple',\r\n },\r\n ]\r\n if (countryCode === countryCodes.da) {\r\n methods.splice(0, 0, {\r\n title: t('Importer medlemmer, roller og grupper'),\r\n step: steps.CONVENTUS,\r\n color: 'primary',\r\n })\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n {t('Vælg dokument')}\r\n \r\n {acceptedFiles.length > 0 && {acceptedFiles[0].name} }\r\n
\r\n )}\r\n \r\n )\r\n}\r\n\r\nconst ExcelImportForm = ({upload, clear, method}) => {\r\n const [error, setError] = useState(null)\r\n\r\n const handleSubmit = ({file}) => {\r\n new Promise((resolve, reject) => {\r\n clear()\r\n upload({file, method, resolve, reject})\r\n }).catch((error) => setError(error))\r\n }\r\n\r\n return (\r\n {t('Guide til Conventus-import')}
\r\n\r\n \r\n {title}
\r\n\r\n\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n withRouter,\r\n withRouterParams,\r\n withProps({\r\n types: typesAsArray.filter((type) => !type.hidden),\r\n })\r\n)\r\n\r\nexport default enhancer(TypeList)\r\n","import React from 'react'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {compose, mapProps} from 'recompose'\r\nimport {withToggle, withRouterParams} from 'lib/hoc'\r\nimport {Button} from 'components'\r\nimport TypeList from './TypeList'\r\nimport {typesById} from 'activities/constants'\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst FilterDropdown = ({listVisible, toggleList, hideList, current}) => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n \r\n \r\n Glemt dit kodeord?\r\n \r\n
\r\n \r\n \r\n {t('Logind med Microsoft 365')}\r\n \r\n )\r\n}\r\n\r\nexport default MicroButton","import React, {useContext, useEffect, useState} from 'react'\r\nimport styled from 'styled-components'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {Helmet} from 'react-helmet'\r\nimport {useTranslation} from 'react-i18next'\r\nimport {getAuthenticated} from 'authentication'\r\nimport {getCompanyName, getTldLocale, getTld} from 'app/selectors'\r\nimport {Flex, Card, Button, Link, Image, Text, Box} from 'components'\r\nimport {Back} from 'components/icons'\r\nimport LoginForm from './LoginForm'\r\nimport {Context} from 'Cookies'\r\nimport getBadge from 'jsonFetches/getBadge'\r\nimport getLogo from 'jsonFetches/getLogo'\r\nimport getMainWebsite from 'jsonFetches/getMainWebsite'\r\nimport MicroButton from 'microsoftLogin/MicroButton'\r\n\r\nconst Container = styled(Flex).attrs({\r\n flex: '1',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n})`\r\n min-height: 100vh;\r\n`\r\n\r\nconst Login = ({\r\n location: {state},\r\n authenticated,\r\n companyName,\r\n tld,\r\n locale,\r\n whiteLabelData\r\n}) => {\r\n const {showModal} = useContext(Context)\r\n const [t] = useTranslation()\r\n const [logo, setLogo] = useState('');\r\n const [mainWebsiteUrl, setMainWebsiteUrl] = useState('');\r\n const [isSigningInExternal, setIsSigningInExternal] = useState(false);\r\n \r\n useEffect(() => {\r\n if (window.location.href.indexOf('#code') !== -1) {\r\n setIsSigningInExternal(true)\r\n }\r\n if (whiteLabelData.appSettings){\r\n setMainWebsiteUrl(getMainWebsite(whiteLabelData))\r\n }\r\n }, [])\r\n\r\n\r\n return authenticated ? (\r\n {t('Eller')}
\r\n\r\n {whiteLabelData.appSettings && \r\n\r\n {t('Ved at indsende ')}\r\n \r\n {t('MobilePay - foreningsaftale med MinForening')}\r\n \r\n {t(', så kan dine medlemmer nemt betale via MobilePay i appen.')}\r\n
\r\n {t('Alle er stoppet')}\r\n
\r\n }\r\n MobilePay - foreningsaftale med MinForening
\r\n\r\n {showAmount && (\r\n <>\r\n ({price(sumAmount(payers))}\r\n {countryCode === countryCodes.da &&\r\n ` heraf ${price(sumMPAmout(payers))} via MobilePay`}\r\n )\r\n \r\n )}\r\n
\r\n )}\r\n {str}
\r\n ))}\r\n \r\n {t(\r\n 'Inden du kan oprette din forening, skal du først oprette dig som bruger i {{companyName}}',\r\n {companyName}\r\n )}\r\n
\r\n\r\n {club.clubName}\r\n
\r\n\r\n {t('Ingen kommende aktiviteter')}\r\n
\r\n\r\n {t('Opret forening')}\r\n
\r\n\r\n Conventus\r\n
\r\n\r\n Web service tilkobling\r\n
\r\n\r\n
\r\n \r\n Grupper\r\n
\r\n \r\n Der er i alt {externalSystemInfo.groupsConnected} ud af {(parseInt(externalSystemInfo.departmentsCount) + parseInt(externalSystemInfo.groupsCount))} grupper forbundet \r\n \r\n
\r\n \r\n \r\n Der er i alt {externalSystemInfo.groupsConnected} ud af {(parseInt(externalSystemInfo.departmentsCount) + parseInt(externalSystemInfo.groupsCount))} grupper forbundet \r\n \r\n
\r\n
\r\n \r\n Brugere\r\n
\r\n \r\n Der er i alt {externalSystemInfo.membersConnected} ud af {externalSystemInfo.membersCount} brugere forbundet.\r\n
Brugerne forbindes ud fra deres email. I MinForening er det ikke muligt at flere brugere på samme email adresse.\r\n \r\n
\r\n \r\n \r\n Der er i alt {externalSystemInfo.membersConnected} ud af {externalSystemInfo.membersCount} brugere forbundet.\r\n
Brugerne forbindes ud fra deres email. I MinForening er det ikke muligt at flere brugere på samme email adresse.\r\n \r\n
\r\n
\r\n \r\n Inaktive brugere\r\n
\r\n \r\n Der er i alt {externalSystemInfo.dummyConnected} ud af {externalSystemInfo.membersCount} inaktive brugere forbundet.\r\n
Brugerne forbindes ud fra deres email. I MinForening er det ikke muligt at flere brugere på samme email adresse.\r\n \r\n
\r\n \r\n \r\n Der er i alt {externalSystemInfo.dummyConnected} ud af {externalSystemInfo.membersCount} inaktive brugere forbundet.\r\n
Brugerne forbindes ud fra deres email. I MinForening er det ikke muligt at flere brugere på samme email adresse.\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n WinKAS Air Synkronisering\r\n
\r\n(.*?)<\\/h1>/)[1]\r\n const paragraphs = html\r\n .match(/
(.*?)<\\/p>/g)\r\n .map((match) => match.replace(/<\\/?p>/g, ''))\r\n\r\n return {title, paragraphs}\r\n}\r\n\r\nconst Agreement = ({fetchAgreement, activeId}) => {\r\n const [isLoading, setIsLoading] = useState(true)\r\n const [title, setTitle] = useState(null)\r\n const [paragraphs, setParagraphs] = useState([])\r\n\r\n useEffect(() => {\r\n new Promise((resolve) => {\r\n setIsLoading(true)\r\n fetchAgreement({resolve})\r\n }).then((content) => {\r\n setIsLoading(false)\r\n\r\n const {title, paragraphs} = parseAgreement(content)\r\n setTitle(title)\r\n setParagraphs(paragraphs)\r\n })\r\n }, [activeId, fetchAgreement, setIsLoading, setTitle, setParagraphs])\r\n\r\n return isLoading ? (\r\n
{title}
\r\n\r\n(.*?)<\\/h1>/)[1]\r\n const paragraphs = html\r\n .match(/
(.*?)<\\/p>/g)\r\n .map((match) => match.replace(/<\\/?p>/g, ''))\r\n\r\n return {title, paragraphs}\r\n}\r\n\r\nconst KevinAgreement = ({getClubPaymentMethods, activeId}) => {\r\n const [isLoading, setIsLoading] = useState(true)\r\n const [kevinPaymentMethod, setKevinPaymentMethod] = useState(null)\r\n// const [paragraphs, setParagraphs] = useState([])\r\n\r\n useEffect(() => {\r\n new Promise((resolve) => {\r\n setIsLoading(true)\r\n getClubPaymentMethods({resolve})\r\n }).then(result => {\r\n setIsLoading(false)\r\n let paymentMethods = result.filter(p => p.paymentMethodName.toLowerCase() == \"kevin\");\r\n if (paymentMethods.length > 0) {\r\n setKevinPaymentMethod(paymentMethods[0]);\r\n }\r\n \r\n })\r\n }, [activeId, getClubPaymentMethods, setIsLoading])\r\n\r\n return isLoading ? (\r\n
MinForening betalingsløsning opsætning
\r\n\r\n(.*?)<\\/h1>/)[1]\r\n const paragraphs = html\r\n .match(/
(.*?)<\\/p>/g)\r\n .map((match) => match.replace(/<\\/?p>/g, ''))\r\n\r\n return {title, paragraphs}\r\n}\r\n\r\nconst MobilepaySubscriptionAgreement = ({getClubPaymentMethods, activeId}) => {\r\n const [isLoading, setIsLoading] = useState(true)\r\n const [paymentMethod, setPaymentMethod] = useState(null)\r\n const [t] = useTranslation()\r\n// const [paragraphs, setParagraphs] = useState([])\r\n\r\n\r\n useEffect(() => {\r\n new Promise((resolve) => {\r\n setIsLoading(true)\r\n getClubPaymentMethods({resolve})\r\n }).then(result => {\r\n setIsLoading(false)\r\n let paymentMethods = result.filter(p => p.paymentMethodName.toLowerCase() == \"mobilepaysubscription\");\r\n if (paymentMethods.length > 0) {\r\n setPaymentMethod(paymentMethods[0]);\r\n }\r\n })\r\n }, [activeId, getClubPaymentMethods, setIsLoading])\r\n\r\n return isLoading ? (\r\n
{t(\"Mobilepay abonnement opsætning\")}
\r\n\r\n(.*?)<\\/h1>/)[1]\r\n const paragraphs = html\r\n .match(/
(.*?)<\\/p>/g)\r\n .map((match) => match.replace(/<\\/?p>/g, ''))\r\n\r\n return {title, paragraphs}\r\n}\r\n\r\nconst MobilepayClubDirectSubscriptionAgreement = ({getClubPaymentMethods, activeId}) => {\r\n const [isLoading, setIsLoading] = useState(true)\r\n const [kevinPaymentMethod, setKevinPaymentMethod] = useState(null)\r\n// const [paragraphs, setParagraphs] = useState([])\r\n\r\n useEffect(() => {\r\n new Promise((resolve) => {\r\n setIsLoading(true)\r\n getClubPaymentMethods({resolve})\r\n }).then(result => {\r\n setIsLoading(false)\r\n let paymentMethods = result.filter(p => p.paymentMethodName.toLowerCase() == \"kevin\");\r\n if (paymentMethods.length > 0) {\r\n setKevinPaymentMethod(paymentMethods[0]);\r\n }\r\n \r\n })\r\n }, [activeId, getClubPaymentMethods, setIsLoading])\r\n\r\n return isLoading ? (\r\n
Mobilepay subscription opsætning
\r\n\r\n{t('Vælg betalingsmetode')}
\r\n\r\n
{t('Fritagelser for sponsorvisninger')}
\r\n{t('Sponsoroverblik')}
\r\n{t('onlimeTitle')}
\r\n- \r\n {[1, 2, 3, 4, 5].map((id) => (\r\n
- \r\n
{t(`onlimePoint${id}`)} \r\n \r\n ))}\r\n
\r\n {club.clubName}\r\n
\r\n- \r\n