\n {`${\n (request.trainingTypes?.length &&\n (request.trainingTypes?.length > 1\n ? request.trainingTypes?.[0]?.speciality?.name\n : request.trainingTypes?.[0]?.name)) ||\n request.trainingType?.name\n } Program`} \n
\n {/*{`${request.programLength} days - ${request.daysOfTraining?.length} days p/week`} */}\n \n {request?.trainee?.fullName}\n \n
\n \n {/*
\n \n {request.status === 'PENDING' ? 'New' : request.status?.toLowerCase()}\n \n
\n{createdTime} \n
\n \n
0%
\n of Trainees
\n \n )}\n 100%
\n \n \n \n {(attr.name === 'unit' && `Total ${attr?.textValue}`) || attr.itemName}:\n \n \n {(attr.name === 'unit' &&\n (attr.type === 'number'\n ? `${formatNumber(attr?.value)} meters`\n : `${attr?.value?.slice(-5)}`)) ||\n ` ${attr?.value} km/h`}\n \n \n ) : (\n <>\n )}\n \n ))}\n
\n ) : ( */}\n \n {`${ex?.exercise?.title}:`} \n\n
\n \n )}\n\n \n
\n \n Setting \n {`${ex.setting}`} \n
\n \n Reps \n {`${ex.reps}`} \n
\n \n Notes \n {`${ex.notes}`} \n
\n \n Notes \n {`${ex.notes}`} \n
}\n \n ))}\n \n {block?.videoRequested && (\n Video Requested \n )}\n {block?.isWarmUp && (\n Warmup \n )}\n
\n \n {loading || submitting || calendarsLoading ? (\n \n \n {name ? `${name} - ` : ''}\n {`Day ${day?.programDay}`}\n X \n \n \n Workout Name: {day?.workout?.name}\n \n {isGroup && !chosenIndividual ? (\n \n \n \n Completed Workout \n \n \n \n \n Workouts \n \n {console.log(workoutBlocks)}\n {workoutBlocks?.map((block) => (\n \n \n \n \n \n \n Trainees\n \n \n \n {day?.workout?.status\n ?.filter((status) => status.trainee)\n .sort(sortByWorkoutStatus)\n ?.map((status) => (\n setChosenIndividual(status?.trainee)}\n >\n \n {status?.trainee?.fullName\n ?.split(' ')\n ?.map((a) => a.substr(0, 1))\n .join('')}\n \n \n {status?.trainee?.fullName}\n \n \n {status?.type === WorkoutStatus.DONE ? (\n \n \n ))}\n \n \n \n \n \n \n \n ) : (\n setChosenIndividual(null)}\n refetchProgram={refetchProgram}\n setSubmitting={setSubmitting}\n closeModal={closeModal}\n refetchCalendars={refetchCalendars}\n />\n )}\n \n )}\n
\n \n \n );\n};\n\nexport default CalendarResultsModal;\n","import React, { useMemo } from 'react';\n\nimport icons from '../../constants/icons';\nimport CustomButton from '../button/CustomButton';\nimport {\n Avatar,\n DumbellIcon,\n StatusIcon,\n TraineeInfoWrapper,\n TraineeName,\n WorkoutInfoWrapper,\n WorkoutNameWrapper,\n} from './components';\n\nconst RespWorkoutInfo = ({\n data,\n status,\n name,\n time,\n avatarUrl,\n initials,\n onButtonClick,\n buttonText,\n location,\n workoutName,\n}) => {\n const icon = useMemo(() => {\n if (time) {\n return location ? icons.LocationIcon : icons.VideoCamera;\n }\n\n return icons.dumbellSvg;\n }, [location, time]);\n\n return (\n {`${doneBy}/${participants}`}
\n \n
\n )}\n\n {block?.type !== WorkoutBlockType.PILATESR && \n
\n\n \n Setting \n
\n \n \n {({ field }) => (\n setFieldValue(field.name, v)}\n value={field.value}\n error={ touched?.blocks?.[index] && !!errors?.blocks?.[index]?.exercises?.[i]?.setting}\n />\n )}\n \n
\n \n
\n\n \n Reps \n
\n \n \n {({ field }) => (\n setFieldValue(field.name, v)}\n value={field.value}\n error={ touched?.blocks?.[index] && !!errors?.blocks?.[index]?.exercises?.[i]?.reps}\n />\n )}\n \n
\n \n
\n\n \n Notes \n
\n \n \n {({ field }) => (\n setFieldValue(field.name, v)}\n value={field.value}\n error={ touched?.blocks?.[index] && !!errors?.blocks?.[index]?.exercises?.[i]?.notes}\n />\n )}\n \n
\n \n
}\n \n );\n};\n\nexport default Exercise;\n","import React, { useContext, useState } from 'react';\nimport { Field, FieldArray } from 'formik';\n\nimport CustomInput from '../input/CustomInput';\nimport CustomSearch from '../input/CustomSearch';\nimport CustomButton from '../button/CustomButton';\nimport CustomTextArea from '../input/CustomTextArea';\nimport CustomInputClock from '../input/CustomInputClock';\nimport CustomInputDropdown from '../input/CustomInputDropdown';\nimport AddExerciseModal from '../add-exercise-modal.jsx/AddExerciseModal';\nimport BlockActionsStack from './BlockActionsStack';\nimport {\n WorkoutBlockType,\n BlockExerciseUnit,\n BlockExerciseWeightType,\n} from '../../constants/enums';\n\nimport { useExercise } from '../../hooks';\n\nimport {\n WorkoutBlockForm,\n WorkoutBlockHeader,\n WorkoutBlockContent,\n AttributeWrapper,\n AttributeBullet,\n AttributeLabel,\n WorkoutBlockFooter,\n WorkoutBlockApplyButton,\n AttrCheckBox,\n ExerciseWrapper,\n ExerciseIndex,\n ExerciseContent,\n WorkoutBlockHeaderIconsWrapper,\n WorkoutBlockHeaderIcon,\n DeleteExerciseIcon,\n FlexWrapper,\n AsNeeded,\n AsNeededCheck,\n WeekBlockFooter,\n ExercisesWrapper,\n ModalCloseX,\n} from './components';\nimport Exercise from './Exercise';\nimport AddBlockCommentTooltip from './AddBlockCommentTooltip';\nimport ICONS from '../../constants/icons';\nimport { MobileContext } from '../../services/MobileContext';\n\nconst EdittingWorkoutBlock = ({\n block,\n index,\n setFieldValue,\n errors,\n touched,\n deleteSelf,\n setTouched,\n week,\n handleCancel,\n onSubmit,\n setDraggingBlock,\n}) => {\n const { exercises, exercisesLoading, searchText, setSearchText, createNewExercise, loading } =\n useExercise();\n const [exerciseAdding, setExerciseAdding] = useState(null);\n\n const swapExercises = (blockIndex, x, y) => {\n const exercises = [...block.exercises];\n const tempExercise = exercises[x];\n exercises[x] = exercises[y];\n exercises[y] = tempExercise;\n setFieldValue(`blocks[${index}].exercises`, exercises);\n };\n const { isMobile } = useContext(MobileContext);\n const [draggingEx, setDraggingEx] = useState(null);\n const [draggingOverEx, setDraggingOverEx] = useState(null);\n return (\n \n Notes \n
\n \n \n {({ field }) => (\n setFieldValue(field.name, v)}\n value={field.value}\n error={ touched?.blocks?.[index] && !!errors?.blocks?.[index]?.exercises?.[i]?.notes}\n />\n )}\n \n
\n \n {block?.type !== 'REST' && (\n <>\n {index === 0 && (\n \n {({ field }) => (\n \n setFieldValue(field.name, !field.value)}\n />\n Mark this block as Warmup\n \n )}\n \n )}\n \n {({ field }) => (\n \n setFieldValue(field.name, !field.value)}\n />\n Request Video\n \n )}\n \n \n )}\n
\n {!week && (\n \n \n {initials}\n \n {name} \n
\n -
}\n \n \n {initials}\n \n {name} \n
\n {content?.note || 'No Additional Notes'}
\n \n {STRINGS.total_price} \n {`₪${(monthlyPrice + orgFee) * monthsLeft}`} \n {`(₪ ${monthlyPrice * monthsLeft} will be paid to the coach)`}\n
\n )}\n \n \n {(item.trainingTypes?.length &&\n (item.trainingTypes?.length > 1\n ? item.trainingTypes?.[0]?.speciality?.name\n : item.trainingTypes?.[0]?.name)) ||\n item.trainingType?.name}{' '}\n Program\n \n\n \n {item.trainee?.fullName}\n \n \n {item.programLength / 30} month - {item?.daysOfTraining?.length} days p/week\n \n {item?.approvedDate && (\n {moment(item?.approvedDate).format('DD/MM/YYYY')} \n )}\n
\n\n \n setNotificationsOpen((curr) => !curr)}\n />\n
\n )}\n \n Export page
\n go to signup page\n \n );\n};\n\nexport default Export;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst Stats = () => {\n return (\n <>\nStats page
\n go to Signup Page\n \n );\n};\n\nexport default Stats;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst Media = () => {\n return (\n <>\nMedia page
\n go to signup page\n \n );\n};\n\nexport default Media;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst Calendar = () => {\n return (\n <>\nCalendar page
\n go to signup page\n \n );\n};\n\nexport default Calendar;\n","import styled, { keyframes, css } from 'styled-components';\nimport ICONS from '../../constants/icons';\n\nexport const ProfileContainer = styled.div`\n display: flex;\n background: #f1f0f0;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 1px 3px 0 rgba(74, 74, 74, 0.12);\n min-height: Calc(100vh - 144px);\n`;\n\nexport const ProfileNavigation = styled.div`\n min-width: 20%;\n max-width: 360px;\n background: #f1f0f0;\n padding: 12px;\n display: flex;\n flex-direction: column;\n`;\n\nexport const ProfileMain = styled.div`\n height: 100%;\n min-height: 100vh;\n flex-grow: 1;\n display: flex;\n justify-content: space-between;\n`;\n\nexport const ProfileMainEdgeColumn = styled.div`\n min-width: 21%;\n background: ${({ bg }) => bg || '#f9f9f9'};\n border-left: 2px solid #0500001f;\n display: flex;\n flex-direction: column;\n`;\n\nexport const ProfileMainCenterColumn = styled.div`\n flex-grow: 1;\n border-left: 2px solid #0500001f;\n background: #ffffff;\n`;\n\nexport const ProfileNavHeading = styled.div`\n width: 100%;\n border-radius: 8px;\n background: #ffffff66;\n padding: 1.8rem 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: Space-b;\n font-size: 2rem;\n margin-bottom: 4rem;\n`;\n\nexport const ProfileNavLink = styled.div`\n width: 100%;\n border-radius: 8px;\n background: ${({ active, theme }) => (active ? theme.color.primary : '#ffffff')};\n box-shadow: ${({ active }) => (active ? '0px 20px 20px -24px rgb(0 0 0 / 40%)' : 'none')};\n color: ${({ active }) => (active ? '#050000' : '#373333cc')};\n font-family: ${({ active }) => (active ? 'Roboto-m' : 'Roboto-r')};\n background-image: url(${({ icon, active, activeIcon }) => (active ? activeIcon : icon)});\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 1.2rem;\n background-position: 1.8rem center;\n background-size: 1.6rem 2rem;\n background-repeat: no-repeat;\n padding: 2rem 3rem 2rem 5rem;\n cursor: pointer;\n text-align: center;\n`;\n\nexport const ProfileImageBlock = styled.div`\n width: 100%;\n padding: 3.6rem 18% 4.8rem;\n`;\n\nexport const PdfImageBlock = styled.div`\n width: 100%;\n padding: 3.6rem 30% 4.8rem;\n`;\nexport const ProfileImageFrame = styled.div`\n width: 100%;\n border: 3px solid ${({ theme }) => theme.color.primary};\n padding: 5%;\n border-radius: 50%;\n position: relative;\n`;\n\nexport const PdfImageFrame = styled.div`\n width: 100%;\n border: 3px solid ${({ theme }) => theme.color.primary};\n padding: 5%;\n position: relative;\n`;\nexport const ProfileId = styled.div`\n width: 15rem;\n border-radius: 8.8px;\n border: 3px solid ${({ theme }) => theme.color.primary};\n position: absolute;\n z-index: 11;\n background: #ffffff;\n font-family: Space-b;\n font-size: 1.8rem;\n line-height: 4rem;\n min-height: Calc(1.8rem + 20px);\n color: #373333;\n display: flex;\n justify-content: center;\n align-items: center;\n /* padding: 0.5rem 1rem; */\n margin: 0 Calc(50% - 8.5rem);\n bottom: -3%;\n`;\nexport const ProfileIdInfo = styled.div`\n width: 1.8rem;\n height: 1.8rem;\n border-radius: 50%;\n background: grey;\n margin-left: 0.8rem;\n font-family: Space-b;\n display: flex;\n align-items: center;\n font-size: 1rem;\n color: #4a4a4a;\n background: #c5c4c43d;\n border: 2px solid #9694943d;\n padding: 0.4rem;\n cursor: pointer;\n margin-bottom: ${({ marginBottom }) => (marginBottom ? marginBottom : '0')};\n position: relative;\n &:hover {\n background: ${({ theme }) => theme.color.primary};\n border-color: #15df68;\n }\n &:hover > .wit_tooltip {\n display: block;\n }\n`;\nexport const ProfileImage = styled.div`\n overflow: hidden;\n position: relative;\n width: 100%;\n border-radius: 50%;\n background-image: url(${({ image }) => image});\n padding: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n overflow: visible;\n`;\n\nexport const PdfImage = styled.div`\n overflow: hidden;\n position: relative;\n width: 100%;\n background-image: url(${({ image }) => image});\n padding: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n overflow: visible;\n`;\n\nexport const CameraIcon = styled.div`\n width: 26%;\n height: 26%;\n border: 2px solid ${({ theme }) => theme.color.primary};\n position: absolute;\n z-index: 122;\n background: #ffffff;\n border-radius: 50%;\n background-image: url(${ICONS.CameraIcon});\n background-size: 53% auto;\n background-position: center;\n background-repeat: no-repeat;\n cursor: pointer;\n right: -16%;\n bottom: 12%;\n overflow: visible;\n`;\nexport const CameraIconPdf = styled.div`\n width: 26%;\n height: 26%;\n border: 2px solid ${({ theme }) => theme.color.primary};\n position: absolute;\n z-index: 122;\n background: #ffffff;\n border-radius: 50%;\n background-image: url(${ICONS.CameraIcon});\n background-size: 53% auto;\n background-position: center;\n background-repeat: no-repeat;\n cursor: pointer;\n right: -16%;\n bottom: -10%;\n overflow: visible;\n`;\n\nexport const BorderLabel = styled.div`\n padding: 0 1.2rem;\n background: inherit;\n font-family: Space-b;\n display: flex;\n align-items: center;\n color: #050000cc;\n position: absolute;\n top: -1.4rem;\n left: 26px;\n`;\n\nexport const BorderLabelEditIcon = styled.div`\n padding: 1rem;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n background-image: url(${ICONS.Edit});\n margin-left: 1.2rem;\n cursor: pointer;\n &:hover {\n background-image: url(${ICONS.EditGreen});\n }\n`;\n\nexport const LabeledInfoBlock = styled.div`\n width: 100%;\n background: inherit;\n border-top: 2px solid #0500001f;\n position: relative;\n flex-grow: 1;\n`;\n\nexport const ProfileName = styled.div`\n margin: 3.6rem 4rem 6.4rem 4rem;\n line-height: 3.6rem;\n font-family: Gotham-R;\n font-size: 3.2rem;\n color: #050000cc;\n`;\n\nexport const ChangesSavedIcon = styled.div`\n padding: 16px 7px;\n background-image: url(${ICONS.Logo});\n margin-right: 0.8rem;\n background-repeat: no-repeat;\n background-size: contain;\n background-position: top right;\n margin: 8px;\n`;\n\nconst Pulse = keyframes`\n 0%, 80%, 100% {\n padding: 0rem;\n margin: 0 0.9rem;\n }\n 40% {\n padding: 0.5rem;\n margin: 0 0.4rem;\n }\n`;\n\nexport const LoadingDot = styled.span`\n margin: 0 0.9rem;\n padding: 0;\n border-radius: 50%;\n background: #05000099;\n animation: ${Pulse} 1.4s infinite ease-in-out both;\n animation-delay: ${({ i }) => `${i * -0.16}s`};\n`;\nexport const ChangesSaved = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: Gotham-r;\n color: #05000099;\n width: ${({ autoSize }) => (autoSize ? 'fit-content' : '100%')};\n height: ${({ autoSize }) => (autoSize ? 'fit-content' : '13.55rem')};\n /* margin: 2.6rem 4rem 5.4rem; */\n font-size: 1.8rem;\n`;\n\nexport const PhysicalInfoBox = styled.div`\n width: 100%;\n display: flex;\n justify-content: space-between;\n border-bottom: 2px solid #0500001f;\n`;\n\nexport const PhysicalInfoItem = styled.div`\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n border-right: 1px solid #0500001f;\n padding: 3.6rem 0.8rem 2.4rem;\n font-size: 2rem;\n font-family: Space-b;\n width: 25%;\n &:last-child {\n border: none;\n }\n`;\n\nexport const PhysicalInfoItemLabel = styled.div`\n font-family: Roboto-l;\n font-size: 1.2rem;\n color: #4a4a4a;\n margin-top: 8px;\n text-align: center;\n height: 2.4rem;\n`;\n\nexport const PersonalInfoContainer = styled.div`\n width: 100%;\n padding: 1.2rem 2rem;\n`;\n\nexport const AboutContainer = styled.div`\n width: 100%;\n padding: 4.2rem 0.8rem 4.8rem;\n color: #050000cc;\n font-size: 1.4rem;\n`;\n\n\nexport const PDFContainer = styled.div`\n width: 100%;\n padding: 4.2rem 0.8rem 4.8rem;\n color: #050000cc;\n font-size: 1.4rem;\n height: 500;\n`;\n\nexport const ScrollableContainer = styled.div`\n width: 100%;\n max-height: 24.7rem;\n height: 100%;\n /* width */\n &::-webkit-scrollbar {\n width: 0.4rem;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #e2e2e2;\n border-radius: 2px;\n }\n overflow-y: auto;\n padding: 0 2.8rem;\n`;\n\nexport const ProfessionalInfoContainer = styled.div`\n width: 100%;\n padding: 4rem 4rem 0 4rem;\n`;\n\nexport const ProfessionalInfoItem = styled.div`\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n`;\n\nexport const ProfessionalInfoItemLabel = styled.div`\n width: 20rem;\n display: flex;\n padding: 1.2rem 2.4rem 1.2rem 0;\n align-items: center;\n font-family: Roboto-m;\n font-size: 1.4rem;\n color: #05000077;\n`;\n\nexport const ProfessionalInfoGreenCircle = styled.div`\n width: 8px;\n height: 8px;\n margin-right: 1.2rem;\n background: ${({ theme }) => theme.color.primary};\n border-radius: 50%;\n`;\n\nexport const ProfessionalInfoItemValue = styled.div`\n flex-grow: 1;\n padding: 0 0 2.4rem;\n display: flex;\n flex-wrap: wrap;\n max-width: Calc(100% - 20rem);\n`;\n\nexport const ExperienceWrapper = styled.div`\n width: 112px;\n`;\n\nexport const PseudoSpeciality = styled.div`\n width: 100px;\n flex-grow: 1;\n`;\n\nexport const CredentialItem = styled.div`\n width: 100%;\n background: #f9f9f9;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.6rem 0.8rem 0.6rem 1.6rem;\n font-size: 1.4rem;\n margin-bottom: 2.4rem;\n`;\n\nexport const FlexWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const DownloadButton = styled.div`\n width: 28px;\n height: 28px;\n background-image: ${`url(${ICONS.Download})`};\n background-position: center;\n background-size: contain;\n background-repeat: no-repeat;\n cursor: pointer;\n margin-left: 4px;\n`;\n\nexport const GreyButton = styled.div`\n width: 20px;\n height: 20px;\n border-radius: 6px;\n background: #f1f0f0;\n background-image: ${({ icon }) => (icon ? `url(${icon})` : `url(${ICONS.File})`)};\n background-position: center;\n background-size: 48%;\n background-repeat: no-repeat;\n margin-right: 4px;\n background-color: #ffffff;\n`;\n\nexport const PortfolioScroll = styled.div`\n height: 100%;\n &::-webkit-scrollbar {\n width: 0.4rem;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #e2e2e2;\n border-radius: 2px;\n }\n overflow-y: auto;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 0 1rem;\n`;\n\nexport const PortfolioWrapper = styled.div`\n width: 100%;\n display: flex;\n padding: 4rem 0.6rem;\n flex-grow: 1;\n height: 100%;\n position: absolute;\n`;\n\nexport const PortfolioItemWrapper = styled.div`\n opacity: ${({ blur }) => (blur ? '0.5' : '1')};\n width: Calc(50% - 16px);\n margin: 0 0.8rem 1.6rem;\n padding-bottom: Calc(35% - 0.8rem);\n background: ${({ addBlock }) => (addBlock ? 'transparent' : 'black')};\n flex-grow: 1;\n border-radius: 8px;\n background-image: url(${({ image }) => image});\n background-size: ${({ size }) => (size ? size : 'cover')};\n background-position: center;\n background-repeat: no-repeat;\n position: relative;\n cursor: pointer;\n &:hover > #scalable {\n background-size: auto 30%;\n }\n`;\n\nexport const VideoSign = styled.div`\n background-image: url(${ICONS.VideoSign});\n background-size: auto 25%;\n background-position: center;\n background-repeat: no-repeat;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n position: absolute;\n z-index: 11;\n`;\n\nexport const DeleteSign = styled.div`\n width: 16px;\n height: 16px;\n background-image: url(${ICONS.BinSimpleGrey});\n background-size: contain;\n background-position: center;\n background-repeat: no-repeat;\n top: 8px;\n right: 8px;\n position: absolute;\n z-index: 11;\n &:hover {\n transform: scale(1.2);\n }\n`;\n\nexport const PseudoPortfolioItem = styled.div`\n width: Calc(50% - 16px);\n margin: 0 0.8rem 1.6rem;\n`;\n\n// pricing & coupons\n\nexport const PricingWrapper = styled.div`\n width: 100%;\n background: #ffffff;\n`;\n\nexport const PricingHeader = styled.div`\n width: 100%;\n border-bottom: 2px solid #0500000b;\n height: fit-content;\n display: flex;\n`;\n\nexport const PricingHeaderItem = styled.div`\n width: ${({ isMobile }) => (isMobile ? '50%' : '172px')};\n border-right: 2px solid #0500000b;\n border-left: 2px solid transparent;\n padding: 2rem 0;\n text-align: center;\n line-height: 2rem;\n cursor: pointer;\n color: #373333;\n font-family: ${({ active }) => (active ? 'Roboto-m' : 'Roboto-r')};\n font-size: ${({ active }) => (active ? '1.8rem' : '1.6rem')};\n position: relative;\n &:last-child {\n border-left: ${({ isMobile }) => (isMobile ? '1px solid #0500000b' : '1px solid transparent')};\n border-right: ${({ isMobile }) => (isMobile ? '1px solid transparent' : '1px solid #0500000b')};\n }\n &::after {\n content: '';\n display: ${({ active }) => (active ? 'block' : 'none')};\n position: absolute;\n width: Calc(100% + 4px);\n height: 4px;\n background: #53ff8a;\n bottom: -2px;\n border-radius: 3px;\n left: -2px;\n }\n`;\n\nexport const ProfileCode = styled.div`\n font-family: Roboto-r;\n font-size: 1.6rem;\n line-height: 4.5rem;\n color: #05000066;\n padding: 1.2rem 3.2rem;\n margin: 1.4rem 0 2.2rem;\n display: flex;\n align-items: center;\n ${({ isMobile }) =>\n isMobile &&\n css`\n margin-top: 2.8rem;\n border-radius: 8px;\n border: solid 0.5px rgba(0, 0, 0, 0.15);\n width: calc(100% - 40px);\n justify-content: center;\n height: 48px;\n font-family: Roboto-r;\n font-size: 13px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.62;\n letter-spacing: 0.4px;\n text-align: left;\n color: #373333;\n `}\n`;\n\nexport const ProfileCodeValue = styled.span`\n font-family: Space-b;\n font-size: 3rem;\n line-height: 4.5rem;\n color: #050000;\n padding-left: 2rem;\n padding-bottom: 0.4rem;\n ${({ isMobile }) =>\n isMobile &&\n css`\n font-family: Gotham-r;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: unset;\n letter-spacing: 1px;\n text-align: left;\n color: #4a4a4a;\n padding-bottom: 0;\n `}\n`;\n\nexport const FlexWrapperSpaceBet = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n ${({ isMobile }) =>\n isMobile &&\n css`\n flex-direction: column-reverse;\n `}\n`;\n\nexport const AddCouponButton = styled.button`\n border: none;\n outline: none;\n border-radius: 8px;\n background: ${({ theme }) => theme.color.primary};\n box-shadow: 0px 2rem 2rem -2rem rgb(0 0 0 / 40%);\n color: #050000;\n font-family: Roboto-m;\n font-size: 1.4rem;\n line-height: 2.4rem;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.8rem 4rem;\n cursor: pointer;\n text-align: center;\n margin-right: 3.2rem;\n ${({ isMobile }) =>\n isMobile &&\n css`\n margin: 24px 20px 11px 20px;\n width: calc(100% - 40px);\n height: 48px;\n `}\n &:active {\n box-shadow: 0px 2rem 2rem -2.2rem rgb(0 0 0 / 40%);\n transform: scale(0.98);\n }\n`;\n\nexport const AddCouponButtonMobileText = styled.span`\n font-family: Roboto-b;\n font-size: 14px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: 0.5px;\n text-align: center;\n color: #050000;\n`;\n\nexport const AddCouponButtonPlus = styled.span`\n padding: 1.6rem;\n background-image: url(${ICONS.PlusIcon});\n background-repeat: no-repeat;\n background-size: 100%;\n background-position: center;\n margin-right: 0.8rem;\n cursor: pointer;\n`;\n\nexport const PricingListWrapper = styled.div`\n padding: 0 3.2rem;\n`;\n\nexport const PricingListHeading = styled.div`\n font-family: Roboto-m;\n font-size: 1.6rem;\n line-height: 2.4rem;\n color: #4a4a4a;\n`;\n\nexport const ProgramsWrapper = styled.div`\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 0 1.6rem;\n`;\n\nexport const SingleProgramWrapper = styled.div`\n width: Calc(33% - 3.2rem);\n min-width: 28rem;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n border-radius: 8px;\n background: #f1f0f0;\n margin: 0 1.6rem 3.2rem;\n`;\n\nexport const PseudoSingleProgram = styled.div`\n width: Calc(33% - 3.2rem);\n min-width: 28rem;\n flex-grow: 1;\n display: flex;\n margin: 0 1.6rem 3.2rem;\n`;\n\nexport const ProgramImage = styled.div`\n width: 100%;\n padding-bottom: 72%;\n background: #00000055;\n position: relative;\n background-image: ${({ image }) => `url(${image})`};\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 8px;\n border: 0.5px solid #d1d1d188;\n`;\n\nexport const ProgramImageFade = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background: #ffffff55;\n display: flex;\n justify-content: center;\n`;\n\nexport const ProgramImageLines = styled.div`\n width: 33%;\n height: 100%;\n border-right: 1px solid #05000066;\n border-left: 1px solid #05000066;\n`;\n\nexport const ProgramName = styled.div`\n position: absolute;\n text-transform: uppercase;\n width: 100%;\n height: 33%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: Gotham-r;\n font-size: 2.1rem;\n line-height: 2.5rem;\n letter-spacing: 0.1rem;\n color: #ffffff;\n padding: 2rem 0;\n min-height: fit-content;\n background: #4a4a4a99;\n top: max(33%, 3.25rem);\n`;\n\nexport const PriceHeading = styled.div`\n font-family: Gotham-r;\n font-size: 1.4rem;\n line-height: 2.1rem;\n color: #4a4a4a99;\n padding: 1.6rem 0 1.2rem;\n`;\n\nexport const PriceInputWrapper = styled.div`\n width: 80%;\n height: 8rem;\n border-radius: 8px;\n margin: auto;\n`;\n\nexport const AdvencedOptions = styled.div`\n margin: 1.6rem 0 3.2rem;\n font-family: Roboto-m;\n font-size: 1.4rem;\n line-height: 2.1rem;\n color: #0500009a;\n cursor: pointer;\n border-bottom: 2px solid transparent;\n &:hover {\n border-bottom: 2px solid #37333399;\n }\n`;\n\n// preferences & settings\n\nexport const SettingsWrapper = styled.div`\n width: 100%;\n background: #ffffff;\n min-height: Calc(100vh - 144px);\n padding: 32px 0;\n`;\n\nexport const SettingsInfoBlock = styled.div`\n width: 100%;\n padding: 5.6rem 5.6rem 6.4rem;\n`;\n\nexport const SettingsInputLabel = styled.div`\n line-height: 2rem;\n font-size: 1.6rem;\n font-family: roboto-r;\n margin-bottom: 2.4rem;\n color: #05000099;\n`;\n\nexport const LanguageWrapper = styled.div`\n margin-bottom: 3.2rem;\n display: flex;\n align-items: center;\n`;\n\nexport const LanguageLabel = styled.div`\n padding: 0.8rem 2.6rem 0.8rem 2.4rem;\n border-radius: 8px;\n background: ${({ theme }) => theme.color.primary};\n margin: 0 0.4rem;\n font-family: Roboto-r;\n font-size: 1.6rem;\n line-height: 2rem;\n position: relative;\n &:before {\n cursor: pointer;\n position: absolute;\n content: '';\n right: -0.6rem;\n top: -0.5rem;\n width: 1.6rem;\n height: 1.6rem;\n background: #00000015;\n border-radius: 50%;\n }\n`;\n\nexport const MultiValueDeleteX = styled.div`\n cursor: pointer;\n position: absolute;\n content: '';\n right: -0.5rem;\n top: -0.5rem;\n width: 1.6rem;\n height: 1.6rem;\n background: red;\n background-image: url(${ICONS.PlusIcon});\n background-size: 120%;\n z-index: 224554;\n background-repeat: no-repeat;\n background-position: center;\n transform: rotate(45deg);\n &:hover {\n transform: scale(1.25) rotate(45deg);\n }\n`;\n\nexport const TraineesWrapper = styled.div`\n width: 16.4rem;\n height: 4.8rem;\n`;\n\nexport const SettingUnits = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const UnitBlock = styled.div`\n display: flex;\n align-items: center;\n margin-right: 3.6rem;\n`;\n\nexport const UnitContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1.4rem 3.2rem;\n border-radius: 8px;\n border: 1px solid ${({ theme, active }) => (active ? theme?.color?.primary : '#CDCCCC')};\n box-shadow: inset 0px 0px 0px 1px\n ${({ theme, active }) => (active ? theme?.color?.primary : 'transparent')};\n line-height: 2rem;\n color: ${({ active }) => (active ? '#050000' : '#05000080')};\n margin-right: 1.2rem;\n cursor: pointer;\n`;\n\nexport const Pusher = styled.div`\n width: 100%;\n min-height: 12rem;\n display: flex;\n flex-grow: 1;\n`;\n\nexport const TermsAndPrivacy = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n`;\n\nexport const StyledLink = styled.a`\n font-size: 1.8rem;\n min-height: 1.8rem;\n font-family: Roboto-m;\n cursor: pointer;\n margin-top: 1.2rem;\n &:hover {\n text-decoration: underline;\n }\n`;\nexport const CoachesWrapper = styled.div`\n width: 100%;\n overflow-y: auto;\n padding: 3.2rem 2rem;\n`;\nexport const CoachRowName = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n padding: 1.6rem 0.8rem;\n border-bottom: 1px solid #05000012;\n &:last-child {\n border: none;\n }\n`;\nexport const CoachRowImage = styled.div`\n width: 2.8rem;\n height: 2.8rem;\n margin-right: 1.6rem;\n background-image: url(${({ img }) => img});\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n border-radius: 4px;\n`;\n\nexport const CoachFeeWrapper = styled.div`\n width: 20%;\n flex-grow: ${({ grow }) => (grow ? '1' : 'none')};\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n font-family: Roboto-m;\n font-size: 1.4rem;\n color: #37333399;\n margin-bottom: 4.4rem;\n padding: 0 1.6rem;\n margin-left: 1.6rem;\n`;\n\nexport const CoachFeeInput = styled.div`\n font-family: Roboto-m;\n font-size: 1.6rem;\n color: #37333399;\n`;\n","import styled from 'styled-components';\nimport ICONS from '../../constants/icons';\n\nexport const CardContainer = styled.div`\n min-width: 220px;\n width: max(220px, Calc(90% / 6));\n max-width: 320px;\n flex-grow: 1;\n height: 35.6rem;\n border-radius: 8px;\n border: 1px solid rgba(5, 0, 0, 0.12);\n background: #ffffff;\n display: flex;\n flex-direction: column;\n margin: 1.2rem;\n overflow: hidden;\n`;\nexport const TemplateCardContainer = styled.div`\n min-width: 22rem;\n width: max(22rem, Calc(90% / 6));\n flex-grow: 1;\n /* height: 315px; */\n border-radius: 8px;\n border: 1px solid rgba(5, 0, 0, 0.12);\n background: #ffffff;\n display: flex;\n flex-direction: column;\n margin: 1.2rem;\n overflow: hidden;\n cursor: ${({ withoutFooterButton }) => (withoutFooterButton ? 'pointer' : 'inherit')};\n`;\n\nexport const PseudoTraineeCard = styled.div`\n min-width: 220px;\n max-width: 320px;\n width: max(220px, Calc(90% / 6));\n flex-grow: 1;\n margin: 12px;\n`;\n\nexport const PseudoTemplateCard = styled.div`\n min-width: max(22rem, Calc(100% / 6 - 2.4rem));\n width: Calc(100% / 6 - 2.4rem);\n flex-grow: 1;\n margin: 1.2rem;\n`;\n\nexport const PseudoParticipantCard = styled.div`\n min-width: 24rem;\n width: max(26rem, Calc(100% / 6 - 2.4rem));\n flex-grow: 1;\n margin: 12px;\n`;\n\nexport const CardHeader = styled.div`\n width: 100%;\n height: 60px;\n display: flex;\n border-bottom: 1px solid #05000016;\n position: relative;\n justify-content: center;\n background-image: url(${({ backgroundUrl }) => backgroundUrl});\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n`;\n\nexport const CardHeaderIconCell = styled.div`\n flex: 1;\n flex-grow: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const StatusCircle = styled.div`\n min-width: 14px;\n min-height: 14px;\n background: ${({ status, theme }) =>\n status === 'ONGOING'\n ? theme.color.primary\n : status === 'APPROVED'\n ? '#ffcc00'\n : status === 'DECLINED'\n ? theme.color.error\n : 'transparent'};\n border: 3px solid\n ${({ status, theme }) => (status === 'ENDED' ? theme.color.primary : 'transparent')};\n border-radius: 50%;\n`;\n\nexport const MessengerIcon = styled.div`\n cursor: pointer;\n width: 3.2rem;\n height: 3.2rem;\n &.hoverable_message_button:hover {\n background: #00ff91;\n }\n`;\n\nexport const TrashIcon = styled.div`\n cursor: pointer;\n width: 3.2rem;\n height: 3.2rem;\n margin-right: 1.6rem;\n border: 1px solid #f1f0f0;\n border-radius: 8px;\n &:hover {\n background: #f50a4faa;\n }\n`;\n\nexport const TrashIconImg = styled.div`\n width: 100%;\n height: 100%;\n background-image: url(${ICONS.BinSimpleDark});\n background-repeat: no-repeat;\n background-position: center;\n background-size: auto 56%;\n`;\n\nexport const ViewIcon = styled.div`\n cursor: pointer;\n width: 3.2rem;\n height: 3.2rem;\n margin-right: 1.6rem;\n border: 1px solid #f1f0f0;\n border-radius: 8px;\n &:hover {\n background: #00ff91;\n }\n`;\n\nexport const ViewIconImg = styled.div`\n width: 100%;\n height: 100%;\n background-image: url(${ICONS.OptionViewDark});\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n`;\n\nexport const MessengerIconImg = styled.div`\n width: 100%;\n height: 100%;\n background-image: ${({ cancelBtn, active }) =>\n cancelBtn\n ? `url(${ICONS.BinSimpleGrey})`\n : active\n ? `url(${ICONS.MessageActive})`\n : `url(${ICONS.Message})`};\n background-repeat: no-repeat;\n background-position: center;\n background-size: 60% auto;\n`;\nexport const DeleteEditOrgGroup = styled.span`\n padding: 1.6rem;\n cursor: pointer;\n &.edit {\n background-image: url(${ICONS.EditGrey});\n &:hover {\n background-image: url(${ICONS.EditFill});\n }\n &:active {\n background-image: url(${ICONS.EditStroke});\n }\n }\n &.del {\n background-image: url(${ICONS.DeleteGrey});\n &:hover {\n background-image: url(${ICONS.DeleteFill});\n }\n &:active {\n background-image: url(${ICONS.DeleteStroke});\n }\n }\n background-repeat: no-repeat;\n background-size: 100%;\n background-position: center;\n margin-right: 1rem;\n &:last-child {\n margin: 0;\n }\n`;\nexport const DuplicateIconCorner = styled.div`\n width: 2.8rem;\n height: 2.8rem;\n border-radius: 0 8px 0 3px;\n border-radius: 6px;\n position: absolute;\n right: 0.8rem;\n padding: 0.5rem 0.4rem 0.4rem 0.5rem;\n top: 0.8rem;\n background: #ffffffcc;\n cursor: pointer;\n &:hover {\n transform: scale(1.05);\n background: #ffffffee;\n }\n &:hover > div {\n background-image: url(${ICONS.CopyActive});\n }\n`;\nexport const DuplicateIconImg = styled.div`\n width: 100%;\n height: 100%;\n background-image: url(${ICONS.Copy});\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n background-size: 72% auto;\n &:hover {\n transform: scale(1.05);\n background-image: url(${ICONS.CopyActive});\n }\n`;\n\nexport const HeaderProfileCell = styled.div`\n flex: 1;\n flex-grow: 2;\n display: flex;\n justify-content: center;\n border-right: 1px solid #05000016;\n border-left: 1px solid #05000016;\n position: relative;\n`;\n\nexport const ProfilePic = styled.div`\n width: ${({ width }) => width || '8.8rem'};\n height: ${({ width }) => width || '8.8rem'};\n position: absolute;\n bottom: Calc(${({ width }) => width || '8.8rem'} / -2);\n border-radius: 50%;\n border: 4px solid #ffffff;\n box-shadow: 0 0 0 2px #d8d8d8;\n background-color: #d8d8d8;\n background-image: url(${({ profilePic }) => profilePic}) !important;\n background-size: cover !important;\n background-position: center !important;\n background-repeat: no-repeat !important;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: Gotham-r;\n letter-spacing: 0.8px;\n color: ${({ image }) => (image ? 'transparent' : '#cccccc')};\n text-transform: uppercase;\n font-size: 2rem;\n color: white;\n`;\n\nexport const CardBody = styled.div`\n flex-grow: 1;\n padding: 60px 2.1rem 2.6rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n`;\n\nexport const ParticipantCardBody = styled.div`\n flex-grow: 1;\n padding: 60px 1.4rem 2.6rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n`;\n\nexport const CardName = styled.div`\n width: 100%;\n font-family: Gotham-r;\n color: #373333;\n text-align: center;\n margin: auto;\n margin-bottom: 24px;\n`;\n\nexport const CardLevel = styled.div`\n width: 100%;\n font-size: 1.2rem;\n font-family: Roboto-r;\n color: #373333;\n text-align: center;\n margin: auto;\n margin-bottom: 24px;\n`;\n\nexport const CardInfo = styled.div`\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n`;\n\nexport const CardInfoRow = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n`;\n\nexport const CardInfoText = styled.div`\n font-family: ${({ val }) => (val ? 'Roboto-r' : 'Roboto-l')};\n min-width: ${({ val }) => (val ? '4rem' : 'fit-content')};\n max-width: ${({ val }) => (val ? '50%' : 'fit-content')};\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 1.2rem;\n line-height: 18px;\n color: #373333;\n`;\n\nexport const CardFooter = styled.div`\n width: 100%;\n min-height: fit-content;\n height: 10rem;\n border-top: 1px solid #05000016;\n display: flex;\n justify-content: space-evenly;\n position: relative;\n`;\n\nexport const FooterLine = styled.div`\n width: 1px;\n height: 100%;\n background: #05000016;\n`;\n\nexport const ButtonsWrapper = styled.div`\n position: absolute;\n width: 86%;\n height: Calc(100% - 2rem);\n top: 1rem;\n left: 7%;\n border-radius: 8px;\n`;\nexport const ButtonWrapper = styled.div`\n border-radius: 8px;\n background: #fff;\n &:hover {\n box-shadow: ${({ disabled }) => (disabled ? '' : '-1px 2px 6px 0px rgba(0, 0, 0, 0.2);')};\n }\n &:first-child {\n margin-bottom: 0.6rem;\n }\n`;\n\nexport const ParticipantCardFooter = styled.div`\n width: 100%;\n display: flex;\n border-top: 1px solid #05000016;\n`;\n\nexport const ParticipantHealthCell = styled.div`\n width: 50%;\n height: 9.8rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 2rem 1.2rem;\n border-left: 0.5px solid #05000010;\n &:first-child {\n border-left: none;\n border-right: 0.5px solid #05000010;\n }\n color: #37333399;\n font-family: Roboto-l;\n font-size: 1.2rem;\n`;\n\nexport const ParticipantHealthCellValue = styled.div`\n color: #373333;\n font-family: Roboto-r;\n font-size: 1.2rem;\n line-height: 1.8rem;\n margin-top: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n`;\n\nexport const ParticipantPhysicsWrapper = styled.div`\n width: 100%;\n display: flex;\n justify-content: space-around;\n`;\n\nexport const ParticipantPhysic = styled.div`\n font-family: Space-b;\n font-size: 1.8rem;\n color: #373333cc;\n padding: 0 1rem 0 2.4rem;\n background-image: url(${({ physIcon }) => physIcon});\n background-repeat: no-repeat;\n background-position: left;\n background-size: 2rem auto;\n`;\n\n// list item styling\n\nexport const FlexTDContent = styled.div`\n display: flex;\n align-items: center;\n color: inherit;\n justify-content: ${({ flexEnd }) => (flexEnd ? 'flex-end' : 'flex-start')};\n position: relative;\n`;\n\nexport const HoverIndicator = styled.div`\n position: absolute;\n height: 116%;\n width: 3px;\n left: -3.2rem;\n border-radius: 0 10rem 10rem 0;\n top: -6%;\n display: block;\n background: ${({ theme }) => theme.color.primary};\n display: none;\n`;\n\nexport const TraineeRow = styled.tr`\n width: 100%;\n background: white;\n margin: 0.6rem;\n border-radius: 8px;\n position: relative;\n &:hover {\n box-shadow: 0px 0px 4px 2px #00000012;\n }\n &:hover * .hover_indicator {\n display: block;\n }\n &:hover * .hoverable_message_button {\n border-color: #00ff91 !important;\n transform: scale(1.05);\n }\n &:hover * .hoverable_view_button {\n border-color: ${({ theme }) => theme.color.primary} !important;\n transform: scale(1.02);\n }\n &:hover * .hoverable_cancel_button {\n border-color: #f50a4faa !important;\n transform: scale(1.02);\n }\n &:hover > * {\n color: #050000;\n }\n`;\n\nexport const TraineeTD = styled.td`\n padding: 1.4rem 0 1.4rem 3.2rem;\n text-align: left;\n color: #373333e6;\n &:first-child {\n border-radius: 8px 0 0 8px;\n }\n &:last-child {\n border-radius: 0 8px 8px 0;\n padding-right: 3.2rem;\n }\n`;\n\nexport const TraineeRowProfilePic = styled.div`\n width: 3.6rem;\n height: 3.6rem;\n border-radius: 0.8rem;\n background-color: #d8d8d8;\n background-image: url(${({ profilePic }) => profilePic});\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: Gotham-r;\n letter-spacing: 0.8px;\n color: ${({ image }) => (image ? 'transparent' : '#cccccc')};\n text-transform: uppercase;\n font-size: 1.5rem;\n color: white;\n margin-right: 2rem;\n`;\n\nexport const MobileCardWrapper = styled.div`\n width: 100%;\n background: #fff;\n margin: 1rem 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 2rem 1rem 1rem;\n border-radius: 0.8rem;\n`;\n\nexport const MobileProfilePic = styled.div`\n min-width: 7.2rem;\n min-height: 7.2rem;\n border-radius: 1.6rem;\n background-color: #d8d8d83e;\n background-image: url(${({ profilePic }) => profilePic}) !important;\n background-size: cover !important;\n background-position: center !important;\n background-repeat: no-repeat !important;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: Gotham-r;\n letter-spacing: 0.8px;\n color: ${({ image }) => (image ? 'transparent' : '#cccccc')};\n text-transform: uppercase;\n font-size: 2rem;\n`;\n\nexport const MobileCardBody = styled.div`\n flex-grow: 1;\n padding: 0 1.6rem;\n`;\n\nexport const MobileCardInfoText = styled.div`\n font-family: Roboto-r;\n font-size: 1.2rem;\n line-height: 18px;\n color: #8d8d8d;\n`;\n","import styled from 'styled-components';\n\nexport const RadioWrapper = styled.div`\n display: flex;\n align-items: center;\n cursor: pointer;\n`;\n\nexport const RadioIcon = styled.div`\n box-sizing: border-box;\n background-color: white;\n width: ${({ selected }) => (selected ? '22px' : '19px')};\n height: ${({ selected }) => (selected ? '22px' : '19px')};\n border-radius: 50%;\n margin-right: ${({ selected }) => (selected ? '10px' : '13px')};\n margin-bottom: ${({ selected }) => (selected ? '0px' : '3px')};\n border: ${({ selected }) => (selected ? '4px solid #00FF91' : '1px solid rgba(5, 0, 0, 0.2)')};\n`;\n\nexport const RadioText = styled.span`\n opacity: 0.6;\n color: #373333;\n font-family: Roboto-m;\n font-size: 14px;\n letter-spacing: 0;\n line-height: 19px;\n`;\n","import React from 'react';\nimport { RadioWrapper, RadioIcon, RadioText } from './components';\n\nconst RadioButton = ({ text, selected, onClick, buttonStyle, textStyle }) => (\n\n
\n);\n\nconst WorkoutMessageModal = ({\n day,\n closeModal,\n existingMessage,\n program,\n refetchProgram,\n coachProgram,\n programTemplate,\n beginningDate,\n}) => {\n const { data } = useQuery(getCalendarMessagesQuery);\n\n const [messageType, setMessageType] = useState(existingMessage?.customMessage ? 1 : 0);\n const [message, setMessage] = useState(existingMessage || {});\n const [text, setText] = useState(existingMessage?.customMessage || '');\n\n const [icon, setIcon] = useState(existingMessage?.icon || '');\n const [isIconsOpen, setIsIconsOpen] = useState(false);\n const toggleIconsModal = useCallback(() => {\n if (messageType === 1) {\n setIsIconsOpen((s) => !s);\n }\n }, [messageType]);\n\n useEffect(() => {\n if (messageType === 0) {\n setText('');\n setIcon('');\n } else if (messageType === 1) {\n setMessage({});\n }\n }, [messageType]);\n\n const [error, setError] = useState('');\n const substractDays = useCallback(\n (days) => {\n const date = new Date(beginningDate);\n date.setDate(date.getDate() + days);\n return date;\n },\n [beginningDate],\n );\n const checkErrors = useCallback(() => {\n if (messageType === 0 && !message.id) {\n setError(errorMessages[0]);\n return true;\n } else if (messageType === 1 && !text) {\n setError(errorMessages[1]);\n return true;\n }\n return false;\n }, [message.id, messageType, text]);\n\n const [handleMessageCreate, { loading }] = useMutation(createCalendarMutation);\n const [handleMessageUpdate, { loading: editLoading }] = useMutation(editCalendarMutation);\n\n const handleSubmit = useCallback(async () => {\n if (!checkErrors()) {\n const messageDetails =\n messageType === 0\n ? {\n calendarMessage: message.id,\n }\n : {\n customMessage: text,\n icon: icon?.id,\n };\n\n // console.log({\n // ...messageDetails,\n // type: CalendarType.MESSAGE,\n // coachProgram,\n // programTemplate,\n // programDay: day.messageDay,\n // });\n\n if (existingMessage) {\n try {\n await handleMessageUpdate({\n variables: {\n record: {\n uid: existingMessage.uid,\n date: substractDays(day.messageDay),\n ...messageDetails,\n },\n },\n });\n refetchProgram();\n closeModal();\n } catch (err) {\n if (err.graphQLErrors?.find((x) => x.message.toLowerCase() === errorMessages[2].toLocaleLowerCase())) {\n setError(errorMessages[2]);\n refetchProgram();\n }\n }\n } else {\n await handleMessageCreate({\n variables: {\n calendar: {\n ...messageDetails,\n type: CalendarType.MESSAGE,\n coachProgram,\n programTemplate,\n programDay: day.messageDay,\n },\n },\n });\n closeModal();\n refetchProgram();\n }\n }\n }, [\n existingMessage,\n handleMessageCreate,\n handleMessageUpdate,\n icon,\n message.id,\n messageType,\n program,\n refetchProgram,\n text,\n day,\n closeModal,\n checkErrors,\n ]);\n\n useEffect(() => {\n if (error) {\n checkErrors();\n }\n }, [error, checkErrors]);\n\n // reset to defaults\n useEffect(() => {\n setMessageType(existingMessage?.customMessage ? 1 : 0);\n setMessage(existingMessage || {});\n setText(existingMessage?.customMessage || '');\n setIcon(existingMessage?.icon || '');\n setIsIconsOpen(false);\n setError('');\n }, [existingMessage]);\n\n return (\n \n
\n\n \n setText(val)}\n // error={errors[field.name]}\n disabled={messageType !== 1}\n />\n
\n\n \n {!!error && {error} }\n
\n \n\n \n \n );\n};\n\nexport default WorkoutMessageModal;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n border-radius: 4px;\n background-color: #ffffff;\n box-shadow: 0 1px 3px 0 rgba(74, 74, 74, 0.12);\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n`;\n\nexport const Content = styled.div`\n display: flex;\n max-height: 78.9rem;\n flex-grow: 1;\n`;\n\nexport const TemplateHeader = styled.div`\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: 3.6rem 3rem 1rem 3rem;\n padding-top: 3.6rem;\n flex-direction: ${({ reverse }) => (reverse ? 'row-reverse' : 'row')};\n`;\n\nexport const TemplateInputWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: ${({ justify }) => justify || 'space-between'};\n & > span {\n padding: 0 1.2rem 0 0.6rem;\n }\n & > * .option_icon {\n display: none;\n }\n & > .css-1joejl3-container {\n margin: 0;\n }\n`;\n\nexport const FlexWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const TemplateLengthItem = styled.div`\n padding: 1.2rem;\n line-height: 1.6rem;\n font-size: 1.4rem;\n color: 1px solid ${({ checked }) => (checked ? '050000' : '#05000080')};\n border: ${({ checked, theme }) =>\n checked ? `2px solid ${theme.color.primary}` : '1px solid #cdcccc'};\n border-radius: 8px;\n margin-right: 1.2rem;\n cursor: pointer;\n min-width: 8.8rem;\n text-align: center;\n &:last-child {\n margin-right: 0;\n }\n ${({ disabled }) =>\n disabled && {\n cursor: 'default',\n backgroundColor: '#f2f2f2',\n }}\n`;\n","import { CoachProgramStatus } from '../../constants/enums';\nimport ICONS from '../../constants/icons';\n\nconst { default: styled } = require('styled-components');\n\nexport const TraineesFilters = styled.div`\n padding: 3.2rem 2.8rem;\n display: flex;\n border-bottom: 1px solid #e9eaed;\n box-sizing: border-box;\n justify-content: space-between;\n`;\n\nexport const FiltersTitle = styled.span`\n color: #4a4a4a;\n font-family: 'Gotham-r';\n font-size: 2rem;\n letter-spacing: 0;\n line-height: 1.9rem;\n & > span {\n padding: 0 0.8rem;\n font-size: 2rem;\n font-family: Space-r;\n color: #4a4a4a;\n letter-spacing: 0.1rem;\n }\n`;\n\nexport const LayoutOption = styled.div`\n width: 3.2rem;\n height: 3.2rem;\n border: 1px solid ${({ checked, theme }) => (checked ? theme.color.primary : '#f1f0f0')};\n border-radius: 8px;\n background-image: url(${({ grid }) => (grid ? ICONS.GridLayout : ICONS.ListLayout)});\n background-size: 55%;\n background-position: center;\n background-repeat: no-repeat;\n &:last-child {\n margin-left: 1rem;\n }\n margin-left: 2rem;\n cursor: pointer;\n`;\n\nexport const FiltersForm = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const FiltersFormTitlte = styled.span`\n color: #050000;\n font-family: Roboto-r;\n font-size: 1.6rem;\n font-weight: 500;\n letter-spacing: 0;\n line-height: 2.1rem;\n text-align: right;\n white-space: nowrap;\n`;\n\nexport const OptionName = styled.div`\n color: #373333;\n font-family: Roboto-r;\n font-size: 1.4rem;\n letter-spacing: 0;\n line-height: 2.1rem;\n margin-left: 1.6rem;\n`;\n\nconst circleBg = ({ status }) => {\n switch (status) {\n case CoachProgramStatus.APPROVED:\n return '#FFCC00';\n case CoachProgramStatus.DECLINED:\n return '#F50A4F';\n case CoachProgramStatus.ONGOING:\n return '#00FF91';\n default:\n return 'transparent';\n }\n};\n\nconst circleBorder = ({ status }) =>\n status === CoachProgramStatus.ENDED ? '#00FF91' : 'transparent';\n\nexport const OptionCircle = styled.div`\n border: 2px solid ${circleBorder};\n background-color: ${circleBg};\n width: 1.2rem;\n height: 1.2rem;\n border-radius: 0.6rem;\n margin-left: 1.6rem;\n`;\n\nexport const OptionRow = styled.div`\n display: flex;\n align-items: center;\n width: 100%;\n`;\n","import React from 'react';\nimport ReactSelect, { components } from 'react-select';\nimport { OptionName, OptionCircle, OptionRow } from './components';\n\nconst Option = (props) => {\n return (\n \n (selectRef = r)}\n options={options}\n classPrefix=\"react-select\"\n multiple\n onBlur={() => selectRef && selectRef.blur()}\n onMenuOpen={() => {\n setCurrentInnerValue(value);\n setMenuIsOpen(true);\n }}\n onMenuClose={() => {\n setMenuIsOpen(false);\n }}\n removeSelected={false}\n hideSelectedOptions={false}\n closeMenuOnSelect={!isMulti}\n isMulti={isMulti}\n styles={customStyles({ error, margin, width, small, borderColor, dropDownMaxHeight })}\n value={isMulti && menuIsOpen ? currentInnerValue : value}\n onChange={(v) =>\n isMulti\n ? maxSelected && v?.length > maxSelected\n ? showWarning()\n : setCurrentInnerValue(v)\n : onChange(v)\n }\n backspaceRemovesValue={false}\n persistMultiPlaceholder={true}\n placeholder={placeholder}\n isDisabled={disabled}\n components={{\n ClearIndicator: false,\n IndicatorSeparator: false,\n Option: checkBoxes && isMulti ? CheckBoxOption : Option,\n ValueContainer: (props) => {\n const val = menuIsOpen ? currentInnerValue : value;\n return (\n \n {props.getValue()?.[0]?.img ? (\n \n \n ) : (\n props.children\n )}\n {isMulti && !!val?.length && (\n <>\n {`Selected ${val?.length} item${\n val?.length > 1 ? 's' : ''\n }`} \n \n )}\n \n );\n },\n Menu: (props) => {\n return (\n \n {isMulti &&\n ((maxSelected && (\n \n You can select up to {maxSelected} types\n \n )) ||
)}\n {props.children}\n {isMulti && (\n {\n onChange(currentInnerValue);\n selectRef && selectRef.blur();\n }}\n green\n type=\"button\"\n fontSize=\"1.4rem\"\n style={{\n maxWidth: 'fit-content',\n maxHeight: 'fit-content',\n height: 'fit-content',\n padding: '0.8rem 2.8rem',\n lineHeight: '2.2rem',\n margin: '1.2rem auto',\n }}\n >\n Done\n \n )}\n \n );\n },\n }}\n />\n\n {isMulti && (\n \n \n {value?.map((a) => (\n \n {a?.label}\n {!disabled && onDeleteOne(a?.value)} />}\n \n ))}\n \n \n )}\n
\n );\n};\n\nexport default ReactSelectWitness;\n","import React from 'react';\nimport {\n FlexWrapper,\n TemplateHeader,\n TemplateInputWrapper,\n TemplateLengthItem,\n} from './components';\nimport { Field } from 'formik';\nimport CustomInput from '../../components/input/CustomInput';\nimport SelectStatus from '../../components/programs-header/SelectStatus';\nimport ReactSelectWitness from '../../components/react-select-witness/ReactSelectWitness';\nimport { useQuery } from '@apollo/react-hooks';\nimport { getTrainingTypesQuery } from '@witness/graphql';\nimport LENGTH_OPTIONS from '../../constants/programLengthOptions'\nimport { useUtils } from '../../hooks';\n\n\nconst TemplateFilter = ({ setFieldValue, modalLayout, values, specList, isAdmin, readOnly }) => {\n const { data: trainingTypes } = useQuery(getTrainingTypesQuery);\n const { programLengthValueToOption } = useUtils();\n\n return (\n <>\n )}\n {props.children}\n {isMulti && (\n
\n {!hideDuplicate && (\n \n setCopyOpen(true)} />\n \n )}\n history.push(`template/${template?.uid}`)}\n style={{ marginLeft: '2rem' }}\n >\n View Template\n \n
\n \n {block?.type !== 'REST' && (\n <>\n {index === 0 && (\n \n {({ field }) => (\n \n setFieldValue(field.name, !field.value)}\n />\n Mark this block as Warmup\n \n )}\n \n )}\n \n {({ field }) => (\n \n setFieldValue(field.name, !field.value)}\n />\n Request Video\n \n )}\n \n \n )}\n
\n \n \n {opt.text}\n \n
\n);\n\nconst AddMessageTooltip = ({ onSubmit, onDelete, initialValue }) => {\n const [addMessageOpen, setAddMessageOpen] = useState(false);\n const [messageType, setMessageType] = useState(initialValue?.customMessage ? 1 : 0);\n const [message, setMessage] = useState(initialValue?.message || null);\n const [customMessage, setCustomMessage] = useState(initialValue?.customMessage || '');\n const [errors, setErrors] = useState(null);\n\n const { data } = useQuery(getCalendarMessagesQuery);\n\n const [icon, setIcon] = useState(initialValue?.icon || '');\n const [isIconsOpen, setIsIconsOpen] = useState(false);\n const toggleIconsModal = useCallback(() => {\n if (messageType === 1) {\n setIsIconsOpen((s) => !s);\n }\n }, [messageType]);\n\n const addCommentRef = useRef(null);\n\n const reinitialize = useCallback(() => {\n setMessageType(initialValue?.customMessage ? 1 : 0);\n setMessage(initialValue?.message || null);\n setCustomMessage(initialValue?.customMessage || '');\n setIcon(initialValue?.icon || '');\n setErrors(null);\n }, [setMessageType, setMessage, setCustomMessage, setIcon, initialValue]);\n\n const discardChanges = useCallback(() => {\n reinitialize();\n setAddMessageOpen(false);\n }, [setAddMessageOpen, reinitialize]);\n\n const handleClickOutside = useCallback(\n (event) => {\n if (\n addCommentRef.current &&\n !addCommentRef.current.contains(event.target) &&\n !event.target.className?.includes('inner')\n ) {\n discardChanges();\n }\n },\n [addCommentRef, discardChanges],\n );\n\n useEffect(() => {\n document.addEventListener('click', handleClickOutside, false);\n return () => {\n document.removeEventListener('click', handleClickOutside, false);\n };\n }, [handleClickOutside]);\n\n useEffect(() => {\n reinitialize();\n }, [initialValue, reinitialize]);\n\n const validate = useCallback(() => {\n const currErr = {};\n if (messageType === 0) {\n if (!message) {\n currErr.message = true;\n }\n if (currErr.message) {\n setErrors(currErr);\n } else {\n setErrors(null);\n }\n return !currErr.message;\n } else if (messageType === 1) {\n if (!customMessage) {\n currErr.customMessage = true;\n }\n if (!icon) {\n currErr.icon = true;\n }\n const invalid = currErr.icon || currErr.customMessage;\n if (invalid) {\n setErrors(currErr);\n } else {\n setErrors(null);\n }\n return !invalid;\n }\n }, [setErrors, message, customMessage, icon, messageType]);\n\n useEffect(() => {\n if (errors) {\n validate();\n }\n }, [message, customMessage, icon, messageType]);\n\n return (\n \n \n \n setMessageType(0)}\n text=\"Choose Message\"\n />\n\n \n setMessageType(1)}\n text=\"Create Custom Message\"\n />\n\n {/* {!icon?.id && (\n \n Choose Icon\n \n )} */}\n\n \n\n setAddMessageOpen((curr) => !curr)}\n open={addMessageOpen}\n active={customMessage || icon || message}\n />\n
\n );\n};\n\nexport default AddMessageTooltip;\n","import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport timezones from 'timezones-list';\n\nimport CustomTooltip from '../tooltip/CustomTooltip';\n\nimport { HeaderButton, TooltipFooter } from './components';\nimport ICONS from '../../constants/icons';\nimport CustomButton from '../button/CustomButton';\nimport { ModalInput } from '../meeting-modal/components';\nimport ReactSelectWitness from '../react-select-witness/ReactSelectWitness';\nimport CustomInput from '../input/CustomInput';\nimport { useAddressAutoComplete } from '../../hooks';\nimport CustomInputClock from '../input/CustomInputClock';\nimport { EntireGroupResults } from '../calendar-results-modal/components';\n\nconst AddMeetingTooltip = ({ onSubmit, onDelete, initialValues }) => {\n const userTimezone = useMemo(\n () =>\n timezones.find(\n (timezone) => timezone.tzCode === Intl?.DateTimeFormat?.()?.resolvedOptions?.()?.timeZone,\n ),\n [],\n );\n const [addMeetingOpen, setAddMeetingOpen] = useState(false);\n const [date, setDate] = useState(initialValues?.date);\n const [timezone, setTimezone] = useState(\n timezones.find((timezone) => timezone.tzCode === initialValues?.timezone) || userTimezone,\n );\n const [location, setLocation] = useState(initialValues?.location);\n\n const [errors, setErrors] = useState(null);\n\n const addCommentRef = useRef(null);\n\n const reinitialize = useCallback(() => {\n setDate(initialValues?.date);\n setTimezone(\n timezones.find((timezone) => timezone.tzCode === initialValues?.timezone) || userTimezone,\n );\n setLocation(initialValues?.location);\n setErrors(null);\n }, [setDate, setTimezone, setLocation, initialValues, userTimezone]);\n\n const discardChanges = useCallback(() => {\n reinitialize();\n setAddMeetingOpen(false);\n }, [reinitialize, setAddMeetingOpen]);\n\n const handleClickOutside = useCallback(\n (event) => {\n if (\n addCommentRef?.current &&\n !addCommentRef.current.contains(event.target) &&\n !event.target.className?.includes('inner')\n ) {\n discardChanges();\n }\n },\n [addCommentRef, discardChanges],\n );\n\n useEffect(() => {\n document.addEventListener('click', handleClickOutside, false);\n return () => {\n document.removeEventListener('click', handleClickOutside, false);\n };\n }, [handleClickOutside]);\n\n useEffect(() => {\n reinitialize();\n }, [initialValues, reinitialize]);\n\n const { autoCompleteRef, setHandleAdressChoose } = useAddressAutoComplete();\n\n const validate = useCallback(() => {\n const currErr = {};\n if (!date) {\n currErr.date = true;\n }\n if (!timezone) {\n currErr.timezone = true;\n }\n if (!initialValues?.isOnline && !location) {\n currErr.location = true;\n }\n const invalid = currErr.date || currErr.timezone || currErr.location;\n if (invalid) {\n setErrors(currErr);\n } else {\n setErrors(null);\n }\n return !invalid;\n }, [setErrors, date, timezone, initialValues, location]);\n\n useEffect(() => {\n if (errors) {\n validate();\n }\n }, [date, location, timezone]);\n\n return (\n \n setCustomMessage(val)}\n // error={errors[field.name]}\n disabled={messageType !== 1}\n error={errors?.customMessage}\n />\n
\n \n\n \n \n \n \n \n Time of the meeting\n setDate(val)}\n // error={touched[field.name] && errors[field.name]}\n hours\n maxTime=\"00:23:59\"\n small\n fontSize=\"1.4rem\"\n borderColor=\"rgba(0, 0, 0, 0.07)\"\n error={errors?.date}\n />\n \n \n Time Zone\n ({ ...a, value: a.tzCode }))}\n margin=\"0\"\n width=\"100%\"\n value={timezone}\n onChange={(val) => setTimezone(val)}\n placeholder=\"Select time Zone\"\n small\n borderColor=\"rgba(0, 0, 0, 0.07)\"\n error={errors?.timezone}\n />\n \n\n {!initialValues?.isOnline && (\n \n Location\n {setHandleAdressChoose((val) => setLocation(val))}\n setLocation(val)}\n margin=\"0\"\n placeholder=\"Type here...\"\n borderColor=\"rgba(0, 0, 0, 0.07)\"\n style={{\n maxHeight: '3.2rem',\n minHeight: '3.2rem',\n }}\n error={errors?.location}\n errorIcon={false}\n />\n \n )}\n \n {\n onDelete();\n setAddMeetingOpen(false);\n }}\n borderRadius=\"0.6rem\"\n >\n Delete\n \n \n Discard\n \n {\n const isValid = validate();\n if (!isValid) {\n return;\n }\n onSubmit({\n date,\n location,\n timezone,\n onlineMeetingUid: initialValues?.isOnline ? initialValues?.onlineMeetingUid : null,\n faceMeetingUid: !initialValues?.isOnline ? initialValues?.faceMeetingUid : null,\n });\n setAddMeetingOpen(false);\n }}\n >\n Save\n \n \n \n setAddMeetingOpen((curr) => !curr)}\n open={addMeetingOpen}\n active={date}\n />\n
\n );\n};\n\nexport default AddMeetingTooltip;\n","import React, { useMemo } from 'react';\nimport moment from 'moment';\nimport * as Yup from 'yup';\n\nimport {\n WeekDayColumnWrapper,\n WeekDayHeader,\n WeekDayNumbering,\n WeekDayDay,\n HeaderButtons,\n WeekDayName,\n ContentWrapper,\n MessagesRelativeBox,\n WeekRestBoy,\n DragDropWrapper,\n DropIndexIndicator,\n ColumnTopButtons,\n ColumnTopButton,\n ColumnTopButtonIcon,\n} from './components';\nimport CustomInput from '../input/CustomInput';\nimport { Field, FieldArray, Form, Formik } from 'formik';\nimport { CalendarSchema } from '../../schemas/program/coachProgram';\nimport { useUtils } from '../../hooks';\nimport ICONS from '../../constants/icons';\nimport EdittingWorkoutBlock from './EdittingWorkoutBlockV2';\nimport WorkoutBlock from './WorkoutBlock';\nimport WorkoutDropbox from './WorkoutDropbox';\nimport AddBlockCommentTooltip from './AddBlockCommentTooltip';\nimport { useState } from 'react';\nimport AddMessageTooltip from './AddMessageTooltip';\nimport AddMeetingTooltip from './AddMeetingTooltip';\nimport Loader from '../loader/Loader';\n\nconst weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\nconst weekDaysShort = ['Sun', 'Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat'];\n\nconst WeekDayColumn = ({\n index,\n day,\n loading,\n existingWorkout,\n submitDay,\n weekDay,\n formikRef,\n dayContent = {},\n draggingBlock,\n setDraggingBlock,\n deleteDraggingBlock,\n setDeleteDraggingBlock,\n addRestDay,\n submitMessageDay,\n handleCreateMeeting,\n handleDeleteCalendar,\n handleColumnPaste,\n copiedColumn,\n setCopiedColumn,\n isTemplate,\n initialValues,\n}) => {\n const [collapsed, setCollapsed] = useState(false);\n\n const [activeDragOverIndex, setActiveDragOverIndex] = useState(null);\n const hasChanged = (initial, least) => {\n return JSON.stringify(initial) !== JSON.stringify(least);\n };\n return (\n \n {loading || submitting ? (\n \n \n {name ? `${name} - ` : ''}\n {`Day ${day?.programDay}`}\n X \n \n setWorkoutName(val)}\n margin=\"0\"\n borderColor=\"rgba(0, 0, 0, 0.07)\"\n style={{\n maxHeight: '3.2rem',\n minHeight: '3.2rem',\n }}\n errorIcon={false}\n />\n handleFontSize(val)}\n onIncriment={() => setFontSize(prv => prv +1)}\n onDecrement={() => setFontSize(prv => prv > 0 ? prv -1 : 0)}\n />\n
\n \n \n \n \n \n {\n const file = e.target.files[0]; // This is already a Blob\n var reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = (ev) => {\n setImageBase64(ev.target.result);\n };\n }}\n >\n \n \n
\n \n The Image is Required to generate the PDF
\n Workout Name
\n \n {setDate(v)}}\n value={moment(date).format(\"YYYY-MM-DD\")}\n borderRadius=\"8px\"\n />\n
\n Choose The Date of the PDF
\n Choose Font size
\n \n {setOrientation(v)}}\n options={['landscape', 'portrait']}\n style={{ margin: '0', maxHeight: '4rem' }}\n />\n
\n Choose Orientation
\n \n {setNumberOfBlocksPerPage(v)}}\n options={['1', '2', '3', '4', '5', '6', '7', '8']}\n style={{ margin: '0', maxHeight: '4rem' }}\n />\n
\n\n Choose Number Of Blocks In A Page
\n \n \n Download Workout\n \n {error &&
\n )}\n \n \n \n );\n};\n\nexport default DownloadWorkoutModal;\n","import React, { useCallback, useMemo, useState, useRef, useEffect } from 'react';\nimport { useAlert } from 'react-alert';\nimport moment from 'moment';\n\nimport CalendarResultsModal from '../calendar-results-modal/CalendarResultsModal';\nimport WorkoutMessageModal from '../workout-message-modal/WorkoutMessageModal';\nimport ChooseTemplateModal from '../choose-template-modal/ChooseTemplateModal';\nimport { CalendarDragProvider } from '../../services/CalendarDragContext';\nimport AddCalendarModal from '../add-calendar-modal/AddCalendarModal';\nimport ConfirmModal from '../confirm-modal/ConfirmModal';\nimport ProgramCalendarDay from './ProgramCalendarDayV3';\nimport { CalendarType } from '../../constants/enums';\nimport CustomInput from '../input/CustomInput';\nimport { useCoachProgram } from '../../hooks';\nimport Loader from '../loader/Loader';\nimport {\n CalendarContainer,\n CalendarHeading,\n CalendarBeginning,\n CalendarBeginningDateWrapper,\n CalendarUploadTemplate,\n CalendarUploadIcon,\n CalendarMain,\n CalendarTable,\n CalendarThead,\n CalendarTh,\n CalendarTd,\n CalendarHeadingTable,\n RelativeBox,\n CalendarHeadingTableWrapper,\n WholeWrapper,\n CalendarTableWrapper,\n CopyWeekButton,\n EditWeekButton,\n ButtonText,\n Badge,\n FlexWrapper,\n} from './components';\nimport MeetingModal from '../meeting-modal/MeetingModal';\nimport AddCalendarWeekModal from '../add-calendar-modal/AddCalendarWeekModal';\nimport CustomButton from '../button/CustomButton';\nimport ExtensionCouponModal from '../coupon-modal/ExtensionCouponModal';\nimport CustomTooltip from '../tooltip/CustomTooltip';\nimport AreYouSureModal from '../are-you-sure-modal/AreYouSureModal';\nimport DownloadWorkoutModal from \"../download-workout-modal/DownloadWorkoutModal\";\n\nconst ProgramCalendar = ({\n isTemplate,\n calendar,\n programLength = 60,\n coachProgramUid,\n programTemplateUid,\n beginningDate,\n refetch,\n loading,\n handleCoachProgramUpdate,\n updateCalendarCache,\n setCalendarDayLoading,\n urlProgramDay,\n urlTraineeUid,\n isOngoing,\n readOnly,\n programRequestUid,\n extensionCoupon,\n trainee,\n monthlySum = 0,\n daysCountUntilEnd = 11,\n isGroup,\n nonChangableDate,\n} = {}) => {\n const firstDay = useMemo(() => {\n return isTemplate ? new Date('2034-01-01') : beginningDate;\n }, [beginningDate, isTemplate]);\n const {\n calendarMatrix,\n programDays,\n addRestDay,\n messageDay,\n openMessageModal,\n closeMessageModal,\n copiedWorkout,\n setCopiedWorkout,\n pasteWorkout,\n selectedProgram,\n setSelectedProgram,\n handleProgramDelete,\n selectedMessage,\n setSelectedMessage,\n saveWorkoutDay,\n setCopiedWeek,\n pasteWeek,\n copiedWeek,\n submitMessageDay,\n handleCreateMeeting,\n handleDeleteCalendar,\n pasteLoading,\n } = useCoachProgram({\n beginningDate: firstDay,\n programLength,\n coachProgramUid,\n programTemplateUid,\n calendar,\n refetch,\n updateCalendarCache,\n setCalendarDayLoading,\n });\n const [edittingDay, setEdditingDay] = useState(null);\n const [openResults, setOpenResults] = useState(null);\n const [openDownloadModal, setOpenDownloadModal] = useState(null);\n const [templateOpenModal, setTemplateOpenModal] = useState(false);\n const [meetingModalContent, setMeetingModalContent] = useState(null);\n const [addCalendarModalWeek, setAddCalendarModalWeek] = useState(null);\n const alert = useAlert();\n const todayRef = useRef(null);\n const [currentWeek, setCurrentWeek] = useState(0);\n const [pasteWeekArgs, setpasteWeekArgs] = useState(null);\n const [pasteWorkoutArgs, setpasteWorkoutArgs] = useState(null);\n useEffect(() => {\n if (todayRef?.current) {\n setTimeout(() => {\n if (todayRef?.current) {\n todayRef.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n });\n }\n }, 1000);\n }\n }, [calendarMatrix, todayRef?.current]);\n\n useEffect(() => {\n setOpenResults(urlProgramDay);\n }, [urlProgramDay]);\n\n // const selectedWorkout = useMemo(() => {\n // return calendar?.find(\n // (day) => day.type === CalendarType.WORKOUT && day.programDay === edittingDay?.programDay,\n // );\n // }, [calendar, edittingDay]);\n\n const closeWorkoutModal = useCallback(() => {\n setEdditingDay(null);\n }, []);\n const closeResultsModal = useCallback(() => {\n setOpenResults(null);\n }, []);\n\n const closeDownloadModal = useCallback(() => {\n setOpenDownloadModal(null);\n }, []);\n\n const sureMessage = useMemo(() => {\n const { WORKOUT, REST, MEETING } = selectedProgram || {};\n\n if (WORKOUT) return 'Are you sure to delete this workout?';\n if (REST) return 'Are you sure to delete this rest day?';\n if (MEETING?.onlineMeeting) return 'Are you sure to delete this video call?';\n if (MEETING?.faceMeeting) return 'Are you sure to delete this meeting?';\n\n return 'Are you sure to delete this message?';\n }, [selectedProgram]);\n\n const dateInputValue = useMemo(() => {\n return moment(beginningDate || new Date()).format('YYYY-MM-DD');\n }, [beginningDate]);\n\n const [extModal, setExtModal] = useState(false);\n\n return (\n {error}
}\n \n \n setExtModal(true)}\n disabled={loading}\n >\n Edit \n \n \n
\n )}\n {!extensionCoupon && (\n \n \n
\n {content?.note || 'No Additional Notes'}
\n 0%
\n 100%
\n (DD/MM/YYY)
(DD/MM/YYY)
{' '}\n \n \n history.push(\n `/program/${program?.uid}${(isGroup && '?group=true') || ''}`,\n )\n }\n >\n View Program\n \n
\n ) : (\n \n \n {isGroup && (program?.coachProgram?.status === 'APPROVED' || program?.price === 0)\n ? 'Cancel'\n : 'Request to Cancel'}\n \n
\n ) : (\n \n
\n );\n};\n\nexport default ReactSelectMulti;\n","import React, { useContext } from 'react';\nimport {\n FiltersForm,\n FiltersFormTitlte,\n FiltersTitle,\n LayoutOption,\n TraineesFilters,\n} from './components';\nimport SelectStatus from './SelectStatus';\nimport CustomInput from '../../components/input/CustomInput';\nimport AnIcon from '../../assets/input/search-icon.png';\nimport { OrganizationContext } from '../../services/organizationContext';\nimport ReactSelectMulti from '../react-select-witness/ReactSelectMulti';\n\nconst iconStyles = {\n borderRight: '1px solid #050000',\n height: '100%',\n width: '4.8rem',\n margin: 0,\n backgroundSize: '48% auto',\n opacity: 0.2,\n};\n\nconst ProgramsHeader = ({\n statusOpts,\n status,\n setStatus,\n traineeName,\n setTraineeName,\n heading,\n additionalButton,\n layout,\n setLayout,\n statusFilter = true,\n nameFilter = true,\n trainees,\n onlyStatus,\n}) => {\n const { isOrganization } = useContext(OrganizationContext);\n return (\n <>\n \n {heading} \n {layout && !isOrganization && (\n <>\n setLayout('CARDS')} grid />\n setLayout('LIST')} />\n \n )}\n
\n \n {currentConversation ? (\n \n toggleCurrentConversation(currentConversation)}\n imageName={currentConversation?.user?.name}\n chatImage={currentConversation?.user?.avatar}\n title={currentConversation?.user?.name}\n subTitle={`${\n (programRequest?.trainingTypes?.length &&\n (programRequest?.trainingTypes?.length > 1\n ? programRequest?.trainingTypes?.[0]?.speciality?.name\n : programRequest?.trainingTypes?.[0]?.name)) ||\n programRequest?.trainingType?.name\n } Program`}\n />\n \n ) : (\n <>\n \n setSearchTerm(e.target.value)}\n />\n \n\n \n \n {newConv && newConv.isNew && (\n toggleCurrentConversation(newConv)}\n isMobile\n />\n )}\n\n {convos.map((c) => (\n toggleCurrentConversation(c)}\n isMobile\n />\n ))}\n \n \n \n )}\n
\n ) : (\n \n {programRequest?.coachProgram?.participants?.map((item) => {\n return
\n \n
\n );\n};\n\nexport default NotFound;\n","import React, { useMemo, useState } from 'react';\nimport { Form, Formik } from 'formik';\n\nimport { ChangesSaved, ChangesSavedIcon, LoadingDot } from '../profile/components';\nimport AreYouSureModal from '../../components/are-you-sure-modal/AreYouSureModal';\nimport ProgramCalendar from '../../components/program-calendar/ProgramCalendar';\nimport ProgramsHeader from '../../components/programs-header/ProgramsHeader';\nimport CustomButton from '../../components/button/CustomButton';\nimport Loader from '../../components/loader/Loader';\nimport { Container, Content } from './components';\nimport TemplateFilter from './TemplateFilter';\nimport { useCoachPersonalInfo, useTemplate } from '../../hooks';\n\nconst ProgramTemplate = () => {\n const [deleteModal, setDeleteModal] = useState();\n const {\n programTemplate,\n refetchProgramTemplate,\n loadingProgramTemplate,\n createTemplate,\n deleteTemplate,\n updateCalendarCache,\n templateChangeLoading,\n setCalendarLoading,\n readOnly,\n } = useTemplate();\n const { currentCoach, isAdmin } = useCoachPersonalInfo({ setLoading: null, setOpenModal: null });\n const specList = useMemo(() => {\n if (currentCoach?.specialities) {\n const withSpecs = currentCoach?.specialities?.reduce((acc, sp) => {\n if (sp?.name === 'Strength' || sp?.name === 'Running') {\n acc.push({ value: sp?.id, label: sp?.name, trainingTypes: sp?.trainingTypes });\n }\n return acc;\n }, []);\n const specials = [].concat(\n ...currentCoach?.specialities?.map(\n (spec) =>\n (spec?.name !== 'Strength' && spec?.name !== 'Running' && spec?.trainingTypes) || [],\n ),\n );\n return [\n ...withSpecs,\n {\n value: 'non-strength-or-running-spec',\n label: 'Special',\n trainingTypes: specials,\n },\n ];\n }\n\n return [];\n }, [currentCoach.specialities]);\n\n return (\n <>\n Page not found
\n Go to home\n\n
\n \n
\n Terms and Conditions
\n\n These terms and conditions (\"Agreement\") sets forth the general\n terms and conditions of your use of the \"Witness\" mobile application or website (\"\n Application\" or \"Service\") and any of\n its related products and services (collectively, \"Services\" or\n “Platform”). This Agreement is legally binding between you (\"\n User\", \"you\" or \"\n your\") and Lifestyle A Team Ltd (\"\n Lifestyle A Team Ltd\", \"we\", \"\n us\" or \"our\"). By accessing and using\n the Application and Services, you acknowledge that you have read, understood, and agree\n to be bound by the terms of this Agreement.\n
\n\n If you are entering into this Agreement on behalf of a business or other legal entity,\n you represent that you have the authority to bind such entity to this Agreement, in\n which case the terms \"User\", \"you\" or \"your\" shall refer to such entity. If you do not\n have such authority, or if you do not agree with the terms of this Agreement, you must\n not accept this Agreement and may not access and use the Application and Services.\n
\n\n You acknowledge that this Agreement is a contract between you and Lifestyle A Team Ltd,\n even though it is electronic and is not physically signed by you, and it governs your\n use of the Application and Services.\n
\nGeneral Description
\n\n 1.\n \n Witness is Platform bringing together trainers, organizations and other professionals\n from the wellness industry (The: “\n \n Trainers” “Coaches”) and trainees (or\n training groups) where they can interact, buy and sell services, set goals, set training\n plans over time and get feedback on performance.\n
\n\n 2.\n \n Trainers using the platform can build personal training plans for their trainees\n according to their profile and goals. The Platform provides{' '}\n \n
\n 3.\n \n Trainees may request and obtain professional services and/or buy training programs\n from the Trainers according to the prices and tariffs shown on such Trainer’s Profile.\n \n
\n\n 4.\n \n Lifestyle A Team Ltd itself has no responsibility or liability for any services\n provided by the Trainers to the Trainees within the Witness Service.\n \n
\n\n 5.\n \n Lifestyle A Team Ltd is a meeting place between Trainees and eligible Trainers and the\n Witness Service is not an employment or matching agency. Except as specifically stated\n herein, the Witness Service does not engage as a referral, matching or placement\n service and does not provide, refer, place, offer or seek to obtain employment or\n engagements for any of its Users.\n \n
\n\n
\n \n
\n Using our Services
\n\n 6.\n \n Registering our Services is free for both Trainers and Trainees.\n \n
\n\n 7.\n \n Trainers that will want to sell their services using the Platform shall be charged\n with a monthly fee\n \n
\n\n (the “Fee”) + monthly commission that is a percentage out of\n their monthly revenues at the platform (the “Commission”) as\n described in the Payment Processing and Fees section below.\n
\n\n 8.\n Trainees can purchase periodic training plans (the “\n Periodic Plans”) and/or other services from Trainers through\n the Platform. Purchasing is possible using a valid payment method. The price of the\n services and/or the Periodic Plans is determined by the Trainers and is visible on the\n purchase page.\n
\n\n 9.\n Trainers\n
\n\n 9.1.\n \n Trainers may be eligible to access and use the Platform only after submitting their\n details, as requested by us, and subject to our approval.\n \n
\n\n 9.2.\n \n Once approved, Trainer will get access to a customized dashboard where he can update\n his personal and professional info, set pricing to his services, manage his billing,\n create communities and much more.\n \n
\n\n 9.3.\n \n Witness shall have sole and absolute discretion regarding the eligibility of any\n Trainer to access, use and offer any Services through the Witness Service, and does\n not guarantee that any Trainer will be presented on the Witness Service for any\n minimum period of time or at all.\n \n
\n\n 9.4.\n \n We reserves the right to remove any Trainer from the Service, limit the scope and/or\n type of services a Trainer may offer through the Platform and to require a Trainer to\n remove User Content included in its Profile, at our discretion. We shall not be\n obligated to provide any explanations regarding our decisions in this respect.\n \n
\n\n 9.5.\n \n By using the Platform, you confirm, undertake, acknowledge, and warrant that:\n \n
\n\n •\n \n You have a valid professional diploma from a certified institution.\n \n
\n\n •\n You have a valid professional liability insurance.\n
\n\n •\n \n All the information provided by you to us and in your Profile is true and correct. You\n are solely responsible for editing and updating such information on your Profile. You\n shall keep any User Content in your Profile{' '}\n \n
\n •\n \n You have the full right and authority to present and publish the User Content\n presented in your Profile (including, without limitation, links and{' '}\n \n
\n
\n \n
\n \n trademarks or other intellectual property rights, or any other harm resulting from your\n uploading, posting or publishing User Content to the Platform.\n
\n\n •\n \n You shall abide by fair business practices and ethics in any dealings with any\n Trainee. You should act fairly and appropriately with your clients.\n \n
\n\n •\n \n We are not an employment service and does not serve as an employer of any Trainer. As\n such, Trainers are solely responsible for any tax, withholding or reporting\n obligations. You understand and agree that if we are found to be liable for any tax,\n withholding or reporting obligation in connection with any services provided or\n received by you, you will immediately reimburse and indemnify us for all costs,\n expenses and liabilities (including any interest and penalties) relating to the same.\n \n
\n\n •\n \n Any information communicated to you about a Trainee via the Platform shall be conveyed\n in conformity with the information provided to us by such Trainee. We are not\n responsible for the truthfulness and validity of information provided by any Trainee.\n We are not responsible for information provided by third parties.\n \n
\n\n •\n \n Each Trainer may have only one Profile presented on the Platform.\n \n
\n\n •\n \n We reserve the right to remove any Trainer from the Platform or limit the services a\n Trainer may offer through the Platform without notice, for any reason.\n \n
\n\n 10.\n Trainees\n
\nAs a Trainee using our Platform, you agree and acknowledge that:
\n\n 10.1.\n \n The Content, including training and nutrition programs, provided through the Service,\n is for entertainment purposes only. We recommend that you consult a physician before\n beginning any exercise program or diet. We are not a licensed medical care provider.\n You should understand that participating in any exercise program or diet can result in\n physical injury, and you agree to do so at your own risk. The findings and opinions of\n authors and Trainers expressed herein are those of the author and do not necessarily\n state or reflect those of Witness or Lifestyle A team Ltd.\n \n
\n\n 10.2.\n If you have knowledge of any \n
\n •\n cardiovascular disease,\n
\n\n •\n lung or respiratory disease (including asthma),\n
\n\n •\n spinal and/or joint problems,\n
\n\n •\n neuromuscular disease,\n
\n\n •\n surgical procedures,\n
\n\n •\n any other health issues\n
\n\n
\n \n 10.3.\n \n In case of the Services related to nutrition, you are responsible for verifying that the\n foods and nutrients recommended as part of the programs or guide do not contain any\n ingredients or contents to which you are allergic or which may cause food intolerance.\n \n
\n\n 10.4.\n \n In addition, our female Trainees should note that pregnant women and{' '}\n \n
\n 10.5.\n \n We are not the employer of any Trainer, nor do we supervise, direct or control the\n Trainer’s work or services, in any manner. We do not provide any training or equipment\n to the Trainers, and has no control over the quality, timing, legality, or any other\n aspect whatsoever of the services provided by the Trainer.\n \n
\n\n 10.6.\n \n Without derogating from the above- in case of Trainer failed to provide a service that\n you paid for, we will refund you- in accordance with our refund policy.\n \n
\n\n 10.7.\n \n Each Trainer provides you services as an independent contractor and is not an employee,\n joint venturer, partner, agent, or franchisee of us for any purpose whatsoever.\n \n
\n\n 10.8.\n \n Any listing of a Trainer on the Platform shall be according to the information and\n Profile provided by such Trainer. We are not responsible for the truthfulness and\n validity of information presented by any Trainer. We do not have any obligation to\n independently verify any information provided to it by any Trainer, their experience or\n training, and shall not be responsible or liable for any representation or undertaking\n made by any Trainer on the Platform.\n \n
\n\n 10.9.\n \n You are responsible for providing to us and such Trainers you contact via the Platform,\n accurate, current and complete information in connection with your request for services.\n \n
\n\n 10.10.\n \n In no event shall any reference by the Platform to any Trainer be construed as an\n approval or endorsement by us of such Trainers or of any services provided by them.\n Likewise, a link to any Trainer’s website does not imply that we endorse or accept any\n responsibility for the content or use of such website. As with the purchase of a product\n or service through any medium or in any environment, you are responsible for exercising\n appropriate judgment and caution.\n \n
\n\n 10.11.\n \n You agree to receive from time to time messages and promotional materials from us by e-\n mail or any other contact form you may provide us with (including your phone number for\n calls or text messages), including, without limitation, messages featuring Profiles of\n various Trainers. If you do not wish to receive such promotional materials or notices,\n please notify us at any time.\n \n
\n\n 11.\n \n Other than providing the Platform and the payment processing services we are not a party\n to any interaction between the Trainers and the Trainees. Trainees contract for services\n directly with the Trainers. We do not take responsibility, in any way or manner, for the\n quality of the services provided to any Trainee by any Trainer.\n \n
\n\n
\n \n
\n Payment Processing and Fees
\n\n 12.\n The Platform supports payment between Trainers and Trainees.\n
\n\n 13.\n Monthly Fee - Trainers’ Fee shall be as indicated in the\n Platform and will be charged each month, on a recuring basis, from the payment method,\n provided by the Trainer.\n
\n\n 14.\n Commission - our Commission shall be calculated as a\n percentage out of the Trainer’s monthly revenues at the platform. The exact percentage\n shall be agreed between the trainers and us in a separate agreement or will be indicated\n in the Trainer’s Dashboard, according to our discretion.\n
\n\n 15.\n \n Trainers are responsible for paying any direct or indirect taxes, including any GST,\n VAT or otherwise, which may apply to them depending on residency, location or the\n billing information they provide in their account settings. Trainers represent and\n warrant that they comply, and will comply at all times, with their obligations under\n income tax provisions in their jurisdiction.\n \n
\n\n 16.\n Appointment as Limited Payment Collection Agent: Trainers\n hereby appoints Lifestyle A team Ltd as Trainer’s limited authorized payment collection\n agent solely for the purpose of accepting payments (via its Payment Services Provider)\n from Trainee, and remitting those payments to Trainer. Trainer agrees that payment from\n Trainee to Lifestyle A team Ltd shall be considered the same as a made directly to\n Trainer. Trainee’s payment obligation to Trainer will be satisfied upon receipt of\n payment by Lifestyle A team Ltd (by its Payment Services Provider), and Lifestyle A team\n Ltd (via its Payment Services Provider) is responsible for remitting the funds to the\n Trainee in the manner described in these Terms. In the event that Lifestyle A team Ltd\n (via Payment Services Provider) does not remit any such amounts to Trainer, the Trainer\n will have recourse only against Lifestyle A team Ltd and not the Trainee directly.\n Trainer agrees that Lifestyle A team Ltd may describe or otherwise reflect the terms\n contained herein in any terms of service, receipts, disclosures, or notices including,\n but not limited to, receipts provided to Trainees that Lifestyle A team Ltd may deem\n necessary or prudent.\n
\n\n 17.\n \n We partner with Payment Services Providers for purposes of collecting payments from\n Trainees, transferring such payments from Trainees to Trainers, and holding funds in\n connection with account’s Balances. All payments services in connection with the\n withdrawal of funds on the Platform are performed by OUR Payment Services Providers\n and not by us.\n \n
\n\n 18.\n \n Transfer of funds to Trainers shall be made on a monthly basis up to the 9\n \n th day of each month, with regard to the funds collected on\n the previous month. Funds will be transferred to the bank account which its details were\n provided by the Trainer.\n
\n\n 19.\n \n Trainees that would like to purchase services from the Trainers may not offer Trainers\n to pay, or make payment using any method other than through the Platform. In case you\n have been asked to use an alternative payment method by one of our Trainers, please\n report it immediately to customer support.\n \n
\n\n
\n \n 20.\n \n Payments in our Platform can be made using a valid Credit/Debit Card (excluding Diners\n and American Express).\n \n
\n\n 21.\n \n To protect against fraud, unauthorized transactions (such as money laundering), claims,\n or other liabilities, payment information in connection with withdrawals is collected by\n our Payment Services Providers. Payment Services Providers may also collect such other\n information as necessary for the purpose of processing payments. We are not exposed to\n the payment information provided to Payment Services Providers, and this information is\n subject to the privacy policy applicable to the Payment Service Provider. Please see our\n Privacy Policy for more information.\n \n
\n\n 22.\n \n By using any payment method and/or providing payment details for making purchases on the\n Platform, you represent and warrant that: (a) you are legally authorized to provide such\n information; (b) you are legally authorized or have permission to make payments using\n the payment method(s); (c) if you are an employee or agent of a company or person that\n owns the payment method, you are authorized by that company or person to use the payment\n method to make payments on our Platform; and (d) such actions do not violate any\n applicable law\n \n
\n\n 23.\n \n We reserve the right to change services and services’ pricing at any time. We also\n reserve the right to refuse any order you place with us. We may, in our sole discretion,\n limit or cancel quantities purchased per person, per household or per order. These\n restrictions may include orders placed by or under the same Trainee account, the same\n credit/debit card, and/or orders that use the same billing and/or shipping address. In\n the event that we make a change to or cancel an order, we may attempt to notify you by\n contacting the{' '}\n \n
\n 24.\n \n You agree and acknowledge that all payments must be processed through the Platform.\n Without derogating from our rights, under this Agreement, any payment that will be made\n between Trainers and Trainees, not through the Platform shall entitle us with additional\n penalty fee equal to 50% of the rate of such service, which will be charged from both\n the Trainer and the Trainee.\n \n
\nCancellation Policy
\nTrainers
\n\n 25.\n \n Trainers may cancel their membership with 30 days prior written notice to our customer\n support at support@witnesstofitness.com, provided that the Trainers has delivered in\n full all of the services that were purchased from them.\n \n
\n\n
\n \n
\n Trainees
\n\n 26.\n \n Trainees may cancel their Periodic Plans within 48 hours from purchasing, provided\n that they didn’t yet received the first Training Plan. In such case Trainees shall be\n entitled to a full refund.\n \n
\n\n 27.\n \n Cancellation not according to section 26 is subject to 14 days prior notice (the “\n \n Prior Notice”) and shall entitle the Trainee with a relative\n refund against the services/products he/she didn’t yet receive. It shall be clarified\n that during the Prior Notice period, all charges shall continue to apply.\n
\nAccounts and membership
\n\n 28.\n \n Trainers must be at least 18 years of age and Trainees must be at least 16 years of\n age and have their legal guardian approval to use the Application and Services. By\n using the Application and Services and by agreeing to this Agreement you warrant and\n represent that you meet these conditions.\n \n
\n\n 29.\n \n If you create an account in the Application, you are responsible for maintaining the\n security of your account and you are fully responsible for all activities that occur\n under the account and any other actions taken in connection with it. We may, but have\n no obligation to, monitor and review new accounts before you may sign in and start\n using the Services.\n \n
\n\n 30.\n \n Providing false contact information of any kind may result in the termination of your\n account. You must immediately notify us of any unauthorized uses of your account or\n any other breaches of security.\n \n
\n\n 31.\n \n We will not be liable for any acts or omissions by you, including any damages of any\n kind incurred as a result of such acts or omissions.\n \n
\n\n 32.\n \n We may suspend, disable, or delete your account (or any part thereof) if we determine\n that you have violated any provision of this Agreement or that your conduct or content\n would tend to damage our reputation and goodwill. If we delete your account for the\n foregoing reasons, you may not{' '}\n \n
User content
\n\n 33.\n \n We do not own any data, information or material (collectively, \" User Content\") that\n you submit in the Application in the course of using the Service. You shall have sole\n responsibility for the accuracy, quality, integrity, legality, reliability,\n appropriateness, and intellectual property ownership or right to use of all submitted\n Content.\n \n
\n\n 34.\n \n We may, but have no obligation to, monitor and review the Content in the Application\n submitted or created using our Services by you. You grant us permission to access,\n copy, distribute, store,\n \n
\n\n
\n \n
\n \n transmit, reformat, display and perform the Content of your user account solely as\n required for the purpose of providing the Services to you.\n
\n\n 35.\n \n Without limiting any of those representations or warranties, we have the right, though\n not the obligation, to, in our own sole discretion, refuse or remove any Content that,\n in our reasonable opinion, violates any of our policies or is in any way harmful or\n objectionable. You also grant us the license to use, reproduce, adapt, modify, publish\n or distribute the Content created by you or stored in your user account for\n commercial, marketing or any similar purpose.\n \n
\nAccuracy of information
\n\n 36.\n \n Occasionally there may be information in the Application that contains typographical\n errors, inaccuracies or omissions that may relate to product descriptions, pricing,\n availability, promotions and offers. We reserve the right to correct any errors,\n inaccuracies or omissions, and to change or update information or cancel orders if any\n information in the Application or Services is inaccurate at any time without prior\n notice (including after you have submitted your order).\n \n
\n\n 37.\n \n We undertake no obligation to update, amend or clarify information in the Application\n including, without limitation, pricing information, except as required by law. No\n specified update or refresh date applied in the Application should be taken to\n indicate that all information in the Application or Services has been modified or\n updated.\n \n
\nThird party services
\n\n 38.\n \n If you decide to enable, access or use third party services, be advised that your\n access and use of such other services are governed solely by the terms and conditions\n of such other services, and we do not endorse, are not responsible or liable for, and\n make no representations as to any aspect of such other services, including, without\n limitation, their content or the manner in which they handle data (including your\n data) or any interaction between you and the provider of such other services.\n \n
\n\n 39.\n \n You irrevocably waive any claim against Lifestyle A Team Ltd with respect to such\n other services. Lifestyle A Team Ltd is not liable for any damage or loss caused or\n alleged to be caused by or in connection with your enablement, access or use of any\n such other services, or your reliance on the privacy practices, data security\n processes or other policies of such other services. You may be required to register\n for or log into such other services on their respective platforms.\n \n
\n\n 40.\n \n By enabling any other services, you are expressly permitting Lifestyle A Team Ltd to\n disclose your data as necessary to facilitate the use or enablement of such other\n service.\n \n
\n\n
\n \n
\n Backups
\n\n 41.\n \n We perform regular backups of the Content, however, these backups are for our own\n administrative purposes only and are in no way guaranteed. You are responsible for\n maintaining your own backups of your data. We do not provide any sort of compensation\n for lost or incomplete data in the event that backups do not function properly. We\n will do our best to ensure complete and accurate backups but assume no responsibility\n for this duty.\n \n
\nAdvertisements
\n\n 42.\n \n During your use of the Application and Services, you may enter into correspondence\n with or participate in promotions of advertisers or sponsors showing their goods or\n services through the Application and Services. Any such activity, and any terms,\n conditions, warranties or representations associated with such activity, is solely\n between you and the applicable third party. We shall have no liability, obligation or\n responsibility for any such correspondence, purchase or promotion between you and any\n such third party.\n \n
\nLinks to other resources
\n\n 43.\n \n Although the Application and Services may link to other resources (such as websites,\n applications, etc.), we are not, directly or indirectly, implying any approval,\n association, sponsorship, endorsement, or affiliation with any linked resource, unless\n specifically stated herein.\n \n
\n\n 44.\n \n Some of the links in the Application may be \"affiliate links\". This means if you click\n on the link and purchase an item, Lifestyle A Team Ltd will receive an affiliate\n commission. We are not responsible for examining or evaluating, and we do not warrant\n the offerings of, any businesses or individuals or the content of their resources. We\n do not assume any responsibility or liability for the actions, products, services, and\n content of any other third parties. You should carefully review the legal statements\n and other conditions of use of any resource which you access through a link in the\n Application and Services. Your linking to any other{' '}\n \n
Prohibited uses
\n\n 45.\n \n In addition to other terms as set forth in the Agreement, you are prohibited from\n using the Application and Services or Content: (a) for any unlawful purpose; (b) to\n solicit others to perform or participate in any unlawful acts; (c) to violate any\n international, federal, provincial or state regulations, rules, laws, or local\n ordinances; (d) to infringe upon or violate our intellectual property rights or the\n intellectual property rights of others; (e) to harass, abuse, insult, harm, defame,\n slander, disparage, intimidate, or discriminate based on gender, sexual orientation,\n religion, ethnicity, race, age, national origin, or disability; (f) to submit false or\n misleading information; (g)\n \n
\n\n
\n \n
\n \n to upload or transmit viruses or any other type of malicious code that will or may be\n used in any way that will affect the functionality or operation of the Application and\n Services, third party products and services, or the Internet; (h) to spam, phish, pharm,\n pretext, spider, crawl, or scrape;\n
\n\n (i)\n \n for any obscene or immoral purpose; or (j) to interfere with or circumvent the\n security features of the Application and Services, third party products and services,\n or the Internet. We reserve the right to terminate your use of the Application and\n Services for violating any of the prohibited uses.\n \n
\nIntellectual property rights
\n\n 46.\n \n \"Intellectual Property Rights\" means all present and future rights conferred by\n statute, common law or equity in or in relation to any copyright and related rights,\n trademarks, designs, patents, inventions, goodwill and the right to sue for passing\n off, rights to inventions, rights to use, and all other intellectual property rights,\n in each case whether registered or unregistered and including all applications and\n rights to apply for and be granted, rights to claim priority from, such rights and all\n similar or equivalent rights or forms of protection and any other results of\n intellectual activity which subsist or will subsist now or in the future in any part\n of the world.\n \n
\n\n 47.\n \n This Agreement does not transfer to you any intellectual property owned by Lifestyle A\n Team Ltd or third parties, and all rights, titles, and interests in and to such\n property will remain (as between the parties) solely with Lifestyle A Team Ltd. All\n trademarks, service marks, graphics and logos used in connection with the Application\n and Services, are trademarks or registered trademarks of Lifestyle A Team Ltd or its\n licensors. Other trademarks, service marks, graphics and logos used in connection with\n the Application and Services may be the trademarks of other third parties. Your use of\n the Application and Services grants you no right or license to reproduce or otherwise\n use any of Lifestyle A Team Ltd or third party trademarks.\n \n
\nDisclaimer of warranty
\n\n 48.\n \n You agree that such Service is provided on an \"as is\" and \"as available\" basis and\n that your use of the Application and Services is solely at your own risk. We expressly\n disclaim all warranties of any kind, whether express or implied, including but not\n limited to the implied warranties of merchantability, fitness for a particular purpose\n and{' '}\n \n
\n
\n \n
\n \n and risk and that you will be solely responsible for any damage or loss of data that\n results from the download of such material and/or data. We make no warranty regarding\n any goods or services purchased or obtained through the Service or any transactions\n entered into through the Service unless stated otherwise. No advice or information,\n whether oral or written, obtained by you from us or through the Service shall create any\n warranty not expressly made herein.\n
\nLimitation of liability
\n\n 49.\n \n To the fullest extent permitted by applicable law, in no event will Lifestyle A Team\n Ltd, its affiliates, directors, officers, employees, agents, suppliers or licensors be\n liable to any person for any indirect, incidental, special, punitive, cover or\n consequential damages (including, without limitation, damages for lost profits,\n revenue, sales, goodwill, use of content, impact on business, business interruption,\n loss of anticipated savings, loss of business opportunity) however caused, under any\n theory of liability, including, without limitation, contract, tort, warranty, breach\n of statutory duty, negligence or otherwise, even if the liable party has been advised\n as to the possibility of such damages or could have foreseen such damages. To the\n maximum extent permitted by applicable law, the aggregate liability of Lifestyle A\n Team Ltd and its affiliates, officers, employees, agents, suppliers and licensors\n relating to the services will be limited to an amount greater of one dollar or any\n amounts actually paid by you to Lifestyle A Team Ltd for the prior one month period\n prior to the first event or occurrence giving rise to such liability. The limitations\n and exclusions also apply if this remedy does not fully compensate you for any losses\n or fails of its essential purpose.\n \n
\nIndemnification
\n\n 50.\n \n You agree to indemnify and hold Lifestyle A Team Ltd and its affiliates, directors,\n officers, employees, agents, suppliers and licensors harmless from and against any\n liabilities, losses, damages or costs, including reasonable attorneys' fees, incurred\n in connection with or arising from any third party allegations, claims, actions,\n disputes, or demands asserted against any of them as a result of or relating to your\n Content, your use of the Application and Services or any willful misconduct on your\n part.\n \n
\nSeverability
\n\n 51.\n \n All rights and restrictions contained in this Agreement may be exercised and shall be\n applicable and binding only to the extent that they do not violate any applicable laws\n and are intended to be limited to the extent necessary so that they will not render\n this Agreement illegal, invalid or unenforceable. If any provision or portion of any\n provision of this Agreement shall be held to be\n \n
\n\n
\n \n
\n \n illegal, invalid or unenforceable by a court of competent jurisdiction, it is the\n intention of the parties that the remaining provisions or portions thereof shall\n constitute their agreement with respect to the subject matter hereof, and all such\n remaining provisions or portions thereof shall remain in full force and effect.\n
\nDispute resolution
\n\n 52.\n \n The formation, interpretation, and performance of this Agreement and any disputes\n arising out of it shall be governed by the substantive and procedural laws of Israel\n without regard to its rules on conflicts or choice of law and, to the extent\n applicable, the laws of Israel. The exclusive jurisdiction and venue for actions\n related to the subject matter hereof shall be the courts located in Tel Aviv Israel,\n and you hereby submit to the personal jurisdiction of such courts. You hereby waive\n any right to a jury trial in any proceeding arising out of or related to this\n Agreement. The United Nations Convention on Contracts for the International Sale of\n Goods does not apply to this Agreement.\n \n
\nAssignment
\n\n 53.\n You may not assign, resell, \n
\n 54.\n \n We are free to assign any of its rights or obligations hereunder, in whole or in part,\n to any third party as part of the sale of all or substantially all of its assets or\n stock or as part of a merger.\n \n
\nChanges and amendments
\n\n 55.\n \n We reserve the right to modify this Agreement or its terms relating to the Application\n and Services at any time, effective upon posting of an updated version of this\n Agreement in the Application. When we do, we will revise the updated date at the\n bottom of this page. We may also provide notice to you in other ways in our\n discretion, such as through contact information you have provided and/or by posting a\n notice in the Application.\n \n
\n\n 56.\n \n Continued use of the Application and Services after any such changes shall constitute\n your consent to such changes.\n \n
\nAcceptance of these terms
\n\n 57.\n \n You acknowledge that you have read this Agreement and agree to all its terms and\n conditions. By accessing and using the Application and Services you agree to be bound\n by this Agreement. If you\n \n
\n\n
\n \n
\n \n do not agree to abide by the terms of this Agreement, you are not authorized to access\n or use the Application and Services.\n
\nContacting us
\n\n 58.\n \n If you would like to contact us to understand more about this Agreement or wish to\n contact us concerning any matter relating to it, you may send an email to\n support@witnesstofitness.com\n \n
\nThis document was last updated on Thursday, 05 November 2020
\n\n
\n \n
\n Terms and Conditions
\n\n These terms and conditions (\"Agreement\") sets forth the general\n terms and conditions of your use of the \"Witness\" mobile application or website (\"\n Application\" or \"Service\") and any of\n its related products and services (collectively, \"Services\" or\n “Platform”). This Agreement is legally binding between you (\"\n User\", \"you\" or \"\n your\") and Lifestyle A Team Ltd (\"\n Lifestyle A Team Ltd\", \"we\", \"\n us\" or \"our\"). By accessing and using\n the Application and Services, you acknowledge that you have read, understood, and agree\n to be bound by the terms of this Agreement.\n
\n\n If you are entering into this Agreement on behalf of a business or other legal entity,\n you represent that you have the authority to bind such entity to this Agreement, in\n which case the terms \"User\", \"you\" or \"your\" shall refer to such entity. If you do not\n have such authority, or if you do not agree with the terms of this Agreement, you must\n not accept this Agreement and may not access and use the Application and Services.\n
\n\n You acknowledge that this Agreement is a contract between you and Lifestyle A Team Ltd,\n even though it is electronic and is not physically signed by you, and it governs your\n use of the Application and Services.\n
\nGeneral Description
\n\n 1.\n \n Witness is Platform bringing together trainers, organizations and other professionals\n from the wellness industry (The: “\n \n Trainers” “Coaches”) and trainees (or\n training groups) where they can interact, buy and sell services, set goals, set training\n plans over time and get feedback on performance.\n
\n\n 2.\n \n Trainers using the platform can build personal training plans for their trainees\n according to their profile and goals. The Platform provides{' '}\n \n
\n 3.\n \n Trainees may request and obtain professional services and/or buy training programs\n from the Trainers according to the prices and tariffs shown on such Trainer’s Profile.\n \n
\n\n 4.\n \n Lifestyle A Team Ltd itself has no responsibility or liability for any services\n provided by the Trainers to the Trainees within the Witness Service.\n \n
\n\n 5.\n \n Lifestyle A Team Ltd is a meeting place between Trainees and eligible Trainers and the\n Witness Service is not an employment or matching agency. Except as specifically stated\n herein, the Witness Service does not engage as a referral, matching or placement\n service and does not provide, refer, place, offer or seek to obtain employment or\n engagements for any of its Users.\n \n
\n\n
\n \n
\n Using our Services
\n\n 6.\n \n Registering our Services is free for both Trainers and Trainees.\n \n
\n\n 7.\n \n Trainers that will want to sell their services using the Platform shall be charged\n with a monthly fee\n \n
\n\n (the “Fee”) + monthly commission that is a percentage out of\n their monthly revenues at the platform (the “Commission”) as\n described in the Payment Processing and Fees section below.\n
\n\n 8.\n Trainees can purchase periodic training plans (the “\n Periodic Plans”) and/or other services from Trainers through\n the Platform. Purchasing is possible using a valid payment method. The price of the\n services and/or the Periodic Plans is determined by the Trainers and is visible on the\n purchase page.\n
\n\n 9.\n Trainers\n
\n\n 9.1.\n \n Trainers may be eligible to access and use the Platform only after submitting their\n details, as requested by us, and subject to our approval.\n \n
\n\n 9.2.\n \n Once approved, Trainer will get access to a customized dashboard where he can update\n his personal and professional info, set pricing to his services, manage his billing,\n create communities and much more.\n \n
\n\n 9.3.\n \n Witness shall have sole and absolute discretion regarding the eligibility of any\n Trainer to access, use and offer any Services through the Witness Service, and does\n not guarantee that any Trainer will be presented on the Witness Service for any\n minimum period of time or at all.\n \n
\n\n 9.4.\n \n We reserves the right to remove any Trainer from the Service, limit the scope and/or\n type of services a Trainer may offer through the Platform and to require a Trainer to\n remove User Content included in its Profile, at our discretion. We shall not be\n obligated to provide any explanations regarding our decisions in this respect.\n \n
\n\n 9.5.\n \n By using the Platform, you confirm, undertake, acknowledge, and warrant that:\n \n
\n\n •\n \n You have a valid professional diploma from a certified institution.\n \n
\n\n •\n You have a valid professional liability insurance.\n
\n\n •\n \n All the information provided by you to us and in your Profile is true and correct. You\n are solely responsible for editing and updating such information on your Profile. You\n shall keep any User Content in your Profile{' '}\n \n
\n •\n \n You have the full right and authority to present and publish the User Content\n presented in your Profile (including, without limitation, links and{' '}\n \n
\n
\n \n
\n \n trademarks or other intellectual property rights, or any other harm resulting from your\n uploading, posting or publishing User Content to the Platform.\n
\n\n •\n \n You shall abide by fair business practices and ethics in any dealings with any\n Trainee. You should act fairly and appropriately with your clients.\n \n
\n\n •\n \n We are not an employment service and does not serve as an employer of any Trainer. As\n such, Trainers are solely responsible for any tax, withholding or reporting\n obligations. You understand and agree that if we are found to be liable for any tax,\n withholding or reporting obligation in connection with any services provided or\n received by you, you will immediately reimburse and indemnify us for all costs,\n expenses and liabilities (including any interest and penalties) relating to the same.\n \n
\n\n •\n \n Any information communicated to you about a Trainee via the Platform shall be conveyed\n in conformity with the information provided to us by such Trainee. We are not\n responsible for the truthfulness and validity of information provided by any Trainee.\n We are not responsible for information provided by third parties.\n \n
\n\n •\n \n Each Trainer may have only one Profile presented on the Platform.\n \n
\n\n •\n \n We reserve the right to remove any Trainer from the Platform or limit the services a\n Trainer may offer through the Platform without notice, for any reason.\n \n
\n\n 10.\n Trainees\n
\nAs a Trainee using our Platform, you agree and acknowledge that:
\n\n 10.1.\n \n The Content, including training and nutrition programs, provided through the Service,\n is for entertainment purposes only. We recommend that you consult a physician before\n beginning any exercise program or diet. We are not a licensed medical care provider.\n You should understand that participating in any exercise program or diet can result in\n physical injury, and you agree to do so at your own risk. The findings and opinions of\n authors and Trainers expressed herein are those of the author and do not necessarily\n state or reflect those of Witness or Lifestyle A team Ltd.\n \n
\n\n 10.2.\n If you have knowledge of any \n
\n •\n cardiovascular disease,\n
\n\n •\n lung or respiratory disease (including asthma),\n
\n\n •\n spinal and/or joint problems,\n
\n\n •\n neuromuscular disease,\n
\n\n •\n surgical procedures,\n
\n\n •\n any other health issues\n
\n\n
\n \n 10.3.\n \n In case of the Services related to nutrition, you are responsible for verifying that the\n foods and nutrients recommended as part of the programs or guide do not contain any\n ingredients or contents to which you are allergic or which may cause food intolerance.\n \n
\n\n 10.4.\n \n In addition, our female Trainees should note that pregnant women and{' '}\n \n
\n 10.5.\n \n We are not the employer of any Trainer, nor do we supervise, direct or control the\n Trainer’s work or services, in any manner. We do not provide any training or equipment\n to the Trainers, and has no control over the quality, timing, legality, or any other\n aspect whatsoever of the services provided by the Trainer.\n \n
\n\n 10.6.\n \n Without derogating from the above- in case of Trainer failed to provide a service that\n you paid for, we will refund you- in accordance with our refund policy.\n \n
\n\n 10.7.\n \n Each Trainer provides you services as an independent contractor and is not an employee,\n joint venturer, partner, agent, or franchisee of us for any purpose whatsoever.\n \n
\n\n 10.8.\n \n Any listing of a Trainer on the Platform shall be according to the information and\n Profile provided by such Trainer. We are not responsible for the truthfulness and\n validity of information presented by any Trainer. We do not have any obligation to\n independently verify any information provided to it by any Trainer, their experience or\n training, and shall not be responsible or liable for any representation or undertaking\n made by any Trainer on the Platform.\n \n
\n\n 10.9.\n \n You are responsible for providing to us and such Trainers you contact via the Platform,\n accurate, current and complete information in connection with your request for services.\n \n
\n\n 10.10.\n \n In no event shall any reference by the Platform to any Trainer be construed as an\n approval or endorsement by us of such Trainers or of any services provided by them.\n Likewise, a link to any Trainer’s website does not imply that we endorse or accept any\n responsibility for the content or use of such website. As with the purchase of a product\n or service through any medium or in any environment, you are responsible for exercising\n appropriate judgment and caution.\n \n
\n\n 10.11.\n \n You agree to receive from time to time messages and promotional materials from us by e-\n mail or any other contact form you may provide us with (including your phone number for\n calls or text messages), including, without limitation, messages featuring Profiles of\n various Trainers. If you do not wish to receive such promotional materials or notices,\n please notify us at any time.\n \n
\n\n 11.\n \n Other than providing the Platform and the payment processing services we are not a party\n to any interaction between the Trainers and the Trainees. Trainees contract for services\n directly with the Trainers. We do not take responsibility, in any way or manner, for the\n quality of the services provided to any Trainee by any Trainer.\n \n
\n\n
\n \n
\n Payment Processing and Fees
\n\n 12.\n The Platform supports payment between Trainers and Trainees.\n
\n\n 13.\n Monthly Fee - Trainers’ Fee shall be as indicated in the\n Platform and will be charged each month, on a recuring basis, from the payment method,\n provided by the Trainer.\n
\n\n 14.\n Commission - our Commission shall be calculated as a\n percentage out of the Trainer’s monthly revenues at the platform. The exact percentage\n shall be agreed between the trainers and us in a separate agreement or will be indicated\n in the Trainer’s Dashboard, according to our discretion.\n
\n\n 15.\n \n Trainers are responsible for paying any direct or indirect taxes, including any GST,\n VAT or otherwise, which may apply to them depending on residency, location or the\n billing information they provide in their account settings. Trainers represent and\n warrant that they comply, and will comply at all times, with their obligations under\n income tax provisions in their jurisdiction.\n \n
\n\n 16.\n Appointment as Limited Payment Collection Agent: Trainers\n hereby appoints Lifestyle A team Ltd as Trainer’s limited authorized payment collection\n agent solely for the purpose of accepting payments (via its Payment Services Provider)\n from Trainee, and remitting those payments to Trainer. Trainer agrees that payment from\n Trainee to Lifestyle A team Ltd shall be considered the same as a made directly to\n Trainer. Trainee’s payment obligation to Trainer will be satisfied upon receipt of\n payment by Lifestyle A team Ltd (by its Payment Services Provider), and Lifestyle A team\n Ltd (via its Payment Services Provider) is responsible for remitting the funds to the\n Trainee in the manner described in these Terms. In the event that Lifestyle A team Ltd\n (via Payment Services Provider) does not remit any such amounts to Trainer, the Trainer\n will have recourse only against Lifestyle A team Ltd and not the Trainee directly.\n Trainer agrees that Lifestyle A team Ltd may describe or otherwise reflect the terms\n contained herein in any terms of service, receipts, disclosures, or notices including,\n but not limited to, receipts provided to Trainees that Lifestyle A team Ltd may deem\n necessary or prudent.\n
\n\n 17.\n \n We partner with Payment Services Providers for purposes of collecting payments from\n Trainees, transferring such payments from Trainees to Trainers, and holding funds in\n connection with account’s Balances. All payments services in connection with the\n withdrawal of funds on the Platform are performed by OUR Payment Services Providers\n and not by us.\n \n
\n\n 18.\n \n Transfer of funds to Trainers shall be made on a monthly basis up to the 9\n \n th day of each month, with regard to the funds collected on\n the previous month. Funds will be transferred to the bank account which its details were\n provided by the Trainer.\n
\n\n 19.\n \n Trainees that would like to purchase services from the Trainers may not offer Trainers\n to pay, or make payment using any method other than through the Platform. In case you\n have been asked to use an alternative payment method by one of our Trainers, please\n report it immediately to customer support.\n \n
\n\n
\n \n 20.\n \n Payments in our Platform can be made using a valid Credit/Debit Card (excluding Diners\n and American Express).\n \n
\n\n 21.\n \n To protect against fraud, unauthorized transactions (such as money laundering), claims,\n or other liabilities, payment information in connection with withdrawals is collected by\n our Payment Services Providers. Payment Services Providers may also collect such other\n information as necessary for the purpose of processing payments. We are not exposed to\n the payment information provided to Payment Services Providers, and this information is\n subject to the privacy policy applicable to the Payment Service Provider. Please see our\n Privacy Policy for more information.\n \n
\n\n 22.\n \n By using any payment method and/or providing payment details for making purchases on the\n Platform, you represent and warrant that: (a) you are legally authorized to provide such\n information; (b) you are legally authorized or have permission to make payments using\n the payment method(s); (c) if you are an employee or agent of a company or person that\n owns the payment method, you are authorized by that company or person to use the payment\n method to make payments on our Platform; and (d) such actions do not violate any\n applicable law\n \n
\n\n 23.\n \n We reserve the right to change services and services’ pricing at any time. We also\n reserve the right to refuse any order you place with us. We may, in our sole discretion,\n limit or cancel quantities purchased per person, per household or per order. These\n restrictions may include orders placed by or under the same Trainee account, the same\n credit/debit card, and/or orders that use the same billing and/or shipping address. In\n the event that we make a change to or cancel an order, we may attempt to notify you by\n contacting the{' '}\n \n
\n 24.\n \n You agree and acknowledge that all payments must be processed through the Platform.\n Without derogating from our rights, under this Agreement, any payment that will be made\n between Trainers and Trainees, not through the Platform shall entitle us with additional\n penalty fee equal to 50% of the rate of such service, which will be charged from both\n the Trainer and the Trainee.\n \n
\nCancellation Policy
\nTrainers
\n\n 25.\n \n Trainers may cancel their membership with 30 days prior written notice to our customer\n support at support@witnesstofitness.com, provided that the Trainers has delivered in\n full all of the services that were purchased from them.\n \n
\n\n
\n \n
\n Trainees
\n\n 26.\n \n Trainees may cancel their Periodic Plans within 48 hours from purchasing, provided\n that they didn’t yet received the first Training Plan. In such case Trainees shall be\n entitled to a full refund.\n \n
\n\n 27.\n \n Cancellation not according to section 26 is subject to 14 days prior notice (the “\n \n Prior Notice”) and shall entitle the Trainee with a relative\n refund against the services/products he/she didn’t yet receive. It shall be clarified\n that during the Prior Notice period, all charges shall continue to apply.\n
\nAccounts and membership
\n\n 28.\n \n Trainers must be at least 18 years of age and Trainees must be at least 16 years of\n age and have their legal guardian approval to use the Application and Services. By\n using the Application and Services and by agreeing to this Agreement you warrant and\n represent that you meet these conditions.\n \n
\n\n 29.\n \n If you create an account in the Application, you are responsible for maintaining the\n security of your account and you are fully responsible for all activities that occur\n under the account and any other actions taken in connection with it. We may, but have\n no obligation to, monitor and review new accounts before you may sign in and start\n using the Services.\n \n
\n\n 30.\n \n Providing false contact information of any kind may result in the termination of your\n account. You must immediately notify us of any unauthorized uses of your account or\n any other breaches of security.\n \n
\n\n 31.\n \n We will not be liable for any acts or omissions by you, including any damages of any\n kind incurred as a result of such acts or omissions.\n \n
\n\n 32.\n \n We may suspend, disable, or delete your account (or any part thereof) if we determine\n that you have violated any provision of this Agreement or that your conduct or content\n would tend to damage our reputation and goodwill. If we delete your account for the\n foregoing reasons, you may not{' '}\n \n
User content
\n\n 33.\n \n We do not own any data, information or material (collectively, \" User Content\") that\n you submit in the Application in the course of using the Service. You shall have sole\n responsibility for the accuracy, quality, integrity, legality, reliability,\n appropriateness, and intellectual property ownership or right to use of all submitted\n Content.\n \n
\n\n 34.\n \n We may, but have no obligation to, monitor and review the Content in the Application\n submitted or created using our Services by you. You grant us permission to access,\n copy, distribute, store,\n \n
\n\n
\n \n
\n \n transmit, reformat, display and perform the Content of your user account solely as\n required for the purpose of providing the Services to you.\n
\n\n 35.\n \n Without limiting any of those representations or warranties, we have the right, though\n not the obligation, to, in our own sole discretion, refuse or remove any Content that,\n in our reasonable opinion, violates any of our policies or is in any way harmful or\n objectionable. You also grant us the license to use, reproduce, adapt, modify, publish\n or distribute the Content created by you or stored in your user account for\n commercial, marketing or any similar purpose.\n \n
\nAccuracy of information
\n\n 36.\n \n Occasionally there may be information in the Application that contains typographical\n errors, inaccuracies or omissions that may relate to product descriptions, pricing,\n availability, promotions and offers. We reserve the right to correct any errors,\n inaccuracies or omissions, and to change or update information or cancel orders if any\n information in the Application or Services is inaccurate at any time without prior\n notice (including after you have submitted your order).\n \n
\n\n 37.\n \n We undertake no obligation to update, amend or clarify information in the Application\n including, without limitation, pricing information, except as required by law. No\n specified update or refresh date applied in the Application should be taken to\n indicate that all information in the Application or Services has been modified or\n updated.\n \n
\nThird party services
\n\n 38.\n \n If you decide to enable, access or use third party services, be advised that your\n access and use of such other services are governed solely by the terms and conditions\n of such other services, and we do not endorse, are not responsible or liable for, and\n make no representations as to any aspect of such other services, including, without\n limitation, their content or the manner in which they handle data (including your\n data) or any interaction between you and the provider of such other services.\n \n
\n\n 39.\n \n You irrevocably waive any claim against Lifestyle A Team Ltd with respect to such\n other services. Lifestyle A Team Ltd is not liable for any damage or loss caused or\n alleged to be caused by or in connection with your enablement, access or use of any\n such other services, or your reliance on the privacy practices, data security\n processes or other policies of such other services. You may be required to register\n for or log into such other services on their respective platforms.\n \n
\n\n 40.\n \n By enabling any other services, you are expressly permitting Lifestyle A Team Ltd to\n disclose your data as necessary to facilitate the use or enablement of such other\n service.\n \n
\n\n
\n \n
\n Backups
\n\n 41.\n \n We perform regular backups of the Content, however, these backups are for our own\n administrative purposes only and are in no way guaranteed. You are responsible for\n maintaining your own backups of your data. We do not provide any sort of compensation\n for lost or incomplete data in the event that backups do not function properly. We\n will do our best to ensure complete and accurate backups but assume no responsibility\n for this duty.\n \n
\nAdvertisements
\n\n 42.\n \n During your use of the Application and Services, you may enter into correspondence\n with or participate in promotions of advertisers or sponsors showing their goods or\n services through the Application and Services. Any such activity, and any terms,\n conditions, warranties or representations associated with such activity, is solely\n between you and the applicable third party. We shall have no liability, obligation or\n responsibility for any such correspondence, purchase or promotion between you and any\n such third party.\n \n
\nLinks to other resources
\n\n 43.\n \n Although the Application and Services may link to other resources (such as websites,\n applications, etc.), we are not, directly or indirectly, implying any approval,\n association, sponsorship, endorsement, or affiliation with any linked resource, unless\n specifically stated herein.\n \n
\n\n 44.\n \n Some of the links in the Application may be \"affiliate links\". This means if you click\n on the link and purchase an item, Lifestyle A Team Ltd will receive an affiliate\n commission. We are not responsible for examining or evaluating, and we do not warrant\n the offerings of, any businesses or individuals or the content of their resources. We\n do not assume any responsibility or liability for the actions, products, services, and\n content of any other third parties. You should carefully review the legal statements\n and other conditions of use of any resource which you access through a link in the\n Application and Services. Your linking to any other{' '}\n \n
Prohibited uses
\n\n 45.\n \n In addition to other terms as set forth in the Agreement, you are prohibited from\n using the Application and Services or Content: (a) for any unlawful purpose; (b) to\n solicit others to perform or participate in any unlawful acts; (c) to violate any\n international, federal, provincial or state regulations, rules, laws, or local\n ordinances; (d) to infringe upon or violate our intellectual property rights or the\n intellectual property rights of others; (e) to harass, abuse, insult, harm, defame,\n slander, disparage, intimidate, or discriminate based on gender, sexual orientation,\n religion, ethnicity, race, age, national origin, or disability; (f) to submit false or\n misleading information; (g)\n \n
\n\n
\n \n
\n \n to upload or transmit viruses or any other type of malicious code that will or may be\n used in any way that will affect the functionality or operation of the Application and\n Services, third party products and services, or the Internet; (h) to spam, phish, pharm,\n pretext, spider, crawl, or scrape;\n
\n\n (i)\n \n for any obscene or immoral purpose; or (j) to interfere with or circumvent the\n security features of the Application and Services, third party products and services,\n or the Internet. We reserve the right to terminate your use of the Application and\n Services for violating any of the prohibited uses.\n \n
\nIntellectual property rights
\n\n 46.\n \n \"Intellectual Property Rights\" means all present and future rights conferred by\n statute, common law or equity in or in relation to any copyright and related rights,\n trademarks, designs, patents, inventions, goodwill and the right to sue for passing\n off, rights to inventions, rights to use, and all other intellectual property rights,\n in each case whether registered or unregistered and including all applications and\n rights to apply for and be granted, rights to claim priority from, such rights and all\n similar or equivalent rights or forms of protection and any other results of\n intellectual activity which subsist or will subsist now or in the future in any part\n of the world.\n \n
\n\n 47.\n \n This Agreement does not transfer to you any intellectual property owned by Lifestyle A\n Team Ltd or third parties, and all rights, titles, and interests in and to such\n property will remain (as between the parties) solely with Lifestyle A Team Ltd. All\n trademarks, service marks, graphics and logos used in connection with the Application\n and Services, are trademarks or registered trademarks of Lifestyle A Team Ltd or its\n licensors. Other trademarks, service marks, graphics and logos used in connection with\n the Application and Services may be the trademarks of other third parties. Your use of\n the Application and Services grants you no right or license to reproduce or otherwise\n use any of Lifestyle A Team Ltd or third party trademarks.\n \n
\nDisclaimer of warranty
\n\n 48.\n \n You agree that such Service is provided on an \"as is\" and \"as available\" basis and\n that your use of the Application and Services is solely at your own risk. We expressly\n disclaim all warranties of any kind, whether express or implied, including but not\n limited to the implied warranties of merchantability, fitness for a particular purpose\n and{' '}\n \n
\n
\n \n
\n \n and risk and that you will be solely responsible for any damage or loss of data that\n results from the download of such material and/or data. We make no warranty regarding\n any goods or services purchased or obtained through the Service or any transactions\n entered into through the Service unless stated otherwise. No advice or information,\n whether oral or written, obtained by you from us or through the Service shall create any\n warranty not expressly made herein.\n
\nLimitation of liability
\n\n 49.\n \n To the fullest extent permitted by applicable law, in no event will Lifestyle A Team\n Ltd, its affiliates, directors, officers, employees, agents, suppliers or licensors be\n liable to any person for any indirect, incidental, special, punitive, cover or\n consequential damages (including, without limitation, damages for lost profits,\n revenue, sales, goodwill, use of content, impact on business, business interruption,\n loss of anticipated savings, loss of business opportunity) however caused, under any\n theory of liability, including, without limitation, contract, tort, warranty, breach\n of statutory duty, negligence or otherwise, even if the liable party has been advised\n as to the possibility of such damages or could have foreseen such damages. To the\n maximum extent permitted by applicable law, the aggregate liability of Lifestyle A\n Team Ltd and its affiliates, officers, employees, agents, suppliers and licensors\n relating to the services will be limited to an amount greater of one dollar or any\n amounts actually paid by you to Lifestyle A Team Ltd for the prior one month period\n prior to the first event or occurrence giving rise to such liability. The limitations\n and exclusions also apply if this remedy does not fully compensate you for any losses\n or fails of its essential purpose.\n \n
\nIndemnification
\n\n 50.\n \n You agree to indemnify and hold Lifestyle A Team Ltd and its affiliates, directors,\n officers, employees, agents, suppliers and licensors harmless from and against any\n liabilities, losses, damages or costs, including reasonable attorneys' fees, incurred\n in connection with or arising from any third party allegations, claims, actions,\n disputes, or demands asserted against any of them as a result of or relating to your\n Content, your use of the Application and Services or any willful misconduct on your\n part.\n \n
\nSeverability
\n\n 51.\n \n All rights and restrictions contained in this Agreement may be exercised and shall be\n applicable and binding only to the extent that they do not violate any applicable laws\n and are intended to be limited to the extent necessary so that they will not render\n this Agreement illegal, invalid or unenforceable. If any provision or portion of any\n provision of this Agreement shall be held to be\n \n
\n\n
\n \n
\n \n illegal, invalid or unenforceable by a court of competent jurisdiction, it is the\n intention of the parties that the remaining provisions or portions thereof shall\n constitute their agreement with respect to the subject matter hereof, and all such\n remaining provisions or portions thereof shall remain in full force and effect.\n
\nDispute resolution
\n\n 52.\n \n The formation, interpretation, and performance of this Agreement and any disputes\n arising out of it shall be governed by the substantive and procedural laws of Israel\n without regard to its rules on conflicts or choice of law and, to the extent\n applicable, the laws of Israel. The exclusive jurisdiction and venue for actions\n related to the subject matter hereof shall be the courts located in Tel Aviv Israel,\n and you hereby submit to the personal jurisdiction of such courts. You hereby waive\n any right to a jury trial in any proceeding arising out of or related to this\n Agreement. The United Nations Convention on Contracts for the International Sale of\n Goods does not apply to this Agreement.\n \n
\nAssignment
\n\n 53.\n You may not assign, resell, \n
\n 54.\n \n We are free to assign any of its rights or obligations hereunder, in whole or in part,\n to any third party as part of the sale of all or substantially all of its assets or\n stock or as part of a merger.\n \n
\nChanges and amendments
\n\n 55.\n \n We reserve the right to modify this Agreement or its terms relating to the Application\n and Services at any time, effective upon posting of an updated version of this\n Agreement in the Application. When we do, we will revise the updated date at the\n bottom of this page. We may also provide notice to you in other ways in our\n discretion, such as through contact information you have provided and/or by posting a\n notice in the Application.\n \n
\n\n 56.\n \n Continued use of the Application and Services after any such changes shall constitute\n your consent to such changes.\n \n
\nAcceptance of these terms
\n\n 57.\n \n You acknowledge that you have read this Agreement and agree to all its terms and\n conditions. By accessing and using the Application and Services you agree to be bound\n by this Agreement. If you\n \n
\n\n
\n \n );\n};\n\nexport default TermsOfService;\n","import * as Yup from 'yup';\n\nconst templateName = Yup.string().required();\nconst programType = Yup.object()\n .shape({\n value: Yup.string().required(),\n })\n .required();\nconst templateLength = Yup.number().required();\nconst speciality = Yup.object().required();\nconst trainingTypes = Yup.array().of(programType).min(1);\n\nexport const TemplateSchema = Yup.object().shape({\n templateName,\n speciality,\n trainingTypes,\n templateLength,\n});\n","import styled from 'styled-components';\nimport ICONS from '../../constants/icons';\n\nexport const WholeWrapper = styled.div`\n width: 100%;\n height: 100%;\n background: #ffffff;\n display: flex;\n flex-direction: column;\n border-radius: 12px;\n`;\n\nexport const ModalHeader = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n line-height: 2.4rem;\n font-family: ${({ fontFamily }) => (fontFamily ? fontFamily : 'Space-r')};\n border-bottom: ${({ noborder }) => (noborder ? 'none' : '1px solid #05000033')};\n font-size: 1.6rem;\n padding: 2rem 2.4rem;\n min-height: 28px;\n justify-content: ${({ centered }) => (centered ? 'center' : 'space-between')};\n text-align: ${({ centered }) => (centered ? 'center' : 'left')};\n`;\n\nexport const ModalContent = styled.div`\n width: 100%;\n padding: 0 3.2rem;\n`;\n\nexport const ArrowIcon = styled.div`\n width: 58px;\n height: 58px;\n border-radius: 50%;\n background: #d2d1d1;\n background-image: url('');\n background-position: center;\n background-size: contain;\n background-repeat: no-repeat;\n margin: 3.5rem auto 2rem;\n`;\n\nexport const ModalCloseX = styled.div`\n font-size: 2rem;\n color: #4a4a4a;\n opacity: 0.6;\n font-family: Roboto-m;\n cursor: pointer;\n`;\n\nexport const ModalFooter = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 7.4rem 3.2rem 2.8rem;\n`;\n\nexport const ButtonWrapper = styled.div`\n height: 4.8rem;\n margin-left: 1.2rem;\n width: 11.2rem;\n`;\n\nexport const TemplateInputWrapper = styled.div`\n width: 100%;\n padding: 3.4rem 0 0.4rem;\n & * > {\n /* width */\n &::-webkit-scrollbar {\n width: 0.4rem;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: white;\n border-radius: 2px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #e2e2e2;\n border-radius: 2px;\n }\n }\n & > * .option_icon {\n display: none;\n }\n & > .css-1joejl3-container {\n margin: 0;\n min-height: 5rem;\n }\n & > * .css-9fbgpq-control {\n min-height: 5rem;\n border: 1px solid #cdcccc;\n }\n`;\n\nexport const FlexWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n`;\n\nexport const ProgramLengthContainer = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const FieldTitle = styled.div`\n font-family: Roboto-m;\n font-size: 1.4rem;\n line-height: 1.6rem;\n color: #37333388;\n padding: 0 0.4rem 1.2rem;\n width: fit-content;\n`;\n\nexport const TemplateLengthItem = styled.div`\n padding: 1.2rem;\n line-height: 1.6rem;\n font-size: 1.4rem;\n min-width: 8rem;\n color: ${({ checked }) => (checked ? '050000' : '#05000080')};\n border: ${({ checked, theme }) =>\n checked ? `1.5px solid ${theme.color.primary}` : '1.5px solid #cdcccc'};\n border-radius: 8px;\n margin-right: 1.2rem;\n cursor: pointer;\n &:last-child {\n margin-right: 0;\n }\n`;\n","import 'react-image-crop/dist/ReactCrop.css';\nimport { Formik, Field, Form } from 'formik';\nimport React, { useMemo } from 'react';\nimport Modal from 'react-modal';\n\nimport { TemplateSchema } from '../../schemas/template/template';\nimport { useCoachPersonalInfo, useTemplate } from '../../hooks';\nimport SelectStatus from '../programs-header/SelectStatus';\nimport CustomButton from '../button/CustomButton';\nimport CustomInput from '../input/CustomInput';\nimport {\n WholeWrapper,\n ModalHeader,\n ModalFooter,\n ButtonWrapper,\n FieldTitle,\n TemplateInputWrapper,\n FlexWrapper,\n ModalContent,\n ProgramLengthContainer,\n TemplateLengthItem,\n} from './components';\nimport ReactSelectWitness from '../react-select-witness/ReactSelectWitness';\nimport LENGTH_OPTIONS from '../../constants/programLengthOptions'\nimport { useUtils } from '../../hooks';\n\nconst customStyles = {\n overlay: {\n backgroundColor: '#05000066',\n zIndex: '111',\n },\n content: {\n zIndex: '111111111',\n width: '80%',\n maxWidth: '556px',\n minWidth: '320px',\n height: 'fit-content',\n maxHeight: 'Calc(100% - 40px)',\n top: '50%',\n left: '50%',\n right: 'auto',\n marginRight: '-50%',\n transform: 'translate(-50%, -50%)',\n color: '#001212',\n borderRadius: '12px',\n border: 'none',\n padding: '0 ',\n minHeight: 'fit-content',\n overflow: 'visible',\n },\n};\n\nconst AddTemplateModal = ({ modalOpen, closeModal }) => {\n const { currentCoach } = useCoachPersonalInfo({ setLoading: null, setOpenModal: null });\n const { createTemplate } = useTemplate();\n const { programLengthValueToOption } = useUtils();\n\n const specList = useMemo(() => {\n if (currentCoach?.specialities) {\n const withSpecs = currentCoach?.specialities?.reduce((acc, sp) => {\n if (sp?.name === 'Strength' || sp?.name === 'Running') {\n acc.push({ value: sp?.id, label: sp?.name, trainingTypes: sp?.trainingTypes });\n }\n return acc;\n }, []);\n const specials = [].concat(\n ...currentCoach?.specialities?.map(\n (spec) =>\n (spec?.name !== 'Strength' && spec?.name !== 'Running' && spec?.trainingTypes) || [],\n ),\n );\n return [\n ...withSpecs,\n {\n value: 'non-strength-or-running-spec',\n label: 'Special',\n trainingTypes: specials,\n },\n ];\n }\n\n return [];\n }, [currentCoach.specialities]);\n\n return (\n \n
\n \n do not agree to abide by the terms of this Agreement, you are not authorized to access\n or use the Application and Services.\n
\nContacting us
\n\n 58.\n \n If you would like to contact us to understand more about this Agreement or wish to\n contact us concerning any matter relating to it, you may send an email to\n support@witnesstofitness.com\n \n
\nThis document was last updated on Thursday, 05 November 2020
\n\n Associated With Your Account\n
\n {data.map((payDay) => (\n \n {}\n + ₪{payDay.coachFee || payDay.amount}\n \n \n {payDay.traineeName\n ?.split(' ')\n .map((x) => x.substring(0, 1))\n .join('')\n .substring(0, 3)}\n \n {/*
\n {isOrganization ? (\n \n
*/}\n {payDay.traineeName}\n \n
*/}\n {payDay.coach?.fullName}\n \n ) : (\n {payDay.programName}\n )}\n {payDay.program?.coachProgram?.group?.name || ''}\n \n {payDay.program?.coachProgram?.group?.code?.digits\n ? `#${(\n '000' + Math.floor(payDay.program?.coachProgram?.group?.code?.digits / 1000)\n ).slice(-3)}-${(\n '000' +\n (payDay.program?.coachProgram?.group?.code?.digits % 1000)\n ).slice(-3)}`\n : ''}\n \n \n ))}\n \n \n ) : null}\n \n );\n};\nexport default FinanceTableRow;\n","import DollarSignSVG from '../../assets/finance/dollar.svg';\n\nconst { default: styled } = require('styled-components');\n\nexport const FinanceMinimalPreview = styled.div`\n width: 100%;\n height: 30rem;\n background-color: #fff;\n display: flex;\n & > img {\n width: 40%;\n objectfit: cover;\n }\n & > div {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n width: 50%;\n height: 95%;\n margin: 0 auto;\n }\n & > div > span:first-of-type {\n line-height: 2.2rem;\n font-family: Gotham-r;\n font-size: 1.8rem;\n color: #373333;\n -moz-letter-spacing: 0.2rem;\n -ms-letter-spacing: 0.2rem;\n letter-spacing: 0.2rem;\n text-align: center;\n margin-top: 5%;\n }\n & > div > div {\n display: flex;\n align-items: center;\n flex-direction: column;\n }\n & > div > div > span {\n margin-top: 3rem;\n line-height: 2.2rem;\n font-family: Space-r;\n font-size: 4rem;\n color: #373333;\n -moz-letter-spacing: 0.2rem;\n -ms-letter-spacing: 0.2rem;\n letter-spacing: 0.2rem;\n text-align: center;\n }\n & > div > span:last-of-type {\n opacity: 0.6;\n color: #020202;\n }\n border-radius: 4px;\n overflow: hidden;\n`;\n\nexport const FinanceChart = styled.div`\n width: 100%;\n height: 30rem;\n background-color: #fff;\n border-radius: 4px;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 5rem 1.6rem 2rem 0;\n`;\nexport const FinanceChartContent = styled.div`\n width: 100%;\n height: 100%;\n overflow: hidden;\n & * .recharts-cartesian-axis-line {\n stroke: #ffffff00;\n }\n`;\n\nexport const FinanceTable = styled.div`\n width: 100%;\n height: 100%;\n grid-column: 1 / span 2;\n border-radius: 4px;\n background-color: #ffffff;\n box-shadow: 0 1px 3px 0 rgba(74, 74, 74, 0.12);\n padding: 1% 1%;\n box-sizing: border-box;\n & > div {\n position: relative;\n ::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n }\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n ::-webkit-scrollbar-thumb {\n background: #e2e2e2;\n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #e2e2e2;\n }\n }\n`;\n\nexport const FinanceMainGrid = styled.div`\n width: 100%;\n height: 100%;\n border-radius: 4px;\n display: grid;\n grid-template-columns: 36% calc(64% - 20px);\n grid-column-gap: 20px;\n grid-template-rows: auto calc(66vh - 136px);\n grid-row-gap: 20px;\n`;\n\nexport const FinanceTableHeader = styled.div`\n width: 100%;\n display: grid;\n grid-template-columns: 20% 20% 20% 20% 20%;\n grid-template-columns: 14% 16% 20% 16% 14% 20%;\n align-items: center;\n /* height: 40px; */\n box-sizing: border-box;\n padding: 2.2rem 3rem 1.6rem;\n background: rgb(250, 250, 250);\n position: sticky;\n top: 0;\n z-index: 1;\n`;\n\nexport const FinanceTableHeaderText = styled.span`\n opacity: 0.6;\n color: #4a4a4a;\n font-family: Roboto-b;\n font-size: 14px;\n line-height: 2.2rem;\n font-weight: 500;\n letter-spacing: 0;\n text-align: left;\n`;\n\nexport const DollarSign = styled.div`\n width: 56px;\n height: 56px;\n background-image: url(${DollarSignSVG});\n`;\n\nexport const NotDollarSign = styled.div`\n width: 56px;\n height: 56px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 2px solid #00ff91;\n border-radius: 1.2rem;\n font-size: 4rem;\n font-family: Roboto-l;\n`;\n","import React from 'react';\nimport FinanceTableRow from '../../components/finance/FinanceTableRow';\nimport {\n ResponsiveContainer,\n AreaChart,\n Area,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n Legend,\n} from 'recharts';\nimport {\n FinanceMainGrid,\n FinanceMinimalPreview,\n FinanceChart,\n FinanceChartContent,\n FinanceTable,\n FinanceTableHeader,\n FinanceTableHeaderText,\n DollarSign,\n NotDollarSign,\n} from './components';\nimport { useEarnings, useUtils } from '../../hooks';\n\nconst SimpleLineChart = ({ data }) => {\n return (\n ![\"\"](\"https://i.ibb.co/wgCQ25z/download.png\")
\n \n How Much will you Earn this Month?\n
\n \n {/* ₪ \n {currentMonthIncome}\n
\n {today}\n \n {\n const targetProgram = trainee?.programs\n ?.reverse()\n ?.find(\n (x) =>\n x.status === ProgramStatus.APPROVED &&\n x.type === program.type,\n );\n history.push(`/program/${targetProgram?.uid}`);\n }}\n >\n View Program\n \n
\n setCurrentNumber(i+1)} style={{\n borderRadius: '50%',\n width: '36px',\n height: \"36px\",\n padding: '8px',\n background: curPage === i + 1 ? '#00ff91' : '#F7F6F6',\n textAlign: 'center',\n cursor: 'pointer', color: curPage === i + 1 ? 'black' : 'black'}}>{i+1 }\n
)\n }\n\n return res;\n }\n\n return (\n \n
\n );\n};\n\nexport default PaginatedNumbers;\n","import Modal from 'react-modal';\nimport {\n ModalColumn, ModalMain, VideoSign, VideoWrapper\n} from \"../../components/add-exercise-modal.jsx/components\";\nimport React from \"react\";\nimport {CloseIcon} from \"../../components/media-modal/components\";\n\nconst VideoPreview = ({ isOpen, setIsOpen, videoUrl, youtubeVideoId }) => {\n\n const customStyles = {\n overlay: {\n backgroundColor: '#000000bb',\n zIndex: 44444444,\n },\n content: {\n backgroundColor: 'transparent',\n zIndex: '255',\n top: '50%',\n left: '50%',\n width: '70%',\n right: 'auto',\n justifyContent: 'center',\n bottom: 'auto',\n marginRight: '-50%',\n transform: 'translate(-50%, -50%)',\n color: '#001212',\n borderRadius: '8px',\n border: 'none',\n padding: '0 ',\n },\n };\n\n return (\n setCurrentNumber(Math.max(curPage-1, 1))}>\n
\n {list()}\n setCurrentNumber(Math.min(curPage+1, maxPage))}>\n
\n \n \n Excerises \n \n \n \n \n \n \n \n Type\n \n \n Category\n \n \n Setting\n \n \n Gender\n \n \n Video\n \n \n \n \n {console.log(exercises)}\n {exercisesLoading ? \n {exercise.title} {availableTypes.find(x => x.value === exercise.type)?.label} {exercise.category} {exercise.setting} {exercise.gender} {(exercise.youtubeVideoId || exercise.video) && \n })}\n \n \n {!exercisesLoading &&
\n \n \n
\n \n setFilters({...filters, isGlobal: true})}\n >\n System Exercises\n \n
\n \n setFilters({...filters,\n isGlobal: false,\n currentPage: 1,})}\n >\n My Exercises\n \n
\n \n
\n \n
\n \n
\n \n {\n setFilters(prv => {\n return {\n ...prv, type: v,\n currentPage: 1,\n }\n })\n }}\n options={availableTypes}\n style={{\n fontSize: '1.4rem',\n border: '1px solid #f7f6f6`',\n borderRadius: \"8px\",\n width: '26rem',\n height: \"4.4rem\",\n flexGrow: 1,\n }}\n />\n
\n \n Type\n
\n \n
\n \n {\n console.log(v);\n setFilters(prv => {\n return {\n ...prv, category: v,\n currentPage: 1,\n }\n })\n }}\n options={availableCategories}\n style={{\n fontSize: '1.4rem',\n border: '1px solid #f7f6f6`',\n borderRadius: \"8px\",\n width: '26rem',\n height: \"4.4rem\",\n flexGrow: 1,\n }}\n />\n
\n \n Category\n
\n \n Title\n
\n \n {\n setFilters(prv => {\n return {\n ...prv,\n sortOrder: prv.sortOrder === 'ASC' ? 'DESC' : 'ASC',\n currentPage: 1,\n }\n })\n }}>\n {filters.sortOrder === 'ASC' ?
\n {\n setVideoOpen({open: true, youtubeVideoId: exercise.youtubeVideoId, video: exercise.video?.url})}\n }>
}