pipesol-notificationbar 1.0.3 → 1.0.6
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/README.md +41 -31
- package/dist/components/NotificationStyled.d.ts +8 -0
- package/dist/components/NotificationStyled.js +45 -0
- package/dist/components/NotificationStyled.js.map +1 -0
- package/dist/components/TermsAndPrivacyCard.d.ts +55 -0
- package/dist/components/TermsAndPrivacyCard.js +114 -0
- package/dist/components/TermsAndPrivacyCard.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/TermsAndPrivacyProps.d.ts +20 -0
- package/dist/types/TermsAndPrivacyProps.js +2 -0
- package/dist/types/TermsAndPrivacyProps.js.map +1 -0
- package/dist/types/style/BorderProps.d.ts +5 -0
- package/dist/types/style/BorderProps.js +2 -0
- package/dist/types/style/BorderProps.js.map +1 -0
- package/dist/types/style/ColorProps.d.ts +7 -0
- package/dist/types/style/ColorProps.js +7 -0
- package/dist/types/style/ColorProps.js.map +1 -0
- package/dist/types/style/LayoutProps.d.ts +6 -0
- package/dist/types/style/LayoutProps.js +2 -0
- package/dist/types/style/LayoutProps.js.map +1 -0
- package/package.json +56 -47
- package/dist/components/ImageResponsive.d.ts +0 -13
- package/dist/components/ImageResponsive.js +0 -32
- package/dist/components/ImageResponsive.js.map +0 -1
- package/dist/components/Location.d.ts +0 -15
- package/dist/components/Location.js +0 -37
- package/dist/components/Location.js.map +0 -1
- package/dist/components/MensagemDeploy.d.ts +0 -7
- package/dist/components/MensagemDeploy.js +0 -54
- package/dist/components/MensagemDeploy.js.map +0 -1
- package/dist/components/NotificationBar.d.ts +0 -16
- package/dist/components/NotificationBar.js +0 -131
- package/dist/components/NotificationBar.js.map +0 -1
- package/dist/components/VideoPlayer.d.ts +0 -11
- package/dist/components/VideoPlayer.js +0 -12
- package/dist/components/VideoPlayer.js.map +0 -1
- package/dist/components/banner/BannerVideo.d.ts +0 -7
- package/dist/components/banner/BannerVideo.js +0 -20
- package/dist/components/banner/BannerVideo.js.map +0 -1
- package/dist/components/banner/ContentBannerStyled.d.ts +0 -6
- package/dist/components/banner/ContentBannerStyled.js +0 -44
- package/dist/components/banner/ContentBannerStyled.js.map +0 -1
- package/dist/components/banner/ResponsiveBanner.d.ts +0 -15
- package/dist/components/banner/ResponsiveBanner.js +0 -68
- package/dist/components/banner/ResponsiveBanner.js.map +0 -1
- package/dist/components/banner/ResponsiveBannerGradiente.d.ts +0 -12
- package/dist/components/banner/ResponsiveBannerGradiente.js +0 -38
- package/dist/components/banner/ResponsiveBannerGradiente.js.map +0 -1
- package/dist/components/banner/TitleBanner.d.ts +0 -10
- package/dist/components/banner/TitleBanner.js +0 -8
- package/dist/components/banner/TitleBanner.js.map +0 -1
- package/dist/components/barra_ferramentas/BarraFerramentas.d.ts +0 -13
- package/dist/components/barra_ferramentas/BarraFerramentas.js +0 -39
- package/dist/components/barra_ferramentas/BarraFerramentas.js.map +0 -1
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.d.ts +0 -13
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.js +0 -31
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.js.map +0 -1
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.d.ts +0 -7
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.js +0 -40
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.js.map +0 -1
- package/dist/components/button/ButtonStyled.d.ts +0 -18
- package/dist/components/button/ButtonStyled.js +0 -56
- package/dist/components/button/ButtonStyled.js.map +0 -1
- package/dist/components/button/NavigationButton.d.ts +0 -18
- package/dist/components/button/NavigationButton.js +0 -53
- package/dist/components/button/NavigationButton.js.map +0 -1
- package/dist/components/button/NavigationButtonMotion.d.ts +0 -19
- package/dist/components/button/NavigationButtonMotion.js +0 -64
- package/dist/components/button/NavigationButtonMotion.js.map +0 -1
- package/dist/components/button/NavigationHamburguerButton.d.ts +0 -17
- package/dist/components/button/NavigationHamburguerButton.js +0 -33
- package/dist/components/button/NavigationHamburguerButton.js.map +0 -1
- package/dist/components/button/ScrollToTopButton.d.ts +0 -10
- package/dist/components/button/ScrollToTopButton.js +0 -44
- package/dist/components/button/ScrollToTopButton.js.map +0 -1
- package/dist/components/button/WhatsAppButton.d.ts +0 -6
- package/dist/components/button/WhatsAppButton.js +0 -24
- package/dist/components/button/WhatsAppButton.js.map +0 -1
- package/dist/components/button/WhatsAppIcon.d.ts +0 -6
- package/dist/components/button/WhatsAppIcon.js +0 -18
- package/dist/components/button/WhatsAppIcon.js.map +0 -1
- package/dist/components/cards/AnimatedCardGroup.d.ts +0 -20
- package/dist/components/cards/AnimatedCardGroup.js +0 -63
- package/dist/components/cards/AnimatedCardGroup.js.map +0 -1
- package/dist/components/cards/BorderTopLeftRadiusCard.d.ts +0 -15
- package/dist/components/cards/BorderTopLeftRadiusCard.js +0 -67
- package/dist/components/cards/BorderTopLeftRadiusCard.js.map +0 -1
- package/dist/components/cards/CardLerMais.d.ts +0 -13
- package/dist/components/cards/CardLerMais.js +0 -121
- package/dist/components/cards/CardLerMais.js.map +0 -1
- package/dist/components/cards/ContentCardDescription.d.ts +0 -10
- package/dist/components/cards/ContentCardDescription.js +0 -52
- package/dist/components/cards/ContentCardDescription.js.map +0 -1
- package/dist/components/cards/GradientCard.d.ts +0 -17
- package/dist/components/cards/GradientCard.js +0 -66
- package/dist/components/cards/GradientCard.js.map +0 -1
- package/dist/components/cards/ImageCard.d.ts +0 -15
- package/dist/components/cards/ImageCard.js +0 -31
- package/dist/components/cards/ImageCard.js.map +0 -1
- package/dist/components/cards/MapCard.d.ts +0 -15
- package/dist/components/cards/MapCard.js +0 -59
- package/dist/components/cards/MapCard.js.map +0 -1
- package/dist/components/cards/ShadowCard.d.ts +0 -16
- package/dist/components/cards/ShadowCard.js +0 -25
- package/dist/components/cards/ShadowCard.js.map +0 -1
- package/dist/components/cards/TestimonialCard.d.ts +0 -22
- package/dist/components/cards/TestimonialCard.js +0 -66
- package/dist/components/cards/TestimonialCard.js.map +0 -1
- package/dist/components/cards/YoutubeCard.d.ts +0 -14
- package/dist/components/cards/YoutubeCard.js +0 -85
- package/dist/components/cards/YoutubeCard.js.map +0 -1
- package/dist/components/carousel/CarouselStyled.d.ts +0 -62
- package/dist/components/carousel/CarouselStyled.js +0 -31
- package/dist/components/carousel/CarouselStyled.js.map +0 -1
- package/dist/components/carousel/Carrossel.d.ts +0 -15
- package/dist/components/carousel/Carrossel.js +0 -113
- package/dist/components/carousel/Carrossel.js.map +0 -1
- package/dist/components/containers/ContainerAnimatedIndex.d.ts +0 -6
- package/dist/components/containers/ContainerAnimatedIndex.js +0 -11
- package/dist/components/containers/ContainerAnimatedIndex.js.map +0 -1
- package/dist/components/containers/ContainerAnimatedScroll.d.ts +0 -9
- package/dist/components/containers/ContainerAnimatedScroll.js +0 -10
- package/dist/components/containers/ContainerAnimatedScroll.js.map +0 -1
- package/dist/components/containers/ContainerSafe.d.ts +0 -6
- package/dist/components/containers/ContainerSafe.js +0 -78
- package/dist/components/containers/ContainerSafe.js.map +0 -1
- package/dist/components/containers/containerStyled.d.ts +0 -1
- package/dist/components/containers/containerStyled.js +0 -10
- package/dist/components/containers/containerStyled.js.map +0 -1
- package/dist/components/footer/Copywrite.d.ts +0 -10
- package/dist/components/footer/Copywrite.js +0 -23
- package/dist/components/footer/Copywrite.js.map +0 -1
- package/dist/components/footer/CopywriteCenter.d.ts +0 -9
- package/dist/components/footer/CopywriteCenter.js +0 -34
- package/dist/components/footer/CopywriteCenter.js.map +0 -1
- package/dist/components/footer/Footer.d.ts +0 -10
- package/dist/components/footer/Footer.js +0 -41
- package/dist/components/footer/Footer.js.map +0 -1
- package/dist/components/footer/NotificationBar.d.ts +0 -13
- package/dist/components/footer/NotificationBar.js +0 -57
- package/dist/components/footer/NotificationBar.js.map +0 -1
- package/dist/components/footer/SiteMap.d.ts +0 -9
- package/dist/components/footer/SiteMap.js +0 -24
- package/dist/components/footer/SiteMap.js.map +0 -1
- package/dist/components/footer/footerStyled.d.ts +0 -8
- package/dist/components/footer/footerStyled.js +0 -62
- package/dist/components/footer/footerStyled.js.map +0 -1
- package/dist/components/form/Form.d.ts +0 -17
- package/dist/components/form/Form.js +0 -96
- package/dist/components/form/Form.js.map +0 -1
- package/dist/components/form/FormStyled.d.ts +0 -27
- package/dist/components/form/FormStyled.js +0 -95
- package/dist/components/form/FormStyled.js.map +0 -1
- package/dist/components/header/HeaderBarIn.d.ts +0 -15
- package/dist/components/header/HeaderBarIn.js +0 -40
- package/dist/components/header/HeaderBarIn.js.map +0 -1
- package/dist/components/header/HeaderBarTop.d.ts +0 -12
- package/dist/components/header/HeaderBarTop.js +0 -30
- package/dist/components/header/HeaderBarTop.js.map +0 -1
- package/dist/components/section/Section.d.ts +0 -9
- package/dist/components/section/Section.js +0 -19
- package/dist/components/section/Section.js.map +0 -1
- package/dist/components/section/SectionGradiente.d.ts +0 -9
- package/dist/components/section/SectionGradiente.js +0 -19
- package/dist/components/section/SectionGradiente.js.map +0 -1
- package/dist/components/section/SectionImage.d.ts +0 -7
- package/dist/components/section/SectionImage.js +0 -21
- package/dist/components/section/SectionImage.js.map +0 -1
- package/dist/components/section/SectionStyled.d.ts +0 -9
- package/dist/components/section/SectionStyled.js +0 -46
- package/dist/components/section/SectionStyled.js.map +0 -1
- package/dist/components/social_media/SocialMediaIconLink.d.ts +0 -8
- package/dist/components/social_media/SocialMediaIconLink.js +0 -13
- package/dist/components/social_media/SocialMediaIconLink.js.map +0 -1
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.d.ts +0 -12
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.js +0 -18
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.js.map +0 -1
- package/dist/components/substask/SubstackPage.d.ts +0 -5
- package/dist/components/substask/SubstackPage.js +0 -22
- package/dist/components/substask/SubstackPage.js.map +0 -1
- package/dist/components/substask/SubstackPosts.d.ts +0 -9
- package/dist/components/substask/SubstackPosts.js +0 -6
- package/dist/components/substask/SubstackPosts.js.map +0 -1
- package/dist/components/text/IconText.d.ts +0 -11
- package/dist/components/text/IconText.js +0 -26
- package/dist/components/text/IconText.js.map +0 -1
- package/dist/components/text/InfiniteTicker.d.ts +0 -15
- package/dist/components/text/InfiniteTicker.js +0 -49
- package/dist/components/text/InfiniteTicker.js.map +0 -1
- package/dist/components/text/SpanStyled.d.ts +0 -6
- package/dist/components/text/SpanStyled.js +0 -34
- package/dist/components/text/SpanStyled.js.map +0 -1
- package/dist/components/text/TextWithSeparador.d.ts +0 -7
- package/dist/components/text/TextWithSeparador.js +0 -9
- package/dist/components/text/TextWithSeparador.js.map +0 -1
- package/dist/hooks/useResponsive.d.ts +0 -9
- package/dist/hooks/useResponsive.js +0 -14
- package/dist/hooks/useResponsive.js.map +0 -1
- package/dist/hooks/useResponsiveCarousel.d.ts +0 -15
- package/dist/hooks/useResponsiveCarousel.js +0 -36
- package/dist/hooks/useResponsiveCarousel.js.map +0 -1
- package/dist/types/AnimatedCardData.d.ts +0 -6
- package/dist/types/AnimatedCardData.js +0 -2
- package/dist/types/AnimatedCardData.js.map +0 -1
- package/dist/types/BannerResponsiveConfig.d.ts +0 -4
- package/dist/types/BannerResponsiveConfig.js +0 -2
- package/dist/types/BannerResponsiveConfig.js.map +0 -1
- package/dist/types/ItemMenuConfig.d.ts +0 -4
- package/dist/types/ItemMenuConfig.js +0 -2
- package/dist/types/ItemMenuConfig.js.map +0 -1
- package/dist/types/ShadowConfig.d.ts +0 -6
- package/dist/types/ShadowConfig.js +0 -2
- package/dist/types/ShadowConfig.js.map +0 -1
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
interface TitleFooterStyleProps {
|
|
2
|
-
textColor: string;
|
|
3
|
-
}
|
|
4
|
-
export declare const TitleFooterStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & TitleFooterStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
|
-
export declare const TitleFooterCenterToMobileStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & TitleFooterStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
-
export declare const ContentColFooter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
-
export declare const ContentColCenterToMobileFooter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
export {};
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { styled } from "@mui/material/styles";
|
|
2
|
-
export const TitleFooterStyle = styled('div', {
|
|
3
|
-
shouldForwardProp: (prop) => !['textColor'].includes(prop),
|
|
4
|
-
})(({ theme, textColor }) => {
|
|
5
|
-
var _a, _b, _c, _d, _e, _f;
|
|
6
|
-
return ({
|
|
7
|
-
width: '100%',
|
|
8
|
-
textAlign: 'left',
|
|
9
|
-
color: textColor,
|
|
10
|
-
// Tipografia
|
|
11
|
-
fontFamily: theme.typography.fontFamily,
|
|
12
|
-
fontWeight: (_a = theme.typography.body2) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
13
|
-
fontStyle: (_b = theme.typography.body2) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
14
|
-
lineHeight: (_c = theme.typography.body2) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
15
|
-
letterSpacing: (_d = theme.typography.body2) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
16
|
-
fontSize: (_e = theme.typography.body2) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
17
|
-
margin: (_f = theme.typography.body2) === null || _f === void 0 ? void 0 : _f.margin,
|
|
18
|
-
});
|
|
19
|
-
});
|
|
20
|
-
export const TitleFooterCenterToMobileStyle = styled('div', {
|
|
21
|
-
shouldForwardProp: (prop) => !['textColor'].includes(prop),
|
|
22
|
-
})(({ theme, textColor }) => {
|
|
23
|
-
var _a, _b, _c, _d, _e, _f;
|
|
24
|
-
return ({
|
|
25
|
-
width: '100%',
|
|
26
|
-
textAlign: 'center',
|
|
27
|
-
color: textColor,
|
|
28
|
-
// Tipografia
|
|
29
|
-
fontFamily: theme.typography.fontFamily,
|
|
30
|
-
fontWeight: (_a = theme.typography.body2) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
31
|
-
fontStyle: (_b = theme.typography.body2) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
32
|
-
lineHeight: (_c = theme.typography.body2) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
33
|
-
letterSpacing: (_d = theme.typography.body2) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
34
|
-
fontSize: (_e = theme.typography.body2) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
35
|
-
margin: (_f = theme.typography.body2) === null || _f === void 0 ? void 0 : _f.margin,
|
|
36
|
-
[theme.breakpoints.up('md')]: {
|
|
37
|
-
textAlign: 'left',
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
export const ContentColFooter = styled('div')(() => ({
|
|
42
|
-
display: 'flex',
|
|
43
|
-
flexDirection: 'column',
|
|
44
|
-
justifyContent: 'center',
|
|
45
|
-
alignItems: 'flex-start',
|
|
46
|
-
flexGrow: 1,
|
|
47
|
-
gap: '16px',
|
|
48
|
-
width: '100%',
|
|
49
|
-
}));
|
|
50
|
-
export const ContentColCenterToMobileFooter = styled('div')(({ theme }) => ({
|
|
51
|
-
display: 'flex',
|
|
52
|
-
flexDirection: 'column',
|
|
53
|
-
justifyContent: 'center',
|
|
54
|
-
alignItems: 'center',
|
|
55
|
-
flexGrow: 1,
|
|
56
|
-
gap: '16px',
|
|
57
|
-
width: '100%',
|
|
58
|
-
[theme.breakpoints.up('md')]: {
|
|
59
|
-
alignItems: 'flex-start',
|
|
60
|
-
},
|
|
61
|
-
}));
|
|
62
|
-
//# sourceMappingURL=footerStyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"footerStyled.js","sourceRoot":"","sources":["../../../src/components/footer/footerStyled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface FormProps {
|
|
3
|
-
color: string;
|
|
4
|
-
background_color?: string;
|
|
5
|
-
border_radius?: string;
|
|
6
|
-
color_button: string;
|
|
7
|
-
background_color_button?: string;
|
|
8
|
-
border_radius_button?: string;
|
|
9
|
-
text_button: string;
|
|
10
|
-
token: string;
|
|
11
|
-
color_message_sucess: string;
|
|
12
|
-
color_message_erro: string;
|
|
13
|
-
message_sucess: string;
|
|
14
|
-
message_erro?: string;
|
|
15
|
-
}
|
|
16
|
-
declare const Form: React.FC<FormProps>;
|
|
17
|
-
export default Form;
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useRef, useEffect, useState } from 'react';
|
|
4
|
-
import { TextFieldFixedSizeStyled, ButtonFormStyled, TextFieldStyled } from './FormStyled';
|
|
5
|
-
import { styled } from '@mui/material/styles';
|
|
6
|
-
import { StyledSpanBody1 } from '../text/SpanStyled';
|
|
7
|
-
const FormContainer = styled('div')(() => ({
|
|
8
|
-
display: 'flex',
|
|
9
|
-
flexDirection: 'column',
|
|
10
|
-
gap: '16px',
|
|
11
|
-
width: '100%',
|
|
12
|
-
margin: 'auto',
|
|
13
|
-
padding: '0px',
|
|
14
|
-
}));
|
|
15
|
-
const Form = ({ color, background_color = 'transparent', border_radius = '0px', color_button, background_color_button = 'transparent', border_radius_button = '0px', text_button, token, color_message_sucess, color_message_erro, message_sucess, message_erro }) => {
|
|
16
|
-
const [mensagemApi, setMensagemApi] = useState('');
|
|
17
|
-
const [corMensagemApi, setCorMensagemApi] = useState(color_message_erro);
|
|
18
|
-
const [nome, setNome] = useState('');
|
|
19
|
-
const [email, setEmail] = useState('');
|
|
20
|
-
const [telefone, setTelefone] = useState('');
|
|
21
|
-
const [mensagem, setMensagem] = useState('');
|
|
22
|
-
const [errors, setErrors] = useState({});
|
|
23
|
-
const [isLoading, setIsLoading] = useState(false);
|
|
24
|
-
const telefoneRef = useRef(null);
|
|
25
|
-
useEffect(() => {
|
|
26
|
-
if (telefoneRef.current) {
|
|
27
|
-
telefoneRef.current.focus();
|
|
28
|
-
}
|
|
29
|
-
}, []);
|
|
30
|
-
const validateEmail = (email) => /\S+@\S+\.\S+/.test(email);
|
|
31
|
-
const validateTelefone = (telefone) => /^\d{2}\d{9}$/.test(telefone);
|
|
32
|
-
const handleBlur = (field) => {
|
|
33
|
-
switch (field) {
|
|
34
|
-
case 'email':
|
|
35
|
-
setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { email: !validateEmail(email) })));
|
|
36
|
-
break;
|
|
37
|
-
case 'telefone':
|
|
38
|
-
setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { telefone: !validateTelefone(telefone) })));
|
|
39
|
-
break;
|
|
40
|
-
default:
|
|
41
|
-
setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { [field]: !Boolean(eval(field)) })));
|
|
42
|
-
break;
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
const handleSubmit = async (e) => {
|
|
46
|
-
e.preventDefault();
|
|
47
|
-
const hasErrors = Object.keys(errors).some((key) => errors[key]);
|
|
48
|
-
const messageError = message_erro !== null && message_erro !== void 0 ? message_erro : `Houve um problema ao enviar sua mensagem. Por favor, verifique sua conexão e tente novamente mais tarde.
|
|
49
|
-
Caso o erro persista, saiba que você também pode nos contatar pelos outros canais disponíveis.`;
|
|
50
|
-
if (!hasErrors) {
|
|
51
|
-
setIsLoading(true); // Inicia o estado de loading
|
|
52
|
-
try {
|
|
53
|
-
const formData = new FormData();
|
|
54
|
-
formData.append('nome', nome);
|
|
55
|
-
formData.append('email', email);
|
|
56
|
-
formData.append('telefone', telefone);
|
|
57
|
-
formData.append('mensagem', mensagem);
|
|
58
|
-
const response = await fetch(`https://api.pipelinesolucoes.com.br/fale-conosco/envia-email?token=${token}`, {
|
|
59
|
-
method: 'POST',
|
|
60
|
-
body: formData,
|
|
61
|
-
});
|
|
62
|
-
if (response.status === 200) {
|
|
63
|
-
setCorMensagemApi(color_message_sucess);
|
|
64
|
-
setMensagemApi(message_sucess);
|
|
65
|
-
setNome('');
|
|
66
|
-
setEmail('');
|
|
67
|
-
setTelefone('');
|
|
68
|
-
setMensagem('');
|
|
69
|
-
}
|
|
70
|
-
else {
|
|
71
|
-
setCorMensagemApi(color_message_erro);
|
|
72
|
-
setMensagemApi(messageError);
|
|
73
|
-
console.log('Erro ao enviar dados:', response.statusText);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
catch (error) {
|
|
77
|
-
setCorMensagemApi(color_message_erro);
|
|
78
|
-
setMensagemApi(messageError);
|
|
79
|
-
console.log('Erro na solicitação:', error);
|
|
80
|
-
}
|
|
81
|
-
finally {
|
|
82
|
-
setIsLoading(false);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
else {
|
|
86
|
-
setCorMensagemApi(color_message_erro);
|
|
87
|
-
setMensagemApi(`Alguns dos dados fornecidos estão inválidos.
|
|
88
|
-
Por favor, revise as informações preenchidas e
|
|
89
|
-
corrija os campos destacados antes de tentar enviar o formulário novamente.`);
|
|
90
|
-
}
|
|
91
|
-
};
|
|
92
|
-
return (_jsxs(FormContainer, { children: [_jsx(TextFieldStyled, { id: 'nome', label: "Nome", placeholder: "Nome", value: nome, onChange: (e) => setNome(e.target.value), onBlur: () => handleBlur('nome'), error: errors.nome, helperText: errors.nome && _jsx("span", { style: { color: color_message_erro }, children: "Nome \u00E9 obrigat\u00F3rio" }), required: true, background_color: background_color, text_color: color, text_color_error: color_message_erro, border_radius: border_radius }), _jsx(TextFieldStyled, { id: "email", label: "Email", placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value), onBlur: () => handleBlur('email'), error: errors.email, helperText: errors.email && _jsx("span", { style: { color: color_message_erro }, children: "Email inv\u00E1lido" }), required: true, background_color: background_color, text_color: color, text_color_error: color_message_erro, border_radius: border_radius }), _jsx(TextFieldStyled, { id: "telefone", label: "Telefone", value: telefone, onChange: (e) => setTelefone(e.target.value), onBlur: () => handleBlur('telefone'), error: errors.telefone, helperText: errors.telefone && _jsx("span", { style: { color: color_message_erro }, children: "Telefone inv\u00E1lido" }), required: true, placeholder: "21999999999", background_color: background_color, text_color: color, text_color_error: color_message_erro, border_radius: border_radius }), _jsx(TextFieldFixedSizeStyled, { id: "mensagem", label: "Mensagem", placeholder: "Mensagem", value: mensagem, onChange: (e) => setMensagem(e.target.value), onBlur: () => handleBlur('mensagem'), error: errors.mensagem, helperText: errors.mensagem && _jsx("span", { style: { color: color_message_erro }, children: "Mensagem \u00E9 obrigat\u00F3ria" }), required: true, multiline: true, background_color: background_color, text_color: color, text_color_error: color_message_erro, border_radius: border_radius }), _jsx(ButtonFormStyled, { width: '100%', height: '100%', onClick: handleSubmit, background_color: background_color_button, text_color: color_button, border_radius: border_radius_button, disabled: isLoading, children: text_button }), mensagemApi &&
|
|
93
|
-
_jsx(StyledSpanBody1, { text_color: corMensagemApi, children: isLoading ? 'Enviando...' : mensagemApi })] }));
|
|
94
|
-
};
|
|
95
|
-
export default Form;
|
|
96
|
-
//# sourceMappingURL=Form.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
interface TextFieldStyledProps {
|
|
2
|
-
background_color: string;
|
|
3
|
-
text_color: string;
|
|
4
|
-
text_color_error: string;
|
|
5
|
-
border_radius: string;
|
|
6
|
-
}
|
|
7
|
-
export declare const TextFieldStyled: import("@emotion/styled").StyledComponent<{
|
|
8
|
-
variant?: import("@mui/material").TextFieldVariants | undefined;
|
|
9
|
-
} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").StandardTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TextFieldStyledProps, {}, {}>;
|
|
10
|
-
interface TextFieldFixedSizeStyledProps {
|
|
11
|
-
background_color: string;
|
|
12
|
-
text_color: string;
|
|
13
|
-
text_color_error: string;
|
|
14
|
-
border_radius: string;
|
|
15
|
-
}
|
|
16
|
-
export declare const TextFieldFixedSizeStyled: import("@emotion/styled").StyledComponent<{
|
|
17
|
-
variant?: import("@mui/material").TextFieldVariants | undefined;
|
|
18
|
-
} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").StandardTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TextFieldFixedSizeStyledProps, {}, {}>;
|
|
19
|
-
interface ButtonFormStyledProps {
|
|
20
|
-
width: string;
|
|
21
|
-
height: string;
|
|
22
|
-
background_color: string;
|
|
23
|
-
text_color: string;
|
|
24
|
-
border_radius: string;
|
|
25
|
-
}
|
|
26
|
-
export declare const ButtonFormStyled: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "children" | "sx" | "className" | "tabIndex" | "classes" | "variant" | "href" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "disableElevation" | "endIcon" | "fullWidth" | "loadingPosition" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ButtonFormStyledProps, {}, {}>;
|
|
27
|
-
export {};
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { Button } from '@mui/material';
|
|
2
|
-
import { styled } from '@mui/material/styles';
|
|
3
|
-
import TextField from '@mui/material/TextField';
|
|
4
|
-
export const TextFieldStyled = styled(TextField, {
|
|
5
|
-
shouldForwardProp: (prop) => !['background_color', 'text_color', 'text_color_error', 'border_radius'].includes(prop),
|
|
6
|
-
})(({ theme, background_color, text_color, text_color_error, border_radius, error }) => {
|
|
7
|
-
var _a, _b, _c, _d, _e, _f;
|
|
8
|
-
return ({
|
|
9
|
-
'& .MuiInputLabel-root': {
|
|
10
|
-
color: error ? text_color_error : text_color, // Label em vermelho em caso de erro
|
|
11
|
-
},
|
|
12
|
-
'& .MuiInputBase-input::placeholder': {
|
|
13
|
-
color: error ? text_color_error : text_color, // Placeholder também em vermelho, opcional
|
|
14
|
-
},
|
|
15
|
-
'& .MuiInputBase-root': {
|
|
16
|
-
backgroundColor: background_color,
|
|
17
|
-
borderRadius: border_radius,
|
|
18
|
-
color: text_color,
|
|
19
|
-
},
|
|
20
|
-
'& .MuiOutlinedInput-notchedOutline': {
|
|
21
|
-
borderColor: error ? text_color_error : 'transparent', // Borda em vermelho em caso de erro
|
|
22
|
-
},
|
|
23
|
-
fontFamily: theme.typography.fontFamily,
|
|
24
|
-
fontSize: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontSize,
|
|
25
|
-
fontWeight: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontWeight,
|
|
26
|
-
fontStyle: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.fontStyle,
|
|
27
|
-
lineHeight: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.lineHeight,
|
|
28
|
-
letterSpacing: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.letterSpacing,
|
|
29
|
-
margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
export const TextFieldFixedSizeStyled = styled(TextField, {
|
|
33
|
-
shouldForwardProp: (prop) => !['background_color', 'text_color', 'text_color_error', 'border_radius'].includes(prop),
|
|
34
|
-
})(({ theme, background_color, text_color, text_color_error, border_radius, error }) => {
|
|
35
|
-
var _a, _b, _c, _d, _e, _f;
|
|
36
|
-
return ({
|
|
37
|
-
'& .MuiInputLabel-root': {
|
|
38
|
-
color: error ? text_color_error : text_color, // Label em vermelho em caso de erro
|
|
39
|
-
},
|
|
40
|
-
'& .MuiInputBase-input::placeholder': {
|
|
41
|
-
color: error ? text_color_error : text_color, // Placeholder também em vermelho, opcional
|
|
42
|
-
},
|
|
43
|
-
'& .MuiInputBase-root': {
|
|
44
|
-
transition: 'none !important',
|
|
45
|
-
alignItems: 'flex-start',
|
|
46
|
-
width: '100%',
|
|
47
|
-
overflowY: 'auto',
|
|
48
|
-
height: '150px',
|
|
49
|
-
backgroundColor: background_color,
|
|
50
|
-
borderRadius: border_radius,
|
|
51
|
-
color: text_color,
|
|
52
|
-
},
|
|
53
|
-
'& .MuiOutlinedInput-notchedOutline': {
|
|
54
|
-
borderColor: error ? text_color_error : 'transparent', // Borda em vermelho em caso de erro
|
|
55
|
-
},
|
|
56
|
-
fontFamily: theme.typography.fontFamily,
|
|
57
|
-
fontSize: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontSize,
|
|
58
|
-
fontWeight: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontWeight,
|
|
59
|
-
fontStyle: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.fontStyle,
|
|
60
|
-
lineHeight: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.lineHeight,
|
|
61
|
-
letterSpacing: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.letterSpacing,
|
|
62
|
-
margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
|
|
63
|
-
});
|
|
64
|
-
});
|
|
65
|
-
export const ButtonFormStyled = styled(Button, {
|
|
66
|
-
shouldForwardProp: (prop) => !['width', 'height', 'background_color', 'text_color', 'border_radius'].includes(prop),
|
|
67
|
-
})(({ theme, width, height, background_color, text_color, border_radius }) => {
|
|
68
|
-
var _a, _b, _c, _d, _e, _f;
|
|
69
|
-
return ({
|
|
70
|
-
color: text_color,
|
|
71
|
-
backgroundColor: background_color,
|
|
72
|
-
borderRadius: border_radius,
|
|
73
|
-
textTransform: 'none',
|
|
74
|
-
border: 'none',
|
|
75
|
-
cursor: 'pointer',
|
|
76
|
-
padding: '8px 24px',
|
|
77
|
-
boxShadow: 'none',
|
|
78
|
-
width: width,
|
|
79
|
-
height: height,
|
|
80
|
-
// Tipografia
|
|
81
|
-
fontFamily: theme.typography.fontFamily,
|
|
82
|
-
fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
83
|
-
fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
84
|
-
lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
85
|
-
letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
86
|
-
fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
87
|
-
margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
|
|
88
|
-
// Hover state (opcional)
|
|
89
|
-
'&:hover': {
|
|
90
|
-
backgroundColor: background_color,
|
|
91
|
-
opacity: 0.9,
|
|
92
|
-
},
|
|
93
|
-
});
|
|
94
|
-
});
|
|
95
|
-
//# sourceMappingURL=FormStyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormStyled.js","sourceRoot":"","sources":["../../../src/components/form/FormStyled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface HeaderBarInProps {
|
|
3
|
-
height_xs?: string;
|
|
4
|
-
height_sm?: string;
|
|
5
|
-
height_md?: string;
|
|
6
|
-
height_lg?: string;
|
|
7
|
-
height_xl?: string;
|
|
8
|
-
background_color: string;
|
|
9
|
-
border_radius?: string;
|
|
10
|
-
top_bar?: number;
|
|
11
|
-
renderBar: () => React.ReactElement;
|
|
12
|
-
renderBanner: () => React.ReactElement;
|
|
13
|
-
}
|
|
14
|
-
declare const HeaderBarIn: React.FC<HeaderBarInProps>;
|
|
15
|
-
export default HeaderBarIn;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Box, styled } from '@mui/material';
|
|
4
|
-
const Container = styled(Box, {
|
|
5
|
-
shouldForwardProp: (prop) => !['height_xs', 'height_sm', 'height_md', 'height_lg', 'height_xl', 'background_color', 'border_radius'].includes(prop),
|
|
6
|
-
})(({ theme, height_xs, height_sm, height_md, height_lg, height_xl, background_color, border_radius }) => ({
|
|
7
|
-
width: '100%',
|
|
8
|
-
backgroundColor: background_color,
|
|
9
|
-
borderRadius: border_radius,
|
|
10
|
-
position: 'relative',
|
|
11
|
-
[theme.breakpoints.between(0, 'sm')]: {
|
|
12
|
-
height: height_xs,
|
|
13
|
-
},
|
|
14
|
-
[theme.breakpoints.up('sm')]: {
|
|
15
|
-
height: height_sm,
|
|
16
|
-
},
|
|
17
|
-
[theme.breakpoints.up('md')]: {
|
|
18
|
-
height: height_md,
|
|
19
|
-
},
|
|
20
|
-
[theme.breakpoints.up('lg')]: {
|
|
21
|
-
height: height_lg,
|
|
22
|
-
},
|
|
23
|
-
[theme.breakpoints.up('xl')]: {
|
|
24
|
-
height: height_xl,
|
|
25
|
-
},
|
|
26
|
-
}));
|
|
27
|
-
const BarWrapper = styled(Box, {
|
|
28
|
-
shouldForwardProp: (prop) => !['top'].includes(prop),
|
|
29
|
-
})(({ top }) => ({
|
|
30
|
-
position: 'absolute',
|
|
31
|
-
top: top,
|
|
32
|
-
left: 0,
|
|
33
|
-
right: 0,
|
|
34
|
-
zIndex: 2,
|
|
35
|
-
}));
|
|
36
|
-
const HeaderBarIn = ({ renderBar, renderBanner, height_xs = "880px", height_sm = "680px", height_md = "680px", height_lg = "680px", height_xl = "680px", background_color, border_radius = '0px', top_bar = 10 }) => {
|
|
37
|
-
return (_jsxs(Container, { id: "ContainerHeaderBarIn", height_xs: height_xs, height_sm: height_sm, height_md: height_md, height_lg: height_lg, height_xl: height_xl, background_color: background_color, border_radius: border_radius, children: [_jsx(BarWrapper, { top: `${top_bar}px`, children: renderBar() }), renderBanner()] }));
|
|
38
|
-
};
|
|
39
|
-
export default HeaderBarIn;
|
|
40
|
-
//# sourceMappingURL=HeaderBarIn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBarIn.js","sourceRoot":"","sources":["../../../src/components/header/HeaderBarIn.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACnI,CAAC,CAQC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IAEzG,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,gBAAgB;IACjC,YAAY,EAAE,aAAa;IAC3B,QAAQ,EAAE,UAAU;IAEpB,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE;QACpC,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE;IAC7B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpC,CAAC,CAAiB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAE/B,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAC;AAeJ,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,YAAY,EACZ,SAAS,GAAG,OAAO,EACnB,SAAS,GAAG,OAAO,EACnB,SAAS,GAAG,OAAO,EACnB,SAAS,GAAG,OAAO,EACnB,SAAS,GAAG,OAAO,EACnB,gBAAgB,EAChB,aAAa,GAAG,KAAK,EACrB,OAAO,GAAG,EAAE,EACb,EAAE,EAAE;IACH,OAAO,CACL,MAAC,SAAS,IAAC,EAAE,EAAC,sBAAsB,EAClC,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,aAE5B,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,OAAO,IAAI,YAC5B,SAAS,EAAE,GACD,EACZ,YAAY,EAAE,IACL,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface HeaderBarTopProps {
|
|
3
|
-
height_xs?: string;
|
|
4
|
-
height_sm?: string;
|
|
5
|
-
height_md?: string;
|
|
6
|
-
height_lg?: string;
|
|
7
|
-
height_xl?: string;
|
|
8
|
-
renderBar: () => React.ReactElement;
|
|
9
|
-
renderBanner: () => React.ReactElement;
|
|
10
|
-
}
|
|
11
|
-
declare const HeaderBarTop: React.FC<HeaderBarTopProps>;
|
|
12
|
-
export default HeaderBarTop;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
'use cliente';
|
|
2
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Box, styled } from '@mui/material';
|
|
4
|
-
const Container = styled(Box, {
|
|
5
|
-
shouldForwardProp: (prop) => !['height_xs', 'height_sm', 'height_md', 'height_lg', 'height_xl'].includes(prop),
|
|
6
|
-
})(({ theme, height_xs, height_sm, height_md, height_lg, height_xl }) => ({
|
|
7
|
-
width: '100%',
|
|
8
|
-
backgroundColor: '#ededed',
|
|
9
|
-
// Breakpoints para diferentes larguras de tela
|
|
10
|
-
[theme.breakpoints.between(0, 'sm')]: {
|
|
11
|
-
height: height_xs, // Menor que 600px
|
|
12
|
-
},
|
|
13
|
-
[theme.breakpoints.up('sm')]: {
|
|
14
|
-
height: height_sm, // Entre 600px e 960px
|
|
15
|
-
},
|
|
16
|
-
[theme.breakpoints.up('md')]: {
|
|
17
|
-
height: height_md, // Entre 960px e 1280px
|
|
18
|
-
},
|
|
19
|
-
[theme.breakpoints.up('lg')]: {
|
|
20
|
-
height: height_lg, // Entre 1280px e 1920px
|
|
21
|
-
},
|
|
22
|
-
[theme.breakpoints.up('xl')]: {
|
|
23
|
-
height: height_xl, // Acima de 1920px
|
|
24
|
-
},
|
|
25
|
-
}));
|
|
26
|
-
const HeaderBarTop = ({ renderBar, renderBanner, height_xs = "880px", height_sm = "680px", height_md = "680px", height_lg = "680px", height_xl = "680px" }) => {
|
|
27
|
-
return (_jsxs(Container, { height_xs: height_xs, height_sm: height_sm, height_md: height_md, height_lg: height_lg, height_xl: height_xl, children: [renderBar(), renderBanner()] }));
|
|
28
|
-
};
|
|
29
|
-
export default HeaderBarTop;
|
|
30
|
-
//# sourceMappingURL=HeaderBarTop.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBarTop.js","sourceRoot":"","sources":["../../../src/components/header/HeaderBarTop.tsx"],"names":[],"mappings":"AAAA,aAAa,CAAC;;AAEd,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC9F,CAAC,CAMC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IAExE,KAAK,EAAE,MAAM;IACb,eAAe,EAAC,SAAS;IAExB,+CAA+C;IAChD,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE;QACpC,MAAM,EAAE,SAAS,EAAE,kBAAkB;KACtC;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,sBAAsB;KAC1C;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,uBAAuB;KAC3C;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,wBAAwB;KAC5C;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,kBAAkB;KACtC;CACF,CAAC,CAAC,CAAC;AAaJ,MAAM,YAAY,GAAgC,CAAC,EAAE,SAAS,EAC1D,YAAY,EAAE,SAAS,GAAG,OAAO,EAAE,SAAS,GAAG,OAAO,EAAE,SAAS,GAAG,OAAO,EAAE,SAAS,GAAG,OAAO,EAChG,SAAS,GAAG,OAAO,EAAE,EAAE,EAAE;IAE3B,OAAO,CACH,MAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EACnD,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/D,SAAS,EAAE,EACX,YAAY,EAAE,IACL,CACf,CAAC;AAEJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
interface SectionProps {
|
|
2
|
-
section_id: string;
|
|
3
|
-
background_color: string;
|
|
4
|
-
background_color_container_safe?: string;
|
|
5
|
-
border_radius_container_safe?: string;
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
declare const Section: React.FC<SectionProps>;
|
|
9
|
-
export default Section;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { styled } from '@mui/material/styles';
|
|
3
|
-
import { ContainerSafeSection } from '../containers/ContainerSafe';
|
|
4
|
-
const SectionStyled = styled('section', {
|
|
5
|
-
shouldForwardProp: (prop) => !['background_color'].includes(prop),
|
|
6
|
-
})(({ background_color }) => ({
|
|
7
|
-
position: 'relative',
|
|
8
|
-
backgroundColor: background_color,
|
|
9
|
-
display: 'flex',
|
|
10
|
-
flexDirection: 'column',
|
|
11
|
-
alignItems: 'center',
|
|
12
|
-
justifyContent: 'center',
|
|
13
|
-
width: '100%',
|
|
14
|
-
}));
|
|
15
|
-
const Section = ({ section_id, background_color, background_color_container_safe = 'transparent', border_radius_container_safe = '0px', children }) => {
|
|
16
|
-
return (_jsx(SectionStyled, { id: section_id, background_color: background_color, children: _jsx(ContainerSafeSection, { border_radius: border_radius_container_safe, background_color: background_color_container_safe, children: children }) }));
|
|
17
|
-
};
|
|
18
|
-
export default Section;
|
|
19
|
-
//# sourceMappingURL=Section.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CAEC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5B,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,gBAAgB;IACjC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAC;AAWJ,MAAM,OAAO,GAA2B,CAAC,EACrC,UAAU,EACV,gBAAgB,EAChB,+BAA+B,GAAG,aAAa,EAC/C,4BAA4B,GAAG,KAAK,EAAG,QAAQ,EAAE,EAAE,EAAE;IAErD,OAAO,CACL,KAAC,aAAa,IAAC,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,YAC/D,KAAC,oBAAoB,IAAC,aAAa,EAAE,4BAA4B,EAAE,gBAAgB,EAAE,+BAA+B,YAChH,QAAQ,GACW,GACT,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { styled } from '@mui/material/styles';
|
|
3
|
-
import { ContainerSafeSection } from '../containers/ContainerSafe';
|
|
4
|
-
const SectionStyled = styled('section', {
|
|
5
|
-
shouldForwardProp: (prop) => !['color1', 'color2', 'color3'].includes(prop),
|
|
6
|
-
})(({ color1, color2, color3 }) => ({
|
|
7
|
-
position: 'relative',
|
|
8
|
-
background: `linear-gradient(to bottom, ${color1}, ${color2}, ${color3})`,
|
|
9
|
-
display: 'flex',
|
|
10
|
-
flexDirection: 'column',
|
|
11
|
-
alignItems: 'center',
|
|
12
|
-
justifyContent: 'center',
|
|
13
|
-
width: '100%',
|
|
14
|
-
}));
|
|
15
|
-
const SectionGradiente = ({ children, color1, color2, color3, section_id }) => {
|
|
16
|
-
return (_jsx(SectionStyled, { id: section_id, color1: color1, color2: color2, color3: color3, children: _jsx(ContainerSafeSection, { border_radius: '0px', background_color: 'transparent', children: children }) }));
|
|
17
|
-
};
|
|
18
|
-
export default SectionGradiente;
|
|
19
|
-
//# sourceMappingURL=SectionGradiente.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SectionGradiente.js","sourceRoot":"","sources":["../../../src/components/section/SectionGradiente.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACtF,CAAC,CAIC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAClC,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,8BAA8B,MAAM,KAAK,MAAM,KAAK,MAAM,GAAG;IACzE,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAC;AAUF,MAAM,gBAAgB,GAA2B,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAC,EAAE,EAAE;IAEnG,OAAO,CACL,KAAC,aAAa,IAAC,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAC3E,KAAC,oBAAoB,IAAC,aAAa,EAAC,KAAK,EAAC,gBAAgB,EAAC,aAAa,YACpE,QAAQ,GACW,GACT,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { styled } from '@mui/material/styles';
|
|
3
|
-
import { ContainerSafeSection } from '../containers/ContainerSafe';
|
|
4
|
-
const SectionStyled = styled('section', {
|
|
5
|
-
shouldForwardProp: (prop) => !['background_image'].includes(prop),
|
|
6
|
-
})(({ background_image }) => ({
|
|
7
|
-
position: 'relative',
|
|
8
|
-
backgroundImage: `url(${background_image})`,
|
|
9
|
-
backgroundSize: 'cover',
|
|
10
|
-
backgroundPosition: 'center',
|
|
11
|
-
display: 'flex',
|
|
12
|
-
flexDirection: 'column',
|
|
13
|
-
alignItems: 'center',
|
|
14
|
-
justifyContent: 'center',
|
|
15
|
-
width: '100%',
|
|
16
|
-
}));
|
|
17
|
-
const SectionImage = ({ children, src, section_id }) => {
|
|
18
|
-
return (_jsx(SectionStyled, { id: section_id, background_image: src, children: _jsx(ContainerSafeSection, { border_radius: '0px', background_color: 'transparent', children: children }) }));
|
|
19
|
-
};
|
|
20
|
-
export default SectionImage;
|
|
21
|
-
//# sourceMappingURL=SectionImage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SectionImage.js","sourceRoot":"","sources":["../../../src/components/section/SectionImage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CAEC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5B,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,OAAO,gBAAgB,GAAG;IAC3C,cAAc,EAAE,OAAO;IACvB,kBAAkB,EAAE,QAAQ;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAC;AAQF,MAAM,YAAY,GAA2B,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAC,EAAE,EAAE;IAE5E,OAAO,CACL,KAAC,aAAa,IAAC,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,YAClD,KAAC,oBAAoB,IAAC,aAAa,EAAC,KAAK,EAAC,gBAAgB,EAAC,aAAa,YACpE,QAAQ,GACW,GACT,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare const ContentSectionWrapStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
2
|
-
marginTop?: string;
|
|
3
|
-
marginBottom?: string;
|
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
|
-
export declare const ContentSectionWrapCenterStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
-
export declare const SectionTextColumnStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
7
|
-
textColor: string;
|
|
8
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
-
export default ContentSectionWrapStyled;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { styled } from '@mui/material/styles';
|
|
2
|
-
export const ContentSectionWrapStyled = styled('div', {
|
|
3
|
-
shouldForwardProp: (prop) => !['marginTop', 'marginBottom'].includes(prop),
|
|
4
|
-
})(({ marginTop = '0px', marginBottom = '0px' }) => ({
|
|
5
|
-
width: '100%',
|
|
6
|
-
height: '100%',
|
|
7
|
-
gap: '24px',
|
|
8
|
-
display: 'flex',
|
|
9
|
-
flexDirection: 'row',
|
|
10
|
-
flexWrap: 'wrap',
|
|
11
|
-
alignItems: 'flex-start',
|
|
12
|
-
justifyContent: 'center',
|
|
13
|
-
marginTop: marginTop,
|
|
14
|
-
marginBottom: marginBottom
|
|
15
|
-
}));
|
|
16
|
-
export const ContentSectionWrapCenterStyled = styled('div')(() => ({
|
|
17
|
-
width: '100%',
|
|
18
|
-
height: '100%',
|
|
19
|
-
gap: '24px',
|
|
20
|
-
display: 'flex',
|
|
21
|
-
flexDirection: 'row',
|
|
22
|
-
flexWrap: 'wrap',
|
|
23
|
-
alignItems: 'center',
|
|
24
|
-
justifyContent: 'center',
|
|
25
|
-
}));
|
|
26
|
-
export const SectionTextColumnStyle = styled('div', {
|
|
27
|
-
shouldForwardProp: (prop) => !['textColor'].includes(prop),
|
|
28
|
-
})(({ theme, textColor }) => {
|
|
29
|
-
var _a, _b, _c, _d, _e, _f;
|
|
30
|
-
return ({
|
|
31
|
-
width: '100%',
|
|
32
|
-
color: textColor,
|
|
33
|
-
flex: '1',
|
|
34
|
-
minWidth: '340px',
|
|
35
|
-
// Tipografia
|
|
36
|
-
fontFamily: theme.typography.fontFamily,
|
|
37
|
-
fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
38
|
-
fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
39
|
-
lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
40
|
-
letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
41
|
-
fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
42
|
-
margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
|
|
43
|
-
});
|
|
44
|
-
});
|
|
45
|
-
export default ContentSectionWrapStyled;
|
|
46
|
-
//# sourceMappingURL=SectionStyled.js.map
|