frst-components 0.20.1 → 0.20.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +651 -230
- package/dist/src/components/LXP/accordionTrack/accordionTrack.d.ts.map +1 -1
- package/dist/src/components/LXP/accordionTrack/accordionTrackList.d.ts +1 -1
- package/dist/src/components/LXP/accordionTrack/accordionTrackList.d.ts.map +1 -1
- package/dist/src/components/LXP/accordionTrack/contentCoursesTrails.d.ts.map +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnails.d.ts +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnails.d.ts.map +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnailsDraggable.d.ts +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnailsDraggable.d.ts.map +1 -1
- package/dist/src/components/emoji-picker/emojiPickerStyles.d.ts +9 -0
- package/dist/src/components/emoji-picker/emojiPickerStyles.d.ts.map +1 -0
- package/dist/src/components/emoji-picker/index.d.ts +7 -1
- package/dist/src/components/emoji-picker/index.d.ts.map +1 -1
- package/dist/src/components/input-comment-v2/index.d.ts +5 -0
- package/dist/src/components/input-comment-v2/index.d.ts.map +1 -0
- package/dist/src/components/input-comment-v2/inputCommentStyles.d.ts +18 -0
- package/dist/src/components/input-comment-v2/inputCommentStyles.d.ts.map +1 -0
- package/dist/src/components/modal/modalLXP/Modal.d.ts +4 -0
- package/dist/src/components/modal/modalLXP/Modal.d.ts.map +1 -0
- package/package.json +2 -5
- package/src/components/DS/loading/index.tsx +0 -70
- package/src/components/DS/loading/loading.stories.tsx +0 -31
- package/src/components/DS/loading/loadingStyle.ts +0 -40
- package/src/components/DS/modal/index.stories.tsx +0 -25
- package/src/components/DS/modal/index.tsx +0 -100
- package/src/components/DS/modal/styles.ts +0 -101
- package/src/components/DS/select/Select.tsx +0 -101
- package/src/components/DS/select/SelectContext.tsx +0 -9
- package/src/components/DS/select/SelectItem.tsx +0 -69
- package/src/components/DS/select/index.tsx +0 -18
- package/src/components/DS/select/select.stories.tsx +0 -20
- package/src/components/DS/select/styles/StylesSelect.tsx +0 -100
- package/src/components/DS/tooltip/index.stories.tsx +0 -24
- package/src/components/DS/tooltip/index.tsx +0 -81
- package/src/components/DS/tooltip/styles.ts +0 -155
- package/src/components/DS/tooltip/types.d.ts +0 -21
- package/src/components/EBR/buttons-group/index.d.ts +0 -4
- package/src/components/EBR/buttons-group/index.stories.tsx +0 -23
- package/src/components/EBR/buttons-group/index.tsx +0 -31
- package/src/components/EBR/buttons-group/styles.ts +0 -7
- package/src/components/EBR/group-statistics/groupStatistics.d.ts +0 -6
- package/src/components/EBR/group-statistics/groupStatistics.stories.tsx +0 -89
- package/src/components/EBR/group-statistics/groupStatisticsStyles.ts +0 -63
- package/src/components/EBR/group-statistics/index.tsx +0 -85
- package/src/components/EBR/objective-step/index.tsx +0 -18
- package/src/components/EBR/objective-step/objectiveStep.d.ts +0 -5
- package/src/components/EBR/objective-step/objectiveStep.stories.tsx +0 -24
- package/src/components/EBR/objective-step/objectiveStepStyles.ts +0 -42
- package/src/components/EBR/rating/index.tsx +0 -97
- package/src/components/EBR/rating/rating.d.ts +0 -42
- package/src/components/EBR/rating/rating.stories.tsx +0 -24
- package/src/components/EBR/rating/ratingStyles.ts +0 -25
- package/src/components/EBR/specialist-contact/index.tsx +0 -40
- package/src/components/EBR/specialist-contact/specialistContact.d.ts +0 -13
- package/src/components/EBR/specialist-contact/specialistContact.stories.tsx +0 -26
- package/src/components/EBR/specialist-contact/specialistContactStyles.ts +0 -93
- package/src/components/EBR/stepper/index.d.ts +0 -29
- package/src/components/EBR/stepper/index.stories.tsx +0 -43
- package/src/components/EBR/stepper/index.tsx +0 -7
- package/src/components/EBR/stepper/stepper.tsx +0 -23
- package/src/components/EBR/stepper/stepperItem.tsx +0 -38
- package/src/components/EBR/stepper/styles.ts +0 -140
- package/src/components/EBR/trail-list/index.tsx +0 -82
- package/src/components/EBR/trail-list/trailList.d.ts +0 -6
- package/src/components/EBR/trail-list/trailList.stories.tsx +0 -59
- package/src/components/EBR/trail-list/trailListStyles.ts +0 -54
- package/src/components/FI/bannerProblemFeed/bannerProblemFeed.stories.tsx +0 -355
- package/src/components/FI/bannerProblemFeed/bannerProblemFeedStyles.ts +0 -128
- package/src/components/FI/bannerProblemFeed/index.tsx +0 -388
- package/src/components/FI/bannerSRG/bannerSRG.d.ts +0 -33
- package/src/components/FI/bannerSRG/bannerSRG.stories.tsx +0 -106
- package/src/components/FI/bannerSRG/bannerSRGStyle.ts +0 -226
- package/src/components/FI/bannerSRG/index.tsx +0 -93
- package/src/components/FI/feedInteraction/feedInteraction.stories.tsx +0 -219
- package/src/components/FI/feedInteraction/feedInteractionStyles.ts +0 -142
- package/src/components/FI/feedInteraction/index.tsx +0 -343
- package/src/components/FI/follow/follow.stories.tsx +0 -59
- package/src/components/FI/follow/followStyles.ts +0 -42
- package/src/components/FI/follow/index.tsx +0 -144
- package/src/components/FI/interactionsModal/InteractionsModal.stories.tsx +0 -123
- package/src/components/FI/interactionsModal/InteractionsModalStyles.ts +0 -164
- package/src/components/FI/interactionsModal/index.tsx +0 -106
- package/src/components/FI/interactionsModal/interactionsModal.d.ts +0 -23
- package/src/components/FI/notificationCard/index.tsx +0 -66
- package/src/components/FI/notificationCard/notificationCard.stories.tsx +0 -34
- package/src/components/FI/notificationCard/notificationCardStyles.ts +0 -41
- package/src/components/FI/notificationPopOver/index.tsx +0 -190
- package/src/components/FI/notificationPopOver/notificationPopOver.stories.tsx +0 -117
- package/src/components/FI/notificationPopOver/notificationPopOverStyles.ts +0 -109
- package/src/components/FI/postFeed/index.tsx +0 -188
- package/src/components/FI/postFeed/postFeed.stories.tsx +0 -313
- package/src/components/FI/postFeed/postFeedStyles.ts +0 -188
- package/src/components/FI/searchBox/SearchBox.stories.tsx +0 -34
- package/src/components/FI/searchBox/SearchBoxStyles.ts +0 -21
- package/src/components/FI/searchBox/index.tsx +0 -25
- package/src/components/FI/searchBox/searchBox.d.ts +0 -11
- package/src/components/FI/sessionFilters/index.tsx +0 -160
- package/src/components/FI/sessionFilters/sessionFilters.d.ts +0 -35
- package/src/components/FI/sessionFilters/sessionFilters.stories.tsx +0 -74
- package/src/components/FI/sessionFilters/sessionFiltersStyle.ts +0 -86
- package/src/components/FI/smallSRGBanner/index.tsx +0 -24
- package/src/components/FI/smallSRGBanner/smallSRGBanner.stories.tsx +0 -19
- package/src/components/FI/smallSRGBanner/smallSRGBannerStyles.ts +0 -34
- package/src/components/IJ/ContentCycle/ContentCycle.d.ts +0 -56
- package/src/components/IJ/ContentCycle/ContentCycle.stories.tsx +0 -30
- package/src/components/IJ/ContentCycle/ContentCycleStyles.ts +0 -152
- package/src/components/IJ/ContentCycle/index.tsx +0 -85
- package/src/components/IJ/ListContentCycle/ListContentCycle.d.ts +0 -33
- package/src/components/IJ/ListContentCycle/ListContentCycle.stories.tsx +0 -77
- package/src/components/IJ/ListContentCycle/ListContentCycleStyles.ts +0 -10
- package/src/components/IJ/ListContentCycle/index.tsx +0 -35
- package/src/components/IJ/StepLearningCycle/StepLearningCycle.d.ts +0 -39
- package/src/components/IJ/StepLearningCycle/StepLearningCycle.stories.tsx +0 -24
- package/src/components/IJ/StepLearningCycle/StepLearningCycleStyle.ts +0 -93
- package/src/components/IJ/StepLearningCycle/index.tsx +0 -153
- package/src/components/IJ/favorite/favorite.stories.tsx +0 -19
- package/src/components/IJ/favorite/favoriteStyles.ts +0 -15
- package/src/components/IJ/favorite/index.tsx +0 -44
- package/src/components/IJ/learningCycleCard/components/menu/index.tsx +0 -92
- package/src/components/IJ/learningCycleCard/components/menu/menuStyle.ts +0 -27
- package/src/components/IJ/learningCycleCard/index.tsx +0 -93
- package/src/components/IJ/learningCycleCard/learningCycleCard.d.ts +0 -28
- package/src/components/IJ/learningCycleCard/learningCycleCard.stories.tsx +0 -229
- package/src/components/IJ/learningCycleCard/learningCycleCardStyle.ts +0 -173
- package/src/components/IJ/listSelector/index.tsx +0 -85
- package/src/components/IJ/listSelector/listSelector.stories.tsx +0 -64
- package/src/components/IJ/listSelector/listSelectorStyles.ts +0 -49
- package/src/components/IJ/pagination/index.tsx +0 -155
- package/src/components/IJ/pagination/pagination.stories.tsx +0 -112
- package/src/components/IJ/pagination/paginationStyles.ts +0 -61
- package/src/components/IJ/participantCard/index.tsx +0 -111
- package/src/components/IJ/participantCard/participantCard.d.ts +0 -24
- package/src/components/IJ/participantCard/participantCard.stories.tsx +0 -82
- package/src/components/IJ/participantCard/participantCardStyle.ts +0 -304
- package/src/components/IJ/participantCardOld/index.tsx +0 -108
- package/src/components/IJ/participantCardOld/participantCard.d.ts +0 -23
- package/src/components/IJ/participantCardOld/participantCard.stories.tsx +0 -34
- package/src/components/IJ/participantCardOld/participantCardStyle.ts +0 -218
- package/src/components/IJ/thumbListContent/index.tsx +0 -127
- package/src/components/IJ/thumbListContent/thumbListContent.stories.tsx +0 -130
- package/src/components/IJ/thumbListContent/thumbListContentStyles.ts +0 -196
- package/src/components/LXP/DropdownSelectMultiple/dropdownSelectMultiple.stories.tsx +0 -43
- package/src/components/LXP/DropdownSelectMultiple/index.tsx +0 -77
- package/src/components/LXP/DropdownSelectMultiple/styles/MultiSelectDemo.ts +0 -79
- package/src/components/LXP/DropdownSelectMultiple/styles/MultiSelectItems.css +0 -118
- package/src/components/LXP/DropdownSelectMultiple/styles/icons/DropdownChevron.png +0 -0
- package/src/components/LXP/DropdownSelectMultiple/styles/icons/close.png +0 -0
- package/src/components/LXP/DropdownSelectMultiple/styles/icons/vector.png +0 -0
- package/src/components/LXP/DropdownSelectMultiple/styles/primeflex.css +0 -20970
- package/src/components/LXP/DropdownSelectMultiple/styles/primereact.css +0 -6326
- package/src/components/LXP/DropdownSelectMultiple/styles/theme.css +0 -6515
- package/src/components/LXP/accordionTrack/IAccordionTrack.d.ts +0 -81
- package/src/components/LXP/accordionTrack/accordionTrack.stories.tsx +0 -305
- package/src/components/LXP/accordionTrack/accordionTrack.tsx +0 -402
- package/src/components/LXP/accordionTrack/accordionTrackList.tsx +0 -263
- package/src/components/LXP/accordionTrack/accordionTrackStyle.ts +0 -196
- package/src/components/LXP/accordionTrack/contentCourses.tsx +0 -9
- package/src/components/LXP/accordionTrack/contentCoursesTrails.tsx +0 -304
- package/src/components/LXP/accordionTrack/vectorDown.tsx +0 -26
- package/src/components/LXP/accordionTrack/vectorUp.tsx +0 -26
- package/src/components/LXP/avatarAssociatedChannel/avatarAssociatedChannel.d.ts +0 -10
- package/src/components/LXP/avatarAssociatedChannel/avatarAssociatedChannel.stories.tsx +0 -29
- package/src/components/LXP/avatarAssociatedChannel/avatarAssociatedChannelStyles.ts +0 -92
- package/src/components/LXP/avatarAssociatedChannel/index.tsx +0 -47
- package/src/components/LXP/avatarChannel/avatarChannel.d.ts +0 -13
- package/src/components/LXP/avatarChannel/avatarChannel.stories.tsx +0 -38
- package/src/components/LXP/avatarChannel/avatarChannelStyles.ts +0 -145
- package/src/components/LXP/avatarChannel/index.tsx +0 -112
- package/src/components/LXP/bannerLxp/bannerLxp.stories.tsx +0 -37
- package/src/components/LXP/bannerLxp/bannerLxp.tsx +0 -141
- package/src/components/LXP/bannerLxp/index.tsx +0 -270
- package/src/components/LXP/buttonContent/buttonContent.d.ts +0 -12
- package/src/components/LXP/buttonContent/buttonContent.stories.tsx +0 -23
- package/src/components/LXP/buttonContent/buttonContentStyle.ts +0 -63
- package/src/components/LXP/buttonContent/index.tsx +0 -16
- package/src/components/LXP/calendarLxp/calendar.css +0 -375
- package/src/components/LXP/calendarLxp/calendarLxp.module.css +0 -39
- package/src/components/LXP/calendarLxp/calendarLxp.stories.tsx +0 -19
- package/src/components/LXP/calendarLxp/defaultRanges.tsx +0 -99
- package/src/components/LXP/calendarLxp/index.tsx +0 -72
- package/src/components/LXP/cardLearningCicle/cardLearningCicle.d.ts +0 -16
- package/src/components/LXP/cardLearningCicle/cardLearningCicle.stories.tsx +0 -31
- package/src/components/LXP/cardLearningCicle/cardLearningCicleStyle.ts +0 -118
- package/src/components/LXP/cardLearningCicle/index.tsx +0 -129
- package/src/components/LXP/colorpicker/colorpicker.d.ts +0 -6
- package/src/components/LXP/colorpicker/colorpicker.stories.tsx +0 -18
- package/src/components/LXP/colorpicker/colorpickerStyles.ts +0 -46
- package/src/components/LXP/colorpicker/index.tsx +0 -30
- package/src/components/LXP/contentSwitcher/contentSwitcher.d.ts +0 -12
- package/src/components/LXP/contentSwitcher/contentSwitcher.stories.tsx +0 -26
- package/src/components/LXP/contentSwitcher/contentSwitcherStyle.ts +0 -92
- package/src/components/LXP/contentSwitcher/index.tsx +0 -33
- package/src/components/LXP/contentThumbnails/contentThumbnails.d.ts +0 -21
- package/src/components/LXP/contentThumbnails/contentThumbnails.stories.tsx +0 -106
- package/src/components/LXP/contentThumbnails/contentThumbnailsStyle.ts +0 -170
- package/src/components/LXP/contentThumbnails/index.tsx +0 -208
- package/src/components/LXP/contentThumbnails/vectorDown.tsx +0 -26
- package/src/components/LXP/contentThumbnails/vectorEllipse.tsx +0 -38
- package/src/components/LXP/contentThumbnails/vectorUp.tsx +0 -26
- package/src/components/LXP/extraContent/adminExtraContent.tsx +0 -127
- package/src/components/LXP/extraContent/extraContent.d.ts +0 -42
- package/src/components/LXP/extraContent/extraContent.module.css +0 -24
- package/src/components/LXP/extraContent/extraContent.stories.tsx +0 -96
- package/src/components/LXP/extraContent/index.tsx +0 -27
- package/src/components/LXP/extraContent/richTextEditor/components.tsx +0 -194
- package/src/components/LXP/extraContent/richTextEditor/index.tsx +0 -262
- package/src/components/LXP/extraContent/studentExtraContent.tsx +0 -160
- package/src/components/LXP/fileUpload/FileUpload.d.ts +0 -14
- package/src/components/LXP/fileUpload/FileUpload.stories.tsx +0 -29
- package/src/components/LXP/fileUpload/fileUploadStyles.ts +0 -86
- package/src/components/LXP/fileUpload/index.tsx +0 -51
- package/src/components/LXP/headerContent/headerContent.stories.tsx +0 -94
- package/src/components/LXP/headerContent/headerContent.ts +0 -216
- package/src/components/LXP/headerContent/index.tsx +0 -121
- package/src/components/LXP/headerContent/selectedCountCircle.tsx +0 -14
- package/src/components/LXP/login/index.tsx +0 -410
- package/src/components/LXP/login/login.d.ts +0 -50
- package/src/components/LXP/login/login.stories.tsx +0 -98
- package/src/components/LXP/login/loginStyle.ts +0 -290
- package/src/components/LXP/manageLerningCicles/index.tsx +0 -70
- package/src/components/LXP/manageLerningCicles/manageLearningCicles.Style.ts +0 -88
- package/src/components/LXP/manageLerningCicles/manageLearningCicles.d.ts +0 -12
- package/src/components/LXP/manageLerningCicles/manageLearningCicles.stories.tsx +0 -23
- package/src/components/LXP/participantThumbnails/index.tsx +0 -85
- package/src/components/LXP/participantThumbnails/participantThumbnails.stories.tsx +0 -19
- package/src/components/LXP/participantThumbnails/participantThumbnails.ts +0 -114
- package/src/components/LXP/participantThumbnailsList/index.tsx +0 -64
- package/src/components/LXP/participantThumbnailsList/participantThumbnailsList.stories.tsx +0 -93
- package/src/components/LXP/participantThumbnailsList/participantThumbnailsList.ts +0 -114
- package/src/components/LXP/permission/index.tsx +0 -223
- package/src/components/LXP/permission/permission.d.ts +0 -16
- package/src/components/LXP/permission/permission.stories.tsx +0 -28
- package/src/components/LXP/permission/permissionStyle.ts +0 -52
- package/src/components/LXP/popOver/index.tsx +0 -111
- package/src/components/LXP/popOver/popOver.d.ts +0 -30
- package/src/components/LXP/popOver/popOver.stories.tsx +0 -128
- package/src/components/LXP/popOver/popOverStyle.ts +0 -130
- package/src/components/LXP/popOverLXP-antigo/index.tsx +0 -48
- package/src/components/LXP/popOverLXP-antigo/popOverLXP.d.ts +0 -9
- package/src/components/LXP/popOverLXP-antigo/popOverLXP.stories.tsx +0 -103
- package/src/components/LXP/popOverLXP-antigo/popOverLXPStyles.ts +0 -121
- package/src/components/LXP/progressBar/index.tsx +0 -18
- package/src/components/LXP/progressBar/progressBar.d.ts +0 -8
- package/src/components/LXP/progressBar/progressBar.stories.tsx +0 -18
- package/src/components/LXP/progressBar/progressStyle.ts +0 -28
- package/src/components/LXP/searchResults/index.tsx +0 -36
- package/src/components/LXP/searchResults/searchResults.d.ts +0 -11
- package/src/components/LXP/searchResults/searchResults.stories.tsx +0 -23
- package/src/components/LXP/searchResults/searchResultsStyles.ts +0 -63
- package/src/components/LXP/selectLXP/SelectLXP.tsx +0 -170
- package/src/components/LXP/selectLXP/SelectLXPContext.tsx +0 -9
- package/src/components/LXP/selectLXP/SelectLXPItem.tsx +0 -63
- package/src/components/LXP/selectLXP/index.tsx +0 -16
- package/src/components/LXP/selectLXP/selectLXP.stories.tsx +0 -20
- package/src/components/LXP/star-metric/index.tsx +0 -28
- package/src/components/LXP/star-metric/starMetric.d.ts +0 -6
- package/src/components/LXP/star-metric/starMetric.stories.tsx +0 -18
- package/src/components/LXP/star-metric/starMetricStyles.ts +0 -17
- package/src/components/LXP/thumbnails/thumbnails.d.ts +0 -36
- package/src/components/LXP/thumbnails/thumbnails.stories.tsx +0 -48
- package/src/components/LXP/thumbnails/thumbnails.tsx +0 -217
- package/src/components/LXP/thumbnails/thumbnailsDraggable.tsx +0 -73
- package/src/components/LXP/thumbnails/thumbnailsStyle.ts +0 -183
- package/src/components/LXP/thumbnails/vectorCross.tsx +0 -25
- package/src/components/LXP/thumbnails/vectorEllipse.tsx +0 -38
- package/src/components/LXP/tooltip/index.tsx +0 -15
- package/src/components/LXP/tooltip/tooltip.stories.tsx +0 -19
- package/src/components/LXP/tooltip/tooltipStyle.ts +0 -114
- package/src/components/LXP/urlAddress/index.tsx +0 -30
- package/src/components/LXP/urlAddress/urlAddress.d.ts +0 -10
- package/src/components/LXP/urlAddress/urlAddress.stories.tsx +0 -21
- package/src/components/LXP/urlAddress/urlAddressStyle.ts +0 -61
- package/src/components/LXP/video/Video.d.ts +0 -19
- package/src/components/LXP/video/Video.stories.tsx +0 -95
- package/src/components/LXP/video/index.tsx +0 -22
- package/src/components/LogoFRST/index.tsx +0 -34
- package/src/components/LogoFRST/logoFRST.module.css +0 -27
- package/src/components/LogoFRST/logoFRST.stories.tsx +0 -38
- package/src/components/accordion-tabs/accordionTabs.d.ts +0 -19
- package/src/components/accordion-tabs/accordionTabs.stories.tsx +0 -34
- package/src/components/accordion-tabs/accordionTabsStyles.ts +0 -114
- package/src/components/accordion-tabs/index.tsx +0 -77
- package/src/components/audio-player/Royalty.mp3 +0 -0
- package/src/components/audio-player/audioPlayer.stories.tsx +0 -39
- package/src/components/audio-player/audioPlayerStyles.ts +0 -314
- package/src/components/audio-player/index.tsx +0 -209
- package/src/components/avatar/avatar.d.ts +0 -8
- package/src/components/avatar/avatar.stories.tsx +0 -21
- package/src/components/avatar/avatarStyles.ts +0 -23
- package/src/components/avatar/index.tsx +0 -21
- package/src/components/buttons/buttonStyle.ts +0 -339
- package/src/components/buttons/buttons.stories.tsx +0 -52
- package/src/components/buttons/buttonsWithIcons.stories.tsx +0 -57
- package/src/components/buttons/index.tsx +0 -90
- package/src/components/calendar/calendar.stories.tsx +0 -156
- package/src/components/calendar/calendarStyle.ts +0 -209
- package/src/components/calendar/index.tsx +0 -157
- package/src/components/card-trail/cardTrail.stories.tsx +0 -167
- package/src/components/card-trail/cardTrailStyle.ts +0 -31
- package/src/components/card-trail/index.tsx +0 -160
- package/src/components/card-trail/moduleStyle.ts +0 -98
- package/src/components/card-trail-carousel/cardsTrailsCarousel.d.ts +0 -13
- package/src/components/card-trail-carousel/cardsTrailsCarousel.stories.tsx +0 -152
- package/src/components/card-trail-carousel/index.tsx +0 -47
- package/src/components/cardLT/AvatarWithInfo/avatarWithInfo.module.css +0 -20
- package/src/components/cardLT/AvatarWithInfo/avatarWithInfo.stories.tsx +0 -18
- package/src/components/cardLT/AvatarWithInfo/index.tsx +0 -55
- package/src/components/cardLT/AvatarWithInfo/vector.tsx +0 -25
- package/src/components/cardLT/BannerProblem/BannerProblem.d.ts +0 -98
- package/src/components/cardLT/BannerProblem/BannerProblem.module.css +0 -113
- package/src/components/cardLT/BannerProblem/BannerProblem.stories.tsx +0 -191
- package/src/components/cardLT/BannerProblem/index.tsx +0 -433
- package/src/components/cardLT/BannerProblem/styles.ts +0 -16
- package/src/components/cardLT/MessageBox/MessageBox.module.css +0 -142
- package/src/components/cardLT/MessageBox/icons/errorIcon.tsx +0 -19
- package/src/components/cardLT/MessageBox/icons/successIcon.tsx +0 -18
- package/src/components/cardLT/MessageBox/icons/warningIcon.tsx +0 -20
- package/src/components/cardLT/MessageBox/index.tsx +0 -124
- package/src/components/cardLT/MessageBox/messageBox.stories.tsx +0 -53
- package/src/components/cardLT/Rating/Rating.module.css +0 -50
- package/src/components/cardLT/Rating/index.tsx +0 -92
- package/src/components/cardLT/Rating/rating.stories.tsx +0 -34
- package/src/components/cardLT/Rating/starIcon.tsx +0 -24
- package/src/components/cardLT/RatingCurtidas/RatingCurtidas.module.css +0 -16
- package/src/components/cardLT/RatingCurtidas/index.tsx +0 -80
- package/src/components/cardLT/RatingCurtidas/ratingCurtidas.stories.tsx +0 -21
- package/src/components/cardLT/RocketButton/RocketButton.stories.tsx +0 -28
- package/src/components/cardLT/RocketButton/RocketButtonIcon.tsx +0 -36
- package/src/components/cardLT/RocketButton/index.tsx +0 -57
- package/src/components/cardLT/StepsMission/Planet.module.css +0 -137
- package/src/components/cardLT/StepsMission/StepMission.tsx +0 -220
- package/src/components/cardLT/StepsMission/Steps.tsx +0 -116
- package/src/components/cardLT/StepsMission/planet.stories.tsx +0 -73
- package/src/components/cardLT/StepsMission/planetSteps.d.ts +0 -40
- package/src/components/cardLT/StepsMission/planets/jupter.png +0 -0
- package/src/components/cardLT/StepsMission/planets/lock.png +0 -0
- package/src/components/cardLT/StepsMission/planets/marte.png +0 -0
- package/src/components/cardLT/StepsMission/planets/netuno.png +0 -0
- package/src/components/cardLT/StepsMission/planets/saturno.png +0 -0
- package/src/components/cardLT/StepsMission/planets/urano.png +0 -0
- package/src/components/cardLT/TextIcon/TextIcon.module.css +0 -8
- package/src/components/cardLT/TextIcon/index.tsx +0 -64
- package/src/components/cardLT/TextIcon/starIcon.tsx +0 -27
- package/src/components/cardLT/TextIcon/textIcon.stories.tsx +0 -21
- package/src/components/cardLT/selectCard/avatarWithInfo.module.css +0 -20
- package/src/components/cardLT/selectCard/avatarWithInfo.stories.tsx +0 -19
- package/src/components/cardLT/selectCard/index.tsx +0 -55
- package/src/components/cardLT/selectCard/vector.tsx +0 -25
- package/src/components/cards/base/base.stories.tsx +0 -23
- package/src/components/cards/base/index.tsx +0 -10
- package/src/components/cards/cardDefinicaoProblema/cardDefinicaoProblema.module.css +0 -88
- package/src/components/cards/cardDefinicaoProblema/cardDefinicaoProblema.stories.tsx +0 -95
- package/src/components/cards/cardDefinicaoProblema/index.tsx +0 -98
- package/src/components/cards/cardProblem/cardProblem.module.css +0 -114
- package/src/components/cards/cardProblem/cardProblem.stories.tsx +0 -164
- package/src/components/cards/cardProblem/index.tsx +0 -251
- package/src/components/cards/cardProblemGestor/cardProblemaGestor.module.css +0 -99
- package/src/components/cards/cardProblemGestor/cardProblemaGestor.stories.tsx +0 -78
- package/src/components/cards/cardProblemGestor/index.tsx +0 -105
- package/src/components/cards/cardResultConquista/Icons/Aprendizado.png +0 -0
- package/src/components/cards/cardResultConquista/Icons/AprendizadoPressed.png +0 -0
- package/src/components/cards/cardResultConquista/Icons/Conquista.png +0 -0
- package/src/components/cards/cardResultConquista/Icons/ConquistaPressed.png +0 -0
- package/src/components/cards/cardResultConquista/cardResultConquista.module.css +0 -52
- package/src/components/cards/cardResultConquista/cardResultConquista.stories.tsx +0 -35
- package/src/components/cards/cardResultConquista/index.tsx +0 -76
- package/src/components/cards/user/index.tsx +0 -204
- package/src/components/cards/user/user.stories.tsx +0 -172
- package/src/components/challenge-cards/challengeCard.d.ts +0 -17
- package/src/components/challenge-cards/challengeCard.stories.tsx +0 -43
- package/src/components/challenge-cards/challengeCardStyles.ts +0 -266
- package/src/components/challenge-cards/dropdownMenuStyle.ts +0 -87
- package/src/components/challenge-cards/index.tsx +0 -308
- package/src/components/checkmark/checkmark.d.ts +0 -11
- package/src/components/checkmark/checkmark.stories.tsx +0 -23
- package/src/components/checkmark/checkmarkStyles.ts +0 -27
- package/src/components/checkmark/index.tsx +0 -61
- package/src/components/commentary-box/commentaryBox.d.ts +0 -41
- package/src/components/commentary-box/commentaryBox.stories.tsx +0 -57
- package/src/components/commentary-box/commentaryBox.utils.ts +0 -31
- package/src/components/commentary-box/commentaryBoxStyles.ts +0 -271
- package/src/components/commentary-box/index.tsx +0 -260
- package/src/components/conquistaCarrossel/conquistaCarrossel.d.ts +0 -13
- package/src/components/conquistaCarrossel/conquistaCarrossel.stories.tsx +0 -163
- package/src/components/conquistaCarrossel/index.tsx +0 -56
- package/src/components/demo/stepController/StepControllerStyle.ts +0 -46
- package/src/components/demo/stepController/index.tsx +0 -54
- package/src/components/demo/stepController/stepController.stories.tsx +0 -22
- package/src/components/dropdown-profile-menu/dropdownProfileMenu.d.ts +0 -28
- package/src/components/dropdown-profile-menu/dropdownProfileMenu.stories.tsx +0 -91
- package/src/components/dropdown-profile-menu/dropdownProfileMenuStyle.ts +0 -171
- package/src/components/dropdown-profile-menu/index.tsx +0 -203
- package/src/components/emoji-picker/emojiPicker.stories.tsx +0 -20
- package/src/components/emoji-picker/index.tsx +0 -60
- package/src/components/exclusive-class/exclusiveClass.d.ts +0 -8
- package/src/components/exclusive-class/exclusiveClass.stories.tsx +0 -19
- package/src/components/exclusive-class/exclusiveClassStyles.ts +0 -39
- package/src/components/exclusive-class/index.tsx +0 -33
- package/src/components/field-search-dropdown/fieldSearch.d.ts +0 -36
- package/src/components/field-search-dropdown/fieldSearch.stories.tsx +0 -92
- package/src/components/field-search-dropdown/fieldSearchStyle.ts +0 -150
- package/src/components/field-search-dropdown/index.tsx +0 -233
- package/src/components/filter-accordion-checkbox/filterAccordionCheckbox.d.ts +0 -7
- package/src/components/filter-accordion-checkbox/filterAccordionCheckbox.stories.tsx +0 -101
- package/src/components/filter-accordion-checkbox/filterAccordionCheckbox.utils.ts +0 -7
- package/src/components/filter-accordion-checkbox/filterAccordionCheckboxStyles.ts +0 -2
- package/src/components/filter-accordion-checkbox/index.tsx +0 -188
- package/src/components/form-elements/checkbox/checkbox.d.ts +0 -9
- package/src/components/form-elements/checkbox/checkbox.stories.tsx +0 -20
- package/src/components/form-elements/checkbox/checkboxStyle.ts +0 -40
- package/src/components/form-elements/checkbox/index.tsx +0 -33
- package/src/components/form-elements/textarea/index.tsx +0 -6
- package/src/components/form-elements/textarea/textArea.stories.tsx +0 -27
- package/src/components/form-elements/textfield/index.tsx +0 -104
- package/src/components/form-elements/textfield/textField.stories.tsx +0 -124
- package/src/components/form-elements/textfield/textFieldStyle.ts +0 -213
- package/src/components/global-menu/components/customMenu/index.tsx +0 -1
- package/src/components/global-menu/globalMenu.d.ts +0 -66
- package/src/components/global-menu/globalMenu.stories.tsx +0 -959
- package/src/components/global-menu/globalMenuStyles.ts +0 -197
- package/src/components/global-menu/index.tsx +0 -1336
- package/src/components/headerChallenge/headerChallenge.stories.tsx +0 -20
- package/src/components/headerChallenge/headerChallengeStyle.ts +0 -102
- package/src/components/headerChallenge/index.tsx +0 -17
- package/src/components/index.tsx +0 -46
- package/src/components/input-comment/index.tsx +0 -178
- package/src/components/input-comment/inputComment.d.ts +0 -16
- package/src/components/input-comment/inputComment.stories.tsx +0 -26
- package/src/components/input-comment/inputComment.utils.ts +0 -7
- package/src/components/input-comment/inputCommentStyles.ts +0 -116
- package/src/components/item-lateral-menu/index.tsx +0 -87
- package/src/components/item-lateral-menu/itemLateralMenu.d.ts +0 -30
- package/src/components/item-lateral-menu/itemLateralMenu.stories.tsx +0 -159
- package/src/components/item-lateral-menu/itemLateralMenuStyles.ts +0 -131
- package/src/components/item-menu-global/index.tsx +0 -36
- package/src/components/item-menu-global/itemMenuGlobal.d.ts +0 -16
- package/src/components/item-menu-global/itemMenuGlobal.stories.tsx +0 -40
- package/src/components/item-menu-global/itemMenuGlobalStyles.ts +0 -73
- package/src/components/languages-dropdown/index.tsx +0 -102
- package/src/components/languages-dropdown/languagesDropdown.d.ts +0 -13
- package/src/components/languages-dropdown/languagesDropdown.stories.tsx +0 -38
- package/src/components/languages-dropdown/languagesDropdownStyles.ts +0 -66
- package/src/components/lateral-menu/index.tsx +0 -68
- package/src/components/lateral-menu/lateralMenu.d.ts +0 -17
- package/src/components/lateral-menu/lateralMenu.stories.tsx +0 -429
- package/src/components/lateral-menu/lateralMenuStyles.ts +0 -68
- package/src/components/learning-steps/index.tsx +0 -67
- package/src/components/learning-steps/learningSteps.d.ts +0 -16
- package/src/components/learning-steps/learningSteps.stories.tsx +0 -123
- package/src/components/learning-steps/learningStepsStyles.ts +0 -46
- package/src/components/menu-more/index.tsx +0 -79
- package/src/components/menu-more/menuMore.d.ts +0 -15
- package/src/components/menu-more/menuMore.stories.tsx +0 -76
- package/src/components/menu-more/menuMoreStyles.ts +0 -123
- package/src/components/modal/modalLearningTech/index.tsx +0 -67
- package/src/components/modal/modalLearningTech/modalLearningTech.module.css +0 -79
- package/src/components/modal/modalLearningTech/modalLearningTech.stories.tsx +0 -60
- package/src/components/modal/modalVideo/index.tsx +0 -129
- package/src/components/modal/modalVideo/modalVideo.module.css +0 -27
- package/src/components/modal/modalVideo/modalVideo.stories.tsx +0 -41
- package/src/components/modal/statusProblema/fecharIcon.tsx +0 -18
- package/src/components/modal/statusProblema/index.tsx +0 -124
- package/src/components/modal/statusProblema/problemaFRST.png +0 -0
- package/src/components/modal/statusProblema/statusProblema.module.css +0 -154
- package/src/components/modal/statusProblema/statusProblema.stories.tsx +0 -27
- package/src/components/quantidadeDesafios/imgSetas/setasDesafios.svg +0 -60
- package/src/components/quantidadeDesafios/index.tsx +0 -152
- package/src/components/quantidadeDesafios/quantidadeDesafios.stories.tsx +0 -49
- package/src/components/quantidadeDesafios/quantidadeDesafios.ts +0 -121
- package/src/components/sandbox.stories.tsx +0 -18
- package/src/components/scroll-container/index.tsx +0 -189
- package/src/components/scroll-container/scrollContainer.d.ts +0 -17
- package/src/components/scroll-container/scrollContainer.stories.tsx +0 -45
- package/src/components/scroll-container/scrollContainer.utils.ts +0 -11
- package/src/components/scroll-container/scrollContainerStyles.ts +0 -93
- package/src/components/search-field/index.tsx +0 -48
- package/src/components/search-field/searchField.d.ts +0 -13
- package/src/components/search-field/searchField.stories.tsx +0 -40
- package/src/components/search-field/searchFieldStyles.ts +0 -100
- package/src/components/select/Select.tsx +0 -170
- package/src/components/select/SelectContext.tsx +0 -9
- package/src/components/select/SelectItem.tsx +0 -63
- package/src/components/select/index.tsx +0 -16
- package/src/components/select/select.stories.tsx +0 -20
- package/src/components/speech-bubble/index.tsx +0 -29
- package/src/components/speech-bubble/speechBubble.d.ts +0 -10
- package/src/components/speech-bubble/speechBubble.stories.tsx +0 -20
- package/src/components/speech-bubble/speechBubbleStyles.ts +0 -121
- package/src/components/step-card/index.tsx +0 -48
- package/src/components/step-card/stepCard.d.ts +0 -12
- package/src/components/step-card/stepCard.stories.tsx +0 -26
- package/src/components/step-card/stepCardStyles.ts +0 -109
- package/src/components/tag/base.stories.tsx +0 -52
- package/src/components/tag/index.tsx +0 -59
- package/src/components/totalizer-card/index.tsx +0 -29
- package/src/components/totalizer-card/totalizerCard.d.ts +0 -10
- package/src/components/totalizer-card/totalizerCard.stories.tsx +0 -34
- package/src/components/totalizer-card/totalizerCardStyles.ts +0 -97
- package/src/icons.stories.tsx +0 -321
- package/src/shared/global.css +0 -146
- package/src/shared/globalComponentsStyle.ts +0 -88
- package/src/shared/icons.tsx +0 -3544
- package/src/shared/stories/AlertCicle.stories.tsx +0 -17
- package/src/shared/stories/CheckInCicleIcon.stories.tsx +0 -19
- package/src/shared/stories/CloseInCicleIcon.stories.tsx +0 -19
- package/src/shared/stories/DotIcon.stories.tsx +0 -17
- package/src/shared/stories/MoreDotsHorizontal.stories.tsx +0 -17
- package/src/theme/index.ts +0 -6
- package/src/theme/tokens.ts +0 -196
- package/storybook-static/142.1620db0e.iframe.bundle.js +0 -76
- package/storybook-static/142.1620db0e.iframe.bundle.js.LICENSE.txt +0 -114
- package/storybook-static/142.1620db0e.iframe.bundle.js.map +0 -1
- package/storybook-static/142.f4b5719978bc029def49.manager.bundle.js +0 -2
- package/storybook-static/142.f4b5719978bc029def49.manager.bundle.js.LICENSE.txt +0 -12
- package/storybook-static/173.50bd68b8.iframe.bundle.js +0 -2
- package/storybook-static/173.50bd68b8.iframe.bundle.js.LICENSE.txt +0 -8
- package/storybook-static/273.50cd4e43.iframe.bundle.js +0 -2
- package/storybook-static/273.50cd4e43.iframe.bundle.js.LICENSE.txt +0 -14
- package/storybook-static/295.74984d4265017a824622.manager.bundle.js +0 -1
- package/storybook-static/32.88a3ce9bab069a6db245.manager.bundle.js +0 -1
- package/storybook-static/32.a25e8351.iframe.bundle.js +0 -1
- package/storybook-static/551.45e246a02b3a76ac609c.manager.bundle.js +0 -1
- package/storybook-static/551.d1245db5.iframe.bundle.js +0 -1
- package/storybook-static/566.37aa6701b2519194db63.manager.bundle.js +0 -2
- package/storybook-static/566.37aa6701b2519194db63.manager.bundle.js.LICENSE.txt +0 -31
- package/storybook-static/566.dfa86444.iframe.bundle.js +0 -2
- package/storybook-static/566.dfa86444.iframe.bundle.js.LICENSE.txt +0 -31
- package/storybook-static/647.c51c26783dc4fb68973d.manager.bundle.js +0 -2
- package/storybook-static/647.c51c26783dc4fb68973d.manager.bundle.js.LICENSE.txt +0 -94
- package/storybook-static/691.6957468453be390249fa.manager.bundle.js +0 -2
- package/storybook-static/691.6957468453be390249fa.manager.bundle.js.LICENSE.txt +0 -8
- package/storybook-static/701.b21e23ee.iframe.bundle.js +0 -1
- package/storybook-static/725.2a7b46857211ebaa0eb5.manager.bundle.js +0 -1
- package/storybook-static/725.354e06ba.iframe.bundle.js +0 -1
- package/storybook-static/855.ea614875.iframe.bundle.js +0 -2
- package/storybook-static/855.ea614875.iframe.bundle.js.LICENSE.txt +0 -12
- package/storybook-static/bg1.png +0 -0
- package/storybook-static/bg2.png +0 -0
- package/storybook-static/favicon.ico +0 -0
- package/storybook-static/iframe.html +0 -364
- package/storybook-static/index.html +0 -59
- package/storybook-static/locales/en-US.json +0 -30
- package/storybook-static/locales/es.json +0 -31
- package/storybook-static/locales/pt-BR.json +0 -38
- package/storybook-static/main.1327abd8.iframe.bundle.js +0 -1
- package/storybook-static/main.dbf1bc8b8d32336860c1.manager.bundle.js +0 -1
- package/storybook-static/manifest.json +0 -15
- package/storybook-static/project.json +0 -1
- package/storybook-static/robots.txt +0 -3
- package/storybook-static/runtime~main.046dc868.iframe.bundle.js +0 -1
- package/storybook-static/runtime~main.d23e7d11d5fe197adf05.manager.bundle.js +0 -1
- package/storybook-static/static/media/Aprendizado.cdcb9636.png +0 -0
- package/storybook-static/static/media/AprendizadoPressed.a511c1be.png +0 -0
- package/storybook-static/static/media/Conquista.aea42b3a.png +0 -0
- package/storybook-static/static/media/ConquistaPressed.8ece7181.png +0 -0
- package/storybook-static/static/media/problemaFRST.a7bdf295.png +0 -0
- package/tsconfig.json +0 -39
package/dist/index.js
CHANGED
|
@@ -54,6 +54,16 @@ var ComputerIcon = require('@mui/icons-material/Computer');
|
|
|
54
54
|
var PersonAddIcon = require('@mui/icons-material/PersonAdd');
|
|
55
55
|
var ArrowBackIosIcon = require('@mui/icons-material/ArrowBackIos');
|
|
56
56
|
var ArrowForwardIosIcon = require('@mui/icons-material/ArrowForwardIos');
|
|
57
|
+
var data = require('@emoji-mart/data');
|
|
58
|
+
var emojiMart = require('emoji-mart');
|
|
59
|
+
var de = require('@emoji-mart/data/i18n/de.json');
|
|
60
|
+
var en = require('@emoji-mart/data/i18n/en.json');
|
|
61
|
+
var fr = require('@emoji-mart/data/i18n/fr.json');
|
|
62
|
+
var it = require('@emoji-mart/data/i18n/it.json');
|
|
63
|
+
var pl = require('@emoji-mart/data/i18n/pl.json');
|
|
64
|
+
var pt = require('@emoji-mart/data/i18n/pt.json');
|
|
65
|
+
var ru = require('@emoji-mart/data/i18n/ru.json');
|
|
66
|
+
var zh = require('@emoji-mart/data/i18n/zh.json');
|
|
57
67
|
|
|
58
68
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
59
69
|
|
|
@@ -110,6 +120,15 @@ var ComputerIcon__default = /*#__PURE__*/_interopDefaultLegacy(ComputerIcon);
|
|
|
110
120
|
var PersonAddIcon__default = /*#__PURE__*/_interopDefaultLegacy(PersonAddIcon);
|
|
111
121
|
var ArrowBackIosIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowBackIosIcon);
|
|
112
122
|
var ArrowForwardIosIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowForwardIosIcon);
|
|
123
|
+
var data__default = /*#__PURE__*/_interopDefaultLegacy(data);
|
|
124
|
+
var de__namespace = /*#__PURE__*/_interopNamespace(de);
|
|
125
|
+
var en__namespace = /*#__PURE__*/_interopNamespace(en);
|
|
126
|
+
var fr__namespace = /*#__PURE__*/_interopNamespace(fr);
|
|
127
|
+
var it__namespace = /*#__PURE__*/_interopNamespace(it);
|
|
128
|
+
var pl__namespace = /*#__PURE__*/_interopNamespace(pl);
|
|
129
|
+
var pt__namespace = /*#__PURE__*/_interopNamespace(pt);
|
|
130
|
+
var ru__namespace = /*#__PURE__*/_interopNamespace(ru);
|
|
131
|
+
var zh__namespace = /*#__PURE__*/_interopNamespace(zh);
|
|
113
132
|
|
|
114
133
|
function EditIcon({ fill, width, height }) {
|
|
115
134
|
return (jsxRuntime.jsx("svg", { width: width ? width : '20', height: height ? height : '20', viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.1788 1.92286C16.3858 1.71638 16.667 1.6 16.9607 1.6C17.2544 1.6 17.5356 1.71638 17.7426 1.92286C17.9496 2.12928 18.0654 2.4088 18.0654 2.69981C18.0654 2.99083 17.9496 3.27034 17.7426 3.47676L9.5855 11.6127C9.4439 11.7539 9.26546 11.8543 9.07141 11.9027C8.26586 12.1036 7.52969 11.3753 7.73154 10.57C7.78007 10.3765 7.88036 10.1997 8.02166 10.0588L16.1788 1.92286ZM16.9607 0C16.244 0 15.5563 0.283939 15.0489 0.790021L6.5187 9.29803C6.41591 9.40055 6.34296 9.52912 6.30766 9.66994L5.40975 13.2523C5.34143 13.5248 5.42113 13.8133 5.61971 14.0121C5.81829 14.2109 6.10663 14.291 6.3793 14.223L9.97094 13.3274C10.1114 13.2924 10.2398 13.2199 10.3423 13.1176L18.8725 4.6096C19.38 4.10345 19.6654 3.41652 19.6654 2.69981C19.6654 1.9831 19.38 1.29617 18.8725 0.790021C18.3651 0.283939 17.6774 0 16.9607 0ZM2.59582 1.89842C1.90804 1.89842 1.24801 2.17091 0.761035 2.65662C0.273994 3.1424 0 3.80169 0 4.48958V17.0277C0 17.7156 0.273995 18.3749 0.761035 18.8607C1.24801 19.3464 1.90804 19.6188 2.59582 19.6188H15.1666C15.8544 19.6188 16.5144 19.3464 17.0014 18.8607C17.4884 18.3749 17.7624 17.7156 17.7624 17.0277V10.7586C17.7624 10.3168 17.4042 9.95864 16.9624 9.95864C16.5206 9.95864 16.1624 10.3168 16.1624 10.7586V17.0277C16.1624 17.2899 16.058 17.5418 15.8715 17.7278C15.6849 17.9139 15.4314 18.0189 15.1666 18.0189H2.59582C2.33104 18.0189 2.07753 17.9139 1.89093 17.7278C1.70441 17.5418 1.6 17.2899 1.6 17.0277V4.48958C1.6 4.22738 1.70441 3.9755 1.89093 3.78946C2.07753 3.60335 2.33104 3.49842 2.59582 3.49842H8.8812C9.32303 3.49842 9.6812 3.14025 9.6812 2.69842C9.6812 2.25659 9.32303 1.89842 8.8812 1.89842H2.59582Z", fill: fill ?? '#0645AD' }) }));
|
|
@@ -157,7 +176,7 @@ function Trash({ fill, width, height }) {
|
|
|
157
176
|
return (jsxRuntime.jsx("svg", { width: width ? width : '14', height: height ? height : '16', viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.43064 2.09763C5.49315 2.03512 5.57794 2 5.66634 2H8.33301C8.42141 2 8.5062 2.03512 8.56871 2.09763C8.63122 2.16014 8.66634 2.24493 8.66634 2.33333V2.66667H5.33301V2.33333C5.33301 2.24493 5.36813 2.16014 5.43064 2.09763ZM10.6663 2.33333V2.66667H11.6663C11.6674 2.66667 11.6685 2.66667 11.6695 2.66667H13C13.5523 2.66667 14 3.11439 14 3.66667C14 4.21896 13.5523 4.66667 13 4.66667H12.6663V13C12.6663 13.6188 12.4205 14.2123 11.9829 14.6499C11.5453 15.0875 10.9518 15.3333 10.333 15.3333H3.66634C3.0475 15.3333 2.45401 15.0875 2.01643 14.6499C1.57884 14.2123 1.33301 13.6188 1.33301 13V4.66667H1C0.447715 4.66667 0 4.21896 0 3.66667C0 3.11439 0.447715 2.66667 1 2.66667H2.32981C2.33087 2.66667 2.33194 2.66667 2.33301 2.66667H3.33301V2.33333C3.33301 1.71449 3.57884 1.121 4.01643 0.683417C4.45401 0.245833 5.0475 0 5.66634 0H8.33301C8.95185 0 9.54534 0.245833 9.98292 0.683417C10.4205 1.121 10.6663 1.71449 10.6663 2.33333ZM3.33301 4.66667V13C3.33301 13.0884 3.36813 13.1732 3.43064 13.2357C3.49315 13.2982 3.57794 13.3333 3.66634 13.3333H10.333C10.4214 13.3333 10.5062 13.2982 10.5687 13.2357C10.6312 13.1732 10.6663 13.0884 10.6663 13V4.66667L3.33301 4.66667Z", fill: fill ? fill : '#0645AD' }) }));
|
|
158
177
|
}
|
|
159
178
|
function TrashDelete({ fill, width, height }) {
|
|
160
|
-
return (jsxRuntime.jsxs("svg", { width: width ?? '25', height: height ?? '24', viewBox: `0 0 ${width ?? '25'} ${height ?? '24'}`, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M4.36035 7.33398H6.13813H20.3604", stroke: fill ?? '#923534',
|
|
179
|
+
return (jsxRuntime.jsxs("svg", { width: width ?? '25', height: height ?? '24', viewBox: `0 0 ${width ?? '25'} ${height ?? '24'}`, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M4.36035 7.33398H6.13813H20.3604", stroke: fill ?? '#923534', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M18.9054 7.5V18.4C18.9054 18.8243 18.7083 19.2313 18.3576 19.5314C18.0069 19.8314 17.5312 20 17.0352 20H7.68458C7.18859 20 6.71292 19.8314 6.3622 19.5314C6.01148 19.2313 5.81445 18.8243 5.81445 18.4V7.5M8.61965 7.2V5.6C8.61965 5.17565 8.81668 4.76869 9.1674 4.46863C9.51811 4.16857 9.99379 4 10.4898 4H14.23C14.726 4 15.2017 4.16857 15.5524 4.46863C15.9031 4.76869 16.1002 5.17565 16.1002 5.6V7.2", stroke: fill ?? '#923534', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
161
180
|
}
|
|
162
181
|
function AlertCicle({ fill, width, height }) {
|
|
163
182
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '16', height: height ? height : '16', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: fill ?? '#FF0000', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12 8V12", stroke: fill ?? '#FF0000', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12 16H12.01", stroke: fill ?? '#FF0000', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
@@ -192,6 +211,9 @@ function WithTrail({ fill, width, height }) {
|
|
|
192
211
|
function EyeOff({ fill, width, height }) {
|
|
193
212
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '16', height: height ? height : '16', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M9.41335 9.41319C9.23026 9.60969 9.00945 9.76729 8.76412 9.8766C8.51879 9.98591 8.25396 10.0447 7.98541 10.0494C7.71687 10.0542 7.45013 10.0048 7.20109 9.90418C6.95206 9.80359 6.72583 9.65387 6.53592 9.46396C6.346 9.27404 6.19628 9.04782 6.09569 8.79878C5.9951 8.54975 5.9457 8.283 5.95044 8.01446C5.95518 7.74592 6.01396 7.48108 6.12327 7.23575C6.23258 6.99042 6.39019 6.76962 6.58669 6.58652M11.96 11.9599C10.8204 12.8285 9.43276 13.3098 8.00002 13.3332C3.33335 13.3332 0.666687 7.99985 0.666687 7.99985C1.49595 6.45445 2.64611 5.10426 4.04002 4.03985L11.96 11.9599ZM6.60002 2.82652C7.05891 2.71911 7.52873 2.66541 8.00002 2.66652C12.6667 2.66652 15.3334 7.99985 15.3334 7.99985C14.9287 8.75693 14.4461 9.46968 13.8934 10.1265L6.60002 2.82652Z", stroke: fill ?? '#FFF', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M0.666687 0.666504L15.3334 15.3332", stroke: fill ?? '#FFF', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
194
213
|
}
|
|
214
|
+
function SmileOutlined({ fill, width, height }) {
|
|
215
|
+
return (jsxRuntime.jsx("svg", { width: width ? width : '22', height: height ? height : '22', viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M5.75 8.86719C5.75 9.16556 5.86853 9.4517 6.0795 9.66268C6.29048 9.87366 6.57663 9.99219 6.875 9.99219C7.17337 9.99219 7.45952 9.87366 7.6705 9.66268C7.88147 9.4517 8 9.16556 8 8.86719C8 8.56882 7.88147 8.28267 7.6705 8.07169C7.45952 7.86071 7.17337 7.74219 6.875 7.74219C6.57663 7.74219 6.29048 7.86071 6.0795 8.07169C5.86853 8.28267 5.75 8.56882 5.75 8.86719ZM14 8.86719C14 9.16556 14.1185 9.4517 14.3295 9.66268C14.5405 9.87366 14.8266 9.99219 15.125 9.99219C15.4234 9.99219 15.7095 9.87366 15.9205 9.66268C16.1315 9.4517 16.25 9.16556 16.25 8.86719C16.25 8.56882 16.1315 8.28267 15.9205 8.07169C15.7095 7.86071 15.4234 7.74219 15.125 7.74219C14.8266 7.74219 14.5405 7.86071 14.3295 8.07169C14.1185 8.28267 14 8.56882 14 8.86719ZM11 0.5C5.20156 0.5 0.5 5.20156 0.5 11C0.5 16.7984 5.20156 21.5 11 21.5C16.7984 21.5 21.5 16.7984 21.5 11C21.5 5.20156 16.7984 0.5 11 0.5ZM17.1641 17.1641C16.3625 17.9656 15.4297 18.5938 14.3914 19.0344C13.3203 19.4891 12.1789 19.7188 11 19.7188C9.82109 19.7188 8.67969 19.4891 7.60625 19.0344C6.56954 18.5965 5.62785 17.9613 4.83359 17.1641C4.03203 16.3625 3.40391 15.4297 2.96328 14.3914C2.51094 13.3203 2.28125 12.1789 2.28125 11C2.28125 9.82109 2.51094 8.67969 2.96562 7.60625C3.40346 6.56954 4.03868 5.62785 4.83594 4.83359C5.6375 4.03203 6.57031 3.40391 7.60859 2.96328C8.67969 2.51094 9.82109 2.28125 11 2.28125C12.1789 2.28125 13.3203 2.51094 14.3937 2.96562C15.4305 3.40346 16.3721 4.03868 17.1664 4.83594C17.968 5.6375 18.5961 6.57031 19.0367 7.60859C19.4891 8.67969 19.7188 9.82109 19.7188 11C19.7188 12.1789 19.4891 13.3203 19.0344 14.3937C18.5971 15.4301 17.9618 16.3711 17.1641 17.1641ZM14.5625 11.4922H13.4352C13.3367 11.4922 13.2523 11.5672 13.2453 11.6656C13.1562 12.8258 12.1836 13.7422 11 13.7422C9.81641 13.7422 8.84141 12.8258 8.75469 11.6656C8.74766 11.5672 8.66328 11.4922 8.56484 11.4922H7.4375C7.41207 11.4922 7.3869 11.4973 7.36351 11.5073C7.34013 11.5173 7.31903 11.532 7.30149 11.5504C7.28395 11.5688 7.27034 11.5906 7.26149 11.6144C7.25264 11.6383 7.24873 11.6637 7.25 11.6891C7.35313 13.6648 8.99609 15.2422 11 15.2422C13.0039 15.2422 14.6469 13.6648 14.75 11.6891C14.7513 11.6637 14.7474 11.6383 14.7385 11.6144C14.7297 11.5906 14.716 11.5688 14.6985 11.5504C14.681 11.532 14.6599 11.5173 14.6365 11.5073C14.6131 11.4973 14.5879 11.4922 14.5625 11.4922Z", fill: fill ?? '#FFF' }) }));
|
|
216
|
+
}
|
|
195
217
|
function SaveIcon({ fill, width, height }) {
|
|
196
218
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '22', height: height ? height : '22', viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("rect", { width: "22", height: "22", fill: fill ? fill : '#757575' }), jsxRuntime.jsx("path", { d: "M15.6667 17H6.33333C5.97971 17 5.64057 16.8595 5.39052 16.6095C5.14048 16.3594 5 16.0203 5 15.6667V6.33333C5 5.97971 5.14048 5.64057 5.39052 5.39052C5.64057 5.14048 5.97971 5 6.33333 5H13.6667L17 8.33333V15.6667C17 16.0203 16.8595 16.3594 16.6095 16.6095C16.3594 16.8595 16.0203 17 15.6667 17Z", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M14.3327 17.0003V11.667H7.66602V17.0003", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M7.66602 5V8.33333H12.9993", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
197
219
|
}
|
|
@@ -217,7 +239,7 @@ function SearchIcon({ fill, stroke, customColor_1, width, height }) {
|
|
|
217
239
|
return (jsxRuntime.jsx("svg", { width: width ? width : '28', height: height ? height : '20', viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.2 8.6C1.2 4.51309 4.51309 1.2 8.6 1.2C12.6869 1.2 16 4.51309 16 8.6C16 10.6044 15.2031 12.4227 13.9088 13.7553C13.879 13.7758 13.8507 13.7993 13.8242 13.8258C13.7977 13.8522 13.7743 13.8805 13.7538 13.9102C12.4214 15.2037 10.6037 16 8.6 16C4.51309 16 1.2 12.6869 1.2 8.6ZM14.2413 15.0914C12.7312 16.4048 10.7585 17.2 8.6 17.2C3.85035 17.2 0 13.3496 0 8.6C0 3.85035 3.85035 0 8.6 0C13.3496 0 17.2 3.85035 17.2 8.6C17.2 10.7593 16.4042 12.7327 15.0899 14.243L19.0227 18.1758C19.257 18.4101 19.257 18.79 19.0227 19.0243C18.7884 19.2586 18.4085 19.2586 18.1742 19.0243L14.2413 15.0914Z", fill: fill ?? 'black' }) }));
|
|
218
240
|
}
|
|
219
241
|
function CloseIcon({ fill, width, height }) {
|
|
220
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '12', height: height ? height : '12', viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M11.3334 0.666687L0.666748 11.3334", stroke: fill ? fill : '#222222',
|
|
242
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '12', height: height ? height : '12', viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M11.3334 0.666687L0.666748 11.3334", stroke: fill ? fill : '#222222', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M0.666748 0.666687L11.3334 11.3334", stroke: fill ? fill : '#222222', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
221
243
|
}
|
|
222
244
|
function AddIcon({ fill, width, height }) {
|
|
223
245
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '17', height: height ? height : '16', viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M8.16992 1V15", stroke: fill ? fill : '#0645AD', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M1.16992 8H15.1699", stroke: fill ? fill : '#0645AD', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
@@ -394,22 +416,22 @@ function Challenge({ fill, width, height }) {
|
|
|
394
416
|
return (jsxRuntime.jsx("svg", { width: width ? width : '32', height: height ? height : '32', viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M6.66668 28.6666L6.13402 28.3904C6.03758 28.5764 6.04514 28.7992 6.15398 28.9783C6.26282 29.1573 6.45716 29.2666 6.66668 29.2666V28.6666ZM25.3333 28.6666V29.2666C25.5429 29.2666 25.7372 29.1573 25.846 28.9783C25.9549 28.7992 25.9624 28.5764 25.866 28.3904L25.3333 28.6666ZM30.6667 28.6666V29.2666C30.8793 29.2666 31.076 29.1541 31.1838 28.9709C31.2916 28.7876 31.2944 28.561 31.1912 28.3752L30.6667 28.6666ZM24 16.6666L24.5245 16.3752C24.4229 16.1923 24.2333 16.0755 24.0243 16.0671C23.8152 16.0586 23.6168 16.1597 23.5008 16.3338L24 16.6666ZM20.8341 20.3338C20.6503 20.6095 20.7248 20.982 21.0005 21.1658C21.2762 21.3496 21.6488 21.2751 21.8326 20.9994L20.8341 20.3338ZM1.33334 28.6666L0.808849 28.3752C0.705605 28.561 0.70841 28.7876 0.816221 28.9709C0.924032 29.1541 1.12075 29.2666 1.33334 29.2666L1.33334 28.6666ZM8.00001 16.6666L8.49924 16.3338C8.38318 16.1597 8.18481 16.0586 7.97575 16.0671C7.76668 16.0755 7.57713 16.1923 7.47552 16.3752L8.00001 16.6666ZM10.1674 20.9994C10.3513 21.2751 10.7238 21.3496 10.9995 21.1658C11.2752 20.982 11.3497 20.6095 11.1659 20.3338L10.1674 20.9994ZM14.6667 18.6666L14.2424 19.0908L14.6667 19.5151L15.0909 19.0908L14.6667 18.6666ZM16 17.3333L16.4243 16.909L16 16.4847L15.5757 16.909L16 17.3333ZM17.3333 18.6666L16.9091 19.0908L17.3333 19.5151L17.7576 19.0908L17.3333 18.6666ZM16 3.33325V2.73325C15.6686 2.73325 15.4 3.00188 15.4 3.33325H16ZM21.3333 3.33325H21.9333C21.9333 3.00188 21.6647 2.73325 21.3333 2.73325V3.33325ZM21.3333 6.66658V7.26659C21.6647 7.26659 21.9333 6.99796 21.9333 6.66658H21.3333ZM16 6.66658H15.4C15.4 6.99796 15.6686 7.26659 16 7.26659V6.66658ZM15.4674 10.3904L6.13402 28.3904L7.19933 28.9428L16.5327 10.9428L15.4674 10.3904ZM6.66668 29.2666H25.3333V28.0666H6.66668V29.2666ZM25.866 28.3904L16.5327 10.3904L15.4674 10.9428L24.8007 28.9428L25.866 28.3904ZM17.3333 29.2666H30.6667V28.0666H17.3333V29.2666ZM31.1912 28.3752L24.5245 16.3752L23.4755 16.958L30.1422 28.958L31.1912 28.3752ZM23.5008 16.3338L20.8341 20.3338L21.8326 20.9994L24.4992 16.9994L23.5008 16.3338ZM14.6667 28.0666H1.33334V29.2666H14.6667V28.0666ZM1.85784 28.958L8.5245 16.958L7.47552 16.3752L0.808849 28.3752L1.85784 28.958ZM7.50078 16.9994L10.1674 20.9994L11.1659 20.3338L8.49924 16.3338L7.50078 16.9994ZM12.2424 17.0908L14.2424 19.0908L15.0909 18.2423L13.0909 16.2423L12.2424 17.0908ZM15.0909 19.0908L16.4243 17.7575L15.5757 16.909L14.2424 18.2423L15.0909 19.0908ZM15.5757 17.7575L16.9091 19.0908L17.7576 18.2423L16.4243 16.909L15.5757 17.7575ZM17.7576 19.0908L19.7576 17.0908L18.9091 16.2423L16.9091 18.2423L17.7576 19.0908ZM16.6 10.6666V3.33325H15.4V10.6666H16.6ZM16 3.93325H21.3333V2.73325H16V3.93325ZM20.7333 3.33325V6.66658H21.9333V3.33325H20.7333ZM21.3333 6.06659H16V7.26659H21.3333V6.06659ZM16.6 6.66658V3.33325H15.4V6.66658H16.6Z", fill: fill ? fill : 'white' }) }));
|
|
395
417
|
}
|
|
396
418
|
function SawBadgeIcon({ fill, width, height }) {
|
|
397
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '20', height: height ? height : '20', viewBox: "0 0 20 20", fill: fill ? fill : 'none', xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsxs("g", {
|
|
419
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '20', height: height ? height : '20', viewBox: "0 0 20 20", fill: fill ? fill : 'none', xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_408_14996)", children: [jsxRuntime.jsx("path", { d: "M11.9804 2.16073C11.0545 0.717602 8.94551 0.717602 8.01957 2.16073C7.69063 2.67341 7.05964 2.90307 6.47811 2.72178C4.84118 2.21146 3.2256 3.56709 3.44392 5.26776C3.52148 5.87195 3.18574 6.45346 2.62372 6.68839C1.04173 7.34966 0.675512 9.4266 1.93593 10.5891C2.3837 11.002 2.50031 11.6633 2.22078 12.2045C1.43396 13.728 2.48845 15.5544 4.20121 15.6347C4.80968 15.6633 5.32406 16.0949 5.45782 16.6892C5.83433 18.3619 7.81613 19.0833 9.1798 18.0439C9.66426 17.6746 10.3357 17.6746 10.8202 18.0438C12.1839 19.0833 14.1657 18.3619 14.5422 16.6892C14.6759 16.0949 15.1903 15.6633 15.7988 15.6347C17.5115 15.5544 18.566 13.728 17.7792 12.2045C17.4997 11.6633 17.6163 11.002 18.0641 10.5891C19.3245 9.4266 18.9583 7.34966 17.3763 6.68839C16.8143 6.45346 16.4785 5.87195 16.5561 5.26776C16.7744 3.56709 15.1588 2.21146 13.5219 2.72178C12.9404 2.90307 12.3094 2.67341 11.9804 2.16073Z", fill: "#398787", stroke: "white" }), jsxRuntime.jsx("path", { d: "M6.25 10.4167L9.16667 12.9167L14.1667 7.5", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_408_14996", children: jsxRuntime.jsx("rect", { width: "20", height: "20", fill: "white" }) }) })] }));
|
|
398
420
|
}
|
|
399
421
|
function GoalInviteIcon({ fill, width, height }) {
|
|
400
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '25', height: height ? height : '25', viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M7.02656 9.04883H5.82656C4.94291 9.04883 4.22656 9.67563 4.22656 10.4488V18.8488C4.22656 19.622 4.94291 20.2488 5.82656 20.2488H18.6266C19.5102 20.2488 20.2266 19.622 20.2266 18.8488V10.4488C20.2266 9.67563 19.5102 9.04883 18.6266 9.04883H17.4266", stroke: fill ? fill : '#0645AD',
|
|
422
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '25', height: height ? height : '25', viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M7.02656 9.04883H5.82656C4.94291 9.04883 4.22656 9.67563 4.22656 10.4488V18.8488C4.22656 19.622 4.94291 20.2488 5.82656 20.2488H18.6266C19.5102 20.2488 20.2266 19.622 20.2266 18.8488V10.4488C20.2266 9.67563 19.5102 9.04883 18.6266 9.04883H17.4266", stroke: fill ? fill : '#0645AD', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M20.2266 10.6484L13.0506 15.2084C12.8036 15.3632 12.518 15.4452 12.2266 15.4452C11.9351 15.4452 11.6495 15.3632 11.4026 15.2084L4.22656 10.6484", stroke: fill ? fill : '#0645AD', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M7.02637 12.6486V7.84863C7.02637 6.74406 7.9218 5.84863 9.02637 5.84863H15.4264C16.5309 5.84863 17.4264 6.74406 17.4264 7.84863V12.6486", stroke: fill ? fill : '#0645AD', strokeWidth: "1.5" }), jsxRuntime.jsx("path", { d: "M15.4264 13.8487C14.6264 11.8487 13.4264 11.4487 12.2264 11.4487C11.0264 11.4487 9.82637 11.8487 9.02637 13.8487", stroke: fill ? fill : '#0645AD', strokeWidth: "1.5" }), jsxRuntime.jsx("circle", { cx: "12.2265", cy: "9.04873", r: "0.85", stroke: fill ? fill : '#0645AD', strokeWidth: "1.5" })] }));
|
|
401
423
|
}
|
|
402
424
|
function GoalViewsIcon({ fill, width, height }) {
|
|
403
425
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '24', height: height ? height : '24', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("rect", { x: "18", y: "2.25", width: "3.75", height: "19.5", rx: "1.875", stroke: fill ? fill : '#0645AD', strokeWidth: "2" }), jsxRuntime.jsx("rect", { x: "10.125", y: "8.25", width: "3.75", height: "13.5", rx: "1.875", stroke: fill ? fill : '#0645AD', strokeWidth: "2" }), jsxRuntime.jsx("rect", { x: "2.25", y: "15", width: "3.75", height: "6.75", rx: "1.875", stroke: fill ? fill : '#0645AD', strokeWidth: "2" })] }));
|
|
404
426
|
}
|
|
405
427
|
function StatusProblemaSawBadgeIcon({ fill, width, height }) {
|
|
406
|
-
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#D1F6D1" }), jsxRuntime.jsxs("g", {
|
|
428
|
+
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#D1F6D1" }), jsxRuntime.jsxs("g", { clipPath: "url(#clip0_482_14529)", children: [jsxRuntime.jsx("path", { d: "M26.2923 14.6469C25.2206 12.9765 22.7794 12.9765 21.7077 14.6469C21.2886 15.3 20.4848 15.5926 19.744 15.3616C17.8492 14.7709 15.9792 16.34 16.2319 18.3086C16.3307 19.0783 15.903 19.8191 15.187 20.1183C13.3559 20.8837 12.932 23.2878 14.3909 24.6334C14.9613 25.1595 15.1099 26.0019 14.7538 26.6913C13.843 28.4547 15.0636 30.5688 17.0461 30.6618C17.8213 30.6981 18.4765 31.248 18.6469 32.005C19.0828 33.9413 21.3767 34.7762 22.9551 33.5731C23.5723 33.1027 24.4277 33.1027 25.0449 33.5731C26.6233 34.7762 28.9172 33.9413 29.3531 32.005C29.5235 31.248 30.1787 30.6981 30.9539 30.6618C32.9364 30.5688 34.157 28.4547 33.2462 26.6913C32.8901 26.0019 33.0387 25.1595 33.6091 24.6334C35.068 23.2878 34.6441 20.8837 32.813 20.1183C32.097 19.8191 31.6693 19.0783 31.7681 18.3086C32.0208 16.34 30.1508 14.7709 28.256 15.3616C27.5152 15.5926 26.7114 15.3 26.2923 14.6469Z", stroke: "#222222" }), jsxRuntime.jsx("path", { d: "M19.5 24.5L23 27.5L29 21", stroke: "#222222", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_482_14529", children: jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white", transform: "translate(12 12)" }) }) })] }));
|
|
407
429
|
}
|
|
408
430
|
function StatusProblemaSendIcon({ fill, width, height }) {
|
|
409
|
-
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#CDDAEF" }), jsxRuntime.jsx("path", { d: "M33 15L22 26", stroke: "#222222",
|
|
431
|
+
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#CDDAEF" }), jsxRuntime.jsx("path", { d: "M33 15L22 26", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.9154 14.7941C32.7223 14.4868 33.5132 15.2777 33.2059 16.0846L26.8633 32.7337C26.5456 33.5677 25.3775 33.5994 25.015 32.7839L22 26L15.2161 22.985C14.4006 22.6225 14.4323 21.4544 15.2663 21.1367L31.9154 14.7941Z", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
410
432
|
}
|
|
411
433
|
function StatusProblemaEdit({ fill, width, height }) {
|
|
412
|
-
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#FEF0D0" }), jsxRuntime.jsx("path", { d: "M24 17.0669H18.5556C18.143 17.0669 17.7473 17.2417 17.4556 17.5529C17.1639 17.8641 17 18.2861 17 18.7262V30.341C17 30.781 17.1639 31.2031 17.4556 31.5142C17.7473 31.8254 18.143 32.0002 18.5556 32.0002H29.4444C29.857 32.0002 30.2527 31.8254 30.5444 31.5142C30.8361 31.2031 31 30.781 31 30.341V24.5336", stroke: "#222222",
|
|
434
|
+
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#FEF0D0" }), jsxRuntime.jsx("path", { d: "M24 17.0669H18.5556C18.143 17.0669 17.7473 17.2417 17.4556 17.5529C17.1639 17.8641 17 18.2861 17 18.7262V30.341C17 30.781 17.1639 31.2031 17.4556 31.5142C17.7473 31.8254 18.143 32.0002 18.5556 32.0002H29.4444C29.857 32.0002 30.2527 31.8254 30.5444 31.5142C30.8361 31.2031 31 30.781 31 30.341V24.5336", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M30.1791 16.5163C30.489 16.1857 30.9093 16 31.3476 16C31.7858 16 32.2061 16.1857 32.516 16.5163C32.8259 16.8468 33 17.2951 33 17.7626C33 18.2301 32.8259 18.6784 32.516 19.0089L25.1159 26.9024L22 27.7333L22.779 24.4098L30.1791 16.5163Z", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
413
435
|
}
|
|
414
436
|
function PlayIcon({ width, height, customColor_1, customColor_2 }) {
|
|
415
437
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '32', height: height ? height : '32', viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_d_1_22)", children: [jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "16", fill: customColor_1 ? customColor_1 : '#EE4C15' }), jsxRuntime.jsx("path", { d: "M22.3411 17.3317C22.934 16.9358 22.934 16.0643 22.3411 15.6684L14.5553 10.47C13.8908 10.0264 13 10.5027 13 11.3017V21.6984C13 22.4974 13.8908 22.9737 14.5553 22.5301L22.3411 17.3317Z", fill: customColor_2 ? customColor_2 : 'white' })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_d_1_22", x: "0", y: "0", width: width ? width : '32', height: height ? height : '32', filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB", children: [jsxRuntime.jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "20", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1_22" }), jsxRuntime.jsx("feOffset", { dy: "3" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 0.301961 0 0 0 0 0.0509804 0 0 0 0.4 0" }), jsxRuntime.jsx("feBlend", { mode: "multiply", in2: "BackgroundImageFix", result: "effect1_dropShadow_1_22" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_1_22", result: "shape" })] }) })] }));
|
|
@@ -430,31 +452,31 @@ function MuteIcon({ width, height, fill }) {
|
|
|
430
452
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '21', height: height ? height : '24', viewBox: "0 0 21 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M7.6271 6.54614C8.28897 6.07337 9.20834 6.5465 9.20834 7.35987V17.6402C9.20834 18.4535 8.28897 18.9267 7.62711 18.4539L4.25001 16.0417H2.70834C1.60377 16.0417 0.708344 15.1462 0.708344 14.0417V10.9583C0.708344 9.85378 1.60377 8.95835 2.70834 8.95835H4.25001L7.6271 6.54614Z", fill: fill ? fill : '#222222' }), jsxRuntime.jsx("path", { d: "M18 10L12 16", stroke: fill ? fill : '#222222', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12 10L18 16", stroke: fill ? fill : '#222222', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
431
453
|
}
|
|
432
454
|
function ThumbVideo({ fill, width, height }) {
|
|
433
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '117', height: height ? height : '127', viewBox: "0 0 177 127", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M163.62 1.5H12.88C6.595 1.5 1.5 6.595 1.5 12.88V113.92C1.5 120.205 6.595 125.3 12.88 125.3H163.62C169.905 125.3 175 120.205 175 113.92V12.88C175 6.595 169.905 1.5 163.62 1.5Z", stroke: "white",
|
|
455
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '117', height: height ? height : '127', viewBox: "0 0 177 127", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M163.62 1.5H12.88C6.595 1.5 1.5 6.595 1.5 12.88V113.92C1.5 120.205 6.595 125.3 12.88 125.3H163.62C169.905 125.3 175 120.205 175 113.92V12.88C175 6.595 169.905 1.5 163.62 1.5Z", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M175 103.86H1.5", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M79.01 114.58H97.49", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M56.78 55.96C56.78 47.62 60.1 39.61 66 33.71C71.9 27.81 79.91 24.49 88.25 24.49C96.59 24.49 104.6 27.81 110.5 33.71C116.4 39.61 119.72 47.62 119.72 55.96C119.72 64.3 116.4 72.31 110.5 78.21C104.6 84.11 96.59 87.43 88.25 87.43C79.91 87.42 71.91 84.1 66.01 78.2C60.11 72.3 56.79 64.3 56.78 55.96Z", stroke: "white", strokeWidth: "3", "stroke-miterlimit": "10" }), jsxRuntime.jsx("path", { d: "M82.28 44.93V66.77C82.28 67.9 83.56 68.55 84.47 67.89L99.47 56.97C100.23 56.42 100.23 55.29 99.47 54.74L84.47 43.82C83.56 43.16 82.28 43.81 82.28 44.94V44.93Z", stroke: "white", strokeWidth: "3", "stroke-miterlimit": "10" })] }));
|
|
434
456
|
}
|
|
435
457
|
function ThumbTexto({ fill, width, height }) {
|
|
436
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '117', height: height ? height : '127', viewBox: "0 0 177 127", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M163.62 1.5H12.88C6.595 1.5 1.5 6.595 1.5 12.88V113.92C1.5 120.205 6.595 125.3 12.88 125.3H163.62C169.905 125.3 175 120.205 175 113.92V12.88C175 6.595 169.905 1.5 163.62 1.5Z", stroke: "white",
|
|
458
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '117', height: height ? height : '127', viewBox: "0 0 177 127", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M163.62 1.5H12.88C6.595 1.5 1.5 6.595 1.5 12.88V113.92C1.5 120.205 6.595 125.3 12.88 125.3H163.62C169.905 125.3 175 120.205 175 113.92V12.88C175 6.595 169.905 1.5 163.62 1.5Z", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M175 103.86H1.5", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M79.01 114.58H97.49", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M94.2401 21.9399H52.4201C50.1701 21.9399 48.3201 23.7799 48.3201 26.0399V54.4099C48.3201 56.6599 50.1601 58.5099 52.4201 58.5099H59.2801V69.3199C59.2801 70.7299 60.9901 71.4399 61.9901 70.4399L72.5101 58.5099H94.2301C96.4801 58.5099 98.3301 56.6699 98.3301 54.4099V26.0399C98.3301 23.7899 96.4901 21.9399 94.2301 21.9399H94.2401Z", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M87.7701 32.8398H58.8801", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M87.7701 40.2197H58.8801", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M87.7701 47.5898H58.8801", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("mask", { id: "mask0_8643_48376", maskUnits: "userSpaceOnUse", x: "75", y: "37", width: "57", height: "54", children: jsxRuntime.jsx("path", { d: "M102 37.8999L125.24 38.1599C128.48 38.1599 131.11 40.7899 131.11 44.0299V72.3999C131.11 75.6399 128.48 78.2699 125.24 78.2699H120.16V87.1599C120.16 88.6999 119.18 90.1499 117.69 90.5499C116.48 90.8799 115.27 90.5399 114.41 89.6799C114.38 89.6499 114.36 89.6299 114.33 89.5999L104.34 78.2699L83 80.8899C79.76 80.8899 75 76.1299 75 72.8899V61.8899H96C98.84 61.8899 102 58.7299 102 55.8899V37.8899V37.8999Z", fill: "white" }) }), jsxRuntime.jsxs("g", { mask: "url(#mask0_8643_48376)", children: [jsxRuntime.jsx("path", { d: "M89.55 51.1199H118.44", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M89.55 58.4998H118.44", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M89.55 65.8699H118.44", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M83.08 40.22H124.9C127.15 40.22 129 42.06 129 44.32V72.69C129 74.94 127.16 76.79 124.9 76.79H118.04V87.6C118.04 89.01 116.33 89.72 115.33 88.72L104.81 76.79H83.09C80.84 76.79 78.99 74.95 78.99 72.69V44.32C78.99 42.07 80.83 40.22 83.09 40.22H83.08Z", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] })] }));
|
|
437
459
|
}
|
|
438
460
|
function ThumbPodcast({ fill, width, height }) {
|
|
439
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '113', height: height ? height : '146', viewBox: "0 0 113 146", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M101.53 1.29004H11.05C5.65974 1.29004 1.29004 5.65974 1.29004 11.05V134.93C1.29004 140.32 5.65974 144.69 11.05 144.69H101.53C106.92 144.69 111.29 140.32 111.29 134.93V11.05C111.29 5.65974 106.92 1.29004 101.53 1.29004Z", stroke: "white",
|
|
461
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '113', height: height ? height : '146', viewBox: "0 0 113 146", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M101.53 1.29004H11.05C5.65974 1.29004 1.29004 5.65974 1.29004 11.05V134.93C1.29004 140.32 5.65974 144.69 11.05 144.69H101.53C106.92 144.69 111.29 140.32 111.29 134.93V11.05C111.29 5.65974 106.92 1.29004 101.53 1.29004Z", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M111.29 119.85H1.29004", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.4299 132.27H62.1399", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M56.1201 83.52C54.6401 83.52 53.1601 84.08 52.0301 85.21C49.7701 87.47 49.7601 91.14 52.0301 93.41C53.1601 94.54 54.6401 95.1 56.1301 95.1C57.6201 95.1 59.1001 94.53 60.2301 93.4C62.4901 91.14 62.4901 87.47 60.2301 85.21C59.1001 84.08 57.6101 83.51 56.1301 83.51L56.1201 83.52Z", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M43.8401 77.02C50.6301 70.24 61.6301 70.24 68.4201 77.04", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M32.9199 66.0901C45.7399 53.2701 66.5299 53.2801 79.3499 66.1101", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M22 55.16C40.85 36.31 71.42 36.33 90.29 55.2", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
440
462
|
}
|
|
441
463
|
function StarFavorite({ fill = '#E0E0E0', width = '24px', stroke = '#BDBDBD', height = '23' }) {
|
|
442
|
-
return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 24 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M11.1062 1.78116C11.4752 1.04583 12.5248 1.04583 12.8938 1.78116L15.4737 6.92247C15.6205 7.21502 15.9012 7.41721 16.2251 7.46379L21.9686 8.28959C22.7936 8.40821 23.12 9.42484 22.5181 10.0015L18.3849 13.9616C18.1443 14.1921 18.0343 14.5272 18.0916 14.8554L19.0697 20.4652C19.2117 21.2799 18.3596 21.9051 17.625 21.5251L12.4595 18.8529C12.1713 18.7039 11.8287 18.7039 11.5405 18.8529L6.37496 21.5251C5.64038 21.9051 4.78829 21.2799 4.93035 20.4652L5.90845 14.8554C5.96567 14.5272 5.85569 14.1921 5.61513 13.9616L1.48189 10.0015C0.880041 9.42484 1.20637 8.40821 2.0314 8.28959L7.77486 7.46379C8.09884 7.41721 8.37952 7.21502 8.52632 6.92247L11.1062 1.78116Z", fill: fill, stroke: stroke,
|
|
464
|
+
return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 24 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M11.1062 1.78116C11.4752 1.04583 12.5248 1.04583 12.8938 1.78116L15.4737 6.92247C15.6205 7.21502 15.9012 7.41721 16.2251 7.46379L21.9686 8.28959C22.7936 8.40821 23.12 9.42484 22.5181 10.0015L18.3849 13.9616C18.1443 14.1921 18.0343 14.5272 18.0916 14.8554L19.0697 20.4652C19.2117 21.2799 18.3596 21.9051 17.625 21.5251L12.4595 18.8529C12.1713 18.7039 11.8287 18.7039 11.5405 18.8529L6.37496 21.5251C5.64038 21.9051 4.78829 21.2799 4.93035 20.4652L5.90845 14.8554C5.96567 14.5272 5.85569 14.1921 5.61513 13.9616L1.48189 10.0015C0.880041 9.42484 1.20637 8.40821 2.0314 8.28959L7.77486 7.46379C8.09884 7.41721 8.37952 7.21502 8.52632 6.92247L11.1062 1.78116Z", fill: fill, stroke: stroke, strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
443
465
|
}
|
|
444
466
|
function IconUp({ fill, width, height }) {
|
|
445
|
-
return (jsxRuntime.jsx("svg", { width: "18", height: "10", viewBox: "0 0 18 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M1.45361 9L9.37114 1L17.2887 9", stroke: "#222222",
|
|
467
|
+
return (jsxRuntime.jsx("svg", { width: "18", height: "10", viewBox: "0 0 18 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M1.45361 9L9.37114 1L17.2887 9", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
446
468
|
}
|
|
447
469
|
function IconGaps({ fill, width, height }) {
|
|
448
|
-
return (jsxRuntime.jsxs("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M9.66127 22C9.1639 20.402 8.41378 19.211 7.41041 18.4265C5.9056 17.25 3.51466 17.9815 2.63157 16.7675C1.74848 15.5535 3.25024 13.3215 3.77705 12.0045C4.30437 10.6875 1.75711 10.222 2.05452 9.848C2.25245 9.5985 3.54004 8.8795 5.91626 7.69C6.59127 3.8965 9.08473 2 13.3977 2C19.8666 2 22.3311 7.403 22.3311 10.84C22.3311 14.2765 19.3468 17.9785 15.0958 18.777C14.7157 19.322 15.2638 20.397 16.7402 22.0005", stroke: "#0645AD",
|
|
470
|
+
return (jsxRuntime.jsxs("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M9.66127 22C9.1639 20.402 8.41378 19.211 7.41041 18.4265C5.9056 17.25 3.51466 17.9815 2.63157 16.7675C1.74848 15.5535 3.25024 13.3215 3.77705 12.0045C4.30437 10.6875 1.75711 10.222 2.05452 9.848C2.25245 9.5985 3.54004 8.8795 5.91626 7.69C6.59127 3.8965 9.08473 2 13.3977 2C19.8666 2 22.3311 7.403 22.3311 10.84C22.3311 14.2765 19.3468 17.9785 15.0958 18.777C14.7157 19.322 15.2638 20.397 16.7402 22.0005", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.89679 7.24994C9.56487 8.51694 9.66333 9.40694 10.1927 9.91894C10.7215 10.4314 11.6229 10.7664 12.8968 10.9239C12.6075 12.5589 12.9602 13.3254 13.9539 13.2244C14.9477 13.1234 15.545 12.7169 15.7455 12.0044C17.2985 12.4344 18.1405 12.0744 18.2709 10.9244C18.4663 9.19944 17.5223 7.82394 17.1351 7.82394C16.7484 7.82394 15.7455 7.77744 15.7455 7.24994C15.7455 6.72244 14.5741 6.42494 13.517 6.42494C12.4598 6.42494 13.0957 5.72244 11.6442 5.99994C10.6763 6.18494 10.0937 6.60144 9.89679 7.24994V7.24994Z", stroke: "#0645AD", strokeWidth: "1.2", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M15.4795 12.75C14.9634 13.0655 14.2554 13.59 13.9569 14C13.2114 15.025 12.6069 15.6485 12.475 16.304", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round" })] }));
|
|
449
471
|
}
|
|
450
472
|
function IconModules({ fill, width, height }) {
|
|
451
|
-
return (jsxRuntime.jsxs("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M21.6079 4.5C21.6079 5.54426 20.7522 6.4 19.6853 6.4C18.6184 6.4 17.7627 5.54426 17.7627 4.5C17.7627 3.45574 18.6184 2.6 19.6853 2.6C20.7522 2.6 21.6079 3.45574 21.6079 4.5Z", stroke: "#0645AD",
|
|
473
|
+
return (jsxRuntime.jsxs("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M21.6079 4.5C21.6079 5.54426 20.7522 6.4 19.6853 6.4C18.6184 6.4 17.7627 5.54426 17.7627 4.5C17.7627 3.45574 18.6184 2.6 19.6853 2.6C20.7522 2.6 21.6079 3.45574 21.6079 4.5Z", stroke: "#0645AD", strokeWidth: "1.2" }), jsxRuntime.jsx("path", { d: "M21.6079 12.5C21.6079 13.5443 20.7522 14.4 19.6853 14.4C18.6184 14.4 17.7627 13.5443 17.7627 12.5C17.7627 11.4557 18.6184 10.6 19.6853 10.6C20.7522 10.6 21.6079 11.4557 21.6079 12.5Z", stroke: "#0645AD", strokeWidth: "1.2" }), jsxRuntime.jsx("path", { d: "M21.6079 19.5C21.6079 20.5443 20.7522 21.4 19.6853 21.4C18.6184 21.4 17.7627 20.5443 17.7627 19.5C17.7627 18.4557 18.6184 17.6 19.6853 17.6C20.7522 17.6 21.6079 18.4557 21.6079 19.5Z", stroke: "#0645AD", strokeWidth: "1.2" }), jsxRuntime.jsx("path", { d: "M14.1356 12L17.1627 12", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M14.1356 16H15.8654L18.1718 18", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M14.1356 8H15.8654L18.1718 6", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M3.03613 15L5.05421 15", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M11.1085 10L10.0995 10", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M3.0361 10H5.99596C6.39957 10 7.07227 9.25 7.07227 8.49999C7.07227 7 7.07227 8.8377 7.07227 7", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M11.1084 15H8.14858C7.74496 15 7.07227 15.5 7.07227 16C7.07227 17 7.07227 15.7749 7.07227 17", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M10.9344 4.41895L10.977 4.47036L11.0298 4.51117C11.1053 4.56956 11.5175 5.03708 11.5175 6V18C11.5175 18.1873 11.4114 18.8808 10.9187 19.5999C10.708 19.8492 10.4509 20.0482 10.1646 20.1854C9.87158 20.3259 9.55413 20.3987 9.23347 20.4H8.51448C6.96145 20.3982 5.46746 19.7556 4.36173 18.605C3.2553 17.4537 2.62893 15.8878 2.6271 14.2497V9.75031C2.62893 8.11221 3.2553 6.5463 4.36173 5.39496C5.46737 4.24444 6.96122 3.60189 8.51413 3.6H9.23343C9.5541 3.60126 9.87157 3.67412 10.1646 3.8146C10.458 3.95526 10.7209 4.16085 10.9344 4.41895Z", stroke: "#0645AD", strokeWidth: "1.2" })] }));
|
|
452
474
|
}
|
|
453
475
|
function CheckIconSimple({ width = '15', height = '12', fill = '#2CA92A' }) {
|
|
454
476
|
return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 15 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M4.59 8.58002L1.77231 5.76233C1.57753 5.56756 1.26191 5.567 1.06645 5.76108L0.356057 6.46647C0.160106 6.66105 0.158987 6.97763 0.353558 7.17358L0.354805 7.17483L4.23645 11.0565C4.43171 11.2517 4.74829 11.2517 4.94355 11.0565L14.2364 1.76358C14.4317 1.56831 14.4317 1.25173 14.2364 1.05647L13.5336 0.353577L13.5333 0.353783C13.3382 0.158601 13.0217 0.158509 12.8264 0.353577L4.59 8.58002Z", fill: fill }) }));
|
|
455
477
|
}
|
|
456
478
|
function IconContent({ fill, width, height }) {
|
|
457
|
-
return (jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M15.2884 10.4968L10.1 13.038V7.10845L15.2884 10.4968Z", stroke: "white",
|
|
479
|
+
return (jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M15.2884 10.4968L10.1 13.038V7.10845L15.2884 10.4968Z", stroke: "white", strokeWidth: "1.2", strokeLinejoin: "round" }), jsxRuntime.jsx("rect", { x: "1.6", y: "2.6", width: "20.8", height: "14.8", rx: "1.4", stroke: "white", strokeWidth: "1.2" }), jsxRuntime.jsx("path", { d: "M6 21.5H18", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
458
480
|
}
|
|
459
481
|
function TrashIconNew({ fill, stroke, customColor_1, width, height }) {
|
|
460
482
|
return (jsxRuntime.jsxs("svg", { width: width ?? '19', height: height ?? '19', viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M0.833252 4.33325H2.61103H16.8333", stroke: fill ? fill : '#0645AD', strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M15.3786 4.5V15.4C15.3786 15.8243 15.1816 16.2313 14.8309 16.5314C14.4802 16.8314 14.0045 17 13.5085 17H4.15785C3.66186 17 3.18619 16.8314 2.83547 16.5314C2.48475 16.2313 2.28772 15.8243 2.28772 15.4V4.5M5.09291 4.2V2.6C5.09291 2.17565 5.28995 1.76869 5.64066 1.46863C5.99138 1.16857 6.46706 1 6.96304 1H10.7033C11.1993 1 11.675 1.16857 12.0257 1.46863C12.3764 1.76869 12.5734 2.17565 12.5734 2.6V4.2", stroke: fill ? fill : '#0645AD', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
@@ -487,8 +509,8 @@ function styleInject(css, ref) {
|
|
|
487
509
|
}
|
|
488
510
|
}
|
|
489
511
|
|
|
490
|
-
var css_248z$
|
|
491
|
-
styleInject(css_248z$
|
|
512
|
+
var css_248z$j = "/* DEFAULTS */\n@import url('https://fonts.googleapis.com/css?family=Work+Sans:regular,bold,italic&subset=latin,latin-ext');\n@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400&family=Work+Sans:wght@700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\nhtml,\nbody {\n padding: 0;\n margin: 0;\n font-family: Work Sans !important;\n font-weight: 500 !important;\n}\n\np {\n margin: 0px;\n}\n\nbr {\n display: block;\n margin: 8px 0;\n}\n\n* {\n box-sizing: border-box;\n outline: none;\n}\n\n.avatar {\n vertical-align: middle;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n}\n\n.ellipsis {\n overflow: hidden !important;\n white-space: nowrap !important;\n text-overflow: ellipsis !important;\n display: inline-block !important;\n}\n\n.tag {\n border-radius: 13px;\n min-height: 24px;\n text-align: center;\n font-size: 14px;\n line-height: 16px;\n display: inline-block;\n}\n\n.content {\n padding: 24px !important;\n border-radius: inherit;\n}\n\n.fixedBottom {\n position: absolute !important;\n bottom: 0px !important;\n right: 0px !important;\n}\n\n.innerContent {\n padding: 0px 24px 0px 24px !important;\n border-radius: inherit;\n}\n\n.centeredVertically {\n display: inline-flex;\n align-items: center;\n}\n\n.cardContent {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: none !important;\n border: 1px solid #c4c4c4;\n background-color: #fff;\n box-sizing: border-box !important;\n border-radius: 8px !important;\n padding: 24px !important;\n}\n\n.cardContentNoMargin {\n position: relative;\n height: 100%;\n width: 100%;\n box-shadow: none !important;\n border: 1px solid #c4c4c4;\n background-color: #fff;\n box-sizing: border-box !important;\n border-radius: 8px !important;\n}\n\n.cardTopRightConner {\n float: right;\n border-radius: 0px 8px;\n}\n\n.frstButton {\n color: #fff;\n font-weight: bold !important;\n background-color: #ff4d0d;\n border-color: #ff4d0d;\n height: 48px !important;\n font-size: 16px !important;\n padding-left: 16px !important;\n padding-right: 16px !important;\n padding-top: 18px !important;\n padding-bottom: 18px !important;\n text-transform: none !important;\n border-radius: 5px 5px 5px 5px !important;\n box-shadow: 0 2px 0 rgb(0 0 0 / 2%) !important;\n}\n\n.blue {\n border: 1px solid #e8e8e8 !important;\n background-color: #fff !important;\n color: #0645ad !important;\n}\n\n.shimmer {\n background: #f6f7f8;\n background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #c4c4c4 40%, #c4c4c4 100%);\n background-repeat: no-repeat;\n background-size: 100% 100%;\n position: relative;\n color: transparent;\n\n -webkit-animation-duration: 1s;\n -webkit-animation-fill-mode: forwards;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-name: placeholderShimmer;\n -webkit-animation-timing-function: linear;\n}\n\n@keyframes placeholderShimmer {\n 0% {\n background-position: -468px 0;\n }\n\n 100% {\n background-position: 468px 0;\n }\n}\n";
|
|
513
|
+
styleInject(css_248z$j);
|
|
492
514
|
|
|
493
515
|
function Tag(props) {
|
|
494
516
|
function getBG() {
|
|
@@ -1670,9 +1692,9 @@ function CalendarCard(props) {
|
|
|
1670
1692
|
jsxRuntime.jsx(FRSTButton, { style: { marginLeft: 'auto' }, variant: "contained", onClick: props.trails[module]?.joinEventAction, children: t('calendar.card.joinEvent') })] })] }) }) }));
|
|
1671
1693
|
}
|
|
1672
1694
|
|
|
1673
|
-
var css_248z$
|
|
1674
|
-
var style$
|
|
1675
|
-
styleInject(css_248z$
|
|
1695
|
+
var css_248z$i = ".TextIcon-module_container__c5xjY {\n display: flex;\n justify-content: 'flex-start';\n align-items: 'center';\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n}\n";
|
|
1696
|
+
var style$h = {"container":"TextIcon-module_container__c5xjY"};
|
|
1697
|
+
styleInject(css_248z$i);
|
|
1676
1698
|
|
|
1677
1699
|
///-----------------------------------------
|
|
1678
1700
|
/// Componente
|
|
@@ -1681,12 +1703,12 @@ styleInject(css_248z$h);
|
|
|
1681
1703
|
* @componente
|
|
1682
1704
|
*/
|
|
1683
1705
|
function TextIcon(props) {
|
|
1684
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("div", { className: style$
|
|
1706
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("div", { className: style$h.container, style: { ...props.style }, children: jsxRuntime.jsxs("div", { style: { display: 'flex', width: '100%', justifyContent: 'flex-start', alignItems: 'center' }, children: [jsxRuntime.jsx("div", { style: { display: 'inline-flex', width: 30, height: 30, position: 'relative', justifyContent: 'center', alignItems: 'center' }, children: props.svg }), jsxRuntime.jsx("div", { style: { display: 'inline-flex', marginLeft: 8, whiteSpace: 'pre-wrap' }, children: props.description })] }) }) }));
|
|
1685
1707
|
}
|
|
1686
1708
|
|
|
1687
|
-
var css_248z$
|
|
1688
|
-
var style$
|
|
1689
|
-
styleInject(css_248z$
|
|
1709
|
+
var css_248z$h = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.Rating-module_container__yehpg {\n width: 150px;\n padding: 8px;\n height: 80px;\n display: flex;\n justify-content: 'flex-start';\n align-items: 'center';\n position: relative;\n margin-left: 16px;\n flex-direction: row;\n flex-wrap: wrap;\n font-family: 'Work Sans';\n \n}\n\n.Rating-module_titulo__mPtNy{\n display: flex;\n justify-content: flex-start;\n align-items: center;\n font-size: 16px;\n font-weight: 600px;\n}\n\n.Rating-module_content__fqIyW{\n display: flex;\n width: 100%;\n justify-content: flex-start;\n align-items: flex-start;\n \n}\n\n.Rating-module_star__Wzye9{\n display: inline-flex;\n width: 35px; \n height: 35px; \n position: relative; \n justify-content: center; \n align-items: center;\n}\n\n.Rating-module_avaliacao__AOld-{\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100px;\n height: 100%;\n margin-left: 4px;\n}\n";
|
|
1710
|
+
var style$g = {"container":"Rating-module_container__yehpg","titulo":"Rating-module_titulo__mPtNy","content":"Rating-module_content__fqIyW","star":"Rating-module_star__Wzye9","avaliacao":"Rating-module_avaliacao__AOld-"};
|
|
1711
|
+
styleInject(css_248z$h);
|
|
1690
1712
|
|
|
1691
1713
|
///-----------------------------------------
|
|
1692
1714
|
/// Componente
|
|
@@ -1716,12 +1738,12 @@ function Rating$1(props) {
|
|
|
1716
1738
|
'#FFC200',
|
|
1717
1739
|
'#FF4D0D',
|
|
1718
1740
|
];
|
|
1719
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
1741
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$g.container, style: { ...props.style }, children: [jsxRuntime.jsx("div", { className: style$g.titulo, style: { display: 'flex', justifyContent: 'flex-start', alignItems: 'center', fontSize: 16, fontWeight: 600 }, children: props.titulo }), jsxRuntime.jsxs("div", { className: style$g.content, style: { display: 'flex', width: '100%', justifyContent: 'flex-start', alignItems: 'flex-start' }, children: [jsxRuntime.jsxs("div", { className: style$g.star, style: { display: 'inline-flex', width: 35, height: 35, position: 'relative', justifyContent: 'center', alignItems: 'center' }, children: [jsxRuntime.jsx(StarIcon, { color: MapColorStar[props.tipoVisualizacao - 1] }), jsxRuntime.jsx("span", { style: { position: 'absolute', fontSize: 10, color: MapColorNumberStar[props.tipoVisualizacao - 1], fontWeight: 'bold', top: 12, textAlign: 'center' }, children: props.nota })] }), jsxRuntime.jsxs("div", { className: style$g.avaliacao, style: { justifyContent: props.descricaoAvaliacao ? 'flex-start' : 'center' }, children: [jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 600 }, children: props.descricaoAvaliacao }), jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 400 }, children: `${props.qtdeAvaliacao} ${props.qtdeAvaliacao > 1 ? props.nomeAvaliacao : props.nomeAvaliacao}` })] })] })] }) }));
|
|
1720
1742
|
}
|
|
1721
1743
|
|
|
1722
|
-
var css_248z$
|
|
1723
|
-
var style$
|
|
1724
|
-
styleInject(css_248z$
|
|
1744
|
+
var css_248z$g = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.RatingCurtidas-module_container__Ns11t {\n width: 150px;\n padding: 8px;\n height: 80px;\n display: flex;\n justify-content: 'flex-start';\n align-items: 'center';\n position: relative;\n margin-left: 16px;\n flex-direction: row;\n flex-wrap: wrap;\n font-family: 'Work Sans';\n \n}\n";
|
|
1745
|
+
var style$f = {"container":"RatingCurtidas-module_container__Ns11t"};
|
|
1746
|
+
styleInject(css_248z$g);
|
|
1725
1747
|
|
|
1726
1748
|
///-----------------------------------------
|
|
1727
1749
|
/// Componente
|
|
@@ -1762,12 +1784,12 @@ function RocketButton(props) {
|
|
|
1762
1784
|
* @componente
|
|
1763
1785
|
*/
|
|
1764
1786
|
function RatingCurtidas(props) {
|
|
1765
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
1787
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$f.container, style: { ...props.style }, children: [jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'flex-start', alignItems: 'center', fontSize: 16, fontWeight: 600 }, children: props.titulo }), jsxRuntime.jsxs("div", { style: { display: 'flex', width: '100%', justifyContent: 'flex-start', alignItems: 'flex-start' }, children: [jsxRuntime.jsx("div", { style: { display: 'inline-flex', width: 40, height: 40, justifyContent: 'center', alignItems: 'center', position: 'relative' }, children: jsxRuntime.jsx(RocketButton, { tipoBotao: props.tipoBotao }) }), jsxRuntime.jsx("div", { style: { display: 'inline-flex', width: 90, marginLeft: 4 }, children: jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column', flexWrap: 'wrap', width: 100 }, children: [jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 600 }, children: props.qtdeCurtidas ? props.qtdeCurtidas : 0 }), jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 400 }, children: props.descricaoCurtida })] }) })] })] }) }));
|
|
1766
1788
|
}
|
|
1767
1789
|
|
|
1768
|
-
var css_248z$
|
|
1769
|
-
var style$
|
|
1770
|
-
styleInject(css_248z$
|
|
1790
|
+
var css_248z$f = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.Planet-module_container__YS3oo {\n width: 100px;\n height: 100px;\n display: flex;\n justify-content: 'center';\n align-items: 'center';\n position: relative;\n margin-left: 16px;\n\n text-align: center;\n font-size: 26px;\n font-family: 'VT323', monospace;\n color: white;\n -webkit-text-stroke: 0.5px black;\n text-shadow:2px 0 0 black,0 2px 0 black,-2px 0 0 black,0 -2px 0 black;\n}\n\n.Planet-module_label__bZgzb {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n padding: 2px;\n border: 2px dashed white;\n bottom: 0;\n left: 8px;\n right: 8px;\n width: calc(100% -16px);\n}\n@media (max-width: 600px) {\n .Planet-module_label__bZgzb {\n font-size: 22px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n@media (max-width: 540px) {\n .Planet-module_label__bZgzb {\n font-size: 18px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n@media (max-width: 470px) {\n .Planet-module_label__bZgzb {\n font-size: 16px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n@media (max-width: 400px) {\n .Planet-module_label__bZgzb {\n font-size: 14px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n.Planet-module_block__yUjqK {\n position: absolute;\n justify-content: center;\n align-items: center;\n display: flex;\n padding: 4px;\n \n bottom: 16px;\n left: 0;\n right: 0;\n top: 0;\n /* width: calc(100% -16px); */\n \n}\n\n.Planet-module_block__yUjqK img {\n width: 50%;\n height: 50%;\n object-fit: contain;\n margin-top: 0;\n}\n\n.Planet-module_imgAtive__dgis2 {\n filter: grayscale(0);\n opacity: 1;\n height: 100% !important;\n width: 100% !important;\n object-fit: contain;\n margin-left: 2px;\n}\n\n.Planet-module_imgAtive__dgis2:hover {\n cursor: pointer\n}\n\n.Planet-module_imgInative__RXloV {\n filter: grayscale(1);\n opacity: 1;\n height: 100% !important;\n width: 100% !important;\n object-fit: contain;\n margin-left: 2px;\n}\n\n.Planet-module_imgInative__RXloV:hover {\n cursor: pointer;\n}\n\n.Planet-module_imgBlocked__txZ4a {\n filter: grayscale(1);\n opacity: 0.5;\n height: 100% !important;\n width: 100% !important;\n object-fit: contain;\n margin-left: 2px;;\n}\n\n.Planet-module_imgBlockedL__xcI-B:hover {\n cursor: not-allowed;\n}\n\n.Planet-module_missaoTitle__RbGDH{\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n display: flex;\n align-items: center;\n \n color: #0645AD;\n}";
|
|
1791
|
+
var style$e = {"container":"Planet-module_container__YS3oo","label":"Planet-module_label__bZgzb","block":"Planet-module_block__yUjqK","imgAtive":"Planet-module_imgAtive__dgis2","imgInative":"Planet-module_imgInative__RXloV","imgBlocked":"Planet-module_imgBlocked__txZ4a","imgBlockedL":"Planet-module_imgBlockedL__xcI-B","missaoTitle":"Planet-module_missaoTitle__RbGDH"};
|
|
1792
|
+
styleInject(css_248z$f);
|
|
1771
1793
|
|
|
1772
1794
|
///-----------------------------------------
|
|
1773
1795
|
/// Componente
|
|
@@ -1820,16 +1842,16 @@ function Steps(props) {
|
|
|
1820
1842
|
React.useEffect(() => {
|
|
1821
1843
|
setIdioma(props.idioma ? props.idioma : 'pt-BR');
|
|
1822
1844
|
}, [props.idioma]);
|
|
1823
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
1845
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$e.container, style: { ...props.style }, onClick: () => {
|
|
1824
1846
|
if (props.status !== 'B') {
|
|
1825
1847
|
props.onClick();
|
|
1826
1848
|
}
|
|
1827
1849
|
}, children: [jsxRuntime.jsx("img", { src: TypeStep[props.step - 1], className: props.status === "A" ?
|
|
1828
|
-
style$
|
|
1850
|
+
style$e.imgAtive
|
|
1829
1851
|
: props.status === "I" ?
|
|
1830
|
-
style$
|
|
1831
|
-
: style$
|
|
1832
|
-
jsxRuntime.jsx("div", { className: style$
|
|
1852
|
+
style$e.imgInative
|
|
1853
|
+
: style$e.imgBlocked }), jsxRuntime.jsx("div", { className: style$e.label, children: mapTraducao.get(Idioma)[props.step - 1] }), props.status === 'B' &&
|
|
1854
|
+
jsxRuntime.jsx("div", { className: style$e.block, children: jsxRuntime.jsx("img", { src: 'https://api-motor.s3.amazonaws.com/lock.png' }) })] }) }));
|
|
1833
1855
|
}
|
|
1834
1856
|
|
|
1835
1857
|
///-----------------------------------------
|
|
@@ -1909,17 +1931,17 @@ function MissionSteps(props) {
|
|
|
1909
1931
|
};
|
|
1910
1932
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: 'center', width: '100%', position: 'relative', padding: 20, backgroundColor: 'white', marginTop: '10px' }, children: [stepActive > 1 ?
|
|
1911
1933
|
size[0] >= BREAKWIDTH ?
|
|
1912
|
-
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive - 1); }, className: style$
|
|
1934
|
+
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive - 1); }, className: style$e.missaoTitle, style: leftButtonStyle, children: `${mapTraducao.get(Idioma).previous}` })
|
|
1913
1935
|
:
|
|
1914
|
-
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive - 1); }, className: style$
|
|
1936
|
+
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive - 1); }, className: style$e.missaoTitle, style: leftButtonStyle, children: `${mapTraducao.get(Idioma).previousShort}` })
|
|
1915
1937
|
: null, stepActive < stepLiberado ?
|
|
1916
1938
|
size[0] >= BREAKWIDTH ?
|
|
1917
|
-
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$
|
|
1939
|
+
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$e.missaoTitle, style: rightButtonStyle, children: `${mapTraducao.get(Idioma).next}` })
|
|
1918
1940
|
:
|
|
1919
|
-
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$
|
|
1941
|
+
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$e.missaoTitle, style: rightButtonStyle, children: `${mapTraducao.get(Idioma).nextShort}` })
|
|
1920
1942
|
: props.stepProblem < 5 &&
|
|
1921
1943
|
props.onClickContinue &&
|
|
1922
|
-
jsxRuntime.jsx("span", { className: style$
|
|
1944
|
+
jsxRuntime.jsx("span", { className: style$e.missaoTitle, style: { ...rightButtonStyle, marginTop: '-10px' }, children: jsxRuntime.jsx(Button$3, { handleClick: () => props.onClickContinue(), label: mapTraducao.get(Idioma).continueChallenge, variant: "primary", endIcon: jsxRuntime.jsx(FowardArrow, { fill: "#fff" }), style: { height: '40px' } }) }), jsxRuntime.jsxs("div", { style: { display: "inline-flex", marginTop: 40, justifyContent: 'center', width: '100%' }, children: [jsxRuntime.jsx(Steps, { step: 1, idioma: Idioma, status: stepLiberado >= 1 ? stepActive === 1 ? "A" : "I" : "B", onClick: () => {
|
|
1923
1945
|
setStep(1);
|
|
1924
1946
|
} }), jsxRuntime.jsx(Steps, { step: 2, idioma: Idioma, status: stepLiberado >= 2 ? stepActive === 2 ? "A" : "I" : "B", onClick: () => {
|
|
1925
1947
|
setStep(2);
|
|
@@ -1932,9 +1954,9 @@ function MissionSteps(props) {
|
|
|
1932
1954
|
} })] })] }) }));
|
|
1933
1955
|
}
|
|
1934
1956
|
|
|
1935
|
-
var css_248z$
|
|
1936
|
-
var style$
|
|
1937
|
-
styleInject(css_248z$
|
|
1957
|
+
var css_248z$e = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.avatarWithInfo-module_container__Y-yUf {\n /* width: 100%; */\n height: fit-content;\n padding: 4px 16px 4px 4px;\n display: inline-flex;\n justify-content: space-between;\n align-items: center;\n \n border: 1px solid #BDBDBD;\n border-radius: 25px;\n background-color: #FFF;\n font-size: 16px;\n \n flex-direction: row;\n flex-wrap: nowrap;\n font-family: 'Work Sans';\n flex-wrap: wrap;\n}";
|
|
1958
|
+
var style$d = {"container":"avatarWithInfo-module_container__Y-yUf"};
|
|
1959
|
+
styleInject(css_248z$e);
|
|
1938
1960
|
|
|
1939
1961
|
const AvatarImg$1 = styled__default["default"].img `
|
|
1940
1962
|
width: ${props => props.size || '120px'};
|
|
@@ -1973,7 +1995,7 @@ function Vector(props) {
|
|
|
1973
1995
|
* @componente Planet: Componente responsável por gerenciar os controles dos steps das missões
|
|
1974
1996
|
*/
|
|
1975
1997
|
function AvatarWithInfo(props) {
|
|
1976
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
1998
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$d.container, style: { ...props.style }, children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.fotoAvatar }), jsxRuntime.jsx("span", { style: { fontWeight: 600, marginLeft: 8, marginRight: 4 }, children: props.nomeCompleto }), " ", props.cargo ? jsxRuntime.jsx(Vector, {}) : '', " ", jsxRuntime.jsx("span", { style: { fontWeight: 400, marginLeft: 4, marginRight: 8, textAlign: 'center' }, children: props.cargo })] }) }));
|
|
1977
1999
|
}
|
|
1978
2000
|
|
|
1979
2001
|
const LinkButton$1 = styled__default["default"].a `
|
|
@@ -2332,9 +2354,9 @@ function Button$3({ variant, label, sizeIcon, disabled, startIcon, endIcon, hand
|
|
|
2332
2354
|
jsxRuntime.jsx(Button$4, { ref: ref, style: { ...style }, length: length, active: active, value: value, variant: variant, disabled: disabled, onClick: handleClick, id: id, children: label }) }));
|
|
2333
2355
|
}
|
|
2334
2356
|
|
|
2335
|
-
var css_248z$
|
|
2336
|
-
var style$
|
|
2337
|
-
styleInject(css_248z$
|
|
2357
|
+
var css_248z$d = ".BannerProblem-module_container__iitVU {\n padding: 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n background-color: white;\n font-family: 'Work Sans';\n font-style: normal;\n\n}\n\n.BannerProblem-module_titleProblem__BeJIN{\n font-weight: 700;\n font-size: 18px;\n word-wrap: break-word;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n}\n\n.BannerProblem-module_created__OrSsa{\n font-size: 12px;\n\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n /* identical to box height, or 117% */\n\n display: flex;\n align-items: center;\n letter-spacing: -0.02em;\n\n color: #757575;\n}\n\n.BannerProblem-module_description__olZ05{\n font-style: normal;\n font-weight: 600;\n font-size: 32px;\n text-align: left;\n display: flex;\n margin-top: 8px;\n width: 100%;\n color: #FF4D0D;\n margin-bottom: 0px;\n}\n\n@media(max-width: 880px){\n .BannerProblem-module_description__olZ05{\n word-wrap: break-word;\n }\n}\n\n.BannerProblem-module_missaoTitle__300kZ{\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n \n color: #0645AD;\n}\n\nh2{\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 700;\n font-size: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n margin-top: 16;\n margin-bottom: 0;\n}\n\nh3{\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 21px;\n margin: 0;\n word-wrap: break-word;\n}\n\n.BannerProblem-module_contentInput__YXpxk {\n background-color: #F2F2F2; \n border-width: 1px; \n border-radius: 4px;\n padding: 24px 16px 24px 16px;\n border: 1px solid #BDBDBD;\n}\n\n.BannerProblem-module_contentInput__YXpxk input {\n width: 100% !important;\n margin: 4px;\n padding: 16px;\n border-radius: 8px;\n border: 1px solid #BDBDBD;\n background-color: white;\n}\n\n.BannerProblem-module_goal_invite__B0T5N svg {\n max-width: none;\n max-height: none !important;\n}\n";
|
|
2358
|
+
var style$c = {"container":"BannerProblem-module_container__iitVU","titleProblem":"BannerProblem-module_titleProblem__BeJIN","created":"BannerProblem-module_created__OrSsa","description":"BannerProblem-module_description__olZ05","missaoTitle":"BannerProblem-module_missaoTitle__300kZ","contentInput":"BannerProblem-module_contentInput__YXpxk","goal_invite":"BannerProblem-module_goal_invite__B0T5N"};
|
|
2359
|
+
styleInject(css_248z$d);
|
|
2338
2360
|
|
|
2339
2361
|
const SpanHeaderTag = styled__default["default"].span `
|
|
2340
2362
|
display: flex;
|
|
@@ -2441,8 +2463,8 @@ function BannerProblem(props) {
|
|
|
2441
2463
|
return title;
|
|
2442
2464
|
};
|
|
2443
2465
|
const MOBILEWIDTH = 650;
|
|
2444
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
2445
|
-
jsxRuntime.jsx(SpanHeaderTag, { background: props.topHeaderTagBgColor, color: props.topHeaderTagColor, children: props.topHeaderTagText }), jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between', flexDirection: 'row', alignItems: 'center' }, children: [jsxRuntime.jsxs("span", { className: style$
|
|
2466
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$c.container, style: { ...props.style }, children: [props.topHeaderTagText &&
|
|
2467
|
+
jsxRuntime.jsx(SpanHeaderTag, { background: props.topHeaderTagBgColor, color: props.topHeaderTagColor, children: props.topHeaderTagText }), jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between', flexDirection: 'row', alignItems: 'center' }, children: [jsxRuntime.jsxs("span", { className: style$c.titleProblem, children: [showChallengeTitle(), props.isVerified &&
|
|
2446
2468
|
jsxRuntime.jsx(Tooltip$2, { direction: "bottom", content: props.verifiedTooltipContent, trigger: 'hover', width: '361px', height: '54px', style: { top: '10px', textAlign: 'center' }, children: jsxRuntime.jsx(SawBadgeIcon, {}) })] }), props.isEditable &&
|
|
2447
2469
|
jsxRuntime.jsx(Button$3, { label: Edit ? (props.textButtonLinkEditSave ? props.textButtonLinkEditSave : "Salvar Alterações") : (props.textButtonLinkEdit ? props.textButtonLinkEdit : "Editar"), variant: 'link', handleClick: () => handleEdit(), startIcon: jsxRuntime.jsx(EditIcon, {}) })] }), Edit ?
|
|
2448
2470
|
jsxRuntime.jsx("div", { style: {
|
|
@@ -2466,7 +2488,7 @@ function BannerProblem(props) {
|
|
|
2466
2488
|
wordBreak: 'break-word',
|
|
2467
2489
|
}, children: TituloProblema }) })
|
|
2468
2490
|
:
|
|
2469
|
-
jsxRuntime.jsx("h1", { className: style$
|
|
2491
|
+
jsxRuntime.jsx("h1", { className: style$c.description, children: TituloProblema }), jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'space-between', position: 'relative', width: '100%', borderBottom: '1px solid #CCCCCC' }, children: jsxRuntime.jsxs("div", { style: { display: 'inline-flex', width: '100%' }, children: [jsxRuntime.jsxs("div", { style: { width: '100%', maxWidth: 600 }, children: [jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column', width: 'fit-content', paddingTop: '16px' }, children: [jsxRuntime.jsx("span", { className: style$c.created, children: props.dataCriacao }), jsxRuntime.jsx(AvatarWithInfo, { cargo: props.cargo, nomeCompleto: props.nome, fotoAvatar: props.avatar, style: { marginBottom: 8, marginTop: 24 } })] }), jsxRuntime.jsx(TextIcon, { description: props.area, svg: jsxRuntime.jsx(Brain, {}) }), props.company && jsxRuntime.jsx(TextIcon, { style: { width: '80%' }, description: props.company, svg: jsxRuntime.jsx(CompanyIcon, {}) }), jsxRuntime.jsx(TextIcon, { description: adapterEmail(props.email, size[0]), svg: jsxRuntime.jsx(Mail, {}) }), Edit && props.isVisibleEditTrail ?
|
|
2470
2492
|
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { style: { marginTop: 12, backgroundColor: '#F2F2F2', borderWidth: 1, borderRadius: 4, padding: '24px 16px 24px 16px', border: '1px solid #BDBDBD' }, children: [jsxRuntime.jsx("h3", { style: { marginBottom: 12, textAlign: 'left', width: '100%', fontSize: 16 }, children: props.textTrailLabel ? props.textTrailLabel : 'Deseja vincular este novo problema a uma Trilha de Aprendizagem?' }), jsxRuntime.jsx(Select__default$1["default"], { id: "select", styles: customStyles, options: props.trilhaData ? props.trilhaData : [], value: props.trilhaData.filter(function (temp) { return temp.value === TrilhaId; }), placeholder: props.placeholderSelectTrail ? props.placeholderSelectTrail : 'Selecione uma trilha', onChange: e => {
|
|
2471
2493
|
setTrilhaId(e.value);
|
|
2472
2494
|
setTrilhaDescricaoSelecionada(e.label);
|
|
@@ -2476,7 +2498,7 @@ function BannerProblem(props) {
|
|
|
2476
2498
|
jsxRuntime.jsx(TextIcon, { description: props.textIconDescription ? props.textIconDescription : 'Ainda não está vinculado a uma trilha', svg: jsxRuntime.jsx(WithoutTrail, {}) })
|
|
2477
2499
|
:
|
|
2478
2500
|
jsxRuntime.jsx(TextIcon, { description: TrilhaBanner, svg: jsxRuntime.jsx(WithTrail, {}) }) }), jsxRuntime.jsx("div", { style: { marginTop: 16, marginBottom: 26, maxWidth: !Edit ? '400px' : '100%' }, children: Edit && props.isVisibleEditTags ?
|
|
2479
|
-
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
2501
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$c.contentInput, children: [jsxRuntime.jsx("h3", { style: { marginBottom: 12, textAlign: 'left', width: '100%', fontSize: 16 }, children: props.textContentInput ? props.textContentInput : 'Busque e selecione até três palavras-chave:' }), jsxRuntime.jsx(Select__default$1["default"], { id: "select", styles: customStyles, options: tagListShow, value: tagListShow.filter(function (temp) { return temp.value === Tag1; }), placeholder: props.placeholderSelectTag ? props.placeholderSelectTag : 'Selecione uma Tag', onChange: e => { setTag1(e.value); } }), jsxRuntime.jsx(Select__default$1["default"], { id: "select", styles: customStyles, options: tagListShow, value: tagListShow.filter(function (temp) { return temp.value === Tag2; }), placeholder: props.placeholderSelectTag ? props.placeholderSelectTag : 'Selecione uma Tag', onChange: e => { setTag2(e.value); } }), jsxRuntime.jsx(Select__default$1["default"], { id: "select", styles: customStyles, options: tagListShow, value: tagListShow.filter(function (temp) { return temp.value === Tag3; }), placeholder: props.placeholderSelectTag ? props.placeholderSelectTag : 'Selecione uma Tag', onChange: e => { setTag3(e.value); } })] }) })
|
|
2480
2502
|
:
|
|
2481
2503
|
jsxRuntime.jsx(jsxRuntime.Fragment, { children: Tags?.map((item, key) => (item &&
|
|
2482
2504
|
jsxRuntime.jsx(Tag, { title: item, style: { color: '#000 !important', marginRight: 8, marginTop: 8 }, color: "#E4E1FF", selected: false, inverted: false }, key))) }) }), size[0] <= MOBILEWIDTH || Edit ?
|
|
@@ -2513,9 +2535,9 @@ ${email.slice(indexBreak)}`;
|
|
|
2513
2535
|
}
|
|
2514
2536
|
}
|
|
2515
2537
|
|
|
2516
|
-
var css_248z$
|
|
2517
|
-
var style$
|
|
2518
|
-
styleInject(css_248z$
|
|
2538
|
+
var css_248z$c = ".MessageBox-module_container__6oBFw {\n min-width: 200px;\n padding: 8px;\n min-height: 30px;\n margin-top: 8px;\n font-size: 14px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n \n}\n\n.MessageBox-module_square__bUGB6{\n height: 20px;\n width: 20px;\n display: inline-flex; \n justify-content: center; \n align-items: center;\n margin-right: 8px;\n}\n\n.MessageBox-module_success__OT-qh{\n \n border-Width: 2;\n border: 1px solid;\n border-color: #2CA92A;\n background-color: #D1F6D1;\n color: #222;\n}\n\n.MessageBox-module_success__OT-qh:hover{\n background-color: #2CA92A !important;\n color: white;\n}\n\n.MessageBox-module_successNoHover__0-hv8{\n \n border-Width: 2;\n border: 1px solid;\n border-color: #2CA92A;\n background-color: #D1F6D1;\n color: #222;\n}\n\n.MessageBox-module_warning__WFHrV{\n border-Width: 2;\n border: 1px solid;\n border-color: #FFC200;\n background-color: #FEF0D4;\n color: #222;\n}\n\n.MessageBox-module_warning__WFHrV:hover{\n background-color: #FFC200 !important;\n color: white;\n}\n\n.MessageBox-module_warningNoHover__9REga{\n border-Width: 2;\n border: 1px solid;\n border-color: #FFC200;\n background-color: #FEF0D4;\n color: #222;\n}\n\n.MessageBox-module_error__PzfdG{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000;\n background-color: #FFE5E5;\n color: #222;\n}\n\n.MessageBox-module_error__PzfdG:hover{\n background-color: #EA0000 !important;\n color: white;\n}\n\n.MessageBox-module_errorNoHover__wBfkm{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000;\n background-color: #FFE5E5;\n color: #222;\n}\n\n.MessageBox-module_notificacao__TIUt0{\n border-Width: 2;\n border: 1px solid;\n border-color: #757575;\n background-color: #F2F2F2;\n color: #0645AD;\n font-weight: 700;\n}\n\n.MessageBox-module_notificacao__TIUt0:hover{\n background-color: #F2F2F2 !important;\n \n}\n\n.MessageBox-module_notificacao__TIUt0 span {\n color: #757575 !important;\n font-weight: 400;\n}\n\n.MessageBox-module_notificacaoNoHover__NHKEm{\n border-Width: 2;\n border: 1px solid;\n border-color: #757575;\n background-color: #F2F2F2;\n color: #0645AD;\n font-weight: 700;\n}\n\n.MessageBox-module_notificacaoNoHover__NHKEm span {\n color: #757575 !important;\n font-weight: 400;\n}\n\n.MessageBox-module_notificacaoErro__-Daph{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000 ;\n background-color: #FFE5E5;\n color: #222;\n}\n\n.MessageBox-module_notificacaoErro__-Daph:hover{\n background-color: #EA0000 !important;\n color: white;\n}\n\n.MessageBox-module_notificacaoErroNoHover__kW518{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000 ;\n background-color: #FFE5E5;\n color: #222;\n}";
|
|
2539
|
+
var style$b = {"container":"MessageBox-module_container__6oBFw","square":"MessageBox-module_square__bUGB6","success":"MessageBox-module_success__OT-qh","successNoHover":"MessageBox-module_successNoHover__0-hv8","warning":"MessageBox-module_warning__WFHrV","warningNoHover":"MessageBox-module_warningNoHover__9REga","error":"MessageBox-module_error__PzfdG","errorNoHover":"MessageBox-module_errorNoHover__wBfkm","notificacao":"MessageBox-module_notificacao__TIUt0","notificacaoNoHover":"MessageBox-module_notificacaoNoHover__NHKEm","notificacaoErro":"MessageBox-module_notificacaoErro__-Daph","notificacaoErroNoHover":"MessageBox-module_notificacaoErroNoHover__kW518"};
|
|
2540
|
+
styleInject(css_248z$c);
|
|
2519
2541
|
|
|
2520
2542
|
///-----------------------------------------
|
|
2521
2543
|
/// Componente
|
|
@@ -2569,22 +2591,22 @@ function MessageBox(props) {
|
|
|
2569
2591
|
jsxRuntime.jsx(SaveIcon, { fill: 'red' })
|
|
2570
2592
|
];
|
|
2571
2593
|
return (jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsxs("div", { className: props.hasHover ?
|
|
2572
|
-
`${props.tipoVisualizacao === 1 ? style$
|
|
2573
|
-
: props.tipoVisualizacao === 2 ? style$
|
|
2574
|
-
: props.tipoVisualizacao === 3 ? style$
|
|
2575
|
-
: props.tipoVisualizacao === 4 ? style$
|
|
2576
|
-
: props.tipoVisualizacao === 5 ? style$
|
|
2577
|
-
: ''} ${style$
|
|
2594
|
+
`${props.tipoVisualizacao === 1 ? style$b.success
|
|
2595
|
+
: props.tipoVisualizacao === 2 ? style$b.warning
|
|
2596
|
+
: props.tipoVisualizacao === 3 ? style$b.error
|
|
2597
|
+
: props.tipoVisualizacao === 4 ? style$b.notificacao
|
|
2598
|
+
: props.tipoVisualizacao === 5 ? style$b.notificacaoErro
|
|
2599
|
+
: ''} ${style$b.container}`
|
|
2578
2600
|
:
|
|
2579
|
-
`${props.tipoVisualizacao === 1 ? style$
|
|
2580
|
-
: props.tipoVisualizacao === 2 ? style$
|
|
2581
|
-
: props.tipoVisualizacao === 3 ? style$
|
|
2582
|
-
: props.tipoVisualizacao === 4 ? style$
|
|
2583
|
-
: props.tipoVisualizacao === 5 ? style$
|
|
2584
|
-
: ''} ${style$
|
|
2601
|
+
`${props.tipoVisualizacao === 1 ? style$b.successNoHover
|
|
2602
|
+
: props.tipoVisualizacao === 2 ? style$b.warningNoHover
|
|
2603
|
+
: props.tipoVisualizacao === 3 ? style$b.errorNoHover
|
|
2604
|
+
: props.tipoVisualizacao === 4 ? style$b.notificacaoNoHover
|
|
2605
|
+
: props.tipoVisualizacao === 5 ? style$b.notificacaoErroNoHover
|
|
2606
|
+
: ''} ${style$b.container}`, style: {
|
|
2585
2607
|
cursor: props.onClick ? 'pointer' : 'default',
|
|
2586
2608
|
...props.style
|
|
2587
|
-
}, onClick: props.onClick, children: [jsxRuntime.jsx("div", { className: style$
|
|
2609
|
+
}, onClick: props.onClick, children: [jsxRuntime.jsx("div", { className: style$b.square, style: { backgroundColor: MapBorderColor[props.tipoVisualizacao - 1] }, children: MapIconList[props.tipoVisualizacao - 1] }), jsxRuntime.jsxs("div", { style: { display: 'inline-flex', width: 'calc(100% - 30px)' }, children: [props.texto, jsxRuntime.jsxs("span", { children: [" \u00A0", props.descricao ? props.descricao : ''] })] })] }), props.hasClickExit &&
|
|
2588
2610
|
jsxRuntime.jsxs("div", { style: {
|
|
2589
2611
|
display: 'inline-flex',
|
|
2590
2612
|
position: 'absolute',
|
|
@@ -2766,7 +2788,7 @@ const Label$1 = styled__default["default"].label `
|
|
|
2766
2788
|
color: #663366 !important;
|
|
2767
2789
|
`}
|
|
2768
2790
|
`;
|
|
2769
|
-
const HelperText$
|
|
2791
|
+
const HelperText$3 = styled__default["default"].span `
|
|
2770
2792
|
font-family: 'Work Sans';
|
|
2771
2793
|
font-style: normal;
|
|
2772
2794
|
font-weight: 400;
|
|
@@ -2819,14 +2841,14 @@ function TextField(props) {
|
|
|
2819
2841
|
setClick(false);
|
|
2820
2842
|
}, 1000);
|
|
2821
2843
|
};
|
|
2822
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme, focused: focus, disabled: props.disabled, hovered: hover, error: props.error, multiline: props.multiline, width: props.width, height: props.height }, children: jsxRuntime.jsxs("div", { style: props.style, className: props.className, children: [jsxRuntime.jsx(Label$1, { htmlFor: props.id, isClicked: click, children: props.label }), jsxRuntime.jsxs(TextFieldContainer, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: () => showBorderAfterClick(), isClicked: click, children: [props.startIcon && !props.multiline && (jsxRuntime.jsx(StartIcon, { children: props.startIcon })), jsxRuntime.jsx(TextField$1, { onFocus: () => setFocus(true), onBlur: () => setFocus(false), id: props.id, placeholder: props.placeholder || `${t('globals.typeHere')}...`, as: props.multiline ? 'textarea' : 'input', type: inputType, value: props.value, disabled: props.disabled, onChange: props.onChange, name: props.name, required: props.required, defaultValue: props.defaultValue, maxLength: props.maxLength }), props.endIcon && !props.multiline && (!!props.endIcon && jsxRuntime.jsx(InputIconButton, { onClick: props.handleClickEndIcon, children: endIconState }))] }), props.helperText && jsxRuntime.jsx(HelperText$
|
|
2844
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme, focused: focus, disabled: props.disabled, hovered: hover, error: props.error, multiline: props.multiline, width: props.width, height: props.height }, children: jsxRuntime.jsxs("div", { style: props.style, className: props.className, children: [jsxRuntime.jsx(Label$1, { htmlFor: props.id, isClicked: click, children: props.label }), jsxRuntime.jsxs(TextFieldContainer, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: () => showBorderAfterClick(), isClicked: click, children: [props.startIcon && !props.multiline && (jsxRuntime.jsx(StartIcon, { children: props.startIcon })), jsxRuntime.jsx(TextField$1, { onFocus: () => setFocus(true), onBlur: () => setFocus(false), id: props.id, placeholder: props.placeholder || `${t('globals.typeHere')}...`, as: props.multiline ? 'textarea' : 'input', type: inputType, value: props.value, disabled: props.disabled, onChange: props.onChange, name: props.name, required: props.required, defaultValue: props.defaultValue, maxLength: props.maxLength }), props.endIcon && !props.multiline && (!!props.endIcon && jsxRuntime.jsx(InputIconButton, { onClick: props.handleClickEndIcon, children: endIconState }))] }), props.helperText && jsxRuntime.jsx(HelperText$3, { children: props.helperText })] }) }));
|
|
2823
2845
|
}
|
|
2824
2846
|
|
|
2825
2847
|
function Textarea(props) {
|
|
2826
2848
|
return jsxRuntime.jsx(TextField, { ...props, multiline: true });
|
|
2827
2849
|
}
|
|
2828
2850
|
|
|
2829
|
-
const InputWrapper = styled__default["default"].div `
|
|
2851
|
+
const InputWrapper$1 = styled__default["default"].div `
|
|
2830
2852
|
display: flex;
|
|
2831
2853
|
align-items:flex-end;
|
|
2832
2854
|
width: 100%;
|
|
@@ -2845,7 +2867,7 @@ const InputWrapper = styled__default["default"].div `
|
|
|
2845
2867
|
${({ focus, theme }) => focus &&
|
|
2846
2868
|
`border: 1px solid` + theme.colors.primary1 + " !important;"}
|
|
2847
2869
|
`;
|
|
2848
|
-
const InputText$
|
|
2870
|
+
const InputText$3 = styled__default["default"].textarea `
|
|
2849
2871
|
display: flex;
|
|
2850
2872
|
align-items: center;
|
|
2851
2873
|
|
|
@@ -2885,7 +2907,7 @@ styled__default["default"].div `
|
|
|
2885
2907
|
cursor: pointer;
|
|
2886
2908
|
transition: all 0.2s ease-in-out;
|
|
2887
2909
|
`;
|
|
2888
|
-
const HelperText$
|
|
2910
|
+
const HelperText$2 = styled__default["default"].span `
|
|
2889
2911
|
display: flex;
|
|
2890
2912
|
position: absolute;
|
|
2891
2913
|
align-items: center;
|
|
@@ -2923,7 +2945,7 @@ function randID$3() {
|
|
|
2923
2945
|
.substr(2, 9);
|
|
2924
2946
|
}
|
|
2925
2947
|
|
|
2926
|
-
function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, showCharacterCounter, IDInput, styles, disabled, emojiWindowlanguage }) {
|
|
2948
|
+
function InputComment$1({ placeholder, value, onChange, remain, limit, hasEmoji, showCharacterCounter, IDInput, styles, disabled, emojiWindowlanguage }) {
|
|
2927
2949
|
const [focus, setFocus] = React.useState(false);
|
|
2928
2950
|
// Emoji Window States
|
|
2929
2951
|
const [isVisibleEmojiWindow, setIsVisibleEmojiWindow] = React.useState(false);
|
|
@@ -2959,8 +2981,8 @@ function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, s
|
|
|
2959
2981
|
if (!actionAreaEmojiButton)
|
|
2960
2982
|
setIsVisibleEmojiWindow(false);
|
|
2961
2983
|
};
|
|
2962
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, onClick: verifyClick, children: [jsxRuntime.jsx(InputWrapper, { focus: focus, children: jsxRuntime.jsx(InputText$
|
|
2963
|
-
jsxRuntime.jsxs(HelperText$
|
|
2984
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, onClick: verifyClick, children: [jsxRuntime.jsx(InputWrapper$1, { focus: focus, children: jsxRuntime.jsx(InputText$3, { id: iDInputComment, onFocus: () => setFocus(true), onBlur: () => setFocus(false), onChange: inputInChanging, value: stringValueTextArea, placeholder: placeholder, maxLength: limit, disabled: disabled }) }), showCharacterCounter &&
|
|
2985
|
+
jsxRuntime.jsxs(HelperText$2, { children: [limit - remain, "/", limit] })] }) }));
|
|
2964
2986
|
function resizeTextArea() {
|
|
2965
2987
|
let tx = document.getElementById(iDInputComment);
|
|
2966
2988
|
const txResize = (tx) => {
|
|
@@ -4466,7 +4488,7 @@ const InputSearchWrapper$1 = styled__default["default"].div `
|
|
|
4466
4488
|
|
|
4467
4489
|
${({ isOnFocus }) => isOnFocus && 'outline: 1.5px solid #AE9BAE; border: 1px solid #663366;'}
|
|
4468
4490
|
`;
|
|
4469
|
-
const InputText$
|
|
4491
|
+
const InputText$2 = styled__default["default"].input `
|
|
4470
4492
|
margin-left:10px;
|
|
4471
4493
|
display: flex;
|
|
4472
4494
|
align-items: center;
|
|
@@ -4519,7 +4541,7 @@ function SearchField({ label, hasSearchIcon, placeholder, value, onChange, textB
|
|
|
4519
4541
|
const [inputOnFocus, setInputOnFocus] = React.useState(false);
|
|
4520
4542
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Container$f, { className: className, onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => setInputOnFocus(true), onBlur: () => setInputOnFocus(false), children: [label &&
|
|
4521
4543
|
jsxRuntime.jsxs(LabelField, { isHover: actionAreaInput, isOnFocus: inputOnFocus, children: [" ", label, " "] }), jsxRuntime.jsxs(InputSearchWrapper$1, { isHover: actionAreaInput, isOnFocus: inputOnFocus, children: [hasSearchIcon &&
|
|
4522
|
-
jsxRuntime.jsxs(ContainerIcon$2, { children: [" ", jsxRuntime.jsx(SearchIcon, {}), " "] }), jsxRuntime.jsx(InputText$
|
|
4544
|
+
jsxRuntime.jsxs(ContainerIcon$2, { children: [" ", jsxRuntime.jsx(SearchIcon, {}), " "] }), jsxRuntime.jsx(InputText$2, { placeholder: placeholder, onChange: onChange, value: value, onKeyDown: (event) => {
|
|
4523
4545
|
if (event.key === "Enter") {
|
|
4524
4546
|
handleClickButton();
|
|
4525
4547
|
}
|
|
@@ -4818,19 +4840,19 @@ function FilterAccordionCheckbox({ generalTitle, object, onSelected }) {
|
|
|
4818
4840
|
}
|
|
4819
4841
|
}
|
|
4820
4842
|
|
|
4821
|
-
var css_248z$
|
|
4822
|
-
var style$
|
|
4823
|
-
styleInject(css_248z$
|
|
4843
|
+
var css_248z$b = ".statusProblema-module_modalBox__SJtEw{\n background-color: #FFF;\n width: 800px;\n min-height: 400px;\n max-height: 80%;\n padding-top: 20px;\n padding-bottom: 20px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n border-radius: 10px;\n\n font-family: 'Work Sans';\n\n}\n\n.statusProblema-module_fechar__6ESi1{\n font-size: 12px;\n padding: 8px;\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0;\n right: 0;\n margin-top: 0px;\n cursor: default;\n margin-top: 10px;\n margin-right: 10px;\n}\n\n.statusProblema-module_titulo__6REcF{\n width: 100%;\n margin-top: 10px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding-left: 24px;\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 700;\n font-size: 24px;\n line-height: 130%;\n text-align: center;\n letter-spacing: 0.01em;\n color: #222222;\n}\n\n.statusProblema-module_container__KLG2- {\n overflow: auto;\n min-width: 100%;\n max-width: 100%;\n \n \n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 20px;\n margin-left: 0px;\n\n border: 1px solid #BDBDBD;\n border-left: 0px;\n padding-bottom: 16px;\n}\n\n.statusProblema-module_containerItem__-Ui-d {\n width: 400px;\n margin-top: 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.statusProblema-module_containerData__QoS0I {\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n\n@media (max-width: 500px) { \n .statusProblema-module_containerItem__-Ui-d {\n width: 90vw;\n }\n}\n\n.statusProblema-module_avatar__4mtlc{\n\n font-size: 14px;\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\n.statusProblema-module_descricao__OJJt7{ \n text-align: left;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: 'PT Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 110%;\n}\n\n\n.statusProblema-module_modal_controls_wrapper__1dEvp {\n gap: 23px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 20px;\n padding: 0 24px;\n}\n\n.statusProblema-module_status_logo__1zV01 {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.statusProblema-module_name__BZi68 {\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n line-height: 20px;\n display: flex;\n align-items: center;\n text-align: center;\n letter-spacing: -0.02em;\n color: #FF4D0D;\n}\n\n.statusProblema-module_sub_title__s8MA4 {\n font-family: 'PT Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 18px;\n text-align: center;\n}\n";
|
|
4844
|
+
var style$a = {"modalBox":"statusProblema-module_modalBox__SJtEw","fechar":"statusProblema-module_fechar__6ESi1","titulo":"statusProblema-module_titulo__6REcF","container":"statusProblema-module_container__KLG2-","containerItem":"statusProblema-module_containerItem__-Ui-d","containerData":"statusProblema-module_containerData__QoS0I","avatar":"statusProblema-module_avatar__4mtlc","descricao":"statusProblema-module_descricao__OJJt7","modal_controls_wrapper":"statusProblema-module_modal_controls_wrapper__1dEvp","status_logo":"statusProblema-module_status_logo__1zV01","name":"statusProblema-module_name__BZi68","sub_title":"statusProblema-module_sub_title__s8MA4"};
|
|
4845
|
+
styleInject(css_248z$b);
|
|
4824
4846
|
|
|
4825
4847
|
var problemaFRST = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAyZSURBVHgB7Z1PbBTXHcd/b3ZdVbUNmwu5hTWXXCCYSlUjNRWG5ED5Y+CWkAO2RKXQi91TG3LAHEKTU+0eaKVGtakC9FJhDKQ5BLBFIjVqJUzg0lbCm0g9wKUbbKo29s7L+86bx87Ozu7O7s6fN8v7SOPd+bMz6/nO7/d+773fe8uoB+AjhQINbAyTzYpk8WFifDNx8Z6JRVJwFz8l4rwsXtVy11lnbJnW8stssVymjMMog/CDAyNCCCEk2y2WYbGpSPGAB2BZLEsQnV1bW6SMkQmBHQvtXx8TN/mwK2iB0qEsxF4km18hu7LIPv5fiTRHW4F9oo6Qjkixz+sstnYCO+6XmBCWDlN6ltoJc0Lw87q5cW0ElsLSaW2tNSwos20+wz56MkcakLrAjrDMmhXvitRblKhin0lb6NQE7hmLbQ0i8fG0XHfiAvN9hSLlN2afAWH9zNH6+pmkg7FEBeaH+ieJrNOUreApSlDNmhbWfIYSIhGBn2GrbURJWPOeJKzZophxrLavcseIW0OR+vru8APwaPESmwU7DRWDG8Ids9j/iWwjXPbVtZ9TTMQisHTJ9mXR6D9MhjDE5rIjF5jv7x+mXO5yD9Zr4yYWkSMtg/lPBo9QzrplxO0IWS7jHkZIZBbMR/uPE7fmyNA9zB5jC0/OUwREIrARNwYiErlrgY24MRKByF0J7JQXebpMhvjYoKPsL6vz1CEdC+xUhdCA8ew2OyZFWfRK7RG9UsvUAR1F0VJcW0TLRtwEKIiayWW+77tF6oDOqkmOuKYqlCCi4eg7l53WwTZpW2B+aODXRtwUQKug0/TbHm0JLLv7TNtyerDJdjsoQgdZJqjShrJo0twVtkkzvAWboEoXCpTvmw17cCiB+ejAaVPuagSjkbCuuqWLNq5ZW0K56tYWnK9MkRFXR0K56qYWLHOW2S0y6Avne5ql5Da3YCch3aA3rGnduKHAfP/gmAmsMgACLjmIIJDGFpxjbbeaGFKCsYaeNlBgY72Zo9jIioMt2OITZMgYwR63TmA3cjbprlmjQVkcYMFsjAzZhLHjdZu8K26r1QoZskqZVnND3tmBai3YqoyQIcvIeU085Gt25/hxjedlSZb+zUSvHiMaeonoyddENy4QPfpKblsT6zcvkpYwC3ObTD9dVW9Sc88/PEC07aX67fduE93/lFLjlBDw5YPV9emTRANC9BPvyfWJHxGt3CMtWc09p9x01YLTcs+4ia++Wb/9jbeJHn5J9M4BaTlJAutV4p7YLq+PbVtekKLCorHoinTTjhVXBc5RpGNi2gYW+yfXOnAjIfDzW6UlTb5SfzyOAY3EhyBYGonRbD+2K9T5cQzEheV2cr0k8bjpqsCMdhOn9MCNhMgKvP/gvnTf21+puutDwlUeE+L3uz2YsPIPfkn0+XW5DuEnfku048fVcz34gmjmpBQIIuCh8e7HOc4ek/vxYGFRLDyWr5d+Jb/T2Y/k+ugm+Yrz4Xped47r4XxJex4Fo6ftGE4ULed+1KzP1yu4unmvCyF/+j45ocPCORn4wMrfuSQfAnD2uhQPDwREwTF4SE68L/ejDMX+B/fk/r9eq3oKgO3qYQE3LsrlQYPy9t3r8vup86nrzXxW6wmSpaAaPaQFOwO1NYyelQWoG/WaW1bDOpT4OAYWh5sMUbdslds/+bAa6WI7hAQQDy4UD4gqW/FZiAzr/1wct/KFDP7AzFvV77PdV1RgfZsbZZ99o/p9cR48RKM/k6KnAXcG3y+6LtoaIR0Z8FiAE+S44k2cq90OVCQO4XFzJ38nrP09aVmwKgWExjEQ52Uh4naPq4bI7bhVdU24du/n8EDhOwztoNSwrBHxd9oVmO2kVAvgBqgbpMpOxb3P6o999KV8RdSNqBwLPo8bjQWiYt/eY1J4lOFOMRBBVex7DVzxQKql3k78yfMjhQJVKkXSDZS3ymJhdRADrhBC3/iwGnTBHWJR63td962sFm5SlbtABWio1968ID+LxotOQDAFnn+hGkED5crV/nQoYqhLnjY2MLE2pQ5uyrtucLNtRzVKRhmm3B/eQyxErSoQgpvFgwDBUHbCNQPV8qRu9kNVnheqn2PCa+311MFR7rYjCh4qVSRMfyrLfFwP67jewjlKlYGN4dzUi32i/sv2UVogwEFZBneGMhDL+v+J/vl3WbXxlp//+Jt8xfHff43oxR+QExz+cYro4z+IpvZHUlScA/txo/EeQiAIgoX956HcjnPg2nD/t/8st+F8d27I42D5wBskOdb+Zu12nBvWq4oCdT0EZ//+F6WKzZeYCKenhAVnLz1HuW9V9vpxGh7EQ/OkHNzwgM9796njG52vFa2ulwacz+Qz27nfSohWLUr+z3fbAqVj8yXjm0VDB0+tNm6IGW4NWdq1YBmig9FWYcHWc2ToWSzhp7eSoVcpxD6dsCFVjMC9jhG4xzEC9zgiyKLM/8KmoTF5stnXIpJOry6M9l2k5oQFbc1IhGv1eTQZoi8Y6TzNsh9Veiz6hdHJ8bQJ1HedZtfq9LvHTylPvQrahdH4j9SZi2erCX1eIBhSfLb0aE2R8bJw0XbvD1U5dqo+3QYg1adXxQXCO4umStZh90nGCMq99mZC9iIivhIuGj9xnmKHP8ollYIa1eeDUme974HKY/aClB6VzBeUEdntd00azpctYcYdzUOsNRACyQLN8Avoz8tup+sPDxTyp9XSTSAWJRxlsMVLZEgzhzk+GBMWnM/3ngWDgRaCBQ1XgVtPM9U1atbyyxabL5d7LtCCWK+/XbttzScoBPbnQCMQQ7Xq0ldypMPoyeoYqKzBqIQRhmpkA6w4+foCqi6oqvgDoCAaNRKEbXxYCciWRNbjiYD6MerQiLCxYMgLMi3RYJLmcNZ24XQXL25btL1ISaJSZDGQK4y4URA0hAQCQ7hWoxmQgYnvGlSX1hVbaioF5glH0shdTkpY4M2t9uNY8XY53gnvm1mpSqXNAkxq6rhoTGbJRwfLieVnYaRCEjcLyee/OVlb/aEm30kNUEMZDqtF0OUtg4NmItCTspqgtNpdyCk5K1Y3Uo3y86IaE/xLo0Z6dfyp/fX7MKRkrYPOMnwvPBRB58wGS+qNpz/YvkJJseKOpYVoUQ3vgGsNOhei4V6s4zbFnlfvqgLn+uYoKWAhEDjqRHEETH53jKEk/ipTGPBQ7PUNSlvTeF4OL7nKonr7tLsQ9WF+aBA7RijLoInSP7r+sCjv79+uHbnvJ0x1678ZEJjTEpuvTvPvS9lJ0E3HBcrk6bfqt0cRIH1ygbSH2XPe1VqB4aZ7IYUHluotj+G6u51KAWX8zQwI7HHPoCajw3HTBwevCJGPU9aBoLDa3/+iswnL1GCye66wYapa6TPndc+griPY/BBHhgn4gY7Ann4RbEHgETJkB9GfwBbWdvk3B+dFc36GDNmC85mgzQ1zdfjophXxoSIZ9AddgwurQ0G7Go9ssO1xMmQDbjf0uM1/+cyUxfrTxHpB87FJpizWH5s39bRNBXZD7kUy6Mpcs98tBK1HF+Zy42aAmoZAk9x6Sw/bUmDRulUizoyr1g2bzfhbrYIIPaTBBFwa0SKw8hJ+ALhx1XoADaz1PWEPDy2wcdWaIDQI45oVbY86E50R06IzYoIMySOaI0XUPNnOR9oXGPNL2/Ytd8p4Q1K0Ue56aXsSFmeoi2UdFVZcIkMyCHHbKXdrP9oh/Ej/MNnWLTPXZczIoGpXO+Wul46nUWLzT5bJJtMhETfiHncqLuhqnix2bRX5t0bk+Bh373HHRDJ3g2gEGRMvs2SIknF2dXWOuiSyyTmMyJESibgg0tlX+MHBI8Lpz5rAq0MQUNndu+XaU0aMqCcX3XpykQzhcapC9lEneI30tDFgRG4TjOW1vjnaTbTciFhmm0W7NVt4PNQo08/gAffIsvbEIS6IfQY0fmjTJDF+2pTLPlDeouPg6uNpipFEprgzLruOJcqtj8VltV4SncOQj26aEn8nnllrTshqay+ZMI41b1SmemKAW3skZrVeUpuF1BnkZlmzz4DbXhL/41Sr7Me4SP13ZZ0WMPw4Zq8JjXqtzcfTErb6NTTBbepEtsJOyjapWqwfbQRWOK6b2FimymgneKJ5Iex5XYRVaCewwgnGKpUR8XZMLLtJT5acKYtyfXNOpouGaCuwF4/YR8Q33p1aNUta6l3dRfWSCYH9yGkmkPRnYbqJnbEFaJhm2ZmJ117EfJ66ud8wZFJgP06m58bGsCM6ZwX3V80LzuKsB/zCqtM1x+TEV4yXhGWWnN+vwE8cYBb8fH45Cxbaim8BADv613K+UEgAAAAASUVORK5CYII=";
|
|
4826
4848
|
|
|
4827
4849
|
function ApprovesItem(props) {
|
|
4828
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: style$
|
|
4850
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: style$a.containerItem, children: [jsxRuntime.jsx("div", { className: style$a.avatar, style: { width: props.size }, children: jsxRuntime.jsx(Avatar, { src: props.avatar, size: props.avatarSize }) }), props.statusApprove === 'reviewed' ?
|
|
4829
4851
|
jsxRuntime.jsx("div", { children: jsxRuntime.jsx(StatusProblemaSawBadgeIcon, {}) })
|
|
4830
4852
|
: props.statusApprove === 'adjustments' ?
|
|
4831
4853
|
jsxRuntime.jsx("div", { children: jsxRuntime.jsx(StatusProblemaEdit, {}) })
|
|
4832
4854
|
:
|
|
4833
|
-
jsxRuntime.jsx("div", { children: jsxRuntime.jsx(StatusProblemaSendIcon, {}) }), jsxRuntime.jsx("div", { style: { width: props.size }, className: style$
|
|
4855
|
+
jsxRuntime.jsx("div", { children: jsxRuntime.jsx(StatusProblemaSendIcon, {}) }), jsxRuntime.jsx("div", { style: { width: props.size }, className: style$a.status_logo, children: jsxRuntime.jsx(Avatar, { src: problemaFRST, size: props.avatarSize }) })] }), jsxRuntime.jsx("div", { className: style$a.containerItem, style: { marginTop: '8px' }, children: jsxRuntime.jsxs("div", { className: style$a.containerData, style: { width: props.size }, children: [jsxRuntime.jsx("span", { className: style$a.name, children: props.nomeAvatar }), jsxRuntime.jsx("span", { className: style$a.sub_title, children: props.dataAvatar })] }) })] }));
|
|
4834
4856
|
}
|
|
4835
4857
|
function ModalStatusProblema(props) {
|
|
4836
4858
|
// Função para pegar o width da tela
|
|
@@ -4844,15 +4866,15 @@ function ModalStatusProblema(props) {
|
|
|
4844
4866
|
return () => window.removeEventListener('resize', updateSize);
|
|
4845
4867
|
}, []);
|
|
4846
4868
|
const BREAKWIDTH = 500;
|
|
4847
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$
|
|
4869
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$a.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$a.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$a.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$a.container, style: { height: props.approves.length >= 3 ? 555 : 185 * props.approves.length }, children: props.approves.map((item, index) => (jsxRuntime.jsx(ApprovesItem, { avatarSize: (size[0] >= BREAKWIDTH) ? '120px' : '100px', size: (size[0] >= BREAKWIDTH) ? '160px' : '120px', nomeAvatar: item.nome, dataAvatar: item.data, statusApprove: item.approve, avatar: item.avatarFoto }, index))) }), jsxRuntime.jsxs("div", { className: style$a.modal_controls_wrapper, children: [jsxRuntime.jsx("div", { className: style$a.descricao, children: props.description }), jsxRuntime.jsx("div", { className: style$a.conclusao, children: jsxRuntime.jsx(Button$3, { variant: 'primary', label: props.language === 'en-US' ? 'ok, close' : 'Ok, entendi', handleClick: props.handleClose, style: { width: '100%', minWidth: '140px' } }) })] })] }) }));
|
|
4848
4870
|
}
|
|
4849
4871
|
|
|
4850
|
-
var css_248z$
|
|
4851
|
-
var style$
|
|
4852
|
-
styleInject(css_248z$
|
|
4872
|
+
var css_248z$a = ".modalLearningTech-module_modalBox__y9RGt{\n background-color: #FFF;\n max-width: 900px;\n min-height: 300px;\n max-height: 80%;\n padding-top: 30px;\n padding-bottom: 30px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n border-radius: 10px;\n\n font-family: 'Work Sans';\n \n\n}\n\n.modalLearningTech-module_fechar__1Vw6M{\n font-size: 12px;\n color: #222222;\n padding: 12px;\n background-color: transparent;\n border-top-right-radius: 10px;\n\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0px;\n right: 0px;\n\n margin-top: 0px;\n cursor: pointer;\n}\n\n.modalLearningTech-module_titulo__U8Urp{\n \n width: 100%;\n\n margin-top: 10px;\n \n font-size: 24px;\n font-weight: 700;\n \n\n display: flex;\n justify-content: center;\n align-items: center;\n\n \n}\n\n.modalLearningTech-module_container__HKtAY {\n overflow: auto;\n width: 100%;\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 10px;\n\n}\n\n.modalLearningTech-module_conclusao__KHnxJ{\n margin-top: 30px;\n\n display: inline-flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: nowrap;\n\n}";
|
|
4873
|
+
var style$9 = {"modalBox":"modalLearningTech-module_modalBox__y9RGt","fechar":"modalLearningTech-module_fechar__1Vw6M","titulo":"modalLearningTech-module_titulo__U8Urp","container":"modalLearningTech-module_container__HKtAY","conclusao":"modalLearningTech-module_conclusao__KHnxJ"};
|
|
4874
|
+
styleInject(css_248z$a);
|
|
4853
4875
|
|
|
4854
4876
|
function ModalLearningTech(props) {
|
|
4855
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$
|
|
4877
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$9.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$9.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$9.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$9.container, children: props.children }), jsxRuntime.jsx("div", { className: style$9.conclusao, children: props.confirmationButton ?
|
|
4856
4878
|
props.cancelButton ?
|
|
4857
4879
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$3, { variant: 'link', label: props.cancelButton, handleClick: props.handleClose }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$3, { variant: props.typeButtonConfirmation, label: props.confirmationButton, handleClick: props.handleConfirmation })] })
|
|
4858
4880
|
:
|
|
@@ -4861,9 +4883,9 @@ function ModalLearningTech(props) {
|
|
|
4861
4883
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }) }));
|
|
4862
4884
|
}
|
|
4863
4885
|
|
|
4864
|
-
var css_248z$
|
|
4865
|
-
var style$
|
|
4866
|
-
styleInject(css_248z$
|
|
4886
|
+
var css_248z$9 = ".modalVideo-module_modalBox__qB5gT {\n background-color: #fff;\n max-width: 670px;\n max-height: 80%;\n padding-top: 20px;\n position: relative;\n border-radius: 10px;\n font-family: 'Work Sans';\n}\n\n.modalVideo-module_fechar__jywh1 {\n font-size: 13px;\n color: #222222;\n}\n\n.modalVideo-module_container__OYjiD {\n overflow: auto;\n width: 100%;\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 10px;\n}\n";
|
|
4887
|
+
var style$8 = {"modalBox":"modalVideo-module_modalBox__qB5gT","fechar":"modalVideo-module_fechar__jywh1","container":"modalVideo-module_container__OYjiD"};
|
|
4888
|
+
styleInject(css_248z$9);
|
|
4867
4889
|
|
|
4868
4890
|
const WrapperStars = styled__default["default"].div `
|
|
4869
4891
|
display: flex;
|
|
@@ -4976,22 +4998,22 @@ function ModalVideo(props) {
|
|
|
4976
4998
|
setCurrentRating(props.rating);
|
|
4977
4999
|
}
|
|
4978
5000
|
}, [props.rating]);
|
|
4979
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { id: `modal-video${(props.title ? props.title : '').replace(/( )+/g, '')}`, className: style$
|
|
5001
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { id: `modal-video${(props.title ? props.title : '').replace(/( )+/g, '')}`, className: style$8.modalBox, style: {
|
|
4980
5002
|
top: '50%',
|
|
4981
5003
|
left: '50%',
|
|
4982
5004
|
transform: 'translate(-50%, -50%)',
|
|
4983
5005
|
height: props.showRating ? '80%' : '400px',
|
|
4984
5006
|
maxHeight: props.showRating ? '620px' : '400px',
|
|
4985
5007
|
overflowY: 'auto'
|
|
4986
|
-
}, children: [jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "flex-start", justifyContent: "space-between", px: 3, children: [jsxRuntime.jsx(material.Box, { textAlign: "left", style: { paddingLeft: 6, }, children: props.title }), jsxRuntime.jsx(material.Box, { className: style$
|
|
5008
|
+
}, children: [jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "flex-start", justifyContent: "space-between", px: 3, children: [jsxRuntime.jsx(material.Box, { textAlign: "left", style: { paddingLeft: 6, }, children: props.title }), jsxRuntime.jsx(material.Box, { className: style$8.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) })] }), jsxRuntime.jsxs(material.Box, { p: 3, children: [props.videoUrl && (jsxRuntime.jsx(material.Box, { width: "100%", children: jsxRuntime.jsx(Video, { videoId: IdVideo, privateHash: HashVideo, autoplay: 1, controls: 1, keyboard: 1, timeStart: convertTimeToString(props.timeBegin), showSpeedControl: 1, width: 620, height: 400 }) })), props.showRating && (jsxRuntime.jsx(material.Box, { style: { display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsxs(material.Box, { style: { maxWidth: 240 }, children: [jsxRuntime.jsx("p", { style: { textAlign: 'left', fontSize: 14, fontWeight: 400 }, children: props.ratingDescription }), jsxRuntime.jsx(material.Box, { style: { display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsx(Rating, { isVisibleNumberRating: true, marginStars: "3.5px", orientation: "horizontal", qtdStars: 5, rating: currentRating, sizeStars: 25, handleRating: (e) => {
|
|
4987
5009
|
setCurrentRating(e);
|
|
4988
5010
|
props.handleChangeRating(props.recommendationId, e);
|
|
4989
5011
|
}, disabled: false }) })] }) }))] })] }) }));
|
|
4990
5012
|
}
|
|
4991
5013
|
|
|
4992
|
-
var css_248z$
|
|
4993
|
-
var style$
|
|
4994
|
-
styleInject(css_248z$
|
|
5014
|
+
var css_248z$8 = ".cardProblemaGestor-module_container__si6gB {\n width: 100%;\n padding-top: 30px;\n padding-left: 16px;\n padding-right: 16px;\n padding-bottom: 16px;\n\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n position: relative;\n}\n\n.cardProblemaGestor-module_container__si6gB:hover {\n cursor: pointer;\n}\n\n.cardProblemaGestor-module_tagStatusProblem__SKKTK {\n position: absolute;\n top: 0;\n right: 0;\n\n font-size: 12px;\n font-weight: 500;\n padding: 8px;\n\n border-bottom-left-radius: 8px;\n \n\n}\n\n.cardProblemaGestor-module_checkBox__SK00W {\n \n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n height: 100%;\n padding-top: 20px;\n padding-left: 12px;\n \n\n position: absolute;\n left: 0;\n\n}\n\n.cardProblemaGestor-module_contentCard__0-ex3 {\n \n \n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n}\n\n.cardProblemaGestor-module_avatarInfoUser__dZei- {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n\n.cardProblemaGestor-module_infoUser__naGfk {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n margin-left: 4px;\n}\n\n.cardProblemaGestor-module_tituloCard__i4n9p {\n \n margin-top: 4px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n font-weight: 600;\n font-size: 18px;\n word-wrap: break-word;\n}\n\n.cardProblemaGestor-module_tagsContainer__K2zv5 {\n \n \n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.cardProblemaGestor-module_avaliacao__w2-fB {\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n \n}\n";
|
|
5015
|
+
var style$7 = {"container":"cardProblemaGestor-module_container__si6gB","tagStatusProblem":"cardProblemaGestor-module_tagStatusProblem__SKKTK","checkBox":"cardProblemaGestor-module_checkBox__SK00W","contentCard":"cardProblemaGestor-module_contentCard__0-ex3","avatarInfoUser":"cardProblemaGestor-module_avatarInfoUser__dZei-","infoUser":"cardProblemaGestor-module_infoUser__naGfk","tituloCard":"cardProblemaGestor-module_tituloCard__i4n9p","tagsContainer":"cardProblemaGestor-module_tagsContainer__K2zv5","avaliacao":"cardProblemaGestor-module_avaliacao__w2-fB"};
|
|
5016
|
+
styleInject(css_248z$8);
|
|
4995
5017
|
|
|
4996
5018
|
/**
|
|
4997
5019
|
* @param {CardProblemGestorProps} props
|
|
@@ -4999,16 +5021,16 @@ styleInject(css_248z$7);
|
|
|
4999
5021
|
function CardProblemGestor(props) {
|
|
5000
5022
|
const statusBg = props.statusBackgroundColor || '#757575';
|
|
5001
5023
|
const statusColor = props.statusColor || '#FFFFFF';
|
|
5002
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
5003
|
-
jsxRuntime.jsx("div", { className: style$
|
|
5004
|
-
jsxRuntime.jsx("div", { className: style$
|
|
5005
|
-
jsxRuntime.jsxs("div", { className: style$
|
|
5024
|
+
return (jsxRuntime.jsxs("div", { className: style$7.container, style: { border: '1px solid ', borderColor: '#CCC', backgroundColor: '#FFF', color: '#000' }, onClick: () => props.onClick(props.problemID), children: [jsxRuntime.jsx("div", { className: style$7.tagStatusProblem, style: { background: statusBg || '#757575', color: statusColor }, children: props.statusName }), jsxRuntime.jsxs("div", { className: style$7.contentCard, children: [jsxRuntime.jsxs("div", { className: style$7.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [" ", jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), " "] }), jsxRuntime.jsxs("div", { className: style$7.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600 }, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.cardTitle &&
|
|
5025
|
+
jsxRuntime.jsx("div", { className: style$7.tituloCard, style: { color: '#FF4D0D', width: '100%' }, children: jsxRuntime.jsx("span", { children: props.cardTitle }) }), props.tags &&
|
|
5026
|
+
jsxRuntime.jsx("div", { className: style$7.tagsContainer, children: props.tags.map((item, index) => (jsxRuntime.jsx(Tag, { title: item, color: '#050505', selected: false, inverted: true, style: { fontWeight: 500, fontSize: 14, marginRight: 8, marginTop: 8 } }, index))) }), props.ratingImpacto &&
|
|
5027
|
+
jsxRuntime.jsxs("div", { className: style$7.avaliacao, children: [jsxRuntime.jsx(Rating$1, { nota: props.ratingImpacto.nota, qtdeAvaliacao: props.ratingImpacto.qtdeAvaliacao, descricaoAvaliacao: props.ratingImpacto.description, titulo: props.locales?.impact, tipoVisualizacao: 2, style: { margin: 0, width: 120 }, nomeAvaliacao: props.locales?.evaluation }), jsxRuntime.jsx(Rating$1, { nota: props.ratingRelevancia.nota, qtdeAvaliacao: props.ratingRelevancia.qtdeAvaliacao, descricaoAvaliacao: props.ratingRelevancia.description, titulo: props.locales?.relevance, tipoVisualizacao: 2, style: { margin: 0, width: 120 }, nomeAvaliacao: props.locales?.evaluation }), jsxRuntime.jsx(RatingCurtidas, { qtdeCurtidas: props.ratingCurtidas, titulo: props.locales?.likes, tipoBotao: 4, style: { margin: 0, width: 90 }, descricaoCurtida: props.locales?.likesDescription })] }), props.lastUpdated &&
|
|
5006
5028
|
jsxRuntime.jsxs("div", { style: { color: '#0645AD', fontSize: 12, fontWeight: 400, marginTop: 8 }, children: [props.lastUpdated, " "] })] })] }));
|
|
5007
5029
|
}
|
|
5008
5030
|
|
|
5009
|
-
var css_248z$
|
|
5010
|
-
var style$
|
|
5011
|
-
styleInject(css_248z$
|
|
5031
|
+
var css_248z$7 = ".cardProblem-module_container__eYX3j {\n width: 100%;\n border-radius: 10px;\n padding-right: 24px;\n padding-left: 48px;\n padding-top: 40px;\n padding-bottom: 24px;\n\n\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n position: relative;\n}\n\n.cardProblem-module_container__eYX3j:hover {\n box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.2);\n}\n\n.cardProblem-module_contentCard__oBqoN:hover {\n cursor: pointer;\n}\n\n.cardProblem-module_tagStatusProblem__11NQe {\n position: absolute;\n top: 0;\n right: 0;\n\n font-size: 12px;\n font-weight: 500;\n padding: 8px;\n\n border-bottom-left-radius: 8px;\n border-top-right-radius: 5px;\n\n}\n\n.cardProblem-module_checkBox__hhdF6 {\n\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n height: 100%;\n padding-top: 17px;\n padding-left: 16px;\n\n\n position: absolute;\n left: 0;\n\n}\n\n.cardProblem-module_contentCard__oBqoN {\n\n margin-left: 8px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n}\n\n.cardProblem-module_avatarInfoUser__0ppVK {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-bottom: 24px;\n \n\n}\n\n.cardProblem-module_infoUser__Zx6rx {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n margin-left: 16px;\n}\n\n.cardProblem-module_tituloCard__JD95u {\n\n margin-top: 4px;\n margin-bottom: 8px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n font-weight: 600;\n font-size: 18px;\n word-break: break-all;\n}\n\n.cardProblem-module_tagsContainer__IwGeV {\n\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.cardProblem-module_buttonVerMais__qgmLA {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n position: absolute;\n bottom: 0;\n right: 0;\n font-weight: 600;\n\n margin-bottom: 26px;\n margin-right: 30px;\n}";
|
|
5032
|
+
var style$6 = {"container":"cardProblem-module_container__eYX3j","contentCard":"cardProblem-module_contentCard__oBqoN","tagStatusProblem":"cardProblem-module_tagStatusProblem__11NQe","checkBox":"cardProblem-module_checkBox__hhdF6","avatarInfoUser":"cardProblem-module_avatarInfoUser__0ppVK","infoUser":"cardProblem-module_infoUser__Zx6rx","tituloCard":"cardProblem-module_tituloCard__JD95u","tagsContainer":"cardProblem-module_tagsContainer__IwGeV","buttonVerMais":"cardProblem-module_buttonVerMais__qgmLA"};
|
|
5033
|
+
styleInject(css_248z$7);
|
|
5012
5034
|
|
|
5013
5035
|
const translate = {
|
|
5014
5036
|
"pt-BR": {
|
|
@@ -5128,13 +5150,13 @@ function CardProblem(props) {
|
|
|
5128
5150
|
updateSize();
|
|
5129
5151
|
return () => window.removeEventListener('resize', updateSize);
|
|
5130
5152
|
}, []);
|
|
5131
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
5153
|
+
return (jsxRuntime.jsxs("div", { className: style$6.container, style: { border: '1px solid ', borderColor: statusColor, backgroundColor: selected ? '#FF4D0D' : '#FFF', color: selected ? '#FFF' : '#000' }, children: [jsxRuntime.jsx("div", { className: style$6.tagStatusProblem, style: { background: statusColor, color: statusName === translate[languageSlected]['hypothesesTaised'] ? '#222222' : '#FFF' }, children: statusName }), jsxRuntime.jsx("div", { className: style$6.checkBox, onClick: () => {
|
|
5132
5154
|
props.handleSelect(props.problemID);
|
|
5133
|
-
}, children: selected ? jsxRuntime.jsx(CheckboxChecked, {}) : jsxRuntime.jsx(CheckboxEmpty, {}) }), jsxRuntime.jsxs("div", { className: style$
|
|
5155
|
+
}, children: selected ? jsxRuntime.jsx(CheckboxChecked, {}) : jsxRuntime.jsx(CheckboxEmpty, {}) }), jsxRuntime.jsxs("div", { className: style$6.contentCard, onClick: () => { props.onClick(props.problemID); }, children: [jsxRuntime.jsxs("div", { className: style$6.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [" ", jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), " "] }), jsxRuntime.jsxs("div", { className: style$6.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600 }, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.isVerified ?
|
|
5134
5156
|
jsxRuntime.jsxs("div", { style: { textAlign: 'center', display: 'flex' }, children: [jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['verifiedChallenge'] }) }), jsxRuntime.jsx(SawBadgeIcon, {})] })
|
|
5135
5157
|
:
|
|
5136
5158
|
jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['challenge'] }) }), props.cardTitle &&
|
|
5137
|
-
jsxRuntime.jsx("div", { className: style$
|
|
5159
|
+
jsxRuntime.jsx("div", { className: style$6.tituloCard, style: { color: selected ? '#FFF' : '#FF4D0D', width: '100%' }, children: jsxRuntime.jsx("span", { children: props.cardTitle }) }), statusName !== translate[languageSlected][6] ?
|
|
5138
5160
|
props.trilhaVinculada ?
|
|
5139
5161
|
jsxRuntime.jsx(TextIcon, { description: `${translate[languageSlected]['linkedTrail']} ${props.trilhaVinculada}`, svg: jsxRuntime.jsx(WithTrail, {}), style: { fontSize: 12, fontWeight: 400, marginTop: 8 } })
|
|
5140
5162
|
:
|
|
@@ -5142,12 +5164,12 @@ function CardProblem(props) {
|
|
|
5142
5164
|
:
|
|
5143
5165
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}), props.lastUpdated &&
|
|
5144
5166
|
jsxRuntime.jsxs("div", { style: { color: '#000', fontSize: 12, fontWeight: 400, marginTop: 40 }, children: [props.lastUpdated, " "] }), props.isButtonVerMais &&
|
|
5145
|
-
jsxRuntime.jsx("div", { className: style$
|
|
5167
|
+
jsxRuntime.jsx("div", { className: style$6.buttonVerMais, children: jsxRuntime.jsx(Button$3, { variant: 'link', label: translate[languageSlected]['viewMore'], handleClick: () => props.onClick(props.problemID) }) })] })] }));
|
|
5146
5168
|
}
|
|
5147
5169
|
|
|
5148
|
-
var css_248z$
|
|
5149
|
-
var style$
|
|
5150
|
-
styleInject(css_248z$
|
|
5170
|
+
var css_248z$6 = ".cardDefinicaoProblema-module_container__zNoyg {\r\n width: 282px;\r\n height: 445px;\r\n\r\n color: #222222;\r\n background-color: #FFF;\r\n border-radius: 10px;\r\n\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n position: relative;\r\n}\r\n\r\n.cardDefinicaoProblema-module_tagStatusProblem__FoQ12 {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n\r\n font-size: 12px;\r\n font-weight: 500;\r\n padding: 8px;\r\n\r\n border-bottom-left-radius: 10px;\r\n border-top-right-radius: 10px;\r\n\r\n\r\n}\r\n\r\n\r\n.cardDefinicaoProblema-module_headerContainer__UXFIi {\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n height: 200px;\r\n\r\n}\r\n\r\n.cardDefinicaoProblema-module_headerContainer__UXFIi img {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.cardDefinicaoProblema-module_descriptionContainer__Z7yo8 {\r\n\r\n padding: 20px;\r\n height: 197px;\r\n\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainer__6EjXg {\r\n height: 48px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n border-top: 1px solid #E8E8E8;\r\n border-top-left-radius: 5px;\r\n border-top-right-radius: 5px;\r\n padding: 15px;\r\n gap: 32px;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainerType2__v2sGa {\r\n position: relative;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainerType2__v2sGa::after {\r\n content: \"\";\r\n position: absolute;\r\n background-color: #E8E8E8;\r\n width: 1px;\r\n height: 100%;\r\n left: 50%;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainer__6EjXg svg {\r\n max-height: 100% !important;\r\n}\r\n";
|
|
5171
|
+
var style$5 = {"container":"cardDefinicaoProblema-module_container__zNoyg","tagStatusProblem":"cardDefinicaoProblema-module_tagStatusProblem__FoQ12","headerContainer":"cardDefinicaoProblema-module_headerContainer__UXFIi","descriptionContainer":"cardDefinicaoProblema-module_descriptionContainer__Z7yo8","footerContainer":"cardDefinicaoProblema-module_footerContainer__6EjXg","footerContainerType2":"cardDefinicaoProblema-module_footerContainerType2__v2sGa"};
|
|
5172
|
+
styleInject(css_248z$6);
|
|
5151
5173
|
|
|
5152
5174
|
/**
|
|
5153
5175
|
* @param {CardDefinicaoProblemaTranslateProps} props
|
|
@@ -5181,13 +5203,13 @@ function CardDefinicaoProblema(props) {
|
|
|
5181
5203
|
break;
|
|
5182
5204
|
}
|
|
5183
5205
|
}, [props.problemStatus]);
|
|
5184
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
5185
|
-
jsxRuntime.jsx("div", { className: style$
|
|
5206
|
+
return (jsxRuntime.jsxs("div", { className: style$5.container, children: [props.typeButton !== 1 &&
|
|
5207
|
+
jsxRuntime.jsx("div", { className: style$5.tagStatusProblem, style: { background: statusColor, color: statusName === (props.textHipotesesLevantadas ? props.textHipotesesLevantadas : "Hipóteses Levantadas") ? '#222222' : '#FFF' }, children: statusName }), jsxRuntime.jsx("div", { className: style$5.headerContainer, children: jsxRuntime.jsx("img", { src: 'https://api-motor.s3.amazonaws.com/background-prezi.png' }) }), jsxRuntime.jsxs("div", { className: style$5.descriptionContainer, children: [jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 500 }, children: [" ", props.cardTitle] }), jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 400, marginTop: 16 }, children: [" ", props.cardDescription] })] }), jsxRuntime.jsxs("div", { className: `${style$5.footerContainer} ${props.typeButton === 2 && style$5.footerContainerType2}`, children: [props.typeButton === 2 && jsxRuntime.jsx(Button$3, { variant: 'link', label: props.textButtonVisualizar ? props.textButtonVisualizar : "Visualizar", startIcon: jsxRuntime.jsx(OpenedEye, {}), handleClick: () => props.handleToView() }), jsxRuntime.jsx(Button$3, { variant: 'link', label: props.typeButton === 1 ? (props.textButtonDefinirProblema ? props.textButtonDefinirProblema : 'Definir novo problema') : (props.textButtonContinue ? props.textButtonContinue : 'Continuar'), startIcon: props.typeButton === 1 ? jsxRuntime.jsx(AddIcon, {}) : jsxRuntime.jsx(EditIcon, {}), handleClick: () => props.handleClick(props.problemId) })] })] }));
|
|
5186
5208
|
}
|
|
5187
5209
|
|
|
5188
|
-
var css_248z$
|
|
5189
|
-
var style$
|
|
5190
|
-
styleInject(css_248z$
|
|
5210
|
+
var css_248z$5 = ".cardResultConquista-module_container__39blw {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n width: 343px;\n height: 265px;\n padding: 24px;\n border: 1px solid #BDBDBD;\n border-radius: 8px;\n font-family: 'work sans';\n word-wrap: break-word;\n}\n\n.cardResultConquista-module_container__39blw:hover {\n box-shadow: 0px 0px 20px -7px #BDBDBD;\n}\n\n.cardResultConquista-module_container__39blw:active {\n box-shadow: 0px 0px 20px -7px #BDBDBD;\n background-color: #FF4D0D;\n}\n\n.cardResultConquista-module_cardAvatar__mEUL0 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n\n.cardResultConquista-module_description__rgSn5 {\n max-height: 100px !important;\n width: 300px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 4; /** número de linhas que você quer exibir */\n -webkit-box-orient: vertical;\n word-wrap: break-word;\n}\n\n.cardResultConquista-module_verMais__8mtfe {\n position:absolute;\n color: #0645AD;\n font-weight: 700;\n right: 0;\n bottom: 0;\n margin-right: 20px;\n margin-bottom: 12px;\n}";
|
|
5211
|
+
var style$4 = {"container":"cardResultConquista-module_container__39blw","cardAvatar":"cardResultConquista-module_cardAvatar__mEUL0","description":"cardResultConquista-module_description__rgSn5","verMais":"cardResultConquista-module_verMais__8mtfe"};
|
|
5212
|
+
styleInject(css_248z$5);
|
|
5191
5213
|
|
|
5192
5214
|
var Conquista = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAxCAYAAACYq/ofAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAdKSURBVHgB7VrNThtXFD7njm0idRHnCTI8QZxdF00YngDyBMCiFaBKgWWgEUYJidRNiNQCUheYJwh5AgzpojvME9Q8QSaLSomx7+137p1x7MnYzGCMqNRPgvF47s859/yfMVNGLD/e2jbMD+imoent7oe1w8uGKcoIYYKJKmyIb+yPKGAy5Sz0FSgjsOgk2DncOVlfoBvASlAtt0zpo8nISGaJ3DS269VQrsycTSJLU6+ORIR0W8G8sTz1amPoGEPHBXelJhtzMHAc89RNM+tUy9JWB23HAwcyz8mlgJHnsCpfa11XnrefOpYok3ivE59poqxAnDgYEOunjblg86RoaEaTCZPG7pMx7zE9TE4CszMQzSRdAaK+u8dr03nmKNJle4SQRpIexXQfkgomSJXBhA9DPy7AvTUxYY4KhSYmiSwP4bdryYURRw7BzX3KieVgax5rBouPtub3PqzXss7TbV2GhpBSavu3+rN677OlR69mWVHwhXRYJOsMQoWRTeqegPCR7u6iU8mvYoatobLijTzTmD27lxCb8tiXf15Ms+EGpKIb9qbD8jDkAfroJEepzwbBSkPmsNmEkvg/PXq5knUuImJFrt/RRTPlmQ+KQ2q7e8/jsFDCwBaV7EScegOMTKWuLJKD6i1+X/X3/qo2BxEg3uZz26vgRCsQ41NxjTvH61XYyVQBUoFaYJlO406h04hjxQBUhNi0MTbLMHQGtQvkvkBfGioa2LAu1pgzWUCI+XZdJzkulippxItBw99/lGgM3T6CDr/Bo7JWrXm3eWdT5Crfy3MZJ+OXp7ZSPSXouYt/Z2l7uVBgLM1Cu/DgIjs8A1SnYhTX5bbVKc4mFyh1Raz95DNZqM1mFR/t6RlNq5p5cud47d5e3Ulvr/68LvfEhYdQNZvmwLWEmi82KQUxscnvW+RoE1rtmCjGWEa00sguYf0dS2QTg+bSiMXlHKcQpG38R329AeLFxTZZmY1OZIhJaOqE4gAkCBtuTceM9mLxhxeBJda4g+2D4ac2gEdOCep12GVETksiKL6diQwzWApezH67iDmED0+3IbvOs6ZjhkMEqqPFoOr3Phe1UMYcGUtPOhMCa18yxmv1SSRyHhWjzWZ8GLFrVl8nmwNhoN0xZZcWqP0kIe6EuLwYuBMbxAxU662M61CxTyqRVMuwxfeDmCBH1Qz+N3rHLAav/Zh45dmvfMtQd0qEnfp6TRgQzxIZZsim1HeqE16rThJ8tJqlIYjdo7jOxcdbSPq2TiUgRo+beogbF4LlQI3W3dzvx2Cr8lWSnYUoNjV6A2xfGg/9X7CexXj7GhNYBpjiaez/5USxWAND5mgIxD1KAIVnOlXMVazISvE+PNvfdtMhlSYCc2DX8NpW95ewd9FwlwkF2uSz5taT/nk9ELVAIjbNVvyOGajT+4JSb4QIMcJIWkPVy1aSNm+jcxA9/fvxWkWu7B6L/vvpLp5cJoDYQ23PtyUG9sb9GbziE2ECI8ryOama3xRW4n0iZiAN9c4YUxd3ae8lPhjPpRzRNYmYQK3Nws7JWhAbo1zhficj19v8h4p+cu7XTIAe2L3AtKxjjD6MpSK0CY3JuakVYuxKJdKLSkAqG1oMyzHkW0agx4OkUuLW5KAEUWxRGEpLPeK8zALeU1QJOdpcLBXxdGlMRPQMh8te7Qa+9f1gCC5YagTrzye49fCSVCMTxBaEYGRB24gRn+JiLt7zssz5UkaohyE2vIKF+wxVNt49WVulESCeSrwSOWm7LBt2oo2pZU39MzMSYzn4FQGpvcIuMPryHXR4fvfklwO6AqJuySnFTKDklmidrEEuQ25GevFz8DrAqUlyWLkqMy5p5HkN+9urZy+8khiJEUF0oqIWFTBV3TtZ38w674spvbOJHwwbTqBKI2BkRrpE6dI2u0DZ0J3O6t6fz+uDxkcORCSJwGZWR5FEjGthJEbSw+HaiGocQRme6H7UVnLGjFplaM6VA9fKSAzLkOZ5SsmU4eUOPMW1vMZ8GcbCSAxUgOhlmLcanRCl9TZizwMb3ceAm+j9hpLDkVW1bA3pq+Amm9ghEf/3GIGduCoPPSe3k+ufSReGxoCxMRL1yWzPSa5aSmnZsFgMaAwYn2oxzUqVGHunyE7CtMbGdWBsjES5WP+7P3gwiSMDi6oRMBZG4gJJserLvUrqYluuLV3M3DrNimuJI0uPX86hKhcic5/0sP5WHozMiPS/UPa+s3U2oSzOTYHYjCmj4/hwFGYyv9UdSIfx3siporgK6ApAUVVThk6VU7crq1xuiUgnBYXPLGbeRU0vDeXZqEfboCtD2rA26jvngO6LVhe1PBLKJRHXKGOpPSQ2fIpO4RyE3MN1mkYCf+qugVdraA6Km86cl+VipKhJJEG2qz5GLAev0R8w+5e9i+nFrf3BQF78z8htQy4bQSYbyk925CdPFL2dGgfQppXmHN25k32PXIzgtUINTQa86OSnNEawJJesV/N0MP8F5hSqQY4bC0cAAAAASUVORK5CYII=";
|
|
5193
5215
|
|
|
@@ -5210,10 +5232,10 @@ function CardResultConquista(props) {
|
|
|
5210
5232
|
React.useEffect(() => {
|
|
5211
5233
|
setBtnViewMore(props.textMoreDetails);
|
|
5212
5234
|
}, [props.textMoreDetails]);
|
|
5213
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
5235
|
+
return (jsxRuntime.jsxs("div", { className: style$4.container, style: { ...props.style, cursor: 'pointer', backgroundColor: isPressed ? '#FF4D0D' : '#FFF' }, onClick: () => {
|
|
5214
5236
|
props.onClick(props.problemId);
|
|
5215
5237
|
setIsPressed(true);
|
|
5216
|
-
}, children: [jsxRuntime.jsxs("div", { className: style$
|
|
5238
|
+
}, children: [jsxRuntime.jsxs("div", { className: style$4.cardAvatar, children: [jsxRuntime.jsx(Avatar, { size: '50px', src: props.userAvatar }), jsxRuntime.jsx("span", { children: "\u00A0\u00A0" }), props.statusCard === 1 ?
|
|
5217
5239
|
isPressed ?
|
|
5218
5240
|
jsxRuntime.jsx("img", { src: ConquistaPressed, alt: "Icone de conquista" })
|
|
5219
5241
|
:
|
|
@@ -5222,7 +5244,7 @@ function CardResultConquista(props) {
|
|
|
5222
5244
|
isPressed ?
|
|
5223
5245
|
jsxRuntime.jsx("img", { src: AprendizadoPressed, alt: "Icone de aprendizado" })
|
|
5224
5246
|
:
|
|
5225
|
-
jsxRuntime.jsx("img", { src: Aprendizado, alt: "Icone de aprendizado" })] }), jsxRuntime.jsx("span", { style: { color: isPressed ? '#FFF' : '#222', fontWeight: 600, fontSize: 16, marginTop: 12 }, children: props.userName }), jsxRuntime.jsx("span", { style: { color: isPressed ? '#FFF' : '#222', fontWeight: 400, fontSize: 12, marginTop: 4 }, children: props.userArea }), jsxRuntime.jsx("div", { className: style$
|
|
5247
|
+
jsxRuntime.jsx("img", { src: Aprendizado, alt: "Icone de aprendizado" })] }), jsxRuntime.jsx("span", { style: { color: isPressed ? '#FFF' : '#222', fontWeight: 600, fontSize: 16, marginTop: 12 }, children: props.userName }), jsxRuntime.jsx("span", { style: { color: isPressed ? '#FFF' : '#222', fontWeight: 400, fontSize: 12, marginTop: 4 }, children: props.userArea }), jsxRuntime.jsx("div", { className: style$4.description, style: { color: isPressed ? '#FFD600' : '#FF4D0D', fontWeight: 500, fontSize: 16, textAlign: 'center', marginTop: 12 }, children: props.description }), jsxRuntime.jsx("div", { className: style$4.verMais, children: btnViewMore ? btnViewMore : "Mais detalhes" })] }));
|
|
5226
5248
|
}
|
|
5227
5249
|
|
|
5228
5250
|
const WrapperCard$7 = styled__default["default"].div `
|
|
@@ -7945,12 +7967,12 @@ function StarMetric({ disabled, onChange }) {
|
|
|
7945
7967
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(WrapperCard$5, { children: jsxRuntime.jsxs(Box__default["default"], { children: [jsxRuntime.jsx(Typography__default["default"], { component: "legend" }), jsxRuntime.jsx(Rating__default["default"], { disabled: disabled ? disabled : false, onChange: (e) => { onChange(); } })] }) }) }));
|
|
7946
7968
|
}
|
|
7947
7969
|
|
|
7948
|
-
var css_248z$
|
|
7949
|
-
var style$
|
|
7950
|
-
styleInject(css_248z$
|
|
7970
|
+
var css_248z$4 = ".calendarLxp-module_containerCalendar__rGMXM {\n display: flex;\n position: relative;\n width: fit-content;\n min-height: 550px;\n border-radius: 8px;\n background-color: #FFF;\n}\n\n.calendarLxp-module_fechar__B-og5{\n font-size: 12px;\n color: #222222;\n\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0;\n right: 0;\n\n margin-right: 24px;\n margin-top: 24px;\n cursor: default;\n \n}\n\n.calendarLxp-module_calendar__-C-pK {\n padding: 32px;\n display: inline-flex;\n \n}\n\n.calendarLxp-module_btnSubmit__A-5NS {\n position: absolute;\n right: 0;\n bottom: 0;\n margin-right: 24px;\n margin-bottom: 24px;\n}\n";
|
|
7971
|
+
var style$3 = {"containerCalendar":"calendarLxp-module_containerCalendar__rGMXM","fechar":"calendarLxp-module_fechar__B-og5","calendar":"calendarLxp-module_calendar__-C-pK","btnSubmit":"calendarLxp-module_btnSubmit__A-5NS"};
|
|
7972
|
+
styleInject(css_248z$4);
|
|
7951
7973
|
|
|
7952
|
-
var css_248z$
|
|
7953
|
-
styleInject(css_248z$
|
|
7974
|
+
var css_248z$3 = ".rdrCalendarWrapper{\n color: #000000;\n font-size: 16px;\n font-family: 'PT Sans';\n}\n\n.rdrDateDisplayWrapper{\n background-color: rgb(239, 242, 247);\n}\n\n.rdrDateDisplay{\n margin: 0.833em;\n}\n\n.rdrDateDisplayItem{\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);\n border: 1px solid transparent;\n}\n\n.rdrDateDisplayItem input{\n cursor: pointer;\n height: 2.5em;\n line-height: 2.5em;\n border: 0px;\n background: transparent;\n width: 100%;\n color: #222222;\n }\n\n.rdrDateDisplayItemActive{\n border-color: currentColor;\n}\n\n.rdrDateDisplayItemActive input{\n color: #7d888d\n }\n\n.rdrMonthAndYearWrapper {\n align-items: center;\n height: 60px;\n padding-top: 10px;\n}\n\n.rdrMonthAndYearPickers{\n font-weight: 600;\n}\n\n.rdrMonthAndYearPickers select{\n -moz-appearance: none;\n appearance: none;\n -webkit-appearance: none;\n border: 0;\n background: transparent;\n padding: 10px 30px 10px 10px;\n border-radius: 4px;\n outline: 0;\n color: #FF4D0D;\n background: url(\"data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>\") no-repeat;\n background-position: right 8px center;\n cursor: pointer;\n text-align: center;\n display: none;\n }\n\n.rdrMonthAndYearPickers select:hover{\n background-color: rgba(187, 22, 22, 0.07);\n }\n\n.rdrMonthPicker, .rdrYearPicker{\n margin: 0 5px\n}\n\n.rdrNextPrevButton {\n display: block;\n width: 24px;\n height: 24px;\n margin: 0 0.833em;\n padding: 0;\n border: 0;\n border-radius: 5px;\n background: #EFF2F7\n}\n\n.rdrNextPrevButton:hover{\n background: #E1E7F0;\n }\n\n.rdrNextPrevButton i {\n display: block;\n width: 0;\n height: 0;\n padding: 0;\n text-align: center;\n border-style: solid;\n margin: auto;\n transform: translate(-3px, 0px);\n }\n\n.rdrPprevButton i {\n border-width: 4px 6px 4px 4px;\n border-color: transparent rgb(52, 73, 94) transparent transparent;\n transform: translate(-3px, 0px);\n }\n\n.rdrNextButton i {\n margin: 0 0 0 7px;\n border-width: 4px 4px 4px 6px;\n border-color: transparent transparent transparent rgb(52, 73, 94);\n transform: translate(3px, 0px);\n }\n\n.rdrWeekDays {\n padding: 0 0.833em;\n}\n\n.rdrMonth{\n padding: 0 0.833em 1.666em 0.833em;\n}\n\n.rdrMonth .rdrWeekDays {\n padding: 0;\n }\n\n.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{\n display: none;\n}\n\n.rdrWeekDay {\n font-weight: 400;\n line-height: 2.667em;\n color: #FF4D0D;\n}\n\n.rdrDay {\n background: transparent;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 0;\n padding: 0;\n line-height: 3.000em;\n height: 3.000em;\n text-align: center;\n color: #1d2429;\n}\n\n.rdrDay:focus {\n outline: 0;\n }\n\n.rdrDayNumber {\n outline: 0;\n font-weight: 300;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n top: 5px;\n bottom: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.rdrDayToday .rdrDayNumber span{\n font-weight: 500\n}\n\n.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{\n background: #fff;\n }\n\n.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{\n color: rgba(255, 255, 255, 0.85);\n }\n\n.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{\n background: currentColor;\n position: absolute;\n top: 5px;\n left: 0;\n right: 0;\n bottom: 5px;\n}\n\n.rdrSelected{\n left: 2px;\n right: 2px;\n}\n\n\n.rdrStartEdge{\n border-top-left-radius: 1.042em;\n border-bottom-left-radius: 1.042em;\n left: 2px;\n}\n\n.rdrEndEdge{\n border-top-right-radius: 1.042em;\n border-bottom-right-radius: 1.042em;\n right: 2px;\n}\n\n.rdrSelected{\n border-radius: 1.042em;\n}\n\n.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{\n border-top-left-radius: 1.042em;\n border-bottom-left-radius: 1.042em;\n left: 2px;\n }\n\n.rdrDayEndOfMonth .rdrInRange, .rdrDayEndOfMonth .rdrStartEdge, .rdrDayEndOfWeek .rdrInRange, .rdrDayEndOfWeek .rdrStartEdge{\n border-top-right-radius: 1.042em;\n border-bottom-right-radius: 1.042em;\n right: 2px;\n }\n\n.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{\n border-top-left-radius: 1.333em;\n border-bottom-left-radius: 1.333em;\n border-left-width: 1px;\n left: 0px;\n }\n\n.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{\n border-top-right-radius: 1.333em;\n border-bottom-right-radius: 1.333em;\n border-right-width: 1px;\n right: 0px;\n }\n\n.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{\n background: rgba(255, 255, 255, 0.09);\n position: absolute;\n top: 3px;\n left: 0px;\n right: 0px;\n bottom: 3px;\n pointer-events: none;\n border: 0px solid currentColor;\n z-index: 1;\n}\n\n.rdrDayStartPreview{\n border-top-width: 1px;\n border-left-width: 1px;\n border-bottom-width: 1px;\n border-top-left-radius: 1.333em;\n border-bottom-left-radius: 1.333em;\n left: 0px;\n}\n\n.rdrDayInPreview{\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rdrDayEndPreview{\n border-top-width: 1px;\n border-right-width: 1px;\n border-bottom-width: 1px;\n border-top-right-radius: 1.333em;\n border-bottom-right-radius: 1.333em;\n right: 2px;\n right: 0px;\n}\n\n.rdrDefinedRangesWrapper{\n font-size: 12px;\n width: 226px;\n border-right: solid 1px #eff2f7;\n background: #fff;\n}\n\n.rdrDefinedRangesWrapper .rdrStaticRangeSelected{\n color: currentColor;\n font-weight: 600;\n }\n\n.rdrStaticRange{\n border: 0;\n cursor: pointer;\n display: block;\n outline: 0;\n border-bottom: 1px solid #eff2f7;\n padding: 0;\n background: #fff\n}\n\n.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{\n background: #eff2f7;\n }\n\n.rdrStaticRangeLabel{\n display: block;\n outline: 0;\n line-height: 18px;\n padding: 10px 20px;\n text-align: left;\n}\n\n.rdrInputRanges{\n padding: 10px 0;\n}\n\n.rdrInputRange{\n align-items: center;\n padding: 5px 20px;\n}\n\n.rdrInputRangeInput{\n width: 30px;\n height: 30px;\n line-height: 30px;\n border-radius: 4px;\n text-align: center;\n border: solid 1px rgb(222, 231, 235);\n margin-right: 10px;\n color: rgb(108, 118, 122)\n}\n\n.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{\n border-color: rgb(180, 191, 196);\n outline: 0;\n color: #333;\n }\n\n.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{\n content: '';\n border: 1px solid currentColor;\n border-radius: 1.333em;\n position: absolute;\n top: -2px;\n bottom: -2px;\n left: 0px;\n right: 0px;\n background: transparent;\n}\n\n.rdrDayPassive{\n pointer-events: none;\n}\n\n.rdrDayPassive .rdrDayNumber span{\n color: #AEB0B3;\n }\n\n.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{\n display: none;\n }\n\n.rdrDayDisabled {\n background-color: rgb(248, 248, 248);\n}\n\n.rdrDayDisabled .rdrDayNumber span{\n color: #aeb9bf;\n }\n\n.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{\n filter: grayscale(100%) opacity(60%);\n }\n\n.rdrMonthName{\n text-align: center;\n font-weight: 700;\n color: #FF4D0D;\n padding: 0.833em;\n}\n";
|
|
7975
|
+
styleInject(css_248z$3);
|
|
7954
7976
|
|
|
7955
7977
|
const defineds = {
|
|
7956
7978
|
startOfWeek: dateFns.startOfWeek(new Date()),
|
|
@@ -8037,7 +8059,7 @@ function CalendarLxp(props) {
|
|
|
8037
8059
|
}
|
|
8038
8060
|
]);
|
|
8039
8061
|
locale.pt.options.weekStartsOn = 0;
|
|
8040
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$
|
|
8062
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$3.containerCalendar, style: { ...props.styles }, children: [jsxRuntime.jsx("div", { className: style$3.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsxs("div", { className: style$3.calendar, children: [jsxRuntime.jsx("div", { style: { fontSize: 16 }, children: jsxRuntime.jsx(reactDateRange.DefinedRange, { inputRanges: [], staticRanges: defaultStaticRanges, ranges: newRange, rangeColors: ['#0645AD'], onChange: item => setNewRange([item.selection]) }) }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(reactDateRange.DateRange, { locale: locale.pt, ranges: newRange, onChange: item => setNewRange([item.selection]), months: 2, direction: 'horizontal', rangeColors: ['#FF4D0D'], showDateDisplay: false, showPreview: false, weekdayDisplayFormat: 'EEEEE', preventSnapRefocus: true }) })] }), jsxRuntime.jsx("div", { className: style$3.btnSubmit, children: jsxRuntime.jsx(Button$3, { label: 'Aplicar', variant: 'primary', handleClick: () => {
|
|
8041
8063
|
props.onSave([newRange[0].startDate, newRange[0].endDate]);
|
|
8042
8064
|
} }) })] }) }));
|
|
8043
8065
|
}
|
|
@@ -8263,7 +8285,7 @@ const InputSearchWrapper = styled__default["default"].div `
|
|
|
8263
8285
|
border: ${({ isMobile }) => !isMobile ? '1px' : '0px'} solid ${({ isHover, theme }) => isHover ? theme.colors.shadeBlack : '#000'};
|
|
8264
8286
|
transition: width 1s ease-in-out;
|
|
8265
8287
|
`;
|
|
8266
|
-
const InputText = styled__default["default"].input `
|
|
8288
|
+
const InputText$1 = styled__default["default"].input `
|
|
8267
8289
|
margin-left:10px;
|
|
8268
8290
|
display: flex;
|
|
8269
8291
|
align-items: center;
|
|
@@ -8411,7 +8433,7 @@ function FieldSearch({ variant, placeholder, onChange, listResults, hasOptionSee
|
|
|
8411
8433
|
return () => clearTimeout(delayDebounceFn);
|
|
8412
8434
|
}, [ValueSearch]);
|
|
8413
8435
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx("div", { style: { position: 'relative' }, id: 'bar-search-global-menu', children: variant == 'LXP' ?
|
|
8414
|
-
jsxRuntime.jsxs(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => handleFocusUp(), onBlur: () => handleFocusDown(), children: [jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, isMobile: !openSearchFieldMobile, style: { ...style }, children: [jsxRuntime.jsx(ContainerIcon$1, { onClick: () => isMobile && setOpenSearchFieldMobile(!openSearchFieldMobile), children: jsxRuntime.jsx(SearchIcon, { fill: '#fff' }) }), jsxRuntime.jsx(InputText, { placeholder: placeholder, onChange: (e) => {
|
|
8436
|
+
jsxRuntime.jsxs(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => handleFocusUp(), onBlur: () => handleFocusDown(), children: [jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, isMobile: !openSearchFieldMobile, style: { ...style }, children: [jsxRuntime.jsx(ContainerIcon$1, { onClick: () => isMobile && setOpenSearchFieldMobile(!openSearchFieldMobile), children: jsxRuntime.jsx(SearchIcon, { fill: '#fff' }) }), jsxRuntime.jsx(InputText$1, { placeholder: placeholder, onChange: (e) => {
|
|
8415
8437
|
setIsOpenDrop(false);
|
|
8416
8438
|
setValueSearch(e.target.value);
|
|
8417
8439
|
}, value: ValueSearch })] }), Loading &&
|
|
@@ -8449,7 +8471,7 @@ function FieldSearch({ variant, placeholder, onChange, listResults, hasOptionSee
|
|
|
8449
8471
|
return seeAll.onClick(e);
|
|
8450
8472
|
}, children: seeAll.label })] })] })
|
|
8451
8473
|
:
|
|
8452
|
-
jsxRuntime.jsx(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => setInputOnFocus(true), onBlur: () => setInputOnFocus(false), children: jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, style: { ...style }, children: [jsxRuntime.jsxs(ContainerIcon$1, { children: [" ", jsxRuntime.jsx(SearchIcon, { fill: '#fff' }), " "] }), jsxRuntime.jsx(InputText, { placeholder: placeholder, onChange: onChange, value: value })] }) }) }) }));
|
|
8474
|
+
jsxRuntime.jsx(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => setInputOnFocus(true), onBlur: () => setInputOnFocus(false), children: jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, style: { ...style }, children: [jsxRuntime.jsxs(ContainerIcon$1, { children: [" ", jsxRuntime.jsx(SearchIcon, { fill: '#fff' }), " "] }), jsxRuntime.jsx(InputText$1, { placeholder: placeholder, onChange: onChange, value: value })] }) }) }) }));
|
|
8453
8475
|
}
|
|
8454
8476
|
|
|
8455
8477
|
const Wrapper$2 = styled__default["default"].button `
|
|
@@ -9287,9 +9309,9 @@ function HasNotificationIcon() {
|
|
|
9287
9309
|
return (jsxRuntime.jsx("div", { children: jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("rect", { width: "10", height: "10", rx: "5", fill: "#FF4D0D" }) }) }));
|
|
9288
9310
|
}
|
|
9289
9311
|
|
|
9290
|
-
var css_248z$
|
|
9291
|
-
var style$
|
|
9292
|
-
styleInject(css_248z$
|
|
9312
|
+
var css_248z$2 = ".extraContent-module_container__tV2ud {\n background-color: #E0E0E0;\n display: flex;\n flex-direction: column;\n height: 100%;\n font-family: 'PT Sans';\n padding: 20px;\n}\n\n.extraContent-module_contentInfo__TGKPS {\n padding: 32px 20px;\n}\n\n.extraContent-module_notes__I6JnG {\n display: flex;\n flex-direction: column;\n}\n\n.extraContent-module_saveNotes__DHETt {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-top: 24px;\n}";
|
|
9313
|
+
var style$2 = {"container":"extraContent-module_container__tV2ud","contentInfo":"extraContent-module_contentInfo__TGKPS","notes":"extraContent-module_notes__I6JnG","saveNotes":"extraContent-module_saveNotes__DHETt"};
|
|
9314
|
+
styleInject(css_248z$2);
|
|
9293
9315
|
|
|
9294
9316
|
function AdminExtraContent(props) {
|
|
9295
9317
|
const [valueTabs, setValueTabs] = React.useState(0);
|
|
@@ -9302,7 +9324,7 @@ function AdminExtraContent(props) {
|
|
|
9302
9324
|
let bookInfo;
|
|
9303
9325
|
return (jsxRuntime.jsxs("div", { style: { marginTop: 16 }, children: [jsxRuntime.jsx(TextField, { label: "Nome do livro", onChange: (e) => bookInfo.name = e.target.value }), jsxRuntime.jsx(TextField, { label: "Nome do autor", onChange: (e) => bookInfo.autor = e.target.value }), jsxRuntime.jsx(TextField, { label: "Link para compra", onChange: (e) => bookInfo.link = e.target.value }), jsxRuntime.jsx("div", { style: { marginBottom: 8 }, children: jsxRuntime.jsx("span", { children: " Fa\u00E7a upload da capa do livro abaixo" }) }), jsxRuntime.jsx(FileUpload, { variant: "landscape" })] }));
|
|
9304
9326
|
}
|
|
9305
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
9327
|
+
return (jsxRuntime.jsxs("div", { className: style$2.container, children: [jsxRuntime.jsx("span", { style: { fontSize: 18, fontWeight: 700 }, children: "Material extra" }), jsxRuntime.jsx("div", { className: style$2.contentTabs, children: jsxRuntime.jsxs(material.Tabs, { value: valueTabs, onChange: handleChangeTabs, sx: {
|
|
9306
9328
|
'& .Mui-selected ': {
|
|
9307
9329
|
color: '#FF4D0D !important',
|
|
9308
9330
|
fontWeight: '700 !important'
|
|
@@ -9315,7 +9337,7 @@ function AdminExtraContent(props) {
|
|
|
9315
9337
|
'& .MuiTabs-indicator': {
|
|
9316
9338
|
backgroundColor: '#FF5427 !important',
|
|
9317
9339
|
}
|
|
9318
|
-
}, children: [jsxRuntime.jsx(material.Tab, { label: 'Transcri\u00E7\u00E3o', value: 0 }), jsxRuntime.jsx(material.Tab, { label: 'Material de apoio', value: 1 }), jsxRuntime.jsx(material.Tab, { label: 'Livros', value: 2 })] }) }), jsxRuntime.jsxs("div", { className: style$
|
|
9340
|
+
}, children: [jsxRuntime.jsx(material.Tab, { label: 'Transcri\u00E7\u00E3o', value: 0 }), jsxRuntime.jsx(material.Tab, { label: 'Material de apoio', value: 1 }), jsxRuntime.jsx(material.Tab, { label: 'Livros', value: 2 })] }) }), jsxRuntime.jsxs("div", { className: style$2.contentInfo, children: [valueTabs === 0 &&
|
|
9319
9341
|
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400 }, children: "Para ajudar as pessoas com algum problema auditivo ou que somente desejam revisar de forma r\u00E1pida o conte\u00FAdo, transcreva abaixo o que foi dito durante o v\u00EDdeo." }) }), jsxRuntime.jsx(Textarea, { label: "Transcri\u00E7\u00E3o", style: { marginTop: 24 }, height: '150px', onChange: (e) => {
|
|
9320
9342
|
setTranscriptionText(e.target.value);
|
|
9321
9343
|
} })] }), valueTabs === 1 &&
|
|
@@ -9527,7 +9549,7 @@ function StudentExtraContent(props) {
|
|
|
9527
9549
|
const handleComments = (e) => {
|
|
9528
9550
|
setComments(e.target.value);
|
|
9529
9551
|
};
|
|
9530
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
9552
|
+
return (jsxRuntime.jsxs("div", { className: style$2.container, children: [jsxRuntime.jsx("div", { className: style$2.contentTabs, children: jsxRuntime.jsxs(material.Tabs, { value: valueTabs, onChange: handleChangeTabs, sx: {
|
|
9531
9553
|
'& .Mui-selected ': {
|
|
9532
9554
|
color: '#FF4D0D !important',
|
|
9533
9555
|
fontWeight: '700 !important'
|
|
@@ -9540,8 +9562,8 @@ function StudentExtraContent(props) {
|
|
|
9540
9562
|
'& .MuiTabs-indicator': {
|
|
9541
9563
|
backgroundColor: '#FF5427 !important',
|
|
9542
9564
|
}
|
|
9543
|
-
}, children: [jsxRuntime.jsx(material.Tab, { label: 'Anota\u00E7\u00F5es', value: 0 }), jsxRuntime.jsx(material.Tab, { label: 'Livros recomendados', value: 1 }), jsxRuntime.jsx(material.Tab, { label: 'Material de apoio', value: 2 }), jsxRuntime.jsx(material.Tab, { label: 'Transcri\u00E7\u00E3o', value: 3 }), jsxRuntime.jsx(material.Tab, { label: 'Coment\u00E1rios', value: 4 })] }) }), jsxRuntime.jsxs("div", { className: style$
|
|
9544
|
-
jsxRuntime.jsxs("div", { className: style$
|
|
9565
|
+
}, children: [jsxRuntime.jsx(material.Tab, { label: 'Anota\u00E7\u00F5es', value: 0 }), jsxRuntime.jsx(material.Tab, { label: 'Livros recomendados', value: 1 }), jsxRuntime.jsx(material.Tab, { label: 'Material de apoio', value: 2 }), jsxRuntime.jsx(material.Tab, { label: 'Transcri\u00E7\u00E3o', value: 3 }), jsxRuntime.jsx(material.Tab, { label: 'Coment\u00E1rios', value: 4 })] }) }), jsxRuntime.jsxs("div", { className: style$2.contentInfo, children: [valueTabs === 0 &&
|
|
9566
|
+
jsxRuntime.jsxs("div", { className: style$2.notes, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400, color: '#000' }, children: " Escreva e fa\u00E7a suas anota\u00E7\u00F5es aqui para rever depois, este espa\u00E7o \u00E9 seu." }), jsxRuntime.jsx("div", { style: { marginTop: 12 }, children: jsxRuntime.jsx(RichTextExample, {}) }), jsxRuntime.jsx("div", { className: style$2.saveNotes, children: jsxRuntime.jsx(Button$3, { label: "Salvar", variant: "primary", handleClick: () => { } }) })] }), valueTabs === 1 &&
|
|
9545
9567
|
jsxRuntime.jsx(material.Grid, { container: true, spacing: 0, children: props.bookList?.map((item, index) => {
|
|
9546
9568
|
return (jsxRuntime.jsxs(material.Grid, { item: true, style: { position: 'relative', width: 200, height: 310, backgroundColor: '#FFF', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'flex-start', padding: '16px 32px 8px 32px', border: '1px solid #BDBDBD', cursor: 'pointer' }, onClick: () => { props.onClickBook(item.id); }, children: [jsxRuntime.jsx("img", { src: item.img, width: 130, height: 185 }), jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 400, color: '#000', marginTop: 12 }, children: [" ", item.title, " "] }), jsxRuntime.jsxs("span", { style: { fontSize: 12, fontWeight: 400, color: '#000', position: 'absolute', bottom: 0, marginBottom: 8 }, children: [" ", item.autor, " "] })] }, index));
|
|
9547
9569
|
}) }), valueTabs === 2 &&
|
|
@@ -9549,7 +9571,7 @@ function StudentExtraContent(props) {
|
|
|
9549
9571
|
return (jsxRuntime.jsxs(material.Grid, { item: true, style: { width: 200, height: 240, backgroundColor: '#FFF', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'space-between', padding: '16px 32px 8px 32px', border: '1px solid #BDBDBD' }, children: [jsxRuntime.jsx("img", { src: item.img, width: 65, height: 70 }), jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400, color: '#000', marginTop: 12 }, children: item.description }), jsxRuntime.jsxs("label", { htmlFor: "downloadBtn", onClick: () => { props.onClickSuportMaterial(item.id); }, style: { color: '#0645AD', fontWeight: 700, cursor: 'pointer' }, children: [" ", jsxRuntime.jsx(DownloadIcon, { fill: "#0645AD" }), " \u00A0 Download"] })] }, index));
|
|
9550
9572
|
}) }), valueTabs === 3 &&
|
|
9551
9573
|
jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 400, textAlign: 'justify' }, children: jsxRuntime.jsx("span", { children: props.transcription }) }), valueTabs === 4 &&
|
|
9552
|
-
jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row' }, children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment, { className: '', showCharacterCounter: false, IDInput: '1', emojiWindowlanguage: 'pt', placeholder: 'Comente aqui sobre o seu problema', value: comments, onChange: (e) => handleComments(e), remain: 1000 - comments.length, limit: 1000, hasEmoji: true, styles: { marginLeft: '8px', width: '80%' } })] }), jsxRuntime.jsx("div", { children: props.commentList?.map((item, index) => {
|
|
9574
|
+
jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row' }, children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment$1, { className: '', showCharacterCounter: false, IDInput: '1', emojiWindowlanguage: 'pt', placeholder: 'Comente aqui sobre o seu problema', value: comments, onChange: (e) => handleComments(e), remain: 1000 - comments.length, limit: 1000, hasEmoji: true, styles: { marginLeft: '8px', width: '80%' } })] }), jsxRuntime.jsx("div", { children: props.commentList?.map((item, index) => {
|
|
9553
9575
|
return (jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', marginTop: 20 }, children: [jsxRuntime.jsx(Avatar, { size: '40px', src: item?.userAvatar }), jsxRuntime.jsx(CommentaryBox, { className: '', name: item.userName, position: item.userPosition, value: item.comments, date: item.date, onChange: () => { }, styles: { marginRight: 8, width: '80%' }, textLiked: 'Curtir', actionLike: () => { item.isLiked = true; }, isLiked: item?.isLiked })] }, index));
|
|
9554
9576
|
}) })] })] })] }));
|
|
9555
9577
|
}
|
|
@@ -10193,7 +10215,7 @@ const LoadingContainer = styled__default["default"].div `
|
|
|
10193
10215
|
user-select: none;
|
|
10194
10216
|
|
|
10195
10217
|
`;
|
|
10196
|
-
|
|
10218
|
+
styled__default["default"].div `
|
|
10197
10219
|
position: absolute;
|
|
10198
10220
|
width: 155px;
|
|
10199
10221
|
height: 205px;
|
|
@@ -10353,7 +10375,7 @@ function VectorCross(props) {
|
|
|
10353
10375
|
return (jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M12.2051 1.53845V22.8718", stroke: "#EBEBEB", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M1.53809 12.2051H22.8714", stroke: "#EBEBEB", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
10354
10376
|
}
|
|
10355
10377
|
|
|
10356
|
-
function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNew, handleSwitchAtivar, handleClickPopOverDelete, handleClickPopOverEdit, title, provided, isDisabled, isLoading, txtButtonLabel, txtCriarNovoCurso, txtCriarNovoCurso2, txtAtivarCurso, txtPopOverDeleteContent, txtPopOverMoveToTrails, txtPopOverEditContent, isActive }) {
|
|
10378
|
+
function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNew, handleSwitchAtivar, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverEditActivity, handleClickPopOverDeleteTrail, title, provided, isDisabled, isLoading, txtButtonLabel, txtCriarNovoCurso, txtCriarNovoCurso2, txtAtivarCurso, txtPopOverDeleteContent, txtPopOverMoveToTrails, txtPopOverEditContent, isActive, isTrail, txtPopOverDeleteTrail, txtPopOverEditContentActivity }) {
|
|
10357
10379
|
const defaultImg = "https://i.gyazo.com/35d9c18bbdc6a48d843b0aa24ab2499e.png";
|
|
10358
10380
|
const [ativo, setAtivo] = React.useState(isDisabled);
|
|
10359
10381
|
const [showModules, setShowModules] = React.useState(false);
|
|
@@ -10370,11 +10392,6 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10370
10392
|
setShowModules(true);
|
|
10371
10393
|
}
|
|
10372
10394
|
};
|
|
10373
|
-
const handleHoverImageOut = () => {
|
|
10374
|
-
if (showModules) {
|
|
10375
|
-
setShowModules(false);
|
|
10376
|
-
}
|
|
10377
|
-
};
|
|
10378
10395
|
const LightTooltip = styles.styled(({ className, ...props }) => (jsxRuntime.jsx(Tooltip__default["default"], { ...props, classes: { popper: className } })))(({ theme }) => ({
|
|
10379
10396
|
[`& .${Tooltip$3.tooltipClasses.tooltip}`]: {
|
|
10380
10397
|
backgroundColor: theme.palette.common.white,
|
|
@@ -10387,7 +10404,7 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10387
10404
|
jsxRuntime.jsx(jsxRuntime.Fragment, { children: Loading ?
|
|
10388
10405
|
jsxRuntime.jsxs(LoadingContainer, { children: [jsxRuntime.jsx(LoadingImage, {}), jsxRuntime.jsx(LoadingContent, {}), jsxRuntime.jsx(LoadingContent, { style: { width: '50%' } })] })
|
|
10389
10406
|
:
|
|
10390
|
-
jsxRuntime.jsxs(ContainerThumbnails, { showSwitchIndividual: showSwitch, className: variant = 'default', ref: provided ? provided.innerRef : null, ...provided ? provided.draggableProps : null, children: [jsxRuntime.
|
|
10407
|
+
jsxRuntime.jsxs(ContainerThumbnails, { showSwitchIndividual: showSwitch, className: variant = 'default', ref: provided ? provided.innerRef : null, ...provided ? provided.draggableProps : null, children: [jsxRuntime.jsxs(GeralThumbnails, { ref: provided ? provided.innerRef : null, ...provided ? provided.dragHandleProps : null, children: [jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] })] }), jsxRuntime.jsx(Image, { onMouseEnter: handleHoverImage, className: 'imageHover', src: src || defaultImg, active: ativo }), jsxRuntime.jsxs(ContainerMain, { children: [jsxRuntime.jsx(LightTooltip, { title: title, children: jsxRuntime.jsx(Typography$2, { style: { color: ativo ? '#000000' : '#bdbdbd' }, children: title && title?.length > 17 ? `${title.substring(0, 17)}...` : title }) }), jsxRuntime.jsx(IconVertical, { onClick: (element) => {
|
|
10391
10408
|
setElementPopover(element.currentTarget);
|
|
10392
10409
|
}, children: jsxRuntime.jsx(MoreVertical, { fill: ativo ? '#000000' : '#bdbdbd' }) })] }), showSwitch &&
|
|
10393
10410
|
jsxRuntime.jsx(ContainerAtivar, { children: jsxRuntime.jsx(TypographyAtivar, { active: ativo, style: { fontWeight: ativo ? 700 : 400 }, children: txtAtivarCurso ? txtAtivarCurso : 'Ativar Curso' }) })] }) })
|
|
@@ -10398,21 +10415,41 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10398
10415
|
jsxRuntime.jsxs(ContainerThumbnailsAdd, { children: [jsxRuntime.jsx(ContainerEllipse, { onClick: handleClickNew, children: jsxRuntime.jsx(VectorCross, {}) }), jsxRuntime.jsx(TypographyAdd, { children: txtCriarNovoCurso ? txtCriarNovoCurso : 'Criar novo conteúdo' })] }) })
|
|
10399
10416
|
: null, jsxRuntime.jsx(PopOver, { element: ElementPopover, onClosePopover: () => {
|
|
10400
10417
|
setElementPopover(null);
|
|
10401
|
-
}, variant: 'upRight', children: jsxRuntime.
|
|
10402
|
-
|
|
10403
|
-
|
|
10404
|
-
|
|
10405
|
-
|
|
10406
|
-
|
|
10407
|
-
|
|
10408
|
-
|
|
10409
|
-
|
|
10418
|
+
}, variant: 'upRight', children: jsxRuntime.jsx("div", { style: { display: 'flex', flexDirection: 'column', padding: 0 }, children: isTrail ?
|
|
10419
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteTrail ? txtPopOverDeleteTrail : "Excluir da Trilha", onClick: () => {
|
|
10420
|
+
setElementPopover(null);
|
|
10421
|
+
/// timeout para corrigir o bug de scroll na tela
|
|
10422
|
+
setTimeout(() => {
|
|
10423
|
+
handleClickPopOverDelete();
|
|
10424
|
+
}, 500);
|
|
10425
|
+
}, isFontBold: true, noBorder: true, color: '#C00F00', icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), style: {
|
|
10426
|
+
borderBottom: '1px black solid',
|
|
10427
|
+
width: 100
|
|
10428
|
+
} }) })
|
|
10429
|
+
:
|
|
10430
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContent ? txtPopOverEditContent : "Editar Conteúdo", onClick: () => {
|
|
10431
|
+
setElementPopover(null);
|
|
10432
|
+
handleClickPopOverEdit();
|
|
10433
|
+
}, style: {
|
|
10434
|
+
borderBottom: '1px black solid'
|
|
10435
|
+
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContentActivity ? txtPopOverEditContentActivity : "Editar Atividades", onClick: () => {
|
|
10436
|
+
setElementPopover(null);
|
|
10437
|
+
handleClickPopOverEditActivity();
|
|
10438
|
+
}, style: {
|
|
10439
|
+
borderBottom: '1px black solid'
|
|
10440
|
+
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteContent ? txtPopOverDeleteContent : "Excluir Conteúdo", onClick: () => {
|
|
10441
|
+
setElementPopover(null);
|
|
10442
|
+
/// timeout para corrigir o bug de scroll na tela
|
|
10443
|
+
setTimeout(() => {
|
|
10444
|
+
handleClickPopOverDelete();
|
|
10445
|
+
}, 500);
|
|
10446
|
+
}, icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), noBorder: true, isFontBold: true, color: '#C00F00' })] }) }) })] }) }));
|
|
10410
10447
|
}
|
|
10411
10448
|
|
|
10412
10449
|
// import { Draggable } from 'react-beautiful-dnd'
|
|
10413
|
-
function ThumbnailsDraggable({ variant, src, handleClickCourse, handleClickNew, handleClickContent, handleSwitchAtivar, title, id, index, isDisabled, isLoading, txtButtonLabel, txtAtivarCurso, showSwitch, txtCriarNovoCurso, txtCriarNovoCurso2, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverMove, txtPopOverDeleteContent, txtPopOverEditContent, isActive, txtPopOverMoveToTrails }) {
|
|
10450
|
+
function ThumbnailsDraggable({ variant, src, handleClickCourse, handleClickNew, handleClickContent, handleSwitchAtivar, title, id, index, isDisabled, isLoading, txtButtonLabel, txtAtivarCurso, showSwitch, txtCriarNovoCurso, txtCriarNovoCurso2, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverEditActivity, handleClickPopOverMove, txtPopOverDeleteContent, txtPopOverEditContent, isActive, isTrail, txtPopOverMoveToTrails, txtPopOverDeleteTrail, txtPopOverEditContentActivity }) {
|
|
10414
10451
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(dnd.Draggable, { index: parseInt(index), draggableId: id, children: (provided) => {
|
|
10415
|
-
return (jsxRuntime.jsx(Thumbnails, { src: src, isDisabled: isDisabled, handleClickCourse: handleClickCourse, handleSwitchAtivar: handleSwitchAtivar, handleClickNew: handleClickNew, handleClickContent: handleClickContent, variant: variant, title: title, id: id, isActive: isActive, isLoading: isLoading, showSwitch: showSwitch, index: index, provided: provided, txtButtonLabel: txtButtonLabel, txtAtivarCurso: txtAtivarCurso, txtCriarNovoCurso: txtCriarNovoCurso, txtCriarNovoCurso2: txtCriarNovoCurso2, handleClickPopOverDelete: handleClickPopOverDelete, handleClickPopOverEdit: handleClickPopOverEdit, handleClickPopOverMove: handleClickPopOverMove, txtPopOverDeleteContent: txtPopOverDeleteContent, txtPopOverEditContent: txtPopOverEditContent, txtPopOverMoveToTrails: txtPopOverMoveToTrails }));
|
|
10452
|
+
return (jsxRuntime.jsx(Thumbnails, { src: src, isDisabled: isDisabled, handleClickCourse: handleClickCourse, handleSwitchAtivar: handleSwitchAtivar, handleClickNew: handleClickNew, handleClickContent: handleClickContent, variant: variant, title: title, id: id, isActive: isActive, isLoading: isLoading, showSwitch: showSwitch, index: index, isTrail: isTrail, provided: provided, txtButtonLabel: txtButtonLabel, txtAtivarCurso: txtAtivarCurso, txtCriarNovoCurso: txtCriarNovoCurso, txtCriarNovoCurso2: txtCriarNovoCurso2, handleClickPopOverEditActivity: handleClickPopOverEditActivity, handleClickPopOverDelete: handleClickPopOverDelete, handleClickPopOverEdit: handleClickPopOverEdit, handleClickPopOverMove: handleClickPopOverMove, txtPopOverDeleteContent: txtPopOverDeleteContent, txtPopOverEditContent: txtPopOverEditContent, txtPopOverMoveToTrails: txtPopOverMoveToTrails, txtPopOverDeleteTrail: txtPopOverDeleteTrail, txtPopOverEditContentActivity: txtPopOverEditContentActivity }));
|
|
10416
10453
|
} }, id) }));
|
|
10417
10454
|
}
|
|
10418
10455
|
|
|
@@ -10516,21 +10553,38 @@ const useStyles = core.makeStyles((theme) => {
|
|
|
10516
10553
|
};
|
|
10517
10554
|
});
|
|
10518
10555
|
function ContentCoursesTrails(props) {
|
|
10556
|
+
const [OpenPopper, setOpenPopper] = React.useState(false);
|
|
10519
10557
|
const [checked, setChecked] = React.useState(true);
|
|
10558
|
+
const [checkedPrivate, setCheckedPrivate] = React.useState(true);
|
|
10520
10559
|
const [up, setUp] = React.useState(true);
|
|
10521
10560
|
const [ElementPopover, setElementPopover] = React.useState(null);
|
|
10522
10561
|
const [ElementPopoverPublish, setElementPopoverPublish] = React.useState(null);
|
|
10523
10562
|
const [active, setActive] = React.useState(false);
|
|
10524
10563
|
const [nameTrail, setNameTrail] = React.useState('');
|
|
10525
|
-
const [Publishing, setPublishing] = React.useState(
|
|
10526
|
-
const [CanPublishing, setCanPublishing] = React.useState(true);
|
|
10564
|
+
const [Publishing, setPublishing] = React.useState(props.publishStatus);
|
|
10527
10565
|
const [arrowRef, setArrowRef] = React__default["default"].useState(null);
|
|
10528
10566
|
const classes = useStyles();
|
|
10529
10567
|
// const refContainer = useRef(null);
|
|
10568
|
+
React.useEffect(() => {
|
|
10569
|
+
setPublishing(props.publishStatus);
|
|
10570
|
+
setOpenPopper(props.publishStatus === "pending");
|
|
10571
|
+
}, [props.publishStatus]);
|
|
10572
|
+
React.useEffect(() => {
|
|
10573
|
+
if (props.publishStatus && props.publishStatus === "processing") {
|
|
10574
|
+
console.log(" . --- Startando Verificacao Publicacao", props.trailId);
|
|
10575
|
+
setTimeout(() => {
|
|
10576
|
+
checkStatusPublish();
|
|
10577
|
+
}, 5000);
|
|
10578
|
+
}
|
|
10579
|
+
}, []);
|
|
10530
10580
|
const handleChange = (checkedValue) => {
|
|
10531
10581
|
setChecked(checkedValue);
|
|
10532
10582
|
props.handleChangeCheck(checkedValue);
|
|
10533
10583
|
};
|
|
10584
|
+
const handleChangePrivate = (checkedValue) => {
|
|
10585
|
+
setCheckedPrivate(checkedValue);
|
|
10586
|
+
props.handleChangePrivate(!checkedValue);
|
|
10587
|
+
};
|
|
10534
10588
|
const changeSelect = () => {
|
|
10535
10589
|
{
|
|
10536
10590
|
if (up) {
|
|
@@ -10552,8 +10606,20 @@ function ContentCoursesTrails(props) {
|
|
|
10552
10606
|
setActive(true);
|
|
10553
10607
|
}
|
|
10554
10608
|
};
|
|
10609
|
+
const checkStatusPublish = async () => {
|
|
10610
|
+
let publicacao = await props.handlePublicarCheck(props.trailId);
|
|
10611
|
+
console.log(props.trailId, 'publicacao', publicacao);
|
|
10612
|
+
setPublishing(publicacao);
|
|
10613
|
+
if (publicacao) {
|
|
10614
|
+
if (publicacao === "processing") {
|
|
10615
|
+
setTimeout(() => {
|
|
10616
|
+
checkStatusPublish();
|
|
10617
|
+
}, 5000);
|
|
10618
|
+
}
|
|
10619
|
+
}
|
|
10620
|
+
};
|
|
10555
10621
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ContainerHeader, { className: "opened", active: props.ativo, children: [jsxRuntime.jsx(ContentTrailName, { active: active, children: !active ?
|
|
10556
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyTrailName, { children: props.TrailName }), jsxRuntime.jsx(Select, { onClick: changeSelect, children: props.show ? jsxRuntime.jsx(VectorUp, {}) : jsxRuntime.jsx(VectorDown, {}) })] })
|
|
10622
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyTrailName, { children: props.TrailName }), jsxRuntime.jsx(Select, { onClick: changeSelect, children: props.show ? props.show === true ? jsxRuntime.jsx(VectorUp, {}) : jsxRuntime.jsx(VectorDown, {}) : null })] })
|
|
10557
10623
|
:
|
|
10558
10624
|
jsxRuntime.jsx(ContainerInputNameTrail, { children: jsxRuntime.jsx("input", { placeholder: props.txtPlacerolderInputNameTrail ? props.txtPlacerolderInputNameTrail : 'Digite o nome da trilha', value: nameTrail, onChange: (e) => {
|
|
10559
10625
|
setNameTrail(e.target.value);
|
|
@@ -10565,14 +10631,14 @@ function ContentCoursesTrails(props) {
|
|
|
10565
10631
|
}
|
|
10566
10632
|
}
|
|
10567
10633
|
} }) }) }), props.showButtonActive &&
|
|
10568
|
-
jsxRuntime.jsxs(ContentActiveHeader, { children: [jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtAtivarTrilha ? props.txtAtivarTrilha : 'Ativar trilha', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChange, checked: props.ativo, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: '#ffffff', offHandleColor: '#ffffff', onColor: '#FF4D0D', offColor: '#757575', activeBoxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }), jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [jsxRuntime.jsx(Button$3, { id: `btnPublish${props.id}`, handleMount: (element) => {
|
|
10634
|
+
jsxRuntime.jsxs(ContentActiveHeader, { children: [jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtPrivateTrilha ? props.txtPrivateTrilha : 'Tornar a Trilha Pública', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChangePrivate, checked: !props.private, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: '#ffffff', offHandleColor: '#ffffff', onColor: '#FF4D0D', offColor: '#757575', activeBoxShadow: props.private ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.private ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }), jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtAtivarTrilha ? props.txtAtivarTrilha : 'Ativar trilha', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChange, checked: props.ativo, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: '#ffffff', offHandleColor: '#ffffff', onColor: '#FF4D0D', offColor: '#757575', activeBoxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }), jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [jsxRuntime.jsx(Button$3, { id: `btnPublish${props.id}`, handleMount: (element) => {
|
|
10569
10635
|
let el = document.getElementById(element);
|
|
10570
10636
|
setElementPopoverPublish(el ? el : null);
|
|
10571
|
-
}, handleClick: () => {
|
|
10572
|
-
|
|
10573
|
-
|
|
10574
|
-
|
|
10575
|
-
}, startIcon: Publishing && jsxRuntime.jsx(Loading, { sizeLoading: 'small', loadColor: '#
|
|
10637
|
+
}, handleClick: async () => {
|
|
10638
|
+
setPublishing('processing');
|
|
10639
|
+
await props.handlePublicarTrilha(props);
|
|
10640
|
+
checkStatusPublish();
|
|
10641
|
+
}, startIcon: Publishing === 'processing' && jsxRuntime.jsx(Loading, { sizeLoading: 'small', loadColor: '#a5a5a5', style: { width: 40 } }), label: Publishing === 'pending' ? "Publicar" : Publishing === 'complete' ? "Publicado" : "Publicando...", variant: 'secondary', disabled: Publishing === 'pending' ? false : true }), jsxRuntime.jsx(core.Popper, { id: Publishing === 'pending' ? `btnPublishPopper${props.id}` : undefined, open: OpenPopper, anchorEl: ElementPopoverPublish ? ElementPopoverPublish : null, placement: 'top', className: classes.popper, transition: true, modifiers: {
|
|
10576
10642
|
preventOverflow: {
|
|
10577
10643
|
enabled: true,
|
|
10578
10644
|
boundariesElement: "window"
|
|
@@ -10581,7 +10647,7 @@ function ContentCoursesTrails(props) {
|
|
|
10581
10647
|
enabled: true,
|
|
10582
10648
|
element: arrowRef
|
|
10583
10649
|
}
|
|
10584
|
-
}, children: ({ TransitionProps }) => (jsxRuntime.jsx(core.Fade, { ...TransitionProps, timeout: 350, children: jsxRuntime.jsx(core.Paper, { children: jsxRuntime.jsx(core.ClickAwayListener, { onClickAway: () => { }, children: jsxRuntime.jsxs(core.Paper, { className: classes.popoverRoot, children: [jsxRuntime.jsx("span", { className: classes.arrow, ref: setArrowRef }), jsxRuntime.jsx(core.Box, { className: classes.content, children: "Ap\u00F3s realizar todas as altera\u00E7\u00F5es na trilha, \u00E9 necess\u00E1rio clicar em publicar para que o conte\u00FAdo editado esteja dispon\u00EDvel" })] }) }) }) })) })] }), jsxRuntime.jsx(IconVerticalHeader, { onClick: (element) => {
|
|
10650
|
+
}, children: ({ TransitionProps }) => (jsxRuntime.jsx(core.Fade, { ...TransitionProps, timeout: 350, children: jsxRuntime.jsx(core.Paper, { children: jsxRuntime.jsx(core.ClickAwayListener, { onClickAway: () => { setOpenPopper(false); }, children: jsxRuntime.jsxs(core.Paper, { className: classes.popoverRoot, children: [jsxRuntime.jsx("span", { className: classes.arrow, ref: setArrowRef }), jsxRuntime.jsx(core.Box, { className: classes.content, children: "Ap\u00F3s realizar todas as altera\u00E7\u00F5es na trilha, \u00E9 necess\u00E1rio clicar em publicar para que o conte\u00FAdo editado esteja dispon\u00EDvel" })] }) }) }) })) }, props)] }), jsxRuntime.jsx(IconVerticalHeader, { onClick: (element) => {
|
|
10585
10651
|
setElementPopover(element.currentTarget);
|
|
10586
10652
|
}, children: jsxRuntime.jsx("div", { style: { marginRight: 8 }, children: jsxRuntime.jsx(MoreVertical, { fill: props.ativo ? '#000000' : '#bdbdbd' }) }) })] }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(PopOver, { element: ElementPopover, onClosePopover: () => {
|
|
10587
10653
|
setElementPopover(null);
|
|
@@ -10590,8 +10656,10 @@ function ContentCoursesTrails(props) {
|
|
|
10590
10656
|
handleClickActiveNameTrail();
|
|
10591
10657
|
setElementPopover(null);
|
|
10592
10658
|
} }), jsxRuntime.jsx(PopOverItem, { label: props.txtTrailsPopOverDelete ? props.txtTrailsPopOverDelete : "Excluir trilha", onClick: () => {
|
|
10593
|
-
props.handlePopOverTrailDelete(props.id);
|
|
10594
10659
|
setElementPopover(null);
|
|
10660
|
+
setTimeout(() => {
|
|
10661
|
+
props.handlePopOverTrailDelete(props.id);
|
|
10662
|
+
}, 500);
|
|
10595
10663
|
}, icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), noBorder: true, isFontBold: true, color: '#C00F00' })] }) }) })] }), up && props.children] }));
|
|
10596
10664
|
}
|
|
10597
10665
|
|
|
@@ -10599,6 +10667,26 @@ function ContentCourses(data) {
|
|
|
10599
10667
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: data.children }));
|
|
10600
10668
|
}
|
|
10601
10669
|
|
|
10670
|
+
var css_248z$1 = ".modal-module_modalBox__14oto{\n background-color: #FFF;\n max-width: 900px;\n min-height: 200px;\n max-height: 80%;\n padding-top: 30px;\n padding-bottom: 30px;\n padding: 24px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n position: relative;\n border-radius: 10px;\n font-family: 'Work Sans';\n}\n\n.modal-module_fechar__-eB6z{\n font-size: 12px;\n color: #222222;\n padding: 24px;\n background-color: transparent;\n border-top-right-radius: 10px;\n\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0px;\n right: 0px;\n\n margin-top: 0px;\n cursor: pointer;\n}\n\n.modal-module_titulo__JU-S9{\n \n width: 100%;\n\n margin-top: 24px;\n margin-bottom: 12px;\n\n font-size: 24px;\n font-weight: 700;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n\n \n}\n\n.modal-module_container__VvDU9 {\n overflow: auto;\n width: 100%;\n font-family: 'PT Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 10px;\n\n}\n\n.modal-module_conclusao__ekXzz{\n margin-top: 30px;\n gap: 12px;\n width: 100%;\n display: inline-flex;\n justify-content: flex-end;\n align-items: center;\n flex-wrap: nowrap;\n}";
|
|
10671
|
+
var style$1 = {"modalBox":"modal-module_modalBox__14oto","fechar":"modal-module_fechar__-eB6z","titulo":"modal-module_titulo__JU-S9","container":"modal-module_container__VvDU9","conclusao":"modal-module_conclusao__ekXzz"};
|
|
10672
|
+
styleInject(css_248z$1);
|
|
10673
|
+
|
|
10674
|
+
function ModalLXP(props) {
|
|
10675
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$1.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$1.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$1.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$1.container, children: props.children }), jsxRuntime.jsx("div", { className: style$1.conclusao, children: props.confirmationButton ?
|
|
10676
|
+
props.cancelButton ?
|
|
10677
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$3, { variant: "link", label: props.confirmationButton, handleClick: () => {
|
|
10678
|
+
props.handleConfirmation();
|
|
10679
|
+
props.handleClose();
|
|
10680
|
+
} }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$3, { variant: 'primary', label: props.cancelButton, handleClick: props.handleClose })] })
|
|
10681
|
+
:
|
|
10682
|
+
jsxRuntime.jsx(Button$3, { variant: "primary", label: props.confirmationButton, handleClick: () => {
|
|
10683
|
+
props.handleConfirmation();
|
|
10684
|
+
props.handleClose();
|
|
10685
|
+
} })
|
|
10686
|
+
:
|
|
10687
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }) }));
|
|
10688
|
+
}
|
|
10689
|
+
|
|
10602
10690
|
function AccordionTrack(props) {
|
|
10603
10691
|
const [trails, setTrail] = React.useState(props.trailsData);
|
|
10604
10692
|
const [courseData, setCourseData] = React.useState(props.courseData);
|
|
@@ -10606,6 +10694,10 @@ function AccordionTrack(props) {
|
|
|
10606
10694
|
const [ShowTrail, setShowTrail] = React.useState([]);
|
|
10607
10695
|
const [ShowIndividual, setShowIndividual] = React.useState(true);
|
|
10608
10696
|
const [IsLoading, setIsLoading] = React.useState(props.isLoading);
|
|
10697
|
+
const [ModalDeleteConteudo, setModalDeleteConteudo] = React.useState(false);
|
|
10698
|
+
const [ModalDeleteTrilha, setModalDeleteTrilha] = React.useState(false);
|
|
10699
|
+
const [ModalDeleteTrilhaConteudo, setModalDeleteTrilhaConteudo] = React.useState(false);
|
|
10700
|
+
const [IdDelete, setIdDelete] = React.useState('0');
|
|
10609
10701
|
const MEUS_CONTEUDOS_CONTENT = '0';
|
|
10610
10702
|
const CONTEUDO_INDIVIDUAL_CONTENT = '1';
|
|
10611
10703
|
React.useEffect(() => {
|
|
@@ -10627,23 +10719,28 @@ function AccordionTrack(props) {
|
|
|
10627
10719
|
React.useEffect(() => {
|
|
10628
10720
|
setCourseIndividualData(props.courseIndividualData);
|
|
10629
10721
|
}, [props.courseIndividualData]);
|
|
10630
|
-
return (jsxRuntime.
|
|
10631
|
-
|
|
10632
|
-
|
|
10633
|
-
|
|
10634
|
-
|
|
10635
|
-
|
|
10636
|
-
|
|
10637
|
-
|
|
10638
|
-
|
|
10639
|
-
|
|
10640
|
-
|
|
10641
|
-
|
|
10642
|
-
|
|
10643
|
-
|
|
10644
|
-
|
|
10645
|
-
|
|
10646
|
-
|
|
10722
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ContentCourses, { TrailName: '', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(TypographyMyContents, { children: props.textMeusConteudos ? props.textMeusConteudos : 'Meus Conteúdos' }), jsxRuntime.jsx("h2", { style: { fontFamily: 'PT Sans', fontWeight: 700, fontSize: 16, color: '#000000' }, children: IsLoading ?
|
|
10723
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(LoadingContent$1, { style: { width: 200, height: 20 } }) })
|
|
10724
|
+
:
|
|
10725
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.textTotalDe ? props.textTotalDe : 'Total de', " ", courseData.length, " ", props.textRegistros ? props.textRegistros : 'registros'] }) })] }), jsxRuntime.jsx(dnd.Droppable, { droppableId: MEUS_CONTEUDOS_CONTENT, direction: "horizontal", children: (provided) => {
|
|
10726
|
+
return (jsxRuntime.jsxs(ContainerTrailsEmpty, { children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', styles: { justifyContent: 'flex-start', width: '100%' }, refreshResize: props.updateScrollSize, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: IsLoading ?
|
|
10727
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true })] })
|
|
10728
|
+
:
|
|
10729
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { onClick: () => {
|
|
10730
|
+
props.onNewTrail && props.onNewTrail();
|
|
10731
|
+
}, style: { wordWrap: 'break-word' }, children: jsxRuntime.jsx(Thumbnails, { variant: 'add', isDisabled: false, txtCriarNovoCurso: props.txtCriarNovoCurso }) }), courseData && courseData.map((el, contentIndex) => {
|
|
10732
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { isDisabled: el.active, id: `content${contentIndex}`, index: contentIndex, title: el.title, variant: 'default', handleSwitchAtivar: (checked) => {
|
|
10733
|
+
props.handleSwitchAtivarConteudo(el.id, checked);
|
|
10734
|
+
}, isActive: el.active_individual, showSwitch: true, isTrail: false, src: el.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickCourse: () => { props.handleEditCourse(el.id); }, handleClickPopOverEdit: () => { props.handlePopOverEdit(el.id); }, handleClickPopOverMove: () => { props.handlePopOverMove(el.id); }, handleClickPopOverEditActivity: () => { props.handleClickPopOverEditActivity(el.id); }, handleClickPopOverDelete: () => {
|
|
10735
|
+
setIdDelete(el.id);
|
|
10736
|
+
setModalDeleteConteudo(true);
|
|
10737
|
+
}, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent }, `content${contentIndex}`) }));
|
|
10738
|
+
})] }) }) }), provided.placeholder] }));
|
|
10739
|
+
} }, MEUS_CONTEUDOS_CONTENT)] }), IsLoading ?
|
|
10740
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { TrailName: props.txtLoadingTrilhas ? props.txtLoadingTrilhas : 'Carregando Trilhas...', ativo: true, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: (id) => { props.handlePopOverTrailEdit(id); }, children: jsxRuntime.jsx(dnd.Droppable, { droppableId: CONTEUDO_INDIVIDUAL_CONTENT, direction: "horizontal", children: (provided) => {
|
|
10741
|
+
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: props.updateScrollSize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true })] }) }) }), provided.placeholder] }));
|
|
10742
|
+
} }, CONTEUDO_INDIVIDUAL_CONTENT) }) })
|
|
10743
|
+
:
|
|
10647
10744
|
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { TrailName: props.txtCursoIndividual ? props.txtCursoIndividual : 'Conteúdo individual', ativo: true, show: ShowIndividual, handleChangeCheck: (bActive) => {
|
|
10648
10745
|
// if (props.handleSwitchActiveTrail) {
|
|
10649
10746
|
// props.handleSwitchActiveTrail(trailIndex, bActive)
|
|
@@ -10655,50 +10752,62 @@ function AccordionTrack(props) {
|
|
|
10655
10752
|
}, handleChangeShow: (bShow) => {
|
|
10656
10753
|
console.log(bShow);
|
|
10657
10754
|
setShowIndividual(bShow);
|
|
10658
|
-
}, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: (id) => { props.handlePopOverTrailEdit(id); },
|
|
10755
|
+
}, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: (id) => { props.handlePopOverTrailEdit(id); }, children: jsxRuntime.jsx(dnd.Droppable, { droppableId: CONTEUDO_INDIVIDUAL_CONTENT, direction: "horizontal", children: (provided) => {
|
|
10659
10756
|
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: props.updateScrollSize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: courseIndividualData && courseIndividualData.map((individual, individualIndex) => {
|
|
10660
10757
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { id: `contentTrails${1}_individual${individualIndex}`, index: `${individualIndex}`, isDisabled: individual.active === false ? false : individual.active, title: individual.title, variant: 'default', showSwitch: true, handleClickCourse: () => {
|
|
10661
10758
|
props.handleEditCourse(individual.id);
|
|
10662
10759
|
}, handleSwitchAtivar: (checked) => {
|
|
10663
10760
|
props.handleSwitchAtivarConteudo(individual.id, checked);
|
|
10664
|
-
}, src: individual.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickPopOverEdit: () => { props.handlePopOverEdit(individual.id); }, handleClickPopOverMove: () => { props.handlePopOverMove(individual.id); }, handleClickPopOverDelete: () => {
|
|
10665
|
-
|
|
10761
|
+
}, isTrail: false, src: individual.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickPopOverEdit: () => { props.handlePopOverEdit(individual.id); }, handleClickPopOverMove: () => { props.handlePopOverMove(individual.id); }, handleClickPopOverEditActivity: () => { props.handleClickPopOverEditActivity(individual.id); }, handleClickPopOverDelete: () => {
|
|
10762
|
+
setIdDelete(individual.id);
|
|
10763
|
+
setModalDeleteConteudo(true);
|
|
10666
10764
|
}, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent }, `contentTrails${1}_individual${individualIndex}`) }));
|
|
10667
10765
|
}) }) }), provided.placeholder] }));
|
|
10668
10766
|
} }, CONTEUDO_INDIVIDUAL_CONTENT) }) }), !IsLoading &&
|
|
10669
|
-
|
|
10670
|
-
|
|
10671
|
-
|
|
10672
|
-
|
|
10673
|
-
|
|
10674
|
-
|
|
10675
|
-
|
|
10676
|
-
|
|
10677
|
-
|
|
10678
|
-
|
|
10679
|
-
|
|
10680
|
-
|
|
10681
|
-
|
|
10682
|
-
|
|
10683
|
-
|
|
10684
|
-
|
|
10685
|
-
|
|
10686
|
-
|
|
10687
|
-
|
|
10688
|
-
|
|
10689
|
-
|
|
10690
|
-
|
|
10691
|
-
|
|
10692
|
-
|
|
10693
|
-
|
|
10694
|
-
|
|
10767
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyMyTrails, { style: { marginTop: 20 }, children: props.textMinhasTrihas ? props.textMinhasTrihas : 'Minhas Trilhas' }), trails && trails.map((trail, trailIndex) => {
|
|
10768
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { showButtonActive: true, trailId: trail.id, id: `${3000}${trailIndex}`, TrailName: trail.name, private: trail.private, handleChangePrivate: (bPrivate) => {
|
|
10769
|
+
if (props.handleSwitchPrivateTrail) {
|
|
10770
|
+
props.handleSwitchPrivateTrail(trailIndex, bPrivate);
|
|
10771
|
+
}
|
|
10772
|
+
}, ativo: trail.active, publishStatus: trail.publish_status, handleChangeCheck: (bActive) => {
|
|
10773
|
+
if (props.handleSwitchActiveTrail) {
|
|
10774
|
+
props.handleSwitchActiveTrail(trailIndex, bActive);
|
|
10775
|
+
}
|
|
10776
|
+
}, handleChangeTrailName: (name) => {
|
|
10777
|
+
if (props.onSetNameTrail) {
|
|
10778
|
+
props.onSetNameTrail(name, trailIndex);
|
|
10779
|
+
}
|
|
10780
|
+
}, handleChangeShow: (bShow) => {
|
|
10781
|
+
setShowTrail((prev) => {
|
|
10782
|
+
prev = { ...prev };
|
|
10783
|
+
prev[trailIndex] = bShow;
|
|
10784
|
+
return prev;
|
|
10785
|
+
});
|
|
10786
|
+
}, showButtonPublish: true, handlePublicarTrilha: () => { props.handlePublicarTrilha(trail.id); }, handlePublicarCheck: props.handlePublicarCheck, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: () => { props.handlePopOverTrailEdit(trail.id); }, handlePopOverTrailDelete: (id) => {
|
|
10787
|
+
setIdDelete(trail.id);
|
|
10788
|
+
setModalDeleteTrilha(true);
|
|
10789
|
+
}, children: ShowTrail.length === 0 || ShowTrail[trailIndex] &&
|
|
10790
|
+
jsxRuntime.jsx(dnd.Droppable, { droppableId: (trailIndex + 2).toString(), direction: "horizontal", children: (provided) => {
|
|
10791
|
+
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: { height: 350 }, children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: props.updateScrollSize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: trail.trail_course && trail.trail_course.map((el, courseTrailIndex) => {
|
|
10792
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { id: `trail_${trailIndex}_course_${courseTrailIndex}`, index: `${courseTrailIndex}`, isDisabled: trail.active === false ? false : el.course.active, title: el.course.title, variant: 'default', handleClickCourse: () => {
|
|
10793
|
+
props.handleEditCourse(el.course.id);
|
|
10794
|
+
}, isTrail: true, showSwitch: false, src: el.course.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickPopOverEdit: () => { props.handlePopOverEdit(el.course.id); }, handleClickPopOverMove: () => { props.handlePopOverMove(el.course.id); }, handleClickPopOverDelete: () => {
|
|
10795
|
+
setIdDelete(el.id);
|
|
10796
|
+
setModalDeleteTrilhaConteudo(true);
|
|
10797
|
+
}, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent }) }));
|
|
10798
|
+
}) }) }), provided.placeholder] }, `contentTrailsDrop${trailIndex}`));
|
|
10799
|
+
} }, trailIndex + 2) }, `contentTrails${trailIndex}`) }));
|
|
10800
|
+
})] }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteConteudo, handleClose: () => { setModalDeleteConteudo(false); }, handleConfirmation: () => { props.handleDeleteCourse(IdDelete); }, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, confirmar", cancelButton: "Não, confirmar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer deletar este conte\u00FAdo? Voc\u00EA ir\u00E1 perder todas as atividades criadas." }) }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteTrilha, handleClose: () => { setModalDeleteTrilha(false); }, handleConfirmation: () => {
|
|
10801
|
+
console.log("Passou aqui");
|
|
10802
|
+
props.handlePopOverTrailDelete(IdDelete);
|
|
10803
|
+
}, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, confirmar", cancelButton: "Não, confirmar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer deletar esta trilha?" }) }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteTrilhaConteudo, handleClose: () => { setModalDeleteTrilhaConteudo(false); }, handleConfirmation: () => { props.handleDeleteCourseTrail(IdDelete); }, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, confirmar", cancelButton: "Não, confirmar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer remover o conte\u00FAdo desta trilha?" }) })] }));
|
|
10695
10804
|
}
|
|
10696
10805
|
|
|
10697
10806
|
function AccordionTrackList({ trailsData, courseData, handleChange, onNewTrail, handleEditCourse,
|
|
10698
10807
|
// handlePopOverDelete,
|
|
10699
|
-
handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrailDelete, handleSwitchActiveTrail, onSetNameTrail, handleSwitchAtivar, handleDeleteCourse, handleDeleteCourseTrail, handleMessageError, handleUpdateTrail, txtPopOverDeleteContent, txtPopOverEditContent, txtPopOverMoveToTrails, textMeusConteudos, textTotalDe, textRegistros, textMinhasTrihas, txtAtivarCurso, txtButtonLabel, txtCriarNovoCurso, txtAtivarTrilha, isLoading, handlePublicarTrilha }) {
|
|
10700
|
-
const [trails, setTrails] = React.useState(
|
|
10701
|
-
const [courses, setCourses] = React.useState(
|
|
10808
|
+
handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrailDelete, handleSwitchActiveTrail, onSetNameTrail, handleSwitchAtivar, handleDeleteCourse, handleDeleteCourseTrail, handleMessageError, handleUpdateTrail, txtPopOverDeleteContent, txtPopOverEditContent, txtPopOverMoveToTrails, textMeusConteudos, textTotalDe, textRegistros, textMinhasTrihas, txtAtivarCurso, txtButtonLabel, txtCriarNovoCurso, txtAtivarTrilha, isLoading, handlePublicarTrilha, changeCourses, handlePublicarCheck, handleClickPopOverEditActivity, handleSwitchPrivateTrail }) {
|
|
10809
|
+
const [trails, setTrails] = React.useState([]);
|
|
10810
|
+
const [courses, setCourses] = React.useState([]);
|
|
10702
10811
|
const [ConteudoIndividual, setConteudoIndividual] = React.useState([]);
|
|
10703
10812
|
const [MeusConteudosData, setMeusConteudosData] = React.useState([]);
|
|
10704
10813
|
const [updateScrollSize, setUpdateScrollSize] = React.useState(0);
|
|
@@ -10713,11 +10822,6 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10713
10822
|
});
|
|
10714
10823
|
return uuid;
|
|
10715
10824
|
};
|
|
10716
|
-
React.useEffect(() => {
|
|
10717
|
-
if (handleChange) {
|
|
10718
|
-
handleChange({ courses: courses, trails: trails });
|
|
10719
|
-
}
|
|
10720
|
-
}, [trails]);
|
|
10721
10825
|
React.useEffect(() => {
|
|
10722
10826
|
console.log("Atualizou em accordionTrackList", courses);
|
|
10723
10827
|
setMeusConteudosData(courses ? courses.filter(item => !item.active_individual) : []);
|
|
@@ -10725,10 +10829,16 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10725
10829
|
}, [courses]);
|
|
10726
10830
|
React.useEffect(() => {
|
|
10727
10831
|
console.log("Atualizou props em accordionTrackList", courseData);
|
|
10728
|
-
|
|
10832
|
+
if (JSON.stringify(courseData) !== JSON.stringify(courses)) {
|
|
10833
|
+
console.log("Acessando os registros de Cursos");
|
|
10834
|
+
setCourses(courseData);
|
|
10835
|
+
}
|
|
10729
10836
|
}, [courseData]);
|
|
10730
10837
|
React.useEffect(() => {
|
|
10731
|
-
|
|
10838
|
+
if (JSON.stringify(trailsData) !== JSON.stringify(trails)) {
|
|
10839
|
+
console.log("Acessando os registros de trilhas");
|
|
10840
|
+
setTrails(trailsData);
|
|
10841
|
+
}
|
|
10732
10842
|
}, [trailsData]);
|
|
10733
10843
|
const handleDragEnd = ({ destination, source }) => {
|
|
10734
10844
|
if (!destination) {
|
|
@@ -10769,6 +10879,9 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10769
10879
|
let uuidConteudo = source.droppableId === MEUS_CONTEUDOS_CONTENT ? MeusConteudosData[source.index].uuid : ConteudoIndividual[source.index].uuid;
|
|
10770
10880
|
let indexTrail = courses.findIndex(item => item.uuid === uuidConteudo);
|
|
10771
10881
|
if (indexTrail >= 0) {
|
|
10882
|
+
let changedCourse = courses[indexTrail];
|
|
10883
|
+
changedCourse.active_individual = destination.droppableId === CONTEUDO_INDIVIDUAL_CONTENT;
|
|
10884
|
+
changeCourses(changedCourse);
|
|
10772
10885
|
setCourses((prev) => {
|
|
10773
10886
|
prev = [...prev];
|
|
10774
10887
|
prev[indexTrail].active_individual = destination.droppableId === CONTEUDO_INDIVIDUAL_CONTENT;
|
|
@@ -10816,12 +10929,20 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10816
10929
|
};
|
|
10817
10930
|
const setActiveTrail = (index, active) => {
|
|
10818
10931
|
setTrails((prev) => {
|
|
10819
|
-
prev =
|
|
10932
|
+
prev = [...prev];
|
|
10820
10933
|
prev[index].active = active;
|
|
10821
10934
|
handleSwitchActiveTrail(prev[index].id, active);
|
|
10822
10935
|
return prev;
|
|
10823
10936
|
});
|
|
10824
10937
|
};
|
|
10938
|
+
const setPrivateTrail = (index, bPrivate) => {
|
|
10939
|
+
setTrails((prev) => {
|
|
10940
|
+
prev = [...prev];
|
|
10941
|
+
prev[index].private = bPrivate;
|
|
10942
|
+
handleSwitchPrivateTrail(prev[index].id, bPrivate);
|
|
10943
|
+
return prev;
|
|
10944
|
+
});
|
|
10945
|
+
};
|
|
10825
10946
|
const setActiveContent = (id, active) => {
|
|
10826
10947
|
let indexTrail = courses.findIndex(item => item.id === id);
|
|
10827
10948
|
setCourses((prev) => {
|
|
@@ -10834,7 +10955,7 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10834
10955
|
const setNameTrail = (name, id) => {
|
|
10835
10956
|
({ ...trails[id] });
|
|
10836
10957
|
setTrails((prev) => {
|
|
10837
|
-
prev =
|
|
10958
|
+
prev = [...prev];
|
|
10838
10959
|
prev[id].name = name;
|
|
10839
10960
|
return prev;
|
|
10840
10961
|
});
|
|
@@ -10842,13 +10963,15 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10842
10963
|
};
|
|
10843
10964
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(dnd.DragDropContext, { onDragEnd: handleDragEnd, children: jsxRuntime.jsx(AccordionTrack, { trailsData: trails, courseData: MeusConteudosData, courseIndividualData: ConteudoIndividual, handleSwitchActiveTrail: (index, active) => {
|
|
10844
10965
|
setActiveTrail(index, active);
|
|
10966
|
+
}, handleSwitchPrivateTrail: (index, active) => {
|
|
10967
|
+
setPrivateTrail(index, active);
|
|
10845
10968
|
}, onSetNameTrail: (name, id) => {
|
|
10846
10969
|
setNameTrail(name, id);
|
|
10847
10970
|
}, onNewTrail: () => {
|
|
10848
10971
|
if (onNewTrail) {
|
|
10849
10972
|
onNewTrail();
|
|
10850
10973
|
}
|
|
10851
|
-
}, handleSwitchAtivarConteudo: setActiveContent, handleSwitchAtivar: handleSwitchAtivar, handleEditCourse: handleEditCourse, handlePublicarTrilha: handlePublicarTrilha, textMeusConteudos: textMeusConteudos, textTotalDe: textTotalDe, textRegistros: textRegistros, textMinhasTrihas: textMinhasTrihas, txtAtivarCurso: txtAtivarCurso, txtAtivarTrilha: txtAtivarTrilha, txtButtonLabel: txtButtonLabel, txtCriarNovoCurso: txtCriarNovoCurso, isLoading: isLoading, updateScrollSize: updateScrollSize, handleDeleteCourse: handleDeleteCourse, handleDeleteCourseTrail: handleDeleteCourseTrail,
|
|
10974
|
+
}, handleSwitchAtivarConteudo: setActiveContent, handleSwitchAtivar: handleSwitchAtivar, handleEditCourse: handleEditCourse, handlePublicarTrilha: handlePublicarTrilha, handlePublicarCheck: handlePublicarCheck, textMeusConteudos: textMeusConteudos, textTotalDe: textTotalDe, textRegistros: textRegistros, textMinhasTrihas: textMinhasTrihas, txtAtivarCurso: txtAtivarCurso, txtAtivarTrilha: txtAtivarTrilha, txtButtonLabel: txtButtonLabel, txtCriarNovoCurso: txtCriarNovoCurso, isLoading: isLoading, updateScrollSize: updateScrollSize, handleDeleteCourse: handleDeleteCourse, handleDeleteCourseTrail: handleDeleteCourseTrail, handlePopOverTrailDelete: handlePopOverTrailDelete, handlePopOverEdit: handlePopOverEdit, handlePopOverTrailEdit: handlePopOverTrailEdit, handlePopOverMove: handlePopOverMove, txtPopOverDeleteContent: txtPopOverDeleteContent, txtPopOverMoveToTrails: txtPopOverMoveToTrails, txtPopOverEditContent: txtPopOverEditContent, handleClickPopOverEditActivity: handleClickPopOverEditActivity }) }) }));
|
|
10852
10975
|
}
|
|
10853
10976
|
|
|
10854
10977
|
const Container$4 = styled__default["default"].div `
|
|
@@ -12345,7 +12468,7 @@ const SpeechBubble = styled__default["default"].div `
|
|
|
12345
12468
|
align-self: flex-start;
|
|
12346
12469
|
}
|
|
12347
12470
|
`;
|
|
12348
|
-
const HelperText = styled__default["default"].div `
|
|
12471
|
+
const HelperText$1 = styled__default["default"].div `
|
|
12349
12472
|
font-family: 'PT Sans';
|
|
12350
12473
|
font-style: normal;
|
|
12351
12474
|
font-weight: 400;
|
|
@@ -12378,7 +12501,7 @@ const ItemFrstSocials = styled__default["default"].button `
|
|
|
12378
12501
|
|
|
12379
12502
|
function BannerSRG(props) {
|
|
12380
12503
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(ContainerTotal, { isExtendedVersion: props?.isExtendedVersion, bannerLarge: props?.bannerSRG?.large, bannerNormal: props?.bannerSRG?.normal, bannerResponsive: props?.bannerSRG?.responsive, style: { ...props.style }, children: [jsxRuntime.jsxs(ContainerBanner, { children: [jsxRuntime.jsxs(WrapperContent, { style: { maxHeight: '240px', height: '240px', display: 'flex', alignItems: 'flex-start', marginTop: '-100px' }, children: [props && props.social &&
|
|
12381
|
-
jsxRuntime.jsxs(FrstSocials, { children: [props.social.onClickSite && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSite(), children: [" ", jsxRuntime.jsx(SiteIcon, {}), " "] }), props.social.onClickLinkedin && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickLinkedin(), children: [" ", jsxRuntime.jsx(LinkedinIcon, {}), " "] }), props.social.onClickInstagram && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickInstagram(), children: [" ", jsxRuntime.jsx(InstagramIcon, {}), " "] }), props.social.onClickYoutube && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickYoutube(), children: [" ", jsxRuntime.jsx(YoutubeIcon, {}), " "] }), props.social.onClickSpotify && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSpotify(), children: [" ", jsxRuntime.jsx(SpotifyIcon, {}), " "] }), props.social.onClickPodCast && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickPodCast(), children: [" ", jsxRuntime.jsx(PodCastIcon, {}), " "] })] }), jsxRuntime.jsx(LateralMenu, { variant: 'primary', channel: '', name: props.lateralMenu.name, hiddenButtonHeader: true, avatar: props.lateralMenu.avatar, button: props.lateralMenu.button, listOptions: props.lateralMenu.listOptions })] }), jsxRuntime.jsx(WrapperContent, { children: jsxRuntime.jsx("img", { src: props.logoSRG }) }), jsxRuntime.jsxs(WrapperContentMain, { children: [jsxRuntime.jsx(TitleSRG, { children: props?.labels?.textTitle ? props?.labels?.textTitle : 'Space Race Game' }), jsxRuntime.jsx(DescriptionSRG, { children: props?.labels?.textDescription }), jsxRuntime.jsx(Button$3, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) })] }), jsxRuntime.jsxs(WrapperContentHelper, { children: [jsxRuntime.jsxs(SpeechBubble, { children: [jsxRuntime.jsx(HelperText, { children: props.labels.textHelperDescription }), jsxRuntime.jsx(Button$3, { variant: 'link', label: props?.acessHere?.label ? props.acessHere.label : 'Acesse aqui', handleClick: () => props.acessHere.action(), style: { color: '#21bffc' } })] }), jsxRuntime.jsx("img", { src: props.avatarSRG })] }), jsxRuntime.jsx(WrapperContent, { children: jsxRuntime.jsx(Button$3, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) }) })] }), jsxRuntime.jsx(VersionExtended, { isExtendedVersion: props.isExtendedVersion, heightExtended: props.heightExtended })] }) }));
|
|
12504
|
+
jsxRuntime.jsxs(FrstSocials, { children: [props.social.onClickSite && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSite(), children: [" ", jsxRuntime.jsx(SiteIcon, {}), " "] }), props.social.onClickLinkedin && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickLinkedin(), children: [" ", jsxRuntime.jsx(LinkedinIcon, {}), " "] }), props.social.onClickInstagram && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickInstagram(), children: [" ", jsxRuntime.jsx(InstagramIcon, {}), " "] }), props.social.onClickYoutube && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickYoutube(), children: [" ", jsxRuntime.jsx(YoutubeIcon, {}), " "] }), props.social.onClickSpotify && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSpotify(), children: [" ", jsxRuntime.jsx(SpotifyIcon, {}), " "] }), props.social.onClickPodCast && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickPodCast(), children: [" ", jsxRuntime.jsx(PodCastIcon, {}), " "] })] }), jsxRuntime.jsx(LateralMenu, { variant: 'primary', channel: '', name: props.lateralMenu.name, hiddenButtonHeader: true, avatar: props.lateralMenu.avatar, button: props.lateralMenu.button, listOptions: props.lateralMenu.listOptions })] }), jsxRuntime.jsx(WrapperContent, { children: jsxRuntime.jsx("img", { src: props.logoSRG }) }), jsxRuntime.jsxs(WrapperContentMain, { children: [jsxRuntime.jsx(TitleSRG, { children: props?.labels?.textTitle ? props?.labels?.textTitle : 'Space Race Game' }), jsxRuntime.jsx(DescriptionSRG, { children: props?.labels?.textDescription }), jsxRuntime.jsx(Button$3, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) })] }), jsxRuntime.jsxs(WrapperContentHelper, { children: [jsxRuntime.jsxs(SpeechBubble, { children: [jsxRuntime.jsx(HelperText$1, { children: props.labels.textHelperDescription }), jsxRuntime.jsx(Button$3, { variant: 'link', label: props?.acessHere?.label ? props.acessHere.label : 'Acesse aqui', handleClick: () => props.acessHere.action(), style: { color: '#21bffc' } })] }), jsxRuntime.jsx("img", { src: props.avatarSRG })] }), jsxRuntime.jsx(WrapperContent, { children: jsxRuntime.jsx(Button$3, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) }) })] }), jsxRuntime.jsx(VersionExtended, { isExtendedVersion: props.isExtendedVersion, heightExtended: props.heightExtended })] }) }));
|
|
12382
12505
|
}
|
|
12383
12506
|
|
|
12384
12507
|
const achievementHeader = styled__default["default"].div `
|
|
@@ -12678,7 +12801,7 @@ function FeedInteraction(props) {
|
|
|
12678
12801
|
jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }, children: [jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingImpacto, handleRating: props?.handleImpactoChange }), jsxRuntime.jsx("span", { children: props.textImpacto })] }), props.isChallengeReview &&
|
|
12679
12802
|
jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', marginLeft: 24 }, children: [jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingRelevancia, handleRating: props?.handleRelevanciaChange }), jsxRuntime.jsx("span", { children: props.textRelevancia })] }), props.isPostReview &&
|
|
12680
12803
|
jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }, children: jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingPostReview, handleRating: props?.handlePostReviewChange }) })] })] }), openComments &&
|
|
12681
|
-
jsxRuntime.jsxs(commentsContainer, { children: [jsxRuntime.jsxs(inputComment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment, { styles: { width: '100%', marginLeft: 8 }, IDInput: 'userComment', showCharacterCounter: false, className: 'userComment', hasEmoji: true, emojiWindowlanguage: 'pt', placeholder: props.userCommentPlaceholder ? props.userCommentPlaceholder : '', onChange: OnChangeComment, value: commentData }), jsxRuntime.jsx(submitButton, { style: { display: focusComment ? 'block' : 'none' }, children: jsxRuntime.jsx(Button$3, { variant: 'primary', label: props.textSaveCommentBtn, handleClick: HandleSaveComment }) })] }), props.isChallengeReview ?
|
|
12804
|
+
jsxRuntime.jsxs(commentsContainer, { children: [jsxRuntime.jsxs(inputComment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment$1, { styles: { width: '100%', marginLeft: 8 }, IDInput: 'userComment', showCharacterCounter: false, className: 'userComment', hasEmoji: true, emojiWindowlanguage: 'pt', placeholder: props.userCommentPlaceholder ? props.userCommentPlaceholder : '', onChange: OnChangeComment, value: commentData }), jsxRuntime.jsx(submitButton, { style: { display: focusComment ? 'block' : 'none' }, children: jsxRuntime.jsx(Button$3, { variant: 'primary', label: props.textSaveCommentBtn, handleClick: HandleSaveComment }) })] }), props.isChallengeReview ?
|
|
12682
12805
|
stateLatestComment ?
|
|
12683
12806
|
jsxRuntime.jsxs(commentList, { children: [props.textLatestComment, jsxRuntime.jsxs(comment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: stateLatestComment.avatar }), jsxRuntime.jsx(CommentaryBox, { styles: { width: '100%', marginLeft: 8 }, name: stateLatestComment.name, date: stateLatestComment.date, position: stateLatestComment.position, value: stateLatestComment.value, className: stateLatestComment.className, onChange: stateLatestComment.onChange, actionLike: stateLatestComment.actionLike, textLiked: stateLatestComment.textLike, textUnliked: stateLatestComment.textDeslike, isLiked: stateLatestComment.isLiked, totalLikes: stateLatestComment.totalLikes, hasDropdown: stateLatestComment.hasDropdown, isAuthor: stateLatestComment.isAuthor, isMe: stateLatestComment.isMe, actionDeleteComment: stateLatestComment.actionDeleteComment, actionEditComment: stateLatestComment.actionEditComment, actionAnswer: stateLatestComment.actionAnswer, actionMakePrivate: stateLatestComment.actionMakePrivate, actionUpdateValue: stateLatestComment.actionUpdateValue, detectLinks: stateLatestComment.detectLinks, hasAnswer: stateLatestComment.hasAnswer, isPrivateAuthor: stateLatestComment.isPrivateAuthor, isPrivateMe: stateLatestComment.isPrivateMe, idTextComment: stateLatestComment.idTextComment, textAnswer: stateLatestComment.textAnswer, textCancelButton: stateLatestComment.textCancelButton, textDeleteComment: stateLatestComment.textDeleteComment, textEditComment: stateLatestComment.textEditComment, textEdited: stateLatestComment.textEdited, textMakePrivate: stateLatestComment.textMakePrivate, textMakePublic: stateLatestComment.textMakePublic, textPrivateComment: stateLatestComment.textPrivateComment, textSaveButton: stateLatestComment.textSaveButton, textSaveButtonMobile: stateLatestComment.textSaveButtonMobile, textYou: stateLatestComment.textYou, wasEdited: stateLatestComment.wasEdited })] })] })
|
|
12684
12807
|
: null
|
|
@@ -14783,6 +14906,302 @@ function MenuMore({ iconButton, options, style }) {
|
|
|
14783
14906
|
}) })] }) }));
|
|
14784
14907
|
}
|
|
14785
14908
|
|
|
14909
|
+
const SmileIcon = styled__default["default"].div `
|
|
14910
|
+
display: flex;
|
|
14911
|
+
justify-content: center;
|
|
14912
|
+
align-items: center;
|
|
14913
|
+
|
|
14914
|
+
width: 40px;
|
|
14915
|
+
height: 40px;
|
|
14916
|
+
|
|
14917
|
+
min-width: 40px;
|
|
14918
|
+
border-radius: 50%;
|
|
14919
|
+
background-color: transparent;
|
|
14920
|
+
margin: 4px;
|
|
14921
|
+
&:hover {
|
|
14922
|
+
background-color: ${({ theme }) => theme.colors.neutralsGrey6};
|
|
14923
|
+
}
|
|
14924
|
+
cursor: pointer;
|
|
14925
|
+
transition: all 0.2s ease-in-out;
|
|
14926
|
+
`;
|
|
14927
|
+
const EmojiWindow = styled__default["default"].div `
|
|
14928
|
+
width: 375px;
|
|
14929
|
+
height: 332px;
|
|
14930
|
+
overflow: hidden;
|
|
14931
|
+
display:${({ visible }) => visible ? 'flex' : 'none'};
|
|
14932
|
+
flex-direction: column;
|
|
14933
|
+
align-items: center;
|
|
14934
|
+
top: -330px;
|
|
14935
|
+
right: 0px;
|
|
14936
|
+
background-color: ${({ theme }) => theme.colors.shadeWhite};
|
|
14937
|
+
border: 1px solid ${({ theme }) => theme.colors.neutralsGrey4};
|
|
14938
|
+
position: absolute;
|
|
14939
|
+
|
|
14940
|
+
|
|
14941
|
+
& > div:nth-child(1) > em-emoji-picker:nth-child(1) {
|
|
14942
|
+
padding: 10px;
|
|
14943
|
+
padding-top: 5px;
|
|
14944
|
+
height: 332px;
|
|
14945
|
+
|
|
14946
|
+
& .padding-lr {
|
|
14947
|
+
border: 2px solid #000 !important;
|
|
14948
|
+
}
|
|
14949
|
+
}
|
|
14950
|
+
`;
|
|
14951
|
+
const ButtonClose = styled__default["default"].div `
|
|
14952
|
+
cursor: pointer;
|
|
14953
|
+
align-self: flex-end;
|
|
14954
|
+
height: 40px;
|
|
14955
|
+
margin-bottom: -42px;
|
|
14956
|
+
margin-top: 10x;
|
|
14957
|
+
z-index: 6;
|
|
14958
|
+
padding: 10px;
|
|
14959
|
+
border-radius: 5px;
|
|
14960
|
+
margin-right: 2px;
|
|
14961
|
+
&:hover {
|
|
14962
|
+
background: #efefef;
|
|
14963
|
+
}
|
|
14964
|
+
}
|
|
14965
|
+
`;
|
|
14966
|
+
|
|
14967
|
+
function EmojiPicker({ isOpenPicker, setIsOpenPicker, onEmojiSelect, configPicker }) {
|
|
14968
|
+
const ref = React.useRef();
|
|
14969
|
+
const [actionAreaEmojiButton, setActionAreaEmojiButton] = React.useState(false);
|
|
14970
|
+
const [colorEmojiButton, setColorEmojiButton] = React.useState('');
|
|
14971
|
+
React.useEffect(() => {
|
|
14972
|
+
let title = configPicker.title ? configPicker?.title : 'FRST FALCONI';
|
|
14973
|
+
let emojiSize = configPicker?.emojiSize;
|
|
14974
|
+
let perLine = configPicker?.perLine;
|
|
14975
|
+
let SheetSize = configPicker?.sheetSize;
|
|
14976
|
+
let i18n = choseLanguage(configPicker?.language);
|
|
14977
|
+
// let filteredEmoji = excludeEmojiCode();
|
|
14978
|
+
new emojiMart.Picker({ title, data: data__default["default"], ref, i18n, emojiSize, perLine, SheetSize, onEmojiSelect });
|
|
14979
|
+
}, [configPicker?.language]);
|
|
14980
|
+
React.useEffect(() => {
|
|
14981
|
+
(isOpenPicker) ? configsWhenOpenWindowEmoji() : configsWhenCloseWindowEmoji();
|
|
14982
|
+
if (isOpenPicker) {
|
|
14983
|
+
let myComponent = document.querySelector('em-emoji-picker');
|
|
14984
|
+
let myClassElement = myComponent.shadowRoot.querySelector('#nav');
|
|
14985
|
+
let myBoryElement = myComponent.shadowRoot.querySelector('#root');
|
|
14986
|
+
try {
|
|
14987
|
+
//@ts-ignore
|
|
14988
|
+
myClassElement.style.paddingRight = '50px';
|
|
14989
|
+
//@ts-ignore
|
|
14990
|
+
myBoryElement.style.paddingBottom = '100px';
|
|
14991
|
+
}
|
|
14992
|
+
catch (e) { }
|
|
14993
|
+
}
|
|
14994
|
+
}, [isOpenPicker]);
|
|
14995
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsxs(EmojiWindow, { visible: isOpenPicker, onMouseOver: () => setActionAreaEmojiButton(true), onMouseOut: () => setActionAreaEmojiButton(false), children: [jsxRuntime.jsx(ButtonClose, { onClick: () => setIsOpenPicker(false), children: jsxRuntime.jsx(XIcon, {}) }), jsxRuntime.jsx("div", { ref: ref })] }), jsxRuntime.jsx(SmileIcon, { onMouseOver: () => setActionAreaEmojiButton(true), onMouseOut: () => setActionAreaEmojiButton(false), onClick: () => {
|
|
14996
|
+
setIsOpenPicker(!isOpenPicker);
|
|
14997
|
+
}, children: jsxRuntime.jsx(SmileOutlined, { fill: colorEmojiButton }) })] }) }) });
|
|
14998
|
+
function configsWhenOpenWindowEmoji() {
|
|
14999
|
+
setColorEmojiButton(FRSTTheme['colors'].primary1);
|
|
15000
|
+
// document.body.addEventListener("click", (e: any) => verifyClick(), true);
|
|
15001
|
+
// document.getElementById(iDEmojiButton).removeEventListener("click", (e: any) => setIsVisibleEmojiWindow(!isVisibleEmojiWindow), false);
|
|
15002
|
+
}
|
|
15003
|
+
function configsWhenCloseWindowEmoji() {
|
|
15004
|
+
setColorEmojiButton(FRSTTheme['colors'].neutralsGrey2);
|
|
15005
|
+
// document.body.removeEventListener("click", (e: any) => verifyClick(), true);
|
|
15006
|
+
// document.getElementById(iDEmojiButton).addEventListener("click", (e: any) => setIsVisibleEmojiWindow(!isVisibleEmojiWindow), false);
|
|
15007
|
+
}
|
|
15008
|
+
}
|
|
15009
|
+
function choseLanguage(props) {
|
|
15010
|
+
switch (props) {
|
|
15011
|
+
case 'de':
|
|
15012
|
+
return de__namespace;
|
|
15013
|
+
case 'en':
|
|
15014
|
+
return en__namespace;
|
|
15015
|
+
case 'fr':
|
|
15016
|
+
return fr__namespace;
|
|
15017
|
+
case 'it':
|
|
15018
|
+
return it__namespace;
|
|
15019
|
+
case 'pl':
|
|
15020
|
+
return pl__namespace;
|
|
15021
|
+
case 'pt':
|
|
15022
|
+
return pt__namespace;
|
|
15023
|
+
case 'ru':
|
|
15024
|
+
return ru__namespace;
|
|
15025
|
+
case 'zh':
|
|
15026
|
+
return zh__namespace;
|
|
15027
|
+
default:
|
|
15028
|
+
return en__namespace;
|
|
15029
|
+
}
|
|
15030
|
+
}
|
|
15031
|
+
function XIcon() {
|
|
15032
|
+
return (jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M17 1L1 17", stroke: "#BDBDBD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M1 1L17 17", stroke: "#BDBDBD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
15033
|
+
}
|
|
15034
|
+
|
|
15035
|
+
const InputWrapper = styled__default["default"].div `
|
|
15036
|
+
display: flex;
|
|
15037
|
+
align-items:flex-end;
|
|
15038
|
+
width: 100%;
|
|
15039
|
+
min-height: 48px;
|
|
15040
|
+
background-color: ${({ theme }) => theme.colors.shadeWhite};
|
|
15041
|
+
|
|
15042
|
+
border: 1px solid ${({ theme }) => theme.colors.neutralsGrey4};
|
|
15043
|
+
border-radius: 24px;
|
|
15044
|
+
|
|
15045
|
+
transition: all 0.2s ease-in-out;
|
|
15046
|
+
|
|
15047
|
+
&:hover {
|
|
15048
|
+
border: 1px solid ${({ theme }) => theme.colors.shadeBlack};
|
|
15049
|
+
}
|
|
15050
|
+
|
|
15051
|
+
${({ focus, theme }) => focus &&
|
|
15052
|
+
`border: 1px solid` + theme.colors.primary1 + " !important;"}
|
|
15053
|
+
`;
|
|
15054
|
+
const InputText = styled__default["default"].textarea `
|
|
15055
|
+
display: flex;
|
|
15056
|
+
align-items: center;
|
|
15057
|
+
|
|
15058
|
+
width: 100%;
|
|
15059
|
+
height: ${({ height }) => height || '20px'};
|
|
15060
|
+
outline: 0;
|
|
15061
|
+
|
|
15062
|
+
font-family: 'Work Sans';
|
|
15063
|
+
font-style: normal;
|
|
15064
|
+
font-weight: normal;
|
|
15065
|
+
font-size: 16px;
|
|
15066
|
+
line-height: 20px;
|
|
15067
|
+
letter-spacing: -0.02em;
|
|
15068
|
+
|
|
15069
|
+
overflow: hidden;
|
|
15070
|
+
resize: none;
|
|
15071
|
+
|
|
15072
|
+
padding: 0;
|
|
15073
|
+
margin: 14px;
|
|
15074
|
+
border: none;
|
|
15075
|
+
`;
|
|
15076
|
+
styled__default["default"].div `
|
|
15077
|
+
display: flex;
|
|
15078
|
+
justify-content: center;
|
|
15079
|
+
align-items: center;
|
|
15080
|
+
|
|
15081
|
+
width: 40px;
|
|
15082
|
+
height: 40px;
|
|
15083
|
+
|
|
15084
|
+
min-width: 40px;
|
|
15085
|
+
border-radius: 50%;
|
|
15086
|
+
background-color: transparent;
|
|
15087
|
+
margin: 4px;
|
|
15088
|
+
&:hover {
|
|
15089
|
+
background-color: ${({ theme }) => theme.colors.neutralsGrey6};
|
|
15090
|
+
}
|
|
15091
|
+
cursor: pointer;
|
|
15092
|
+
transition: all 0.2s ease-in-out;
|
|
15093
|
+
`;
|
|
15094
|
+
const HelperText = styled__default["default"].span `
|
|
15095
|
+
display: flex;
|
|
15096
|
+
position: absolute;
|
|
15097
|
+
align-items: center;
|
|
15098
|
+
|
|
15099
|
+
font-family: 'Work Sans';
|
|
15100
|
+
font-style: normal;
|
|
15101
|
+
font-weight: 400;
|
|
15102
|
+
font-size: 12px;
|
|
15103
|
+
line-height: 14px;
|
|
15104
|
+
|
|
15105
|
+
letter-spacing: -0.02em;
|
|
15106
|
+
|
|
15107
|
+
color: ${({ theme }) => theme.colors.neutralsGrey2};
|
|
15108
|
+
|
|
15109
|
+
margin-top: 8px;
|
|
15110
|
+
margin-left: 13px;
|
|
15111
|
+
`;
|
|
15112
|
+
styled__default["default"].div `
|
|
15113
|
+
width: 375px;
|
|
15114
|
+
height: 332px;
|
|
15115
|
+
overflow: hidden;
|
|
15116
|
+
display:${({ visible }) => visible ? 'flex' : 'none'};
|
|
15117
|
+
justify-content: center;
|
|
15118
|
+
top: -330px;
|
|
15119
|
+
right: 0px;
|
|
15120
|
+
background-color: ${({ theme }) => theme.colors.shadeWhite};
|
|
15121
|
+
border: 1px solid ${({ theme }) => theme.colors.neutralsGrey4};
|
|
15122
|
+
position: absolute;
|
|
15123
|
+
|
|
15124
|
+
|
|
15125
|
+
& > div:nth-child(1) > em-emoji-picker:nth-child(1) {
|
|
15126
|
+
padding: 10px;
|
|
15127
|
+
padding-top: 5px;
|
|
15128
|
+
height: 332px;
|
|
15129
|
+
}
|
|
15130
|
+
`;
|
|
15131
|
+
// transform: scale(0.845);
|
|
15132
|
+
|
|
15133
|
+
function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, showCharacterCounter, IDInput, styles, disabled, emojiWindowlanguage }) {
|
|
15134
|
+
const [focus, setFocus] = React.useState(false);
|
|
15135
|
+
// Emoji Window States
|
|
15136
|
+
const refInput = React.useRef(null);
|
|
15137
|
+
const [isOpenPicker, setIsOpenPicker] = React.useState();
|
|
15138
|
+
// TextArea states
|
|
15139
|
+
const [stringValueTextArea, setStringValueTextArea] = React.useState(value);
|
|
15140
|
+
React.useEffect(() => {
|
|
15141
|
+
resizeTextArea(refInput);
|
|
15142
|
+
onChange(stringValueTextArea);
|
|
15143
|
+
}, [stringValueTextArea]);
|
|
15144
|
+
const onEmojiClick = (emojiObject) => {
|
|
15145
|
+
if (!stringValueTextArea || stringValueTextArea?.length < limit) {
|
|
15146
|
+
let lastPositionStart = refInput.current.selectionStart;
|
|
15147
|
+
let lastPositionEnd = refInput.current.selectionEnd;
|
|
15148
|
+
let newStringWithEmoji = handleStringToIncluedEmoji([lastPositionStart, lastPositionEnd], emojiObject.native, refInput.current.innerHTML);
|
|
15149
|
+
setStringValueTextArea(newStringWithEmoji + '');
|
|
15150
|
+
repositionCursorAfterNewEmojiInTextArea([lastPositionStart, lastPositionEnd], emojiObject?.native?.length);
|
|
15151
|
+
}
|
|
15152
|
+
};
|
|
15153
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, children: [jsxRuntime.jsxs(InputWrapper, { focus: focus, children: [jsxRuntime.jsx(InputText, { ref: refInput, onFocus: () => setFocus(true), onBlur: () => {
|
|
15154
|
+
setFocus(false);
|
|
15155
|
+
}, onChange: (e) => setStringValueTextArea(e.target.value), value: stringValueTextArea, placeholder: placeholder, maxLength: limit, disabled: disabled }), hasEmoji &&
|
|
15156
|
+
jsxRuntime.jsx(EmojiPicker, { isOpenPicker: isOpenPicker, setIsOpenPicker: setIsOpenPicker, onEmojiSelect: (emoji) => onEmojiClick(emoji), configPicker: {
|
|
15157
|
+
title: 'FRST FALCONI',
|
|
15158
|
+
perLine: 10,
|
|
15159
|
+
sheetSize: 8,
|
|
15160
|
+
language: 'pt'
|
|
15161
|
+
} })] }), showCharacterCounter &&
|
|
15162
|
+
jsxRuntime.jsxs(HelperText, { children: [limit - remain, "/", limit] })] }) }));
|
|
15163
|
+
function resizeTextArea(refInput) {
|
|
15164
|
+
const txResize = (tx) => {
|
|
15165
|
+
tx.style.height = '20px';
|
|
15166
|
+
tx.style.height = tx.scrollHeight + 'px';
|
|
15167
|
+
// setHeightPositionWindowEmoji(tx.scrollHeight - 350 + 'px')
|
|
15168
|
+
};
|
|
15169
|
+
{
|
|
15170
|
+
refInput.current && refInput.current.style && txResize(refInput.current);
|
|
15171
|
+
}
|
|
15172
|
+
}
|
|
15173
|
+
function handleStringToIncluedEmoji(pos, emojiObject, stringValueTextArea) {
|
|
15174
|
+
let finalString = '';
|
|
15175
|
+
if (stringValueTextArea) {
|
|
15176
|
+
if (pos[0] == pos[1]) {
|
|
15177
|
+
finalString = stringValueTextArea.substr(0, pos[0]) + emojiObject + stringValueTextArea.substr(pos[1]);
|
|
15178
|
+
}
|
|
15179
|
+
else if (pos[0] < pos[1]) {
|
|
15180
|
+
finalString = stringValueTextArea.substr(0, pos[0]) + emojiObject + stringValueTextArea.substr(pos[1], stringValueTextArea.length);
|
|
15181
|
+
}
|
|
15182
|
+
else {
|
|
15183
|
+
finalString = stringValueTextArea + emojiObject;
|
|
15184
|
+
}
|
|
15185
|
+
return finalString;
|
|
15186
|
+
}
|
|
15187
|
+
else {
|
|
15188
|
+
return emojiObject;
|
|
15189
|
+
}
|
|
15190
|
+
}
|
|
15191
|
+
function repositionCursorAfterNewEmojiInTextArea(pos, lenghtEmoji) {
|
|
15192
|
+
let newPos = 0;
|
|
15193
|
+
console.log('lenghtEmoji ', lenghtEmoji);
|
|
15194
|
+
console.log('pos ', pos);
|
|
15195
|
+
if (pos[0] != pos[1]) { // Cursor in multiple chars selected
|
|
15196
|
+
newPos = pos[0] + (lenghtEmoji ? lenghtEmoji : 0);
|
|
15197
|
+
}
|
|
15198
|
+
else { // Cursor text in specific point
|
|
15199
|
+
newPos = pos[1] + (lenghtEmoji ? lenghtEmoji : 0);
|
|
15200
|
+
}
|
|
15201
|
+
refInput.current.setSelectionRange(newPos, newPos);
|
|
15202
|
+
}
|
|
15203
|
+
}
|
|
15204
|
+
|
|
14786
15205
|
exports.AccordionTrackList = AccordionTrackList;
|
|
14787
15206
|
exports.AddIcon = AddIcon;
|
|
14788
15207
|
exports.AlertCicle = AlertCicle;
|
|
@@ -14826,6 +15245,7 @@ exports.ContentThumbnails = ContentThumbnails;
|
|
|
14826
15245
|
exports.DateRangePicker = StepLearningCycle;
|
|
14827
15246
|
exports.Diamond = Diamond;
|
|
14828
15247
|
exports.DoubleCheck = DoubleCheck;
|
|
15248
|
+
exports.EmojiPicker = EmojiPicker;
|
|
14829
15249
|
exports.ExclusiveClassCard = ExclusiveClassCard;
|
|
14830
15250
|
exports.ExitArrow = ExitArrow;
|
|
14831
15251
|
exports.ExtraContent = ExtraContent;
|
|
@@ -14842,7 +15262,8 @@ exports.HomeFilledIcon = HomeFilledIcon;
|
|
|
14842
15262
|
exports.HomeLineIcon = HomeLineIcon;
|
|
14843
15263
|
exports.IconContent = IconContent;
|
|
14844
15264
|
exports.IconNotification = IconNotification;
|
|
14845
|
-
exports.InputComment = InputComment;
|
|
15265
|
+
exports.InputComment = InputComment$1;
|
|
15266
|
+
exports.InputCommentV2 = InputComment;
|
|
14846
15267
|
exports.InstagramIcon = InstagramIcon;
|
|
14847
15268
|
exports.InteractionsModal = InteractionsModal;
|
|
14848
15269
|
exports.LampFilledIcon = LampFilledIcon;
|