(.*?)<\\/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
\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(MobilepayAgreementForm)\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 './MobilepayAgreementForm'\r\n\r\nfunction parseAgreement(html) {\r\n const title = html.match(/(.*?)<\\/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 MobilepayAgreement = ({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, paymentMethodId: 2})\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 \r\n {paragraphs.map((paragraph, index) => (\r\n \r\n {paragraph}\r\n \r\n ))}\r\n \r\n\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 paymentAgreementAccepted: getPaymentAgreementAccepted,\r\n paymentAgreementInfo: getPaymentAgreementInfo,\r\n }),\r\n {\r\n acceptPaymentAgreement: acceptPaymentAgreement.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 useCustomTranslation from 'lib/customT'\r\nimport {fetchAgreement} from 'clubs/actions'\r\nimport TransWrapper from 'lib/transWrapper'\r\n\r\n\r\nfunction parseAgreement(html) {\r\n const title = html.match(/(.*?)<\\/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, fetchAgreement, activeId}) => {\r\n const [isLoading, setIsLoading] = useState(true)\r\n const [paymentMethod, setPaymentMethod] = useState(null)\r\n const t = useCustomTranslation()\r\n// const [paragraphs, setParagraphs] = useState([])\r\n\r\n\r\n useEffect(() => {\r\n\r\n new Promise((resolve) => {\r\n setIsLoading(true)\r\n getClubPaymentMethods({resolve})\r\n }).then(result => {\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 new Promise((resolve) => {\r\n fetchAgreement({resolve, paymentMethodId: 4})\r\n }).then(() => {\r\n setIsLoading(false)\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 \r\n \r\n \r\n \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 {t(\"Mobilepay Integration\")} \r\n\r\n \r\n {`\r\n ${t(`Ønsker I at sætte jeres egen MobilePay-konto op til MobilePay Payments og MobilePay Subscriptions i MinForening, så skal I godkende MinForening som 3. parts integration med MobilePay. \r\n\r\n Med MobilePay integration bliver jeres medlemmers transaktioner automatisk overført fra MobilePay til jeres foreningskonto. \r\n\r\n Derudover giver MobilePay Portalen jer nem adgang til at eksportere rapporter med oversigt over MobilePay indbetalinger fra jeres medlemmer. \r\n\r\n Tryk`)} ${Her } for guide og pris for opsætning af MobilePay integration med MinForening.\r\n \r\n `}\r\n \r\n {window.location.href='https://portal.mobilepay.dk/auth/login?encodedQueryString=P1JldHVyblVybD0lMkZhY2NvdW50JTJGY29ubmVjdCUyRmF1dGhvcml6ZSUyRmNhbGxiYWNrJTNGcmVzcG9uc2VfdHlwZSUzRGNvZGUlMjUyMGlkX3Rva2VuJTI2bm9uY2UlM0RoVkp1ajRwd2xOWEgxazZMdDBneDJnJTI2c3RhdGUlM0RxUHJDY2N5TmZXYzlKWmx2anVIT1RRJTI2Y29kZV9jaGFsbGVuZ2UlM0RYdnpXeUNSVFB1NzZxQXl1VksyZVpnSWg3YkZsdjU4TEpUVEs0MWFOaHhRJTI2Y29kZV9jaGFsbGVuZ2VfbWV0aG9kJTNEUzI1NiUyNmNsaWVudF9pZCUzRG1pbmZvcmVuaW5nJTI2c2NvcGUlM0RvcGVuaWQlMjUyMHN1YnNjcmlwdGlvbnMlMjUyMHRyYW5zYWN0aW9ucmVwb3J0aW5nJTI1MjBvZmZsaW5lX2FjY2VzcyUyNnJlZGlyZWN0X3VyaSUzRGh0dHBzJTI1M0ElMjUyRiUyNTJGYXBpLm1pbmZvcmVuaW5nLmRrJTI1MkZhcGklMjUyRnY0JTI1MkZwYXltZW50cyUyNTJGbW9iaWxlcGF5c3Vic2NyaXB0aW9uJTI1MkZjYWxsYmFjayUyNnJlc3BvbnNlX21vZGUlM0Rmb3JtX3Bvc3Q~EOF';}}>Indsend \r\n \r\n\r\n \r\n )\r\n}\r\n\r\n\r\nexport default Integration","import React from 'react'\r\n\r\nconst External = () => {\r\n return (\r\n External
\r\n )\r\n}\r\n\r\nexport default External","import React from 'react'\r\nimport KevinAgreement from './Kevin/KevinAgreement.js'\r\nimport MobilepayAgreement from './Mobilepay/MobilepayAgreement.js'\r\nimport MobilepaySubscriptionAgreement from './MobilepaySubscription/MobilepaySubscriptionAgreement.js'\r\nimport Integration from './Integration/Integration.js'\r\nimport External from './External/External.js'\r\n\r\n\r\nconst Agreement = ({method}) => {\r\n return <>\r\n {\r\n method === \"external\" && MobilepayDone
\r\n )\r\n}\r\n\r\nexport default MobilepayDone","import React from 'react'\r\n\r\nconst MobilepaySubscriptionDone = () => {\r\n return (\r\n MobilepaysubscriptionDone
\r\n )\r\n}\r\n\r\nexport default MobilepaySubscriptionDone","import React from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { H1, Box, Text } from 'components'\r\n\r\nconst IntegrationDone = () => {\r\n const [t] = useTranslation()\r\n\r\n return (\r\n <>\r\n {t(\"Mobilepay Integration\")} \r\n\r\n \r\n \r\n {t(`MinForening er hermed i MobilePay blevet godkendt som tredjepartsintegration. For opsætning af MobilePay Integration i MinForening bedes I indbetale 750 kr. til MinForening. Når beløbet på 750 er modtaget, modtager I i løbet af 2-5 dage en mail fra MinForening med besked om, at jeres integration med MobilePay i MinForening er blevet sat op og dermed klar til brug.`)}\r\n \r\n \r\n\r\n \r\n )\r\n}\r\n\r\nexport default IntegrationDone","import React from 'react'\r\n\r\nconst ExternalDone = () => {\r\n return (\r\n ExternalDone
\r\n )\r\n}\r\n\r\nexport default ExternalDone","import React from 'react'\r\n\r\nconst KevinDone = () => {\r\n return (\r\n KevinDone
\r\n )\r\n}\r\n\r\nexport default KevinDone","import React from 'react'\r\nimport MobilepayDone from './Done/MobilepayDone'\r\nimport MobilepaySubscriptionDone from './Done/MobilepaySubscriptionDone'\r\nimport IntegrationDone from './Done/IntegrationDone'\r\nimport ExternalDone from './Done/ExternalDone'\r\nimport KevinDone from './Done/KevinDone'\r\n\r\nconst AgreementDone = ({method}) => {\r\n return <>\r\n {\r\n method === \"external\" && {t('Vælg betalingsmetode')} \r\n \r\n \r\n {tabs.map((tab) => useFeature(`module_payment_${tab.url.toLowerCase()}`).on &&\r\n (\r\n \r\n \r\n {tabs.map((tab) => useFeature(`module_payment_${tab.url.toLowerCase()}`).on &&\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 }), {getPaymentMethods: getClubPaymentMethods.requested}\r\n )\r\n )\r\n \r\nexport default enhancer(PaymentMethods)\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\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\r\n\r\n return (\r\n \r\n \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 = useCustomTranslation()\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 {isSubmitting ? \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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport BuyViewsForm from './BuyViewsForm'\r\n\r\nconst BuyViewsModal = ({\r\n hide,\r\n}) => {\r\n const t = useCustomTranslation()\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\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 {showEditModal(id)}}>\r\n {t('Rediger')}\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n {t('Billede')}\r\n \r\n | \r\n \r\n \r\n {t('Navn')}\r\n \r\n | \r\n \r\n \r\n {t('Link')}\r\n \r\n | \r\n \r\n \r\n {t('Medlemmer')}\r\n \r\n | \r\n \r\n \r\n {t('Ekstern')}\r\n \r\n | \r\n \r\n \r\n {t('Visninger')}\r\n \r\n | \r\n \r\n \r\n {t('Maks visninger')} \r\n \r\n | \r\n \r\n \r\n {t('Options')} \r\n \r\n | \r\n
\r\n \r\n {sponsors.map(({id, ...sponsor}) => ( \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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\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 {showEditNoSponsorModal(id)}}>\r\n {t('Rediger')}\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\r\n return (\r\n <> \r\n \r\n \r\n \t\r\n \r\n \r\n {t('Aktiv status')}\r\n \r\n | \t\t\t\r\n \r\n \r\n {t('Navn')}\r\n \r\n | \r\n \r\n \r\n {t('Visninger')}\r\n \r\n | \r\n \r\n \r\n {t('Maks visninger')} \r\n \r\n | \r\n \r\n \r\n {t('Indstillinger')} \r\n \r\n | \r\n
\r\n {exemptRoles.map(({index, ...exemptRole}) => ( \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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\r\n const isReady = useMemo(() => !!club, [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 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, \r\n reRenderMe, club]) \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 {t('Køb sponsor visninger')}\r\n \r\n \r\n {t('Tilføj ny sponsor')}\r\n \r\n \r\n {t('Samlet antal sponsorvisninger tilbage')}:{' '}\r\n {remaningViews} \r\n \r\n \r\n {t('Fritagelser for sponsorvisninger')} \r\n \r\n \r\n {t('Sponsoroverblik')} \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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport {Text} from 'components'\r\nimport {getCompanyName, getTldEmail} from 'app/selectors'\r\n\r\nconst Ambassador = ({companyName, email}) => {\r\n const t = useCustomTranslation()\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 = useCustomTranslation()\r\n\r\n return (\r\n <>\r\n {t('onlimeTitle')} \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 \r\n {[1, 2, 3, 4, 5].map((id) => (\r\n \r\n {t(`onlimePoint${id}`)} \r\n \r\n ))}\r\n \r\n {t('onlimeEpilogue')} \r\n \r\n \r\n {t('onlimeActivateButton')}\r\n \r\n \r\n {t('Læs mere')}\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 styled from 'styled-components';\r\nimport { Button } from 'components';\r\n\r\n\r\nexport const PanelContainer = styled.div`\r\n justify-content: flex-end;\r\n background-color: #8395AB;\r\n height: 210px;\r\n border-radius: 5px;\r\n padding: 20px;\r\n padding-bottom: 1rem; \r\n position: relative;\r\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); \r\n`;\r\n\r\nexport const ButtonContainer = styled.div`\r\n display: flex;\r\n justify-content: flex-end;\r\n`;\r\n\r\nexport const TitleContainer = styled.div`\r\n display: flex;\r\n align-items: center;\r\n`;\r\n\r\nexport const Title = styled.h2`\r\n font-weight: bold;\r\n font-size: 1.3rem;\r\n color: #fff;\r\n margin-left: 10px;\r\n`;\r\n\r\nexport const TextInput = styled.input`\r\n padding: 2rem;\r\n margin-top: 10px;\r\n margin-bottom: 20px;\r\n border-radius: 5px;\r\n border: none;\r\n width: 100%;\r\n height: 12vh;\r\n`;\r\n\r\nexport const AskButton = styled(Button)`\r\n background-color: #DFB388;\r\n color: #fff;\r\n border: none;\r\n padding: 10px 20px;\r\n margin-top: 7rem;\r\n border-radius: 5px;\r\n position: absolute;\r\n right: 4vw;\r\n top: 4px;\r\n font-weight: bold;\r\n font-size: 1rem;\r\n transition: background-color 0.3s ease;\r\n\r\n &:hover {\r\n background-color: #ABD395; \r\n }\r\n`;\r\n\r\nexport const OplevButton = styled(Button)`\r\n background-color: #DFB388;\r\n color: #fff;\r\n border: none;\r\n padding: 10px 20px;\r\n margin-top: 1rem;\r\n border-radius: 5px;\r\n right: 4vw;\r\n top: 4px;\r\n font-weight: bold;\r\n font-size: 1rem;\r\n transition: background-color 0.3s ease;\r\n\r\n &:hover {\r\n background-color: #ABD395; \r\n }\r\n`;\r\n\r\nexport const FaqButton = styled(Button)`\r\n background-color: #DFB388;\r\n color: #fff;\r\n border: none;\r\n padding: 10px 20px;\r\n margin-top: 1rem;\r\n border-radius: 5px;\r\n margin-right: 1rem;\r\n right: 4vw;\r\n top: 4px;\r\n font-weight: bold;\r\n font-size: 1rem;\r\n transition: background-color 0.3s ease;\r\n\r\n &:hover {\r\n background-color: #ABD395; \r\n }\r\n`;\r\n","// VideoModal for showing info about how to use the modules. change the iframe link...\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nconst ModalOverlay = styled.div`\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n z-index: 4000;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n`;\r\n\r\nconst ModalContent = styled.div`\r\nposition: relative;\r\n background-color: #fff;\r\n padding: 20px;\r\n border-radius: 5px;\r\n`;\r\n\r\nconst CloseButton = styled.button`\r\n position: absolute;\r\n top: 0rem;\r\n right: -3rem;\r\n background: none;\r\n border: none;\r\n color: #D89194;\r\n cursor: pointer;\r\n font-size: 2rem;\r\n`;\r\n\r\nconst VideoModal = ({ videoUrl, onClose }) => {\r\n return (\r\n \r\n show video here. If you are planning on using iframes: beware of the unsecurity of iframes...\r\n X \r\n \r\n \r\n );\r\n};\r\n\r\nexport default VideoModal;\r\n","import React, { useState } from 'react';\r\nimport { QuestionExchange, HelpCenter, Experience } from 'components/icons';\r\nimport { PanelContainer, ButtonContainer, TitleContainer, Title, TextInput, AskButton, OplevButton, FaqButton } from './Panel.styles'; \r\nimport VideoModal from './VideoModal'; \r\nimport useCustomTranslation from 'lib/customT';\r\n\r\nconst Panel = () => {\r\n const [showModal, setShowModal] = useState(false); // State for controlling the modal\r\n\r\n // Function to open the modal with the videos about the usage of the modules\r\n const handleOplevButtonClick = () => {\r\n setShowModal(true);\r\n };\r\n\r\n // Function to close this modal again\r\n const handleCloseModal = () => {\r\n setShowModal(false);\r\n };\r\n\r\n const t = useCustomTranslation();\r\n\r\n return (\r\n <>\r\n \r\n \r\n { t('Spørg vores AI til råds')} \r\n \r\n {t('Spørg')} \r\n \r\n \r\n \r\n \r\n \r\n {/* onClick-handler for opening the modal */}\r\n \r\n \r\n \r\n \r\n {showModal && { t('Tilføj moduler fra MinOrganisation')} \r\n \r\n {squares.map((square, index) => {\r\n const installedModuleData = installedModules[index];\r\n return (\r\n handleClick(square.title, square.icon)}>\r\n \r\n {square.icon}\r\n \r\n {square.title} \r\n {installedModuleData && installedModuleData[0]?.status === 1 && (\r\n \r\n \r\n
\r\n \r\n )}\r\n {installedModuleData && installedModuleData[0]?.status === 3 && (\r\n \r\n \r\n {/* Paused module icon */}\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 ColorGridView;\r\n","//-------INFO--------//\r\n\r\n/*\r\nFor the integration of the API with our application, it's essential that the API provides the following data structure to ensure seamless functionality:\r\n\r\nTitle and Tagline: The API should return data for each of the 13 titles used in our application, along with a corresponding tagline that succinctly describes the purpose or functionality of each module.\r\n\r\nPricing Information: The API needs to provide pricing information associated with each module. This pricing data should be dynamic and dependent on the subscription status of the user. Different pricing tiers should be available based on subscription plans, such as basic, premium, etc.\r\n\r\nSubscription Status: The API must include data regarding the subscription status of the user for each module. This status should indicate whether the module is installed, not installed, or paused for the user's subscription plan. It could be represented as numerical values (e.g., 1 for installed, 2 for not installed, 3 for paused) or as descriptive strings.\r\n\r\nConsistency with i18n Library: If internationalization (i18n) is implemented in our application, the API should be compatible with the i18next library or any other internationalization framework used. This ensures that any text or labels returned by the API can be easily localized and displayed in different languages as per user preferences.\r\n\r\nBy providing these essential data points, the API will enable our application to effectively render module information, including taglines, pricing details, and subscription statuses, ensuring a seamless user experience across different subscription plans.\r\n*/\r\n\r\n//------------------//\r\n\r\n//simulated data-fetching. The tagline and the price is used in the DynamicModule. The status is both used in the ModulesContainer and in the DynamicModule\r\nimport i18next from 'i18next';\r\n\r\nconst fetchData = async (title) => {\r\n\r\n await new Promise(resolve => setTimeout(resolve, 1000));\r\n \r\n let simulatedData = [];\r\n\r\n {/* {the status refers to the status of the clients module. 1: client has installed the module, 2: client has not installed the module, 3: The module is installed but Paused} */}\r\n\r\n if (title === i18next.t('Medlemmer')) {\r\n simulatedData = [\r\n { id: 1, tagline: 'Muliggør effektiv medlems-administration og engagement', price: 'Modulet er en del af dit abonnement.', status: 1 },\r\n ];\r\n } else if (title === i18next.t('Aktiviteter')) {\r\n simulatedData = [\r\n { id: 1, tagline: 'Oplev letheden ved planlægning og administration af aktiviteter', price: 'Enhedspris 200,00 DKK/md ekskl moms.', status: 2 },\r\n ];\r\n } else if (title === i18next.t('Chat')){\r\n simulatedData = [\r\n { id: 1, tagline: 'Oplev udvidede kommunikations-muligheder og administrativ støtte', price: 'Enhedspris 200,00 DKK/md ekskl moms.', status: 3 },\r\n ];\r\n } else if (title === i18next.t('Bookinger')) {\r\n simulatedData = [\r\n { id: 1, tagline: 'Gør det muligt for dine medlemmer at booke på egen hånd', price: 'Modulet er en del af dit abonnement.', status: 1 },\r\n ];\r\n }\r\n else if (title === i18next.t('Dashboard')) {\r\n simulatedData = [\r\n { id: 1, tagline: 'Muliggør effektiv kommunikation og fællesskab', price: 'Modulet er en del af dit abonnement.', status: 1 },\r\n ];\r\n }\r\n return simulatedData;\r\n };\r\n \r\n export default fetchData;\r\n ","import React, { useState, useEffect } from 'react';\r\nimport { Goblet, People, Activities, Board, Booking, Person, DashBoard, Email, Star, Payment, InstalledModule, PausedModule } from 'components/icons';\r\nimport ColorGridView from './ModulesView';\r\nimport fetchData from './BuyState/fetchData';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst colors = ['#9A8EC5', '#DFB388', '#86C7E3', '#D89194', '#ABD395'];\r\n\r\nconst Modules = ({ onSquareClick }) => {\r\n const { t } = useTranslation(); \r\n \r\n const [installedModules, setInstalledModules] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchInstalledModules = async () => {\r\n const squares = getSquareData();\r\n const installedModulesData = await Promise.all(squares.map(square => fetchData(square.title)));\r\n setInstalledModules(installedModulesData);\r\n };\r\n\r\n fetchInstalledModules();\r\n }, []);\r\n\r\n const getSquareData = () => {\r\n \r\n return [\r\n { title: t('Bookinger'), icon: \r\n handleMenuItemClick('Prisstruktur')}>{t('Prisstruktur')} \r\n handleMenuItemClick('Faktura-oversigt')}>{t('Faktura-oversigt')} \r\n handleMenuItemClick('Betingelser')}>{t('Betingelser')} \r\n \r\n );\r\n};\r\n\r\nexport default ModuleMenu;\r\n","import React from 'react';\r\nimport { DynamicButtonContainer, Button, Icon, HeaderContainer, IconTitleBox, Title, MainContentContainer, BackToText, PausedTab, Container } from './DynamicModule.styles';\r\nimport { OplevButton, FaqButton } from '../Panel.styles';\r\nimport { QuestionExchange, Experience} from 'components/icons';\r\nimport ModuleMenu from './Menu'; \r\nimport useCustomTranslation from 'lib/customT'; // Importer den brugerdefinerede oversættelsesfunktion\r\n\r\nconst DynamicModuleView = ({ icon, title, data, contentComponent, originalContent, onBackClick, handleIconTitleBoxClick, handleOplevButtonClick, handleMenuItemClick }) => {\r\n const t = useCustomTranslation();\r\n\r\n return (\r\n <>\r\n \r\n Back to ModuleOverview \r\n {/* The blue box in the left top corner */}\r\n \r\n\r\n {icon} \r\n \r\n {/* Rendered when you have clicked the right-menu and have changed the mainContent, to tell the user that they can push this and get the content back */}\r\n {contentComponent && <BackToText> {t('tilbage til')}</BackToText>}\r\n {title} \r\n {/* {the status refers to the status of the clients module. 1: client has installed the module, 2: client has not installed the module, 3: The module is installed but Paused} */}\r\n {/* Render the \"Paused\" tab when status is 3 */}\r\n {data && data[0]?.status === 3 && {t('På pause')} }\r\n \r\n \r\n \r\n \r\n {contentComponent ? null : originalContent}\r\n {contentComponent}\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 DynamicModuleView;\r\n","import React, { useState } from 'react';\r\n\r\n\r\n\r\n\r\nconst PriceStructure = () => {\r\n\r\n\r\n\r\n\r\n return (\r\n <>\r\n hello PriceStructure\r\n\r\n \r\n );\r\n};\r\n\r\nexport default PriceStructure;","import React, { useState } from 'react';\r\n\r\n\r\n\r\n\r\nconst InvoiceOverview = () => {\r\n\r\n\r\n\r\n\r\n return (\r\n <>\r\n hello invoiceOverview\r\n\r\n \r\n );\r\n};\r\n\r\nexport default InvoiceOverview;","import React, { useState } from 'react';\r\n\r\n\r\n\r\n\r\nconst Conditions= () => {\r\n\r\n\r\n\r\n\r\n return (\r\n <>\r\n hello conditions\r\n\r\n \r\n );\r\n};\r\n\r\nexport default Conditions;","import styled from 'styled-components';\r\n\r\nexport const ModalOverlay = styled.div`\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n z-index: 4000;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n`;\r\n\r\nexport const ModalContent = styled.div`\r\n position: relative;\r\n background-color: #fff;\r\n border-radius: 5px;\r\n padding: 8rem 8rem 11rem 8rem;\r\n`;\r\n\r\nexport const CloseButton = styled.button`\r\n position: absolute;\r\n top: 0rem;\r\n right: -3rem;\r\n background: none;\r\n border: none;\r\n color: #D89194;\r\n cursor: pointer;\r\n font-size: 2rem;\r\n`;\r\n\r\nexport const H2 = styled.h2`\r\n background: none;\r\n border: none;\r\n color: #8395AB;\r\n cursor: pointer;\r\n font-size: 2rem;\r\n text-transform: uppercase;\r\n`;\r\n\r\nexport const Form = styled.form`\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: 2rem;\r\n`;\r\n\r\nexport const FormGroup = styled.div`\r\n margin-bottom: 1rem;\r\n`;\r\n\r\nexport const Input = styled.input`\r\n padding: 0.5rem;\r\n border: 1px solid #ccc;\r\n border-radius: 5px;\r\n width: 100%;\r\n`;\r\n\r\nexport const Button = styled.button`\r\nbackground-color: #DFB388;\r\ncolor: #fff;\r\nborder: none;\r\npadding: 1rem 2rem;\r\nborder-radius: 5px;\r\nfont-weight: bold;\r\nfont-size: 1rem;\r\ntransition: background-color 0.3s ease;\r\ncursor: pointer;\r\n\r\n&:hover {\r\n background-color: #ABD395; \r\n}\r\n`;\r\n\r\nexport const ErrorMessage = styled.span`\r\n color: red;\r\n`;\r\n\r\n","import React, { useState } from 'react';\r\nimport { ModalOverlay, Button, ModalContent, CloseButton, H2, Form, FormGroup, Input, ErrorMessage } from './FormModule.style';\r\nimport useCustomTranslation from 'lib/customT'; // Importer den brugerdefinerede oversættelsesfunktion\r\n\r\nconst FormModal = ({ onClose, buttonText }) => {\r\n const t = useCustomTranslation(); // Flyttet deklarationen af t her\r\n\r\n const validateEmail = (email) => {\r\n // Simple email validation\r\n return /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email);\r\n };\r\n\r\n const [email, setEmail] = useState('');\r\n const [submitted, setSubmitted] = useState(false); // State for tracking if form is submitted\r\n const [error, setError] = useState('');\r\n\r\n const handleChange = (e) => {\r\n const { value } = e.target;\r\n setEmail(value);\r\n setError('');\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n if (validateEmail(email)) {\r\n onClose();\r\n } else {\r\n setError(t('emailValid')); // Brug af t til at oversætte fejlbeskeden\r\n }\r\n setSubmitted(true);\r\n };\r\n\r\n return (\r\n \r\n e.stopPropagation()}>\r\n {buttonText} \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default FormModal;\r\n","import React, { useState } from 'react';\r\nimport { useModuleData } from './modulesData';\r\nimport DynamicModuleView from './DynamicModuleView';\r\nimport PriceStructure from './PriceStructure';\r\nimport InvoiceOverview from './invoiceOverview';\r\nimport Conditions from './Conditions';\r\nimport VideoModal from '../VideoModal'; \r\nimport FormModal from './FormModal'; \r\nimport { Tagline, Price, Rabat, Her, BuyButton, BuyButtonContainer} from './DynamicModule.styles';\r\nimport { BuyModule, InstalledModule, PausedModule } from 'components/icons';\r\nimport useCustomTranslation from 'lib/customT'; // Importer den brugerdefinerede oversættelsesfunktion\r\n\r\nconst DynamicModule = ({ title, icon, onBackClick }) => {\r\n const [contentComponent, setContentComponent] = useState(null);\r\n const [showVideoModal, setShowVideoModal] = useState(false);\r\n const [showFormModal, setShowFormModal] = useState(false);\r\n const [buyButtonText, setBuyButtonText] = useState('');\r\n\r\n const t = useCustomTranslation(); \r\n\r\n const data = useModuleData(title);\r\n\r\n const handleBuyButtonClick = (status) => {\r\n setShowFormModal(true);\r\n setBuyButtonText(getBuyButtonText(status));\r\n };\r\n\r\n const handleOplevButtonClick = () => {\r\n setShowVideoModal(true);\r\n };\r\n\r\n const handleMenuItemClick = (component) => {\r\n switch (component) {\r\n case t('Prisstruktur'):\r\n setContentComponent({data && data[0] ? (data[0].tagline || t('Tagline')) : t('Tagline')} \r\n {data && data[0] ? (data[0].price || t('Price')) : t('Price')} \r\n \r\n {t('Få rabat ved køb af flere moduler. Se vores prisstruktur')} \r\n handleMenuItemClick('PriceStructure')}> {t('her')} .\r\n \r\n \r\n {/* {the status refers to the status of the clients module. 1: client has installed the module, 2: client has not installed the module, 3: The module is installed but Paused} */}\r\n {data && data[0]?.status === 3 ? (\r\n <>\r\n handleBuyButtonClick(3)}>\r\n {getBuyButtonText(3)}\r\n \r\n \r\n ) : data && data[0]?.status === 1 ? (\r\n <>\r\n handleBuyButtonClick(1)}>\r\n {getBuyButtonText(1)}\r\n \r\n \r\n ) : (\r\n <>\r\n handleBuyButtonClick()}>\r\n {getBuyButtonText()}\r\n \r\n \r\n )}\r\n \r\n \r\n \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 {club.clubName}\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 as SignupFlow} 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\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 PaymentSuccessPage from 'payments/components/PaymentSuccessPage'\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 {fetchAgreement} from 'clubs/actions'\r\nimport ProtectedRoute from 'ProtectedRoute'\r\nimport Sponsor from './Sponsor'\r\nimport * as Sentry from \"@sentry/react\";\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\nSentry.init({\r\n dsn: \"https://9db5c56d8076c0577f4cc772c5365acd@o4507075911811072.ingest.de.sentry.io/4507075913449552\",\r\n integrations: [\r\n Sentry.browserTracingIntegration(),\r\n Sentry.replayIntegration(),\r\n ],\r\n // Performance Monitoring\r\n tracesSampleRate: 1.0, // Capture 100% of the transactions\r\n // Session Replay\r\n replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.\r\n replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.\r\n enabled: process.env.NODE_ENV !== \"development\",\r\n \r\n beforeSend: (event) => {\r\n if (window.location.hostname === 'localhost') {\r\n return null;\r\n }\r\n return event;\r\n },\r\n});\r\n\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 fetchWithRetry = async (url, opts, tries=2) => {\r\n const errs = [];\r\n \r\n for (let i = 0; i < tries; i++) {\r\n // log for illustration\r\n try {\r\n await new Promise(r => setTimeout(r, 1000));\r\n return await fetch(url, opts);\r\n }\r\n catch (err) {\r\n errs.push(err);\r\n }\r\n }\r\n \r\n throw errs;\r\n};\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 [prevPathname, setPrevPathname] = useState(null)\r\n const [data, setData] = useState({})\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 const fetchData = async () => {\r\n const pathsResult = await fetchWithRetry('/paths/paths.json?q=' + Math.floor(Math.random() * 10000000).toString(), null, 3)\r\n const jsonData = await pathsResult.json()\r\n\r\n globalState.setState('apiMyOrgUrl', jsonData.appSettings.apiMyOrgUrl);\r\n globalState.setState('domainSettings', jsonData.domainSettings);\r\n\r\n const growthbookUrl = await getGrowthbookUrl();\r\n const growthbookResult = await fetchWithRetry(growthbookUrl, null, 3)\r\n const growthbookJson = await growthbookResult.json()\r\n growthbook.setFeatures(growthbookJson.features);\r\n\r\n setData(jsonData)\r\n\r\n };\r\n\r\n if (data.appSettings == null) {\r\n fetchData();\r\n }\r\n\r\n if (prevPathname !== pathname) {\r\n window.scrollTo(0, 0)\r\n }\r\n\r\n if (activeClub) {\r\n growthbook.setAttributes({\r\n company: activeClub.id,\r\n });\r\n }\r\n\r\n if (prevPathname) setPrevPathname(pathname)\r\n }, [data, prevPathname, ready, pathname, activeClub.id])\r\n\r\n if ((data != null && data.appSettings != null && data.appSettings.apiMyOrgUrl) && isPhone && !includes(pathname, 'invitation') && !includes(pathname, 'subscription')) {\r\n return \r\n }\r\n\r\n if ((data != null && data.appSettings != null && data.appSettings.apiMyOrgUrl) && useFeature(module_sponsor).on) {\r\n if (show) {\r\n return \r\n {authenticated && !hasClubs &&\r\n }\r\n \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","export const get = state => state.urlAuth\r\n","import { createActions } from 'redux-actions'\r\n\r\nexport const { set } = createActions(\r\n {\r\n SET: ({ email, password }) => ({ email, password }),\r\n },\r\n { prefix: 'signup/urlAuth' }\r\n)\r\n","import {handleActions} from 'redux-actions'\r\nimport * as actions from './actions'\r\nimport {clear} from 'signup/actions'\r\n\r\nconst initialState = {\r\n email: null,\r\n password: null,\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [actions.set]: (_, {payload}) => payload,\r\n [clear]: () => initialState,\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {schema} from 'normalizr'\r\nimport omit from 'lodash/omit'\r\nimport {link} from 'links/schema'\r\n\r\nexport const club = new schema.Entity(\r\n 'clubs',\r\n {\r\n links: [link],\r\n },\r\n {\r\n idAttribute: 'clubId',\r\n processStrategy: (entity) => ({\r\n ...omit(entity, 'clubId'),\r\n id: entity.clubId,\r\n \r\n }),\r\n }\r\n)\r\n","import {createActions} from 'redux-actions'\r\nimport {noop} from 'lodash'\r\nimport {normalize} from 'normalizr'\r\nimport {club as clubSchema} from './schemas'\r\n\r\nexport const {\r\n fetch,\r\n create,\r\n update,\r\n setActive,\r\n validateToken,\r\n fetchAgreement,\r\n acceptPaymentAgreement,\r\n economicMastercardPaymentServiceIsReady,\r\n sendInvitationEmails,\r\n winKasSync,\r\n fetchCohosts,\r\n fetchStatistics,\r\n createOnlimeAccount,\r\n connectExternalSystem,\r\n disconnectExternalSystem,\r\n getExternalSystem,\r\n getConventusDepartments\r\n} = createActions(\r\n {\r\n FETCH: {\r\n REQUESTED: (dataPolicy) => (dataPolicy),\r\n FAILED: undefined,\r\n SUCCEEDED: (clubs) => normalize(clubs, [clubSchema]),\r\n SUCCEEDED_ACTIVE: (clubs) => normalize(clubs, [clubSchema])\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: (response) => normalize(response, clubSchema),\r\n },\r\n UPDATE: {\r\n REQUESTED: [({resolve, ...values}) => values, ({resolve}) => ({resolve})],\r\n FAILED: undefined,\r\n SUCCEEDED: (response) => normalize(response, clubSchema),\r\n },\r\n SET_ACTIVE: undefined,\r\n VALIDATE_TOKEN: {\r\n REQUESTED: undefined,\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n FETCH_AGREEMENT: {\r\n REQUESTED: [() => undefined, ({resolve, reject, paymentMethodId}) => ({resolve, reject, paymentMethodId})],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n 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 ECONOMIC_MASTERCARD_PAYMENT_SERVICE_IS_READY: {\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 SEND_INVITATION_EMAILS: {\r\n REQUESTED: (ids) =>\r\n typeof ids === 'string' || typeof ids === 'number' ? [ids] : ids,\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n WIN_KAS_SYNC: {\r\n REQUESTED: [\r\n ({values}) => values,\r\n ({resolve = noop, reject = noop}) => ({\r\n resolve,\r\n reject,\r\n }),\r\n ],\r\n FAILED: undefined,\r\n SUCCEEDED: undefined,\r\n },\r\n FETCH_COHOSTS: {\r\n REQUESTED: undefined,\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\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 CREATE_ONLIME_ACCOUNT: {\r\n REQUESTED: [undefined, ({resolve, reject}) => ({resolve, reject})],\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n CONNECT_EXTERNAL_SYSTEM: {\r\n REQUESTED: [\r\n ({values}) => values,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: (response) => {\r\n \r\n if (response != null && response.message != null) {\r\n return response.message;\r\n }\r\n\r\n return undefined;\r\n },\r\n SUCCEEDED: undefined,\r\n },\r\n DISCONNECT_EXTERNAL_SYSTEM: {\r\n REQUESTED: [\r\n ({values}) => {\r\n return values\r\n },\r\n ({resolve = noop, reject = noop}) => ({\r\n resolve,\r\n reject,\r\n }),\r\n ],\r\n FAILED: (response) => {\r\n \r\n if (response != null && response.message != null) {\r\n return response.message;\r\n }\r\n\r\n return undefined;\r\n },\r\n SUCCEEDED: undefined,\r\n },\r\n GET_EXTERNAL_SYSTEM: {\r\n REQUESTED: [\r\n ({values}) => {\r\n return values\r\n },\r\n ({resolve = noop, reject = noop}) => ({\r\n resolve,\r\n reject,\r\n }),\r\n ],\r\n FAILED: (response) => {\r\n \r\n if (response != null && response.message != null) {\r\n return response.message;\r\n }\r\n\r\n return undefined;\r\n },\r\n SUCCEEDED: ({values}) => values,\r\n },\r\n GET_CONVENTUS_DEPARTMENTS: {\r\n REQUESTED: [\r\n ({values}) => {\r\n return values\r\n },\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n FAILED: (response) => {\r\n \r\n if (response != null && response.message != null) {\r\n return response.message;\r\n }\r\n\r\n return undefined;\r\n },\r\n SUCCEEDED: ({values}) => values,\r\n },\r\n },\r\n {prefix: 'clubs'}\r\n)\r\n","import styled, {css} from 'styled-components'\r\nimport {Flex as BaseFlex} from '@rebass/grid'\r\nimport {lighten, darken} from 'polished'\r\nimport {color, borderRadius, borderColor, border, overflow, position, zIndex,} from 'styled-system'\r\n\r\nconst Flex = styled(BaseFlex)`\r\n ${color};\r\n ${borderRadius};\r\n ${borderColor};\r\n ${border};\r\n ${position};\r\n ${zIndex};\r\n\r\n ${(props) =>\r\n props.borderRadius > 0 &&\r\n css`\r\n overflow: hidden:\r\n `}\r\n ${overflow};\r\n box-shadow: ${(props) =>\r\n props.shadow ? '0 4px 2px -2px gray' : 'none'}; \r\n\r\n`\r\n\r\nexport default Flex\r\n","import React from 'react'\r\nimport format from 'lib/format'\r\nimport memberDefault from 'images/member-default.png'\r\nimport { Row as TableRow, Cell } from 'components/Table'\r\nimport { Image } from 'components'\r\n\r\nconst Row = ({\r\n selectable,\r\n id,\r\n toggleBulk,\r\n checked,\r\n firstName,\r\n surname,\r\n image,\r\n birthdate,\r\n renderActions,\r\n}) => (\r\n \r\n \r\n {selectable && (\r\n | \r\n \r\n | \r\n \r\n {firstName}\r\n | \r\n \r\n {surname}\r\n | \r\n \r\n {birthdate && format(birthdate, 'DD-MM-YYYY')}\r\n | \r\n \r\n {renderActions && {renderActions()} | }\r\n \r\n)\r\n\r\nexport default Row\r\n","import React, {Component} from 'react'\r\nimport {withTranslation} from 'react-i18next'\r\nimport includes from 'lodash/includes'\r\nimport {Box} from '@rebass/grid'\r\nimport {Row as TableRow, Cell} from 'components/Table'\r\nimport Row from './Row'\r\n\r\nclass MemberTable extends Component {\r\n state = {\r\n bulk: [],\r\n }\r\n\r\n renderHeader = () => (\r\n \r\n | \r\n \r\n {this.props.t('Fornavn')}\r\n | \r\n \r\n {this.props.t('Efternavn')}{' '}\r\n | \r\n \r\n {this.props.t('Fødselsdato')}\r\n | \r\n \r\n )\r\n\r\n toggleBulk = ({target: {value}}) =>\r\n this.setState(({bulk}) => ({\r\n bulk: includes(bulk, value)\r\n ? bulk.filter((id) => id !== value)\r\n : [...bulk, value],\r\n }))\r\n\r\n render() {\r\n const {members, selectable, renderActions, renderRow} = this.props\r\n\r\n return (\r\n \r\n {this.renderHeader()}\r\n\r\n {members.map((member) =>\r\n renderRow ? (\r\n renderRow(member)\r\n ) : (\r\n renderActions(member) : undefined\r\n }\r\n {...member}\r\n />\r\n )\r\n )}\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default withTranslation()(MemberTable)\r\n","import React, {createContext, useMemo, useState, useEffect} from 'react'\r\nimport CookieConsent from 'react-cookie-consent'\r\nimport cookies from 'js-cookie'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport {useToggle} from 'lib/hooks'\r\nimport {Modal, Box, Text, Link, Button} from 'components'\r\nimport countryCodes from 'lib/countryCodes'\r\nimport { getAppName } from 'app/selectors';\r\n\r\nexport const Context = createContext({})\r\n\r\nconst Cookies = ({children, countryCode}) => {\r\n const [visible, show, hide] = useToggle()\r\n const t = useCustomTranslation();\r\n\r\n const accepted = useMemo(() => {\r\n const cookie = cookies.get('CookieConsent')\r\n\r\n if (cookie) {\r\n return JSON.parse(cookie)\r\n }\r\n\r\n return false\r\n }, [])\r\n\r\n const cancel = () => {\r\n cookies.remove('CookieConsent')\r\n window.localStorage.clear()\r\n window.location.reload()\r\n }\r\n \r\n return (\r\n \r\n {children}\r\n {visible && (\r\n \r\n \r\n <> \r\n {t('cookiePopupText')}\r\n \r\n {t(\r\n accepted\r\n ? 'Du har accepteret cookies'\r\n : 'Du har ikke accepteret cookies'\r\n )}\r\n \r\n {accepted && (\r\n <>\r\n \r\n {t('Træk dit samtykke tilbage')}\r\n \r\n \r\n \r\n Bemærk at applikationen ikke fungerer {' '}\r\n uden cookies.\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n )}\r\n \r\n \r\n {t('weUseCookiesToImprove')}{' '}\r\n \r\n {t('Læs mere')}\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Cookies\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\nfunction getDomainWithoutSubdomain(url) {\r\n // Create a URL object\r\n let urlObject = new URL(url);\r\n let hostname = urlObject.hostname;\r\n\r\n // Split the hostname by dots\r\n let parts = hostname.split('.');\r\n\r\n // If the hostname has more than two parts, remove the subdomain part(s)\r\n if (parts.length > 2) {\r\n // Remove the first part (subdomain)\r\n parts.shift();\r\n }\r\n\r\n // Join the remaining parts back into a domain\r\n let domain = parts.join('.');\r\n return domain;\r\n}\r\n\r\nexport const getTextTags = () => {\r\n let model = {\r\n appName: '',\r\n shortCompanyName: '',\r\n companyName: ''\r\n }\r\n\r\n try {\r\n const settings = getDomainSettings()[getDomainWithoutSubdomain(\"https://\" + window.location.hostname)];\r\n\r\n model = {\r\n appName: settings.appName,\r\n shortCompanyName: settings.mainSortName,\r\n companyName: settings.mainWebsiteUrlLabel\r\n }\r\n } catch (error) {\r\n\r\n }\r\n\r\n return model\r\n}\r\n\r\nexport const getAppName = () => {\r\n return (getDomainSettings()[getDomainWithoutSubdomain(\"https://\" + window.location.hostname)].appName)\r\n}\r\n\r\nexport const getCompanyName = () => {\r\n return (getDomainSettings()[getDomainWithoutSubdomain(\"https://\" + window.location.hostname)].companyName)\r\n\r\n}\r\n \r\nexport const getTopLevelDomainName = () =>\r\n (getDomainSettings()[getDomainWithoutSubdomain(\"https://\" + window.location.hostname)].mainWebsiteUrl)\r\n\r\nexport const getTld = createSelector(\r\n [getTopLevelDomainName],\r\n (companyName) =>\r\n (getDomainSettings()[getDomainWithoutSubdomain(\"https://\" + window.location.hostname)].tld)\r\n)\r\n\r\nexport const getTldLocale = createSelector(\r\n [getTopLevelDomainName],\r\n (companyName) =>\r\n (getDomainSettings()[getDomainWithoutSubdomain(\"https://\" + window.location.hostname)].langCode)\r\n)\r\n\r\nexport const getTldEmail = createSelector(\r\n [getTopLevelDomainName],\r\n (companyName) =>\r\n (getDomainSettings()[getDomainWithoutSubdomain(\"https://\" + window.location.hostname)].mainEmail)\r\n)\r\n","import {handleActions} from 'redux-actions'\r\nimport {fetchDummies} from '../actions'\r\n\r\nconst initialState = null\r\n\r\nconst reducer = handleActions(\r\n {\r\n [fetchDummies.succeeded]: (state, {payload: {parent}}) => parent || state,\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","export const get = state => state.parent\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","import {schema} from 'normalizr'\r\nimport omit from 'lodash/omit'\r\n\r\nexport const group = new schema.Entity(\r\n 'groups',\r\n {},\r\n {\r\n idAttribute: 'userGroupId',\r\n processStrategy: (entity) => {\r\n const users = entity.users || []\r\n\r\n return {\r\n ...omit(entity, ['userGroupId', 'users']),\r\n id: entity.userGroupId,\r\n users: users.map((user) => user.userId),\r\n rawUsers: users,\r\n leaders: users\r\n .filter((user) => user.userGroupMemberType === 2)\r\n .map((user) => user.userId),\r\n }\r\n },\r\n }\r\n)\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\n\r\nexport const Item = styled.article`\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 1.2em;\r\n padding: 0 2em;\r\n`\r\n\r\nconst OrderItem = ({service, price, amount}) => {\r\n return (\r\n - \r\n
{service} x {amount}
\r\n {price} DKK
\r\n \r\n )\r\n}\r\n\r\nexport default OrderItem","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {Item} from './OrderItem'\r\nimport useCustomTranslation from 'lib/customT'\r\n\r\nconst OrderTotal = styled(Item)`\r\n background-color: #f6f6f6;\r\n color: #8395ab;\r\n font-size: 1.2em;\r\n font-weight: bold;\r\n`\r\n\r\nconst TaxTotal = styled(Item)`\r\n background-color: #f6f6f6;\r\n color: #8395ab;\r\n font-size: 1.2em;\r\n`\r\n\r\nconst Total = ({total, tax}) => {\r\n const t = useCustomTranslation()\r\n\r\n return (\r\n <>\r\n \r\n {t('Heraf moms')}
\r\n {tax} DKK
\r\n \r\n \r\n {t('TOTAL Inkl. Moms')}
\r\n {total} DKK
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Total","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Item} from \"./OrderItem\";\r\nimport useCustomTranslation from 'lib/customT'\r\nconst Period = styled(Item)`\r\n`\r\nconst Renewal = ({payRenewal}) => {\r\n const t = useCustomTranslation()\r\n\r\n return (\r\n \r\n {t('Betaling fornyes:')}
\r\n {payRenewal}
\r\n \r\n )\r\n}\r\n\r\nexport default Renewal","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport OrderItem from './OrderItem'\r\nimport Total from './Total'\r\nimport Renewal from './Renewal'\r\n\r\nconst OrdersContainer = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n background-color: #8395ab;\r\n border-radius: 10px;\r\n color: #f6f6f6;\r\n padding: 1em 0;\r\n`\r\n\r\nconst Orders = ({orders, payRenewalText, orderSum, tax = 0}) => {\r\n return (\r\n \r\n {orders.map(order => {\r\n return \r\n })}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Orders","var _desc, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgDanishBlueLarge(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"207px\",\n height: \"48px\",\n viewBox: \"0 0 207 48\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title === undefined ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, \"danish-blue-large\") : title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _desc || (_desc = /*#__PURE__*/React.createElement(\"desc\", null, \"Created with Sketch.\")), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Subscription-assets\",\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Betal-og-tilmeld---editable-Copy\",\n transform: \"translate(-21.000000, -24.000000)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"danish-blue-large\",\n transform: \"translate(21.000000, 24.000000)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n id: \"Background\",\n fill: \"#5A78FF\",\n x: 0,\n y: 0,\n width: 207,\n height: 48,\n rx: 4\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.38,30 L52.494,30 C52.4099996,30 52.3350003,29.9670003 52.269,29.901 C52.2029997,29.8349997 52.17,29.7540005 52.17,29.658 L52.17,18.102 C52.17,18.0059995 52.2029997,17.9250003 52.269,17.859 C52.3350003,17.7929997 52.4099996,17.76 52.494,17.76 L58.344,17.76 C59.4120053,17.76 60.3119963,18.0899967 61.044,18.75 C61.7760037,19.4100033 62.142,20.2259951 62.142,21.198 C62.142,21.6780024 62.043001,22.1249979 61.845,22.539 C61.646999,22.9530021 61.3620019,23.3099985 60.99,23.61 C60.9419998,23.6580002 60.918,23.7089997 60.918,23.763 C60.918,23.8170003 60.9419998,23.8619998 60.99,23.898 C61.4940025,24.1740014 61.8809987,24.5309978 62.151,24.969 C62.4210013,25.4070022 62.556,25.8899974 62.556,26.418 C62.556,27.4500052 62.1630039,28.3049966 61.377,28.983 C60.5909961,29.6610034 59.5920061,30 58.38,30 Z M54.996,22.8 L58.074,22.8 C58.5180022,22.8 58.8839986,22.6560014 59.172,22.368 C59.4600014,22.0799986 59.604,21.7200022 59.604,21.288 C59.604,20.8439978 59.4570015,20.4930013 59.163,20.235 C58.8689985,19.9769987 58.4760025,19.848 57.984,19.848 L54.996,19.848 C54.8999995,19.848 54.8250003,19.8749997 54.771,19.929 C54.7169997,19.9830003 54.69,20.0579995 54.69,20.154 L54.69,22.512 C54.69,22.6080005 54.7169997,22.6799998 54.771,22.728 C54.8250003,22.7760002 54.8999995,22.8 54.996,22.8 Z M54.996,27.894 L58.254,27.894 C58.7460025,27.894 59.1599983,27.7380016 59.496,27.426 C59.8320017,27.1139984 60,26.7360022 60,26.292 C60,25.8719979 59.8380016,25.5120015 59.514,25.212 C59.19,24.9119985 58.7820025,24.762 58.29,24.762 L54.996,24.762 C54.8999995,24.762 54.8250003,24.7859998 54.771,24.834 C54.7169997,24.8820002 54.69,24.9539995 54.69,25.05 L54.69,27.606 C54.69,27.7020005 54.7139998,27.7739998 54.762,27.822 C54.8100002,27.8700002 54.8879995,27.894 54.996,27.894 Z M72.528,27.588 C72.2279985,28.380004 71.679004,29.0189976 70.881,29.505 C70.082996,29.9910024 69.1920049,30.234 68.208,30.234 C66.8519932,30.234 65.7330044,29.7900044 64.851,28.902 C63.9689956,28.0139956 63.528,26.8860068 63.528,25.518 C63.528,24.1499932 63.9779955,23.0100046 64.878,22.098 C65.7780045,21.1859954 66.8999933,20.73 68.244,20.73 C69.5760067,20.73 70.6829956,21.1889954 71.565,22.107 C72.4470044,23.0250046 72.888,24.1739931 72.888,25.554 C72.888,25.758001 72.8550003,25.9079995 72.789,26.004 C72.7229997,26.1000005 72.6180007,26.148 72.474,26.148 L66.282,26.148 C66.2099996,26.148 66.1560002,26.1689998 66.12,26.211 C66.0839998,26.2530002 66.0719999,26.3099996 66.084,26.382 C66.1440003,26.8980026 66.3809979,27.3239983 66.795,27.66 C67.2090021,27.9960017 67.7039971,28.164 68.28,28.164 C68.6160017,28.164 68.9309985,28.0980007 69.225,27.966 C69.4602012,27.8603995 69.6704398,27.7164006 69.8557197,27.5340004 L69.99,27.39 C70.0860005,27.2819995 70.1789996,27.2070002 70.269,27.165 C70.3590004,27.1229998 70.4579995,27.102 70.566,27.102 L72.222,27.102 C72.3660007,27.102 72.4649997,27.1469996 72.519,27.237 C72.5730003,27.3270004 72.5760002,27.4439993 72.528,27.588 Z M66.156,24.438 C66.1319999,24.5220004 66.1319999,24.5849998 66.156,24.627 C66.1800001,24.6690002 66.2279996,24.69 66.3,24.69 L70.098,24.69 C70.1580003,24.69 70.2029998,24.6750001 70.233,24.645 C70.2630002,24.6149999 70.2720001,24.5640004 70.26,24.492 C70.1639995,23.9999975 69.9240019,23.5950016 69.54,23.277 C69.1559981,22.9589984 68.7120025,22.8 68.208,22.8 C67.7279976,22.8 67.2960019,22.9529985 66.912,23.259 C66.5279981,23.5650015 66.2760006,23.9579976 66.156,24.438 Z M78.972,30.09 L78.882,30.09 C77.5499933,30.09 76.5600032,29.787003 75.912,29.181 C75.2639968,28.574997 74.94,27.6540062 74.94,26.418 L74.94,23.376 C74.94,23.2799995 74.9100003,23.2020003 74.85,23.142 C74.7899997,23.0819997 74.7120005,23.052 74.616,23.052 L73.986,23.052 C73.8899995,23.052 73.8090003,23.0190003 73.743,22.953 C73.6769997,22.8869997 73.644,22.8120004 73.644,22.728 L73.644,21.306 C73.644,21.2099995 73.6799996,21.1290003 73.752,21.063 C73.8240004,20.9969997 73.9019996,20.964 73.986,20.964 L74.616,20.964 C74.7120005,20.964 74.7899997,20.9310003 74.85,20.865 C74.9100003,20.7989997 74.94,20.7240004 74.94,20.64 L74.94,19.092 C74.94,18.9959995 74.9729997,18.9150003 75.039,18.849 C75.1050003,18.7829997 75.1799996,18.75 75.264,18.75 L77.046,18.75 C77.1420005,18.75 77.2229997,18.7829997 77.289,18.849 C77.3550003,18.9150003 77.388,18.9959995 77.388,19.092 L77.388,20.64 C77.388,20.7240004 77.4209997,20.7989997 77.487,20.865 C77.5530003,20.9310003 77.6339995,20.964 77.73,20.964 L78.9,20.964 C78.9960005,20.964 79.0769997,20.9969997 79.143,21.063 C79.2090003,21.1290003 79.242,21.2099995 79.242,21.306 L79.242,22.728 C79.242,22.8120004 79.2090003,22.8869997 79.143,22.953 C79.0769997,23.0190003 78.9960005,23.052 78.9,23.052 L77.73,23.052 C77.6459996,23.052 77.5680004,23.0849997 77.496,23.151 C77.4239996,23.2170003 77.388,23.2979995 77.388,23.394 L77.388,26.4 C77.388,26.9040025 77.5229987,27.2879987 77.793,27.552 C78.0630014,27.8160013 78.4559974,27.948 78.972,27.948 C79.0560004,27.948 79.1279997,27.9749997 79.188,28.029 C79.2480003,28.0830003 79.278,28.1519996 79.278,28.236 L79.278,29.766 C79.278,29.8620005 79.2480003,29.9399997 79.188,30 C79.1279997,30.0600003 79.0560004,30.09 78.972,30.09 Z M87.5113126,28.9734373 L87.45,29.028 C86.9819977,29.4600022 86.5200023,29.7689991 86.064,29.955 C85.6079977,30.1410009 85.1040028,30.234 84.552,30.234 C83.3159938,30.234 82.2690043,29.7750046 81.411,28.857 C80.5529957,27.9389954 80.124,26.8140067 80.124,25.482 C80.124,24.1499933 80.5589956,23.0250046 81.429,22.107 C82.2990044,21.1889954 83.3519938,20.73 84.588,20.73 C85.0200022,20.73 85.4249981,20.8019993 85.803,20.946 C86.1180016,21.0660006 86.4434158,21.2484991 86.7792494,21.4934995 L86.982,21.648 C87.0660004,21.7200004 87.1439996,21.7500001 87.216,21.738 C87.2880004,21.7259999 87.324,21.6660005 87.324,21.558 L87.324,21.288 C87.324,21.1919995 87.3569997,21.1140003 87.423,21.054 C87.4890003,20.9939997 87.5639996,20.964 87.648,20.964 L89.34,20.964 C89.4360005,20.964 89.5169997,20.9969997 89.583,21.063 C89.6490003,21.1290003 89.682,21.2099995 89.682,21.306 L89.682,27.264 C89.682,27.4800011 89.7209996,27.6419995 89.799,27.75 C89.8770004,27.8580005 89.9939992,27.9179999 90.15,27.93 C90.2340004,27.9420001 90.3059997,27.9749997 90.366,28.029 C90.4260003,28.0830003 90.456,28.1459996 90.456,28.218 L90.456,29.784 C90.456,29.8680004 90.4260003,29.9399997 90.366,30 C90.3059997,30.0600003 90.2340004,30.09 90.15,30.09 C89.5739971,30.09 89.1000019,30.0060008 88.728,29.838 C88.3559981,29.6699992 88.068001,29.4120017 87.864,29.064 C87.8039997,28.9679995 87.7410003,28.917 87.675,28.911 C87.6254998,28.9065 87.5709376,28.9273123 87.5113126,28.9734373 L87.5113126,28.9734373 Z M82.59,25.482 C82.59,26.1780035 82.8209977,26.7719975 83.283,27.264 C83.7450023,27.7560025 84.3059967,28.002 84.966,28.002 C85.6260033,28.002 86.1839977,27.7590024 86.64,27.273 C87.0960023,26.7869976 87.324,26.1900035 87.324,25.482 C87.324,24.7739965 87.0960023,24.1770024 86.64,23.691 C86.1839977,23.2049976 85.6260033,22.962 84.966,22.962 C84.3059967,22.962 83.7450023,23.2079975 83.283,23.7 C82.8209977,24.1920025 82.59,24.7859965 82.59,25.482 Z M95.172,30.09 C93.9479939,30.09 93.0870025,29.8530024 92.589,29.379 C92.0909975,28.9049976 91.842,28.0920058 91.842,26.94 L91.842,18.102 C91.842,18.0059995 91.8749997,17.9250003 91.941,17.859 C92.0070003,17.7929997 92.0819996,17.76 92.166,17.76 L93.948,17.76 C94.0440005,17.76 94.1249997,17.7929997 94.191,17.859 C94.2570003,17.9250003 94.29,18.0059995 94.29,18.102 L94.29,26.994 C94.29,27.3060016 94.3649993,27.5429992 94.515,27.705 C94.6650008,27.8670008 94.8839986,27.948 95.172,27.948 C95.2680005,27.948 95.3489997,27.9809997 95.415,28.047 C95.4810003,28.1130003 95.514,28.1939995 95.514,28.29 L95.514,29.766 C95.514,29.8500004 95.4810003,29.9249997 95.415,29.991 C95.3489997,30.0570003 95.2680005,30.09 95.172,30.09 Z M109.284,25.482 C109.284,26.8260067 108.825005,27.9539954 107.907,28.866 C106.988995,29.7780046 105.840007,30.234 104.46,30.234 C103.091993,30.234 101.946005,29.7780046 101.022,28.866 C100.097995,27.9539954 99.636,26.8260067 99.636,25.482 C99.636,24.1379933 100.094995,23.0100046 101.013,22.098 C101.931005,21.1859954 103.079993,20.73 104.46,20.73 C105.840007,20.73 106.988995,21.1829955 107.907,22.089 C108.825005,22.9950045 109.284,24.1259932 109.284,25.482 Z M102.084,25.482 C102.084,26.1780035 102.317998,26.7719975 102.786,27.264 C103.254002,27.7560025 103.811997,28.002 104.46,28.002 C105.120003,28.002 105.680998,27.7560025 106.143,27.264 C106.605002,26.7719975 106.836,26.1780035 106.836,25.482 C106.836,24.7859965 106.605002,24.1920025 106.143,23.7 C105.680998,23.2079975 105.120003,22.962 104.46,22.962 C103.811997,22.962 103.254002,23.2079975 102.786,23.7 C102.317998,24.1920025 102.084,24.7859965 102.084,25.482 Z M115.35,33.6 C114.233994,33.6 113.280004,33.3450026 112.488,32.835 C111.695996,32.3249974 111.156001,31.6080046 110.868,30.684 C110.832,30.5759995 110.847,30.4860004 110.913,30.414 C110.979,30.3419996 111.083999,30.306 111.228,30.306 L112.956,30.306 C113.064001,30.306 113.157,30.3269998 113.235,30.369 C113.2935,30.4005002 113.350312,30.4505623 113.405437,30.5191873 L113.46,30.594 C113.652001,30.8940015 113.906998,31.1189993 114.225,31.269 C114.543002,31.4190008 114.911998,31.494 115.332,31.494 C115.992003,31.494 116.531998,31.2720022 116.952,30.828 C117.372002,30.3839978 117.582,29.8140035 117.582,29.118 L117.582,29.01 C117.582,28.8899994 117.546,28.8150001 117.474,28.785 C117.4164,28.7609999 117.34728,28.7696397 117.26664,28.8109198 L117.204,28.848 C116.771998,29.1240014 116.367002,29.3249994 115.989,29.451 C115.610998,29.5770006 115.248002,29.64 114.9,29.64 C113.651994,29.64 112.611004,29.2230042 111.777,28.389 C110.942996,27.5549958 110.526,26.4960064 110.526,25.212 C110.526,23.9159935 110.948996,22.8450042 111.795,21.999 C112.641004,21.1529958 113.687994,20.73 114.936,20.73 C115.404002,20.73 115.832998,20.8079992 116.223,20.964 C116.613002,21.1200008 116.981998,21.3539984 117.33,21.666 C117.414,21.7500004 117.492,21.7830001 117.564,21.765 C117.636,21.7469999 117.672,21.6840005 117.672,21.576 L117.672,21.288 C117.672,21.1919995 117.705,21.1140003 117.771,21.054 C117.837,20.9939997 117.912,20.964 117.996,20.964 L119.688,20.964 C119.784,20.964 119.865,20.9969997 119.931,21.063 C119.997,21.1290003 120.03,21.2099995 120.03,21.306 L120.03,28.902 C120.03,30.2580068 119.589004,31.3799956 118.707,32.268 C117.824996,33.1560044 116.706007,33.6 115.35,33.6 Z M112.992,25.302 C112.992,25.9620033 113.216998,26.5139978 113.667,26.958 C114.117002,27.4020022 114.671997,27.624 115.332,27.624 C116.004003,27.624 116.561998,27.4050022 117.006,26.967 C117.450002,26.5289978 117.672,25.9740034 117.672,25.302 C117.672,24.6179966 117.447002,24.0510022 116.997,23.601 C116.546998,23.1509977 115.992,22.926 115.332,22.926 C114.671997,22.926 114.117002,23.1539977 113.667,23.61 C113.216998,24.0660023 112.992,24.6299966 112.992,25.302 Z M129.876,30.09 L129.786,30.09 C128.453993,30.09 127.464003,29.787003 126.816,29.181 C126.167997,28.574997 125.844,27.6540062 125.844,26.418 L125.844,23.376 C125.844,23.2799995 125.814,23.2020003 125.754,23.142 C125.694,23.0819997 125.616,23.052 125.52,23.052 L124.89,23.052 C124.794,23.052 124.713,23.0190003 124.647,22.953 C124.581,22.8869997 124.548,22.8120004 124.548,22.728 L124.548,21.306 C124.548,21.2099995 124.584,21.1290003 124.656,21.063 C124.728,20.9969997 124.806,20.964 124.89,20.964 L125.52,20.964 C125.616,20.964 125.694,20.9310003 125.754,20.865 C125.814,20.7989997 125.844,20.7240004 125.844,20.64 L125.844,19.092 C125.844,18.9959995 125.877,18.9150003 125.943,18.849 C126.009,18.7829997 126.084,18.75 126.168,18.75 L127.95,18.75 C128.046,18.75 128.127,18.7829997 128.193,18.849 C128.259,18.9150003 128.292,18.9959995 128.292,19.092 L128.292,20.64 C128.292,20.7240004 128.325,20.7989997 128.391,20.865 C128.457,20.9310003 128.538,20.964 128.634,20.964 L129.804,20.964 C129.9,20.964 129.981,20.9969997 130.047,21.063 C130.113,21.1290003 130.146,21.2099995 130.146,21.306 L130.146,22.728 C130.146,22.8120004 130.113,22.8869997 130.047,22.953 C129.981,23.0190003 129.9,23.052 129.804,23.052 L128.634,23.052 C128.55,23.052 128.472,23.0849997 128.4,23.151 C128.328,23.2170003 128.292,23.2979995 128.292,23.394 L128.292,26.4 C128.292,26.9040025 128.426999,27.2879987 128.697,27.552 C128.967001,27.8160013 129.359997,27.948 129.876,27.948 C129.96,27.948 130.032,27.9749997 130.092,28.029 C130.152,28.0830003 130.182,28.1519996 130.182,28.236 L130.182,29.766 C130.182,29.8620005 130.152,29.9399997 130.092,30 C130.032,30.0600003 129.96,30.09 129.876,30.09 Z M134.016,18.606 C134.016,18.9780019 133.881001,19.2989986 133.611,19.569 C133.340999,19.8390013 133.020002,19.974 132.648,19.974 C132.275998,19.974 131.955001,19.8390013 131.685,19.569 C131.414999,19.2989986 131.28,18.9780019 131.28,18.606 C131.28,18.2339981 131.414999,17.9130013 131.685,17.643 C131.955001,17.3729986 132.275998,17.238 132.648,17.238 C133.020002,17.238 133.340999,17.3729986 133.611,17.643 C133.881001,17.9130013 134.016,18.2339981 134.016,18.606 Z M133.512,30 L131.73,30 C131.646,30 131.571,29.9670003 131.505,29.901 C131.439,29.8349997 131.406,29.7540005 131.406,29.658 L131.406,21.306 C131.406,21.2099995 131.439,21.1290003 131.505,21.063 C131.571,20.9969997 131.646,20.964 131.73,20.964 L133.512,20.964 C133.608,20.964 133.689,20.9969997 133.755,21.063 C133.821,21.1290003 133.854,21.2099995 133.854,21.306 L133.854,29.658 C133.854,29.7420004 133.821,29.8199996 133.755,29.892 C133.689,29.964 133.608,30 133.512,30 Z M139.164,30.09 C137.939994,30.09 137.079002,29.8530024 136.581,29.379 C136.082998,28.9049976 135.834,28.0920058 135.834,26.94 L135.834,18.102 C135.834,18.0059995 135.867,17.9250003 135.933,17.859 C135.999,17.7929997 136.074,17.76 136.158,17.76 L137.94,17.76 C138.036,17.76 138.117,17.7929997 138.183,17.859 C138.249,17.9250003 138.282,18.0059995 138.282,18.102 L138.282,26.994 C138.282,27.3060016 138.356999,27.5429992 138.507,27.705 C138.657001,27.8670008 138.875999,27.948 139.164,27.948 C139.26,27.948 139.341,27.9809997 139.407,28.047 C139.473,28.1130003 139.506,28.1939995 139.506,28.29 L139.506,29.766 C139.506,29.8500004 139.473,29.9249997 139.407,29.991 C139.341,30.0570003 139.26,30.09 139.164,30.09 Z M142.728,30 L140.946,30 C140.862,30 140.787,29.9670003 140.721,29.901 C140.655,29.8349997 140.622,29.7540005 140.622,29.658 L140.622,21.306 C140.622,21.2099995 140.655,21.1290003 140.721,21.063 C140.787,20.9969997 140.862,20.964 140.946,20.964 L142.656,20.964 C142.752,20.964 142.833,20.9969997 142.899,21.063 C142.965,21.1290003 142.998,21.2099995 142.998,21.306 L142.998,21.594 C142.998,21.7020005 143.037,21.7649999 143.115,21.783 C143.193,21.8010001 143.28,21.7620005 143.376,21.666 C143.736002,21.3419984 144.092998,21.1050008 144.447,20.955 C144.801002,20.8049992 145.187998,20.73 145.608,20.73 C146.136003,20.73 146.606998,20.8439989 147.021,21.072 C147.375859,21.2674295 147.693244,21.5466108 147.973163,21.9095504 L148.11,22.098 C148.158,22.1700004 148.206,22.206 148.254,22.206 C148.302,22.206 148.356,22.1700004 148.416,22.098 C148.752002,21.6539978 149.159998,21.3150012 149.64,21.081 C150.120002,20.8469988 150.653997,20.73 151.242,20.73 C152.202005,20.73 152.984997,21.0629967 153.591,21.729 C154.197003,22.3950033 154.5,23.2559947 154.5,24.312 L154.5,29.658 C154.5,29.7420004 154.467,29.8199996 154.401,29.892 C154.335,29.9640004 154.254,30 154.158,30 L152.376,30 C152.292,30 152.217,29.9670003 152.151,29.901 C152.085,29.8349997 152.052,29.7540005 152.052,29.658 L152.052,24.744 C152.052,24.1559971 151.911001,23.6940017 151.629,23.358 C151.346999,23.0219983 150.954003,22.854 150.45,22.854 C149.969998,22.854 149.571002,23.0339982 149.253,23.394 C148.934998,23.7540018 148.776,24.1859975 148.776,24.69 L148.776,29.658 C148.776,29.7420004 148.743,29.8199996 148.677,29.892 C148.611,29.9640004 148.53,30 148.434,30 L146.652,30 C146.568,30 146.493,29.9670003 146.427,29.901 C146.361,29.8349997 146.328,29.7540005 146.328,29.658 L146.328,24.744 C146.328,24.1559971 146.187001,23.6940017 145.905,23.358 C145.622999,23.0219983 145.236002,22.854 144.744,22.854 C144.251998,22.854 143.850002,23.0309982 143.538,23.385 C143.225998,23.7390018 143.07,24.1799974 143.07,24.708 L143.07,29.658 C143.07,29.7420004 143.037,29.8199996 142.971,29.892 C142.905,29.9640004 142.824,30 142.728,30 Z M165.102,27.588 C164.801999,28.380004 164.253004,29.0189976 163.455,29.505 C162.656996,29.9910024 161.766005,30.234 160.782,30.234 C159.425993,30.234 158.307004,29.7900044 157.425,28.902 C156.542996,28.0139956 156.102,26.8860068 156.102,25.518 C156.102,24.1499932 156.551996,23.0100046 157.452,22.098 C158.352005,21.1859954 159.473993,20.73 160.818,20.73 C162.150007,20.73 163.256996,21.1889954 164.139,22.107 C165.021004,23.0250046 165.462,24.1739931 165.462,25.554 C165.462,25.758001 165.429,25.9079995 165.363,26.004 C165.297,26.1000005 165.192001,26.148 165.048,26.148 L158.856,26.148 C158.784,26.148 158.73,26.1689998 158.694,26.211 C158.658,26.2530002 158.646,26.3099996 158.658,26.382 C158.718,26.8980026 158.954998,27.3239983 159.369,27.66 C159.783002,27.9960017 160.277997,28.164 160.854,28.164 C161.190002,28.164 161.504999,28.0980007 161.799,27.966 C162.034201,27.8603995 162.24444,27.7164006 162.42972,27.5340004 L162.564,27.39 C162.66,27.2819995 162.753,27.2070002 162.843,27.165 C162.933,27.1229998 163.031999,27.102 163.14,27.102 L164.796,27.102 C164.940001,27.102 165.039,27.1469996 165.093,27.237 C165.147,27.3270004 165.15,27.4439993 165.102,27.588 Z M158.73,24.438 C158.706,24.5220004 158.706,24.5849998 158.73,24.627 C158.754,24.6690002 158.802,24.69 158.874,24.69 L162.672,24.69 C162.732,24.69 162.777,24.6750001 162.807,24.645 C162.837,24.6149999 162.846,24.5640004 162.834,24.492 C162.738,23.9999975 162.498002,23.5950016 162.114,23.277 C161.729998,22.9589984 161.286003,22.8 160.782,22.8 C160.301998,22.8 159.870002,22.9529985 159.486,23.259 C159.101998,23.5650015 158.850001,23.9579976 158.73,24.438 Z M170.394,30.09 C169.169994,30.09 168.309002,29.8530024 167.811,29.379 C167.312998,28.9049976 167.064,28.0920058 167.064,26.94 L167.064,18.102 C167.064,18.0059995 167.097,17.9250003 167.163,17.859 C167.229,17.7929997 167.304,17.76 167.388,17.76 L169.17,17.76 C169.266,17.76 169.347,17.7929997 169.413,17.859 C169.479,17.9250003 169.512,18.0059995 169.512,18.102 L169.512,26.994 C169.512,27.3060016 169.586999,27.5429992 169.737,27.705 C169.887001,27.8670008 170.105999,27.948 170.394,27.948 C170.49,27.948 170.571,27.9809997 170.637,28.047 C170.703,28.1130003 170.736,28.1939995 170.736,28.29 L170.736,29.766 C170.736,29.8500004 170.703,29.9249997 170.637,29.991 C170.571,30.0570003 170.49,30.09 170.394,30.09 Z M180.69,17.76 C180.786,17.76 180.867,17.7929997 180.933,17.859 C180.999,17.9250003 181.032,18.0059995 181.032,18.102 L181.032,27.264 C181.032,27.4800011 181.071,27.6419995 181.149,27.75 C181.227,27.8580005 181.343999,27.9179999 181.5,27.93 C181.584,27.9420001 181.656,27.9749997 181.716,28.029 C181.776,28.0830003 181.806,28.1459996 181.806,28.218 L181.806,29.784 C181.806,29.8680004 181.776,29.9399997 181.716,30 C181.656,30.0600003 181.584,30.09 181.5,30.09 C180.923997,30.09 180.450002,30.0060008 180.078,29.838 C179.705998,29.6699992 179.418001,29.4120017 179.214,29.064 C179.154,28.9679995 179.091,28.917 179.025,28.911 C178.9755,28.9065 178.920938,28.9273123 178.861313,28.9734373 L178.8,29.028 C178.331998,29.4600022 177.870002,29.7689991 177.414,29.955 C176.957998,30.1410009 176.454003,30.234 175.902,30.234 C174.665994,30.234 173.619004,29.7750046 172.761,28.857 C171.902996,27.9389954 171.474,26.8140067 171.474,25.482 C171.474,24.1499933 171.908996,23.0250046 172.779,22.107 C173.649004,21.1889954 174.701994,20.73 175.938,20.73 C176.358002,20.73 176.756998,20.7959993 177.135,20.928 C177.513002,21.0600007 177.869998,21.2639986 178.206,21.54 C178.29,21.6120004 178.374,21.6330002 178.458,21.603 C178.542,21.5729999 178.584,21.4980006 178.584,21.378 L178.584,18.102 C178.584,18.0059995 178.617,17.9250003 178.683,17.859 C178.749,17.7929997 178.824,17.76 178.908,17.76 L180.69,17.76 Z M176.316,22.962 C175.655997,22.962 175.095002,23.2079975 174.633,23.7 C174.170998,24.1920025 173.94,24.7859965 173.94,25.482 C173.94,26.1780035 174.170998,26.7719975 174.633,27.264 C175.095002,27.7560025 175.655997,28.002 176.316,28.002 C176.976003,28.002 177.533998,27.7590024 177.99,27.273 C178.446002,26.7869976 178.674,26.1900035 178.674,25.482 C178.674,24.7739965 178.446002,24.1770024 177.99,23.691 C177.533998,23.2049976 176.976003,22.962 176.316,22.962 Z\",\n id: \"Betalogtilmeld\",\n fill: \"#FFFFFF\",\n fillRule: \"nonzero\"\n }), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Logo-/-monochrome-/-symbol-/-white\",\n transform: \"translate(22.000000, 11.000000)\",\n fill: \"#FFFFFF\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Logo_monochrome_lines\",\n transform: \"translate(0.764706, 0.382353)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.8529412,16.7365084 C13.9709276,16.0910306 15.7627795,15.7664759 17.2284968,15.7628444 C19.6517368,15.7568404 21.6834143,16.2378531 23.3235294,17.2058824 L23.3235294,10.1662664 C21.6750873,9.31267556 19.8125189,8.85702497 17.7358241,8.7993146 C15.6591294,8.74160424 13.6981684,9.16453394 11.8529412,10.0681037 L11.8529412,16.7365084 Z\",\n id: \"Path-4\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.41176471,9.07195384 L11.025752,15.2941176 L11.025752,9.33099477 C12.4029934,8.59349174 13.8610171,8.12085267 15.3998232,7.91307756 C16.9386292,7.70530244 18.6877078,7.73880158 20.6470588,8.01357497 L19.2253774,4.61677985 C17.165744,4.48377212 15.2036939,4.81559182 13.3392269,5.61223896 C11.47476,6.4088861 9.83227258,7.56212439 8.41176471,9.07195384 Z\",\n id: \"Path-4\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.4411765,6.51927915 C16.4411765,5.91889364 16.4411765,5.01831538 16.4411765,3.81754437 C16.4411765,2.55384363 15.4229778,1.52941176 14.1669661,1.52941176 L6.48009274,1.52941176 C5.22408102,1.52941176 4.20588235,2.55384363 4.20588235,3.81754437 L4.20588235,21.8001027 C4.20588235,23.0638034 5.22408102,24.0882353 6.48009274,24.0882353 L14.1669661,24.0882353 C15.4229778,24.0882353 16.4411765,23.0638034 16.4411765,21.8001027 C16.4411765,20.6612641 16.4411765,19.9181304 16.4411765,19.5707018 C16.0923547,19.402244 15.8360101,19.2817348 15.6721426,19.2091741 C15.49909,19.1325464 15.2500546,19.029273 14.9250362,18.899354 C14.9250362,19.3470246 14.9250362,20.3139408 14.9250362,21.8001027 C14.9250362,22.2213363 14.5856367,22.5628136 14.1669661,22.5628136 L6.48009274,22.5628136 C6.06142217,22.5628136 5.72202261,22.2213363 5.72202261,21.8001027 L5.72202261,3.81754437 C5.72202261,3.39631079 6.06142217,3.0548335 6.48009274,3.0548335 L14.1669661,3.0548335 C14.5856367,3.0548335 14.9250362,3.39631079 14.9250362,3.81754437 L14.9250362,6.54837213 C15.2815657,6.5258784 15.5527734,6.51554513 15.7386594,6.51737232 C15.9245455,6.5191995 16.1587178,6.51983512 16.4411765,6.51927915 Z\",\n id: \"Path-5\",\n fillRule: \"nonzero\",\n transform: \"translate(10.323529, 12.808824) rotate(-22.400000) translate(-10.323529, -12.808824) \"\n }))))))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgDanishBlueLarge);\nexport default __webpack_public_path__ + \"static/media/danish-blue-large.ef0b68e2.svg\";\nexport { ForwardRef as ReactComponent };","var _desc, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgDanishDisabledLarge(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"207px\",\n height: \"48px\",\n viewBox: \"0 0 207 48\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title === undefined ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, \"danish-disabled-large\") : title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _desc || (_desc = /*#__PURE__*/React.createElement(\"desc\", null, \"Created with Sketch.\")), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Subscription-assets\",\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Betal-og-tilmeld---editable-Copy\",\n transform: \"translate(-21.000000, -768.000000)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"danish-disabled-large\",\n transform: \"translate(21.000000, 768.000000)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n id: \"Background\",\n fill: \"#DDDDDD\",\n x: 0,\n y: 0,\n width: 207,\n height: 48,\n rx: 4\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.38,30 L52.494,30 C52.4099996,30 52.3350003,29.9670003 52.269,29.901 C52.2029997,29.8349997 52.17,29.7540005 52.17,29.658 L52.17,18.102 C52.17,18.0059995 52.2029997,17.9250003 52.269,17.859 C52.3350003,17.7929997 52.4099996,17.76 52.494,17.76 L58.344,17.76 C59.4120053,17.76 60.3119963,18.0899967 61.044,18.75 C61.7760037,19.4100033 62.142,20.2259951 62.142,21.198 C62.142,21.6780024 62.043001,22.1249979 61.845,22.539 C61.646999,22.9530021 61.3620019,23.3099985 60.99,23.61 C60.9419998,23.6580002 60.918,23.7089997 60.918,23.763 C60.918,23.8170003 60.9419998,23.8619998 60.99,23.898 C61.4940025,24.1740014 61.8809987,24.5309978 62.151,24.969 C62.4210013,25.4070022 62.556,25.8899974 62.556,26.418 C62.556,27.4500052 62.1630039,28.3049966 61.377,28.983 C60.5909961,29.6610034 59.5920061,30 58.38,30 Z M54.996,22.8 L58.074,22.8 C58.5180022,22.8 58.8839986,22.6560014 59.172,22.368 C59.4600014,22.0799986 59.604,21.7200022 59.604,21.288 C59.604,20.8439978 59.4570015,20.4930013 59.163,20.235 C58.8689985,19.9769987 58.4760025,19.848 57.984,19.848 L54.996,19.848 C54.8999995,19.848 54.8250003,19.8749997 54.771,19.929 C54.7169997,19.9830003 54.69,20.0579995 54.69,20.154 L54.69,22.512 C54.69,22.6080005 54.7169997,22.6799998 54.771,22.728 C54.8250003,22.7760002 54.8999995,22.8 54.996,22.8 Z M54.996,27.894 L58.254,27.894 C58.7460025,27.894 59.1599983,27.7380016 59.496,27.426 C59.8320017,27.1139984 60,26.7360022 60,26.292 C60,25.8719979 59.8380016,25.5120015 59.514,25.212 C59.19,24.9119985 58.7820025,24.762 58.29,24.762 L54.996,24.762 C54.8999995,24.762 54.8250003,24.7859998 54.771,24.834 C54.7169997,24.8820002 54.69,24.9539995 54.69,25.05 L54.69,27.606 C54.69,27.7020005 54.7139998,27.7739998 54.762,27.822 C54.8100002,27.8700002 54.8879995,27.894 54.996,27.894 Z M72.528,27.588 C72.2279985,28.380004 71.679004,29.0189976 70.881,29.505 C70.082996,29.9910024 69.1920049,30.234 68.208,30.234 C66.8519932,30.234 65.7330044,29.7900044 64.851,28.902 C63.9689956,28.0139956 63.528,26.8860068 63.528,25.518 C63.528,24.1499932 63.9779955,23.0100046 64.878,22.098 C65.7780045,21.1859954 66.8999933,20.73 68.244,20.73 C69.5760067,20.73 70.6829956,21.1889954 71.565,22.107 C72.4470044,23.0250046 72.888,24.1739931 72.888,25.554 C72.888,25.758001 72.8550003,25.9079995 72.789,26.004 C72.7229997,26.1000005 72.6180007,26.148 72.474,26.148 L66.282,26.148 C66.2099996,26.148 66.1560002,26.1689998 66.12,26.211 C66.0839998,26.2530002 66.0719999,26.3099996 66.084,26.382 C66.1440003,26.8980026 66.3809979,27.3239983 66.795,27.66 C67.2090021,27.9960017 67.7039971,28.164 68.28,28.164 C68.6160017,28.164 68.9309985,28.0980007 69.225,27.966 C69.4602012,27.8603995 69.6704398,27.7164006 69.8557197,27.5340004 L69.99,27.39 C70.0860005,27.2819995 70.1789996,27.2070002 70.269,27.165 C70.3590004,27.1229998 70.4579995,27.102 70.566,27.102 L72.222,27.102 C72.3660007,27.102 72.4649997,27.1469996 72.519,27.237 C72.5730003,27.3270004 72.5760002,27.4439993 72.528,27.588 Z M66.156,24.438 C66.1319999,24.5220004 66.1319999,24.5849998 66.156,24.627 C66.1800001,24.6690002 66.2279996,24.69 66.3,24.69 L70.098,24.69 C70.1580003,24.69 70.2029998,24.6750001 70.233,24.645 C70.2630002,24.6149999 70.2720001,24.5640004 70.26,24.492 C70.1639995,23.9999975 69.9240019,23.5950016 69.54,23.277 C69.1559981,22.9589984 68.7120025,22.8 68.208,22.8 C67.7279976,22.8 67.2960019,22.9529985 66.912,23.259 C66.5279981,23.5650015 66.2760006,23.9579976 66.156,24.438 Z M78.972,30.09 L78.882,30.09 C77.5499933,30.09 76.5600032,29.787003 75.912,29.181 C75.2639968,28.574997 74.94,27.6540062 74.94,26.418 L74.94,23.376 C74.94,23.2799995 74.9100003,23.2020003 74.85,23.142 C74.7899997,23.0819997 74.7120005,23.052 74.616,23.052 L73.986,23.052 C73.8899995,23.052 73.8090003,23.0190003 73.743,22.953 C73.6769997,22.8869997 73.644,22.8120004 73.644,22.728 L73.644,21.306 C73.644,21.2099995 73.6799996,21.1290003 73.752,21.063 C73.8240004,20.9969997 73.9019996,20.964 73.986,20.964 L74.616,20.964 C74.7120005,20.964 74.7899997,20.9310003 74.85,20.865 C74.9100003,20.7989997 74.94,20.7240004 74.94,20.64 L74.94,19.092 C74.94,18.9959995 74.9729997,18.9150003 75.039,18.849 C75.1050003,18.7829997 75.1799996,18.75 75.264,18.75 L77.046,18.75 C77.1420005,18.75 77.2229997,18.7829997 77.289,18.849 C77.3550003,18.9150003 77.388,18.9959995 77.388,19.092 L77.388,20.64 C77.388,20.7240004 77.4209997,20.7989997 77.487,20.865 C77.5530003,20.9310003 77.6339995,20.964 77.73,20.964 L78.9,20.964 C78.9960005,20.964 79.0769997,20.9969997 79.143,21.063 C79.2090003,21.1290003 79.242,21.2099995 79.242,21.306 L79.242,22.728 C79.242,22.8120004 79.2090003,22.8869997 79.143,22.953 C79.0769997,23.0190003 78.9960005,23.052 78.9,23.052 L77.73,23.052 C77.6459996,23.052 77.5680004,23.0849997 77.496,23.151 C77.4239996,23.2170003 77.388,23.2979995 77.388,23.394 L77.388,26.4 C77.388,26.9040025 77.5229987,27.2879987 77.793,27.552 C78.0630014,27.8160013 78.4559974,27.948 78.972,27.948 C79.0560004,27.948 79.1279997,27.9749997 79.188,28.029 C79.2480003,28.0830003 79.278,28.1519996 79.278,28.236 L79.278,29.766 C79.278,29.8620005 79.2480003,29.9399997 79.188,30 C79.1279997,30.0600003 79.0560004,30.09 78.972,30.09 Z M87.5113126,28.9734373 L87.45,29.028 C86.9819977,29.4600022 86.5200023,29.7689991 86.064,29.955 C85.6079977,30.1410009 85.1040028,30.234 84.552,30.234 C83.3159938,30.234 82.2690043,29.7750046 81.411,28.857 C80.5529957,27.9389954 80.124,26.8140067 80.124,25.482 C80.124,24.1499933 80.5589956,23.0250046 81.429,22.107 C82.2990044,21.1889954 83.3519938,20.73 84.588,20.73 C85.0200022,20.73 85.4249981,20.8019993 85.803,20.946 C86.1180016,21.0660006 86.4434158,21.2484991 86.7792494,21.4934995 L86.982,21.648 C87.0660004,21.7200004 87.1439996,21.7500001 87.216,21.738 C87.2880004,21.7259999 87.324,21.6660005 87.324,21.558 L87.324,21.288 C87.324,21.1919995 87.3569997,21.1140003 87.423,21.054 C87.4890003,20.9939997 87.5639996,20.964 87.648,20.964 L89.34,20.964 C89.4360005,20.964 89.5169997,20.9969997 89.583,21.063 C89.6490003,21.1290003 89.682,21.2099995 89.682,21.306 L89.682,27.264 C89.682,27.4800011 89.7209996,27.6419995 89.799,27.75 C89.8770004,27.8580005 89.9939992,27.9179999 90.15,27.93 C90.2340004,27.9420001 90.3059997,27.9749997 90.366,28.029 C90.4260003,28.0830003 90.456,28.1459996 90.456,28.218 L90.456,29.784 C90.456,29.8680004 90.4260003,29.9399997 90.366,30 C90.3059997,30.0600003 90.2340004,30.09 90.15,30.09 C89.5739971,30.09 89.1000019,30.0060008 88.728,29.838 C88.3559981,29.6699992 88.068001,29.4120017 87.864,29.064 C87.8039997,28.9679995 87.7410003,28.917 87.675,28.911 C87.6254998,28.9065 87.5709376,28.9273123 87.5113126,28.9734373 L87.5113126,28.9734373 Z M82.59,25.482 C82.59,26.1780035 82.8209977,26.7719975 83.283,27.264 C83.7450023,27.7560025 84.3059967,28.002 84.966,28.002 C85.6260033,28.002 86.1839977,27.7590024 86.64,27.273 C87.0960023,26.7869976 87.324,26.1900035 87.324,25.482 C87.324,24.7739965 87.0960023,24.1770024 86.64,23.691 C86.1839977,23.2049976 85.6260033,22.962 84.966,22.962 C84.3059967,22.962 83.7450023,23.2079975 83.283,23.7 C82.8209977,24.1920025 82.59,24.7859965 82.59,25.482 Z M95.172,30.09 C93.9479939,30.09 93.0870025,29.8530024 92.589,29.379 C92.0909975,28.9049976 91.842,28.0920058 91.842,26.94 L91.842,18.102 C91.842,18.0059995 91.8749997,17.9250003 91.941,17.859 C92.0070003,17.7929997 92.0819996,17.76 92.166,17.76 L93.948,17.76 C94.0440005,17.76 94.1249997,17.7929997 94.191,17.859 C94.2570003,17.9250003 94.29,18.0059995 94.29,18.102 L94.29,26.994 C94.29,27.3060016 94.3649993,27.5429992 94.515,27.705 C94.6650008,27.8670008 94.8839986,27.948 95.172,27.948 C95.2680005,27.948 95.3489997,27.9809997 95.415,28.047 C95.4810003,28.1130003 95.514,28.1939995 95.514,28.29 L95.514,29.766 C95.514,29.8500004 95.4810003,29.9249997 95.415,29.991 C95.3489997,30.0570003 95.2680005,30.09 95.172,30.09 Z M109.284,25.482 C109.284,26.8260067 108.825005,27.9539954 107.907,28.866 C106.988995,29.7780046 105.840007,30.234 104.46,30.234 C103.091993,30.234 101.946005,29.7780046 101.022,28.866 C100.097995,27.9539954 99.636,26.8260067 99.636,25.482 C99.636,24.1379933 100.094995,23.0100046 101.013,22.098 C101.931005,21.1859954 103.079993,20.73 104.46,20.73 C105.840007,20.73 106.988995,21.1829955 107.907,22.089 C108.825005,22.9950045 109.284,24.1259932 109.284,25.482 Z M102.084,25.482 C102.084,26.1780035 102.317998,26.7719975 102.786,27.264 C103.254002,27.7560025 103.811997,28.002 104.46,28.002 C105.120003,28.002 105.680998,27.7560025 106.143,27.264 C106.605002,26.7719975 106.836,26.1780035 106.836,25.482 C106.836,24.7859965 106.605002,24.1920025 106.143,23.7 C105.680998,23.2079975 105.120003,22.962 104.46,22.962 C103.811997,22.962 103.254002,23.2079975 102.786,23.7 C102.317998,24.1920025 102.084,24.7859965 102.084,25.482 Z M115.35,33.6 C114.233994,33.6 113.280004,33.3450026 112.488,32.835 C111.695996,32.3249974 111.156001,31.6080046 110.868,30.684 C110.832,30.5759995 110.847,30.4860004 110.913,30.414 C110.979,30.3419996 111.083999,30.306 111.228,30.306 L112.956,30.306 C113.064001,30.306 113.157,30.3269998 113.235,30.369 C113.2935,30.4005002 113.350312,30.4505623 113.405437,30.5191873 L113.46,30.594 C113.652001,30.8940015 113.906998,31.1189993 114.225,31.269 C114.543002,31.4190008 114.911998,31.494 115.332,31.494 C115.992003,31.494 116.531998,31.2720022 116.952,30.828 C117.372002,30.3839978 117.582,29.8140035 117.582,29.118 L117.582,29.01 C117.582,28.8899994 117.546,28.8150001 117.474,28.785 C117.4164,28.7609999 117.34728,28.7696397 117.26664,28.8109198 L117.204,28.848 C116.771998,29.1240014 116.367002,29.3249994 115.989,29.451 C115.610998,29.5770006 115.248002,29.64 114.9,29.64 C113.651994,29.64 112.611004,29.2230042 111.777,28.389 C110.942996,27.5549958 110.526,26.4960064 110.526,25.212 C110.526,23.9159935 110.948996,22.8450042 111.795,21.999 C112.641004,21.1529958 113.687994,20.73 114.936,20.73 C115.404002,20.73 115.832998,20.8079992 116.223,20.964 C116.613002,21.1200008 116.981998,21.3539984 117.33,21.666 C117.414,21.7500004 117.492,21.7830001 117.564,21.765 C117.636,21.7469999 117.672,21.6840005 117.672,21.576 L117.672,21.288 C117.672,21.1919995 117.705,21.1140003 117.771,21.054 C117.837,20.9939997 117.912,20.964 117.996,20.964 L119.688,20.964 C119.784,20.964 119.865,20.9969997 119.931,21.063 C119.997,21.1290003 120.03,21.2099995 120.03,21.306 L120.03,28.902 C120.03,30.2580068 119.589004,31.3799956 118.707,32.268 C117.824996,33.1560044 116.706007,33.6 115.35,33.6 Z M112.992,25.302 C112.992,25.9620033 113.216998,26.5139978 113.667,26.958 C114.117002,27.4020022 114.671997,27.624 115.332,27.624 C116.004003,27.624 116.561998,27.4050022 117.006,26.967 C117.450002,26.5289978 117.672,25.9740034 117.672,25.302 C117.672,24.6179966 117.447002,24.0510022 116.997,23.601 C116.546998,23.1509977 115.992,22.926 115.332,22.926 C114.671997,22.926 114.117002,23.1539977 113.667,23.61 C113.216998,24.0660023 112.992,24.6299966 112.992,25.302 Z M129.876,30.09 L129.786,30.09 C128.453993,30.09 127.464003,29.787003 126.816,29.181 C126.167997,28.574997 125.844,27.6540062 125.844,26.418 L125.844,23.376 C125.844,23.2799995 125.814,23.2020003 125.754,23.142 C125.694,23.0819997 125.616,23.052 125.52,23.052 L124.89,23.052 C124.794,23.052 124.713,23.0190003 124.647,22.953 C124.581,22.8869997 124.548,22.8120004 124.548,22.728 L124.548,21.306 C124.548,21.2099995 124.584,21.1290003 124.656,21.063 C124.728,20.9969997 124.806,20.964 124.89,20.964 L125.52,20.964 C125.616,20.964 125.694,20.9310003 125.754,20.865 C125.814,20.7989997 125.844,20.7240004 125.844,20.64 L125.844,19.092 C125.844,18.9959995 125.877,18.9150003 125.943,18.849 C126.009,18.7829997 126.084,18.75 126.168,18.75 L127.95,18.75 C128.046,18.75 128.127,18.7829997 128.193,18.849 C128.259,18.9150003 128.292,18.9959995 128.292,19.092 L128.292,20.64 C128.292,20.7240004 128.325,20.7989997 128.391,20.865 C128.457,20.9310003 128.538,20.964 128.634,20.964 L129.804,20.964 C129.9,20.964 129.981,20.9969997 130.047,21.063 C130.113,21.1290003 130.146,21.2099995 130.146,21.306 L130.146,22.728 C130.146,22.8120004 130.113,22.8869997 130.047,22.953 C129.981,23.0190003 129.9,23.052 129.804,23.052 L128.634,23.052 C128.55,23.052 128.472,23.0849997 128.4,23.151 C128.328,23.2170003 128.292,23.2979995 128.292,23.394 L128.292,26.4 C128.292,26.9040025 128.426999,27.2879987 128.697,27.552 C128.967001,27.8160013 129.359997,27.948 129.876,27.948 C129.96,27.948 130.032,27.9749997 130.092,28.029 C130.152,28.0830003 130.182,28.1519996 130.182,28.236 L130.182,29.766 C130.182,29.8620005 130.152,29.9399997 130.092,30 C130.032,30.0600003 129.96,30.09 129.876,30.09 Z M134.016,18.606 C134.016,18.9780019 133.881001,19.2989986 133.611,19.569 C133.340999,19.8390013 133.020002,19.974 132.648,19.974 C132.275998,19.974 131.955001,19.8390013 131.685,19.569 C131.414999,19.2989986 131.28,18.9780019 131.28,18.606 C131.28,18.2339981 131.414999,17.9130013 131.685,17.643 C131.955001,17.3729986 132.275998,17.238 132.648,17.238 C133.020002,17.238 133.340999,17.3729986 133.611,17.643 C133.881001,17.9130013 134.016,18.2339981 134.016,18.606 Z M133.512,30 L131.73,30 C131.646,30 131.571,29.9670003 131.505,29.901 C131.439,29.8349997 131.406,29.7540005 131.406,29.658 L131.406,21.306 C131.406,21.2099995 131.439,21.1290003 131.505,21.063 C131.571,20.9969997 131.646,20.964 131.73,20.964 L133.512,20.964 C133.608,20.964 133.689,20.9969997 133.755,21.063 C133.821,21.1290003 133.854,21.2099995 133.854,21.306 L133.854,29.658 C133.854,29.7420004 133.821,29.8199996 133.755,29.892 C133.689,29.964 133.608,30 133.512,30 Z M139.164,30.09 C137.939994,30.09 137.079002,29.8530024 136.581,29.379 C136.082998,28.9049976 135.834,28.0920058 135.834,26.94 L135.834,18.102 C135.834,18.0059995 135.867,17.9250003 135.933,17.859 C135.999,17.7929997 136.074,17.76 136.158,17.76 L137.94,17.76 C138.036,17.76 138.117,17.7929997 138.183,17.859 C138.249,17.9250003 138.282,18.0059995 138.282,18.102 L138.282,26.994 C138.282,27.3060016 138.356999,27.5429992 138.507,27.705 C138.657001,27.8670008 138.875999,27.948 139.164,27.948 C139.26,27.948 139.341,27.9809997 139.407,28.047 C139.473,28.1130003 139.506,28.1939995 139.506,28.29 L139.506,29.766 C139.506,29.8500004 139.473,29.9249997 139.407,29.991 C139.341,30.0570003 139.26,30.09 139.164,30.09 Z M142.728,30 L140.946,30 C140.862,30 140.787,29.9670003 140.721,29.901 C140.655,29.8349997 140.622,29.7540005 140.622,29.658 L140.622,21.306 C140.622,21.2099995 140.655,21.1290003 140.721,21.063 C140.787,20.9969997 140.862,20.964 140.946,20.964 L142.656,20.964 C142.752,20.964 142.833,20.9969997 142.899,21.063 C142.965,21.1290003 142.998,21.2099995 142.998,21.306 L142.998,21.594 C142.998,21.7020005 143.037,21.7649999 143.115,21.783 C143.193,21.8010001 143.28,21.7620005 143.376,21.666 C143.736002,21.3419984 144.092998,21.1050008 144.447,20.955 C144.801002,20.8049992 145.187998,20.73 145.608,20.73 C146.136003,20.73 146.606998,20.8439989 147.021,21.072 C147.375859,21.2674295 147.693244,21.5466108 147.973163,21.9095504 L148.11,22.098 C148.158,22.1700004 148.206,22.206 148.254,22.206 C148.302,22.206 148.356,22.1700004 148.416,22.098 C148.752002,21.6539978 149.159998,21.3150012 149.64,21.081 C150.120002,20.8469988 150.653997,20.73 151.242,20.73 C152.202005,20.73 152.984997,21.0629967 153.591,21.729 C154.197003,22.3950033 154.5,23.2559947 154.5,24.312 L154.5,29.658 C154.5,29.7420004 154.467,29.8199996 154.401,29.892 C154.335,29.9640004 154.254,30 154.158,30 L152.376,30 C152.292,30 152.217,29.9670003 152.151,29.901 C152.085,29.8349997 152.052,29.7540005 152.052,29.658 L152.052,24.744 C152.052,24.1559971 151.911001,23.6940017 151.629,23.358 C151.346999,23.0219983 150.954003,22.854 150.45,22.854 C149.969998,22.854 149.571002,23.0339982 149.253,23.394 C148.934998,23.7540018 148.776,24.1859975 148.776,24.69 L148.776,29.658 C148.776,29.7420004 148.743,29.8199996 148.677,29.892 C148.611,29.9640004 148.53,30 148.434,30 L146.652,30 C146.568,30 146.493,29.9670003 146.427,29.901 C146.361,29.8349997 146.328,29.7540005 146.328,29.658 L146.328,24.744 C146.328,24.1559971 146.187001,23.6940017 145.905,23.358 C145.622999,23.0219983 145.236002,22.854 144.744,22.854 C144.251998,22.854 143.850002,23.0309982 143.538,23.385 C143.225998,23.7390018 143.07,24.1799974 143.07,24.708 L143.07,29.658 C143.07,29.7420004 143.037,29.8199996 142.971,29.892 C142.905,29.9640004 142.824,30 142.728,30 Z M165.102,27.588 C164.801999,28.380004 164.253004,29.0189976 163.455,29.505 C162.656996,29.9910024 161.766005,30.234 160.782,30.234 C159.425993,30.234 158.307004,29.7900044 157.425,28.902 C156.542996,28.0139956 156.102,26.8860068 156.102,25.518 C156.102,24.1499932 156.551996,23.0100046 157.452,22.098 C158.352005,21.1859954 159.473993,20.73 160.818,20.73 C162.150007,20.73 163.256996,21.1889954 164.139,22.107 C165.021004,23.0250046 165.462,24.1739931 165.462,25.554 C165.462,25.758001 165.429,25.9079995 165.363,26.004 C165.297,26.1000005 165.192001,26.148 165.048,26.148 L158.856,26.148 C158.784,26.148 158.73,26.1689998 158.694,26.211 C158.658,26.2530002 158.646,26.3099996 158.658,26.382 C158.718,26.8980026 158.954998,27.3239983 159.369,27.66 C159.783002,27.9960017 160.277997,28.164 160.854,28.164 C161.190002,28.164 161.504999,28.0980007 161.799,27.966 C162.034201,27.8603995 162.24444,27.7164006 162.42972,27.5340004 L162.564,27.39 C162.66,27.2819995 162.753,27.2070002 162.843,27.165 C162.933,27.1229998 163.031999,27.102 163.14,27.102 L164.796,27.102 C164.940001,27.102 165.039,27.1469996 165.093,27.237 C165.147,27.3270004 165.15,27.4439993 165.102,27.588 Z M158.73,24.438 C158.706,24.5220004 158.706,24.5849998 158.73,24.627 C158.754,24.6690002 158.802,24.69 158.874,24.69 L162.672,24.69 C162.732,24.69 162.777,24.6750001 162.807,24.645 C162.837,24.6149999 162.846,24.5640004 162.834,24.492 C162.738,23.9999975 162.498002,23.5950016 162.114,23.277 C161.729998,22.9589984 161.286003,22.8 160.782,22.8 C160.301998,22.8 159.870002,22.9529985 159.486,23.259 C159.101998,23.5650015 158.850001,23.9579976 158.73,24.438 Z M170.394,30.09 C169.169994,30.09 168.309002,29.8530024 167.811,29.379 C167.312998,28.9049976 167.064,28.0920058 167.064,26.94 L167.064,18.102 C167.064,18.0059995 167.097,17.9250003 167.163,17.859 C167.229,17.7929997 167.304,17.76 167.388,17.76 L169.17,17.76 C169.266,17.76 169.347,17.7929997 169.413,17.859 C169.479,17.9250003 169.512,18.0059995 169.512,18.102 L169.512,26.994 C169.512,27.3060016 169.586999,27.5429992 169.737,27.705 C169.887001,27.8670008 170.105999,27.948 170.394,27.948 C170.49,27.948 170.571,27.9809997 170.637,28.047 C170.703,28.1130003 170.736,28.1939995 170.736,28.29 L170.736,29.766 C170.736,29.8500004 170.703,29.9249997 170.637,29.991 C170.571,30.0570003 170.49,30.09 170.394,30.09 Z M180.69,17.76 C180.786,17.76 180.867,17.7929997 180.933,17.859 C180.999,17.9250003 181.032,18.0059995 181.032,18.102 L181.032,27.264 C181.032,27.4800011 181.071,27.6419995 181.149,27.75 C181.227,27.8580005 181.343999,27.9179999 181.5,27.93 C181.584,27.9420001 181.656,27.9749997 181.716,28.029 C181.776,28.0830003 181.806,28.1459996 181.806,28.218 L181.806,29.784 C181.806,29.8680004 181.776,29.9399997 181.716,30 C181.656,30.0600003 181.584,30.09 181.5,30.09 C180.923997,30.09 180.450002,30.0060008 180.078,29.838 C179.705998,29.6699992 179.418001,29.4120017 179.214,29.064 C179.154,28.9679995 179.091,28.917 179.025,28.911 C178.9755,28.9065 178.920938,28.9273123 178.861313,28.9734373 L178.8,29.028 C178.331998,29.4600022 177.870002,29.7689991 177.414,29.955 C176.957998,30.1410009 176.454003,30.234 175.902,30.234 C174.665994,30.234 173.619004,29.7750046 172.761,28.857 C171.902996,27.9389954 171.474,26.8140067 171.474,25.482 C171.474,24.1499933 171.908996,23.0250046 172.779,22.107 C173.649004,21.1889954 174.701994,20.73 175.938,20.73 C176.358002,20.73 176.756998,20.7959993 177.135,20.928 C177.513002,21.0600007 177.869998,21.2639986 178.206,21.54 C178.29,21.6120004 178.374,21.6330002 178.458,21.603 C178.542,21.5729999 178.584,21.4980006 178.584,21.378 L178.584,18.102 C178.584,18.0059995 178.617,17.9250003 178.683,17.859 C178.749,17.7929997 178.824,17.76 178.908,17.76 L180.69,17.76 Z M176.316,22.962 C175.655997,22.962 175.095002,23.2079975 174.633,23.7 C174.170998,24.1920025 173.94,24.7859965 173.94,25.482 C173.94,26.1780035 174.170998,26.7719975 174.633,27.264 C175.095002,27.7560025 175.655997,28.002 176.316,28.002 C176.976003,28.002 177.533998,27.7590024 177.99,27.273 C178.446002,26.7869976 178.674,26.1900035 178.674,25.482 C178.674,24.7739965 178.446002,24.1770024 177.99,23.691 C177.533998,23.2049976 176.976003,22.962 176.316,22.962 Z\",\n id: \"Betalogtilmeld\",\n fill: \"#FFFFFF\",\n fillRule: \"nonzero\"\n }), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Logo-/-Monochrome-/-Icon---White\",\n transform: \"translate(22.000000, 11.000000)\",\n fill: \"#FFFFFF\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Logo_monochrome_lines\",\n transform: \"translate(0.764706, 0.382353)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.8529412,16.7365084 C13.9709276,16.0910306 15.7627795,15.7664759 17.2284968,15.7628444 C19.6517368,15.7568404 21.6834143,16.2378531 23.3235294,17.2058824 L23.3235294,10.1662664 C21.6750873,9.31267556 19.8125189,8.85702497 17.7358241,8.7993146 C15.6591294,8.74160424 13.6981684,9.16453394 11.8529412,10.0681037 L11.8529412,16.7365084 Z\",\n id: \"Path-4\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.41176471,9.07195384 L11.025752,15.2941176 L11.025752,9.33099477 C12.4029934,8.59349174 13.8610171,8.12085267 15.3998232,7.91307756 C16.9386292,7.70530244 18.6877078,7.73880158 20.6470588,8.01357497 L19.2253774,4.61677985 C17.165744,4.48377212 15.2036939,4.81559182 13.3392269,5.61223896 C11.47476,6.4088861 9.83227258,7.56212439 8.41176471,9.07195384 Z\",\n id: \"Path-4\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.4411765,6.51927915 C16.4411765,5.91889364 16.4411765,5.01831538 16.4411765,3.81754437 C16.4411765,2.55384363 15.4229778,1.52941176 14.1669661,1.52941176 L6.48009274,1.52941176 C5.22408102,1.52941176 4.20588235,2.55384363 4.20588235,3.81754437 L4.20588235,21.8001027 C4.20588235,23.0638034 5.22408102,24.0882353 6.48009274,24.0882353 L14.1669661,24.0882353 C15.4229778,24.0882353 16.4411765,23.0638034 16.4411765,21.8001027 C16.4411765,20.6612641 16.4411765,19.9181304 16.4411765,19.5707018 C16.0923547,19.402244 15.8360101,19.2817348 15.6721426,19.2091741 C15.49909,19.1325464 15.2500546,19.029273 14.9250362,18.899354 C14.9250362,19.3470246 14.9250362,20.3139408 14.9250362,21.8001027 C14.9250362,22.2213363 14.5856367,22.5628136 14.1669661,22.5628136 L6.48009274,22.5628136 C6.06142217,22.5628136 5.72202261,22.2213363 5.72202261,21.8001027 L5.72202261,3.81754437 C5.72202261,3.39631079 6.06142217,3.0548335 6.48009274,3.0548335 L14.1669661,3.0548335 C14.5856367,3.0548335 14.9250362,3.39631079 14.9250362,3.81754437 L14.9250362,6.54837213 C15.2815657,6.5258784 15.5527734,6.51554513 15.7386594,6.51737232 C15.9245455,6.5191995 16.1587178,6.51983512 16.4411765,6.51927915 Z\",\n id: \"Path-5\",\n fillRule: \"nonzero\",\n transform: \"translate(10.323529, 12.808824) rotate(-22.400000) translate(-10.323529, -12.808824) \"\n }))))))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgDanishDisabledLarge);\nexport default __webpack_public_path__ + \"static/media/danish-disabled-large.0844a1d7.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {ReactComponent as MobilePayLogo1} from \"../assets/img/SVG/Betal og tilmeld/danish-blue-large.svg\";\r\nimport {ReactComponent as MobilePayLogo2} from \"../assets/img/SVG/Betal og tilmeld/danish-disabled-large.svg\";\r\nimport { useState } from 'react';\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\n\r\n\r\nconst InputContainer = styled.section`\r\n display: flex;\r\n justify-content: center;\r\n`\r\nconst Conditions = styled(InputContainer)`\r\n flex-direction: column;\r\n align-items: center;\r\n`\r\nconst checkBox = styled.input`\r\n font-size: 1.2em;\r\n`\r\nconst Redirect = styled.a`\r\n vertical-align: bottom;\r\n`\r\nconst PolicyAgreement = ({terms, paymentRedirect, clubName}) => {\r\n const [accepted, setAccepted] = useState(false)\r\n const t = useCustomTranslation()\r\n\r\n const handleCheckbox = (e)=>{\r\n e.target.checked ? setAccepted(true) : setAccepted(false)\r\n }\r\n\r\n return (\r\n \r\n \r\n {t('Jeg accepter {{clubName}}s', { clubName })} {t('Abonnementbetingelser')}
\r\n \r\n {accepted ? \r\n )\r\n}\r\n\r\nexport default PolicyAgreement","import React, {useState , useMemo , useCallback, useEffect} from 'react'\r\nimport styled from 'styled-components'\r\nimport Orders from './components/Orders';\r\nimport PolicyAgreement from './components/PolicyAgreement';\r\nimport {Flex, Loading} from 'components'\r\nimport getAppUrls from 'jsonFetches/getAppUrls'\r\nimport useCustomTranslation from 'lib/customT'\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 PageWrapper = styled.section`\r\n background-color: #f6f6f6;\r\n border-radius: 5px;\r\n padding: 2em;\r\n overflow: scroll;\r\n width: 50%;\r\n @media (max-width: 768px) {\r\n width: 100%;\r\n }\r\n margin: 2em auto;\r\n` \r\nconst LandingPage = () => {\r\n const [clubUserPaymentSubscriptionPlan, setClubUserPaymentSubscriptionPlan] = useState([])\r\n const [isExpired, setIsExpired] = useState(false)\r\n const t = useCustomTranslation()\r\n\r\n const 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 function getParameterByName(name, url = window.location.href) {\r\n name = name.replace(/[\\[\\]]/g, '\\\\$&');\r\n var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\r\n results = regex.exec(url);\r\n if (!results) return null;\r\n if (!results[2]) return '';\r\n return decodeURIComponent(results[2].replace(/\\+/g, ' '));\r\n }\r\n\r\n useEffect(() => {\r\n\r\n if (clubUserPaymentSubscriptionPlan.redirectUrl == null) {\r\n let token = encodeURIComponent(getParameterByName('token'));\r\n let email = encodeURIComponent(getParameterByName('email'));\r\n let url = `${getAppUrls().apiMyOrgUrl}/v4/clubpayment/subscription/ClubUserPaymentSubscriptionPlanByToken?token=${token}&email=${email}`;\r\n let requestBy = encodeURIComponent(getParameterByName('requestBy'));\r\n\r\n fetch(url)\r\n .then((response) => {\r\n return response.json()\r\n })\r\n .then((response) => {\r\n if (response.Expired == true) {\r\n setIsExpired(true)\r\n } else {\r\n setIsExpired(false)\r\n response.redirectUrl = `${getAppUrls().apiMyOrgUrl}/v4/payments/mobilepaysubscription/agreement/approve?token=${token}&email=${email}&requestBy=${requestBy}`\r\n setClubUserPaymentSubscriptionPlan(response)\r\n }\r\n }).catch((error) => {\r\n console.log(error)\r\n }, [clubUserPaymentSubscriptionPlan])\r\n }\r\n\r\n }, [clubUserPaymentSubscriptionPlan])\r\n\r\n var dataOrders = [];\r\n if (clubUserPaymentSubscriptionPlan.redirectUrl != null && clubUserPaymentSubscriptionPlan.Items != null) {\r\n clubUserPaymentSubscriptionPlan.Items.forEach(item => {\r\n\r\n dataOrders.push({\r\n price: item.ItemPrice,\r\n service: item.Title,\r\n amount: item.Nr\r\n });\r\n });\r\n }\r\n\r\n return (\r\n \r\n \r\n {isExpired || clubUserPaymentSubscriptionPlan.Title == null ?\r\n <>\r\n {t('Linket er udløbet eller ikke gyldigt')} \r\n \r\n :\r\n <>\r\n {clubUserPaymentSubscriptionPlan.redirectUrl != null ?\r\n <>\r\n {clubUserPaymentSubscriptionPlan.Title} \r\n {t('ABONNEMENT')} \r\n \r\n )\r\n}\r\n\r\nexport default LandingPage\r\n\r\n\r\n","import {handleActions, combineActions} from 'redux-actions'\r\nimport {omit, get} from 'lodash'\r\nimport * as actions from './actions'\r\n\r\nconst initialState = {\r\n entities: [],\r\n isFetchingPaymentMethods: false,\r\n isFetchedPaymentMethods: false,\r\n isFetchingClubPaymentMethods: false,\r\n isFetchingActivityPaymentMethods: false,\r\n isFetchedActivityPaymentMethods: false,\r\n\r\n kevinEntities: [],\r\n clubPaymentMethodsEntities: [],\r\n activityPaymentMethodsEntities: []\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [actions.getClubPaymentMethods.succeeded]: (state, action) => ({\r\n ...state,\r\n isFetchingClubPaymentMethods: false,\r\n clubPaymentMethodsEntities: action.payload\r\n }),\r\n\r\n [actions.getClubPaymentMethods.requested]: (state) => ({\r\n ...state,\r\n isFetchingClubPaymentMethods: true,\r\n }),\r\n\r\n [actions.fetchClubPaymentMethods.succeeded]: (state, action) => ({\r\n ...state,\r\n isFetchingPaymentMethods: false,\r\n entities: action.payload\r\n }),\r\n [actions.fetchClubPaymentMethods.requested]: (state) => ({\r\n ...state,\r\n isFetchingPaymentMethods: true,\r\n }),\r\n\r\n [actions.fetchActivityPaymentMethods.succeeded]: (state, action) => ({\r\n ...state,\r\n isFetchingActivityPaymentMethods: false,\r\n activityPaymentMethodsEntities: action.payload\r\n }),\r\n [actions.fetchActivityPaymentMethods.requested]: (state) => ({\r\n ...state,\r\n isFetchingActivityPaymentMethods: true,\r\n }),\r\n \r\n [actions.pay.succeeded]: (state, action) => ({\r\n ...state,\r\n result: action.payload\r\n }),\r\n [actions.pay.requested]: (\r\n state,\r\n ) => ({\r\n ...state,\r\n }),\r\n [actions.pay.failed]: (state) => ({\r\n ...state,\r\n }),\r\n \r\n \r\n [actions.kevinAcceptPaymentAgreement.succeeded]: \r\n (state, {payload: id}) => ({\r\n ...state,\r\n kevinEntities: {\r\n ...state.kevinEntities,\r\n [id]: {\r\n ...state.kevinEntities[id],\r\n paymentKevinAgreementAccepted: true,\r\n },\r\n },\r\n }),\r\n\r\n [actions.kevinAcceptPaymentAgreement.requested]: (state) => ({\r\n ...state,\r\n isFetchingPaymentMethods: true,\r\n }),\r\n\r\n [actions.fetchKevinAgreement.succeeded]: \r\n (state,{payload: {clubId, ...data}}) => ({\r\n ...state,\r\n kevinEntities: {\r\n ...state.kevinEntities,\r\n [clubId]: {\r\n ...state.kevinEntities[clubId],\r\n ...data,\r\n },\r\n },\r\n })\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {noop} from 'lodash'\r\nimport {parse} from 'date-fns'\r\nimport {put, call, take, takeLatest, takeEvery, select} from 'redux-saga/effects'\r\nimport {apiRequest, api} from 'app/sagas'\r\nimport {getActive, setActive, fetch as fetchClubs} from 'clubs'\r\n\r\nimport * as actions from './actions'\r\n\r\nconst toUTC = (date) =>\r\n `${date.getUTCFullYear()}-${twoDigits(date.getUTCMonth() + 1)}-${twoDigits(\r\n date.getUTCDate()\r\n )}T${twoDigits(date.getUTCHours())}:${twoDigits(date.getUTCMinutes())}`\r\n\r\nconst twoDigits = (n) => (n < 10 ? `0${n}` : n)\r\n\r\nfunction* watchFetchActivityPaymentMethods(){\r\n yield takeLatest(actions.fetchActivityPaymentMethods.requested, fetchActivityPaymentMethods)\r\n}\r\n\r\nfunction* fetchActivityPaymentMethods({\r\n payload: {activityPaymentId},\r\n meta: {resolve = noop, reject = noop},\r\n}) {\r\n\r\n try {\r\n const response = yield call(api, `/payments/club/activity/payment/${activityPaymentId}/paymentmethods`, {\r\n version: 'v4'\r\n })\r\n yield put(actions.fetchActivityPaymentMethods.succeeded(response))\r\n } catch (error) {\r\n yield put(actions.fetchActivityPaymentMethods.failed(error))\r\n }\r\n}\r\n\r\nfunction* watchFetchClubPaymentMethods(){\r\n yield takeLatest(actions.fetchClubPaymentMethods.requested, fetchClubPaymentMethods)\r\n}\r\n\r\nfunction* fetchClubPaymentMethods({\r\n payload: {clubPaymentId},\r\n meta: {resolve = noop, reject = noop},\r\n}) {\r\n // if (!(yield select(getActive))) {\r\n // yield all([put(fetchClubs.requested()), take(setActive)])\r\n // }\r\n\r\n // const {id} = yield select(getActive)\r\n try {\r\n const response = yield call(api, `/payments/club/clubpayment/${clubPaymentId}/paymentmethods`, {\r\n version: 'v4'\r\n })\r\n yield put(actions.fetchClubPaymentMethods.succeeded(response))\r\n } catch (error) {\r\n yield put(actions.fetchClubPaymentMethods.failed(error))\r\n }\r\n}\r\n\r\n\r\nfunction* watchpay() {\r\n yield takeEvery(actions.pay.requested, pay)\r\n}\r\n\r\nexport function* pay(action) {\r\n try {\r\n if (action.payload.ActivityUserPaymentId != null) {\r\n const {\r\n payload: {ActivityUserPaymentId, PaymentMethodInfoId},\r\n meta: {resolve, reject},\r\n } = action\r\n \r\n var response = yield call(api, `/payments/StartPayProcessActivityPayment`, {\r\n version: 'v4',\r\n method: 'post',\r\n body: {\r\n ActivityUserPaymentId,\r\n PaymentMethodInfoId\r\n },\r\n })\r\n\r\n var payResponse = yield call(api, `/payments/PayProcessActivityPayment?token=${response.token}`, {\r\n version: 'v4',\r\n method: 'get'\r\n })\r\n\r\n yield call(resolve(payResponse))\r\n } else if (action.payload.UserPaymentId != null) {\r\n const {\r\n payload: {UserPaymentId, PaymentMethodInfoId},\r\n meta: {resolve, reject},\r\n } = action\r\n\r\n var response = yield call(api, `/payments/StartPayProcessClubPayment`, {\r\n version: 'v4',\r\n method: 'post',\r\n body: {\r\n UserPaymentId,\r\n PaymentMethodInfoId\r\n },\r\n })\r\n\r\n var payResponse = yield call(api, `/payments/PayUserPayment?token=${response.token}`, {\r\n version: 'v4',\r\n method: 'get'\r\n })\r\n\r\n yield call(resolve(payResponse))\r\n }\r\n\r\n } catch (error) {\r\n yield put(actions.pay.failed(error))\r\n yield call(action.meta.reject)\r\n }\r\n}\r\n\r\n\r\nfunction* watchFetchKevinAgreement() {\r\n yield takeEvery(actions.fetchKevinAgreement.requested, fetchKevinAgreement)\r\n}\r\n\r\nfunction* fetchKevinAgreement({meta: {resolve, reject}}) {\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n const {body, existingInfo} = yield call(\r\n apiRequest,\r\n `/clubs/${id}/payments/agreement`,\r\n {\r\n version: 'v3',\r\n }\r\n )\r\n\r\n yield put(actions.fetchKevinAgreement.succeeded({...existingInfo, clubId: id}))\r\n\r\n yield call(resolve, body)\r\n } catch (error) {\r\n yield put(actions.fetchKevinAgreement.failed())\r\n yield call(reject, error)\r\n }\r\n}\r\n\r\nfunction* kevinAcceptPaymentAgreement() {\r\n while (true) {\r\n const {\r\n payload: values,\r\n meta: {resolve, reject},\r\n } = yield take(actions.kevinAcceptPaymentAgreement.requested)\r\n const club = yield select(getActive)\r\n\r\n try {\r\n yield call(apiRequest, `/clubs/${club.id}/payments/agreement/accept`, {\r\n method: 'post',\r\n version: 'v3',\r\n body: values,\r\n })\r\n\r\n yield put(actions.kevinAcceptPaymentAgreement.succeeded(club.id))\r\n yield put(fetchPayments.requested())\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.kevinAcceptPaymentAgreement.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nfunction* watchGetClubPaymentMethods() {\r\n yield takeEvery(actions.getClubPaymentMethods.requested, getClubPaymentMethods)\r\n}\r\n\r\nfunction* getClubPaymentMethods({meta: {resolve, reject}}) {\r\n\r\n try {\r\n const club = yield select(getActive)\r\n\r\n const result = yield call(apiRequest, `/payments/club/${club.id}/admin/clubpaymentmethods`, {\r\n method: 'get',\r\n version: 'v4',\r\n })\r\n\r\n yield put(actions.getClubPaymentMethods.succeeded(result))\r\n yield call(resolve, result)\r\n } catch (error) {\r\n yield put(actions.getClubPaymentMethods.failed(error))\r\n //yield call(reject)\r\n }\r\n}\r\n\r\nfunction* createClubPaymentMethod() {\r\n const {\r\n payload: values,\r\n meta: {resolve, reject},\r\n } = yield take(actions.createClubPaymentMethod.requested)\r\n const club = yield select(getActive)\r\n\r\n const resultPaymentMethods = yield call(apiRequest, `/payments/GetSupportedGateways`, {\r\n method: 'get',\r\n version: 'v4',\r\n })\r\n\r\n var model = {\r\n //TODO: Refactor\r\n name: values.customClubPaymentMethodName,\r\n enabled: true,\r\n customInfo: JSON.stringify(values),\r\n clubId: club.id,\r\n paymentMethodInfoId: resultPaymentMethods.filter(f => f.paymentMethodName.toLowerCase() == values.paymentMethodName)[0].id\r\n }\r\n\r\n try {\r\n yield call(api, `/payments/club/createclubpaymentmethod`, {\r\n method: 'post',\r\n version: 'v4',\r\n body: model,\r\n })\r\n\r\n yield put(actions.createClubPaymentMethod.succeeded(club.id))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.createClubPaymentMethod.failed(error))\r\n yield call(reject)\r\n }\r\n}\r\n\r\nfunction* updateClubPaymentMethod() {\r\n const {\r\n payload: values,\r\n meta: {resolve, reject},\r\n } = yield take(actions.updateClubPaymentMethod.requested)\r\n const club = yield select(getActive)\r\n\r\n const resultPaymentMethods = yield call(apiRequest, `/payments/GetSupportedGateways`, {\r\n method: 'get',\r\n version: 'v4',\r\n })\r\n \r\n var model = {\r\n name: 'MinForening betalingsløsning',\r\n customInfo: JSON.stringify(values),\r\n clubId: club.id,\r\n enabled: true,\r\n clubPaymentMethodInfoId: values.clubPaymentMethodInfoId,\r\n paymentMethodInfoId: resultPaymentMethods.filter(f => f.paymentMethodName.toLowerCase() == \"kevin\")[0].id\r\n }\r\n \r\n try {\r\n yield call(api, `/payments/club/updateclubpaymentmethod`, {\r\n method: 'patch',\r\n version: 'v4',\r\n body: model,\r\n })\r\n\r\n yield put(actions.updateClubPaymentMethod.succeeded(club.id))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.updateClubPaymentMethod.failed(error))\r\n yield call(reject)\r\n }\r\n}\r\n\r\nfunction* getSuppportedCurrencies() {\r\n const {\r\n payload: values,\r\n meta: {resolve, reject},\r\n } = yield take(actions.kevinAcceptPaymentAgreement.requested)\r\n const club = yield select(getActive)\r\n\r\n try {\r\n yield call(apiRequest, `/payments/clubs/${club.id}/payments/agreement/accept`, {\r\n method: 'post',\r\n version: 'v4',\r\n body: values,\r\n })\r\n\r\n yield put(actions.kevinAcceptPaymentAgreement.succeeded(club.id))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.kevinAcceptPaymentAgreement.failed(error))\r\n yield call(reject)\r\n }\r\n}\r\n\r\nexport default [\r\n watchpay,\r\n watchFetchClubPaymentMethods,\r\n watchFetchActivityPaymentMethods,\r\n watchFetchKevinAgreement,\r\n watchGetClubPaymentMethods,\r\n kevinAcceptPaymentAgreement,\r\n createClubPaymentMethod,\r\n updateClubPaymentMethod\r\n]\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 {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 React, {PureComponent} from 'react'\r\nimport styled from 'styled-components'\r\nimport {space, display} from 'styled-system'\r\n\r\nconst Img = styled.img`\r\n ${space};\r\n ${display};\r\n border-radius: ${(props) => (props.round ? '50%' : 0)};\r\n opacity: ${(props) => (props.loaded ? 1 : 0)};\r\n will-change: opacity;\r\n transition: opacity 0.75s ease;\r\n`\r\n\r\nclass Image extends PureComponent {\r\n state = {\r\n loaded: false,\r\n }\r\n\r\n onLoad = () =>\r\n this.setState({\r\n loaded: true,\r\n })\r\n\r\n render() {\r\n return (\r\n `${b}`),\r\n `${group.id}`\r\n )\r\n : undefined\r\n }\r\n bulk={bulk}\r\n key={group.id}\r\n {...group}\r\n />\r\n ))\r\n\r\nGroupList.defaultProps = {\r\n layer: 0,\r\n}\r\n\r\nexport default GroupList\r\n","import {\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\nimport {get} from 'lodash'\r\nimport {apiRequest, api} from 'app/sagas'\r\nimport * as actions from './actions'\r\nimport * as selectors from './selectors'\r\nimport {bulk, fetch as fetchMembers} from 'members/actions'\r\nimport {\r\n fetch as fetchActivities,\r\n reset as resetActivities,\r\n} from 'activities/actions'\r\nimport {getIsGroupLeader, getFullName, getPhone, getEmail, getActiveType, getIsFetching as getUserMapsIsFetching} from 'user'\r\nimport {fetch as fetchGroups} from 'groups/actions'\r\nimport {fetch as fetchPayments} from 'payments/actions'\r\nimport {getUninvitedInactiveMemberIds} from 'members/selectors'\r\nimport {create as createLink} from 'links/actions'\r\nimport {getLinksArray} from 'links/selectors'\r\n\r\n//\r\n// Watchers - watch every action too redux store, if one match then assign the worker \r\n// Docs: https://www.youtube.com/watch?v=o3A9EvMspig\r\n//\r\n\r\nfunction* watchFetch() {\r\n yield takeEvery(actions.fetch.requested, fetch)\r\n}\r\n\r\nfunction* watchCreate() {\r\n yield takeEvery(actions.create.requested, create)\r\n}\r\n\r\nfunction* watchConnectExternalSystem() {\r\n yield takeEvery(actions.connectExternalSystem.requested, connectExternalSystem)\r\n}\r\n\r\nfunction* watchGetConventusDepartments() {\r\n yield takeEvery(actions.getConventusDepartments.requested, getConventusDepartments)\r\n}\r\n\r\nfunction* watchDisconnectExternalSystem() {\r\n yield takeEvery(actions.disconnectExternalSystem.requested, disconnectExternalSystem)\r\n}\r\n\r\nfunction* watchGetExternalSystem() {\r\n yield takeEvery(actions.getExternalSystem.requested, getExternalSystem)\r\n}\r\n\r\n\r\nfunction* fetch() {\r\n try {\r\n const adminClubs = yield call(apiRequest, '/web/cluboverview')\r\n const memberClubs = yield call(apiRequest, '/wheel/myclubwheels')\r\n\r\n const clubs = [...adminClubs, ...memberClubs].filter(\r\n ({clubId}) => clubId > 0\r\n )\r\n\r\n yield put(actions.fetch.succeeded(clubs))\r\n\r\n // Fetch last active club from Local Storage. If the club exists in Redux,\r\n // set it as the active club, else use the first club in Redux.\r\n const activeId = yield call(getCurrentClubFromLocalStorage)\r\n\r\n if (yield select(selectors.getClub, activeId)) {\r\n yield put(actions.setActive(activeId))\r\n } else {\r\n const clubs = yield select(selectors.getClubsArray)\r\n yield put(actions.setActive(clubs[0].id))\r\n }\r\n\r\n yield put(actions.fetch.succeededActive(clubs))\r\n } catch (error) {\r\n yield put(actions.fetch.failed(error))\r\n }\r\n}\r\n\r\nfunction* create({\r\n payload: {\r\n title,\r\n phone: phoneNumber,\r\n address,\r\n zip,\r\n city,\r\n website: homePage,\r\n image,\r\n description,\r\n locale,\r\n },\r\n meta: {resolve, reject},\r\n}) {\r\n try {\r\n const response = yield call(apiRequest, '/web/newclub', {\r\n method: 'post',\r\n body: {\r\n title,\r\n phoneNumber,\r\n address,\r\n zip,\r\n city,\r\n homePage,\r\n image,\r\n description,\r\n },\r\n })\r\n\r\n if (image) {\r\n yield call(uploadHeaderImage, response.clubId, image)\r\n }\r\n\r\n yield put(actions.create.succeeded(response))\r\n yield call(resolve)\r\n yield put(actions.fetch.requested())\r\n yield put(actions.setActive(response.clubId))\r\n } catch (error) {\r\n yield put(actions.create.failed(error))\r\n yield call(reject, error.message)\r\n }\r\n}\r\n\r\nfunction* uploadHeaderImage(clubId, image) {\r\n const formData = new FormData()\r\n\r\n yield call([formData, 'append'], 'image', image, image.name)\r\n\r\n return yield call(apiRequest, `/clubs/${clubId}/images/header`, {\r\n method: 'put',\r\n version: 'v3',\r\n body: formData,\r\n })\r\n}\r\n\r\nfunction* watchUpdate() {\r\n yield takeEvery(actions.update.requested, update)\r\n}\r\n\r\nfunction* update(action) {\r\n const {\r\n payload: {image, clubName, ...values},\r\n meta: {resolve},\r\n } = action\r\n const {id} = yield select(selectors.getActive)\r\n \r\n try {\r\n const {title, ...response} = yield call(apiRequest, `/clubs/${id}`, {\r\n version: 'v3',\r\n method: 'patch',\r\n body: {title: clubName, ...values},\r\n })\r\n const newImage = image\r\n ? yield call(uploadHeaderImage, id, image)\r\n : undefined\r\n\r\n yield put(\r\n actions.update.succeeded({\r\n ...response,\r\n clubName: title,\r\n imageUrl: newImage,\r\n })\r\n )\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.update.failed(error))\r\n }\r\n}\r\n\r\nexport function* watchChange() {\r\n while (true) {\r\n try {\r\n yield take(actions.setActive)\r\n\r\n let type = yield select(getActiveType);\r\n while (true) {\r\n yield delay(10)\r\n let userMapsIsFetching = yield select(getUserMapsIsFetching)\r\n\r\n if (!userMapsIsFetching) {\r\n type = yield select(getActiveType)\r\n\r\n if (type === null || typeof type === 'undefined') {\r\n // do nothing\r\n } else {\r\n break\r\n }\r\n }\r\n }\r\n\r\n if (type === 1) {\r\n continue\r\n }\r\n\r\n yield all([\r\n put(resetActivities()),\r\n put(fetchMembers.requested()),\r\n put(fetchGroups.requested()),\r\n put(fetchActivities.requested()),\r\n put(bulk.reset()),\r\n call(saveCurrentClubToLocalStorage),\r\n ])\r\n\r\n const isGroupLeader = yield select(getIsGroupLeader)\r\n if (isGroupLeader) {\r\n yield take(fetchMembers.succeeded)\r\n }\r\n\r\n\r\n if (!isGroupLeader) {\r\n yield put(fetchPayments.requested())\r\n }\r\n\r\n const links = yield select(getLinksArray)\r\n\r\n if (links.length === 0 && false) {\r\n yield put(createLink.requested())\r\n }\r\n } catch (error) {\r\n }\r\n }\r\n}\r\n\r\nconst CLUB_NAME = 'mf-club-id'\r\n\r\nfunction* saveCurrentClubToLocalStorage() {\r\n const {id} = yield select(selectors.getActive)\r\n yield call([localStorage, 'setItem'], CLUB_NAME, id)\r\n}\r\n\r\nfunction* getCurrentClubFromLocalStorage() {\r\n return yield call([localStorage, 'getItem'], CLUB_NAME)\r\n}\r\n\r\nexport function* removeCurrentClubFromLocalStorage() {\r\n yield call([localStorage, 'removeItem'], CLUB_NAME)\r\n}\r\n\r\nexport function* watchValidateToken() {\r\n yield takeEvery(actions.validateToken.requested, validateToken)\r\n}\r\n\r\nfunction* validateToken(action) {\r\n const {payload: clubToken} = action\r\n\r\n try {\r\n const response = yield call(apiRequest, `/login/checkclublink`, {\r\n method: 'post',\r\n body: {\r\n clubToken,\r\n },\r\n })\r\n\r\n yield put(actions.validateToken.succeeded(response))\r\n } catch (error) {\r\n yield put(actions.validateToken.failed(error))\r\n }\r\n}\r\n\r\nfunction* watchFetchAreement() {\r\n yield takeEvery(actions.fetchAgreement.requested, fetchAgreement)\r\n}\r\n\r\nfunction* fetchAgreement({meta: {resolve, reject, paymentMethodId}}) {\r\n const {id} = yield select(selectors.getActive)\r\n\r\n try {\r\n const {body, existingInfo} = yield call(\r\n apiRequest,\r\n `/clubs/${id}/payments/agreement?paymentMethodInfoId=${paymentMethodId}`,\r\n {\r\n version: 'v3',\r\n }\r\n )\r\n\r\n yield put(actions.fetchAgreement.succeeded({...existingInfo, clubId: id}))\r\n\r\n yield call(resolve, body)\r\n } catch (error) {\r\n yield put(actions.fetchAgreement.failed())\r\n yield call(reject, error)\r\n }\r\n}\r\n\r\nfunction* acceptPaymentAgreement() {\r\n while (true) {\r\n const {\r\n payload: values,\r\n meta: {resolve, reject},\r\n } = yield take(actions.acceptPaymentAgreement.requested)\r\n const club = yield select(selectors.getActive)\r\n\r\n try {\r\n yield call(apiRequest, `/clubs/${club.id}/payments/agreement/accept`, {\r\n method: 'post',\r\n version: 'v3',\r\n body: values,\r\n })\r\n\r\n yield put(actions.acceptPaymentAgreement.succeeded(club.id))\r\n yield put(fetchPayments.requested())\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.acceptPaymentAgreement.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nfunction* watchSendInvitationEmails() {\r\n yield takeEvery(actions.sendInvitationEmails.requested, sendInvitationEmails)\r\n}\r\n\r\nfunction* sendInvitationEmails({payload}) {\r\n const memberIds =\r\n get(payload, 'length', 0) > 0\r\n ? payload\r\n : yield select(getUninvitedInactiveMemberIds)\r\n const {id} = yield select(selectors.getActive)\r\n const importedDummyUsersIsNotAllowedForAllSendInviteEmail = get(payload, 'length', 0) > 0;\r\n\r\n const {dummies, inactives} = memberIds.reduce(\r\n (acc, memberId) => {\r\n const key =\r\n memberId.toString().charAt(0) === 'i' ? 'dummies' : 'inactives'\r\n\r\n return {\r\n ...acc,\r\n [key]: [...acc[key], memberId.toString().replace(/\\D/g, '')],\r\n }\r\n },\r\n {dummies: [], inactives: []}\r\n )\r\n\r\n try {\r\n if (dummies.length > 0) {\r\n yield call(apiRequest, `/web/importusers/${id}/sendwelcomemails`, {\r\n method: 'post',\r\n body: {\r\n '': dummies,\r\n },\r\n })\r\n }\r\n\r\n if (inactives.length > 0 && importedDummyUsersIsNotAllowedForAllSendInviteEmail) {\r\n yield call(\r\n apiRequest,\r\n `/web/inactivemembers/${id}/sendwelcomemailsagain`,\r\n {\r\n method: 'post',\r\n body: {\r\n '': inactives,\r\n },\r\n }\r\n )\r\n }\r\n\r\n yield put(fetchMembers.requested())\r\n yield take(fetchMembers.succeeded)\r\n yield put(actions.sendInvitationEmails.succeeded(memberIds))\r\n } catch (error) {\r\n yield put(actions.sendInvitationEmails.failed(error))\r\n }\r\n}\r\n\r\nfunction* watchWinKasSync() {\r\n yield takeEvery(actions.winKasSync.requested, winKasSync)\r\n}\r\n\r\nfunction* connectExternalSystem(action) {\r\n const {\r\n payload: {clubId, systemOrganizationalType, jsonSettings, isTestMode},\r\n meta: {resolve, reject},\r\n } = action\r\n\r\n try {\r\n const response = yield call(apiRequest, `/web/ConnectExternalSystem`, {\r\n method: 'post',\r\n version: 'v3',\r\n body: {\r\n clubId: clubId,\r\n isTestMode: isTestMode,\r\n systemOrganizationalType: systemOrganizationalType,\r\n jsonSettings: jsonSettings\r\n },\r\n })\r\n\r\n yield put(actions.connectExternalSystem.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.connectExternalSystem.failed(error))\r\n if (reject != null) {\r\n yield call(reject, error)\r\n }\r\n }\r\n}\r\n\r\n\r\nfunction* getConventusDepartments(action) {\r\n const {\r\n payload: {clubId, systemOrganizationalType, jsonSettings, isTestMode},\r\n meta: {resolve, reject},\r\n } = action\r\n\r\n try {\r\n const response = yield call(apiRequest, `/web/getConventusDepartments`, {\r\n method: 'post',\r\n version: 'v3',\r\n body: {\r\n clubId: clubId,\r\n isTestMode: isTestMode,\r\n systemOrganizationalType: systemOrganizationalType,\r\n jsonSettings: jsonSettings\r\n },\r\n })\r\n\r\n \r\n yield put(actions.getConventusDepartments.succeeded(response))\r\n yield call(resolve, response)\r\n } catch (error) {\r\n yield put(actions.getConventusDepartments.failed(error))\r\n if (reject != null) {\r\n yield call(reject, error)\r\n }\r\n }\r\n}\r\n\r\nfunction* disconnectExternalSystem(action) {\r\n const {\r\n payload: {clubId},\r\n meta: {resolve, reject},\r\n } = action\r\n\r\n try {\r\n const response = yield call(apiRequest, `/web/disconnectExternalSystem?clubId=` + clubId, {\r\n method: 'post',\r\n version: 'v3',\r\n body: {\r\n clubId: clubId\r\n },\r\n })\r\n\r\n yield put(actions.disconnectExternalSystem.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.disconnectExternalSystem.failed(error))\r\n yield call(reject)\r\n }\r\n}\r\n\r\nfunction* getExternalSystem(action) {\r\n const {\r\n payload: {clubId},\r\n meta: {resolve, reject},\r\n } = action\r\n\r\n try {\r\n\r\n const body = yield call(\r\n apiRequest,\r\n `/web/GetExternalSystemInfo?clubid=` + clubId,\r\n {\r\n version: 'v3',\r\n }\r\n )\r\n\r\n yield put(actions.getExternalSystem.succeeded({ clubId: '' }))\r\n\r\n yield call(resolve, body)\r\n } catch (error) {\r\n yield put(actions.getExternalSystem.failed())\r\n yield call(reject, error)\r\n }\r\n}\r\n\r\nfunction* winKasSync(action) {\r\n const {\r\n payload: {username, password, contract, enabled},\r\n meta: {resolve, reject},\r\n } = action\r\n\r\n const {id} = yield select(selectors.getActive)\r\n\r\n try {\r\n const response = yield call(apiRequest, `/clubs/${id}/sync`, {\r\n method: 'patch',\r\n version: 'v3',\r\n body: {\r\n winKasUserName: username,\r\n winKasUserPassword: password,\r\n winKasUserContractCode: contract,\r\n winKasSyncEnabled: enabled,\r\n },\r\n })\r\n\r\n yield put(actions.winKasSync.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.winKasSync.failed(error))\r\n yield call(reject)\r\n }\r\n}\r\n\r\nfunction* watchFetchCohosts() {\r\n yield takeEvery(actions.fetchCohosts.requested, fetchCohosts)\r\n}\r\n\r\nfunction* fetchCohosts() {\r\n const {id} = yield select(selectors.getActive)\r\n\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/getAvailableCoHosts?clubId=${id}`,\r\n {\r\n version: 'v3',\r\n }\r\n )\r\n\r\n yield put(actions.fetchCohosts.succeeded({response, clubId: id}))\r\n } catch (error) {\r\n yield put(actions.fetchCohosts.failed(error))\r\n }\r\n}\r\n\r\nfunction* watchFetchStatistics() {\r\n yield takeEvery(actions.fetchStatistics.requested, fetchStatistics)\r\n}\r\n\r\nfunction* fetchStatistics({meta: {resolve, reject}, payload: {start, end}}) {\r\n const {id} = yield select(selectors.getActive)\r\n\r\n try {\r\n const statistics = yield call(\r\n api,\r\n `/statistics/clubs/${id}?start=${start}&end=${end}`,\r\n {\r\n version: null,\r\n }\r\n )\r\n \r\n yield put(actions.fetchStatistics.succeeded({id, statistics}))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.fetchStatistics.failed(error.message))\r\n yield call(reject)\r\n }\r\n}\r\n\r\nfunction* watchCreateOnlimeAccount() {\r\n yield takeEvery(actions.createOnlimeAccount.requested, createOnlimeAccount)\r\n}\r\n\r\nfunction* createOnlimeAccount({meta: {resolve, reject}}) {\r\n const {clubName} = yield select(selectors.getActive)\r\n const fullName = yield select(getFullName)\r\n const email = yield select(getEmail)\r\n const phone = yield select(getPhone)\r\n\r\n try {\r\n let d = {\r\n company: clubName,\r\n fullname: fullName,\r\n email: email,\r\n phone: phone,\r\n partner_id: 30528,\r\n wantsNewsletter: false,\r\n auth: '$10$iOMPXWQG2Q17opWwps3.2e',\r\n };\r\n\r\n const response = yield call(\r\n apiRequest,\r\n 'https://api.onlime.dk/external-create',\r\n {\r\n method: 'post',\r\n withToken: false,\r\n returnRaw: false,\r\n overrideUrl: true,\r\n isJsonSpecial: true,\r\n stopRequestedWith: true,\r\n body: d,\r\n }\r\n )\r\n\r\n yield call(resolve(response))\r\n } catch (error) {\r\n yield put(actions.createOnlimeAccount.failed())\r\n yield call(reject)\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\nexport default [\r\n watchFetchCohosts,\r\n watchValidateToken,\r\n watchFetch,\r\n watchChange,\r\n acceptPaymentAgreement,\r\n watchSendInvitationEmails,\r\n watchWinKasSync,\r\n watchUpdate,\r\n watchFetchAreement,\r\n watchCreate,\r\n watchFetchStatistics,\r\n watchCreateOnlimeAccount,\r\n watchConnectExternalSystem,\r\n watchDisconnectExternalSystem,\r\n watchGetExternalSystem,\r\n watchGetConventusDepartments\r\n]\r\n","import {createSelector} from 'reselect'\r\nimport {values} from 'lodash'\r\n\r\nconst getAll = (state) => state.zipcodes.entities\r\n\r\n\r\nexport const getZipcodes = (state) => {\r\n return state.zipcodes.entities;\r\n}\r\n\r\nexport const getZipsAsArray = createSelector(getAll, values)\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 getMemberRelations = (state, memberId) => state.members.entities[memberId].relations\r\n\r\nexport const getInactiveMembers = createSelector([getMembers], (members) =>\r\n pickBy(members, ({inactive}) => inactive)\r\n)\r\n\r\n\r\nexport const getNumberOfMembers = createSelector(\r\n [getMembers],\r\n (members) => values(members).length\r\n )\r\n export const getNumberOfInactiveMembers = createSelector(\r\n [getInactiveMembers],\r\n (members) => values(members).length\r\n )\r\n \r\n export const getIsFetching = (state) => state.members.isFetching\r\n export const getImportMembersArray = (state) => values(state.members.import)\r\n export const getImportRolesArray = (state) => values(state.members.importRoles)\r\n export const getImportGroupsArray = (state) =>\r\n values(state.members.importGroups)\r\n export const getImportExisting = (state) => state.members.importExisting\r\n export const getImportColumns = (state) => state.members.importColumns\r\n export const getBulk = (state) => state.members.bulk\r\n export const getSort = (state) => state.members.sort\r\n \r\n \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\nexport const getMemberData = (state) => (id) => state.members.entities[id];\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, includeInactives) => {\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' && includeInactives !== true) {\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\r\n if (member != null) {\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 } else {\r\n return []\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\n\r\nexport const getInvitableMembers = createSelector(\r\n [getMembers],\r\n (members) => orderBy(\r\n values(members).filter(({id}) => `${id}`.charAt(0) !== 'i'),\r\n ({firstName}) => toLower(firstName)\r\n )\r\n \r\n)\r\n\r\nexport const getStatistics = (state, id) =>\r\n get(state, `members.entities[${id}].statistics`, [])\r\n","const steps = {\r\n DETAILS: 1,\r\n GROUPS: 2,\r\n DOWNLOAD: 3,\r\n}\r\n\r\nexport default steps\r\n","import { createContext } from 'react'\r\nimport noop from 'lodash/noop'\r\nimport steps from './steps'\r\n\r\nconst Context = createContext({\r\n step: steps.DETAILS,\r\n setStep: noop,\r\n club: {},\r\n})\r\n\r\nexport default Context\r\n","import React from 'react'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {Text, Image} from 'components'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\n\r\nconst ClubInformation = ({name, imageUrl, invitedByName, invitedByImage}) => {\r\n const t = useCustomTranslation()\r\n return (\r\n \r\n \r\n {t('Du er blevet inviteret til')} \r\n \r\n\r\n {imageUrl && (\r\n \r\n \r\n )}\r\n\r\n \r\n {name} \r\n \r\n\r\n \r\n \r\n \r\n {t('af')} \r\n \r\n \r\n \r\n {invitedByImage && (\r\n \r\n \r\n )}\r\n \r\n \r\n {invitedByName} \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\nexport default ClubInformation\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Form, Field, Formik} from 'formik'\r\nimport {compose, withHandlers} from 'recompose'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport {start, fetchDataPolicy} from 'user/signup'\r\nimport {getUser, getClub, getIsFetching, getDataPolicy} from 'user/signup/selectors'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport Yup from 'lib/yup'\r\nimport {Box, Flex, Input as BaseInput, Button, Text} from 'components'\r\nimport {login} from 'user/signup'\r\nimport steps from '../steps'\r\nimport styled from 'styled-components'\r\nimport { useState, useEffect } from 'react'\r\nimport { createStructuredSelector } from 'reselect'\r\nimport {getActive} from 'clubs/selectors'\r\n\r\nconst validationSchema = Yup.object({\r\n email: Yup.string().email().required(),\r\n password: Yup.string().required(),\r\n})\r\n\r\nconst FlexDiv = styled.div`\r\n display: flex;\r\n gap: 1vw;\r\n`\r\n\r\nconst Input = ({field: {name, ...field}, form, ...rest}) => (\r\n \r\n \r\n {form.errors[name]} \r\n \r\n )}\r\n \r\n)\r\n\r\nconst LoginForm = ({\r\n fetchDataPolicy,\r\n dataPolicy, \r\n club,\r\n ...props}\r\n ) => {\r\n const t = useCustomTranslation()\r\n\r\n const [checked, setChecked] = useState(false)\r\n const [policyLink, setPolicyLink] = useState(\"\")\r\n\r\n useEffect(()=>{\r\n fetchDataPolicy({clubId: club.id})\r\n \r\n setPolicyLink(dataPolicy)\r\n }, [dataPolicy, policyLink])\r\n\r\n return (\r\n \r\n {() => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(connect(createStructuredSelector({\r\n dataPolicy: getDataPolicy,\r\n club: getClub\r\n }),\r\n {\r\n login: login.requested,\r\n fetchDataPolicy: fetchDataPolicy.requested\r\n }),\r\n withHandlers({\r\n onSubmit: ({login, setStep}) => (values, {setStatus, setFieldError}) =>\r\n new Promise((resolve, reject) => {\r\n\r\n values.AcceptsDataPolicy = true;\r\n \r\n login({\r\n ...values,\r\n resolve,\r\n reject,\r\n })\r\n\r\n })\r\n .then(() => setStep(steps.GROUPS))\r\n .catch((error) => setFieldError('email', error)),\r\n })\r\n)\r\n\r\nexport default enhancer(LoginForm)\r\n","import React from 'react'\r\nimport styled, { css } from 'styled-components'\r\nimport { darken } from 'polished'\r\nimport { Box } from '@rebass/grid'\r\nimport { Checkmark } from 'components/icons'\r\n\r\nconst Checkbox = styled.div`\r\n position: absolute;\r\n top: 8px;\r\n right: 7px;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n border: 1px solid\r\n ${props => darken(props.selected ? 0.1 : 0, props.theme.colors.primary)};\r\n background: ${props =>\r\n props.selected\r\n ? darken(0.1, props.theme.colors.primary)\r\n : props.theme.colors.white};\r\n`\r\n\r\nconst StyledCheckmark = styled(Checkmark).attrs({\r\n fill: 'white',\r\n size: 11,\r\n})`\r\n position: absolute;\r\n left: 3px;\r\n top: 3px;\r\n`\r\n\r\nconst Option = styled(Box).attrs({\r\n py: 1,\r\n pl: 3,\r\n pr: 35,\r\n})`\r\n position: relative;\r\n background: ${props =>\r\n props.selected ? props.theme.colors.primary : props.theme.colors.white};\r\n cursor: pointer;\r\n\r\n will-change: background;\r\n transition: background 0.125s ease;\r\n\r\n ${props =>\r\n !props.selected &&\r\n css`\r\n &: child hover {\r\n background: ${props => props.theme.colors.secondaryLight};\r\n }\r\n `} &:first-child {\r\n border-top-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n }\r\n\r\n &:last-child {\r\n border-top-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n }\r\n`\r\n\r\nexport default ({ children, selected, ...props }) => (\r\n \r\n {children}\r\n {selected && \r\n \r\n)\r\n","import React, {Fragment} from 'react'\r\nimport {Flex} from '@rebass/grid'\r\nimport {Text} from 'components'\r\nimport Option from './Option'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\n\r\nconst TypeSelector = ({\r\n handleClick,\r\n selected,\r\n hasOtherClubUsers,\r\n singleUser,\r\n}) => {\r\n const t = useCustomTranslation()\r\n return (\r\n \r\n \r\n \r\n {t('Ny bruger')}\r\n \r\n \r\n {!singleUser && (\r\n \r\n \r\n \r\n {t('Nyt barn')}\r\n \r\n \r\n {hasOtherClubUsers && (\r\n \r\n \r\n {t('Eksisterende')}\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n )\r\n}\r\nexport default TypeSelector\r\n","import React from 'react'\r\nimport {Formik, Field} from 'formik'\r\nimport {Box} from '@rebass/grid'\r\nimport Yup from 'lib/yup'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport {FormikInput as Input, Text} from 'components'\r\n\r\nconst validationSchema = Yup.object().shape({\r\n email: Yup.string().email().required(),\r\n password: Yup.string().required(),\r\n passwordConfirmation: Yup.string()\r\n .required()\r\n .oneOf([Yup.ref('password'), null]),\r\n})\r\n\r\nconst defaultValues = {\r\n email: '',\r\n password: '',\r\n passwordConfirmation: '',\r\n}\r\n\r\nconst NewUserForm = ({renderButtons, error, initialValues = {}, ...props}) => {\r\n const t = useCustomTranslation()\r\n return (\r\n \r\n {({handleSubmit}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\nexport default NewUserForm\r\n","import React, { Component } from 'react'\r\nimport { Flex } from '@rebass/grid'\r\nimport { StyledCheckbox, Text } from 'components'\r\n\r\nclass Parent extends Component {\r\n handleChange = ({ target: { value, checked } }) => {\r\n const { value: parents, setFieldValue } = this.props\r\n\r\n setFieldValue(\r\n 'parents',\r\n checked ? [...parents, value] : parents.filter(parent => parent !== value)\r\n )\r\n }\r\n\r\n render() {\r\n const { userId, firstName, surname, checked } = this.props\r\n\r\n return (\r\n \r\n \r\n {firstName} {surname}\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default Parent\r\n","import React, {Fragment} from 'react'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {Text, StyledRadioButton} from 'components'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\n\r\nconst HasOwnLogin = ({setFieldValue, value}) => {\r\n const t = useCustomTranslation(['translation', 'common'])\r\n return (\r\n \r\n \r\n {t('translation:Skal barnet selv kunne logge ind på {{appName}}?')}\r\n \r\n\r\n \r\n \r\n \r\n {t('common:Ja')} \r\n \r\n \r\n \r\n \r\n {t('common:Nej')} \r\n \r\n \r\n \r\n \r\n )\r\n}\r\nexport default HasOwnLogin\r\n","import React, {Fragment} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Box} from '@rebass/grid'\r\nimport {Formik, Field} from 'formik'\r\nimport includes from 'lodash/includes'\r\nimport Yup from 'lib/yup'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Text, FormikInput as Input} from 'components'\r\nimport {getUser} from 'user/signup/selectors'\r\nimport Parent from './Parent'\r\nimport HasOwnLogin from './HasOwnLogin'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\n\r\nconst validationSchema = Yup.object().shape({\r\n hasOwnLogin: Yup.boolean(),\r\n email: Yup.string().email().when('hasOwnLogin', {\r\n is: true,\r\n then: Yup.string().required(),\r\n }),\r\n password: Yup.string().when('hasOwnLogin', {\r\n is: true,\r\n then: Yup.string().required(),\r\n }),\r\n passwordConfirmation: Yup.string().when('hasOwnLogin', {\r\n is: true,\r\n then: Yup.string()\r\n .required()\r\n .oneOf([Yup.ref('password'), null]),\r\n }),\r\n})\r\n\r\nconst NewChildForm = ({\r\n users,\r\n renderButtons,\r\n parents,\r\n hasOwnLogin,\r\n email,\r\n password,\r\n passwordConfirmation,\r\n error,\r\n ...props\r\n}) => {\r\n const t = useCustomTranslation(['common', 'translation'])\r\n return (\r\n \r\n {({handleSubmit, setFieldValue, values}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n users: getUser,\r\n }),\r\n null,\r\n ({users}, dispatchProps, ownProps) => ({\r\n ...ownProps,\r\n users: users.filter((user) => user.userId !== ownProps.userId),\r\n })\r\n)\r\n\r\nexport default enhancer(NewChildForm)\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { createStructuredSelector } from 'reselect'\r\nimport includes from 'lodash/includes'\r\nimport { Box } from '@rebass/grid'\r\nimport { getUser } from 'user/signup/selectors'\r\nimport User from './Parent'\r\n\r\nclass ExistingUserForm extends Component {\r\n state = {\r\n users: [],\r\n }\r\n\r\n toggleUser = ({ target: { value, checked } }) =>\r\n this.setState(({ users }) => ({\r\n users: checked ? [...users, value] : users.filter(user => user !== value),\r\n }))\r\n\r\n render() {\r\n const { users } = this.props\r\n\r\n return (\r\n \r\n {users.map(user => (\r\n \r\n )\r\n }\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n users: getUser,\r\n })\r\n)\r\n\r\nexport default enhancer(ExistingUserForm)\r\n","import React, {Component} from 'react'\r\nimport styled, {css} from 'styled-components'\r\nimport {Box, Flex} from '@rebass/grid'\r\nimport includes from 'lodash/includes'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {Text, Button, Image} from 'components'\r\nimport {Checkmark} from 'components/icons'\r\nimport TypeSelector from './TypeSelector'\r\nimport NewUserForm from './NewUserForm'\r\nimport NewChildForm from './NewChildForm'\r\nimport ExistingUserForm from './ExistingUserForm'\r\nimport memberDefault from 'images/member-default.png'\r\n\r\nconst SavedIcon = styled(Checkmark).attrs({\r\n fill: 'success',\r\n size: 30,\r\n})`\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n`\r\n\r\nconst Container = styled(Box).attrs({\r\n mb: 3,\r\n width: 1,\r\n})`\r\n background: ${(props) => props.theme.colors.inactive};\r\n border-radius: 5px;\r\n\r\n will-change: background;\r\n transition: background 0.125s ease;\r\n\r\n ${(props) =>\r\n !props.isOpen &&\r\n css`\r\n &:hover {\r\n background: ${(props) => props.theme.colors.secondaryLight};\r\n }\r\n `};\r\n`\r\n\r\nconst Title = styled(Box).attrs({\r\n p: 3,\r\n})`\r\n cursor: ${(props) => (props.isOpen ? 'auto' : 'pointer')};\r\n position: relative;\r\n`\r\n\r\nclass User extends Component {\r\n state = {\r\n isOpen: this.props.error || this.props.initialOpen,\r\n type: this.props.initialOpen ? 'own' : null,\r\n }\r\n\r\n toggle = () => this.setState(({isOpen}) => ({isOpen: !isOpen}))\r\n\r\n close = () => this.setState({isOpen: false})\r\n\r\n open = () => this.setState({isOpen: true})\r\n\r\n handleTypeClick = (type) => this.setState({type})\r\n\r\n remove = () => {\r\n const {\r\n userId: id,\r\n remove,\r\n params: {email, password},\r\n } = this.props\r\n\r\n remove({id, email, password})\r\n this.close()\r\n }\r\n\r\n save = (values) => {\r\n const {type} = this.state\r\n const {saveConfiguration, userId} = this.props\r\n\r\n if (includes(['own', 'child', 'existing'], type)) {\r\n saveConfiguration({\r\n type,\r\n userId,\r\n ...values,\r\n error: null,\r\n })\r\n }\r\n\r\n this.close()\r\n }\r\n\r\n renderForm = () => {\r\n const {type} = this.state\r\n const {email, password, passwordConfirmation} = this.props\r\n\r\n const props = {\r\n ...this.props,\r\n onSubmit: this.save,\r\n renderButtons: this.renderButtons,\r\n initialValues: {\r\n email,\r\n password,\r\n passwordConfirmation,\r\n },\r\n }\r\n\r\n return (\r\n {\r\n own: \r\n {t('Gem')}\r\n \r\n )\r\n }\r\n componentDidUpdate(prevProps, prevState) {\r\n const {error} = this.props\r\n\r\n if (!prevProps.error && !!error) {\r\n this.setState({isOpen: true})\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n firstName,\r\n surname,\r\n headerImage,\r\n hasOtherClubUsers,\r\n saved,\r\n singleUser,\r\n error,\r\n t,\r\n } = this.props\r\n const {isOpen, type} = this.state\r\n\r\n return (\r\n \r\n \r\n <Flex alignItems=\"center\" justifyContent=\"center\">\r\n <Box mr={3}>\r\n <Image\r\n round\r\n height=\"25\"\r\n width=\"25\"\r\n src={headerImage || memberDefault}\r\n />\r\n </Box>\r\n <Text bold center>\r\n {firstName} {surname}\r\n </Text>\r\n </Flex>\r\n {!error && saved && <SavedIcon />}\r\n \r\n\r\n {isOpen && (\r\n \r\n \r\n \r\n\r\n {type && (\r\n \r\n {this.renderForm()}\r\n \r\n )}\r\n\r\n \r\n \r\n \r\n {t('Slet bruger')}\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default withTranslation()(withRouterParams(User))\r\n","import React, {Fragment, Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {compose} from 'recompose'\r\nimport {Box} from '@rebass/grid'\r\nimport {Text, Button} from 'components'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {getUser, getOtherClubUsers} from 'user/signup/selectors'\r\nimport {removeUser, saveConfiguration, confirm} from 'user/signup/actions'\r\nimport User from './User'\r\nimport steps from '../../steps'\r\nimport { getAppName } from 'app/selectors';\r\n\r\nclass MultiRegistration extends Component {\r\n confirm = () => {\r\n const {\r\n confirm,\r\n setStep,\r\n params: {email, password},\r\n } = this.props\r\n\r\n new Promise((resolve, reject) =>\r\n confirm({email, password, resolve, reject})\r\n ).then(() => setStep(steps.DOWNLOAD))\r\n }\r\n\r\n render() {\r\n const {\r\n users,\r\n removeUser,\r\n saveConfiguration,\r\n hasOtherClubUsers,\r\n params: {email},\r\n } = this.props\r\n\r\n return (\r\n \r\n \r\n Nogle af dine oplysninger er allerede blevet importeret til\r\n {getAppName()} af foreningen.\r\n \r\n \r\n \r\n Der er {users.length > 1 ? 'flere personer' : 'en person'}{' '}\r\n tilknyttet din email {email} . Gennemgå venligst\r\n hvordan {getAppName()} skal håndtere{' '}\r\n {users.length > 1 ? 'disse' : 'denne'}.\r\n \r\n \r\n\r\n {users.map((user, index) => (\r\n \r\n !user.saved)}\r\n success={users.every((user) => user.saved)}\r\n secondary={users.some((user) => !user.saved)}\r\n onClick={this.confirm}\r\n >\r\n Godkend\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 users: getUser,\r\n otherClubUsers: getOtherClubUsers,\r\n }),\r\n {\r\n saveConfiguration,\r\n confirm,\r\n removeUser: removeUser.requested,\r\n },\r\n ({otherClubUsers, ...stateProps}, dispatchProps, ownProps) => ({\r\n ...stateProps,\r\n ...dispatchProps,\r\n ...ownProps,\r\n hasOtherClubUsers: otherClubUsers.length > 0,\r\n })\r\n )\r\n)\r\n\r\nexport default enhancer(MultiRegistration)\r\n","import React, {useRef, useCallback, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Form, Field, Formik} from 'formik'\r\nimport {compose, withHandlers, branch, renderComponent} from 'recompose'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport i18n from 'i18n'\r\nimport Yup from 'lib/yup'\r\nimport {FormikInput as Input, Box, Button, TextArea} from 'components'\r\nimport {create} from 'user/signup'\r\nimport {getUser} from 'user/signup/selectors'\r\nimport MultiRegistration from './MultiRegistration'\r\nimport steps from '../steps'\r\nimport styled from 'styled-components'\r\nimport { useEffect } from 'react'\r\nimport { fetchDataPolicy } from 'user/signup'\r\nimport { getDataPolicy } from 'user/signup/selectors'\r\nimport { acceptPolicy } from 'user/signup'\r\n\r\n\r\nconst FlexDiv = styled.div`\r\n display: flex;\r\n gap: 1vw;\r\n`\r\n\r\n\r\n\r\nconst validationSchema = Yup.object().shape({\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 .matches(/^\\d*$/, i18n.t('validation:mustBeANumber'))\r\n .test(\r\n 'length',\r\n i18n.t('validation:minCiphers', {number: 4}),\r\n (val) => !val || val.length === 4\r\n ),\r\n birthdate: Yup.string().required(),\r\n mobile: Yup.string().required(),\r\n address: Yup.string().required(),\r\n city: Yup.string().required(),\r\n password: Yup.string().required(),\r\n passwordConfirmation: Yup.string()\r\n .required()\r\n .oneOf([Yup.ref('password'), null]),\r\n})\r\n\r\nconst UserRegistrationForm = ({initialValues, \r\n fetchDataPolicy,\r\n dataPolicy,\r\n acceptPolicy,\r\n club,\r\n ...props}) => {\r\n const t = useCustomTranslation()\r\n const birthdate = useRef()\r\n const [checked, setChecked] = useState(false)\r\n \r\n const handleBirthdateFocus = useCallback(() => {\r\n birthdate.current.type = 'date'\r\n }, [])\r\n\r\n const [policyLink, setPolicyLink] = useState(null)\r\n \r\n\r\n\r\n useEffect(()=>{\r\n fetchDataPolicy({clubId: club.id})\r\n if (dataPolicy !== null && dataPolicy.DataPolicyLink) {\r\n setPolicyLink(dataPolicy.DataPolicyLink)\r\n\r\n }\r\n\r\n }, [dataPolicy, policyLink])\r\n\r\n return (\r\n \r\n {({isSubmitting, isValid}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = compose(\r\n connect(createStructuredSelector({\r\n user: getUser, \r\n dataPolicy: getDataPolicy\r\n }), {\r\n create: create.requested,\r\n fetchDataPolicy: fetchDataPolicy.requested,\r\n acceptPolicy: acceptPolicy.requested,\r\n }),\r\n branch(\r\n ({user}) => user && user.length > 0,\r\n renderComponent(MultiRegistration)\r\n ),\r\n withHandlers({\r\n onSubmit: ({create, setStep}) => (values, {setFieldError}) =>\r\n new Promise((resolve, reject) => create({...values, resolve, reject}))\r\n .then(() => setStep(steps.GROUPS))\r\n .catch((error) => setFieldError('email', error)),\r\n })\r\n)\r\n\r\nexport default enhancer(UserRegistrationForm)\r\n","import React from 'react'\r\nimport {compose} from 'recompose'\r\nimport qs from 'qs'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {Box, Flex, H2, Text, Link, Hr} from 'components'\r\nimport {LogoWithTagline, Person} from 'components/icons'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport ClubInformation from './ClubInformation'\r\nimport Context from '../Context'\r\nimport LoginForm from './LoginForm'\r\nimport UserRegistrationForm from './UserRegistrationForm'\r\nimport { connect } from 'react-redux'\r\nimport { createStructuredSelector } from 'reselect'\r\nimport { getAppName } from 'app/selectors';\r\n\r\nconst methods = {\r\n NEW_USER: '0',\r\n EXISTING_USER: '1',\r\n}\r\n\r\n\r\nconst UserFlowDetails = ({\r\n params: {method = methods.NEW_USER},\r\n location: {pathname},\r\n club,\r\n clubToken,\r\n setStep,\r\n t,\r\n whiteLabelData\r\n}) => {\r\n const isCreatingNewUser = method === methods.NEW_USER\r\n\r\n const storeClubToken = () => {\r\n localStorage.setItem('SIGNUP_CLUB_TOKEN', params.clubToken)\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 {isCreatingNewUser\r\n ? t('Allerede bruger i {{appName}}?', { appName: getAppName() })\r\n : t('Har du ikke en bruger?')}{' '}\r\n \r\n {isCreatingNewUser ? t('Log ind her') : t('Opret en her')}\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 {isCreatingNewUser ? t('Opret bruger på') : t('Log ind på')}{' '}\r\n {getAppName()} \r\n \r\n \r\n\r\n \r\n {isCreatingNewUser ? (\r\n \r\n ) : (\r\n \r\n \r\n )\r\n}\r\n\r\n\r\nconst enhancer = compose(\r\n connect(createStructuredSelector({}),\r\n {\r\n \r\n }\r\n ),\r\n withRouterParams, \r\n withTranslation(), \r\n)\r\n\r\nexport default enhancer((props) => (\r\n \r\n {(value) => \r\n))\r\n","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport includes from 'lodash/includes'\r\nimport toLower from 'lodash/toLower'\r\nimport {withTranslation} from 'react-i18next'\r\nimport {H2, Input, Image, Text, Button, Searchable} from 'components'\r\nimport {requestGroups} from 'user/signup'\r\nimport {GroupList} from 'groups/components'\r\nimport Context from '../Context'\r\nimport steps from '../steps'\r\n\r\nconst matchesName = (group, query) =>\r\n includes(toLower(group.title), toLower(query))\r\n\r\nconst predicate = (group, query) =>\r\n matchesName(group, query) ||\r\n (group.subGroups &&\r\n group.subGroups.some((group) => matchesName(group, query)))\r\n\r\nconst setAdministerGroups = (groups) => {\r\n if (!Array.isArray(groups)) {\r\n return groups\r\n }\r\n\r\n return groups.map(({subGroups, ...group}) => ({\r\n ...group,\r\n canAdminister: true,\r\n subGroups: setAdministerGroups(subGroups),\r\n }))\r\n}\r\n\r\nclass Groups extends Component {\r\n state = {\r\n bulk: [],\r\n }\r\n\r\n toggleGroup = ({target: {checked, value}}) =>\r\n this.setState(({bulk}) => ({\r\n bulk: checked ? [...bulk, value] : bulk.filter((id) => id !== value),\r\n }))\r\n\r\n handleSubmit = (clubToken) => {\r\n const {bulk} = this.state\r\n const {requestGroups} = this.props\r\n\r\n return new Promise((resolve, reject) =>\r\n requestGroups({groups: bulk, clubToken, resolve, reject})\r\n )\r\n }\r\n\r\n render() {\r\n const {bulk} = this.state\r\n const {t} = this.props\r\n\r\n return (\r\n \r\n {({club: {name, imageUrl, groups}, clubToken, setStep}) =>\r\n !groups || groups.length === 0 ? (\r\n {setStep(steps.DOWNLOAD)} \r\n ) : (\r\n \r\n \r\n {t('Vælg grupper')} \r\n \r\n {imageUrl && (\r\n \r\n \r\n )}\r\n \r\n {name} \r\n \r\n \r\n {t('Anmod om medlemsskab i grupper')} \r\n \r\n\r\n {groups && groups.length > 0 && (\r\n \r\n {({items, handleChange}) => (\r\n \r\n \r\n \r\n\r\n {items.length > 0 && (\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n )}\r\n\r\n \r\n \r\n this.handleSubmit(clubToken).then(() =>\r\n setStep(steps.DOWNLOAD)\r\n )\r\n }\r\n >\r\n {t('Godkend')}\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, {requestGroups: requestGroups.requested})\r\n\r\nexport default withTranslation()(enhancer(Groups))\r\n","import React from 'react'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {isMobile} from 'react-device-detect'\r\nimport {DownloadTheApp, Image, Text, H2} from 'components'\r\nimport {LogoWithTagline} from 'components/icons'\r\nimport Context from '../Context'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport { getAppName } from 'app/selectors';\r\n\r\nconst Download = ({whiteLabelData}) => {\r\n const t = useCustomTranslation()\r\n\r\n return (\r\n \r\n {({club: {name, imageUrl}}) => (\r\n \r\n \r\n {\r\n whiteLabelData.logoTexts &&\r\n \r\n }\r\n \r\n\r\n \r\n {t('Du er nu medlem af')} \r\n \r\n\r\n \r\n \r\n \r\n \r\n {name} \r\n \r\n \r\n\r\n \r\n \r\n {t(\r\n 'Du kan nu hente {{appName}} appen og deltage i aktiviteter i din forening.'\r\n , {\r\n appName: getAppName()\r\n })}\r\n \r\n \r\n\r\n {isMobile ? (\r\n \r\n \r\n \r\n \r\n {t('Download {{appName}} her', {\r\n appName: getAppName()\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(\r\n 'Download {{appName}} appen på din smartphone eller tablet ved at søge på {{appName}} i App Store eller Google Play.'\r\n , {\r\n appName: getAppName()\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","import React from 'react'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {LogoWithTagline} from 'components/icons'\r\nimport {DownloadTheApp, Text} from 'components'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport { getAppName } from 'app/selectors';\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\n\r\nconst NoClub = ({whiteLabelData, appName}) => {\r\n const t = useCustomTranslation()\r\n return (\r\n \r\n {\r\n whiteLabelData.logoTexts &&\r\n \r\n }\r\n\r\n \r\n \r\n {t('Ugyldigt eller inaktivit invitationslink')} \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n Tag kontakt til personen du modtog linket af, og se om du kan få\r\n et gyldigt invitationslink til din forening.\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{appName}} App kan downloades via Google Play {' '}\r\n eller App Store \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({appName: getAppName}))\r\n\r\nexport default enhancer(NoClub)\r\n","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 {Redirect} from 'react-router-dom'\r\nimport {Helmet} from 'react-helmet'\r\nimport {H1, Card, Loading} from 'components'\r\nimport {compose} from 'recompose'\r\nimport qs from 'qs'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {start} from 'user/signup'\r\nimport {getUser, getClub, getIsFetching} from 'user/signup/selectors'\r\nimport steps from './steps'\r\nimport Context from './Context'\r\nimport UserFlowDetails from './Details/UserFlowDetails'\r\nimport Groups from './Groups'\r\nimport Download from './Download'\r\nimport NoClub from './NoClub'\r\nimport { getAppName } from 'app/selectors'\r\n\r\nconst Container = styled(Card).attrs({\r\n p: 4,\r\n white: true,\r\n shadow: true,\r\n})`\r\n width: 100%;\r\n max-width: 450px;\r\n`\r\n\r\nclass UserSignupFlow extends Component {\r\n static renderStep = (step, whiteLabelData) =>\r\n ({\r\n [steps.DETAILS]: ,\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 Der skete en fejl \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(UserSignupFlow)\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\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 {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\nimport { useState } from 'react'\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\nconst MemberList = ({ members, children, t, parents, relationChildren, chosenMember, limited }) => {\r\n const relations = []\r\n \r\n const [bulk, setBulk] = useState(relations);\r\n\r\n const toggleBulk = (id, limited) => {\r\n if(limited){\r\n setBulk([])\r\n }\r\n setBulk((prevBulk) =>\r\n includes(prevBulk, id, ) ? prevBulk.filter((i) => i !== id) : [...prevBulk, id]\r\n );\r\n chosenMember(members.find((member) => member.id === id))\r\n };\r\n\r\n const predicate = (item, value) => {\r\n const lowerCaseValue = toLower(value);\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 return (\r\n \r\n {({ items, handleChange }) => (\r\n <>\r\n \r\n {items\r\n .sort((a, b) => a.firstName.localeCompare(b.firstName))\r\n .map(({ id, ...item }) => (\r\n toggleBulk(id, limited)}\r\n checked={includes(bulk, id)}\r\n \r\n {...item}\r\n />\r\n ))}\r\n
\r\n\r\n {children && children({ bulk })}\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 {Text, Flex, Box} from 'components'\r\nimport Participant from './Participant'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\n\r\nconst ParticipantGroup = ({name, color, participants}) => {\r\n const t = useCustomTranslation()\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 {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 {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\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\n//const t = useCustomTranslation()\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 USERPAYMENTSTATUS_NOT_DEFINED = 0\r\nexport const USERPAYMENTSTATUS_NOT_PAID = 1\r\nexport const USERPAYMENTSTATUS_PAID = 2\r\nexport const USERPAYMENTSTATUS_PAID_EXTERNALLY = 3\r\nexport const USERPAYMENTSTATUS_CANCELLED = 4\r\nexport const USERPAYMENTSTATUS_REJECTED = 5\r\nexport const USERPAYMENTSTATUS_RESERVED = 6\r\nexport const USERPAYMENTSTATUS_REFUNDED = 7\r\nexport const USERPAYMENTSTATUS_ADMIN_APPROVED = 8\r\nexport const USERPAYMENTSTATUS_ADMIN_APPROVED_REJECTED = 9\r\nexport const USERPAYMENTSTATUS_ADMIN_APPROVED_PAIDEXTERNALLY = 10\r\n\r\nexport const ACTIVITYUSERPAYMENTSTATUS_NOT_DEFINED = 0\r\nexport const ACTIVITYUSERPAYMENTSTATUS_NOT_PAID = 1\r\nexport const ACTIVITYUSERPAYMENTSTATUS_PAID = 2\r\nexport const ACTIVITYUSERPAYMENTSTATUS_PAID_EXTERNALLY = 3\r\nexport const ACTIVITYUSERPAYMENTSTATUS_RESERVED = 4\r\nexport const ACTIVITYUSERPAYMENTSTATUS_REFUNDED = 5\r\nexport const ACTIVITYUSERPAYMENTSTATUS_CANCELLED = 6\r\nexport const ACTIVITYUSERPAYMENTSTATUS_EXTERNAL_PENDING = 7\r\n\r\n\r\nexport const USERPAYMENTSTATUS_MESSAGES = {\r\n [USERPAYMENTSTATUS_NOT_DEFINED]: 'Betalt',\r\n [USERPAYMENTSTATUS_PAID]: 'Betalt via {{paymentMethod}}',\r\n [USERPAYMENTSTATUS_NOT_PAID]: 'Ikke betalt',\r\n [USERPAYMENTSTATUS_CANCELLED]: 'Annulleret af administrator',\r\n [USERPAYMENTSTATUS_REJECTED]: 'Annulleret af bruger',\r\n [USERPAYMENTSTATUS_PAID_EXTERNALLY]: 'Betalt eksternt',\r\n [USERPAYMENTSTATUS_REFUNDED]: 'Refunderet',\r\n [USERPAYMENTSTATUS_ADMIN_APPROVED]: 'Godkendt af administrator',\r\n [USERPAYMENTSTATUS_ADMIN_APPROVED_REJECTED]: 'Annulleret, Godkendt af administrator',\r\n [USERPAYMENTSTATUS_ADMIN_APPROVED_PAIDEXTERNALLY]: 'Betalt eksternt, Godkendt af administrator'\r\n}\r\n\r\nexport const ACTIVITYUSERPAYMENTSTATUS_MESSAGES = {\r\n [ACTIVITYUSERPAYMENTSTATUS_NOT_DEFINED]: 'Betalt',\r\n [ACTIVITYUSERPAYMENTSTATUS_PAID]: 'Betalt via {{paymentMethod}}',\r\n [ACTIVITYUSERPAYMENTSTATUS_NOT_PAID]: 'Ikke betalt',\r\n [ACTIVITYUSERPAYMENTSTATUS_CANCELLED]: 'Annulleret af administrator',\r\n [ACTIVITYUSERPAYMENTSTATUS_PAID_EXTERNALLY]: 'Betalt eksternt',\r\n [ACTIVITYUSERPAYMENTSTATUS_REFUNDED]: 'Refunderet',\r\n [ACTIVITYUSERPAYMENTSTATUS_EXTERNAL_PENDING]: 'Afventer fra ekstern system'\r\n}\r\n\r\n\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 {\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 while (true) {\r\n const userFromLocalStorage = yield call(getUserFromLocalStorage)\r\n if (userFromLocalStorage) {\r\n // This is used for myorganisation product only START\r\n const minOrganisation_apiMyOrgUrl = localStorage.getItem(\"minOrganisation_apiMyOrgUrl\");\r\n const minOrganisation_growthBookUrl = localStorage.getItem(\"minOrganisation_growthBookUrl\");\r\n\r\n if (minOrganisation_apiMyOrgUrl) {\r\n document.head.querySelector(\"[name~=apiMyOrgUrl][content]\").setAttribute('content', minOrganisation_apiMyOrgUrl);\r\n document.head.querySelector(\"[name~=growthBookUrl][content]\").setAttribute('content', minOrganisation_growthBookUrl);\r\n }\r\n // This is used for myorganisation product only END\r\n \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, { 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 React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {compose} from 'recompose'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport qs from 'qs'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {LinkButton, Button, Flex, Box, Text} from 'components'\r\nimport {Checkmark} from 'components/icons'\r\nimport {remove, getNumberOfUsers} from 'signup/dummies'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\n\r\nconst User = ({\r\n userId,\r\n firstName,\r\n surname,\r\n params,\r\n error,\r\n type,\r\n remove,\r\n canCreateChildren,\r\n numberOfMembers,\r\n match: {path, url},\r\n}) => {\r\n const t = useCustomTranslation()\r\n\r\n return (\r\n \r\n \r\n \r\n {firstName} {surname}\r\n \r\n \r\n \r\n {['adult', 'child'].map((id) => (\r\n \r\n \r\n \r\n {type === id && (\r\n \r\n \r\n )}\r\n {id === 'child' ? t('Barn') : t('Voksen')}\r\n \r\n \r\n \r\n ))}\r\n {numberOfMembers > 1 && (\r\n remove(userId)}>\r\n {t('Fjern')}\r\n \r\n )}\r\n \r\n {error && (\r\n \r\n {t('Emailen er allerede i brug')}\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 numberOfMembers: getNumberOfUsers,\r\n }),\r\n {remove}\r\n )\r\n)\r\n\r\nexport default enhancer(User)\r\n","import React, {useState, useEffect, useCallback} from 'react'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport Yup from 'lib/yup'\r\nimport i18n from '../../../i18n'\r\nimport { fetchDataPolicy } from 'user/signup'\r\nimport {FormikInput as Input, Text, Box, Flex, Button} from 'components'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport {connect} from 'react-redux'\r\nimport {compose} from 'recompose'\r\nimport {createStructuredSelector} from 'reselect'\r\n\r\n\r\nconst validationSchema = Yup.object({\r\n firstName: Yup.string().required(),\r\n surname: Yup.string().required(),\r\n email: Yup.string().required().email(),\r\n zip: Yup.string()\r\n .required()\r\n .max(4)\r\n .min(4)\r\n .test('numbers', i18n.t('validation:mustBeANumber'), (value) =>\r\n /^[0-9]+/.test(value)\r\n ),\r\n password: Yup.string().required(),\r\n passwordConfirmation: Yup.string()\r\n .required()\r\n .oneOf([Yup.ref('password'), null]),\r\n})\r\n\r\nconst initialValues = {\r\n firstName: '',\r\n surname: '',\r\n email: '',\r\n zip: '',\r\n oldEmail: \"\",\r\n password: '',\r\n passwordConfirmation: '',\r\n userStatus: 2,\r\n}\r\n\r\nconst RequiredParent = ({error, club, fetchDataPolicy, ...props}) => {\r\n const t = useCustomTranslation()\r\n const [policyLink, setPolicyLink] = useState(\"\")\r\n\r\n useEffect(()=>{\r\n fetchDataPolicy({clubId: club.clubId})\r\n setPolicyLink(club.dataPolicy)\r\n }, [club, policyLink])\r\n\r\n return (\r\n \r\n {({isValid}) => (\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\n\r\nconst enhancer = compose(\r\n connect(createStructuredSelector({\r\n }), {\r\n fetchDataPolicy: fetchDataPolicy.requested\r\n })\r\n)\r\n\r\nexport default enhancer(RequiredParent)\r\n\r\n","import React, {useState, useEffect, useCallback} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {get, omit} from 'lodash'\r\nimport {\r\n getAsArray as getDummies,\r\n createAll,\r\n getAllUsersAssigned,\r\n getAreAllCreated,\r\n getRequiresParent,\r\n getRequiredParentCreated,\r\n} from 'signup/dummies'\r\nimport {get as getParent} from 'signup/parent'\r\nimport {get as getUrlAuth} from 'signup/urlAuth'\r\nimport {Card, Text, Box, H1, Button} from 'components'\r\nimport User from './User'\r\nimport RequiredParent from './RequiredParent'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport {getClubData } from 'user/signup/selectors'\r\n\r\n\r\nconst createNameList = (users) =>\r\n users\r\n .map(({firstName}) => firstName)\r\n .reduce(\r\n (list, name, index, arr) =>\r\n index === 0\r\n ? name\r\n : list + (index === arr.length - 1 ? ` og ${name}` : `, ${name}`),\r\n ''\r\n )\r\n\r\nconst UserList = ({\r\n users,\r\n createAll,\r\n allUsersAssigned,\r\n areAllCreated,\r\n parent,\r\n requiresParent,\r\n club,\r\n requiredParentCreated,\r\n urlAuth: {email, password},\r\n location: {search, state},\r\n\r\n\r\n}) => {\r\n const t = useCustomTranslation()\r\n const [error, setError] = useState(null)\r\n\r\n const handlSubmit = useCallback(\r\n (requiredParent) => {\r\n\r\n // console.log('requiresParent', requiresParent)\r\n\r\n createAll({\r\n email,\r\n requiredParent: \r\n requiresParent ? omit(requiredParent, 'passwordConfirmation') : null,\r\n RelatedClubId: club.clubId,\r\n })\r\n },\r\n []\r\n )\r\n\r\n useEffect(() => {\r\n if (get(state, 'done') && !requiresParent) {\r\n \r\n handlSubmit()\r\n }\r\n }, [state, handlSubmit, requiresParent])\r\n\r\n return (areAllCreated && !requiresParent) ||\r\n (areAllCreated && requiresParent && requiredParentCreated) ? (\r\n \r\n {t('Opret bruger i {{appName}}')} \r\n \r\n \r\n {parent\r\n ? `${parent.firstName} ${parent.surname} har samme mail som nedenstående. Hvordan skal de oprettes i {{appName}}?`\r\n : `${createNameList(users)} er tilknyttet e-mailen`}\r\n \r\n {!parent && (\r\n \r\n {email} \r\n \r\n )}\r\n \r\n {users.map((user) => (\r\n \r\n {t('Du mangler at oprette en voksen; udfyld formularen nedenfor.')}\r\n \r\n \r\n {t('Godkend')}!\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n users: getDummies,\r\n club: getClubData,\r\n urlAuth: getUrlAuth,\r\n allUsersAssigned: getAllUsersAssigned,\r\n areAllCreated: getAreAllCreated,\r\n parent: getParent,\r\n requiresParent: getRequiresParent,\r\n requiredParentCreated: getRequiredParentCreated,\r\n }),\r\n {createAll: createAll.requested}\r\n)\r\n\r\nexport default enhancer(UserList)\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_payment_kevin = \"module_payment_kevin\";\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\nexport const module_member_import_conventus = \"module_member_import_conventus\";\r\nexport const module_member_import_winkas = \"module_member_import_winkas\";\r\nexport const module_club_create = \"module_club_create\";\r\nexport const module_wiiandi_calendar = \"module_wiiandi_calendar\";\r\nexport const module_mobilepaysubscription_createsubscriptionplan_webui = \"module_mobilepaysubscription_createsubscriptionplan_webui\";\r\nexport const module_members_editable = \"module_members_editable\";\r\nexport const module_whitelabelmode = \"module_whitelabelmode\";\r\nexport const module_modules = \"module_modules\";\r\nexport const module_invisible_group = \"module_invisible_group\";\r\nexport const module_free_access_group = \"module_free_access_group\";\r\nexport const module_bug_report = \"module_bug_report\";\r\nexport const module_development_timeline = \"module_development_timeline\";\r\nexport const module_webinar = \"module_webinar\";\r\nexport const module_subscription_end_date_field = \"module_subscription_end_date_field\";\r\nexport const module_mastercard_payment = \"module_mastercard_payment\";\r\nexport const module_myassociation_payment = \"module_myassociation_payment\";\r\nexport const module_department_requests = \"module_department_requests\";\r\nexport const module_document_library = \"module_document_library\";\r\nexport const module_export_household = \"module_export_household\";\r\nexport const module_chat_web = \"module_chat_web\";\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 useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\n\r\nconst LinksList = ({links, deactivate}) => {\r\n const t = useCustomTranslation()\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 \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 deactivate(id)}>\r\n {t('Nulstil')}\r\n \r\n \r\n \r\n ))}\r\n \r\n )\r\n}\r\nexport default LinksList\r\n","import React, { useState, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { createStructuredSelector } from 'reselect';\r\nimport { Fragment } from 'react';\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\nimport { getNestedGroupsArray } from 'groups';\r\nimport UserList from 'signup/components/UserList/UserList';\r\nimport { getActiveId } from 'clubs/selectors';\r\n\r\nconst InviteModal = ({ userLinks, create, links, deactivate, t, hide, groupId, active, groups, setGroupName, groupName }) => {\r\n\r\n useEffect(() => {\r\n if (groups.length > 0) {\r\n for (let i = 0; i < groups.length; i++) {\r\n if (groups[i].id == groupId) {\r\n setGroupName(groups[i].title);\r\n break;\r\n } else {\r\n setGroupName(t(groupName));\r\n }\r\n }\r\n }\r\n }, [groups]);\r\n\r\n useEffect(() => {\r\n create({ groupId: groupId, clubId: active });\r\n }, []);\r\n\r\n useEffect(() => {\r\n const groupLinks = [];\r\n if (userLinks.length > 0) {\r\n for (let i = 0; i < userLinks.length; i++) {\r\n if (userLinks[i].groupIds.includes(parseInt(groupId))) {\r\n groupLinks.push(userLinks[i]);\r\n }\r\n }\r\n }\r\n setGroupLinks(groupLinks);\r\n }, [userLinks]);\r\n\r\n const hideModal = (event) => {\r\n event.stopPropagation();\r\n hide();\r\n };\r\n\r\n const [isCopied, setIsCopied] = useState(false);\r\n const [showActive, setShowActive] = useState(false);\r\n const [groupLinks, setGroupLinks] = useState([]);\r\n\r\n const renderOverview = () => {\r\n const link = userLinks.length > 0 ? userLinks[userLinks.length - 1] : 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 {\r\n deactivate(link.id);\r\n create({ groupId: groupId, clubId: active });\r\n } : undefined,\r\n }}\r\n >\r\n {t('Nulstil')}\r\n \r\n\r\n \r\n setIsCopied(true)}\r\n >\r\n {isCopied ? t('Kopieret!') : t('Kopier')}\r\n \r\n \r\n\r\n setShowActive(true)}>\r\n {t('Oversigt over aktive links')}\r\n \r\n \r\n );\r\n };\r\n\r\n return (\r\n setShowActive(false) : undefined}\r\n title={\r\n showActive ? t('Aktive links i foreningen') : t(\"Tilmeldingslink\") + ` (${groupName})`\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 ? \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 groups: getNestedGroupsArray,\r\n active: getActiveId\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, action) => { \r\n const dataPolicy = action.payload ? action.payload.dataPolicy : false;\r\n if (dataPolicy) {\r\n return {\r\n ...state,\r\n isFetching: false,\r\n };\r\n } else {\r\n return {\r\n ...state,\r\n isFetching: true,\r\n };\r\n }\r\n },\r\n\r\n [actions.fetch.failed]: (state) => ({\r\n ...state,\r\n isFetching: false,\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","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, 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 {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","export * from './actions'\r\nexport * from './selectors'\r\nexport * from './components'\r\nexport * from './lib'\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\n )}\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","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 serverError\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 SERVER_ERROR: undefined,\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 {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, zip},\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 zip\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","const countryCodes = {\r\n da: 'da',\r\n en: 'en',\r\n da_DK: 'da-DK'\r\n}\r\nexport default countryCodes\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","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\r\n try {\r\n return ({\r\n ...acc,\r\n [types[name].id]: types[name],\r\n }) \r\n } catch {\r\n return ({\r\n ...acc,\r\n [types['Andet'].id]: types['Andet'],\r\n })\r\n }\r\n },\r\n {}\r\n)\r\n","import {createActions} from 'redux-actions'\r\n\r\nexport const {\r\n save,\r\n remove,\r\n createAll,\r\n markCreated,\r\n setError,\r\n created,\r\n login,\r\n requiredParentCreated,\r\n} = createActions(\r\n {\r\n SAVE: undefined,\r\n REMOVE: undefined,\r\n CREATE_ALL: {\r\n REQUESTED: [\r\n ({email, password, requiredParent, RelatedClubId}) => ({\r\n \r\n email,\r\n password,\r\n requiredParent,\r\n RelatedClubId\r\n }),\r\n \r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n LOGIN: {\r\n REQUESTED: [\r\n ({resolve, reject, ...values}) => values,\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n SUCCEEDED: undefined,\r\n FAILED: undefined,\r\n },\r\n MARK_CREATED: undefined,\r\n CREATED: undefined,\r\n SET_ERROR: undefined,\r\n REQUIRED_PARENT_CREATED: undefined,\r\n },\r\n {prefix: 'signup/dummies'}\r\n)\r\n","import {handleActions} from 'redux-actions'\r\nimport {fetchDummies} from 'signup/actions'\r\nimport * as actions from './actions'\r\nimport {clear} from 'signup/actions'\r\n\r\nconst initialState = {\r\n entities: {},\r\n requiredParentCreated: false,\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [clear]: () => initialState,\r\n [fetchDummies.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {dummies: entities},\r\n },\r\n }\r\n ) => ({\r\n entities,\r\n }),\r\n\r\n [actions.save]: (state, {payload: dummy}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [dummy.userId]: {\r\n ...state.entities[dummy.userId],\r\n ...dummy,\r\n assigned: true,\r\n },\r\n },\r\n }),\r\n\r\n [actions.remove]: (state, {payload: id}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n removed: true,\r\n },\r\n },\r\n }),\r\n\r\n [actions.setError]: (state, {payload: {id, error}}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n error,\r\n },\r\n },\r\n }),\r\n\r\n [actions.markCreated]: (state, {payload: id}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n created: true,\r\n },\r\n },\r\n }),\r\n\r\n [actions.created]: (state, {payload: {dummyUserId, ...values}}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [dummyUserId]: {\r\n ...state.entities[dummyUserId],\r\n ...values,\r\n created: true,\r\n },\r\n },\r\n }),\r\n\r\n [actions.requiredParentCreated]: state => ({\r\n ...state,\r\n requiredParentCreated: true,\r\n }),\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {createSelector} from 'reselect'\r\nimport {values, compact} from 'lodash'\r\nimport {getDummy as getUserDummyId} from 'signup/user'\r\n\r\nexport const get = (state) => state.dummies.entities\r\n\r\nexport const getRequiredParentCreated = (state) =>\r\n state.dummies.requiredParentCreated\r\n\r\nexport const getAsArray = createSelector([get], (dummies) =>\r\n values(dummies).filter((dummy) => !dummy.created && !dummy.removed)\r\n)\r\n\r\nexport const getAllChildren = createSelector([get], (dummies) =>\r\n values(dummies).filter(({type}) => type === 'child')\r\n)\r\n\r\nexport const getAllParents = createSelector([get], (dummies) =>\r\n values(dummies).filter(({type}) => type === 'adult')\r\n)\r\n\r\nexport const getAllExisting = createSelector([get], (dummies) =>\r\n values(dummies).filter(({existing}) => existing)\r\n)\r\n\r\nexport const getAllNotExisting = createSelector([get], (dummies) =>\r\n values(dummies).filter(({existing}) => !existing)\r\n)\r\n\r\nexport const getAllUserExcluded = createSelector(\r\n [getAsArray, getUserDummyId],\r\n (dummies, userDummy) =>\r\n dummies.filter((dummy) => `${dummy.userId}` !== `${userDummy}`)\r\n)\r\nexport const getAllUsersAssigned = createSelector(\r\n [getAllUserExcluded],\r\n (dummies) => dummies.every((dummy) => dummy.assigned)\r\n)\r\nexport const getUserDummy = createSelector(\r\n [get, getUserDummyId],\r\n (dummies, userDummyId) => dummies[userDummyId]\r\n)\r\n\r\nconst getCurrentId = (_, props) => props.match.params.id\r\nexport const getCurrent = createSelector(\r\n [get, getCurrentId],\r\n (dummies, currentId) => dummies[currentId]\r\n)\r\n\r\nexport const getCurrentUserId = (_, props) => props.userId\r\n\r\n// Potential parents are the current user as well as all dummies who are not children\r\nexport const getPotentialParents = createSelector(\r\n [getAllUserExcluded, getCurrentUserId],\r\n (dummies, currentUserId) =>\r\n dummies.filter(\r\n ({type, userId}) => type !== 'child' && `${userId}` !== `${currentUserId}`\r\n )\r\n)\r\n\r\nexport const getAllValidUserExcluded = createSelector(\r\n [getAllUserExcluded],\r\n (dummies) => dummies.filter((dummy) => !!dummy.type)\r\n)\r\n\r\nexport const getAllUsers = createSelector(\r\n [getAllValidUserExcluded],\r\n (dummies) => dummies.filter((dummy) => dummy.type === 'user')\r\n)\r\n\r\nexport const getAllCreated = createSelector([get], (dummies) =>\r\n values(dummies).filter(({created}) => created)\r\n)\r\n\r\nexport const getAreAllCreated = createSelector([get], (dummies) =>\r\n values(dummies)\r\n .filter(({removed}) => !removed)\r\n .every(({created}) => created)\r\n)\r\n\r\nexport const getRemovedUseres = createSelector([get], (dummies) =>\r\n values(dummies).filter((user) => user.removed)\r\n)\r\n\r\nexport const getCanCreateChildren = createSelector(\r\n [get],\r\n (dummies) =>\r\n values(dummies).filter(({type}) => type === 'child').length <\r\n values(dummies).length - 1\r\n)\r\n\r\nexport const getNumberOfUsers = createSelector(\r\n [get],\r\n (dummies) => values(dummies).filter(({removed}) => !removed).length\r\n)\r\n\r\nexport const getAllEmails = createSelector([get], (dummies) =>\r\n compact(\r\n values(dummies)\r\n .filter(({removed, type}) => !removed && type === 'adult')\r\n .map(({email}) => email)\r\n )\r\n)\r\n\r\nexport const getRequiresParent = createSelector([get], (dummies) =>\r\n values(dummies)\r\n .filter(({removed}) => !removed)\r\n .every(({type}) => type === 'child')\r\n)\r\n","import {takeEvery, call, put, select, all} from 'redux-saga/effects'\r\nimport {apiRequest} from 'app/sagas'\r\n// import {get as getUrlAuth} from 'signup/urlAuth'\r\nimport * as selectors from './selectors'\r\nimport * as actions from './actions'\r\nimport {get as getParent} from 'signup/parent'\r\n\r\nfunction* watchCreateAll() {\r\n yield takeEvery(actions.createAll.requested, createAll)\r\n}\r\n\r\nfunction* createAll({payload: {requiredParent, RelatedClubId}, meta: {resolve, reject}}) {\r\n const users = yield select(selectors.getAsArray)\r\n const parent = yield select(getParent)\r\n\r\n try {\r\n yield call(apiRequest, '/user/activate', {\r\n version: 'v3',\r\n method: 'post',\r\n withToken: false,\r\n body: {\r\n models: [...users, ...(parent ? [parent] : [])].map(\r\n ({firstName, surname, oldEmail, email, zip, type, password}) => ({\r\n firstName,\r\n surname,\r\n oldEmail,\r\n email,\r\n zip,\r\n password: password || 'test',\r\n userStatus: requiredParent ? {adult: 1, child: 2}[type] : 1,\r\n\r\n })\r\n ),\r\n AcceptsDataPolicy: true,\r\n RelatedClubId: RelatedClubId,\r\n parent: requiredParent,\r\n },\r\n })\r\n\r\n yield all(users.map(({userId}) => put(actions.markCreated(userId))))\r\n if (requiredParent) {\r\n yield put(actions.requiredParentCreated())\r\n }\r\n } catch (error) {\r\n console.log(error)\r\n yield call(reject, error.message)\r\n }\r\n}\r\n\r\n// function* createAndMerge(user, request) {\r\n// const {\r\n// userId,\r\n// firstName,\r\n// type,\r\n// surname,\r\n// oldEmail,\r\n// email,\r\n// password,\r\n// zip,\r\n// } = user\r\n//\r\n// const allChildren = yield select(selectors.getAllChildren)\r\n// const children = allChildren\r\n// .filter(({parents}) => includes(parents, `${userId}`))\r\n// .map(({userId, firstName, surname, oldEmail, email, password, zip}) => ({\r\n// userId,\r\n// firstName,\r\n// surname,\r\n// oldEmail,\r\n// email,\r\n// zip,\r\n// password,\r\n// userStatus: 2,\r\n// }))\r\n//\r\n// try {\r\n// const response = yield call(apiRequest, '/user/activate', {\r\n// version: 'v3',\r\n// method: 'post',\r\n// withToken: false,\r\n// body: [\r\n// {\r\n// firstName,\r\n// surname,\r\n// oldEmail,\r\n// email,\r\n// password,\r\n// zip,\r\n// userStatus: {adult: 1, child: 2}[type],\r\n// },\r\n// ...children,\r\n// ],\r\n// })\r\n//\r\n// // yield call(mergeDummyWithUser, userId, response.authToken, request)\r\n// yield all([\r\n// put(actions.created({...response, dummyUserId: userId})),\r\n// ...children.map(({userId}) => put(actions.markCreated(userId))),\r\n// ])\r\n// } catch (error) {\r\n// yield put(actions.setError({id: userId, error: error.message}))\r\n// }\r\n// }\r\n\r\n// function* mergeDummyWithUser(dummyId, userAuthToken, request) {\r\n// return yield call(apiRequest, `/login/imported/${dummyId}`, {\r\n// method: 'patch',\r\n// overrideToken: userAuthToken,\r\n// body: {\r\n// ...request,\r\n// },\r\n// })\r\n// }\r\n\r\n// function* assignParent({userId, authToken}, parentAuthToken) {\r\n// yield call(apiRequest, `/login/child/${userId}`, {\r\n// method: 'patch',\r\n// overrideToken: authToken,\r\n// body: {\r\n// authToken: parentAuthToken,\r\n// },\r\n// })\r\n// }\r\n\r\n// function* remove({userId}) {\r\n// const {email, password} = yield select(getUrlAuth)\r\n// const created = yield select(selectors.getAllCreated)\r\n// const {authToken} = created[0]\r\n//\r\n// try {\r\n// yield call(apiRequest, `/login/imported/${userId}`, {\r\n// method: 'delete',\r\n// overrideToken: authToken,\r\n// body: {\r\n// email,\r\n// password,\r\n// },\r\n// })\r\n// } catch (error) {}\r\n// }\r\n\r\n// function* registerChild(dummy) {\r\n// const parents = yield select(selectors.getAllParents)\r\n//\r\n// yield all(parents.map(parent => call(assignParent, dummy, parent.authToken)))\r\n// }\r\n\r\nfunction* watchLogin() {\r\n yield takeEvery(actions.login.requested, login)\r\n}\r\n\r\nfunction* login({\r\n payload: {email, password, type, dummyUserId},\r\n meta: {resolve, reject},\r\n}) {\r\n try {\r\n const response = yield call(apiRequest, `/login/plain`, {\r\n method: 'post',\r\n withToken: false,\r\n body: {email, password},\r\n })\r\n\r\n yield all([\r\n put(\r\n actions.save({\r\n ...response,\r\n type,\r\n existing: true,\r\n userId: dummyUserId,\r\n })\r\n ),\r\n call(resolve),\r\n ])\r\n } catch (error) {\r\n yield call(reject, error.message)\r\n }\r\n}\r\n\r\nexport default [watchCreateAll, watchLogin]\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 { getTextTags } from 'app/selectors';\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst useCustomTranslation = (options) => {\r\n const { t } = useTranslation(options);\r\n\r\n\r\n const createMarkup = (htmlString) => {\r\n return { __html: htmlString };\r\n };\r\n\r\n // Create a function that wraps t and includes common variables\r\n const translate = (key, options) => {\r\n // You can define and provide other common variables here\r\n const values = getTextTags()\r\n\r\n values.organizationTypeNameCapitalize = t('organizationTypeNameCapitalize');\r\n values.organizationTypeName = t('organizationTypeName');\r\n\r\n // Merge common variables with options\r\n if (options) {\r\n const mergedOptions = { ...values, ...options };\r\n return t(key, mergedOptions);\r\n } else {\r\n return t(key, values);\r\n }\r\n };\r\n\r\n return translate;\r\n};\r\n\r\nexport default useCustomTranslation;","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 {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)","export * from './actions'\r\nexport * from './selectors'\r\nexport {default as sagas} from './sagas'\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","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","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 React, {useCallback, useState} from 'react'\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 flatten,\r\n uniq,\r\n} from 'lodash'\r\nimport {compareDesc, isBefore, startOfToday} from 'date-fns'\r\nimport {ACTIVE, OVERDUE, PREVIOUS, MONTHLY, QUARTERLY, SEMI_ANNUALLY, ANNUALLY} from './constants'\r\nimport {getActivities} from 'activities/selectors'\r\nimport {subscriptionCharges} from './components/Overview/Subscriptions_Overview/Constants'\r\n// import {sortDirections} from 'app/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\n\r\nexport const getIsFetchingImages = (state) => state.payments.isFetchingImages\r\n\r\nexport const getIsFetching = (state) => state.payments.isFetching\r\nexport const getIsFetched = (state) => state.payments.isFetched\r\nexport const getAll = (state) => values(state.payments.entities)\r\nexport const getOne = (state, id) => {\r\n const payment = get(state, `payments.entities[${id}]`)\r\n\r\n if (!payment) {\r\n return payment\r\n }\r\n\r\n if (payment.activity) {\r\n return {\r\n ...payment,\r\n completed: get(payment, 'completed', []),\r\n approvable: get(payment, 'approvable', []),\r\n pending: get(payment, 'pending', []),\r\n }\r\n }\r\n\r\n return get(payment, 'status') === PREVIOUS\r\n ? {\r\n ...payment,\r\n completed: sortBy(payment.completed, ({approved}) => approved).sort(\r\n (a, b) => compareDesc(a.approved, b.approved)\r\n ),\r\n }\r\n : payment\r\n}\r\n\r\nexport const getAllRegular = createSelector([getAll], (payments) =>\r\n payments.filter(({activity}) => !activity)\r\n)\r\n\r\nexport const getAllActivity = createSelector([getAll], (payments) =>\r\n payments.filter(({activity}) => activity)\r\n)\r\n\r\nexport const getCheckPaymentSuccess = (state) => {\r\n return state.payments.checkPaymentSuccess\r\n}\r\n\r\nexport const getPaymentImages = (state) => {\r\n return state.payments.paymentImages\r\n}\r\nexport const getGrouped = createSelector(\r\n [getAll, getActivities],\r\n (payments, activities) =>\r\n {\r\n\r\n return payments != null && payments.length > 0 ? payments.reduce(\r\n (acc, payment) => {\r\n if (acc !== null && payment !== null && payment.status !== null ) {\r\n const key = !payment.activity\r\n ? payment.status\r\n : isBefore(\r\n get(activities, `[${payment.id}].end`, payment.requestDate),\r\n startOfToday()\r\n )\r\n ? PREVIOUS\r\n : 'ACTIVITY'\r\n\r\n if (acc[key] !== undefined && acc[key] !== null) {\r\n return {\r\n ...acc,\r\n [key]: [...acc[key], payment],\r\n }\r\n } else {\r\n return {\r\n ...acc,\r\n [key]: [payment],\r\n }\r\n }\r\n } else {\r\n return {\r\n ...acc\r\n }\r\n }\r\n },\r\n {\r\n [ACTIVE]: [],\r\n [OVERDUE]: [],\r\n [PREVIOUS]: [],\r\n ACTIVITY: [],\r\n }\r\n ) : []\r\n }\r\n)\r\n\r\nexport const getNumberOfActionsRequired = createSelector(\r\n [getAllRegular],\r\n (payments) => {\r\n\r\n if (payments !== null) {\r\n return payments.reduce((total, current) => total + current.approvable.length, 0)\r\n } else {\r\n return []\r\n }\r\n }\r\n)\r\n\r\nexport const getNumberOfOutstanding = createSelector(\r\n [getAllRegular],\r\n (payments) =>\r\n payments.reduce(\r\n (total, {pending}) => \r\n {\r\n\r\n\r\n return total +\r\n pending && pending !== null && pending !== undefined ?\r\n pending.filter(({requestDate}) => (requestDate ? isBefore(requestDate, startOfToday()).length : 0)) : 0\r\n },\r\n 0\r\n )\r\n)\r\n\r\nexport const getLatestInfo = createSelector([getAllRegular], (payments) =>\r\n get(payments[payments.length - 1], 'paymentDescription')\r\n)\r\n\r\n\r\n\r\n// -------------------- Subscriptions -------------------------------------------\r\n\r\n\r\nexport const getSubscriptions = (state) => {\r\n return state.payments.clubSubscriptionsEntities\r\n}\r\nexport const getSubscription = (state, id) => state.payments.clubSubscriptionsEntities[id]\r\n\r\nexport const getSubscriptionPlans = (state) => {\r\n return state.payments.subscriptionPlansEntities\r\n}\r\n\r\nexport const getSubscriptionPlanCharges = (state) => {\r\n return state.payments.subscriptionPlanChargesEntities\r\n}\r\n\r\nexport const getSubscriptionPlan = (state, id) => state.clubSubscriptions[id]\r\n\r\n// export const getSubscriptions = () => subscriptions\r\n// export const getSubscription = (id) => subscriptions[id]\r\n\r\n// export const getSubscriptionPlans = () => subscriptionPlans\r\n// export const getSubscriptionPlan = (id) => subscriptionPlans[id]\r\n\r\n// export const getAllSubscriptionPlans = () => {\r\n// const subscriptions = getSubscriptions()\r\n// const subscriptionPlans = uniqBy(\r\n// flatten(subscriptions.map((subscription) => get(subscription, 'clubUserPaymentSubscriptionPlans', []) ))\r\n// )\r\n// return subscriptionPlans\r\n// }\r\n\r\n\r\n\r\n//#region Testing area\r\n\r\n//#endregion Testing area\r\n\r\n","import {createActions} from 'redux-actions'\r\nimport {normalize, schema} from 'normalizr'\r\n\r\nconst dummy = new schema.Entity(\r\n 'dummies',\r\n {},\r\n {\r\n idAttribute: 'userId',\r\n processStrategy: ({email, ...entity}) => ({...entity, oldEmail: email}),\r\n }\r\n)\r\n\r\nexport const {fetchDummies, clear} = createActions(\r\n {\r\n FETCH_DUMMIES: {\r\n REQUESTED: [\r\n ({email, password}) => ({email, password}),\r\n ({resolve, reject}) => ({resolve, reject}),\r\n ],\r\n SUCCEEDED: ({club, parent, users: dummies}) => ({\r\n club,\r\n parent,\r\n ...normalize(dummies, [dummy]),\r\n }),\r\n FAILED: undefined,\r\n },\r\n CLEAR: () => null,\r\n },\r\n {prefix: 'signup'}\r\n)\r\n","export default function price(amount, {prefix} = {prefix: 'kr.'}) {\r\n return `${parseFloat(amount, 10)\r\n .toFixed(2)\r\n .toString()\r\n .replace('.', ',')} ${prefix.trim()}`\r\n}\r\n","import {handleActions, combineActions} from 'redux-actions'\r\nimport {omit, get} from 'lodash'\r\nimport * as actions from './actions'\r\n\r\nconst initialState = {\r\n entities: {},\r\n isFetching: false,\r\n isFetched: false,\r\n paymentImages: [],\r\n clubSubscriptionsEntities: null,\r\n isClubSubscriptionsFetching: false,\r\n isClubSubscriptionsFetched: false,\r\n\r\n subscriptionPlansEntities: null,\r\n isSubscriptionPlansFetching: false,\r\n isSubscriptionPlansFetched: false,\r\n\r\n subscriptionPlanChargesEntities: null,\r\n isSubscriptionPlanChargesFetching: false,\r\n isSubscriptionPlanChargesFetched: false,\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.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {payments, activityPayments},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n isFetching: false,\r\n isFetched: true,\r\n entities: {\r\n ...payments,\r\n ...activityPayments,\r\n },\r\n }),\r\n\r\n [actions.fetchClubPaymentSubscriptions.requested]: (state) => ({\r\n ...state,\r\n isFetching: true,\r\n isClubSubscriptionsFetching: true,\r\n }),\r\n\r\n [actions.fetchClubPaymentSubscriptions.succeeded]: (state,{\r\n payload: {\r\n clubSubscriptions\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n isClubSubscriptionsFetching: false,\r\n isFetching: false,\r\n isClubSubscriptionsFetched: true,\r\n clubSubscriptionsEntities: {\r\n ...clubSubscriptions,\r\n },\r\n }),\r\n\r\n [actions.fetchSubscriptionPlans.requested]: (state) => ({\r\n ...state,\r\n isSubscriptionPlansFetching: true,\r\n }),\r\n\r\n [actions.clearSubscriptionPlans.requested]: (state) => ({\r\n ...state,\r\n subscriptionPlansEntities: null,\r\n }),\r\n [actions.clearSubscriptionCharges.requested]: (state) => ({\r\n ...state,\r\n subscriptionPlanChargesEntities: null,\r\n }),\r\n\r\n [actions.fetchSubscriptionPlans.succeeded]: (state,{\r\n payload: {\r\n subscriptionPlans\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n isSubscriptionPlansFetching: false,\r\n isSubscriptionPlansFetched: true,\r\n subscriptionPlansEntities: {\r\n ...subscriptionPlans,\r\n },\r\n }),\r\n\r\n [actions.fetchSubscriptionPlanCharges.requested]: (state) => ({\r\n ...state,\r\n isSubscriptionPlanChargesFetching: true,\r\n }),\r\n\r\n [actions.fetchSubscriptionPlanCharges.succeeded]: (state,{\r\n payload: {\r\n subscriptionPlanCharges\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n isSubscriptionPlanChargesFetching: false,\r\n isSubscriptionPlanChargesFetched: true,\r\n subscriptionPlanChargesEntities: {\r\n ...subscriptionPlanCharges,\r\n },\r\n }),\r\n\r\n [actions.stopSubscriptionPlans.requested]: (state) => ({\r\n ...state,\r\n }),\r\n\r\n [actions.stopSubscriptionPlans.succeeded]: (state, {payload}) => {\r\n const id = get(payload, 'result')\r\n\r\n return {\r\n ...state,\r\n }\r\n },\r\n\r\n\r\n \r\n [actions.refundSubscription.requested]: (state) => ({\r\n ...state\r\n }),\r\n\r\n [actions.refundSubscription.succeeded]: (state, {payload}) => {\r\n const id = get(payload, 'result')\r\n\r\n return {\r\n ...state,\r\n }\r\n },\r\n\r\n [actions.createSubscription.requested]: (state) => ({\r\n ...state,\r\n isFetching: true,\r\n }),\r\n\r\n [actions.createSubscription.succeeded]: (state, {payload}) => {\r\n const id = get(payload, 'result')\r\n\r\n return {\r\n ...state,\r\n }\r\n },\r\n\r\n [combineActions(\r\n actions.create.succeeded,\r\n actions.addPayers.succeeded,\r\n actions.update.succeeded\r\n )]: (state, {payload}) => {\r\n const id = get(payload, 'result')\r\n\r\n return {\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: get(payload, `entities.payments[${id}]`),\r\n },\r\n }\r\n },\r\n\r\n [actions.fetchImages.requested]: (state) => ({\r\n ...state,\r\n isFetchingImages: true,\r\n }),\r\n\r\n [actions.fetchImages.succeeded]: (state, {payload: response}) => ({\r\n ...state,\r\n paymentImages: response,\r\n isFetchingImages: false\r\n }),\r\n\r\n [actions.remove.succeeded]: (state, {payload: id}) => ({\r\n ...state,\r\n entities: omit(state.entities, id),\r\n }),\r\n\r\n [actions.deleteImage.succeeded]: (state, {payload: id}) => ({\r\n ...state,\r\n paymentImages: [omit(state.paymentImages, id)],\r\n }),\r\n\r\n [combineActions(\r\n actions.removePayers.succeeded,\r\n actions.approve.succeeded,\r\n actions.reject.succeeded,\r\n actions.updatePayer.succeeded\r\n )]: (\r\n state,\r\n {\r\n payload: {\r\n result,\r\n entities: {payments},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [result]: payments[result],\r\n },\r\n }),\r\n\r\n [actions.sendReminder.succeeded]: (state, {payload: {id, member}}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n pending: state.entities[id].pending.map((payer) =>\r\n payer.user.userId === member\r\n ? {...payer, lastReminderSent: new Date()}\r\n : payer\r\n ),\r\n },\r\n },\r\n }),\r\n\r\n [actions.fetchActivityPayers.succeeded]: (\r\n state,\r\n {payload: {id, completed, approvable, pending}}\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n completed,\r\n approvable,\r\n pending,\r\n },\r\n },\r\n }),\r\n\r\n [actions.checkPaymentSuccess.requested]: (state) => ({\r\n ...state,\r\n isFetchingCheckPaymentSuccess: true,\r\n }),\r\n\r\n [actions.checkPaymentSuccess.succeeded]: (state, {payload: response}) => ({\r\n ...state,\r\n checkPaymentSuccess: response,\r\n isFetchingCheckPaymentSuccess: false\r\n }),\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {noop} from 'lodash'\r\nimport {parse} from 'date-fns'\r\nimport {put, call, take, takeLatest, select, takeEvery} from 'redux-saga/effects'\r\nimport {apiRequest} from 'app/sagas'\r\nimport {getActive} from 'clubs/selectors'\r\n\r\nimport * as actions from './actions'\r\n\r\nconst toUTC = (date) =>\r\n `${date.getUTCFullYear()}-${twoDigits(date.getUTCMonth() + 1)}-${twoDigits(\r\n date.getUTCDate()\r\n )}T${twoDigits(date.getUTCHours())}:${twoDigits(date.getUTCMinutes())}`\r\n\r\nconst twoDigits = (n) => (n < 10 ? `0${n}` : n)\r\n\r\nfunction* watchFetch() {\r\n yield takeLatest(actions.fetch.requested, fetch)\r\n}\r\n\r\nfunction* fetch() {\r\n const {id} = yield select(getActive)\r\n try {\r\n\r\n const payments = yield call(apiRequest, `/payments/clubs/${id}`, {\r\n version: 'v3',\r\n method: 'get',\r\n })\r\n\r\n const activityPayments = yield call(\r\n apiRequest,\r\n `/activities/payments/overview/${id}`,\r\n {\r\n version: 'v3',\r\n method: 'get',\r\n }\r\n )\r\n \r\n yield put(actions.fetch.succeeded({payments, activityPayments}))\r\n } catch (error) {\r\n yield put(actions.fetch.failed(error))\r\n }\r\n}\r\n\r\nfunction* stopSubscriptionPlans() {\r\n while (true) {\r\n const {\r\n payload: {ids = [], subscriptionId},\r\n meta: {resolve = noop, reject = noop},\r\n } = yield take(actions.stopSubscriptionPlans.requested)\r\n\r\n const club = yield select(getActive)\r\n\r\n try {\r\n yield call(apiRequest, `/clubpayment/subscription/cancel`, {\r\n version: 'v4',\r\n method: 'post',\r\n body: {\r\n clubId: club.id,\r\n clubUserPaymentSubscriptionPlanId: subscriptionId,\r\n subscriptionPlanIds: ids\r\n },\r\n })\r\n\r\n yield put(actions.stopSubscriptionPlans.succeeded())\r\n yield call(resolve)\r\n } catch (error) {\r\n console.log(error)\r\n yield put(actions.stopSubscriptionPlans.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\n\r\nfunction* exportSubscriptionCharges() {\r\n while (true) {\r\n const {\r\n meta: {resolve = noop, reject = noop},\r\n } = yield take(actions.exportSubscriptionCharges.requested)\r\n\r\n const club = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(apiRequest, `/payment/export/club/${club.id}/subscriptionpaymentfile`, {\r\n version: 'v4',\r\n returnRaw: true,\r\n method: 'get'\r\n })\r\n\r\n if (!response.ok) {\r\n throw Error()\r\n }\r\n \r\n const data = yield call([\r\n response,\r\n 'text'\r\n ])\r\n\r\n yield put(actions.exportSubscriptionCharges.succeeded(data))\r\n yield call(resolve, data)\r\n } catch (error) {\r\n console.log(error)\r\n yield put(actions.exportSubscriptionCharges.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nfunction* refundSubscription() {\r\n while (true) {\r\n const {\r\n payload: {id},\r\n meta: {resolve = noop, reject = noop},\r\n } = yield take(actions.refundSubscription.requested)\r\n\r\n const club = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(apiRequest, `/payments/mobilepay/Refund/0/charge/${id}`, {\r\n version: 'v4',\r\n method: 'post',\r\n body: {\r\n id\r\n },\r\n })\r\n\r\n yield put(actions.refundSubscription.succeeded(response))\r\n yield call(resolve, response)\r\n } catch (error) {\r\n console.log(error)\r\n yield put(actions.refundSubscription.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nfunction* createSubscription() {\r\n while (true) {\r\n const {\r\n payload: {members = [], groups = [], ...values},\r\n meta: {resolve = noop, reject = noop},\r\n } = yield take(actions.createSubscription.requested)\r\n\r\n const club = yield select(getActive)\r\n\r\n try {\r\n let paymentMethodIds = []\r\n\r\n const response = yield call(apiRequest, `/clubpayment/subscription/create`, {\r\n version: 'v4',\r\n method: 'post',\r\n body: {\r\n ...values,\r\n clubId: club.id,\r\n assignedUserIdsToSubscription: members,\r\n assignedUserGroupIdsToSubscription: groups,\r\n currencies: ['DKK'],\r\n paymentMethodIds: values.paymentMethodIds,\r\n subscriptionExternalAgreementUrl: values.agreementUrl,\r\n interval: values.paymentInterval,\r\n paymentPeriodStartDate: toUTC(parse(values.paymentStartDate)),\r\n paymentPeriodEndDate: values.paymentPeriodEndDate ? toUTC(parse(values.paymentPeriodEndDate)) : null,\r\n amount: values.price\r\n ? values.price.toString().replace(',', '.')\r\n : undefined\r\n },\r\n })\r\n\r\n yield put(actions.createSubscription.succeeded(response))\r\n yield call(resolve, response.id)\r\n } catch (error) {\r\n console.log(error)\r\n yield put(actions.createSubscription.failed(error))\r\n yield call(reject, error)\r\n }\r\n }\r\n}\r\n\r\nfunction* create() {\r\n while (true) {\r\n const {\r\n payload: {members = [], groups = [], ...values},\r\n meta: {resolve = noop, reject = noop},\r\n } = yield take(actions.create.requested)\r\n\r\n const club = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(apiRequest, `/payments/clubs/${club.id}`, {\r\n version: 'v3',\r\n method: 'post',\r\n body: {\r\n ...values,\r\n requestDate: toUTC(parse(values.requestDate)),\r\n paymentStartDate: toUTC(parse(values.paymentStartDate)),\r\n individualAmount: values.individualAmount\r\n ? values.individualAmount.toString().replace(',', '.')\r\n : undefined,\r\n minimumAmount: values.minimumAmount\r\n ? values.minimumAmount.toString().replace(',', '.')\r\n : undefined,\r\n exemptAdminPayment: values.exemptAdminPayment,\r\n ReducedPaymentStartDate: values.ReducedPaymentStartDate\r\n },\r\n })\r\n\r\n yield put(\r\n actions.addPayers.requested({members, groups, paymentId: response.id})\r\n )\r\n\r\n yield put(actions.create.succeeded(response))\r\n yield call(resolve, response.id)\r\n } catch (error) {\r\n yield put(actions.create.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nfunction* update() {\r\n while (true) {\r\n const {\r\n payload: {id, values},\r\n meta: {resolve, reject},\r\n } = yield take(actions.update.requested)\r\n\r\n try {\r\n const response = yield call(apiRequest, `/payments/clubpayments/${id}`, {\r\n method: 'patch',\r\n version: 'v3',\r\n body: {\r\n ...values,\r\n requestDate: values.requestDate\r\n ? parse(values.requestDate)\r\n : undefined,\r\n paymentStartDate: values.paymentStartDate\r\n ? parse(values.paymentStartDate)\r\n : undefined,\r\n },\r\n })\r\n\r\n yield put(actions.update.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.update.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nfunction* addPayers() {\r\n while (true) {\r\n const {\r\n payload: {paymentId, members, groups},\r\n meta: {resolve = noop, reject = noop},\r\n } = yield take(actions.addPayers.requested)\r\n\r\n if (members.length > 0) {\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/payments/clubpayments/${paymentId}/users`,\r\n {\r\n version: 'v3',\r\n method: 'put',\r\n body: {\r\n '': members.map((member) => ({userId: member})),\r\n },\r\n }\r\n )\r\n\r\n yield put(actions.addPayers.succeeded(response))\r\n\r\n if (groups.length === 0) {\r\n yield call(resolve)\r\n }\r\n } catch (error) {\r\n yield put(actions.addPayers.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n\r\n if (groups.length > 0) {\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/payments/clubpayments/${paymentId}/usersfromgroups`,\r\n {\r\n version: 'v3',\r\n method: 'put',\r\n body: {\r\n '': groups.map((group) => ({userGroupId: group})),\r\n },\r\n }\r\n )\r\n\r\n yield put(actions.addPayers.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.addPayers.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction* removePayers() {\r\n while (true) {\r\n const {\r\n payload: {id, members},\r\n meta: {resolve, reject},\r\n } = yield take(actions.removePayers.requested)\r\n\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/payments/clubpayments/${id}/users`,\r\n {\r\n version: 'v3',\r\n method: 'delete',\r\n body: {\r\n '': members.map((member) => ({userId: member})),\r\n },\r\n }\r\n )\r\n\r\n yield put(actions.removePayers.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.removePayers.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nfunction* watchRemove() {\r\n yield takeLatest(actions.remove.requested, remove)\r\n}\r\n\r\nfunction* remove({payload: id}) {\r\n try {\r\n yield call(apiRequest, `/payments/clubpayments/${id}`, {\r\n version: 'v3',\r\n method: 'delete',\r\n })\r\n\r\n yield put(actions.remove.succeeded(id))\r\n } catch (error) {\r\n yield put(actions.remove.failed(error))\r\n }\r\n}\r\n\r\nfunction* sendReminder() {\r\n while (true) {\r\n const {\r\n payload: {id, member},\r\n } = yield take(actions.sendReminder.requested)\r\n\r\n try {\r\n yield call(\r\n apiRequest,\r\n `/payments/clubpayments/${id}/users/${member}/sendreminder`,\r\n {\r\n method: 'post',\r\n version: 'v3',\r\n }\r\n )\r\n\r\n yield put(actions.sendReminder.succeeded({id, member}))\r\n } catch (error) {\r\n yield put(actions.sendReminder.failed(error))\r\n }\r\n }\r\n}\r\n\r\nfunction* approve() {\r\n while (true) {\r\n const {\r\n payload: {id, member, userPaymentId, status, internalNote},\r\n } = yield take(actions.approve.requested)\r\n\r\n try {\r\n const response = userPaymentId\r\n ? yield call(apiRequest, `/payments/${userPaymentId}`, {\r\n version: 'v3',\r\n method: 'put',\r\n body: {internalNote, status, userId: member},\r\n })\r\n : yield call(\r\n apiRequest,\r\n `/payments/clubpayments/${id}/users/${member}/approve`,\r\n {\r\n version: 'v3',\r\n method: 'post',\r\n }\r\n )\r\n\r\n yield put(actions.approve.succeeded(response))\r\n } catch (error) {\r\n yield put(actions.approve.failed(error))\r\n }\r\n }\r\n}\r\n\r\nfunction* reject() {\r\n while (true) {\r\n const {\r\n payload: {id, member, userPaymentId},\r\n } = yield take(actions.reject.requested)\r\n\r\n try {\r\n const response = userPaymentId\r\n ? yield call(apiRequest, `/payments/${userPaymentId}`, {\r\n version: 'v3',\r\n method: 'patch',\r\n body: {status: 5},\r\n })\r\n : yield call(\r\n apiRequest,\r\n `/payments/clubpayments/${id}/users/${member}/reject`,\r\n {\r\n version: 'v3',\r\n method: 'post',\r\n }\r\n )\r\n\r\n yield put(actions.reject.succeeded(response))\r\n } catch (error) {\r\n yield put(actions.reject.failed(error))\r\n }\r\n }\r\n}\r\n\r\nfunction* download() {\r\n while (true) {\r\n const {\r\n payload: {id, activity},\r\n meta: {resolve, reject},\r\n } = yield take(actions.download.requested)\r\n\r\n const {id: clubId} = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n activity\r\n ? `/activities/${id}/payments/${clubId}/export`\r\n : `/payments/clubpayments/${id}/export`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n }\r\n}\r\n\r\nfunction* updatePayer() {\r\n while (true) {\r\n const {\r\n payload: {paymentId, memberId, internalNote},\r\n meta: {resolve, reject},\r\n } = yield take(actions.updatePayer.requested)\r\n\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/payments/clubpayments/${paymentId}/users/${memberId}/note`,\r\n {\r\n method: 'post',\r\n version: 'v3',\r\n body: {\r\n '': internalNote,\r\n },\r\n }\r\n )\r\n\r\n yield put(actions.updatePayer.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nfunction* watchFetchPayers() {\r\n yield takeLatest(actions.fetchPayers.requested, fetchPayers)\r\n}\r\n\r\nfunction* fetchPayers({payload: {id}, meta: {resolve, reject}}) {\r\n try {\r\n const {invitedUsers, invitedGroups} = yield call(\r\n apiRequest,\r\n `/payments/clubpayments/${id}/users`,\r\n {\r\n version: 'v3',\r\n }\r\n )\r\n yield put(actions.fetchPayers.succeeded())\r\n yield call(resolve, {invitedGroups, invitedUsers})\r\n } catch (error) {\r\n console.log(error)\r\n yield put(actions.fetchPayers.failed())\r\n yield call(reject)\r\n }\r\n}\r\n\r\nfunction* watchFetchActivityPayers() {\r\n yield takeLatest(actions.fetchActivityPayers.requested, fetchActivityPayers)\r\n}\r\n\r\nfunction* fetchActivityPayers({payload: id, meta: {resolve, reject}}) {\r\n const {id: clubId} = yield select(getActive)\r\n try {\r\n const payers = yield call(\r\n apiRequest,\r\n `/activities/${id}/payments/overview/${clubId}`,\r\n {\r\n version: 'v3',\r\n }\r\n )\r\n yield put(actions.fetchActivityPayers.succeeded({id, payers}))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n}\r\n\r\nfunction* watchPaymentStream() {\r\n yield takeLatest(actions.paymentStream.requested, paymentStream)\r\n}\r\n\r\nfunction* paymentStream({\r\n payload: {format, ...values},\r\n meta: {resolve, reject},\r\n}) {\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/payments/clubpayments/${id}/${\r\n format === 'csv' ? 'export' : 'generatepdf'\r\n }`,\r\n {\r\n method: 'post',\r\n returnRaw: true,\r\n version: 'v3',\r\n body: values,\r\n }\r\n )\r\n\r\n if (!response.ok) {\r\n throw Error()\r\n }\r\n\r\n const data = yield call([\r\n response,\r\n format === 'pdf' ? 'arrayBuffer' : 'text',\r\n ])\r\n\r\n yield call(resolve, data)\r\n yield put(actions.paymentStream.succeeded())\r\n } catch (error) {\r\n console.log(error)\r\n yield call(reject)\r\n yield put(actions.paymentStream.failed())\r\n }\r\n}\r\n\r\nfunction* exportActivityPayments({\r\n payload: {format, ...values},\r\n meta: {resolve, reject},\r\n}) {\r\n const {id} = yield select(getActive)\r\n const monthArray = ['01','02','03','04','05','06','07','08','09',10,11,12]\r\n const dateArray = ['00', '01', '02', '03', '04', '05', '06', '07', '08', '09']\r\n const startDate = new Date(values.startDate)\r\n const finalStartDate = `${startDate.getFullYear()}-${monthArray[startDate.getMonth()]}-${startDate.getDate() < 10 ? dateArray[startDate.getDate()] : startDate.getDate()}`\r\n const endDate = new Date(values.endDate)\r\n const finalEndDate = `${endDate.getFullYear()}-${monthArray[endDate.getMonth()]}-${endDate.getDate() < 10 ? dateArray[endDate.getDate()] : endDate.getDate()}`\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/payment/export/club/activities/paymentfile?clubid=${id}&&Startdate=${finalStartDate}&&Enddate=${finalEndDate}`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n if (!response.ok) {\r\n throw Error()\r\n }\r\n\r\n const data = yield call([\r\n response,\r\n 'text',\r\n ])\r\n yield call(resolve, data)\r\n yield put(actions.exportActivityPayments.succeeded())\r\n } catch (error) {\r\n yield call(reject)\r\n yield put(actions.exportActivityPayments.failed())\r\n }\r\n}\r\n\r\nfunction* watchExportActivityPayments(){\r\n yield takeLatest(actions.exportActivityPayments.requested, exportActivityPayments)\r\n}\r\nfunction* watchFetchClubPaymentSubscriptions() {\r\n yield takeLatest(actions.fetchClubPaymentSubscriptions.requested, fetchClubPaymentSubscriptions)\r\n}\r\n\r\nfunction* watchFetchSubscriptionPlans() {\r\n yield takeLatest(actions.fetchSubscriptionPlans.requested, fetchSubscriptionPlans)\r\n}\r\n\r\nfunction* watchFetchSubscriptionPlanCharges() {\r\n yield takeLatest(actions.fetchSubscriptionPlanCharges.requested, fetchSubscriptionPlanCharges)\r\n}\r\n\r\n//{payload: id, meta: {resolve, reject}}\r\nfunction* fetchClubPaymentSubscriptions() {\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n const clubSubscriptions = yield call(\r\n apiRequest,\r\n `/clubpayment/subscription/${id}/GetAll`,\r\n {\r\n version: 'v4',\r\n method: 'get',\r\n }\r\n )\r\n // Needs to be seperated to own func.\r\n // const clubUserPaymentSubscriptionPlans = yield call(\r\n // apiRequest,\r\n // `/clubpayment/subscription/${subscriptionId}/plans/${clubId}`,\r\n // {\r\n // version: 'v4',\r\n // method: 'get',\r\n // }\r\n // ) \r\n yield put(actions.fetchClubPaymentSubscriptions.succeeded({clubSubscriptions}))\r\n } catch (error) {\r\n console.log(error)\r\n yield call(reject, error)\r\n }\r\n}\r\n\r\n function* fetchSubscriptionPlans({payload: {subscriptionId}, meta: {resolve, reject}}) {\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n const subscriptionPlans = yield call(\r\n apiRequest,\r\n `/clubpayment/subscription/${id}/${subscriptionId}/plans`,\r\n {\r\n version: 'v4',\r\n method: 'get',\r\n }\r\n )\r\n yield put(actions.fetchSubscriptionPlans.succeeded({subscriptionPlans}))\r\n } catch (error) {\r\n console.log(error)\r\n yield call(reject, error)\r\n }\r\n}\r\n\r\nfunction* fetchSubscriptionPlanCharges({payload: {subscriptionPlanId}, meta: {resolve, reject}}) {\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n const subscriptionPlanCharges = yield call(\r\n apiRequest, \r\n `/clubpayment/subscription/${id}/plan/${subscriptionPlanId}/charges`,\r\n {\r\n version: 'v4',\r\n method: 'get',\r\n }\r\n )\r\n\r\n yield put(actions.fetchSubscriptionPlanCharges.succeeded({subscriptionPlanCharges}))\r\n yield call(resolve)\r\n } catch (error) {\r\n console.log(error)\r\n yield call(reject, error)\r\n }\r\n}\r\n\r\n\r\n function* cancelSubscription({payload: {id}, meta: {resolve, reject}}) {\r\n \r\n const club = yield select(getActive)\r\n\r\n try {\r\n yield call(apiRequest, `/clubpayment/subscription/cancel`, {\r\n version: 'v4',\r\n method: 'post',\r\n body: {\r\n clubId: club.id,\r\n subscriptionPlanIds: [id]\r\n },\r\n })\r\n\r\n yield put(actions.cancelSubscription.succeeded())\r\n yield call(resolve)\r\n } catch (error) {\r\n console.log(error)\r\n yield put(actions.cancelSubscription.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n\r\n function* cancelPayer({\r\n payload: {userPaymentId},\r\n meta: { reject}\r\n }) {\r\n\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/payments/ActivityUserPayment/cancel`,\r\n {\r\n method: 'post',\r\n version: 'v4',\r\n body: {\r\n ActivityUserPaymentId: userPaymentId,\r\n },\r\n }\r\n )\r\n\r\n yield put(actions.cancelPayer.succeeded(response))\r\n } catch (error) {\r\n console.log(error)\r\n yield call(reject)\r\n }\r\n }\r\n\r\n function* watchCancelPayer() {\r\n yield takeLatest(actions.cancelPayer.requested, cancelPayer)\r\n }\r\n\r\n function* refundPayer({\r\n payload: {userPaymentId},\r\n meta: {resolve, reject}\r\n }) {\r\n \r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/payments/ActivityUserPayment/Refund`,\r\n {\r\n method: 'post',\r\n version: 'v4',\r\n body: {\r\n ActivityUserPaymentId: userPaymentId,\r\n },\r\n }\r\n )\r\n \r\n yield put(actions.cancelPayer.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n console.log(error)\r\n yield call(reject)\r\n }\r\n }\r\n \r\n \r\n function* watchRefundPayer() {\r\n yield takeLatest(actions.refundPayer.requested, refundPayer)\r\n }\r\n\r\n function* watchCancelSubscription() {\r\n yield takeLatest(actions.cancelSubscription.requested, cancelSubscription)\r\n }\r\n\r\n\r\n function* uploadImage({\r\n payload: {\r\n base64String,\r\n fileName,\r\n entityId,\r\n entityType,\r\n clubId\r\n },\r\n meta: {resolve, reject}\r\n }) {\r\n\r\n try {\r\n \r\n const response = yield call(apiRequest, `/file/Upload`, {\r\n method: 'post',\r\n version: 'v4',\r\n body: {\r\n base64String: base64String,\r\n fileName: fileName,\r\n entityId: entityId,\r\n entityType: entityType,\r\n clubId: clubId\r\n },\r\n })\r\n \r\n yield put(actions.uploadImage.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n console.log(error)\r\n yield put(actions.uploadImage.failed(error))\r\n yield call(reject)\r\n }\r\n \r\n }\r\n\r\n function* watchCheckPaymentSuccess() {\r\n yield takeLatest(actions.checkPaymentSuccess.requested, checkPaymentSuccess)\r\n }\r\n\r\n function* checkPaymentSuccess({payload: {token}, meta: {resolve, reject}}) {\r\n try {\r\n\r\n try {\r\n const response = yield call(apiRequest, `/payments/CheckPaymentSuccess?token=${token}`, {\r\n method: 'get',\r\n version: 'v4',\r\n })\r\n\r\n yield put(actions.checkPaymentSuccess.succeeded(response))\r\n\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.checkPaymentSuccess.failed(error))\r\n yield call(reject)\r\n }\r\n } catch (error) {\r\n console.log(\"response\", error)\r\n }\r\n }\r\n\r\n\r\n function* watchUploadImage() {\r\n yield takeLatest(actions.uploadImage.requested, uploadImage)\r\n }\r\n\r\n function* fetchImages({payload: {entityId, entityType}, meta: {resolve, reject}}) {\r\n try {\r\n\r\n try {\r\n const response = yield call(apiRequest, `/file/${entityId}/${entityType}`, {\r\n method: 'get',\r\n version: 'v4',\r\n })\r\n\r\n yield put(actions.fetchImages.succeeded(response))\r\n\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.fetchImages.failed(error))\r\n yield call(reject)\r\n }\r\n } catch (error) {\r\n console.log(\"response\", error)\r\n }\r\n }\r\n\r\n function* watchFetchImages() {\r\n yield takeEvery(actions.fetchImages.requested, fetchImages)\r\n }\r\n\r\n function* deleteImage({\r\n payload: {\r\n fileId,\r\n entityId,\r\n entityType\r\n },\r\n meta: {resolve, reject}\r\n }) {\r\n\r\n try {\r\n \r\n const response = yield call(apiRequest, `/file/delete`, {\r\n method: 'delete',\r\n version: 'v4',\r\n body: [{\r\n fileId: fileId,\r\n entityId: entityId,\r\n entityType: entityType\r\n }],\r\n })\r\n \r\n yield put(actions.deleteImage.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n console.log(error)\r\n yield put(actions.deleteImage.failed(error))\r\n yield call(reject)\r\n }\r\n \r\n }\r\n\r\n function* watchDeleteImage() {\r\n yield takeLatest(actions.deleteImage.requested, deleteImage)\r\n }\r\n\r\n function* invitePayers({payload: {\r\n clubPaymentSubscriptionId,\r\n userids,\r\n userGroupIds\r\n },\r\n meta: {resolve, reject}}) {\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/clubpayment/subscription/invite`,\r\n {\r\n version: 'v4',\r\n method: 'post',\r\n body: {\r\n clubPaymentSubscriptionId: clubPaymentSubscriptionId,\r\n userids: userids,\r\n userGroupIds: userGroupIds\r\n },\r\n }\r\n )\r\n\r\n \r\n yield put(actions.invitePayers.succeeded(response))\r\n yield put(actions.fetchSubscriptionPlans.requested({values: {subscriptionId: clubPaymentSubscriptionId}}))\r\n yield put(actions.fetchClubPaymentSubscriptions.requested())\r\n\r\n } catch (error) {\r\n console.log(error)\r\n yield put(actions.invitePayers.failed())\r\n yield call(reject)\r\n }\r\n }\r\n \r\n function* watchInvitePayers() {\r\n yield takeLatest(actions.invitePayers.requested, invitePayers)\r\n }\r\n\r\nexport default [\r\n watchFetch,\r\n watchFetchImages,\r\n watchUploadImage,\r\n watchDeleteImage,\r\n watchFetchClubPaymentSubscriptions,\r\n watchFetchSubscriptionPlans,\r\n watchFetchSubscriptionPlanCharges,\r\n create,\r\n exportSubscriptionCharges,\r\n refundSubscription,\r\n createSubscription,\r\n stopSubscriptionPlans,\r\n update,\r\n addPayers,\r\n watchRemove,\r\n sendReminder,\r\n removePayers,\r\n approve,\r\n reject,\r\n download,\r\n updatePayer,\r\n watchFetchPayers,\r\n watchFetchActivityPayers,\r\n watchPaymentStream,\r\n watchExportActivityPayments,\r\n watchCancelSubscription,\r\n watchCancelPayer,\r\n watchRefundPayer,\r\n watchInvitePayers,\r\n watchCheckPaymentSuccess\r\n]","import React from 'react'\r\nimport qs from 'qs'\r\nimport {connect} from 'react-redux'\r\nimport {compose} from 'recompose'\r\nimport {omit} from 'lodash'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {getCurrent} from 'signup/dummies'\r\nimport {Flex, LinkButton, Link, Box, H1} from 'components'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\n\r\nconst Choose = ({user: {firstName}, match: {url}, params}) => {\r\n const t = useCustomTranslation()\r\n\r\n return (\r\n <>\r\n \r\n Tilbage\r\n \r\n \r\n {t('createUser', {name: firstName})} \r\n \r\n \r\n \r\n {t('Opret bruger i {{appName}}')}\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 user: getCurrent,\r\n })\r\n )\r\n)\r\n\r\nexport default enhancer(Choose)\r\n","import Yup from 'lib/yup'\r\nimport i18n from 'i18n'\r\n\r\nconst validationSchema = Yup.object({\r\n firstName: Yup.string().required(),\r\n surname: Yup.string().required(),\r\n email: Yup.string().required().when('type', {\r\n is: 'adult',\r\n then: Yup.string().required().email(),\r\n }),\r\n zip: Yup.string().when('type', {\r\n is: 'adult',\r\n then: Yup.string()\r\n .required()\r\n .length(4)\r\n .matches(/^[0-9]*$/, i18n.t('validation:mustBeANumber')),\r\n otherwise: Yup.string().nullable(),\r\n }),\r\n type: Yup.string(),\r\n password: Yup.string().when('type', {\r\n is: 'adult',\r\n then: Yup.string().required(),\r\n }),\r\n passwordConfirmation: Yup.string().when('type', {\r\n is: 'adult',\r\n then: Yup.string()\r\n .required()\r\n .oneOf([Yup.ref('password'), null]),\r\n }),\r\n})\r\n\r\nexport default validationSchema\r\n","import React, {useState, useCallback, useMemo} from 'react'\r\nimport qs from 'qs'\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 {pick, includes} from 'lodash'\r\nimport Yup from 'lib/yup'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {FormikInput as Input, Button, Flex, Box, H1, Link} from 'components'\r\nimport {getCurrent, getNumberOfUsers, save, getAllEmails} from 'signup/dummies'\r\nimport validationSchema from './validationSchema'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport { getClubData } from 'user/signup/selectors'\r\nimport styled from 'styled-components'\r\nimport { useEffect } from 'react'\r\nimport { fontFamily } from 'styled-system'\r\nimport { createAll } from 'signup/dummies'\r\n\r\n\r\n\r\nconst FlexDiv = styled.div`\r\n display: flex;\r\n gap: 1vw;\r\n`\r\n\r\n\r\nconst New = ({\r\n dataPolicy,\r\n user,\r\n save,\r\n numberOfUsers,\r\n emails,\r\n params: {type, ...params},\r\n createAll\r\n}) => {\r\n const [policyLink, setPolicyLink] = useState(\"\")\r\n const t = useCustomTranslation()\r\n const [saved, setSaved] = useState(false)\r\n const [checked, setChecked] = useState(false)\r\n const isChild = useMemo(() => type === 'child', [type])\r\n\r\n const isValidUrl = (url) => {\r\n const regex = /^(https?|ftp):\\/\\/[^\\s/$.?#].[^\\s]*$/;\r\n return regex.test(url);\r\n };\r\n\r\n\r\n useEffect(()=>{\r\n setPolicyLink(dataPolicy.dataPolicyLink)\r\n }, [dataPolicy.dataPolicyLink])\r\n \r\n \r\n const validateEmail = useCallback(\r\n (value) => {\r\n if (includes(emails, value) && !isChild) {\r\n return t('Denne e-mail er allerede i brug')\r\n }\r\n },\r\n [emails, isChild, t]\r\n )\r\n \r\n const handleSubmit = useCallback(\r\n (values) => {\r\n save(values)\r\n setSaved(true)\r\n },\r\n [save, setSaved]\r\n )\r\n\r\n const initialValues = useMemo(\r\n () => ({\r\n ...pick(user, ['userId', 'firstName', 'surname', 'zip', 'oldEmail'], ),\r\n email:\r\n type === 'adult'\r\n ? Yup.string().email().isValidSync(user.oldEmail)\r\n ? user.oldEmail\r\n : ''\r\n : user.oldEmail,\r\n parents: [],\r\n type,\r\n }),\r\n [user, type]\r\n )\r\n \r\n\r\n return saved ? (\r\n 1 ? {type} : {}),\r\n }),\r\n pathname: '/register',\r\n }}\r\n >\r\n {t('Tilbage')}\r\n \r\n \r\n {t('createUser', {name: user.firstName})} \r\n \r\n \r\n {({isValid}) => (\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(createStructuredSelector({\r\n user: getCurrent,\r\n numberOfUsers: getNumberOfUsers,\r\n emails: getAllEmails,\r\n dataPolicy: getClubData,\r\n }),\r\n {\r\n save,\r\n createAll: createAll.requested\r\n },\r\n )\r\n)\r\n\r\n\r\nexport default enhancer(New)\r\n","import React, {useState} from 'react'\r\nimport qs from 'qs'\r\nimport {compose} from 'recompose'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Redirect} from 'react-router-dom'\r\nimport Yup from 'lib/yup'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {FormikInput as Input, H1, Box, Button, Link, Text} from 'components'\r\nimport {login, getCurrent, getNumberOfUsers} from 'signup/dummies'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\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 Existing = ({\r\n login,\r\n location: {search},\r\n match: {\r\n params: {id},\r\n },\r\n params: {type, ...params},\r\n user: {userId},\r\n numberOfUsers,\r\n}) => {\r\n const t = useCustomTranslation()\r\n const [done, setDone] = useState(false)\r\n\r\n const handleSubmit = (values, {setFieldError}) => {\r\n new Promise((resolve, reject) => {\r\n login({...values, resolve, reject})\r\n })\r\n .then(() => setDone(true))\r\n .catch((error) => setFieldError('password', error))\r\n }\r\n\r\n return done ? (\r\n 1 ? {type} : {}),\r\n }),\r\n pathname: `/register${numberOfUsers > 1 ? `/${id}` : ''}`,\r\n }}\r\n >\r\n {t('Tilbage')}\r\n \r\n \r\n {t('Log ind på {{appName}}')} \r\n \r\n ({t('Kun hvis du allerede har en bruger i {{appName}}')})\r\n \r\n \r\n \r\n {({isValid}) => (\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 user: getCurrent,\r\n numberOfUsers: getNumberOfUsers,\r\n }),\r\n {login: login.requested}\r\n )\r\n)\r\n\r\nexport default enhancer(Existing)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {compose} from 'recompose'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Route, Switch} from 'react-router-dom'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {Card} from 'components'\r\nimport {getCurrent, save} from 'signup/dummies'\r\nimport Choose from './Choose'\r\nimport New from './New'\r\nimport Existing from './Existing'\r\n\r\nconst User = ({match: {path}}) => (\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({user: getCurrent}),\r\n {save},\r\n ({user, ...stateProps}, dispatchProps, ownProps) => ({\r\n ...stateProps,\r\n ...dispatchProps,\r\n ...ownProps,\r\n ...user,\r\n })\r\n )\r\n)\r\n\r\nexport default enhancer(User)\r\n","import React from 'react'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport {DownloadTheApp, Text} from 'components'\r\nimport { getAppName } from 'app/selectors';\r\nconst Invalid = ({appName, whiteLabelData}) => {\r\n const t = useCustomTranslation()\r\n\r\n return (\r\n \r\n \r\n \r\n {t('invitationLinkVoid')} \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n Tag kontakt til personen du modtog linket af, og se om du kan få\r\n et gyldigt invitationslink til din forening.\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{appName}} App kan downloades via Google Play {' '}\r\n eller App Store \r\n \r\n \r\n \r\n\r\n \r\n \r\n )\r\n}\r\nconst enhancer = connect(createStructuredSelector({appName: getAppName}))\r\n\r\nexport default enhancer(Invalid)\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Flex, Box} from '@rebass/grid'\r\nimport {isMobile} from 'react-device-detect'\r\nimport {Image, Text, H2, Link} from 'components'\r\nimport {get as getClub} from 'signup/club'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport TransWrapper from 'lib/transWrapper'\r\nimport getBadge from 'jsonFetches/getBadge'\r\nimport {useTranslation} from 'react-i18next'\r\nimport { getAppName } from 'app/selectors';\r\nimport getUrls from 'jsonFetches/getUrls'\r\n\r\nconst Done = ({club, whiteLabelData}) => {\r\n const [t, i18n] = useTranslation()\r\n const t2 = useCustomTranslation()\r\n const appStoreUrl = getUrls(\"appStore\", whiteLabelData)\r\n const playUrl = getUrls(\"googlePlay\", whiteLabelData)\r\n\r\n return (\r\n <>\r\n \r\n {t2('Du er nu medlem af')} \r\n \r\n\r\n \r\n \r\n \r\n \r\n {club.clubName} \r\n \r\n \r\n\r\n \r\n {t2('youCanNowGetTheApp')} \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 {true ? (\r\n <>\r\n \r\n \r\n \r\n {t2('Download {{appName}} her', {\r\n appName: getAppName()\r\n })} \r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n {t2('downloadTheAppOnYouPhoneOrTablet')} \r\n \r\n \r\n )}\r\n \r\n )\r\n}\r\nconst enhancer = connect(\r\n createStructuredSelector({\r\n club: getClub,\r\n })\r\n)\r\n\r\nexport default enhancer(Done)\r\n","import React, {useEffect, useState} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {compose} from 'recompose'\r\nimport {createStructuredSelector} from 'reselect'\r\nimport {Switch, Route, Redirect} from 'react-router-dom'\r\nimport {withRouterParams} from 'lib/hoc'\r\nimport {getIsAuthenticated} from 'signup/user'\r\nimport {fetchDummies} from 'signup/actions'\r\nimport {Page, Box} from 'components'\r\nimport {LogoWithTagline} from 'components/icons'\r\nimport UserList from './UserList'\r\nimport User from './User'\r\nimport Invalid from './Invalid'\r\nimport Done from './Done'\r\nimport { globalState } from 'app/components/App'\r\n\r\nexport const Signup = ({\r\n fetchDummies,\r\n match: {path},\r\n params: {email, password},\r\n location: {pathname},\r\n}) => {\r\n const [invalid, setInvalid] = useState(!email && !password)\r\n const [ready, setReady] = useState(false)\r\n const [whiteLabelData, setWhiteLabelData] = useState(null)\r\n \r\n useEffect(() => {\r\n\r\n new Promise(async (resolve, reject) => {\r\n if (!whiteLabelData) {\r\n await fetch('/paths/paths.json?q=' + Math.floor(Math.random() * 10000000).toString())\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setWhiteLabelData(data);\r\n globalState.setState('apiMyOrgUrl', data.appSettings.apiMyOrgUrl);\r\n globalState.setState('domainSettings', data.domainSettings);\r\n });\r\n }\r\n \r\n if (whiteLabelData) {\r\n if (email && password) {\r\n return fetchDummies({email, password, resolve, reject})\r\n } else {\r\n setReady(true)\r\n setInvalid(true)\r\n }\r\n }\r\n })\r\n .then(() => setReady(true))\r\n }, [email, password, fetchDummies, whiteLabelData])\r\n \r\n return ready ? (\r\n invalid && pathname !== '/register/invalid' ? (\r\n \r\n \r\n {\r\n whiteLabelData && whiteLabelData.logoTexts && \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 = compose(\r\n withRouterParams,\r\n connect(\r\n createStructuredSelector({\r\n isAuthenticated: getIsAuthenticated,\r\n }),\r\n {\r\n fetchDummies: fetchDummies.requested,\r\n }\r\n )\r\n)\r\n\r\nexport default enhancer(Signup)\r\n","import {combineReducers} from 'redux'\r\nimport {reducer as club} from './club'\r\nimport {reducer as user} from './user'\r\nimport {reducer as dummies} from './dummies'\r\nimport {reducer as urlAuth} from './urlAuth'\r\nimport {reducer as parent} from './parent'\r\n\r\nconst reducer = combineReducers({\r\n club,\r\n user,\r\n dummies,\r\n urlAuth,\r\n parent,\r\n})\r\n\r\nexport default reducer\r\n","import {takeEvery, put, call, select} from 'redux-saga/effects'\r\nimport {api} from 'app/sagas'\r\nimport * as actions from './actions'\r\nimport {sagas as clubSagas} from './club'\r\nimport {sagas as userSagas} from './user'\r\nimport {sagas as dummiesSagas} from './dummies'\r\nimport {set as setUrlAuth, get as getUrlAuth} from './urlAuth'\r\n\r\nfunction* watchFetchDummies() {\r\n yield takeEvery(actions.fetchDummies.requested, fetchDummies)\r\n}\r\n\r\nfunction* fetchDummies({payload: {email, password}, meta: {resolve, reject}}) {\r\n const {email: existingUrlEmail, password: existingUrlPassword} = yield select(\r\n getUrlAuth\r\n )\r\n\r\n if (email !== existingUrlEmail || password !== existingUrlPassword) {\r\n yield put(actions.clear())\r\n yield put(setUrlAuth({email, password}))\r\n }\r\n\r\n try {\r\n const response = yield call(api, '/login/imported', {\r\n method: 'post',\r\n withToken: false,\r\n body: {\r\n email,\r\n password,\r\n },\r\n })\r\n\r\n yield put(actions.fetchDummies.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.fetchDummies.failed(error))\r\n yield call(reject)\r\n }\r\n}\r\n\r\nexport default [...clubSagas, ...userSagas, ...dummiesSagas, watchFetchDummies]\r\n","import {createStore, applyMiddleware} from 'redux'\r\nimport createSagaMiddleware from 'redux-saga'\r\nimport {all, fork} from 'redux-saga/effects'\r\nimport {persistReducer, persistStore} from 'redux-persist'\r\nimport storage from 'redux-persist/lib/storage'\r\nimport {composeWithDevTools} from 'redux-devtools-extension'\r\nimport reducer from './reducer'\r\nimport sagas from './sagas'\r\n\r\nconst sagaMiddleware = createSagaMiddleware()\r\n\r\nexport const store = createStore(\r\n persistReducer(\r\n {\r\n key: 'signup',\r\n storage,\r\n },\r\n reducer\r\n ),\r\n composeWithDevTools({name: 'MF - Signup Flow'})(\r\n applyMiddleware(sagaMiddleware)\r\n )\r\n)\r\n\r\nexport const persistor = persistStore(store)\r\n\r\nfunction* rootSaga() {\r\n yield all(sagas.map((saga) => fork(saga)))\r\n}\r\n\r\nsagaMiddleware.run(rootSaga)\r\n","import {createSelector} from 'reselect'\r\nimport qs from 'qs'\r\n\r\nconst getUrlParams = (_, props) =>\r\n qs.parse(props.location.search, {ignoreQueryPrefix: true})\r\nexport const getUrlEmail = createSelector(\r\n [getUrlParams],\r\n (params) => params.email\r\n)\r\nexport const getUrlPassword = createSelector(\r\n [getUrlParams],\r\n (params) => params.password\r\n)\r\n","import {handleActions} from 'redux-actions'\r\nimport * as actions from './actions'\r\n\r\nexport const initialState = {\r\n token: null,\r\n sponsor: {\r\n show: false,\r\n path: null,\r\n },\r\n ready: false,\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [actions.authenticate.succeeded]: (state, {payload}) => ({\r\n ...state,\r\n token: payload.authToken,\r\n }),\r\n\r\n [actions.logout]: () => ({\r\n ...initialState,\r\n ready: true,\r\n }),\r\n\r\n [actions.recoverFromLocalStorage]: (state, action) => ({\r\n ...state,\r\n token: action.payload.token,\r\n }),\r\n\r\n [actions.sponsor.show]: (state) => ({\r\n ...state,\r\n sponsor: {\r\n ...state.sponsor,\r\n show: true,\r\n },\r\n }),\r\n\r\n [actions.sponsor.setPath]: (state, {payload: path}) => ({\r\n ...state,\r\n sponsor: {\r\n ...state.sponsor,\r\n path,\r\n },\r\n }),\r\n\r\n [actions.sponsor.hide]: (state) => ({\r\n ...state,\r\n sponsor: {\r\n ...state.sponsor,\r\n show: false,\r\n },\r\n }),\r\n\r\n [actions.setReady]: (state, {payload: ready}) => ({\r\n ...state,\r\n ready,\r\n }),\r\n\r\n [actions.serverError]: (state, {payload: serverError}) => ({\r\n ...state,\r\n serverError\r\n }),\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {handleActions} from 'redux-actions'\r\nimport {omit, uniq, get, includes, entries, reduce, pick} from 'lodash'\r\nimport * as actions from './actions'\r\nimport {\r\n moveMembers,\r\n addMembersToGroups,\r\n removeMembersFromGroups,\r\n} from 'groups/actions'\r\nimport {columns, columnsById} from './constants'\r\nimport {sendInvitationEmails} from 'clubs/actions'\r\n\r\nexport const initialState = {\r\n entities: {},\r\n isFetching: false,\r\n import: {},\r\n importRoles: {},\r\n importGroups: {},\r\n importExisting: {},\r\n importColumns: [\r\n columns.FIRST_NAME,\r\n columns.SURNAME,\r\n columns.EMAIL,\r\n columns.ZIP,\r\n columns.PHONE,\r\n ],\r\n bulk: [],\r\n sort: {\r\n key: null,\r\n direction: null,\r\n },\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [actions.fetch.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {members, inactiveMembers},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n isFetching: false,\r\n entities: {\r\n ...members,\r\n ...inactiveMembers,\r\n },\r\n }),\r\n\r\n [actions.fetch.requested]: (\r\n state,\r\n ) => ({\r\n ...state,\r\n isFetching: true\r\n } ),\r\n\r\n [actions.create.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {inactiveMembers},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...inactiveMembers,\r\n },\r\n }),\r\n\r\n [actions.update.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {members, inactiveMembers},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...reduce(\r\n {...members, ...inactiveMembers},\r\n (acc, values, id) => ({\r\n ...acc,\r\n [id]: {...state.entities[id], ...values},\r\n }),\r\n {}\r\n ),\r\n },\r\n }),\r\n\r\n [actions.updateInactive.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {members, inactiveMembers},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...reduce(\r\n {...members, ...inactiveMembers},\r\n (acc, values, id) => ({\r\n ...acc,\r\n [id]: {\r\n ...state.entities[id],\r\n ...omit(values, [\r\n 'type',\r\n 'groupIds',\r\n 'memberId',\r\n 'memberType',\r\n 'requestTypeId',\r\n 'requestType',\r\n 'memberSince',\r\n 'emailLastSent',\r\n 'parents',\r\n 'children',\r\n ]),\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n }),\r\n\r\n [actions.fetchRelations.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n result,\r\n entities: {members},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [result]: {\r\n ...state.entities[result],\r\n ...pick(members[result], ['groupIds', 'parents', 'children', 'canReceiveInvitationMail', 'relations']),\r\n },\r\n },\r\n }),\r\n\r\n\r\n [actions.upload.complete]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {members},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...members,\r\n },\r\n import: {},\r\n }),\r\n\r\n [actions.upload.requested]: (state) => ({\r\n ...state,\r\n isFetching: true,\r\n }),\r\n\r\n [actions.upload.failed]: (state) => ({\r\n ...state,\r\n isFetching: false,\r\n import: {},\r\n }),\r\n\r\n [actions.upload.succeeded]: (state, action) => ({\r\n ...state,\r\n isFetching: false,\r\n import: action.payload.entities.importMembers,\r\n importRoles: action.payload.entities.importRoles,\r\n importGroups: action.payload.entities.importGroups,\r\n }),\r\n\r\n [actions.upload.clear]: (state) => ({\r\n ...state,\r\n import: {},\r\n importRoles: {},\r\n importGroups: {},\r\n importExisting: [],\r\n }),\r\n\r\n [actions.upload.remove]: (state, {payload: id}) => ({\r\n ...state,\r\n import: omit(state.import, id),\r\n }),\r\n\r\n [actions.bulk.add]: (state, action) => ({\r\n ...state,\r\n bulk: [...state.bulk, ...action.payload],\r\n }),\r\n\r\n [actions.bulk.remove]: (state, {payload}) => ({\r\n ...state,\r\n bulk: state.bulk.filter((id) => !includes(payload, id)),\r\n }),\r\n\r\n [actions.bulk.reset]: (state) => ({\r\n ...state,\r\n bulk: [],\r\n }),\r\n\r\n [actions.setSortDirection]: (state, action) => ({\r\n ...state,\r\n sort: {\r\n ...state.sort,\r\n direction: action.payload,\r\n },\r\n }),\r\n\r\n [actions.setSortKey]: (state, action) => ({\r\n ...state,\r\n sort: {\r\n ...state.sort,\r\n key: action.payload,\r\n },\r\n }),\r\n\r\n [actions.remove.succeeded]: (state, {payload: {members}}) => ({\r\n ...state,\r\n entities: omit(state.entities, members),\r\n }),\r\n\r\n [actions.updateType.succeeded]: (\r\n state,\r\n {payload: {id, type, memberId}}\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n type: type ? type : state.entities[id].type,\r\n memberId: memberId ? memberId : state.entities[id].memberId,\r\n },\r\n },\r\n }),\r\n\r\n [actions.accept.succeeded]: (state, {payload: id}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n requestTypeId: 2,\r\n },\r\n },\r\n }),\r\n\r\n [actions.reject.succeeded]: (state, {payload: id}) => ({\r\n ...state,\r\n entities: omit(state.entities, id),\r\n }),\r\n\r\n [actions.upload.changeColumn]: (state, {payload: {from, to}}) => ({\r\n ...state,\r\n importColumns: state.importColumns.map((column) =>\r\n column.id === from\r\n ? columnsById[to]\r\n : column.id === to\r\n ? columnsById[from]\r\n : column\r\n ),\r\n }),\r\n\r\n [sendInvitationEmails.succeeded]: (state, {payload: memberIds}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...memberIds.reduce(\r\n (acc, memberId) => ({\r\n ...acc,\r\n [memberId]: {\r\n ...state.entities[memberId],\r\n emailSent: true,\r\n emailLastSent: new Date(),\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n }),\r\n\r\n [actions.upload.mapRoles]: (state, {payload: importRoles}) => ({\r\n ...state,\r\n importRoles,\r\n }),\r\n\r\n [actions.upload.mapGroups]: (state, {payload: importGroups}) => ({\r\n ...state,\r\n importGroups: entries(importGroups).reduce(\r\n (acc, [key, group]) =>\r\n group === 'skip'\r\n ? acc\r\n : {\r\n ...acc,\r\n [key]: {...state.importGroups[key], userGroupId: group},\r\n },\r\n {}\r\n ),\r\n }),\r\n\r\n [actions.upload.mapExisting]: (state, {payload: importExisting}) => ({\r\n ...state,\r\n importExisting,\r\n }),\r\n\r\n [actions.addImportsToGroup.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {members},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n inactive: {\r\n ...state.inactive,\r\n ...members,\r\n },\r\n }),\r\n\r\n [actions.updateImport.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {members},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n inactive: {\r\n ...state.inactive,\r\n ...members,\r\n },\r\n }),\r\n\r\n [moveMembers.succeeded]: (\r\n state,\r\n {payload: {from, to, members, inactive}}\r\n ) =>\r\n inactive\r\n ? {\r\n ...state,\r\n inactive: members.reduce(\r\n (acc, member) => ({\r\n ...acc,\r\n [member]: {\r\n ...state.inactive[member],\r\n groups: [\r\n ...get(state, `inactive[${member}].groups`, []).filter(\r\n (group) => `${group.id}` !== `${from}`\r\n ),\r\n ...to.map((id) => ({id: parseInt(id)})),\r\n ],\r\n },\r\n }),\r\n state.inactive\r\n ),\r\n }\r\n : state,\r\n\r\n [addMembersToGroups.succeeded]: (\r\n state,\r\n {payload: {groups, active, inactive, leader}}\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...active.reduce(\r\n (acc, member) => ({\r\n ...acc,\r\n [member]: {\r\n ...state.entities[member],\r\n groupIds: uniq(\r\n [\r\n ...get(state, `entities[${member}].groupIds`, []),\r\n ...groups,\r\n ].map((id) => parseInt(id, 10))\r\n ),\r\n },\r\n }),\r\n {}\r\n ),\r\n ...inactive.reduce(\r\n (acc, member) => ({\r\n ...acc,\r\n [member]: {\r\n ...state.entities[member],\r\n groups: [\r\n ...state.entities[member].groups,\r\n ...groups.map((id) => ({id, isLeader: leader})),\r\n ],\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n }),\r\n\r\n [removeMembersFromGroups.succeeded]: (\r\n state,\r\n {payload: {groups, inactive, active}}\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...active.reduce(\r\n (acc, member) => ({\r\n ...acc,\r\n [member]: {\r\n ...state.entities[member],\r\n groupIds: (state.entities[member].groupIds || []).filter(\r\n (id) => !includes(groups, id.toString())\r\n ),\r\n },\r\n }),\r\n {}\r\n ),\r\n ...inactive.reduce(\r\n (acc, member) => ({\r\n ...acc,\r\n [member]: {\r\n ...state.entities[member],\r\n groups: state.entities[member].groups.filter(\r\n ({id}) => !includes(groups, id.toString())\r\n ),\r\n },\r\n }),\r\n {}\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 \r\n },\r\n \r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {handleActions, combineActions} from 'redux-actions'\r\nimport {omit, uniq, includes, values} from 'lodash'\r\nimport {addToGroups} from 'members/actions'\r\nimport * as actions from './actions'\r\n\r\n\r\n//TODO: Refactore handeling deleting of subgroups, should be handled in the API.\r\nconst removeGroupsRecursive = (groups, ids) => {\r\n if (ids.length === 0) {\r\n return groups\r\n }\r\n\r\n const subGroupIds = values(groups)\r\n .filter(({parentUserGroupId}) => includes(ids, parentUserGroupId))\r\n .map(({id}) => id)\r\n\r\n return removeGroupsRecursive(omit(groups, ids), subGroupIds)\r\n}\r\n\r\n\r\nexport const initialState = {\r\n entities: {},\r\n selectedGroup: null,\r\n add: [],\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.succeeded]: (state, action) => ({\r\n ...state,\r\n isFetching: false,\r\n entities: action.payload.entities.groups || {},\r\n }),\r\n\r\n [actions.selectGroup]: (state, action) => ({\r\n ...state,\r\n selectedGroup: action.payload,\r\n }),\r\n\r\n [actions.addMember]: (state, action) => ({\r\n ...state,\r\n add: [...state.add, action.payload],\r\n }),\r\n\r\n [actions.create.succeeded]: (state, action) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...action.payload.entities.groups,\r\n },\r\n }),\r\n\r\n [actions.remove.succeeded]: (state, {payload: id}) => ({\r\n ...state,\r\n entities: removeGroupsRecursive(state.entities, [id]),\r\n }),\r\n\r\n [actions.addMembers.succeeded]: (state, {payload: {group, members}}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [group]: {\r\n ...state.entities[group],\r\n users: uniq([...state.entities[group].users, ...members]),\r\n },\r\n },\r\n }),\r\n\r\n [actions.edit.succeeded]: (state, {payload: {id, title, maxUsers}}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n title,\r\n maxUsers, \r\n },\r\n },\r\n }),\r\n\r\n [actions.removeMembers.succeeded]: (state, {payload: {id, memberIds}}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n users: state.entities[id].users.filter(\r\n (user) => !includes(memberIds, user)\r\n ),\r\n rawUsers: state.entities[id].rawUsers.filter(\r\n ({userId}) => !includes(memberIds, userId)\r\n ),\r\n },\r\n },\r\n }),\r\n\r\n [actions.moveMembers.succeeded]: (\r\n state,\r\n {payload: {from, to, members, inactive}}\r\n ) =>\r\n inactive\r\n ? state\r\n : {\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [from]: {\r\n ...state.entities[from],\r\n users: state.entities[from].users.filter(\r\n (user) => !includes(members, user)\r\n ),\r\n },\r\n [to]: {\r\n ...state.entities[to],\r\n users: uniq([...state.entities[to].users, ...members]),\r\n },\r\n },\r\n },\r\n\r\n [addToGroups.succeeded]: (state, {payload: {memberId, groups}}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...groups.reduce(\r\n (acc, group) => ({\r\n ...acc,\r\n [group]: {\r\n ...state.entities[group],\r\n users: [...state.entities[group].users, memberId],\r\n rawUsers: state.entities[group].rawUsers.map((member) =>\r\n member.userId === memberId\r\n ? {\r\n ...member,\r\n userGroupMemberType: 1,\r\n }\r\n : member\r\n ),\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n }),\r\n\r\n [actions.addMembersToGroups.succeeded]: (\r\n state,\r\n {payload: {groups, active}}\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...groups.reduce(\r\n (acc, group) => ({\r\n ...acc,\r\n [group]: {\r\n ...state.entities[group],\r\n users: [...state.entities[group].users, ...active].map((id) =>\r\n parseInt(id, 10)\r\n ),\r\n rawUsers: state.entities[group].rawUsers.map((user) => {\r\n if (\r\n includes(\r\n active.map((id) => `${id}`),\r\n `${user.userId}`\r\n )\r\n ) {\r\n return {...user, userGroupMemberType: 1}\r\n } else {\r\n return user\r\n }\r\n }),\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n }),\r\n\r\n [actions.removeMembersFromGroups.succeeded]: (\r\n state,\r\n {payload: {groups, active}}\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...groups.reduce(\r\n (acc, group) => ({\r\n ...acc,\r\n [group]: {\r\n ...state.entities[group],\r\n rawUsers: state.entities[group].rawUsers.filter(\r\n ({userId}) =>\r\n !includes(\r\n active.map((id) => `${id}`),\r\n `${userId}`\r\n )\r\n ),\r\n users: state.entities[group].users.filter(\r\n (member) => !includes(active, `${member}`)\r\n ),\r\n leaders: state.entities[group].leaders.filter(\r\n (member) => !includes(active, `${member}`)\r\n ),\r\n },\r\n }),\r\n {}\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 {handleActions} from 'redux-actions'\r\nimport get from 'lodash/get'\r\nimport omit from 'lodash/omit'\r\nimport {fetch as fetchClubs} from 'clubs/actions'\r\nimport * as actions from './actions'\r\n\r\nconst initialState = {\r\n isFetching: false,\r\n entities: {},\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [fetchClubs.succeeded]: (state, action) => ({\r\n ...state,\r\n entities: get(action, 'payload.entities.links', {}),\r\n }),\r\n\r\n [actions.create.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {links},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...links,\r\n },\r\n }),\r\n\r\n [actions.deactivate.succeeded]: (state, {payload: id}) => ({\r\n ...state,\r\n entities: omit(state.entities, id),\r\n }),\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {handleActions} from 'redux-actions'\r\nimport {omit, omitBy, size, get, filter} from 'lodash'\r\nimport {getHours, setHours, getMinutes, setMinutes} from 'date-fns'\r\nimport * as actions from './actions'\r\n\r\nexport const initialState = {\r\n isFetching: false,\r\n entities: {},\r\n archivedEntities: {},\r\n import: {},\r\n totalCount: null,\r\n offset: 0,\r\n isExhausted: false,\r\n archivedOffset: 0,\r\n archivedIsExhausted: false,\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.failed]: (state) => ({\r\n ...state,\r\n isFetching: false,\r\n }),\r\n\r\n [actions.fetch.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n archived,\r\n entities: {activities},\r\n totalCount,\r\n },\r\n }\r\n ) => {\r\n \r\n return ({\r\n ...state,\r\n isFetching: false,\r\n totalCount: archived ? state.totalCount : totalCount,\r\n [archived ? 'archivedEntities' : 'entities']: {\r\n ...state[archived ? 'archivedEntities' : 'entities'],\r\n ...activities,\r\n \r\n },\r\n [archived ? 'archivedOffset' : 'offset']:\r\n state[archived ? 'archivedOffset' : 'offset'] + size(activities),\r\n [archived ? 'archivedIsExhausted' : 'isExhausted']:\r\n size(activities) === 0,\r\n })},\r\n\r\n [actions.reset]: () => initialState,\r\n\r\n [actions.upload.complete]: (state, action) => ({\r\n ...state,\r\n isFetching: false,\r\n entities: {\r\n ...state.entities,\r\n ...(action.payload.entities ? action.payload.entities.activities : {}),\r\n },\r\n }),\r\n\r\n [actions.create.succeeded]: (state, action) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...action.payload.entities.activities,\r\n },\r\n }),\r\n\r\n [actions.imagesUploadSucceeded]: (state, {payload: {id, paths}}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n images: [\r\n ...(state.entities[id].images ? state.entities[id].images : []),\r\n ...paths,\r\n ],\r\n },\r\n },\r\n }),\r\n\r\n [actions.remove.succeeded]: (\r\n state,\r\n {payload: {id, removeAll, archived}}\r\n ) => {\r\n const key = archived ? 'archivedEntities' : 'entities'\r\n const entities = state[key]\r\n const recurringId = entities[id].recurringGuid\r\n\r\n return {\r\n ...state,\r\n [key]:\r\n removeAll && recurringId\r\n ? omitBy(entities, (entity) => entity.recurringGuid === recurringId)\r\n : omit(entities, id),\r\n }\r\n },\r\n\r\n [actions.edit.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {activities},\r\n result,\r\n },\r\n meta: {recurring},\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...activities,\r\n ...(recurring\r\n ? filter(\r\n state.entities,\r\n ({recurringGuid}) =>\r\n recurringGuid === activities[result].recurringGuid\r\n ).reduce(\r\n (acc, entity) => ({\r\n ...acc,\r\n [entity.id]: {\r\n ...entity,\r\n ...omit(activities[result], ['id']),\r\n start: setHours(\r\n setMinutes(\r\n entity.start,\r\n getMinutes(activities[result].start)\r\n ),\r\n getHours(activities[result].start)\r\n ),\r\n end: setHours(\r\n setMinutes(entity.end, getMinutes(activities[result].end)),\r\n getHours(activities[result].end)\r\n ),\r\n },\r\n }),\r\n {}\r\n )\r\n : {}),\r\n },\r\n }),\r\n\r\n [actions.addComment.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n id,\r\n comments: {result},\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 comments: result,\r\n },\r\n },\r\n }),\r\n\r\n [actions.upload.requested]: (state) => ({\r\n ...state,\r\n isFetching: true,\r\n }),\r\n\r\n [actions.upload.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {importActivities},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n isFetching: false,\r\n import: importActivities,\r\n }),\r\n\r\n [actions.upload.changeType]: (state, {payload: {id, type}}) => ({\r\n ...state,\r\n import: {\r\n ...state.import,\r\n [id]: {\r\n ...state.import[id],\r\n type,\r\n },\r\n },\r\n }),\r\n\r\n [actions.fetchGroups.succeeded]: (state, {payload: {result, id}}) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n groups: result,\r\n },\r\n },\r\n }),\r\n\r\n [actions.inviteParticipantsSucceeded]: (\r\n state,\r\n {payload: {id, participants}}\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n [id]: {\r\n ...state.entities[id],\r\n users: participants[0] === null ? [...get(state, `entities[${id}].users`, [])] : [...get(state, `entities[${id}].users`, []), ...participants],\r\n },\r\n },\r\n }),\r\n\r\n [actions.fetchStatistics.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n id,\r\n archived,\r\n activityCount,\r\n participatingCount,\r\n participationPercentage,\r\n },\r\n }\r\n ) => {\r\n const key = archived ? 'archivedEntities' : 'entities'\r\n return {\r\n ...state,\r\n [key]: {\r\n ...state[key],\r\n [id]: {\r\n ...state[key][id],\r\n invitedCount: activityCount,\r\n participatingCount,\r\n participationPercentage,\r\n },\r\n },\r\n }\r\n },\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {handleActions} from 'redux-actions'\r\nimport {fetch as fetchActivities, addComment} from 'activities/actions'\r\n\r\nconst initialState = {\r\n entities: {},\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [fetchActivities.succeeded]: (state, {payload}) => ({\r\n entities: payload.entities ? payload.entities.comments : {},\r\n }),\r\n\r\n [addComment.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n comments: {\r\n entities: {comments},\r\n },\r\n },\r\n }\r\n ) => ({\r\n entities: {\r\n ...state.entities,\r\n ...comments,\r\n },\r\n }),\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {call, select, put, takeEvery} from 'redux-saga/effects'\r\nimport {getActive} from 'clubs/selectors'\r\nimport {getUserLinks} from './selectors'\r\nimport * as actions from './actions'\r\nimport {apiRequest} from 'app/sagas'\r\n\r\nfunction* watchCreateLink() {\r\n yield takeEvery(actions.create.requested, createLink)\r\n}\r\n\r\nfunction* createLink({\r\n payload: {clubId, groupId}\r\n}) {\r\n const club = yield select(getActive)\r\n try {\r\n const response = yield call(apiRequest, `/web/clubcreatelink/${clubId}`, {\r\n method: 'post',\r\n body: {\r\n groupIds: groupId === \"all\" ? [] : [parseInt(groupId)]\r\n }\r\n })\r\n\r\n yield put(actions.create.succeeded(response))\r\n } catch (error) {\r\n yield put(actions.create.failed())\r\n }\r\n}\r\n\r\nfunction* watchDeactivate() {\r\n yield takeEvery(actions.deactivate.requested, deactivate)\r\n}\r\n\r\nfunction* deactivate(action) {\r\n const {payload: id} = action\r\n const club = yield select(getActive)\r\n\r\n try {\r\n yield call(apiRequest, `/clubs/${club.id}/links/${id}`, {\r\n method: 'delete',\r\n version: 'v3',\r\n })\r\n\r\n yield put(actions.deactivate.succeeded(id))\r\n\r\n const userLinks = yield select(getUserLinks)\r\n\r\n if (userLinks.length === 0) {\r\n yield put(actions.create.requested())\r\n }\r\n } catch (error) {\r\n yield put(actions.deactivate.failed(error))\r\n }\r\n}\r\n\r\nexport default [watchCreateLink, watchDeactivate]\r\n","import {all, takeEvery, take, select, call, put} from 'redux-saga/effects'\r\nimport {parse, differenceInCalendarDays} from 'date-fns'\r\nimport {includes, flattenDeep} from 'lodash'\r\nimport {apiRequest, api} from 'app/sagas'\r\nimport qs from 'qs'\r\nimport * as actions from './actions'\r\nimport imageToBase64 from 'lib/imageToBase64'\r\nimport {\r\n getImportAcitivitesArray,\r\n getOffset,\r\n getArchivedOffset,\r\n} from './selectors'\r\nimport {getActive, setActive, fetch as fetchClubs} from 'clubs'\r\nimport {byId as recurringOptions} from 'activities/components/NewActivityForm/recurringOptions'\r\n\r\nconst twoDigits = (n) => (n < 10 ? `0${n}` : n)\r\n\r\nconst toUTC = (date) =>\r\n `${date.getUTCFullYear()}-${twoDigits(date.getUTCMonth() + 1)}-${twoDigits(\r\n date.getUTCDate()\r\n )}T${twoDigits(date.getUTCHours())}:${twoDigits(date.getUTCMinutes())}`\r\n\r\nfunction updateQueryStringParameter(uri, key, value) {\r\n var re = new RegExp(\"([?&])\" + key + \"=.*?(&|$)\", \"i\");\r\n var separator = uri.indexOf('?') !== -1 ? \"&\" : \"?\";\r\n if (uri.match(re)) {\r\n return uri.replace(re, '$1' + key + \"=\" + value + '$2');\r\n }\r\n else {\r\n return uri + separator + key + \"=\" + value;\r\n }\r\n}\r\n\r\nexport function* watchFetchActivities() {\r\n yield takeEvery(actions.fetch.requested, fetchActivities)\r\n}\r\n\r\nfunction* fetchActivities({payload: {limit, archived, all: fetchAll}}) {\r\n if (!(yield select(getActive))) {\r\n yield all([put(fetchClubs.requested()), take(setActive)])\r\n }\r\n\r\n const {\r\n club: {id},\r\n offset,\r\n } = yield all({\r\n club: select(getActive),\r\n offset: select(archived ? getArchivedOffset : getOffset),\r\n })\r\n\r\n try {\r\n const {activities, totalCount} = yield call(\r\n apiRequest,\r\n `/web/activityoverview/${id}/${archived ? 'archived' : ''}${\r\n fetchAll ? '' : `?limit=${limit}&offset=${offset}`\r\n }`\r\n )\r\n\r\n yield put(actions.fetch.succeeded({archived, activities, totalCount}))\r\n } catch (error) {\r\n yield put(actions.fetch.failed(error))\r\n }\r\n}\r\n\r\nfunction* watchCreate() {\r\n yield takeEvery(actions.create.requested, create)\r\n}\r\n\r\nfunction* create({\r\n payload: {\r\n start,\r\n end,\r\n deadline,\r\n recurring,\r\n recurringUntill,\r\n participants: {members, groups},\r\n commentsEnabled,\r\n participantsVisible,\r\n forcedParticipation,\r\n coverImage,\r\n images,\r\n copyFrom,\r\n amount,\r\n title,\r\n responsibleUserId,\r\n coHostIds,\r\n sendNotification,\r\n sharedToPublicCalendar,\r\n kevinPaymentDisabled,\r\n ...values\r\n },\r\n meta: {resolve, reject},\r\n}) {\r\n const {id: clubId} = yield select(getActive)\r\n\r\n try {\r\n const base64HeaderImage = yield call(imageToBase64, coverImage)\r\n const response = yield call(apiRequest, '/activities/create', {\r\n method: 'post',\r\n version: 'v3',\r\n body: {\r\n ...values,\r\n ...(recurringOptions[recurring]\r\n ? {\r\n recurringEvery: recurringOptions[recurring].value,\r\n recurringTimes:\r\n Math.floor(\r\n differenceInCalendarDays(recurringUntill, start) /\r\n recurringOptions[recurring].numberOfDays\r\n ) + 1,\r\n }\r\n : {}),\r\n clubId,\r\n title,\r\n responsibleUserId,\r\n coHostIds,\r\n commentsDisabled: !commentsEnabled,\r\n participantListHidden: !participantsVisible,\r\n start: toUTC(parse(start)),\r\n end: end ? toUTC(parse(end)) : undefined,\r\n deadline: deadline ? toUTC(parse(deadline)) : undefined,\r\n copyFromId: copyFrom,\r\n coverImageBase64String: base64HeaderImage,\r\n amount,\r\n kevinPaymentDisabled,\r\n sharedToPublicCalendar\r\n },\r\n })\r\n\r\n const {\r\n payload: {\r\n entities: {activities},\r\n result,\r\n },\r\n } = yield put(actions.create.succeeded(response))\r\n\r\n if (images && images.length > 0 && !copyFrom) {\r\n yield call(uploadImages, activities[result].id, images)\r\n }\r\n\r\n if (Array.isArray(members)) {\r\n yield call(\r\n inviteMembers,\r\n activities[result].id,\r\n [responsibleUserId, ...members],\r\n !amount && forcedParticipation,\r\n sendNotification\r\n )\r\n }\r\n\r\n if (groups && groups.length > 0) {\r\n yield call(\r\n inviteGroups,\r\n activities[result].id,\r\n groups,\r\n !amount && forcedParticipation,\r\n sendNotification\r\n )\r\n }\r\n\r\n yield call(resolve)\r\n yield put(actions.fetch.requested({all: true}))\r\n } catch (error) {\r\n yield put(actions.create.failed(error))\r\n yield call(reject)\r\n }\r\n}\r\n\r\nfunction* uploadImages(activityId, files) {\r\n const formData = new FormData()\r\n yield all(\r\n files.map((file, i) =>{\r\n return call([formData, 'append'], `image${i}`, file, file.name)\r\n }\r\n )\r\n )\r\n\r\n const response = yield call(\r\n apiRequest,\r\n `/web/newactivityimages/${activityId}`,\r\n {\r\n method: 'post',\r\n body: formData,\r\n }\r\n )\r\n\r\n const paths = yield call([response, 'map'], (image) => image.url)\r\n\r\n yield put(actions.imagesUploadSucceeded({id: activityId, paths}))\r\n}\r\n\r\nfunction* inviteMembers(\r\n activityId,\r\n participants,\r\n forcedParticipation = false,\r\n sendNotification = true\r\n) {\r\n const urlParams = qs.stringify(\r\n {forceattending: forcedParticipation, sendNotification},\r\n {addQueryPrefix: true}\r\n )\r\n\r\n const response = yield call(\r\n apiRequest,\r\n `/web/activityinviteusers/${activityId}${urlParams}`,\r\n {\r\n method: 'post',\r\n body: {\r\n '': participants.map((id) =>\r\n `${id}`.charAt(0) === 'i' ? id.slice(1) : id\r\n ),\r\n \"tasks\": \"\"\r\n },\r\n }\r\n )\r\n\r\n yield put(\r\n actions.inviteParticipantsSucceeded({\r\n id: activityId,\r\n participants: response || [],\r\n })\r\n )\r\n}\r\n\r\nexport function* inviteGroups(activityId, groups, forcedParticipation = false, sendNotification = true) {\r\n let url = `/web/activityinvitegroups/${activityId}`;\r\n\r\n if (forcedParticipation) {\r\n url = updateQueryStringParameter(url, 'forceattending', 'true')\r\n } else {\r\n url = updateQueryStringParameter(url, 'forceattending', 'false')\r\n }\r\n \r\n if (sendNotification) {\r\n url = updateQueryStringParameter(url, 'sendNotification', 'true')\r\n } else {\r\n url = updateQueryStringParameter(url, 'sendNotification', 'false')\r\n }\r\n \r\n const response = yield call(\r\n apiRequest,\r\n url,\r\n {\r\n method: 'post',\r\n body: {\r\n '': groups,\r\n },\r\n }\r\n )\r\n\r\n const participants = flattenDeep(response.map((group) => group.users))\r\n\r\n yield put(actions.inviteParticipantsSucceeded({id: activityId, participants}))\r\n}\r\n\r\nfunction* watchRemove() {\r\n yield takeEvery(actions.remove.requested, remove)\r\n}\r\n\r\nfunction* remove({\r\n payload: {id, removeAll, message, archived},\r\n meta: {resolve, reject},\r\n}) {\r\n const club = yield select(getActive)\r\n\r\n try {\r\n yield call(\r\n apiRequest,\r\n `/web/activityremove/${club.id}${message ? `?message=${message}` : ''}`,\r\n {\r\n method: 'post',\r\n body: {\r\n activityId: id,\r\n recurring: removeAll,\r\n },\r\n }\r\n )\r\n\r\n yield put(actions.remove.succeeded({id, removeAll, archived}))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.remove.failed(error))\r\n yield call(reject, error.message)\r\n }\r\n}\r\n\r\nexport function* editActivity() {\r\n while (true) {\r\n const {\r\n payload: {\r\n id,\r\n title,\r\n start,\r\n end,\r\n type,\r\n description,\r\n limit,\r\n reminder,\r\n deadline,\r\n allDay,\r\n participantsVisible,\r\n commentsEnabled,\r\n secretDescription,\r\n isPublic,\r\n coverImage,\r\n images,\r\n participants,\r\n prevParticipants,\r\n editAll,\r\n location,\r\n responsibleUserId,\r\n visibility,\r\n twoDaysReminder,\r\n coHostIds,\r\n sendNotification,\r\n sharedToPublicCalendar\r\n },\r\n meta: {resolve, reject},\r\n } = yield take(actions.edit.requested)\r\n\r\n const {id: clubId} = yield select(getActive)\r\n\r\n try {\r\n const base64HeaderImage = yield call(imageToBase64, coverImage)\r\n const response = yield call(apiRequest, '/activities/update', {\r\n version: 'v3',\r\n method: 'post',\r\n body: {\r\n clubId,\r\n activityId: id,\r\n title,\r\n type,\r\n description,\r\n limit,\r\n reminder,\r\n allDay,\r\n commentsDisabled: !commentsEnabled,\r\n participantListHidden: !participantsVisible,\r\n secretDescription,\r\n isPublic,\r\n location,\r\n start: toUTC(parse(start)),\r\n end: end ? toUTC(parse(end)) : undefined,\r\n deadline: deadline ? toUTC(parse(deadline)) : undefined,\r\n recurring: editAll,\r\n responsibleUserId,\r\n coverImageBase64String: base64HeaderImage,\r\n coverImage: !base64HeaderImage ? coverImage : undefined,\r\n visibility,\r\n twoDaysReminder,\r\n coHostIds,\r\n sendNotification,\r\n sharedToPublicCalendar\r\n },\r\n })\r\n\r\n yield put(\r\n actions.edit.succeeded({id, values: response, recurring: editAll})\r\n )\r\n\r\n const newImages = yield call(\r\n [images, 'filter'],\r\n (image) => image instanceof File\r\n )\r\n\r\n if (newImages && newImages.length > 0) {\r\n yield call(uploadImages, id, newImages)\r\n }\r\n\r\n const membersWithResponsible = [\r\n ...participants.members,\r\n responsibleUserId,\r\n ]\r\n\r\n // Remove members\r\n const membersToRemove = prevParticipants.members.filter(\r\n (prevParticipant) => !includes(membersWithResponsible, prevParticipant)\r\n )\r\n\r\n if (membersToRemove.length > 0) {\r\n yield call(\r\n deleteMembers,\r\n id,\r\n membersToRemove.map((member) => ({userId: member})),\r\n sendNotification\r\n )\r\n }\r\n\r\n // Invite new members\r\n const membersToInvite = membersWithResponsible.filter(\r\n (participant) => !includes(prevParticipants.members, participant)\r\n )\r\n\r\n if (membersToInvite.length > 0) {\r\n yield call(\r\n inviteMembers,\r\n id,\r\n membersToInvite,\r\n undefined,\r\n sendNotification\r\n )\r\n }\r\n\r\n // Remove groups\r\n const groupsToRemove = prevParticipants.groups.filter(\r\n (prevGroup) => !includes(participants.groups, prevGroup)\r\n )\r\n\r\n if (groupsToRemove.length > 0) {\r\n yield call(\r\n deleteGroups,\r\n id,\r\n groupsToRemove.map((group) => ({userGroupId: group})),\r\n sendNotification\r\n )\r\n }\r\n\r\n // Invite groups\r\n const groupsToInvite = participants.groups.filter(\r\n (group) => !includes(prevParticipants.groups, group)\r\n )\r\n\r\n if (groupsToInvite.length > 0) {\r\n yield call(inviteGroups, id, groupsToInvite, false, sendNotification)\r\n }\r\n\r\n yield put(actions.fetch.requested({all: true}))\r\n\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.edit.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nfunction* deleteMembers(id, members, sendNotification = true) {\r\n\r\n const urlParams = qs.stringify(\r\n {forceattending: sendNotification},\r\n {addQueryPrefix: true}\r\n )\r\n\r\n yield call(apiRequest, `/activities/${id}/participants${urlParams}`, {\r\n version: 'v3',\r\n method: 'delete',\r\n body: {\r\n '': members,\r\n },\r\n })\r\n}\r\n\r\nfunction* deleteGroups(id, groups, sendNotification = true) {\r\n const urlParams = qs.stringify(\r\n {forceattending: sendNotification},\r\n {addQueryPrefix: true}\r\n )\r\n\r\n yield call(apiRequest, `/activities/${id}/groups${urlParams}`, {\r\n version: 'v3',\r\n method: 'delete',\r\n body: {\r\n '': groups,\r\n },\r\n })\r\n}\r\n\r\nexport function* importFlow() {\r\n while (true) {\r\n const {\r\n payload: file,\r\n meta: {resolve},\r\n } = yield take(actions.upload.requested)\r\n\r\n const activities = yield call(uploadFile, file)\r\n\r\n yield put(actions.upload.succeeded(activities))\r\n yield call(resolve)\r\n\r\n yield call(importActivities)\r\n }\r\n}\r\n\r\nfunction* importActivities() {\r\n const {id} = yield select(getActive)\r\n const activities = yield select(getImportAcitivitesArray)\r\n\r\n const {\r\n meta: {resolve, reject},\r\n } = yield take(actions.upload.confirm)\r\n\r\n try {\r\n const response = yield call(apiRequest, `/web/activityimport/${id}`, {\r\n method: 'post',\r\n body: {\r\n '': activities,\r\n },\r\n })\r\n\r\n yield put(actions.upload.complete(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield call(reject)\r\n }\r\n}\r\n\r\nfunction* uploadFile(file) {\r\n const {id} = yield select(getActive)\r\n\r\n const formData = new FormData()\r\n yield call([formData, 'append'], 'kampprogram', file)\r\n\r\n const response = yield call(apiRequest, `/web/activityparseexceldbu/${id}`, {\r\n method: 'post',\r\n body: formData,\r\n })\r\n\r\n return response\r\n}\r\n\r\nexport function* addComment() {\r\n while (true) {\r\n const {\r\n payload: {id, comment},\r\n meta: {resolve, reject},\r\n } = yield take(actions.addComment.requested)\r\n\r\n try {\r\n const formData = new FormData()\r\n formData.append('Comment', comment)\r\n const response = yield call(apiRequest, `/web/activitycomment/${id}`, {\r\n method: 'post',\r\n body: formData,\r\n })\r\n yield put(actions.addComment.succeeded({id, comments: response}))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.addComment.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nexport function* removeHeaderImage() {\r\n while (true) {\r\n const {\r\n payload: {id, url},\r\n } = yield take(actions.removeImage.requested)\r\n\r\n try {\r\n yield call(apiRequest, `/web/activityimagedelete/${id}`, {\r\n method: 'post',\r\n body: {\r\n url,\r\n },\r\n })\r\n\r\n yield put(actions.removeImage.succeeded({id, url}))\r\n } catch (error) {\r\n yield put(actions.removeImage.failed())\r\n }\r\n }\r\n}\r\n\r\nexport function* removeImage() {\r\n while (true) {\r\n const {\r\n payload: {id, url},\r\n } = yield take(actions.removeImage.requested)\r\n\r\n try {\r\n yield call(apiRequest, `/web/activityimagedelete/${id}`, {\r\n method: 'post',\r\n body: {\r\n url,\r\n },\r\n })\r\n\r\n yield put(actions.removeImage.succeeded({id, url}))\r\n } catch (error) {\r\n yield put(actions.removeImage.failed())\r\n }\r\n }\r\n}\r\n\r\nexport function* watchFetchGroups() {\r\n yield takeEvery(actions.fetchGroups.requested, fetchGroups)\r\n}\r\n\r\nfunction* fetchGroups(action) {\r\n const {payload: id} = action\r\n\r\n try {\r\n const response = yield call(apiRequest, `/activities/${id}/groups`, {\r\n version: 'v3',\r\n })\r\n\r\n yield put(actions.fetchGroups.succeeded({id, response}))\r\n } catch (error) {}\r\n}\r\n\r\nfunction* watchFetchStatistics() {\r\n yield takeEvery(actions.fetchStatistics.requested, fetchStatistics)\r\n}\r\n\r\nfunction* fetchStatistics({payload: {id, archived}, meta: {resolve, reject}}) {\r\n try {\r\n const response = yield call(api, `/statistics/activities/${id}`, {\r\n version: null,\r\n })\r\n\r\n yield put(actions.fetchStatistics.succeeded({id, archived, ...response}))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.fetchStatistics.failed(error.message))\r\n yield call(reject)\r\n }\r\n}\r\n\r\nexport default [\r\n watchFetchActivities,\r\n watchCreate,\r\n watchRemove,\r\n importFlow,\r\n editActivity,\r\n addComment,\r\n removeImage,\r\n watchFetchGroups,\r\n watchFetchStatistics,\r\n]\r\n","import {take, race, all, call, select, put, takeEvery} from 'redux-saga/effects'\r\nimport qs from 'qs'\r\nimport {noop, isEmpty, entries, flatten, omit} from 'lodash'\r\nimport {apiRequest, api} from 'app/sagas'\r\nimport * as actions from './actions'\r\nimport {\r\n fetch as fetchGroups,\r\n addMembersToGroups,\r\n removeMembersFromGroups,\r\n} from 'groups/actions'\r\nimport {\r\n getImportMembersArray,\r\n getImportExisting,\r\n getImportRoles,\r\n getImportGroupsArray,\r\n} from './selectors'\r\nimport {getActive} from 'clubs/selectors'\r\nimport {fetch as fetchClubs, setActive} from 'clubs'\r\n\r\nfunction* watchFetchMembers() {\r\n yield takeEvery(actions.fetch.requested, fetchMembers)\r\n}\r\n\r\nfunction* fetchMembers() {\r\n if (!(yield select(getActive))) {\r\n yield all([put(fetchClubs.requested()), take(setActive)])\r\n }\r\n\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n const {members, inactive} = yield all({\r\n members: yield call(api, `/web/memberoverview/${id}`),\r\n inactive: yield call(api, `/web/importoverview/${id}`),\r\n })\r\n\r\n yield put(actions.fetch.succeeded({members, inactive}))\r\n } catch (error) {\r\n yield put(actions.fetch.failed(error))\r\n }\r\n}\r\n\r\nfunction* watchUpdate() {\r\n yield takeEvery(actions.update.requested, update)\r\n}\r\n\r\nexport function* update({\r\n payload: {id, addGroups, removeGroups, ...values},\r\n meta: {resolve = noop, reject = noop},\r\n}) {\r\n const club = yield select(getActive)\r\n\r\n try {\r\n if (id.toString().charAt(0) !== 'i') {\r\n const response = yield call(\r\n apiRequest,\r\n `/clubs/${club.id}/members/${id}`,\r\n {\r\n method: 'patch',\r\n version: 'v3',\r\n body: {\r\n userId: id,\r\n ...values,\r\n },\r\n }\r\n )\r\n \r\n yield put(\r\n actions.update.succeeded(omit(response, ['groupIds', 'children']))\r\n )\r\n } else {\r\n const response = yield call(\r\n apiRequest,\r\n `/user/imported/${id.replace(/\\D/g, '')}`,\r\n {\r\n method: 'patch',\r\n version: 'v3',\r\n body: {\r\n clubId: club.id,\r\n type: values.memberType,\r\n },\r\n }\r\n )\r\n yield put(actions.update.succeeded(response, {inactive: true}))\r\n }\r\n\r\n if (Array.isArray(addGroups) && addGroups.length > 0) {\r\n yield put(\r\n addMembersToGroups.requested({\r\n groups: addGroups,\r\n members: [id],\r\n leader: true,\r\n })\r\n )\r\n }\r\n\r\n if (Array.isArray(removeGroups) && removeGroups.length > 0) {\r\n yield put(\r\n removeMembersFromGroups.requested({\r\n groups: removeGroups,\r\n members: [id],\r\n })\r\n )\r\n }\r\n\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.update.failed(error))\r\n yield call(reject)\r\n }\r\n}\r\n\r\nexport function* importFlow() {\r\n while (true) {\r\n const {\r\n payload: {file, method},\r\n meta: {resolve, reject},\r\n } = yield take(actions.upload.requested)\r\n\r\n try {\r\n const {\r\n users: members,\r\n roles,\r\n groups,\r\n } = yield call(uploadFile, file, method)\r\n yield put(actions.upload.succeeded({members, roles, groups}))\r\n yield call(resolve)\r\n\r\n yield race({\r\n watchCreate: call(importMembers),\r\n clear: take(actions.upload.clear),\r\n })\r\n } catch (error) {\r\n yield all([put(actions.upload.failed()), put(actions.upload.clear())])\r\n yield call(reject, error.message)\r\n }\r\n }\r\n}\r\n\r\nfunction* importMembers() {\r\n const {id} = yield select(getActive) // getActive.id\r\n const {\r\n meta: {resolve, reject},\r\n } = yield take(actions.upload.confirm)\r\n const members = yield select(getImportMembersArray)\r\n const columns = yield select((state) => state.members.importColumns)\r\n const existing = yield select(getImportExisting)\r\n const roles = yield select(getImportRoles)\r\n const groups = yield select(getImportGroupsArray)\r\n\r\n try {\r\n const parentGroups = groups\r\n .filter((group) => !group.groupName)\r\n .map(({userGroupId, department, groupName}) => ({\r\n department,\r\n groupName,\r\n userGroupId: userGroupId || 0,\r\n title: department,\r\n }))\r\n\r\n const newParentGroups =\r\n parentGroups.length > 0\r\n ? yield call(apiRequest, `/web/import/${id}/groups`, {\r\n method: 'post',\r\n body: {\r\n '': parentGroups,\r\n },\r\n })\r\n : parentGroups\r\n\r\n const childGroups = groups\r\n .filter((group) => group.groupName)\r\n .map(({userGroupId, department, groupName, parentUserGroupId}) => ({\r\n department,\r\n groupName,\r\n userGroupId: userGroupId || 0,\r\n title: groupName,\r\n parentUserGroupId:\r\n parentUserGroupId ||\r\n newParentGroups.find(\r\n (parentGroup) => parentGroup.department === department\r\n ).userGroupId,\r\n }))\r\n\r\n const newChildGroups =\r\n childGroups.length > 0\r\n ? yield call(apiRequest, `/web/import/${id}/groups`, {\r\n method: 'post',\r\n body: {\r\n '': childGroups,\r\n },\r\n })\r\n : childGroups\r\n\r\n if (!isEmpty(roles)) {\r\n yield call(apiRequest, `/web/import/${id}/roles`, {\r\n method: 'post',\r\n body: {\r\n '': entries(roles).map((role) => ({\r\n RoleTitle: role[0],\r\n Role: role[1],\r\n })),\r\n },\r\n })\r\n }\r\n\r\n if (existing.length > 0) {\r\n yield call(apiRequest, `/clubs/${id}/members/merge`, {\r\n method: 'patch',\r\n version: 'v3',\r\n body: {\r\n '': existing.map((memberId) => {\r\n const member = members.find(\r\n (member) => member.memberId === memberId\r\n )\r\n\r\n return {\r\n memberId,\r\n userId: member.userId,\r\n groups: member.roles\r\n ? flatten(\r\n member.roles.map(({department, groupName, isLeader}) => {\r\n const dep = newChildGroups.find(\r\n (group) => group.department === department\r\n )\r\n const group = newChildGroups.find(\r\n (group) => group.groupName === groupName\r\n )\r\n\r\n return [\r\n {\r\n isLeader,\r\n id: group && group.userGroupId,\r\n },\r\n {\r\n isLeader,\r\n id: dep && dep.userGroupId,\r\n },\r\n ].filter((g) => g.id)\r\n })\r\n )\r\n : [],\r\n memberTypeId: member.roles\r\n ? roles[member.roles[0].roleName]\r\n : member.memberTypeId,\r\n }\r\n }),\r\n },\r\n })\r\n }\r\n\r\n const retouchedMembers = members.map((member) => {\r\n const values = [\r\n member.firstName,\r\n member.surname,\r\n member.email,\r\n member.zip,\r\n member.mobile,\r\n ]\r\n\r\n return {\r\n ...member,\r\n [columns[0].key]: values[0],\r\n [columns[1].key]: values[1],\r\n [columns[2].key]: values[2],\r\n [columns[3].key]: values[3],\r\n [columns[4].key]: values[4],\r\n groups: member.roles\r\n ? flatten(\r\n member.roles.map(({department, groupName, isLeader}) => {\r\n const dep = newChildGroups.find(\r\n (group) => group.department === department\r\n )\r\n const group = newChildGroups.find(\r\n (group) => group.groupName === groupName\r\n )\r\n\r\n return [\r\n {\r\n isLeader,\r\n id: group && group.userGroupId,\r\n },\r\n {\r\n isLeader,\r\n id: dep && dep.userGroupId,\r\n },\r\n ].filter((g) => g.id)\r\n })\r\n )\r\n : [],\r\n memberTypeId: member.roles\r\n ? roles[member.roles[0].roleName]\r\n : member.memberTypeId,\r\n }\r\n })\r\n\r\n const response = yield call(apiRequest, `/web/importusers/${id}`, {\r\n method: 'post',\r\n body: {\r\n '': retouchedMembers,\r\n },\r\n })\r\n\r\n yield put(actions.upload.complete(response))\r\n yield call(resolve)\r\n yield all([put(actions.fetch.requested()), put(fetchGroups.requested())])\r\n } catch (error) {\r\n yield put(actions.upload.failed())\r\n yield call(reject)\r\n }\r\n}\r\n\r\nfunction* uploadFile(file, method) {\r\n const {id} = yield select(getActive)\r\n\r\n const formData = new FormData()\r\n yield call([formData, 'append'], 'newmembers', file)\r\n\r\n return yield call(\r\n apiRequest,\r\n `/web/${method === 'conventus' ? 'parsecsvconventus' : 'parsecsv'}/${id}`,\r\n {\r\n method: 'post',\r\n body: formData,\r\n }\r\n )\r\n}\r\n\r\nexport function* watchCreate() {\r\n yield takeEvery(actions.create.requested, create)\r\n}\r\n\r\nfunction* create(action) {\r\n const {\r\n payload: {firstName, surname, email, birthdate, zip, address, city, mobile},\r\n meta: {resolve, reject},\r\n } = action\r\n\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(apiRequest, `/web/importusers/${id}`, {\r\n method: 'post',\r\n body: {\r\n '': [\r\n {\r\n firstName,\r\n surname,\r\n email,\r\n birthdate,\r\n address,\r\n zip,\r\n city,\r\n mobile,\r\n },\r\n ],\r\n },\r\n })\r\n\r\n yield put(actions.create.succeeded(response))\r\n yield call(resolve, response)\r\n } catch (error) {\r\n yield put(actions.create.failed())\r\n yield call(reject, error.message)\r\n }\r\n}\r\n\r\nexport function* watchAccpetPending() {\r\n yield takeEvery(actions.accept.requested, acceptPending)\r\n}\r\n\r\nfunction* acceptPending({payload: memberId}) {\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n yield call(apiRequest, `/clubs/${id}/members/${memberId}/accept`, {\r\n version: 'v3',\r\n method: 'patch',\r\n })\r\n\r\n yield all([\r\n put(actions.accept.succeeded(memberId)),\r\n put(actions.fetch.requested()),\r\n put(fetchGroups.requested()),\r\n ])\r\n } catch (error) {\r\n yield put(actions.accept.failed(error))\r\n }\r\n}\r\n\r\nexport function* rejectPending() {\r\n while (true) {\r\n const {payload: memberId} = yield take(actions.reject.requested)\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n yield call(apiRequest, `/clubs/${id}/members/${memberId}/reject`, {\r\n version: 'v3',\r\n method: 'patch',\r\n })\r\n\r\n yield put(actions.reject.succeeded(memberId))\r\n } catch (error) {\r\n yield put(actions.reject.failed(error))\r\n }\r\n }\r\n}\r\n\r\nfunction* watchFetchRelations() {\r\n yield takeEvery(actions.fetchRelations.requested, fetchRelations)\r\n}\r\n\r\nfunction* fetchRelations({payload: id}) {\r\n if (`${id}`.charAt(0) === 'i') {\r\n return\r\n }\r\n\r\n const club = yield select(getActive)\r\n \r\n try {\r\n const response = yield call(apiRequest, `/clubs/${club.id}/members/${id}`, {\r\n version: 'v3',\r\n })\r\n\r\n yield put(actions.fetchRelations.succeeded(response))\r\n } catch (error) {\r\n yield put(actions.fetchRelations.failed(error))\r\n }\r\n}\r\n\r\nfunction* watchAddImportsToGroup() {\r\n yield takeEvery(actions.addImportsToGroup.requested, addImportsToGroup)\r\n}\r\n\r\nfunction* addImportsToGroup(action) {\r\n const {\r\n payload: {memberIds, groupId},\r\n } = action\r\n\r\n try {\r\n const response = yield call(apiRequest, `/web/groupaddimports/${groupId}`, {\r\n method: 'post',\r\n body: {\r\n '': memberIds,\r\n },\r\n })\r\n \r\n yield put(actions.addImportsToGroup.succeeded(response))\r\n } catch (error) {}\r\n}\r\n\r\nfunction* watchRemoveImportsFromGroup() {\r\n yield takeEvery(\r\n actions.removeImportsFromGroup.requested,\r\n removeImportsFromGroup\r\n )\r\n}\r\n\r\nfunction* removeImportsFromGroup(action) {\r\n const {\r\n payload: {memberIds, groupId},\r\n } = action\r\n\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/web/groupremoveimports/${groupId}`,\r\n {\r\n method: 'post',\r\n body: {\r\n '': memberIds,\r\n },\r\n }\r\n )\r\n\r\n yield put(actions.addImportsToGroup.succeeded(response))\r\n } catch (error) {}\r\n}\r\n\r\nfunction* watchAddToGroups() {\r\n yield takeEvery(actions.addToGroups.requested, addToGroups)\r\n}\r\n\r\nfunction* addToGroups(action) {\r\n const {\r\n payload: {memberId, groups, leader},\r\n meta: {resolve},\r\n } = action\r\n\r\n const club = yield select(getActive)\r\n\r\n try {\r\n yield call(\r\n apiRequest,\r\n `/clubs/${club.id}/members/${memberId}/groups?leader=${!!leader}`,\r\n {\r\n method: 'patch',\r\n version: 'v3',\r\n body: {\r\n '': groups.map((group) => ({userGroupId: group})),\r\n },\r\n }\r\n )\r\n yield put(actions.addToGroups.succeeded({memberId, groups}))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.addToGroups.failed(error))\r\n yield call(resolve)\r\n }\r\n}\r\n\r\nfunction* watchUpdateImport() {\r\n yield takeEvery(actions.updateImport.requested, updateImport)\r\n}\r\n\r\nfunction* updateImport(action) {\r\n const {\r\n payload: {id, ...values},\r\n } = action\r\n const {id: clubId} = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/web/importusers/${clubId}/imported/${id}`,\r\n {\r\n method: 'patch',\r\n body: values,\r\n }\r\n )\r\n\r\n yield put(actions.updateImport.succeeded(response))\r\n } catch (error) {\r\n yield put(actions.updateImport.failed(error))\r\n }\r\n}\r\n\r\n\r\nfunction* watchDownload() {\r\n yield takeEvery(actions.download, download)\r\n}\r\n\r\nfunction* download(action) {\r\n const {\r\n payload: {groupId, key, direction},\r\n meta: {resolve, reject},\r\n } = action\r\n\r\n const {id} = yield select(getActive)\r\n const parameteres = yield call(\r\n qs.stringify,\r\n {\r\n groupId,\r\n key,\r\n direction,\r\n },\r\n {addQueryPrefix: true}\r\n )\r\n\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/clubs/${id}/members/export${parameteres}`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n}\r\n\r\nfunction* watchDownloadInactive() {\r\n yield takeEvery(actions.downloadInactive, downloadInactive)\r\n}\r\n\r\nfunction* downloadInactive(action) {\r\n const {\r\n meta: {resolve, reject},\r\n } = action\r\n\r\n const {id} = yield select(getActive)\r\n \r\n\r\n try {\r\n const response = yield call(apiRequest, `/club/export/${id}/InactiveFile`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n })\r\n\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n}\r\n\r\nfunction* watchDownloadByage() {\r\n yield takeEvery(actions.downloadByage, downloadByage)\r\n}\r\n\r\nfunction* downloadByage(action) {\r\n const {\r\n payload: {fromAge, toAge},\r\n meta: {resolve, reject}\r\n } = action\r\n\r\n const {id} = yield select(getActive)\r\n \r\n try {\r\n const response = yield call(apiRequest, `/club/export/${id}/Members/age/${fromAge}/${toAge}`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n })\r\n\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n}\r\n\r\n\r\nfunction* watchRemove() {\r\n yield takeEvery(actions.remove.requested, remove)\r\n}\r\n\r\nfunction* remove({payload: {inactive, active}}) {\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n if (active.length > 0) {\r\n yield call(api, `/clubs/${id}/members`, {\r\n version: 'v3',\r\n method: 'delete',\r\n body: active.map((userId) => ({userId})),\r\n })\r\n }\r\n\r\n if (inactive.length > 0) {\r\n yield call(api, `/web/importusers/${id}/imported`, {\r\n version: 'v2',\r\n method: 'delete',\r\n body: inactive.map((userId) => ({userId: userId.replace(/\\D/g, '')})),\r\n })\r\n }\r\n yield put(actions.remove.succeeded({members: [...active, ...inactive]}))\r\n } catch (error) {\r\n yield put(actions.remove.failed(error))\r\n }\r\n}\r\n\r\nfunction* watchUpdateInactive() {\r\n yield takeEvery(actions.updateInactive.requested, updateInactive)\r\n}\r\n\r\nfunction* updateInactive({\r\n payload: {dummy, id, ...values},\r\n meta: {resolve, reject},\r\n}) {\r\n const {id: clubId} = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(\r\n api,\r\n dummy ? '/user/imported' : '/user/updateuserfromwebbecausedeltasucks',\r\n {\r\n version: 'v3',\r\n method: 'patch',\r\n body: {\r\n clubId,\r\n [dummy ? 'dummyUserId' : 'userId']: id,\r\n ...values,\r\n },\r\n }\r\n )\r\n\r\n yield put(actions.updateInactive.succeeded(response, {dummy}))\r\n\r\n yield call(resolve)\r\n } catch (error) {\r\n yield call(reject, error.message)\r\n }\r\n}\r\n\r\nfunction* watchFetchStatistics() {\r\n yield takeEvery(actions.fetchStatistics.requested, fetchStatistics)\r\n}\r\n\r\nfunction* fetchStatistics({\r\n payload: {id, start, end},\r\n meta: {resolve, reject},\r\n}) {\r\n const {id: clubId} = yield select(getActive)\r\n\r\n try {\r\n const statistics = yield call(\r\n api,\r\n `/statistics/users/${id}?clubId=${clubId}&start=${start}&end=${end}`,\r\n {\r\n version: null,\r\n }\r\n )\r\n\r\n yield put(actions.fetchStatistics.succeeded({id, statistics}))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.fetchStatistics.failed(error.message))\r\n yield call(reject)\r\n }\r\n}\r\n\r\n\r\n// GUARDIAN\r\nexport function* addGuardian(\r\n {\r\n payload: {childUserId, guardianUserId, clubId},\r\n }\r\n) {\r\n try {\r\n const response = yield call(api, `/user/AddGuardianToChild`, {\r\n version: \"v3\",\r\n method: \"post\",\r\n body:{\r\n childUserId: childUserId,\r\n guardianUserId: guardianUserId,\r\n clubId: clubId\r\n }\r\n });\r\n\r\n yield put(actions.addGuardian.succeeded(response))\r\n } catch (e) {\r\n\r\n yield put(actions.addGuardian.failed(e.message))\r\n }\r\n}\r\n\r\nfunction* watchAddGuardian() {\r\n yield takeEvery(actions.addGuardian.requested, addGuardian)\r\n}\r\n\r\n\r\n// CHILD\r\nexport function* addChild(\r\n {\r\n payload: {childUserId, guardianUserId, clubId}\r\n }\r\n) {\r\n try {\r\n const response = yield call(api, `/user/AddChildToGuardian`, {\r\n version: \"v3\",\r\n method: \"post\",\r\n body:{\r\n childUserId: childUserId,\r\n guardianUserId: guardianUserId,\r\n clubId: clubId\r\n }\r\n });\r\n\r\n yield put(actions.addChild.succeeded(response))\r\n } catch (e) {\r\n \r\n yield put(actions.addChild.failed(e.message))\r\n }\r\n}\r\n\r\nfunction* watchAddChild() {\r\n yield takeEvery(actions.addChild.requested, addChild)\r\n}\r\n\r\nfunction* exportStats({payload: {clubId, statSelection}}){\r\n if (statSelection === 'Aktiviteter'){\r\n if(clubId === 'all'){\r\n try {\r\n const response = yield call(api, `/activities/export/group/3/ActivitiesFile/`, {\r\n version: \"v3\",\r\n returnRaw: true,\r\n });\r\n \r\n yield put(actions.exportStats.succeeded(response))\r\n yield call(actions.exportStats.succeeded) \r\n } catch (e) {\r\n console.log(e)\r\n }} \r\n else {\r\n try {\r\n\r\n const response = yield call(api, `/activities/export/group/${clubId}/ActivitiesFile/`, {\r\n version: \"v3\",\r\n });\r\n\r\n } catch (e) {\r\n console.log(e)\r\n }} \r\n}}\r\n\r\n\r\nfunction* watchExportStats(){\r\n yield takeEvery(actions.exportStats.requested, exportStats)\r\n}\r\n\r\n\r\n\r\nexport function* createRelation(\r\n {\r\n payload: {clubId, currentUser, otherUser, relation}\r\n }\r\n) {\r\n try {\r\n const response = yield call(api, `/user/createrelation`, {\r\n version: \"v3\",\r\n method: \"post\",\r\n body:{\r\n ClubId: clubId,\r\n CurrentUser: currentUser,\r\n OtherUser: otherUser,\r\n Relation: relation\r\n }\r\n });\r\n yield put(actions.createRelation.succeeded(response))\r\n yield put(actions.fetchRelations.requested(currentUser))\r\n } catch (e) {\r\n \r\n yield put(actions.createRelation.failed(e.message))\r\n }\r\n}\r\n\r\nfunction* watchCreateRelation() {\r\n yield takeEvery(actions.createRelation.requested, createRelation)\r\n}\r\n\r\nexport function* removeRelation(\r\n {\r\n payload: {clubId, userUserMapId, id}\r\n }\r\n) {\r\n try {\r\n const response = yield call(api, `/user/RemoveRelation`, {\r\n version: \"v3\",\r\n method: \"post\",\r\n body:{\r\n ClubId: clubId,\r\n UserUserMapId: userUserMapId\r\n\r\n }\r\n });\r\n yield put(actions.removeRelation.succeeded(response))\r\n yield put(actions.fetchRelations.requested(id))\r\n } catch (e) {\r\n \r\n yield put(actions.removeRelation.failed(e.message))\r\n }\r\n}\r\n\r\nfunction* watchRemoveRelation() {\r\n yield takeEvery(actions.removeRelation.requested, removeRelation)\r\n}\r\n\r\nexport default [\r\n watchFetchMembers,\r\n watchCreateRelation,\r\n watchRemoveRelation,\r\n watchUpdate,\r\n watchCreate,\r\n importFlow,\r\n watchAccpetPending,\r\n rejectPending,\r\n watchAddToGroups,\r\n watchAddImportsToGroup,\r\n watchRemoveImportsFromGroup,\r\n watchUpdateImport,\r\n watchDownload,\r\n watchDownloadInactive,\r\n watchDownloadByage,\r\n //downloadByage,\r\n watchRemove,\r\n watchFetchRelations,\r\n watchUpdateInactive,\r\n watchFetchStatistics,\r\n watchAddGuardian,\r\n watchAddChild,\r\n watchExportStats\r\n]\r\n","import {take, all, call, put, select, takeEvery} from 'redux-saga/effects'\r\nimport {apiRequest, api} from 'app/sagas'\r\nimport {flatten} from 'lodash'\r\nimport * as actions from './actions'\r\nimport {getActive, getrealBulk} from 'clubs/selectors'\r\n \r\n\r\nfunction* fetchGroups() {\r\n while (true) {\r\n yield take(actions.fetch.requested)\r\n const club = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(apiRequest, `/web/groupoverview/${club.id}`)\r\n\r\n yield put(actions.fetch.succeeded(response))\r\n } catch (error) {\r\n yield put(actions.fetch.failed(error))\r\n }\r\n }\r\n}\r\n\r\nfunction* watchCreate() {\r\n yield takeEvery(actions.create.requested, create)\r\n}\r\n\r\nexport function* create({\r\n payload: {name, parentUserGroupId, subGroups = []},\r\n meta: {resolve, reject},\r\n}) {\r\n const club = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(apiRequest, `/web/groupadd/${club.id}`, {\r\n method: 'post',\r\n body: {\r\n title: name,\r\n parentUserGroupId,\r\n },\r\n })\r\n\r\n yield put(actions.create.succeeded(response))\r\n\r\n if (subGroups.length > 0) {\r\n yield all(\r\n subGroups.map((subGroup) =>\r\n call(\r\n create,\r\n actions.create.requested({\r\n values: {\r\n ...subGroup,\r\n parentUserGroupId: response.userGroupId,\r\n },\r\n })\r\n )\r\n )\r\n )\r\n }\r\n\r\n yield call(resolve, response)\r\n } catch (error) {\r\n yield put(actions.create.failed(error))\r\n yield call(reject)\r\n }\r\n}\r\n\r\nfunction* watchMoveMembersBetweenGruops() {\r\n yield takeEvery(\r\n actions.moveMembersBetweenGroups.requested,\r\n moveMembersBetweenGroups\r\n )\r\n}\r\n\r\nfunction* moveMembersBetweenGroups({\r\n payload: {members, from, to},\r\n meta: {resolve},\r\n}) {\r\n yield all([\r\n put(actions.removeMembersFromGroups.requested({members, groups: from})),\r\n put(actions.addMembersToGroups.requested({members, groups: to})),\r\n take(actions.removeMembersFromGroups.succeeded),\r\n take(actions.addMembersToGroups.succeeded),\r\n ])\r\n yield call(resolve)\r\n}\r\n\r\nfunction* deleteGroup() {\r\n while (true) {\r\n const {\r\n payload: id,\r\n meta: {resolve, reject},\r\n } = yield take(actions.remove.requested)\r\n\r\n const club = yield select(getActive)\r\n\r\n try {\r\n yield call(apiRequest, `/web/groupdeleterecursive/${club.id}`, {\r\n method: 'post',\r\n body: {\r\n userGroupId: id,\r\n },\r\n })\r\n yield put(actions.remove.succeeded(id))\r\n yield call(resolve)\r\n resolve()\r\n } catch (error) {\r\n yield put(actions.remove.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nfunction* editGroup() {\r\n while (true) {\r\n const {\r\n payload: {id, title, maxUsers, open, hiddenForClubMembers, hiddenForClubLeaders},\r\n meta: {resolve, reject},\r\n } = yield take(actions.edit.requested)\r\n try {\r\n yield call(apiRequest, `/web/groupedit/${id}`, {\r\n method: 'post',\r\n body: {\r\n Title: title,\r\n maxUsers,\r\n Open: open,\r\n HiddenForClubMembers: hiddenForClubMembers,\r\n HiddenForClubLeaders: hiddenForClubLeaders,\r\n },\r\n })\r\n yield put(actions.edit.succeeded({id, title, maxUsers}))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.edit.failed(error))\r\n yield call(reject)\r\n }\r\n }\r\n}\r\n\r\nfunction* watchAddMembersToGroups() {\r\n yield takeEvery(actions.addMembersToGroups.requested, addMembersToGroups)\r\n}\r\n\r\nfunction* addMembersToGroups({\r\n payload: {active, inactive, groups, leader},\r\n meta: {resolve},\r\n}) {\r\n const {addedActive, addedInactive} = yield all({\r\n addedActive: all(\r\n active.map((member) => call(addMemberToGroups, member, groups, {leader}))\r\n ),\r\n addedInactive: all(\r\n inactive.map((inactives) => call(addInactivesToGroup, inactives, groups, {leader}))\r\n ),\r\n })\r\n yield put(\r\n actions.addMembersToGroups.succeeded({\r\n groups,\r\n active: flatten(addedActive),\r\n inactive: flatten(addedInactive),\r\n leader,\r\n })\r\n )\r\n \r\n yield call(resolve)\r\n}\r\n\r\nfunction* addMemberToGroups(member, groups, {leader} = {leader: false}) {\r\n const {id} = yield select(getActive)\r\n yield call(\r\n apiRequest,\r\n `/clubs/${id}/members/${member}/groups?leader=${!!leader}`,\r\n {\r\n method: 'patch',\r\n version: 'v3',\r\n body: groups.map((userGroupId) => ({userGroupId})),\r\n }\r\n )\r\n return member\r\n}\r\n\r\nfunction* addInactivesToGroup(inactives, group, {leader} = {leader: false}) {\r\n if (inactives.length > 0) { \r\n let bodyRequestInActiveUsers = [];\r\n group.forEach(userGroup => {\r\n bodyRequestInActiveUsers.push({\r\n dummyId: inactives.replace(/\\D/g, ''),\r\n groupId: userGroup,\r\n isLeader: leader,\r\n });\r\n });\r\n yield call(api, `/web/AddDummyUsersToGroups`, {\r\n method: 'post',\r\n body: bodyRequestInActiveUsers,\r\n })\r\n } \r\n return inactives\r\n}\r\n\r\nfunction* watchRemoveMembersFromGroups() {\r\n yield takeEvery(\r\n actions.removeMembersFromGroups.requested,\r\n removeMembersFromGroups\r\n )\r\n}\r\n\r\nfunction* removeMembersFromGroups({payload: {inactive, active, groups}}) {\r\n try {\r\n const {removedActive, removedInactive} = yield all({\r\n removedActive: all(\r\n groups.map((group) => call(removeMembersFromGroup, active, group))\r\n ),\r\n removedInactive: all(\r\n groups.map((group) =>\r\n call(removeMembersFromGroup, inactive, group, {inactive: true})\r\n )\r\n ),\r\n })\r\n\r\n yield put(\r\n actions.removeMembersFromGroups.succeeded({\r\n groups,\r\n active: flatten(removedActive),\r\n inactive: flatten(removedInactive),\r\n })\r\n )\r\n } catch (error) {\r\n console.log(error)\r\n }\r\n}\r\n\r\nfunction* removeMembersFromGroup(\r\n members,\r\n group,\r\n {inactive} = {inactive: false}\r\n) {\r\n if (members.length > 0) {\r\n const ids = members.map((member) => member.toString().replace(/\\D/g, ''))\r\n\r\n yield call(\r\n api,\r\n `/web/groupremove${inactive ? 'imports' : 'members'}/${group}`,\r\n {\r\n method: 'post',\r\n body: ids,\r\n }\r\n )\r\n }\r\n\r\n return members\r\n}\r\n\r\nfunction* watchFetchStatistics() {\r\n yield takeEvery(actions.fetchStatistics.requested, fetchStatistics)\r\n}\r\n\r\nfunction* fetchStatistics({\r\n payload: {id, start, end},\r\n meta: {resolve, reject},\r\n}) {\r\n try {\r\n const statistics = yield call(\r\n api,\r\n `/statistics/groups/${id}?start=${start}&end=${end}`,\r\n {version: null}\r\n )\r\n\r\n yield put(actions.fetchStatistics.succeeded({id, statistics}))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.fetchStatistics.failed(error.message))\r\n yield call(reject)\r\n }\r\n}\r\n function* watchExportGroup() {\r\n yield takeEvery(\r\n actions.exportGroup.requested, exportGroup\r\n )\r\n }\r\n\r\nfunction* exportGroup({\r\n payload: {groupId, clubId},\r\n meta: {resolve, reject},\r\n}) {\r\n if (groupId === 'all'){\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/export/club/${clubId}/tasksfile`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n \r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n } else {\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/export/group/${groupId}/tasksfile`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n }\r\n \r\n}\r\n\r\nfunction* watchExportTasksSelf() {\r\n yield takeEvery(\r\n actions.exportTasksself.requested, exportTasksself\r\n )\r\n}\r\n\r\nfunction* exportTasksself(action) {\r\n const {\r\n payload: {groupId},\r\n meta: {resolve, reject},\r\n } = action\r\n\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/export/myactivities/tasksfile`,\r\n {\r\n \r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n}\r\nfunction* watchExportActivities() {\r\n yield takeEvery(\r\n actions.exportActivities.requested, exportActivities\r\n )\r\n}\r\n\r\nfunction* exportActivities({\r\n payload: {clubId},\r\n meta: {resolve, reject},\r\n}) {\r\n\r\n// using ClubId instead of id gives undefined\r\n\r\n try {\r\n if (clubId === 'all'){\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/export/club/3/ActivitiesFile`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } else {\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/export/club/${clubId}/ActivitiesFile`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n }\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n}\r\nfunction* watchExportMemberActivities() {\r\n yield takeEvery(\r\n actions.exportMemberactivities.requested, exportMemberActivities\r\n )\r\n}\r\n\r\nfunction* exportMemberActivities({\r\n payload: {groupId, clubId, memberId},\r\n meta: {resolve, reject},\r\n}) {\r\n if (groupId === undefined || groupId === 'all'){\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/export/clubmember/${clubId}/${memberId}/ActivitiesFile`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n \r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n } else {\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/export/groupmember/${groupId}/${memberId}/ActivitiesFile`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n }\r\n}\r\n\r\nfunction* watchExportGroupActivities() {\r\n yield takeEvery(\r\n actions.exportGroupActivities.requested, exportGroupActivities\r\n )\r\n}\r\n\r\nfunction* exportGroupActivities({\r\n payload: {groupId, clubId},\r\n meta: {resolve, reject},\r\n}) {\r\n\r\n try {\r\n if (groupId === 'all'){\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/export/club/${clubId}/ActivitiesFile`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } else {\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/export/group/${groupId}/ActivitiesFile`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n }\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n}\r\n\r\nfunction* exportMemberTasks({\r\n payload: {groupId, clubId, memberId},\r\n meta: {resolve, reject},\r\n}) {\r\n if (groupId === undefined || groupId === 'all'){\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/export/club/${clubId}/member/${memberId}/tasksfile`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n \r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n } else {\r\n try {\r\n const response = yield call(\r\n apiRequest,\r\n `/activities/export/group/${groupId}/member/${memberId}/tasksfile`,\r\n {\r\n returnRaw: true,\r\n version: 'v3',\r\n }\r\n )\r\n\r\n const text = yield call([response, 'text'])\r\n yield call(resolve, text)\r\n } catch (error) {\r\n yield call(reject, error)\r\n }\r\n }\r\n}\r\n\r\nfunction* watchExportMemberTasks(){\r\n yield takeEvery(\r\n actions.exportMemberTasks.requested, exportMemberTasks\r\n )\r\n}\r\nexport default [\r\n fetchGroups,\r\n watchCreate,\r\n deleteGroup,\r\n editGroup,\r\n //exportGroup,\r\n watchExportGroup,\r\n watchExportTasksSelf,\r\n watchExportActivities,\r\n watchExportMemberActivities,\r\n watchMoveMembersBetweenGruops,\r\n watchAddMembersToGroups,\r\n watchRemoveMembersFromGroups,\r\n watchFetchStatistics,\r\n watchExportGroupActivities,\r\n watchExportMemberTasks\r\n]\r\n","import {takeLatest, all, select, take, call, put} from 'redux-saga/effects'\r\nimport {api} from 'app/sagas'\r\nimport {getActive, setActive, fetch as fetchClubs} from 'clubs'\r\nimport * as actions from './actions'\r\n\r\nfunction* watchFetch() {\r\n yield takeLatest(actions.fetch.requested, fetch)\r\n}\r\n\r\nfunction* fetch() {\r\n if (!(yield select(getActive))) {\r\n yield all([put(fetchClubs.requested()), take(setActive)])\r\n }\r\n\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(api, `/clubboards/club/${id}`, {\r\n version: null,\r\n method: 'get',\r\n })\r\n\r\n yield put(actions.fetch.succeeded(response))\r\n } catch (error) {\r\n yield put(actions.fetch.failed(error))\r\n }\r\n}\r\n\r\nfunction* watchCreate() {\r\n yield takeLatest(actions.create.requested, create)\r\n}\r\n\r\nfunction* create({payload: values, meta: {resolve}}) {\r\n const {id} = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(api, `/clubboards`, {\r\n version: null,\r\n method: 'post',\r\n body: {\r\n ...values,\r\n clubId: id,\r\n },\r\n })\r\n\r\n yield put(actions.create.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.create.failed())\r\n }\r\n}\r\n\r\nfunction* watchRemove() {\r\n yield takeLatest(actions.remove.requested, remove)\r\n}\r\n\r\nfunction* remove({payload: id}) {\r\n const {id: clubId} = yield select(getActive)\r\n\r\n try {\r\n yield call(api, `/clubboards/${id}`, {\r\n version: null,\r\n method: 'delete',\r\n body: {\r\n clubId,\r\n boardId: id,\r\n },\r\n })\r\n\r\n yield put(actions.remove.succeeded(id))\r\n } catch (error) {\r\n yield put(actions.remove.failed(error))\r\n }\r\n}\r\n\r\nfunction* watchUpdate() {\r\n yield takeLatest(actions.update.requested, update)\r\n}\r\n\r\nfunction* update({payload: {id, ...values}, meta: {resolve}}) {\r\n const {id: clubId} = yield select(getActive)\r\n\r\n try {\r\n const response = yield call(api, `/clubboards/${id}`, {\r\n version: null,\r\n method: 'put',\r\n body: {\r\n clubId,\r\n ...values,\r\n },\r\n })\r\n\r\n yield put(actions.update.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.update.failed(error))\r\n }\r\n}\r\n\r\nexport default [watchFetch, watchCreate, watchRemove, watchUpdate]\r\n","import {handleActions} from 'redux-actions'\r\nimport {omit} from 'lodash'\r\nimport * as actions from './actions'\r\n\r\nconst initialState = {\r\n isFetching: true,\r\n entities: {},\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [actions.fetch.requested]: (\r\n state,\r\n ) => ({\r\n ...state,\r\n isFetching: true\r\n }),\r\n [actions.fetch.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {messages},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n isFetching: false,\r\n entities: messages\r\n }),\r\n\r\n [actions.create.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {messages},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...messages,\r\n },\r\n }),\r\n\r\n [actions.remove.succeeded]: (state, {payload: id}) => ({\r\n ...state,\r\n entities: omit(state.entities, id),\r\n }),\r\n\r\n [actions.update.succeeded]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {messages},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...messages,\r\n },\r\n }),\r\n },\r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {handleActions, combineActions} from 'redux-actions'\r\nimport {omit} from 'lodash'\r\nimport * as actions from './actions'\r\n\r\nconst initialState = {\r\n entities: {}, \r\n totalViews: null,\r\n views: null,\r\n exemptList: [],\r\n\r\n isFetchingNoSponsor: false,\r\n noSponsorEntities: [],\r\n\r\n isFetchingExemptionRoles: false,\r\n exemptionRolesEntities: [],\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [actions.setViews]: (state, {payload: {views, totalViews}}) => ({\r\n ...state,\r\n views,\r\n totalViews,\r\n }),\r\n\r\n [combineActions(\r\n actions.fetch.succeeded,\r\n actions.create.succeeded,\r\n actions.update.succeeded, \r\n )]: (\r\n state,\r\n {\r\n payload: {\r\n entities: {sponsors},\r\n },\r\n }\r\n ) => ({\r\n ...state,\r\n entities: {\r\n ...state.entities,\r\n ...sponsors,\r\n },\r\n }), \r\n\r\n [actions.buyViews.succeeded]: (state, {payload: count}) => ({\r\n ...state,\r\n totalViews: state.totalViews + count,\r\n }),\r\n\r\n [actions.remove.succeeded]: ({entities, ...state}, {payload: id}) => ({\r\n ...state,\r\n entities: omit(entities, id),\r\n }),\r\n\r\n [actions.fetchNoSponsor.succeeded]: (state, action) => ({\r\n ...state,\r\n isFetchingNoSponsor: false,\r\n noSponsorEntities: action.payload,\r\n }),\r\n\r\n [actions.fetchExemptionUserRoles.succeeded]: (state, action) => ({\r\n ...state,\r\n isFetchingExemptionRoles: false,\r\n exemptionRolesEntities: action.payload,\r\n }),\r\n\r\n [actions.updateExemptUserRoles.succeeded]: (state, action) => ({\r\n ...state, \r\n // exemptionRolesEntities: true,\r\n }),\r\n\r\n },\r\n initialState,\r\n)\r\n\r\nexport default reducer\r\n","import {takeEvery, select, put, call, all} from 'redux-saga/effects'\r\nimport {api} from 'app/sagas'\r\nimport {getActive} from 'clubs'\r\nimport imageToBase64 from 'lib/imageToBase64'\r\nimport * as actions from './actions'\r\n\r\nfunction* watchFetch() {\r\n yield takeEvery(actions.fetch.requested, fetch)\r\n}\r\n\r\nfunction* fetch() {\r\n const {id} = yield select(getActive)\r\n try {\r\n const {\r\n sponsors,\r\n sponsorViewsShown: views,\r\n sponsorViewsTotal: totalViews,\r\n } = yield call(api, `/sponsors/club/implemented?clubId=${id}`, {\r\n method: 'get',\r\n version: \"v4\", \r\n })\r\n yield all([\r\n put(actions.fetch.succeeded(sponsors)),\r\n put(actions.setViews({views, totalViews})),\r\n ])\r\n } catch (error) {\r\n yield put(actions.fetch.failed(error.message))\r\n }\r\n}\r\n\r\nfunction* watchCreate() {\r\n yield takeEvery(actions.create.requested, create)\r\n}\r\n\r\nfunction* create({\r\n payload: {...values}, \r\n meta: {resolve, reject}\r\n}) {\r\n const {id} = yield select(getActive)\r\n const logoBase64 = yield call(imageToBase64, values.logoBase64)\r\n try {\r\n const response = yield call(api, `/sponsors/club/create`, {\r\n method: 'post',\r\n version: \"v4\",\r\n body: {\r\n Title: values.title,\r\n LogoBase64: logoBase64,\r\n Url: values.url,\r\n ClubId: id,\r\n MaxViews: values.maxViews,\r\n ZipCodes: values.zipCodes, \r\n },\r\n })\r\n\r\n yield put(actions.create.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.create.failed(error.message))\r\n yield call(reject, error.message)\r\n }\r\n}\r\n\r\nfunction* watchUpdate() {\r\n yield takeEvery(actions.update.requested, update)\r\n}\r\n\r\nfunction* update({\r\n payload: {id: sponsorId , ...values},\r\n meta: {resolve, reject},\r\n}) {\r\n const {id} = yield select(getActive)\r\n const newImage = !!values.logoBase64\r\n const logoBase64 = yield call(imageToBase64, values.logoBase64) \r\n try {\r\n const response = yield call(\r\n api,\r\n `/sponsors/club/update`, {\r\n method: 'put',\r\n version: \"v4\",\r\n body: {\r\n SponsorId: sponsorId,\r\n Title: values.title,\r\n LogoBase64: logoBase64,\r\n Url: values.url,\r\n ClubId: id,\r\n MaxViews: values.maxViews,\r\n NewImage: newImage,\r\n ZipCodes: values.zipCodes,\r\n },\r\n }\r\n )\r\n\r\n yield put(actions.update.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.update.failed(error))\r\n yield call(reject, error.message)\r\n }\r\n}\r\n\r\nfunction* watchGetNoSponsor() {\r\n yield takeEvery(actions.fetchNoSponsor.requested, getNoSponsor)\r\n}\r\n\r\nfunction* getNoSponsor() {\r\n const {id} = yield select(getActive)\r\n try {\r\n const noSponsor = yield call(api, `/sponsors/club/exemption/new`, {\r\n method: 'post',\r\n version: \"v4\",\r\n body: {\r\n ClubId: id, \r\n },\r\n })\r\n yield all([\r\n yield put(actions.fetchNoSponsor.succeeded(noSponsor)),\r\n ]) \r\n } catch (error) {\r\n yield put(actions.fetchNoSponsor.failed(error.message))\r\n }\r\n}\r\n\r\nfunction* watchRemove() {\r\n yield takeEvery(actions.remove.requested, remove)\r\n}\r\n\r\nfunction* remove({payload: id}) {\r\n const {id :clubId} = yield select(getActive)\r\n try {\r\n yield call(api, `/sponsors/club/delete`, {\r\n version: 'v4',\r\n method: 'delete',\r\n body: {\r\n SponsorId: id, \r\n ClubId: clubId,\r\n },\r\n })\r\n yield put(actions.remove.succeeded(id, clubId))\r\n } catch (error) {\r\n yield put(actions.remove.failed(error.message))\r\n }\r\n}\r\n\r\nfunction* watchBuyViews() {\r\n yield takeEvery(actions.buyViews.requested, buyViews)\r\n}\r\n\r\nfunction* buyViews({payload: count , meta: {resolve, reject}}) {\r\n const {id} = yield select(getActive)\r\n \r\n try {\r\n const response = yield call(\r\n api,\r\n `/sponsors/club/order`, { \r\n version: \"v4\", \r\n method: 'post',\r\n body: { \r\n ViewCount: count,\r\n ClubId: id,\r\n }, \r\n }\r\n )\r\n\r\n yield put(actions.buyViews.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield call(reject, error.message)\r\n }\r\n}\r\n\r\nfunction* watchGetExemptionUserRoles() {\r\n yield takeEvery(actions.fetchExemptionUserRoles.requested, getExemptionUserRoles)\r\n}\r\n\r\nfunction* getExemptionUserRoles() {\r\n const {id} = yield select(getActive) \r\n try {\r\n const roleExemptions = yield call(\r\n api,\r\n `/sponsors/club/exemptions/roles`, { \r\n version: \"v4\", \r\n method: 'post',\r\n body: { \r\n ClubId: id,\r\n }, \r\n }\r\n )\r\n yield put(actions.fetchExemptionUserRoles.succeeded(roleExemptions))\r\n } catch (error) {\r\n yield put(actions.fetchExemptionUserRoles.failed(error.message))\r\n }\r\n}\r\n\r\nfunction* watchUpdateExemptUserRoles() {\r\n yield takeEvery(actions.updateExemptUserRoles.requested, updateExemptUserRoles)\r\n}\r\n\r\nfunction* updateExemptUserRoles({\r\n payload: {...values}, \r\n meta: {resolve, reject}\r\n}) {\r\n const {id} = yield select(getActive)\r\n const roleExemptions = [{\r\n MemberType: values.memberType,\r\n Enabled: values.isEnabled,\r\n }]\r\n try {\r\n const response = yield call(\r\n api,\r\n `/sponsors/club/exemptions/roles/update`, { \r\n version: \"v4\", \r\n method: 'post',\r\n body: {\r\n ClubId: id, \r\n RoleExemptions: roleExemptions, \r\n }, \r\n }\r\n )\r\n yield put(actions.updateExemptUserRoles.succeeded(response))\r\n yield call(resolve)\r\n } catch (error) {\r\n yield put(actions.updateExemptUserRoles.failed(error))\r\n yield call(reject, error.message)\r\n }\r\n}\r\n\r\nexport default [\r\n watchFetch,\r\n watchCreate,\r\n watchUpdate,\r\n watchGetNoSponsor,\r\n watchRemove,\r\n watchBuyViews,\r\n watchGetExemptionUserRoles,\r\n watchUpdateExemptUserRoles, \r\n]\r\n","import {handleActions} from 'redux-actions'\r\nimport * as actions from './actions'\r\n\r\nconst initialState = {\r\n entities: {},\r\n isFetching: false\r\n}\r\n\r\nconst reducer = handleActions(\r\n {\r\n [actions.fetchZipcodes.requested]: (state) => ({\r\n ...state,\r\n isFetching: true,\r\n }),\r\n\r\n [actions.fetchZipcodes.succeeded]: (state, action) => ({\r\n ...state,\r\n isFetching: false,\r\n entities: action.payload\r\n }),\r\n }, \r\n initialState\r\n)\r\n\r\nexport default reducer\r\n","import {takeEvery, select, put, call, all} from 'redux-saga/effects'\r\nimport {api} from 'app/sagas'\r\nimport {getActive} from 'clubs'\r\nimport * as actions from './actions'\r\n\r\nfunction* watchFetchZipcodes() {\r\n yield takeEvery(actions.fetchZipcodes.requested, fetchZipcodes)\r\n}\r\n\r\n// List/ array of zipCode numbers\r\nfunction* fetchZipcodes() {\r\n \r\n const {id} = yield select(getActive);\r\n try {\r\n const response = yield call(\r\n api,\r\n `/sponsors/zips?clubId=${id}`, { \r\n version: \"v4\", \r\n })\r\n yield all([\r\n put(actions.fetchZipcodes.succeeded(response)), \r\n ])\r\n } catch (error) {\r\n yield put(actions.fetchZipcodes.failed(error.message))\r\n }\r\n}\r\n\r\n// Object list!!! ZipId: value: Name: ect.\r\n// function* fetchZipcodes() {\r\n \r\n// const {id} = yield select(getActive);\r\n// try {\r\n// const response = yield call(\r\n// api,\r\n// `/sponsors/zips/location?clubId=${id}`, { \r\n// version: \"v4\", \r\n// })\r\n// yield all([\r\n// put(actions.fetchZipcodes.succeeded(response)), \r\n// ])\r\n// } catch (error) {\r\n// yield put(actions.fetchZipcodes.failed(error.message))\r\n// }\r\n// }\r\n\r\nexport default [\r\n watchFetchZipcodes,\r\n]\r\n","import {createStore, combineReducers, applyMiddleware} from 'redux'\r\nimport {reducer as form} from 'redux-form'\r\nimport {fork, all} from 'redux-saga/effects'\r\nimport {composeWithDevTools} from 'redux-devtools-extension'\r\nimport createSagaMiddleware from 'redux-saga'\r\nimport authentication from 'authentication/reducer'\r\nimport members from 'members/reducer'\r\nimport groups from 'groups/reducer'\r\nimport links from 'links/reducer'\r\nimport activities from 'activities/reducer'\r\nimport comments from 'comments/reducer'\r\nimport {sagas as authenticationSagas} from 'authentication'\r\nimport linksSagas from 'links/sagas'\r\nimport activitySagas from 'activities/sagas'\r\nimport {sagas as userSagas, reducer as user} from 'user'\r\nimport {reducer as signup, sagas as signupSagas} from 'signup'\r\nimport {sagas as clubSagas, reducer as clubs} from 'clubs'\r\nimport {sagas as paymentSagas, reducer as payments} from 'payments'\r\nimport {sagas as postsSagas, reducer as posts} from 'posts'\r\nimport {sagas as invitationSagas, reducer as invitation} from 'user/signup'\r\nimport memberSagas from 'members/sagas'\r\nimport groupsSagas from 'groups/sagas'\r\nimport {sagas as messagesSagas, reducer as messages} from 'messages'\r\nimport {reducer as sponsors, sagas as sponsorsSagas} from 'sponsors'\r\nimport {reducer as zipcodes, sagas as zipCodesSagas} from 'postcodes'\r\nimport {reducer as paymentMethods, sagas as paymentMethodsSagas} from 'paymentMethods'\r\n\r\nconst rootReducer = combineReducers({\r\n signup,\r\n form,\r\n links,\r\n user,\r\n clubs,\r\n members,\r\n groups,\r\n activities,\r\n authentication,\r\n comments,\r\n payments,\r\n posts,\r\n invitation,\r\n messages,\r\n sponsors,\r\n zipcodes,\r\n paymentMethods\r\n})\r\n\r\nconst sagaMiddleware = createSagaMiddleware({\r\n onError: (err) => {\r\n console.log(err)\r\n store.dispatch({ type: 'ERROR', payload: err })\r\n }\r\n})\r\n\r\nconst store = createStore(\r\n rootReducer,\r\n process.env.NODE_ENV === 'production'\r\n ? applyMiddleware(sagaMiddleware)\r\n : composeWithDevTools({\r\n name: 'MF - Logged In',\r\n })(applyMiddleware(sagaMiddleware))\r\n)\r\n\r\nfunction* rootSaga() {\r\n yield all(\r\n [\r\n ...activitySagas,\r\n ...clubSagas,\r\n ...signupSagas,\r\n ...paymentSagas,\r\n ...linksSagas,\r\n ...memberSagas,\r\n ...groupsSagas,\r\n ...postsSagas,\r\n ...invitationSagas,\r\n ...messagesSagas,\r\n ...authenticationSagas,\r\n ...userSagas,\r\n ...sponsorsSagas,\r\n ...zipCodesSagas,\r\n ...paymentMethodsSagas\r\n ].map(fork)\r\n )\r\n}\r\n\r\nconst rootSagaTask = sagaMiddleware.run(rootSaga)\r\nrootSagaTask.toPromise().catch(e => {\r\n console.log(e)\r\n});\r\n\r\n\r\nexport default store\r\n","import { ErrorBoundary } from \"react-error-boundary\";\r\n\r\nfunction Fallback({ error, resetErrorBoundary }) {\r\n // Call resetErrorBoundary() to reset the error boundary and retry the render.\r\n \r\n return (\r\n \r\n );\r\n }\r\n\r\nexport default function ReactErrorBoundary(props) {\r\n return (\r\n {\r\n // log the error\r\n\t\t\t\tconsole.log(\"Error caught!\"); \r\n\t\t\t\tconsole.error(error); \r\n\t\t\t\tconsole.error(errorInfo);\r\n }}\r\n onReset={() => {\r\n // reloading the page to restore the initial state\r\n // of the current page\r\n console.log(\"reloading the page...\");\r\n window.location.reload();\r\n\r\n // other reset logic...\r\n }}\r\n >\r\n {props.children}\r\n \r\n );\r\n}","import React, { useState, useEffect } from 'react';\r\nimport i18n from 'i18n'; // Assume i18n is already configured\r\n\r\nasync function loadTranslations(url, language, namespace) {\r\n try {\r\n const response = await fetch(`${url}/${language}/${namespace}.json`);\r\n if (!response.ok) {\r\n throw new Error('Network response was not ok');\r\n }\r\n const translations = await response.json();\r\n i18n.addResourceBundle(language, namespace, translations, true, true);\r\n } catch (error) {\r\n console.error('Failed to load translation file:', error);\r\n throw error; // Re-throw to be caught by loader\r\n }\r\n }\r\n\r\nconst Loader = ({ children }) => {\r\n const [loading, setLoading] = useState(true);\r\n\r\n async function loadResources() {\r\n try {\r\n const appUrl = location.protocol + '//' + location.host;\r\n\r\n // Load each translation file\r\n // Assuming `loadTranslations` is a function that loads a JSON and adds it to i18next\r\n await Promise.all([\r\n loadTranslations(appUrl + '/locales', 'en', 'translation'),\r\n loadTranslations(appUrl + '/locales', 'da', 'translation'),\r\n loadTranslations(appUrl + '/locales', 'de', 'translation'),\r\n loadTranslations(appUrl + '/locales', 'cz', 'translation'),\r\n loadTranslations(appUrl + '/locales', 'es', 'translation'),\r\n loadTranslations(appUrl + '/locales', 'sk', 'translation'),\r\n loadTranslations(appUrl + '/locales', 'pl', 'translation'),\r\n loadTranslations(appUrl + '/locales', 'no', 'translation')\r\n ]);\r\n setLoading(false);\r\n } catch (error) {\r\n console.error('Failed to load translations:', error);\r\n // Optionally set error handling or default state\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if(loading) loadResources();\r\n }, [loading]);\r\n\r\n if (loading) {\r\n return Loading translations...
;\r\n }\r\n\r\n return children;\r\n};\r\n\r\nexport default Loader;","import 'react-app-polyfill/stable'\r\nimport React from 'react'\r\nimport {render} from 'react-dom'\r\nimport WebFont from 'webfontloader'\r\nimport {Provider} from 'react-redux'\r\nimport {PersistGate} from 'redux-persist/integration/react'\r\nimport {ThemeProvider, createGlobalStyle} from 'styled-components'\r\nimport {normalize} from 'polished'\r\nimport {\r\n BrowserRouter as Router,\r\n Switch,\r\n Route,\r\n Redirect,\r\n} from 'react-router-dom'\r\nimport qs from 'qs'\r\nimport App from 'app/components/App'\r\nimport {Signup} from 'signup/components'\r\nimport {store as signupStore, persistor} from 'signup'\r\nimport store from './store'\r\nimport theme from 'lib/style/theme'\r\nimport Cookies from './Cookies'\r\nimport './i18n'\r\nimport 'lib/yup'\r\nimport { GrowthBook, GrowthBookProvider } from \"@growthbook/growthbook-react\";\r\nimport ReactErrorBoundary from \"components/ReactErrorBoundary\";\r\nimport LandingPage from 'payments/components/LandingPage'\r\nimport Loader from './locales/loader.js'\r\nimport punydecode from 'punycode';\r\n\r\nWebFont.load({\r\n google: {\r\n families: ['Roboto:300,400,700'],\r\n },\r\n})\r\n\r\n\r\nconst GlobalStyle = createGlobalStyle`\r\n ${normalize()};\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n font-size: 14px;\r\n\r\n @media (min-width: 1025px) {\r\n font-size: 14px;\r\n }\r\n }\r\n\r\n body.modal-open {\r\n overflow: hidden;\r\n }\r\n`\r\n\r\nif (typeof Node === 'function' && Node.prototype) {\r\n const originalRemoveChild = Node.prototype.removeChild\r\n Node.prototype.removeChild = function (child) {\r\n if (child.parentNode !== this) {\r\n if (console) {\r\n console.error(\r\n 'Cannot remove a child from a different parent',\r\n child,\r\n this\r\n )\r\n }\r\n return child\r\n }\r\n return originalRemoveChild.apply(this, arguments)\r\n }\r\n\r\n const originalInsertBefore = Node.prototype.insertBefore\r\n Node.prototype.insertBefore = function (newNode, referenceNode) {\r\n if (referenceNode && referenceNode.parentNode !== this) {\r\n if (console) {\r\n console.error(\r\n 'Cannot insert before a reference node from a different parent',\r\n referenceNode,\r\n this\r\n )\r\n }\r\n return newNode\r\n }\r\n return originalInsertBefore.apply(this, arguments)\r\n }\r\n}\r\n\r\nconst growthbook = new GrowthBook({\r\n \r\n});\r\n\r\nfunction launch() {\r\n render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n (\r\n {\r\n const {clubToken, code} = qs.parse(props.location.search, {\r\n ignoreQueryPrefix: true,\r\n })\r\n \r\n return clubToken || code ? (\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 document.getElementById('root')\r\n )\r\n}\r\n\r\nconst minOrganisation_apiMyOrgUrl = localStorage.getItem(\"minOrganisation_apiMyOrgUrl\");\r\nconst minOrganisation_growthBookUrl = localStorage.getItem(\"minOrganisation_growthBookUrl\");\r\nconst useOrganisation = document.head.querySelector(\"[name~=useMinOrganisation][content]\").content == \"true\";\r\nif (useOrganisation) {\r\n var hostname = window.location.hostname; // Get the full hostname\r\n const parts = hostname.split('.'); // Split the hostname into parts\r\n const tenantApi = () => document.head.querySelector(\"[name~=tenantApi][content]\").content;\r\n\r\n var subDomain = \"\"\r\n if (hostname.indexOf(\".minorganisation.dk\") !== -1 && parts.length > 2) {\r\n // If the hostname has more than two parts, the first part is usually the subdomain\r\n subDomain = parts.slice(0, parts.length - 2).join('.');\r\n subDomain = punydecode.toUnicode(subDomain); // decoded if there is \"æøå\"\r\n var splittedTLD = subDomain.split('-');\r\n var replaceTLD = splittedTLD[splittedTLD.length - 1]\r\n subDomain = subDomain.replace(\"-\" + replaceTLD, \".\" + replaceTLD)\r\n }\r\n\r\n var minorgendpointResolverUrl = tenantApi() + \"/tenant/minorgendpoint/\" + subDomain;\r\n var minorggrowthbookurlResolverUrl = tenantApi() + \"/tenant/minorggrowthbookurl/\" + subDomain;\r\n\r\n if (minOrganisation_apiMyOrgUrl) {\r\n document.head.querySelector(\"[name~=apiMyOrgUrl][content]\").setAttribute('content', minOrganisation_apiMyOrgUrl);\r\n document.head.querySelector(\"[name~=growthBookUrl][content]\").setAttribute('content', minOrganisation_growthBookUrl);\r\n launch();\r\n } else {\r\n\r\n if (!subDomain) {\r\n localStorage.removeItem(\"mf-club-id\");\r\n localStorage.removeItem(\"mf-user\");\r\n document.head.querySelector(\"[name~=apiMyOrgUrl][content]\").setAttribute('content', '');\r\n launch();\r\n } else {\r\n fetch(minorgendpointResolverUrl).then(response => {\r\n if (!response.ok) {\r\n throw new Error('Network response was not ok');\r\n }\r\n return response.text();\r\n })\r\n .then(apiMyOrgUrl => {\r\n localStorage.removeItem(\"mf-club-id\");\r\n localStorage.removeItem(\"mf-user\");\r\n localStorage.setItem(\"minOrganisation_apiMyOrgUrl\", apiMyOrgUrl + \"/api\");\r\n document.head.querySelector(\"[name~=apiMyOrgUrl][content]\").setAttribute('content', apiMyOrgUrl + \"/api\");\r\n\r\n fetch(minorggrowthbookurlResolverUrl).then(response => {\r\n if (!response.ok) {\r\n throw new Error('Network response was not ok');\r\n }\r\n return response.text();\r\n })\r\n .then(growthBookUrl => {\r\n document.head.querySelector(\"[name~=growthBookUrl][content]\").setAttribute('content', growthBookUrl);\r\n\r\n launch();\r\n }).catch(error => {\r\n console.error('Error:', error);\r\n \r\n localStorage.removeItem(\"mf-club-id\");\r\n localStorage.removeItem(\"mf-user\");\r\n document.head.querySelector(\"[name~=apiMyOrgUrl][content]\").setAttribute('content', '');\r\n launch();\r\n });\r\n\r\n })\r\n .catch(error => {\r\n console.error('Error:', error);\r\n \r\n localStorage.removeItem(\"mf-club-id\");\r\n localStorage.removeItem(\"mf-user\");\r\n document.head.querySelector(\"[name~=apiMyOrgUrl][content]\").setAttribute('content', '');\r\n launch();\r\n });\r\n }\r\n }\r\n} else {\r\n launch();\r\n}\r\n\r\n"],"sourceRoot":""} ![](\"/static/media/logo-dark-da.png\"){kind=logo}
\r\n ![](\"/static/media/logo-dark-da.6563bb66.png\"){kind=logo}
\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 cookies from 'js-cookie'\r\nimport useCustomTranslation from 'lib/customT'\r\nimport {getAuthenticated} from 'authentication'\r\nimport {getCompanyName, getTldLocale} 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 getUrls from 'jsonFetches/getUrls'\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 locale,\r\n whiteLabelData\r\n}) => {\r\n const {showModal} = useContext(Context)\r\n const [logo, setLogo] = useState('');\r\n const [mainWebsiteUrl, setMainWebsiteUrl] = useState('');\r\n const [isSigningInExternal, setIsSigningInExternal] = useState(false);\r\n const t = useCustomTranslation();\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 return authenticated ? (\r\n