@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7
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/api/StokrWeb3.js +3 -3
- package/dist/api/auth.js +16 -53
- package/dist/api/fetchData.js +26 -66
- package/dist/api/fetchDataPublic.js +20 -57
- package/dist/components/2FA/Connect2FA.js +10 -11
- package/dist/components/2FA/EnterCode.js +32 -30
- package/dist/components/2FA/EnterCode.stories.js +4 -8
- package/dist/components/2FA/InstallAuthApp.js +8 -9
- package/dist/components/2FA/ResetCode.js +11 -12
- package/dist/components/2FA/Sucess2FA.js +12 -16
- package/dist/components/2FA/disable-2fa-flow.js +53 -104
- package/dist/components/2FA/disable-2fa-flow.stories.js +4 -8
- package/dist/components/2FA/enable-2fa-flow.js +73 -144
- package/dist/components/2FA/enable-2fa-flow.stories.js +4 -8
- package/dist/components/2FA/index.js +9 -9
- package/dist/components/2FA/login-with-otp-flow.js +126 -206
- package/dist/components/2FA/login-with-otp-flow.stories.js +4 -8
- package/dist/components/2FA/main-flow.js +70 -144
- package/dist/components/2FA/main-flow.stories.js +4 -8
- package/dist/components/AccountBalance/AccountBalance.js +14 -13
- package/dist/components/AccountBalance/AccountBalance.stories.js +6 -12
- package/dist/components/AccountBalance/AccountBalance.styles.js +9 -17
- package/dist/components/AdminDashboard/Table/ReactTable.js +77 -84
- package/dist/components/AdminDashboard/Table/ReactTable.stories.js +87 -63
- package/dist/components/AdminDashboard/Table/ReactTableWrapper.js +24 -30
- package/dist/components/AdminDashboard/Table/Table.js +88 -123
- package/dist/components/AdminDashboard/Table/Table.styles.js +28 -90
- package/dist/components/AgreementItem/AgreementItem.js +10 -11
- package/dist/components/AgreementItem/AgreementItem.stories.js +5 -10
- package/dist/components/AgreementItem/AgreementItem.styles.js +8 -12
- package/dist/components/AnalyticGraphs/Analytic.js +504 -743
- package/dist/components/AnalyticGraphs/Analytic.styles.js +14 -26
- package/dist/components/BackButton/BackButton.js +9 -10
- package/dist/components/BackButton/BackButton.stories.js +4 -8
- package/dist/components/BackButton/BackButton.styles.js +13 -51
- package/dist/components/Background/Background.js +12 -11
- package/dist/components/Background/Background.stories.js +8 -14
- package/dist/components/Background/Background.styles.js +17 -33
- package/dist/components/BarChart/BarChart.js +138 -181
- package/dist/components/BarChart/BarChart.stories.js +5 -10
- package/dist/components/BarChart/BarChart.styles.js +8 -15
- package/dist/components/BarChartLegend/BarChartLegend.js +40 -67
- package/dist/components/BarChartLegend/BarChartLegend.styles.js +5 -10
- package/dist/components/BasicTable/BasicTable.js +12 -13
- package/dist/components/BasicTable/BasicTable.stories.js +5 -10
- package/dist/components/BasicTable/BasicTable.styles.js +11 -27
- package/dist/components/BlogPost/BlogPost.js +34 -53
- package/dist/components/BlogPost/BlogPost.stories.js +33 -46
- package/dist/components/BlogPost/BlogPost.styles.js +67 -59
- package/dist/components/Button/Button-stoDetails.js +150 -129
- package/dist/components/Button/Button.stories.js +27 -44
- package/dist/components/Button/Button.styles.js +24 -62
- package/dist/components/Button/GlareButton.js +61 -89
- package/dist/components/Button/GlareButton.stories.js +19 -29
- package/dist/components/ButtonContainer/ButtonContainer.styles.js +5 -10
- package/dist/components/CapitalRaisedSummary/CapitalRaisedSummery.stories.js +4 -8
- package/dist/components/CapitalRaisedSummary/CaptialRaisedSummary.js +9 -10
- package/dist/components/CapitalRaisedSummary/CaptialRaisedSummary.styles.js +8 -17
- package/dist/components/Card/Card.styles.js +14 -41
- package/dist/components/ChartBox/ChartBox.js +5 -8
- package/dist/components/ChartBox/ChartBox.stories.js +3 -6
- package/dist/components/ChartBox/ChartBox.styles.js +8 -14
- package/dist/components/ChartBox/ChartBoxDistribution.js +5 -8
- package/dist/components/ChartBox/ChartBoxDistribution.stories.js +3 -6
- package/dist/components/ChartLegend/ChartLegend.js +30 -46
- package/dist/components/ChartLegend/ChartLegend.stories.js +22 -28
- package/dist/components/ChartLegend/ChartLegend.styles.js +16 -41
- package/dist/components/Checkbox/Checkbox.js +32 -32
- package/dist/components/Checkbox/Checkbox.stories.js +5 -10
- package/dist/components/Checkbox/Checkbox.styles.js +10 -23
- package/dist/components/Checklist/ChecklistCard.js +33 -35
- package/dist/components/Checklist/ChecklistCard.stories.js +77 -100
- package/dist/components/Checklist/ChecklistCard.styles.js +12 -15
- package/dist/components/Chips/Chip.js +14 -13
- package/dist/components/Chips/Chip.stories.js +10 -19
- package/dist/components/Chips/Chip.styles.js +14 -14
- package/dist/components/Chips/ChipWrapper.js +23 -41
- package/dist/components/Chips/ChipsWrapper.stories.js +9 -17
- package/dist/components/ComponentScroll/ComponentScroll.js +25 -34
- package/dist/components/ComponentScroll/ComponentScroll.stories.js +16 -23
- package/dist/components/ComponentScroll/ComponentScroll.styles.js +22 -47
- package/dist/components/ComponentWrapper/ComponentWrapper.styles.js +7 -61
- package/dist/components/CryptoAddress/ComponentWrap.js +10 -11
- package/dist/components/CryptoAddress/CryptoAddress.js +51 -68
- package/dist/components/CryptoAddress/CryptoAddress.stories.js +7 -13
- package/dist/components/CryptoAddress/CryptoAddress.styles.js +55 -124
- package/dist/components/CryptoAddress/RadioWrap.js +9 -10
- package/dist/components/CryptoAddressDetails/CryptoAddressDetails.js +24 -25
- package/dist/components/CryptoAddressDetails/CryptoAddressDetails.stories.js +5 -10
- package/dist/components/CryptoAddressDetails/CryptoAddressDetails.styles.js +12 -42
- package/dist/components/CryptoAddressWrapper/CryptoAddressWrapper.js +10 -9
- package/dist/components/CryptoAddressWrapper/CryptoAddressWrapper.styles.js +16 -27
- package/dist/components/DonutChart/DonutChart.js +101 -130
- package/dist/components/DonutChart/DonutChart.stories.js +4 -8
- package/dist/components/DonutChart/DonutChart.styles.js +15 -27
- package/dist/components/DoubleButton/DoubleButton.styles.js +8 -8
- package/dist/components/ErrorMessage/ErrorMessage.styles.js +3 -5
- package/dist/components/FAQ/FAQ.js +29 -45
- package/dist/components/FAQ/FAQ.stories.js +4 -9
- package/dist/components/FAQ/FAQ.styles.js +23 -39
- package/dist/components/Footer/Footer.js +9 -10
- package/dist/components/Footer/Footer.stories.js +6 -12
- package/dist/components/Footer/Footer.styles.js +22 -46
- package/dist/components/Footer/FooterLayout.js +16 -20
- package/dist/components/Footer/FooterLayout.stories.js +4 -8
- package/dist/components/Footer/FooterMenu.js +61 -83
- package/dist/components/Footer/FooterMenu.stories.js +4 -8
- package/dist/components/Footer/FooterMenu.styles.js +16 -39
- package/dist/components/Footer/index.js +4 -4
- package/dist/components/ForgotPasswordModal/ForgotPasswordModal.js +92 -114
- package/dist/components/ForgotPasswordModal/ForgotPasswordModal.stories.js +4 -8
- package/dist/components/Form/Form.js +15 -14
- package/dist/components/Form/Form.stories.js +4 -8
- package/dist/components/Form/Form.styles.js +16 -36
- package/dist/components/FullscreenCard/FullscreenCard.styles.js +7 -12
- package/dist/components/Grid/Grid.styles.js +17 -68
- package/dist/components/Header/Header.js +98 -163
- package/dist/components/Header/Header.stories.js +17 -28
- package/dist/components/Header/Header.styles.js +61 -124
- package/dist/components/HeroBlock/HeroVideoBlock.js +20 -25
- package/dist/components/Icon/Icon.style.js +10 -22
- package/dist/components/Icon/Icon2.js +11 -13
- package/dist/components/InfoIcon/InfoIcon.js +18 -17
- package/dist/components/InfoIcon/InfoIcon.stories.js +5 -10
- package/dist/components/InfoIcon/InfoIcon.styles.js +5 -21
- package/dist/components/InfoPanel/InfoPanel.js +26 -48
- package/dist/components/Input/DatePickerInput.js +21 -33
- package/dist/components/Input/DatePickerInput.stories.js +5 -10
- package/dist/components/Input/DatePickerInput.styles.js +5 -19
- package/dist/components/Input/Input.js +43 -51
- package/dist/components/Input/Input.stories.js +9 -16
- package/dist/components/Input/Input.styles.js +8 -43
- package/dist/components/Input/InputPassword.js +30 -50
- package/dist/components/Input/InputPassword.stories.js +6 -12
- package/dist/components/Input/InputPassword.styles.js +30 -57
- package/dist/components/Input/InputUsername.js +83 -102
- package/dist/components/Input/InputWithButton.js +20 -19
- package/dist/components/Input/InputWithButton.stories.js +5 -9
- package/dist/components/Input/InputWithButton.styles.js +7 -19
- package/dist/components/Input/OtpInput.js +27 -42
- package/dist/components/Input/OtpInput.stories.js +5 -11
- package/dist/components/Input/RangeInput.js +29 -25
- package/dist/components/Input/RangeInput.stories.js +4 -8
- package/dist/components/Input/RangeInput.styles.js +15 -42
- package/dist/components/Input/Select.js +68 -89
- package/dist/components/Input/Select.stories.js +6 -12
- package/dist/components/Input/Select.styles.js +12 -32
- package/dist/components/InvestCalculator/InvestCalculator.js +245 -243
- package/dist/components/InvestCalculator/InvestCalculator.stories.js +18 -21
- package/dist/components/InvestCalculator/InvestCalculator.styles.js +14 -33
- package/dist/components/InvestmentStat/InvestmentStat.js +11 -10
- package/dist/components/InvestmentStat/InvestmentStat.stories.js +5 -10
- package/dist/components/InvestmentStat/InvestmentStat.styles.js +12 -24
- package/dist/components/KYCFlow/BasicInfo.js +419 -460
- package/dist/components/KYCFlow/Confirmation.js +12 -17
- package/dist/components/KYCFlow/DocumentFileUpload.js +214 -227
- package/dist/components/KYCFlow/DocumentScan.js +16 -15
- package/dist/components/KYCFlow/DocumentScanUpload.js +203 -210
- package/dist/components/KYCFlow/DocumentSelect.js +87 -117
- package/dist/components/KYCFlow/DocumentSuccess.js +14 -15
- package/dist/components/KYCFlow/DocumentUpload.js +10 -11
- package/dist/components/KYCFlow/DocumentVerificationType.js +98 -128
- package/dist/components/KYCFlow/FaceScan.js +10 -11
- package/dist/components/KYCFlow/FaceScanRecognition.js +14 -13
- package/dist/components/KYCFlow/FaceScanSuccess.js +10 -13
- package/dist/components/KYCFlow/Terms.js +90 -113
- package/dist/components/KYCFlow/_styles.js +37 -86
- package/dist/components/KYCFlow/index.js +14 -14
- package/dist/components/KYCSelectBox/KYCSelectBox.styles.js +7 -19
- package/dist/components/LatestUpdate/LatestUpdate.js +12 -11
- package/dist/components/LatestUpdate/LatestUpdate.stories.js +5 -10
- package/dist/components/LatestUpdate/LatestUpdate.styles.js +15 -28
- package/dist/components/Layout/Layout-func-no-work.js +24 -24
- package/dist/components/Layout/Layout.js +47 -68
- package/dist/components/Layout/Layout.stories.js +5 -12
- package/dist/components/LearnMoreCarousel/LearnMoreCarousel.js +13 -12
- package/dist/components/LearnMoreCarousel/LearnMoreCarousel.stories.js +5 -10
- package/dist/components/LearnMoreCarousel/LearnMoreCarousel.styles.js +10 -22
- package/dist/components/LearnMorePage/LearnMore.js +134 -174
- package/dist/components/LearnMorePage/LearnMore.shared.styles.js +7 -22
- package/dist/components/LearnMorePage/LearnMore.stories.js +4 -8
- package/dist/components/LearnMorePage/LearnMore.styles.js +24 -74
- package/dist/components/LearnMorePage/LearnMoreExampleObject.js +3 -5
- package/dist/components/LearnMorePage/LearnMoreItem.js +11 -16
- package/dist/components/LearnMorePage/LearnMoreItem.stories.js +4 -8
- package/dist/components/LearnMorePage/LearnMoreItem.styles.js +18 -54
- package/dist/components/LearnMoreSection/LearnMore.js +119 -158
- package/dist/components/LearnMoreSection/LearnMore.stories.js +4 -8
- package/dist/components/LearnMoreSection/LearnMore.styles.js +15 -41
- package/dist/components/LearnMoreSection/LearnMoreItem.js +14 -15
- package/dist/components/LearnMoreSection/LearnMoreItem.stories.js +4 -8
- package/dist/components/LearnMoreSection/LearnMoreItem.styles.js +9 -23
- package/dist/components/LoginModal/LoginModal.js +35 -41
- package/dist/components/LoginModal/LoginModal.stories.js +8 -12
- package/dist/components/MainMenu/DynamicMainMenu.js +11 -14
- package/dist/components/MainMenu/MainMenu.js +157 -190
- package/dist/components/MainMenu/MainMenu.styles.js +48 -89
- package/dist/components/MatomoConnect/Matomo.js +201 -463
- package/dist/components/MenuNav/MenuNav.styles.js +5 -9
- package/dist/components/Modal/Modal.js +46 -48
- package/dist/components/Modal/Modal.stories.js +8 -16
- package/dist/components/Modal/Modal.styles.js +34 -96
- package/dist/components/Modal/NewVentureModal/NewVentureModal.js +69 -95
- package/dist/components/Modal/NewVentureModal/NewVentureModal.stories.js +22 -43
- package/dist/components/Modal/PaymentModal.js +43 -54
- package/dist/components/Modal/PaymentModal.stories.js +4 -8
- package/dist/components/MultiProgressBar/MultiProgressBar.js +19 -23
- package/dist/components/MultiProgressBar/MultiProgressBar.stories.js +6 -12
- package/dist/components/MultiProgressBar/MultiProgressBar.styles.js +9 -22
- package/dist/components/Newsletter/Newsletter.js +65 -100
- package/dist/components/Newsletter/Newsletter.stories.js +4 -8
- package/dist/components/Newsletter/Newsletter.styles.js +47 -44
- package/dist/components/NotificationContext/NotificationContext.js +93 -125
- package/dist/components/NotificationCounter/NotificationCounter.styles.js +4 -16
- package/dist/components/Number/Number.js +13 -10
- package/dist/components/Number/Number.stories.js +23 -41
- package/dist/components/Number/Number.styles.js +4 -10
- package/dist/components/PageTransition/PageTransition.js +16 -19
- package/dist/components/Pagination/Pagination.js +22 -25
- package/dist/components/Pagination/Pagination.stories.js +29 -36
- package/dist/components/Pagination/Pagination.styles.js +8 -15
- package/dist/components/Pagination/PaginationControls.js +32 -36
- package/dist/components/Pagination/PaginationControls.stories.js +33 -62
- package/dist/components/Pagination/usePagination.js +29 -37
- package/dist/components/Process/Process.stories.js +6 -12
- package/dist/components/Process/Process.styles.js +6 -16
- package/dist/components/ProfileBadge/ProfileBadge.js +12 -11
- package/dist/components/ProfileBadge/ProfileBadge.stories.js +5 -9
- package/dist/components/ProfileBadge/ProfileBadge.styles.js +13 -19
- package/dist/components/ProfileBox/ProfileBox.js +15 -17
- package/dist/components/ProfileBox/ProfileBox.stories.js +5 -9
- package/dist/components/ProfileBox/ProfileBox.styles.js +9 -21
- package/dist/components/ProfileHeader/ProfileHeader.js +163 -199
- package/dist/components/ProfileHeader/ProfileHeader.styles.js +24 -46
- package/dist/components/ProfileStat/ProfileStat.js +12 -11
- package/dist/components/ProfileStat/ProfileStat.stories.js +6 -12
- package/dist/components/ProfileStat/ProfileStat.styles.js +9 -23
- package/dist/components/ProofOfAddress/ProofOfAddress.styles.js +20 -36
- package/dist/components/QRCode/QRCode.js +30 -30
- package/dist/components/QRCode/QRCode.stories.js +14 -26
- package/dist/components/ROI/ROI.js +225 -261
- package/dist/components/ROI/ROI.styles.js +13 -25
- package/dist/components/ROI/ROIChart.js +196 -303
- package/dist/components/ROI/ROIChart.styles.js +7 -11
- package/dist/components/ROI/ROIModal.js +13 -20
- package/dist/components/ROI/ROIParkingo.js +208 -244
- package/dist/components/ROI/ROIPixelmatic.js +209 -245
- package/dist/components/ROI/ROIScenarioBox.js +9 -8
- package/dist/components/ROI/ROIScenarioBox.styles.js +10 -33
- package/dist/components/Radio/Radio.js +19 -18
- package/dist/components/Radio/Radio.stories.js +4 -8
- package/dist/components/Radio/Radio.styles.js +5 -14
- package/dist/components/RefreshButton/RefreshButton.js +6 -5
- package/dist/components/RefreshButton/RefreshButton.stories.js +5 -10
- package/dist/components/RefreshButton/RefreshButton.styles.js +9 -24
- package/dist/components/RegisterConfirmModal/RegisterConfirmModal.js +17 -18
- package/dist/components/RegisterConfirmModal/RegisterConfirmModal.stories.js +5 -9
- package/dist/components/RegisterConfirmModal/RegisterConfirmModal.styles.js +3 -4
- package/dist/components/RegisterLiquidSteps/RegisterLiquidSteps.js +46 -70
- package/dist/components/RegisterLiquidSteps/RegisterLiquidSteps.styles.js +10 -22
- package/dist/components/RegisterLiquidSteps/complete.js +4 -5
- package/dist/components/RegisterLiquidSteps/flow.js +53 -99
- package/dist/components/RegisterLiquidSteps/index.js +7 -22
- package/dist/components/RegisterLiquidSteps/register-liquid.js +62 -102
- package/dist/components/RegisterModal/RegisterModal.js +82 -118
- package/dist/components/RegisterModal/RegisterModal.stories.js +5 -9
- package/dist/components/RequestDataBox/RequestDataBox.js +9 -8
- package/dist/components/RequestDataBox/RequestDataBox.stories.js +4 -8
- package/dist/components/RequestDataBox/RequestDataBox.styles.js +7 -12
- package/dist/components/ResetConfirmModal/ResetConfirmModal.js +10 -11
- package/dist/components/ResetConfirmModal/ResetConfirmModal.styles.js +3 -4
- package/dist/components/ResetPasswordModal/ResetPasswordModal.js +29 -28
- package/dist/components/SEO/SEO.js +11 -10
- package/dist/components/SEO/SEO.stories.js +4 -8
- package/dist/components/SectionTitle/SectionTitle.styles.js +3 -5
- package/dist/components/ShareButton/ShareButton.js +132 -145
- package/dist/components/SideLine/SideLine.js +3 -6
- package/dist/components/SideLine/SideLine.stories.js +3 -6
- package/dist/components/SideLine/SideLine.styles.js +6 -12
- package/dist/components/SigningSubflow/SignSubIntro.js +9 -8
- package/dist/components/SigningSubflow/_styles.js +9 -20
- package/dist/components/SigningSubflow/index.js +5 -5
- package/dist/components/Slider/Slider.js +16 -16
- package/dist/components/Slider/Slider.stories.js +5 -10
- package/dist/components/Slider/Slider.styles.js +5 -8
- package/dist/components/SpanButton/SpanButton.styles.js +3 -6
- package/dist/components/StatusBadge/StatusBadge.styles.js +4 -10
- package/dist/components/StepController/StepController.js +49 -74
- package/dist/components/StepController/StepController.stories.js +4 -8
- package/dist/components/StepController/StepController.styles.js +6 -12
- package/dist/components/StepController/StepControllerContext.js +46 -68
- package/dist/components/StepController/StepControllerProgress.js +16 -19
- package/dist/components/StepController/StepControllerProgress.stories.js +4 -8
- package/dist/components/StepsProgress/StepsProgress.js +44 -58
- package/dist/components/StepsProgress/StepsProgress.stories.js +33 -35
- package/dist/components/StepsProgress/StepsProgress.styles.js +7 -15
- package/dist/components/StokrLoader/StokrLoader.js +20 -23
- package/dist/components/StokrLoader/media.js +5 -7
- package/dist/components/SvgIcons/AdminBadgeSvg.js +16 -19
- package/dist/components/SvgIcons/CameraSvg.js +26 -29
- package/dist/components/SvgIcons/CapsLockSvg.js +21 -24
- package/dist/components/SvgIcons/DocumentBackSvg.js +25 -28
- package/dist/components/SvgIcons/DocumentSmallSvg.js +51 -54
- package/dist/components/SvgIcons/DocumentSvg.js +28 -31
- package/dist/components/SvgIcons/Early.js +14 -17
- package/dist/components/SvgIcons/EthSvg.js +30 -33
- package/dist/components/SvgIcons/EurSvg.js +16 -19
- package/dist/components/SvgIcons/FaceScanIconSvg.js +21 -24
- package/dist/components/SvgIcons/FourSvg.js +11 -14
- package/dist/components/SvgIcons/Glassess.js +19 -22
- package/dist/components/SvgIcons/LogoSvg.js +14 -17
- package/dist/components/SvgIcons/OneSvg.js +13 -16
- package/dist/components/SvgIcons/PassportSvg.js +46 -49
- package/dist/components/SvgIcons/RefreshSvg.js +17 -20
- package/dist/components/SvgIcons/SocialFacebook.js +20 -23
- package/dist/components/SvgIcons/SocialInstagram.js +11 -14
- package/dist/components/SvgIcons/SocialLinkedIn.js +25 -28
- package/dist/components/SvgIcons/SocialMedium.js +15 -18
- package/dist/components/SvgIcons/SocialReddit.js +15 -18
- package/dist/components/SvgIcons/SocialTelegram.js +49 -52
- package/dist/components/SvgIcons/SocialTwitter.js +44 -47
- package/dist/components/SvgIcons/SocialYoutube.js +15 -18
- package/dist/components/SvgIcons/ThreeSvg.js +10 -13
- package/dist/components/SvgIcons/TwoSidedDocumentSvg.js +72 -75
- package/dist/components/SvgIcons/TwoSvg.js +13 -16
- package/dist/components/SvgIcons/UpdateDefaultSvg.js +19 -22
- package/dist/components/SvgIcons/UpdateHardSvg.js +15 -18
- package/dist/components/SvgIcons/UpdateSoftSvg.js +17 -20
- package/dist/components/SvgIcons/UploadSvg.js +24 -27
- package/dist/components/SvgIcons/VerifiedBadge.js +13 -16
- package/dist/components/SvgIcons/index.js +32 -32
- package/dist/components/Switch/Switch.js +23 -37
- package/dist/components/Switch/Switch.stories.js +8 -14
- package/dist/components/Switch/Switch.styles.js +8 -33
- package/dist/components/Tabs/Tabs.js +19 -21
- package/dist/components/Tabs/Tabs.stories.js +4 -8
- package/dist/components/Tabs/Tabs.styles.js +4 -6
- package/dist/components/TabsNav/TabNav.js +14 -13
- package/dist/components/TabsNav/TabNav.stories.js +5 -10
- package/dist/components/TabsNav/TabsNav.js +14 -14
- package/dist/components/TabsNav/TabsNav.stories.js +4 -8
- package/dist/components/TabsNav/TabsNav.styles.js +10 -25
- package/dist/components/TeamOverview/TeamOverview.js +38 -84
- package/dist/components/TeamOverview/TeamOverview.stories.js +5 -10
- package/dist/components/TeamOverview/TeamOverview.styles.js +18 -35
- package/dist/components/TermsModal/TermsModal.js +49 -79
- package/dist/components/TermsModal/TermsModal.stories.js +4 -8
- package/dist/components/TermsModal/_styles.js +35 -100
- package/dist/components/Text/Headline.js +15 -14
- package/dist/components/Text/Headline.stories.js +4 -8
- package/dist/components/Text/StyledText.js +5 -8
- package/dist/components/Text/Text.stories.js +5 -10
- package/dist/components/Text/Text.styles.js +15 -37
- package/dist/components/TextLink/TextLink.styles.js +6 -17
- package/dist/components/ToDoList/ToDoList.js +76 -85
- package/dist/components/ToDoList/ToDoList.stories.js +7 -14
- package/dist/components/ToDoList/ToDoList.styles.js +34 -43
- package/dist/components/ToDoList/ToDoListTask.js +22 -35
- package/dist/components/ToDoList/ToDoListTask.stories.js +5 -10
- package/dist/components/ToDoList/ToDoListTask.styles.js +13 -40
- package/dist/components/TransactionDetails/TransactionDetails.js +9 -19
- package/dist/components/TransactionDetails/TransactionDetails.stories.js +5 -10
- package/dist/components/TransactionDetails/TransactionDetails.styles.js +6 -15
- package/dist/components/TransactionInfo/TransactionInfo.js +18 -17
- package/dist/components/TransactionInfo/TransactionInfo.stories.js +4 -8
- package/dist/components/TransactionInfo/TransactionInfo.styles.js +10 -31
- package/dist/components/TwoFactorModal/TwoFactorModal.js +72 -94
- package/dist/components/VerifyEmailModal/VerifyEmailModal.js +49 -48
- package/dist/components/VerifyEmailModal/VerifyEmailModal.stories.js +6 -11
- package/dist/components/breakdown/Breakdown.js +38 -36
- package/dist/components/breakdown/index.js +3 -5
- package/dist/components/headerHo/HeaderHo.js +585 -769
- package/dist/components/headerHo/HeaderHo.stories.js +9 -13
- package/dist/components/headerHo/index.js +3 -5
- package/dist/components/icons/Arrow.js +43 -46
- package/dist/components/icons/Arrow.stories.js +7 -14
- package/dist/components/icons/ArrowSimple.js +32 -35
- package/dist/components/icons/ArrowSimple.stories.js +7 -14
- package/dist/components/icons/Check.js +28 -31
- package/dist/components/icons/Check.stories.js +3 -6
- package/dist/components/icons/Facebook.js +11 -14
- package/dist/components/icons/Facebook.stories.js +3 -6
- package/dist/components/icons/Info.js +40 -43
- package/dist/components/icons/Info.stories.js +3 -6
- package/dist/components/icons/Instagram.js +11 -14
- package/dist/components/icons/Instagram.stories.js +3 -6
- package/dist/components/icons/LinkIcon.js +19 -22
- package/dist/components/icons/LinkIcon.stories.js +3 -6
- package/dist/components/icons/LinkedIn.js +28 -31
- package/dist/components/icons/LinkedIn.stories.js +3 -6
- package/dist/components/icons/Medium.js +27 -30
- package/dist/components/icons/Medium.stories.js +3 -6
- package/dist/components/icons/Reddit.js +17 -20
- package/dist/components/icons/Reddit.stories.js +3 -6
- package/dist/components/icons/Share.js +47 -50
- package/dist/components/icons/Share.stories.js +3 -6
- package/dist/components/icons/Telegram.js +27 -30
- package/dist/components/icons/Telegram.stories.js +3 -6
- package/dist/components/icons/Twitter.js +11 -14
- package/dist/components/icons/Twitter.stories.js +3 -6
- package/dist/components/icons/X.js +11 -14
- package/dist/components/icons/X.stories.js +3 -6
- package/dist/components/icons/Youtube.js +11 -14
- package/dist/components/icons/Youtube.stories.js +3 -6
- package/dist/components/icons/index.js +15 -15
- package/dist/components/landing-page/List.js +3 -5
- package/dist/components/landing-page/PageContent.js +5 -7
- package/dist/components/landing-page/PageText.js +12 -16
- package/dist/components/landing-page/PageTitle.js +16 -47
- package/dist/components/logo/Logo.js +49 -71
- package/dist/components/logo/index.js +3 -5
- package/dist/components/renderToBody/index.js +3 -5
- package/dist/components/renderToBody/renderToBody.js +39 -60
- package/dist/components/taxId/TaxId.stories.js +11 -16
- package/dist/components/taxId/complete.js +9 -11
- package/dist/components/taxId/flow.js +22 -34
- package/dist/components/taxId/index.js +4 -4
- package/dist/components/taxId/register-taxid.js +54 -92
- package/dist/components/video/Video.js +69 -84
- package/dist/components/video/Video.stories.js +5 -9
- package/dist/components/video/index.js +3 -5
- package/dist/constants/globalVariables.js +10 -20
- package/dist/constants/style.js +23 -46
- package/dist/context/Auth.js +247 -340
- package/dist/context/AuthContext.js +545 -1023
- package/dist/context/Checkbox/CheckboxContext.js +65 -117
- package/dist/firebase-config.js +4 -6
- package/dist/hooks/useNewVentureForm.js +128 -193
- package/dist/hooks/useTimer.js +29 -51
- package/dist/index.js +134 -134
- package/dist/model/axios.js +4 -5
- package/dist/model/axiosPublic.js +4 -5
- package/dist/services/TimerService.js +70 -89
- package/dist/static/images/copy_icon.svg +4 -0
- package/dist/styles/colors.js +2 -4
- package/dist/styles/fonts.js +3 -4
- package/dist/styles/global.js +3 -4
- package/dist/styles/grid.js +4 -5
- package/dist/styles/reactTippy.js +3 -4
- package/dist/styles/rwd.js +12 -26
- package/dist/styles/semanticUi.js +3 -4
- package/dist/styles/spacing.js +2 -3
- package/dist/styles/theme.js +6 -9
- package/dist/utils/allowed-countries-list.js +2 -3
- package/dist/utils/analytics.js +32 -48
- package/dist/utils/check-sale-time-left.js +37 -39
- package/dist/utils/check-todo-status.js +3 -4
- package/dist/utils/checklistGenerator.js +46 -46
- package/dist/utils/copyToClipboard.js +65 -131
- package/dist/utils/countries-list.js +2 -3
- package/dist/utils/customHooks.js +40 -67
- package/dist/utils/delete-redirect-cookie-and-navigate.js +3 -3
- package/dist/utils/fix-decimals.js +4 -5
- package/dist/utils/formatCurrencyValue.js +41 -52
- package/dist/utils/get-cookie-domain.js +3 -4
- package/dist/utils/get-short-address.js +1 -3
- package/dist/utils/isUSInvestor.js +2 -4
- package/dist/utils/km_ify.js +3 -3
- package/dist/utils/lock-body.js +3 -5
- package/dist/utils/moment.js +10 -12
- package/dist/utils/redirect-url.js +2 -3
- package/dist/utils/saveAs.js +5 -5
- package/dist/utils/scrollUtils.js +33 -36
- package/dist/utils/set-redirect-cookie.js +6 -7
- package/dist/utils/withRouter.js +6 -6
- package/package.json +134 -141
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "TabNav", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _TabNav.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
@@ -14,23 +14,24 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
14
14
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
15
|
var _TabsNav = require("./TabsNav.styles");
|
|
16
16
|
var _TabNav = _interopRequireDefault(require("./TabNav"));
|
|
17
|
-
function _interopRequireDefault(
|
|
18
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
17
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
18
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
19
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
-
function _defineProperty(
|
|
22
|
-
function _toPropertyKey(
|
|
23
|
-
function _toPrimitive(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
20
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
22
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
23
|
+
const TabsNav = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
children,
|
|
26
|
+
activeTab,
|
|
27
|
+
noBorderBottom,
|
|
28
|
+
noWrapperPadding
|
|
29
|
+
} = _ref;
|
|
29
30
|
return /*#__PURE__*/_react.default.createElement(_TabsNav.StyledTabs, {
|
|
30
31
|
noBorderBottom: noBorderBottom
|
|
31
32
|
}, /*#__PURE__*/_react.default.createElement(_TabsNav.Scroll, null, /*#__PURE__*/_react.default.createElement(_TabsNav.TabsWrapper, {
|
|
32
33
|
noWrapperPadding: noWrapperPadding
|
|
33
|
-
}, _react.default.Children.map(children,
|
|
34
|
+
}, _react.default.Children.map(children, child => {
|
|
34
35
|
if (! /*#__PURE__*/_react.default.isValidElement(child)) return null;
|
|
35
36
|
return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
|
|
36
37
|
isActive: child.props.tabId === activeTab
|
|
@@ -47,5 +48,4 @@ TabsNav.propTypes = {
|
|
|
47
48
|
TabsNav.defaultProps = {
|
|
48
49
|
activeTab: 0
|
|
49
50
|
};
|
|
50
|
-
var _default = TabsNav;
|
|
51
|
-
exports.default = _default;
|
|
51
|
+
var _default = exports.default = TabsNav;
|
|
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _TabsNav = require("./TabsNav");
|
|
9
9
|
var _Number = _interopRequireDefault(require("../Number/Number"));
|
|
10
10
|
var _global = _interopRequireDefault(require("../../styles/global"));
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
var _default = {
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
var _default = exports.default = {
|
|
13
13
|
title: 'Components Library/Tabs/TabsNav',
|
|
14
14
|
component: _TabsNav.TabsNav,
|
|
15
15
|
argTypes: {
|
|
@@ -26,12 +26,8 @@ var _default = {
|
|
|
26
26
|
// handleItemClick: { type: 'function', action: 'handleItemClick' },
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_TabsNav.TabsNav, args));
|
|
32
|
-
};
|
|
33
|
-
var TabsNavExample = Template.bind({});
|
|
34
|
-
exports.TabsNavExample = TabsNavExample;
|
|
29
|
+
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_TabsNav.TabsNav, args));
|
|
30
|
+
const TabsNavExample = exports.TabsNavExample = Template.bind({});
|
|
35
31
|
TabsNavExample.args = {
|
|
36
32
|
children: [/*#__PURE__*/_react.default.createElement(_Number.default, null), /*#__PURE__*/_react.default.createElement(_Number.default, null), /*#__PURE__*/_react.default.createElement(_Number.default, null)],
|
|
37
33
|
activeTab: [1]
|
|
@@ -8,40 +8,25 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
8
8
|
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
|
|
9
9
|
var _theme = _interopRequireDefault(require("../../styles/theme"));
|
|
10
10
|
var _templateObject, _templateObject2, _templateObject3;
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function _taggedTemplateLiteral(
|
|
13
|
-
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
13
|
+
const StyledTabs = exports.StyledTabs = _styledComponents.default.div.withConfig({
|
|
14
14
|
displayName: "TabsNavstyles__StyledTabs",
|
|
15
15
|
componentId: "sc-opeopg-0"
|
|
16
|
-
})(["position:relative;border-bottom:1px solid ", ";", ""], _theme.default.cLightGrey,
|
|
17
|
-
|
|
18
|
-
});
|
|
19
|
-
exports.StyledTabs = StyledTabs;
|
|
20
|
-
var Scroll = _styledComponents.default.div.withConfig({
|
|
16
|
+
})(["position:relative;border-bottom:1px solid ", ";", ""], _theme.default.cLightGrey, props => props.noBorderBottom && "\n border-bottom: none;\n ");
|
|
17
|
+
const Scroll = exports.Scroll = _styledComponents.default.div.withConfig({
|
|
21
18
|
displayName: "TabsNavstyles__Scroll",
|
|
22
19
|
componentId: "sc-opeopg-1"
|
|
23
20
|
})(["position:relative;overflow:hidden;overflow-x:auto;"]);
|
|
24
|
-
exports.
|
|
25
|
-
var TabsWrapper = _styledComponents.default.div.withConfig({
|
|
21
|
+
const TabsWrapper = exports.TabsWrapper = _styledComponents.default.div.withConfig({
|
|
26
22
|
displayName: "TabsNavstyles__TabsWrapper",
|
|
27
23
|
componentId: "sc-opeopg-2"
|
|
28
|
-
})(["position:relative;white-space:nowrap;padding:12px 0;", " ", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 24px;\n "]))),
|
|
29
|
-
|
|
30
|
-
});
|
|
31
|
-
exports.TabsWrapper = TabsWrapper;
|
|
32
|
-
var LinkText = _styledComponents.default.span.withConfig({
|
|
24
|
+
})(["position:relative;white-space:nowrap;padding:12px 0;", " ", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 24px;\n "]))), props => props.noWrapperPadding && "\n padding: 0 !important;\n ");
|
|
25
|
+
const LinkText = exports.LinkText = _styledComponents.default.span.withConfig({
|
|
33
26
|
displayName: "TabsNavstyles__LinkText",
|
|
34
27
|
componentId: "sc-opeopg-3"
|
|
35
28
|
})(["display:block;position:relative;font-family:'Open Sans';font-size:11px;letter-spacing:2px;line-height:20px;text-transform:uppercase;padding:8px 0;&:before{content:'';width:100%;height:8px;background-color:transparent;position:absolute;top:100%;left:0%;transition:background-color 0.2s;}"]);
|
|
36
|
-
exports.
|
|
37
|
-
var StyledTab = _styledComponents.default.button.withConfig({
|
|
29
|
+
const StyledTab = exports.StyledTab = _styledComponents.default.button.withConfig({
|
|
38
30
|
displayName: "TabsNavstyles__StyledTab",
|
|
39
31
|
componentId: "sc-opeopg-4"
|
|
40
|
-
})(["display:inline-block;position:relative;cursor:pointer;outline:none;visibility:visible;padding:12px;color:", ";transition:opacity 0.2s;", " ", " &:focus,&:hover{opacity:0.6;}", " ", ""],
|
|
41
|
-
return _theme.default.cBlack;
|
|
42
|
-
}, _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 24px;\n "]))), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 32px 40px;\n "]))), function (props) {
|
|
43
|
-
return props.isActive && "\n &:focus ,\n &:hover {\n opacity: 1;\n }\n\n ".concat(LinkText, " {\n font-weight: bold;\n\n &:before {\n background-color: ").concat(_theme.default.cPrimary, "!important;\n }\n }\n ");
|
|
44
|
-
}, function (props) {
|
|
45
|
-
return props.customStyles;
|
|
46
|
-
});
|
|
47
|
-
exports.StyledTab = StyledTab;
|
|
32
|
+
})(["display:inline-block;position:relative;cursor:pointer;outline:none;visibility:visible;padding:12px;color:", ";transition:opacity 0.2s;", " ", " &:focus,&:hover{opacity:0.6;}", " ", ""], props => _theme.default.cBlack, _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 24px;\n "]))), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 32px 40px;\n "]))), props => props.isActive && "\n &:focus ,\n &:hover {\n opacity: 1;\n }\n\n ".concat(LinkText, " {\n font-weight: bold;\n\n &:before {\n background-color: ").concat(_theme.default.cPrimary, "!important;\n }\n }\n "), props => props.customStyles);
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -10,94 +9,50 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
10
9
|
var _SvgIcons = require("../SvgIcons");
|
|
11
10
|
var _TeamOverview = require("./TeamOverview.styles");
|
|
12
11
|
var _avatarPlaceholder = _interopRequireDefault(require("../../static/images/avatar-placeholder.png"));
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
projectName = _ref.projectName,
|
|
32
|
-
stats = _ref.stats;
|
|
33
|
-
var _useState = (0, _react.useState)(_avatarPlaceholder.default),
|
|
34
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
35
|
-
profilePicture = _useState2[0],
|
|
36
|
-
setProfilePicture = _useState2[1];
|
|
37
|
-
(0, _react.useEffect)(function () {
|
|
38
|
-
var getPicture = /*#__PURE__*/function () {
|
|
39
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
40
|
-
var picture;
|
|
41
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
42
|
-
while (1) switch (_context.prev = _context.next) {
|
|
43
|
-
case 0:
|
|
44
|
-
_context.next = 2;
|
|
45
|
-
return getProfilePicture();
|
|
46
|
-
case 2:
|
|
47
|
-
picture = _context.sent;
|
|
48
|
-
setProfilePicture(picture);
|
|
49
|
-
case 4:
|
|
50
|
-
case "end":
|
|
51
|
-
return _context.stop();
|
|
52
|
-
}
|
|
53
|
-
}, _callee);
|
|
54
|
-
}));
|
|
55
|
-
return function getPicture() {
|
|
56
|
-
return _ref2.apply(this, arguments);
|
|
57
|
-
};
|
|
58
|
-
}();
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
const TeamOverview = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
name,
|
|
17
|
+
memberRole,
|
|
18
|
+
avatar,
|
|
19
|
+
position,
|
|
20
|
+
email,
|
|
21
|
+
projectName,
|
|
22
|
+
stats
|
|
23
|
+
} = _ref;
|
|
24
|
+
const [profilePicture, setProfilePicture] = (0, _react.useState)(_avatarPlaceholder.default);
|
|
25
|
+
(0, _react.useEffect)(() => {
|
|
26
|
+
const getPicture = async () => {
|
|
27
|
+
const picture = await getProfilePicture();
|
|
28
|
+
setProfilePicture(picture);
|
|
29
|
+
};
|
|
59
30
|
getPicture();
|
|
60
31
|
}, []);
|
|
61
|
-
|
|
62
|
-
return new Promise(
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
try {
|
|
69
|
-
http = new XMLHttpRequest();
|
|
70
|
-
http.open('HEAD', avatar, false);
|
|
71
|
-
http.send();
|
|
72
|
-
// console.log(http);
|
|
32
|
+
const getProfilePicture = () => {
|
|
33
|
+
return new Promise(async (resolve, reject) => {
|
|
34
|
+
try {
|
|
35
|
+
const http = new XMLHttpRequest();
|
|
36
|
+
http.open('HEAD', avatar, false);
|
|
37
|
+
http.send();
|
|
38
|
+
// console.log(http);
|
|
73
39
|
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
case "end":
|
|
84
|
-
return _context2.stop();
|
|
85
|
-
}
|
|
86
|
-
}, _callee2);
|
|
87
|
-
}));
|
|
88
|
-
return function (_x, _x2) {
|
|
89
|
-
return _ref3.apply(this, arguments);
|
|
90
|
-
};
|
|
91
|
-
}());
|
|
40
|
+
if (http.status !== 404) {
|
|
41
|
+
resolve(avatar);
|
|
42
|
+
} else {
|
|
43
|
+
resolve(_avatarPlaceholder.default);
|
|
44
|
+
}
|
|
45
|
+
} catch (error) {
|
|
46
|
+
reject(_avatarPlaceholder.default);
|
|
47
|
+
}
|
|
48
|
+
});
|
|
92
49
|
};
|
|
93
50
|
return /*#__PURE__*/_react.default.createElement(_TeamOverview.Container, null, /*#__PURE__*/_react.default.createElement(_TeamOverview.ImageWrapper, null, /*#__PURE__*/_react.default.createElement(_TeamOverview.Avatar, {
|
|
94
51
|
src: profilePicture,
|
|
95
52
|
alt: "avatar"
|
|
96
|
-
})), /*#__PURE__*/_react.default.createElement(_TeamOverview.ContentWrapper, null, /*#__PURE__*/_react.default.createElement(_TeamOverview.ContentGroup, null, /*#__PURE__*/_react.default.createElement(_TeamOverview.SmallHeader, null, memberRole === 'company_sa' && /*#__PURE__*/_react.default.createElement(_SvgIcons.AdminBadgeSvg, null), /*#__PURE__*/_react.default.createElement("span", null, memberRole)), /*#__PURE__*/_react.default.createElement(_TeamOverview.Name, null, name), /*#__PURE__*/_react.default.createElement(_TeamOverview.PersonPosition, null, position), /*#__PURE__*/_react.default.createElement(_TeamOverview.PersonEmail, null, email)), /*#__PURE__*/_react.default.createElement(_TeamOverview.ContentGroup, null, /*#__PURE__*/_react.default.createElement(_TeamOverview.SmallHeader, null, /*#__PURE__*/_react.default.createElement("span", null, "Project")), /*#__PURE__*/_react.default.createElement(_TeamOverview.Name, null, projectName), stats && /*#__PURE__*/_react.default.createElement(_TeamOverview.ProjectStats, null, stats.map(
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
}, /*#__PURE__*/_react.default.createElement(_TeamOverview.StatLabel, null, stat.name), /*#__PURE__*/_react.default.createElement(_TeamOverview.StatValue, null, stat.count));
|
|
100
|
-
})))));
|
|
53
|
+
})), /*#__PURE__*/_react.default.createElement(_TeamOverview.ContentWrapper, null, /*#__PURE__*/_react.default.createElement(_TeamOverview.ContentGroup, null, /*#__PURE__*/_react.default.createElement(_TeamOverview.SmallHeader, null, memberRole === 'company_sa' && /*#__PURE__*/_react.default.createElement(_SvgIcons.AdminBadgeSvg, null), /*#__PURE__*/_react.default.createElement("span", null, memberRole)), /*#__PURE__*/_react.default.createElement(_TeamOverview.Name, null, name), /*#__PURE__*/_react.default.createElement(_TeamOverview.PersonPosition, null, position), /*#__PURE__*/_react.default.createElement(_TeamOverview.PersonEmail, null, email)), /*#__PURE__*/_react.default.createElement(_TeamOverview.ContentGroup, null, /*#__PURE__*/_react.default.createElement(_TeamOverview.SmallHeader, null, /*#__PURE__*/_react.default.createElement("span", null, "Project")), /*#__PURE__*/_react.default.createElement(_TeamOverview.Name, null, projectName), stats && /*#__PURE__*/_react.default.createElement(_TeamOverview.ProjectStats, null, stats.map(stat => /*#__PURE__*/_react.default.createElement(_TeamOverview.ProjectStat, {
|
|
54
|
+
key: stat.name
|
|
55
|
+
}, /*#__PURE__*/_react.default.createElement(_TeamOverview.StatLabel, null, stat.name), /*#__PURE__*/_react.default.createElement(_TeamOverview.StatValue, null, stat.count)))))));
|
|
101
56
|
};
|
|
102
57
|
exports.TeamOverview = TeamOverview;
|
|
103
58
|
TeamOverview.propTypes = {
|
|
@@ -121,5 +76,4 @@ TeamOverview.defaultProps = {
|
|
|
121
76
|
email: '',
|
|
122
77
|
projectName: ''
|
|
123
78
|
};
|
|
124
|
-
var _default = TeamOverview;
|
|
125
|
-
exports.default = _default;
|
|
79
|
+
var _default = exports.default = TeamOverview;
|
|
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _TeamOverview = require("./TeamOverview");
|
|
9
9
|
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
|
|
10
10
|
var _global = _interopRequireDefault(require("../../styles/global"));
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
var _default = {
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
var _default = exports.default = {
|
|
13
13
|
title: 'Components Library/Team Overview',
|
|
14
14
|
component: _TeamOverview.TeamOverview,
|
|
15
15
|
argTypes: {
|
|
@@ -47,12 +47,8 @@ var _default = {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TeamOverview.TeamOverview, args)));
|
|
53
|
-
};
|
|
54
|
-
var TeamOverviewExample = Template.bind({});
|
|
55
|
-
exports.TeamOverviewExample = TeamOverviewExample;
|
|
50
|
+
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TeamOverview.TeamOverview, args)));
|
|
51
|
+
const TeamOverviewExample = exports.TeamOverviewExample = Template.bind({});
|
|
56
52
|
TeamOverviewExample.args = {
|
|
57
53
|
name: 'John Doe',
|
|
58
54
|
memberrole: 'Memberrole',
|
|
@@ -65,8 +61,7 @@ TeamOverviewExample.args = {
|
|
|
65
61
|
name: 'Stat Name'
|
|
66
62
|
}]
|
|
67
63
|
};
|
|
68
|
-
|
|
69
|
-
exports.TeamOverviewOverview = TeamOverviewOverview;
|
|
64
|
+
const TeamOverviewOverview = exports.TeamOverviewOverview = Template.bind({});
|
|
70
65
|
TeamOverviewOverview.args = {
|
|
71
66
|
name: 'Name',
|
|
72
67
|
memberrole: 'Memberrole ',
|
|
@@ -8,74 +8,57 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
8
8
|
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
|
|
9
9
|
var _theme = _interopRequireDefault(require("../../styles/theme"));
|
|
10
10
|
var _templateObject, _templateObject2, _templateObject3;
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function _taggedTemplateLiteral(
|
|
13
|
-
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
13
|
+
const Container = exports.Container = _styledComponents.default.div.withConfig({
|
|
14
14
|
displayName: "TeamOverviewstyles__Container",
|
|
15
15
|
componentId: "sc-b5ges3-0"
|
|
16
16
|
})(["position:relative;width:100%;font-size:0;@media screen and (min-width:768px) and (max-width:1000px){display:flex;flex-direction:column;}"]);
|
|
17
|
-
exports.
|
|
18
|
-
var ImageWrapper = _styledComponents.default.div.withConfig({
|
|
17
|
+
const ImageWrapper = exports.ImageWrapper = _styledComponents.default.div.withConfig({
|
|
19
18
|
displayName: "TeamOverviewstyles__ImageWrapper",
|
|
20
19
|
componentId: "sc-b5ges3-1"
|
|
21
20
|
})(["overflow:hidden;display:block;margin:0 auto;width:160px;height:160px;border-radius:80px;box-shadow:none;border:1px solid rgb(225,225,225);", " @media screen and (min-width:768px) and (max-width:1000px){margin:0 auto;}"], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n z-index: 1;\n position: relative;\n display: inline-block;\n vertical-align: top;\n margin: 0;\n margin-right: -160px;\n "]))));
|
|
22
|
-
exports.
|
|
23
|
-
var Avatar = _styledComponents.default.img.withConfig({
|
|
21
|
+
const Avatar = exports.Avatar = _styledComponents.default.img.withConfig({
|
|
24
22
|
displayName: "TeamOverviewstyles__Avatar",
|
|
25
23
|
componentId: "sc-b5ges3-2"
|
|
26
24
|
})(["display:block;width:100%;height:100%;object-fit:cover;object-position:center center;"]);
|
|
27
|
-
exports.
|
|
28
|
-
var ContentWrapper = _styledComponents.default.div.withConfig({
|
|
25
|
+
const ContentWrapper = exports.ContentWrapper = _styledComponents.default.div.withConfig({
|
|
29
26
|
displayName: "TeamOverviewstyles__ContentWrapper",
|
|
30
27
|
componentId: "sc-b5ges3-3"
|
|
31
28
|
})(["display:block;width:100%;", " @media screen and (min-width:768px) and (max-width:900px){display:flex;flex-direction:column;}@media screen and (min-width:768px) and (max-width:1000px){padding-left:0;}"], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n z-index: 0;\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding-left: 160px;\n "]))));
|
|
32
|
-
exports.
|
|
33
|
-
var Name = _styledComponents.default.h3.withConfig({
|
|
29
|
+
const Name = exports.Name = _styledComponents.default.h3.withConfig({
|
|
34
30
|
displayName: "TeamOverviewstyles__Name",
|
|
35
31
|
componentId: "sc-b5ges3-4"
|
|
36
32
|
})(["position:relative;font-family:'Open Sans';font-weight:800;font-size:28px;line-height:36px;letter-spacing:1.2px;margin:0;text-transform:uppercase;margin-top:4px;"]);
|
|
37
|
-
exports.
|
|
38
|
-
var ContentGroup = _styledComponents.default.div.withConfig({
|
|
33
|
+
const ContentGroup = exports.ContentGroup = _styledComponents.default.div.withConfig({
|
|
39
34
|
displayName: "TeamOverviewstyles__ContentGroup",
|
|
40
35
|
componentId: "sc-b5ges3-5"
|
|
41
36
|
})(["display:block;padding-top:32px;", " @media screen and (min-width:768px) and (max-width:900px){width:100%;}@media screen and (min-width:768px) and (max-width:1000px){margin-top:32px;padding-left:0;}"], _rwd.default.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: inline-block;\n vertical-align: top;\n width: 50%;\n padding-top: 0;\n padding-left: 50px;\n "]))));
|
|
42
|
-
exports.
|
|
43
|
-
var SmallHeader = _styledComponents.default.div.withConfig({
|
|
37
|
+
const SmallHeader = exports.SmallHeader = _styledComponents.default.div.withConfig({
|
|
44
38
|
displayName: "TeamOverviewstyles__SmallHeader",
|
|
45
39
|
componentId: "sc-b5ges3-6"
|
|
46
|
-
})(["display:block;svg{display:inline-block;vertical-align:middle;fill:", ";margin:-4px 0;margin-right:12px;}span{display:inline-block;vertical-align:middle;font-size:11px;line-height:16px;text-transform:uppercase;padding:4px 0;}"],
|
|
47
|
-
|
|
48
|
-
});
|
|
49
|
-
exports.SmallHeader = SmallHeader;
|
|
50
|
-
var ProjectStats = _styledComponents.default.div.withConfig({
|
|
40
|
+
})(["display:block;svg{display:inline-block;vertical-align:middle;fill:", ";margin:-4px 0;margin-right:12px;}span{display:inline-block;vertical-align:middle;font-size:11px;line-height:16px;text-transform:uppercase;padding:4px 0;}"], props => _theme.default.cPrimary);
|
|
41
|
+
const ProjectStats = exports.ProjectStats = _styledComponents.default.div.withConfig({
|
|
51
42
|
displayName: "TeamOverviewstyles__ProjectStats",
|
|
52
43
|
componentId: "sc-b5ges3-7"
|
|
53
44
|
})(["display:block;position:relative;margin-top:25px;"]);
|
|
54
|
-
exports.
|
|
55
|
-
var ProjectStat = _styledComponents.default.div.withConfig({
|
|
45
|
+
const ProjectStat = exports.ProjectStat = _styledComponents.default.div.withConfig({
|
|
56
46
|
displayName: "TeamOverviewstyles__ProjectStat",
|
|
57
47
|
componentId: "sc-b5ges3-8"
|
|
58
48
|
})(["display:inline-block;vertical-align:top;width:50%;"]);
|
|
59
|
-
exports.
|
|
60
|
-
var StatLabel = _styledComponents.default.div.withConfig({
|
|
49
|
+
const StatLabel = exports.StatLabel = _styledComponents.default.div.withConfig({
|
|
61
50
|
displayName: "TeamOverviewstyles__StatLabel",
|
|
62
51
|
componentId: "sc-b5ges3-9"
|
|
63
52
|
})(["font-size:11px;line-height:16px;text-transform:uppercase;padding:4px 0;"]);
|
|
64
|
-
exports.
|
|
65
|
-
var StatValue = _styledComponents.default.div.withConfig({
|
|
53
|
+
const StatValue = exports.StatValue = _styledComponents.default.div.withConfig({
|
|
66
54
|
displayName: "TeamOverviewstyles__StatValue",
|
|
67
55
|
componentId: "sc-b5ges3-10"
|
|
68
56
|
})(["font-weight:300;font-size:16px;line-height:16px;margin-top:4px;"]);
|
|
69
|
-
exports.
|
|
70
|
-
var PersonPosition = _styledComponents.default.div.withConfig({
|
|
57
|
+
const PersonPosition = exports.PersonPosition = _styledComponents.default.div.withConfig({
|
|
71
58
|
displayName: "TeamOverviewstyles__PersonPosition",
|
|
72
59
|
componentId: "sc-b5ges3-11"
|
|
73
|
-
})(["font-weight:bold;font-size:16px;line-height:24px;text-transform:uppercase;color:", ";margin-top:15px;"],
|
|
74
|
-
|
|
75
|
-
});
|
|
76
|
-
exports.PersonPosition = PersonPosition;
|
|
77
|
-
var PersonEmail = _styledComponents.default.div.withConfig({
|
|
60
|
+
})(["font-weight:bold;font-size:16px;line-height:24px;text-transform:uppercase;color:", ";margin-top:15px;"], props => _theme.default.cPrimary);
|
|
61
|
+
const PersonEmail = exports.PersonEmail = _styledComponents.default.div.withConfig({
|
|
78
62
|
displayName: "TeamOverviewstyles__PersonEmail",
|
|
79
63
|
componentId: "sc-b5ges3-12"
|
|
80
|
-
})(["font-weight:300;font-size:14px;line-height:24px;margin-top:20px;"]);
|
|
81
|
-
exports.PersonEmail = PersonEmail;
|
|
64
|
+
})(["font-weight:300;font-size:14px;line-height:24px;margin-top:20px;"]);
|
|
@@ -15,94 +15,64 @@ var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/Comp
|
|
|
15
15
|
var _styles = require("./_styles");
|
|
16
16
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
17
17
|
var _theme = _interopRequireDefault(require("../../styles/theme"));
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
function
|
|
21
|
-
function
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
25
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
26
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
27
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
28
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
29
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
30
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
31
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
32
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
33
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
34
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
35
|
-
var StyledPrivacyText = _styledComponents.default.div.withConfig({
|
|
18
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
19
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
22
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
23
|
+
const StyledPrivacyText = _styledComponents.default.div.withConfig({
|
|
36
24
|
displayName: "TermsModal__StyledPrivacyText",
|
|
37
25
|
componentId: "sc-1x5p4y6-0"
|
|
38
|
-
})(["&&{width:100%;p{color:", ";font-size:16px;line-height:1.5;font-weight:300;margin:0;padding-bottom:10px;font-style:normal;font-stretch:normal;letter-spacing:0.6px;}a{text-decoration:none;color:", ";font-weight:300;word-break:break-all !important;}h4{font-size:17.2px !important;font-weight:700 !important;line-height:1.28571em;letter-spacing:normal;position:relative;margin-top:29px;margin-bottom:16px;}table{border-collapse:collapse;margin:32px 0;font-size:16px;tr{td:first-child{width:", ";text-align:center;}td:last-child{width:", ";}}td,th{border:1px solid #2e2e2e;padding:10px;li{margin-bottom:0;}}}ul{list-style-type:disclosure-closed;list-style:none;margin:0;padding:0;}li{padding:0 0 0 32px;color:", ";font-size:0.75rem;letter-spacing:normal;line-height:1.31rem;font-weight:200;margin-bottom:16px;position:relative;font-size:16px !important;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.5 !important;letter-spacing:0.6px;a{word-break:break-all !important;}&:before{content:'';position:absolute;width:10px;height:10px;background:#0050ca;border-radius:100px;left:0;top:3px;margin-top:0.4rem;}}}"], _theme.default.cBlack, _theme.default.cBlack,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
var TermsModal = /*#__PURE__*/function (_React$Component) {
|
|
44
|
-
_inherits(TermsModal, _React$Component);
|
|
45
|
-
var _super = _createSuper(TermsModal);
|
|
46
|
-
function TermsModal() {
|
|
47
|
-
var _this;
|
|
48
|
-
_classCallCheck(this, TermsModal);
|
|
49
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
50
|
-
args[_key] = arguments[_key];
|
|
51
|
-
}
|
|
52
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
53
|
-
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
26
|
+
})(["&&{width:100%;p{color:", ";font-size:16px;line-height:1.5;font-weight:300;margin:0;padding-bottom:10px;font-style:normal;font-stretch:normal;letter-spacing:0.6px;}a{text-decoration:none;color:", ";font-weight:300;word-break:break-all !important;}h4{font-size:17.2px !important;font-weight:700 !important;line-height:1.28571em;letter-spacing:normal;position:relative;margin-top:29px;margin-bottom:16px;}table{border-collapse:collapse;margin:32px 0;font-size:16px;tr{td:first-child{width:", ";text-align:center;}td:last-child{width:", ";}}td,th{border:1px solid #2e2e2e;padding:10px;li{margin-bottom:0;}}}ul{list-style-type:disclosure-closed;list-style:none;margin:0;padding:0;}li{padding:0 0 0 32px;color:", ";font-size:0.75rem;letter-spacing:normal;line-height:1.31rem;font-weight:200;margin-bottom:16px;position:relative;font-size:16px !important;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.5 !important;letter-spacing:0.6px;a{word-break:break-all !important;}&:before{content:'';position:absolute;width:10px;height:10px;background:#0050ca;border-radius:100px;left:0;top:3px;margin-top:0.4rem;}}}"], _theme.default.cBlack, _theme.default.cBlack, props => props.thirdParties ? '30%' : '40%', props => props.thirdParties ? '70%' : '60%', _theme.default.cBlack);
|
|
27
|
+
class TermsModal extends _react.default.Component {
|
|
28
|
+
constructor() {
|
|
29
|
+
super(...arguments);
|
|
30
|
+
_defineProperty(this, "state", {
|
|
54
31
|
popupOpen: false
|
|
55
32
|
});
|
|
56
|
-
_defineProperty(
|
|
57
|
-
termsAccepted: Yup.bool().test('termsAccepted', 'Agreement is required',
|
|
58
|
-
return value === true;
|
|
59
|
-
}).required('Agreement is required')
|
|
33
|
+
_defineProperty(this, "validationSchema", Yup.object().shape({
|
|
34
|
+
termsAccepted: Yup.bool().test('termsAccepted', 'Agreement is required', value => value === true).required('Agreement is required')
|
|
60
35
|
}));
|
|
61
|
-
_defineProperty(
|
|
62
|
-
|
|
63
|
-
|
|
36
|
+
_defineProperty(this, "handlePopup", (isOpen, values) => {
|
|
37
|
+
const buttonDisabled = !values.termsAccepted;
|
|
38
|
+
this.setState({
|
|
64
39
|
popupOpen: buttonDisabled ? isOpen : false
|
|
65
40
|
});
|
|
66
41
|
});
|
|
67
|
-
return _this;
|
|
68
42
|
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
// const { popupOpen } = this.state
|
|
43
|
+
render() {
|
|
44
|
+
const {
|
|
45
|
+
isModalOpen,
|
|
46
|
+
onModalClose,
|
|
47
|
+
onFormSend,
|
|
48
|
+
onModalSwitch,
|
|
49
|
+
termsData
|
|
50
|
+
} = this.props;
|
|
51
|
+
// const { popupOpen } = this.state
|
|
79
52
|
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
53
|
+
return /*#__PURE__*/_react.default.createElement(_formik.Formik, {
|
|
54
|
+
onSubmit: onFormSend,
|
|
55
|
+
validationSchema: this.validationSchema,
|
|
56
|
+
render: props => {
|
|
57
|
+
// const { values, errors } = props
|
|
58
|
+
// const buttonDisabled = !values.termsAccepted
|
|
86
59
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
return TermsModal;
|
|
105
|
-
}(_react.default.Component);
|
|
60
|
+
return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
61
|
+
isOpen: isModalOpen,
|
|
62
|
+
onClose: onModalClose
|
|
63
|
+
}, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, null, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
|
|
64
|
+
noPadding: true,
|
|
65
|
+
isMobile: true
|
|
66
|
+
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalBack, {
|
|
67
|
+
onClick: onModalSwitch
|
|
68
|
+
}), /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement(_styles.HeaderTitle, null, "STOKR PRIVACY TERMS")), /*#__PURE__*/_react.default.createElement(_styles.Body, {
|
|
69
|
+
noHorizontalPadding: true
|
|
70
|
+
}, /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
71
|
+
noPaddingVertical: true
|
|
72
|
+
}, /*#__PURE__*/_react.default.createElement(StyledPrivacyText, null, termsData && (0, _htmlReactParser.default)(termsData.text))))))))));
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
}
|
|
106
77
|
exports.TermsModal = TermsModal;
|
|
107
|
-
var _default = TermsModal;
|
|
108
|
-
exports.default = _default;
|
|
78
|
+
var _default = exports.default = TermsModal;
|