@s_mart/telas-de-acesso 11.0.7 → 16.0.0

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/components/templateTelaBase.styles.ts","../src/components/templateTelaBase.tsx","../src/screens/telaCadastro/telaCadastro.styles.ts","../src/screens/telaCadastro/telaCadastroRules.ts","../src/screens/telaCadastro/telaCadastroSlots.tsx","../src/screens/telaCadastro/useTelaCadastro.tsx","../src/screens/telaCadastro/telaCadastro.tsx","../src/screens/telaLogin/telaLogin.styles.ts","../src/screens/telaLogin/telaLogin.tsx","../src/screens/telaConviteExpirado/telaConviteExpirado.styles.ts","../src/screens/telaConviteExpirado/telaConviteExpirado.tsx","../src/screens/telaInstrucoesEnviadas/telaInstrucoesEnviadas.styles.ts","../src/screens/telaInstrucoesEnviadas/telaInstrucoesEnviadas.tsx","../src/screens/telaNovaSenha/telaNovaSenha.helpers.ts","../src/screens/telaNovaSenha/telaNovaSenha.styles.ts","../src/screens/telaNovaSenha/telaNovaSenha.tsx","../src/screens/telaEsqueceuSenha/telaEsqueceuSenha.styles.ts","../src/screens/telaEsqueceuSenha/telaEsqueceuSenha.tsx"],"sourcesContent":["import { styled } from '@mui/material';\nimport { colorPalette } from '@s_mart/tokens';\nimport { toRem } from '@s_mart/utils';\n\nexport const TemplateTelaBaseContainer = styled('div')`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  overflow: auto;\n  overflow-x: hidden;\n\n  height: 100vh;\n\n  background-color: ${({ theme }) => theme.palette.primary.main};\n  transition: background-color 0.3s ease-in-out;\n\n  @media (max-width: 500px) {\n    background-color: ${({ theme }) => theme.palette.common.white};\n  }\n\n  @media (max-height: 600px) {\n    justify-content: flex-start;\n  }\n`;\n\nexport const IlustracaoContainer = styled('div')`\n  position: absolute;\n  left: 0;\n  bottom: 32px;\n  z-index: 1;\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n`;\n\nexport const TextContainer = styled('h1')`\n  position: absolute;\n  left: 32px;\n  top: 32px;\n\n  color: ${({ theme }) => theme.palette.common.white};\n  font-size: ${toRem(32)};\n  line-height: 150%;\n  font-weight: normal;\n\n  @media (max-width: 768px) {\n    left: 16px;\n    top: 16px;\n    font-size: ${toRem(24)};\n  }\n\n  @media (max-height: 830px) {\n    left: 16px;\n    top: 16px;\n    font-size: ${toRem(24)};\n\n    @media (max-width: 768px) {\n      display: none;\n    }\n  }\n\n  @media (max-height: 600px) {\n    display: none;\n  }\n\n  span {\n    background-color: #262626;\n    padding: ${toRem(4)} ${toRem(8)};\n    border-radius: ${toRem(12)};\n  }\n\n  @media (max-width: 500px) {\n    display: none;\n  }\n`;\n\nexport const PaperContainer = styled('div')`\n  position: relative;\n  z-index: 2;\n\n  padding: ${toRem(32)};\n  border-radius: ${toRem(24)};\n  margin: ${toRem(16)};\n\n  background-color: ${({ theme }) => theme.palette.common.white};\n`;\n\nexport const WhatsappButton = styled('button')`\n  position: relative;\n  z-index: 2;\n\n  background-color: ${({ theme }) => theme.palette.primary.main};\n  padding: ${toRem(4)} ${toRem(8)};\n  border: none;\n  border-radius: ${toRem(8)};\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  gap: ${toRem(4)};\n\n  color: ${({ theme }) => theme.palette.common.white};\n\n  @media (max-width: 500px) {\n    color: ${({ theme }) => theme.palette.common.black};\n    background-color: transparent;\n\n    svg {\n      color: ${colorPalette.green[300]};\n    }\n  }\n`;\n","import { LIcon } from '@s_mart/core';\nimport { telefone } from '@s_mart/masks';\nimport { lineWhatsApp } from '@s_mart/regular-icons';\n\nimport { Typography } from '@mui/material';\n\nimport {\n  IlustracaoContainer,\n  PaperContainer,\n  TemplateTelaBaseContainer,\n  TextContainer,\n  WhatsappButton,\n} from './templateTelaBase.styles';\nimport type { TemplateTelaBaseProps } from './templateTelaBase.types';\n\nexport function TemplateTelaBase({\n  children,\n  whatsapp,\n  textoChamativo,\n  style,\n  paperStyle,\n  ilustracao,\n}: TemplateTelaBaseProps) {\n  const _ilustracao =\n    typeof ilustracao === 'string' ? <img src={ilustracao} alt='Logo do sistema' /> : ilustracao;\n\n  const _handleOpenWhatsapp = () => {\n    window.open(`https://api.whatsapp.com/send?phone=${whatsapp}`);\n  };\n\n  return (\n    <TemplateTelaBaseContainer style={style}>\n      {textoChamativo && <TextContainer>{textoChamativo}</TextContainer>}\n      {ilustracao && <IlustracaoContainer>{_ilustracao}</IlustracaoContainer>}\n\n      <PaperContainer style={paperStyle}>{children}</PaperContainer>\n      {whatsapp && (\n        <WhatsappButton onClick={_handleOpenWhatsapp} style={{ marginBottom: 16 }}>\n          <Typography variant='bodyXS'>\n            Com dúvidas? {telefone.format(whatsapp.slice(2))}\n          </Typography>\n          <LIcon icon={lineWhatsApp} size='20px' removeMargin />\n        </WhatsappButton>\n      )}\n    </TemplateTelaBaseContainer>\n  );\n}\n","import { colorPalette } from '@s_mart/tokens';\nimport { styled } from '@mui/material';\nimport { toRem } from '@s_mart/utils';\n// Hack para evitar erro de importação do @mui/system e @emotion/styled, causado pelo symlink do pnpm\nimport type {} from '@mui/system';\nimport type {} from '@emotion/styled';\n\nexport const ContentContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(32)};\n`;\n\nexport const HeaderContainer = styled('header')`\n  display: grid;\n  text-align: center;\n  gap: ${toRem(16)};\n`;\n\nexport const FormContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(32)};\n`;\n\nexport const SenhasContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(4)};\n\n  > div:first-of-type {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: ${toRem(16)};\n\n    @media (max-width: 768px) {\n      grid-template-columns: 1fr;\n      gap: ${toRem(8)};\n    }\n  }\n\n  > div:last-of-type {\n    display: grid;\n    gap: ${toRem(4)};\n  }\n`;\n\nexport const RequisitosContainer = styled('div')`\n  display: flex;\n  flex-wrap: wrap;\n  gap: ${toRem(8)};\n`;\n\nexport const CardRequisitoSenha = styled('div')<{ 'data-checked'?: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: ${toRem(4)};\n\n  color: ${colorPalette.neutral[600]};\n  border: 1px solid ${colorPalette.neutral[600]};\n  border-radius: ${toRem(4)};\n  padding: ${toRem(3)} ${toRem(4)};\n\n  line-height: 1em;\n  vertical-align: middle;\n\n  &[data-checked='true'] {\n    color: ${colorPalette.green[300]};\n    border-color: ${colorPalette.green[300]};\n  }\n`;\n","export const checarSenhaContemLetra = (senha: string) => {\n  if (!senha) return false;\n\n  return senha.match(/[a-z]/i);\n};\n\nexport const checarSenhaContemNumero = (senha: string) => {\n  if (!senha) return false;\n\n  return senha.match(/[0-9]/i);\n};\n\nexport const checarSenhaContemMinimoDe6Caracteres = (senha: string) => {\n  if (!senha) return false;\n\n  return senha.length >= 6;\n};\n\nexport const rulesSenha = {\n  validate: (senha: string) => {\n    if (!senha) return 'Obrigatório';\n    if (!checarSenhaContemLetra(senha)) return 'Deve ter pelo menos uma letra';\n    if (!checarSenhaContemNumero(senha)) return 'Deve ter pelo menos um número';\n    if (!checarSenhaContemMinimoDe6Caracteres(senha)) return 'Deve ter pelo menos 6 caracteres';\n  },\n};\n\nexport const rulesConfirmarSenha = (senha: string) => ({\n  validate: (senhaConfirmacao: string) => {\n    if (!senhaConfirmacao) return 'Obrigatório';\n    if (senhaConfirmacao !== senha) return 'As senhas devem ser iguais';\n  },\n});\n","import { TextField, type TextFieldProps } from '@s_mart/form';\nimport type { FormTelaCadastroValues, TelaCadastroSlots } from './telaCadastro.types';\nimport { required } from '@s_mart/rules';\nimport { rulesSenha } from './telaCadastroRules';\n\nexport const defaultSlots: Required<TelaCadastroSlots> = {\n  textFieldNome: (props) => <TextField {...props} />,\n  textFieldEmail: (props) => <TextField {...props} />,\n  textFieldSenha: (props) => <TextField {...props} />,\n} as const;\n\nexport const textFieldNomeSlotProps: TextFieldProps = {\n  type: 'text',\n  name: 'nome',\n  label: 'Nome completo',\n  required: true,\n  rules: required,\n};\n\nexport const textFieldEmailSlotProps: TextFieldProps = {\n  type: 'email',\n  name: 'email',\n  label: 'E-mail de acesso',\n  required: true,\n  disabled: true,\n};\n\nexport const textFieldSenhaSlotProps: TextFieldProps = {\n  type: 'password',\n  name: 'senha',\n  label: 'Senha de acesso',\n  required: true,\n  rules: rulesSenha,\n};\n","import { useForm, useWatch } from 'react-hook-form';\nimport type { FormTelaCadastroValues, TelaCadastroProps, FormTelaCadastroSubmitValues } from './telaCadastro.types';\nimport {\n  checarSenhaContemLetra,\n  checarSenhaContemMinimoDe6Caracteres,\n  checarSenhaContemNumero,\n} from './telaCadastroRules';\n\nexport function useTelaCadastro({ defaultValues }: TelaCadastroProps) {\n  const form = useForm<FormTelaCadastroValues, any, FormTelaCadastroSubmitValues>({ defaultValues, mode: 'all' });\n\n  const senha = useWatch({\n    control: form.control,\n    name: 'senha',\n  });\n\n  const senhaContemLetra = checarSenhaContemLetra(senha);\n  const senhaContemNumero = checarSenhaContemNumero(senha);\n  const senhaContemMinimoDe6Caracteres = checarSenhaContemMinimoDe6Caracteres(senha);\n\n  return {\n    form,\n    senha,\n    senhaContemLetra,\n    senhaContemNumero,\n    senhaContemMinimoDe6Caracteres,\n  };\n}\n","import { memo, useMemo } from 'react';\n\nimport { LIcon } from '@s_mart/core';\nimport { Checkbox, TextField } from '@s_mart/form';\nimport { lineCheck } from '@s_mart/regular-icons';\nimport { required } from '@s_mart/rules';\n\nimport { Button, Link, Typography } from '@mui/material';\nimport { FormProvider } from 'react-hook-form';\n\nimport { TemplateTelaBase } from '../../components/templateTelaBase';\nimport {\n  CardRequisitoSenha,\n  ContentContainer,\n  FormContainer,\n  HeaderContainer,\n  RequisitosContainer,\n  SenhasContainer,\n} from './telaCadastro.styles';\nimport type { TelaCadastroProps } from './telaCadastro.types';\nimport { rulesConfirmarSenha } from './telaCadastroRules';\nimport {\n  defaultSlots,\n  textFieldEmailSlotProps,\n  textFieldNomeSlotProps,\n  textFieldSenhaSlotProps,\n} from './telaCadastroSlots';\nimport { useTelaCadastro } from './useTelaCadastro';\n\nexport const TelaCadastro = memo((props: TelaCadastroProps) => {\n  const { form, senha, senhaContemLetra, senhaContemMinimoDe6Caracteres, senhaContemNumero } =\n    useTelaCadastro(props);\n\n  const logo = props.logo;\n  const slots = props.slots;\n\n  const logoSistema = useMemo(() => {\n    if (typeof logo === 'string') {\n      return <img src={logo} alt='Logo do sistema' />;\n    }\n\n    return logo;\n  }, [logo]);\n\n  const TextFieldNome = slots?.textFieldNome ?? defaultSlots.textFieldNome;\n  const TextFieldEmail = slots?.textFieldEmail ?? defaultSlots.textFieldEmail;\n  const TextFieldSenha = slots?.textFieldSenha ?? defaultSlots.textFieldSenha;\n\n  return (\n    <TemplateTelaBase {...props}>\n      <ContentContainer>\n        <HeaderContainer>\n          {logo && <div>{logoSistema}</div>}\n          <Typography variant='titleSM'>\n            Vamos cadastrar uma senha de acesso ao {props.nomeSistema}.\n          </Typography>\n        </HeaderContainer>\n        <FormProvider {...form}>\n          <form onSubmit={form.handleSubmit(props.onSubmit)}>\n            <FormContainer>\n              <TextFieldEmail {...textFieldEmailSlotProps} />\n              <TextFieldNome {...textFieldNomeSlotProps} />\n              <SenhasContainer>\n                <div>\n                  <TextFieldSenha {...textFieldSenhaSlotProps} />\n                  <TextField\n                    type='password'\n                    name='confirmarSenha'\n                    label='Confirme sua senha'\n                    required\n                    rules={rulesConfirmarSenha(senha)}\n                  />\n                </div>\n                <div>\n                  <Typography variant='bodyXS'>Sua senha precisa conter:</Typography>\n                  <RequisitosContainer>\n                    <CardRequisitoSenha data-checked={Boolean(senhaContemLetra)}>\n                      {senhaContemLetra && <LIcon icon={lineCheck} size='16px' removeMargin />}\n                      <Typography variant='bodyXS'>Uma letra</Typography>\n                    </CardRequisitoSenha>\n                    <CardRequisitoSenha data-checked={Boolean(senhaContemNumero)}>\n                      {senhaContemNumero && <LIcon icon={lineCheck} size='16px' removeMargin />}\n                      <Typography variant='bodyXS'>Um número</Typography>\n                    </CardRequisitoSenha>\n                    <CardRequisitoSenha data-checked={Boolean(senhaContemMinimoDe6Caracteres)}>\n                      {senhaContemMinimoDe6Caracteres && (\n                        <LIcon icon={lineCheck} size='16px' removeMargin />\n                      )}\n                      <Typography variant='bodyXS'>Mínimo de 6 caracteres</Typography>\n                    </CardRequisitoSenha>\n                  </RequisitosContainer>\n                </div>\n              </SenhasContainer>\n\n              <div>\n                <Checkbox\n                  rules={required}\n                  name='termosDeUso'\n                  label={\n                    <div style={{ display: 'flex', gap: 4 }}>\n                      <span>Li e aceito os</span>\n\n                      <Link\n                        href={props.linkTermosDeUso}\n                        target='_blank'\n                        sx={(theme) => ({ color: theme.palette.primary.main })}\n                        rel='noreferrer'\n                      >\n                        termos de uso\n                      </Link>\n                    </div>\n                  }\n                />\n              </div>\n              <div>\n                <Button type='submit' fullWidth>\n                  Concluir meu cadastro\n                </Button>\n              </div>\n            </FormContainer>\n          </form>\n        </FormProvider>\n      </ContentContainer>\n    </TemplateTelaBase>\n  );\n});\n\nTelaCadastro.displayName = 'TelaCadastro';\n","import { styled } from '@mui/material';\nimport { toRem } from '@s_mart/utils';\n\nexport const ContentContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(32)};\n`;\n\nexport const HeaderContainer = styled('header')`\n  display: grid;\n  text-align: center;\n  gap: ${toRem(16)};\n`;\n\nexport const FormContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(16)};\n\n  > div {\n    display: grid;\n    gap: ${toRem(16)};\n  }\n\n  > div:last-of-type {\n    gap: ${toRem(8)};\n  }\n`;\n","import { useMemo } from 'react';\n\nimport { Indicator } from '@s_mart/core';\nimport { Checkbox, Form, TextField } from '@s_mart/form';\nimport { useCapsLock } from '@s_mart/hooks';\nimport { composeValidators, email, required } from '@s_mart/rules';\nimport { colorPalette } from '@s_mart/tokens';\n\nimport { Button, Typography, useMediaQuery } from '@mui/material';\n\nimport { TemplateTelaBase } from '../../components/templateTelaBase';\nimport { ContentContainer, FormContainer, HeaderContainer } from './telaLogin.styles';\nimport type { TelaLoginProps } from './telaLogin.types';\n\nexport function TelaLogin({\n  logo,\n  initialValues,\n  onSubmit,\n  onEsqueciMinhaSenha,\n  errorLabel,\n  ...rest\n}: TelaLoginProps) {\n  const _logoSistema = typeof logo === 'string' ? <img src={logo} alt='Logo do sistema' /> : logo;\n\n  const _capslock = useCapsLock();\n  const telaMenorQue500 = useMediaQuery('(max-width: 500px)');\n\n  const defaultValues = useMemo(\n    () => ({ manterConectado: false, ...initialValues }),\n    [initialValues],\n  );\n\n  return (\n    <TemplateTelaBase\n      {...rest}\n      paperStyle={{\n        minWidth: !telaMenorQue500 ? 456 : undefined,\n        width: !telaMenorQue500 ? undefined : '90%',\n      }}\n    >\n      <ContentContainer>\n        <HeaderContainer>{logo && <div>{_logoSistema}</div>}</HeaderContainer>\n        <Form onSubmit={onSubmit} defaultValues={defaultValues}>\n          <FormContainer>\n            <div>\n              <TextField\n                name='email'\n                label='E-mail de acesso'\n                required\n                rules={composeValidators([required, email])}\n                autoComplete='email'\n                type='email'\n              />\n\n              <div>\n                <TextField\n                  name='senha'\n                  label='Senha de acesso'\n                  type='password'\n                  required\n                  rules={required}\n                />\n                {_capslock && <Indicator severity='warning'>Capslock ativado</Indicator>}\n                {!!errorLabel && (\n                  <Typography variant='titleXXS' color={colorPalette.red[300]}>\n                    {errorLabel}\n                  </Typography>\n                )}\n              </div>\n            </div>\n            <Checkbox name='manterConectado' label='Manter conectado' />\n            <div>\n              <Button type='submit' fullWidth>\n                Entrar\n              </Button>\n              {onEsqueciMinhaSenha && (\n                <Button type='button' fullWidth variant='text' onClick={onEsqueciMinhaSenha}>\n                  Esqueci minha senha\n                </Button>\n              )}\n            </div>\n          </FormContainer>\n        </Form>\n      </ContentContainer>\n    </TemplateTelaBase>\n  );\n}\n","import { styled } from '@mui/material';\n\nimport { toRem } from '@s_mart/utils';\n\nexport const ContentContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(32)};\n\n  > div {\n    display: grid;\n    gap: ${toRem(8)};\n  }\n`;\n\nexport const HeaderContainer = styled('header')`\n  display: grid;\n  text-align: center;\n  gap: ${toRem(16)};\n`;\n","import { LIcon } from '@s_mart/core';\nimport { lineWhatsApp } from '@s_mart/regular-icons';\nimport { colorPalette } from '@s_mart/tokens';\n\nimport { Button, Typography, useMediaQuery } from '@mui/material';\n\nimport { TemplateTelaBase } from '../../components/templateTelaBase';\nimport { ContentContainer, HeaderContainer } from './telaConviteExpirado.styles';\nimport type { TelaConviteExpiradoProps } from './telaConviteExpirado.types';\n\nexport function TelaConviteExpirado({\n  logo,\n  onPrecisoDeAjuda,\n  onRealizarAcesso,\n  ...rest\n}: TelaConviteExpiradoProps) {\n  const _logoSistema = typeof logo === 'string' ? <img src={logo} alt='Logo do sistema' /> : logo;\n  const telaMenorQue500 = useMediaQuery('(max-width: 500px)');\n\n  return (\n    <TemplateTelaBase\n      {...rest}\n      paperStyle={{\n        minWidth: !telaMenorQue500 ? 456 : undefined,\n        width: !telaMenorQue500 ? undefined : '90%',\n      }}\n    >\n      <ContentContainer>\n        <div>\n          <HeaderContainer>{logo && <div>{_logoSistema}</div>}</HeaderContainer>\n          <div\n            style={{\n              display: 'flex',\n              flexDirection: 'column',\n              textAlign: 'center',\n              gap: 8,\n              color: colorPalette.neutral[800],\n            }}\n          >\n            <Typography variant='bodyMD'>\n              Parece que este convite já foi usado ou expirou.\n            </Typography>\n            <Typography variant='bodyMD'>Já se cadastrou? Realize o login.</Typography>\n          </div>\n        </div>\n        <div>\n          <Button fullWidth onClick={onRealizarAcesso}>\n            Realizar login\n          </Button>\n\n          <Button\n            fullWidth\n            variant='text'\n            onClick={onPrecisoDeAjuda}\n            style={{\n              display: 'flex',\n              gap: 4,\n              color: colorPalette.neutral[900],\n            }}\n          >\n            <LIcon icon={lineWhatsApp} size='20px' removeMargin color={colorPalette.neutral[900]} />\n            Preciso de outro convite\n          </Button>\n        </div>\n      </ContentContainer>\n    </TemplateTelaBase>\n  );\n}\n","import { styled } from '@mui/material';\n\nimport { toRem } from '@s_mart/utils';\n\nexport const ContentContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(32)};\n\n  > div {\n    display: grid;\n    gap: ${toRem(16)};\n  }\n`;\n\nexport const HeaderContainer = styled('header')`\n  display: grid;\n  text-align: center;\n  gap: ${toRem(16)};\n`;\n","import { Button, Typography, useMediaQuery } from '@mui/material';\n\nimport { TemplateTelaBase } from '../../components/templateTelaBase';\nimport { ContentContainer, HeaderContainer } from './telaInstrucoesEnviadas.styles';\nimport type { TelaInstrucoesEnviadasProps } from './telaInstrucoesEnviadas.types';\n\nexport function TelaInstrucoesEnviadas({\n  logo,\n  onVoltarParaLogin,\n  ...rest\n}: TelaInstrucoesEnviadasProps) {\n  const _logoSistema = typeof logo === 'string' ? <img src={logo} alt='Logo do sistema' /> : logo;\n  const telaMenorQue500 = useMediaQuery('(max-width: 500px)');\n\n  return (\n    <TemplateTelaBase\n      {...rest}\n      paperStyle={{\n        maxWidth: !telaMenorQue500 ? 456 : undefined,\n        width: !telaMenorQue500 ? undefined : '90%',\n      }}\n    >\n      <ContentContainer>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>\n          <HeaderContainer>{logo && <div>{_logoSistema}</div>}</HeaderContainer>\n          <Typography variant='titleMD' sx={{\n            textAlign: 'center'\n          }}>\n            Instruções enviadas\n          </Typography>\n          <Typography variant='bodySM' sx={{\n            textAlign: 'center'\n          }}>\n            Enviamos ao seu e-mail de acesso as instruções para criar uma nova senha. Verifique sua\n            caixa de entrada e de Spam.\n          </Typography>\n        </div>\n        <Button fullWidth onClick={onVoltarParaLogin}>\n          Voltar para login\n        </Button>\n      </ContentContainer>\n    </TemplateTelaBase>\n  );\n}\n","export const senhaContemLetra = (senha: string) => {\n  if (!senha) return false;\n\n  return senha.match(/[a-z]/i);\n};\n\nexport const senhaContemNumero = (senha: string) => {\n  if (!senha) return false;\n\n  return senha.match(/[0-9]/i);\n};\n\nexport const senhaContemMinimoDe6Caracteres = (senha: string) => {\n  if (!senha) return false;\n\n  return senha.length >= 6;\n};\n","import { styled } from '@mui/material';\nimport { colorPalette } from '@s_mart/tokens';\nimport { toRem } from '@s_mart/utils';\n\nexport const ContentContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(32)};\n`;\n\nexport const HeaderContainer = styled('header')`\n  display: grid;\n  text-align: center;\n  gap: ${toRem(16)};\n`;\n\nexport const FormContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(32)};\n`;\n\nexport const SenhasContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(4)};\n\n  > div:first-of-type {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: ${toRem(16)};\n\n    @media (max-width: 768px) {\n      grid-template-columns: 1fr;\n      gap: ${toRem(8)};\n    }\n  }\n\n  > div:last-of-type {\n    display: grid;\n    gap: ${toRem(4)};\n  }\n`;\n\nexport const RequisitosContainer = styled('div')`\n  display: flex;\n  flex-wrap: wrap;\n  gap: ${toRem(8)};\n`;\n\nexport const CardRequisitoSenha = styled('div')<{ checked?: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: ${toRem(4)};\n\n  color: ${colorPalette.neutral[600]};\n  border: 1px solid ${colorPalette.neutral[600]};\n  border-radius: ${toRem(4)};\n  padding: ${toRem(3)} ${toRem(4)};\n\n  line-height: 1em;\n  vertical-align: middle;\n\n  ${({ checked }) => {\n    if (checked) {\n      return `\n        color: ${colorPalette.green[300]};\n        border-color: ${colorPalette.green[300]};\n      `;\n    }\n  }}\n`;\n","import { LIcon } from '@s_mart/core';\nimport { TextField } from '@s_mart/form';\nimport { lineCheck } from '@s_mart/regular-icons';\nimport { required } from '@s_mart/rules';\n\nimport { Button, Typography } from '@mui/material';\nimport { FormProvider, useForm, useWatch } from 'react-hook-form';\n\nimport { TemplateTelaBase } from '../../components/templateTelaBase';\nimport {\n  senhaContemLetra,\n  senhaContemMinimoDe6Caracteres,\n  senhaContemNumero,\n} from './telaNovaSenha.helpers';\nimport {\n  CardRequisitoSenha,\n  ContentContainer,\n  FormContainer,\n  HeaderContainer,\n  RequisitosContainer,\n  SenhasContainer,\n} from './telaNovaSenha.styles';\nimport type {\n  TelaNovaSenhaFormValues,\n  TelaNovaSenhaFormValuesSubmit,\n  TelaNovaSenhaProps,\n} from './telaNovaSenha.types';\n\nexport function TelaNovaSenha({ logo, onTrocarMinhaSenha, ...rest }: TelaNovaSenhaProps) {\n  const form = useForm<TelaNovaSenhaFormValues, any, TelaNovaSenhaFormValuesSubmit>();\n\n  const senha = useWatch({\n    control: form.control,\n    name: 'senha',\n  });\n\n  const _logoSistema = typeof logo === 'string' ? <img src={logo} alt='Logo do sistema' /> : logo;\n  const _senhaContemLetra = senhaContemLetra(senha);\n  const _senhaContemNumero = senhaContemNumero(senha);\n  const _senhaContemMinimoDe6Caracteres = senhaContemMinimoDe6Caracteres(senha);\n\n  return (\n    <TemplateTelaBase {...rest}>\n      <ContentContainer>\n        <HeaderContainer>\n          {logo && <div>{_logoSistema}</div>}\n          <Typography variant='titleSM'>Vamos cadastrar uma nova senha de acesso.</Typography>\n        </HeaderContainer>\n        <FormProvider {...form}>\n          <form\n            onSubmit={(e) => {\n              e.preventDefault();\n              e.stopPropagation();\n              form.handleSubmit(onTrocarMinhaSenha)(e);\n            }}\n          >\n            <FormContainer>\n              <SenhasContainer>\n                <div>\n                  <TextField\n                    type='password'\n                    name='senha'\n                    label='Senha de acesso'\n                    required\n                    rules={required}\n                  />\n                  <TextField\n                    type='password'\n                    name='confirmarSenha'\n                    label='Confirme sua senha'\n                    required\n                    rules={{\n                      validate: (value) => {\n                        if (!value) return 'Campo obrigatório';\n                        if (value !== senha) return 'As senhas devem ser iguais';\n                      },\n                    }}\n                  />\n                </div>\n                <div>\n                  <Typography variant='bodyXS'>Sua senha precisa conter:</Typography>\n                  <RequisitosContainer>\n                    <CardRequisitoSenha checked={Boolean(_senhaContemLetra)}>\n                      {_senhaContemLetra && <LIcon icon={lineCheck} size='16px' removeMargin />}\n                      <Typography variant='bodyXS'>Uma letra</Typography>\n                    </CardRequisitoSenha>\n                    <CardRequisitoSenha checked={Boolean(_senhaContemNumero)}>\n                      {_senhaContemNumero && <LIcon icon={lineCheck} size='16px' removeMargin />}\n                      <Typography variant='bodyXS'>Um número</Typography>\n                    </CardRequisitoSenha>\n                    <CardRequisitoSenha checked={Boolean(_senhaContemMinimoDe6Caracteres)}>\n                      {_senhaContemMinimoDe6Caracteres && (\n                        <LIcon icon={lineCheck} size='16px' removeMargin />\n                      )}\n                      <Typography variant='bodyXS'>Mínimo de 6 caracteres</Typography>\n                    </CardRequisitoSenha>\n                  </RequisitosContainer>\n                </div>\n              </SenhasContainer>\n\n              <Button type='submit' fullWidth>\n                Trocar minha senha\n              </Button>\n            </FormContainer>\n          </form>\n        </FormProvider>\n      </ContentContainer>\n    </TemplateTelaBase>\n  );\n}\n","import { styled } from '@mui/material';\n\nimport { toRem } from '@s_mart/utils';\n\nexport const ContentContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(32)};\n\n  > div {\n    display: grid;\n    gap: ${toRem(16)};\n  }\n`;\n\nexport const HeaderContainer = styled('header')`\n  display: grid;\n  text-align: center;\n  gap: ${toRem(16)};\n`;\n\nexport const FormContainer = styled('div')`\n  display: grid;\n  gap: ${toRem(32)};\n\n  > div:last-of-type {\n    display: grid;\n    gap: ${toRem(16)};\n  }\n`;\n","import { Form, TextField } from '@s_mart/form';\nimport { composeValidators, email, required } from '@s_mart/rules';\n\nimport { Button, Typography, useMediaQuery } from '@mui/material';\n\nimport { TemplateTelaBase } from '../../components/templateTelaBase';\nimport { ContentContainer, FormContainer, HeaderContainer } from './telaEsqueceuSenha.styles';\nimport type { TelaEsqueceuSenhaProps } from './telaEsqueceuSenha.types';\n\nexport function TelaEsqueceuSenha({\n  logo,\n  onVoltarParaLogin,\n  onConfirmar,\n  ...rest\n}: TelaEsqueceuSenhaProps) {\n  const _logoSistema = typeof logo === 'string' ? <img src={logo} alt='Logo do sistema' /> : logo;\n  const telaMenorQue500 = useMediaQuery('(max-width: 500px)');\n\n  return (\n    <TemplateTelaBase\n      {...rest}\n      paperStyle={{\n        minWidth: !telaMenorQue500 ? 456 : undefined,\n        width: !telaMenorQue500 ? undefined : '90%',\n      }}\n    >\n      <ContentContainer>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>\n          <HeaderContainer>{logo && <div>{_logoSistema}</div>}</HeaderContainer>\n          <Typography variant='titleMD' sx={{\n            textAlign: 'center'\n          }}>\n            Esqueceu a senha?\n          </Typography>\n          <Typography variant='bodySM' sx={{\n            textAlign: 'center'\n          }}>\n            Informe seu e-mail de acesso para receber instruções e criar uma nova senha.\n          </Typography>\n        </div>\n        <Form onSubmit={onConfirmar}>\n          <FormContainer>\n            <div>\n              <TextField\n                name='email'\n                label='E-mail de acesso'\n                required\n                rules={composeValidators([required, email])}\n                type='email'\n              />\n            </div>\n            <div>\n              <Button fullWidth type='submit'>\n                Confirmar\n              </Button>\n              <Button fullWidth onClick={onVoltarParaLogin} variant='neutral'>\n                Voltar para login\n              </Button>\n            </div>\n          </FormContainer>\n        </Form>\n      </ContentContainer>\n    </TemplateTelaBase>\n  );\n}\n"],"mappings":"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"}

package/dist/screens/telaCadastro/telaCadastro.d.ts

@@ -0,0 +1,2 @@
+import { TelaCadastroProps } from './telaCadastro.types';
+export declare const TelaCadastro: import('react').MemoExoticComponent<(props: TelaCadastroProps) => import("react").JSX.Element>;

package/dist/screens/telaCadastro/telaCadastro.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const ContentContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const FormContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SenhasContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RequisitosContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardRequisitoSenha: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    'data-checked'?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/screens/telaCadastro/telaCadastro.types.d.ts

@@ -0,0 +1,43 @@
+import { TemplateTelaBaseProps } from '../../components/templateTelaBase.types';
+import { TextFieldProps } from '@s_mart/form';
+export interface TelaCadastroProps extends Omit<TemplateTelaBaseProps, 'children'> {
+    /**
+     * Valores iniciais do formulário
+     */
+    defaultValues: Pick<FormTelaCadastroValues, 'nome' | 'email'>;
+    /**
+     * Nome do sistema que irá ser exibido em uma frase no topo do paper de cadastro
+     */
+    nomeSistema: string;
+    /**
+     * Logo do sistema que será exibido do topo do paper de cadastro
+     * @default undefined
+     */
+    logo?: React.ReactNode;
+    /**
+     * Função que será executada quando o formulário for submetido
+     */
+    onSubmit: (data: FormTelaCadastroSubmitValues) => void;
+    /**
+     * Link dos termos de uso do sistema - será exibido no checkbox de aceite dos termos de uso
+     * @default undefined
+     *
+     * @example
+     * <TelaCadastro linkTermosDeUso="https://www.google.com" />
+     */
+    linkTermosDeUso?: string;
+    slots?: TelaCadastroSlots;
+}
+export type TelaCadastroSlots = {
+    textFieldEmail?: (props: TextFieldProps) => React.ReactNode;
+    textFieldNome?: (props: TextFieldProps) => React.ReactNode;
+    textFieldSenha?: (props: TextFieldProps) => React.ReactNode;
+};
+export type FormTelaCadastroValues = {
+    nome?: string;
+    email: string;
+    termosDeUso: boolean;
+    senha: string;
+    confirmarSenha: string;
+};
+export type FormTelaCadastroSubmitValues = FormTelaCadastroValues;

package/dist/screens/telaCadastro/telaCadastroRules.d.ts

@@ -0,0 +1,9 @@
+export declare const checarSenhaContemLetra: (senha: string) => false | RegExpMatchArray | null;
+export declare const checarSenhaContemNumero: (senha: string) => false | RegExpMatchArray | null;
+export declare const checarSenhaContemMinimoDe6Caracteres: (senha: string) => boolean;
+export declare const rulesSenha: {
+    validate: (senha: string) => "Obrigatório" | "Deve ter pelo menos uma letra" | "Deve ter pelo menos um número" | "Deve ter pelo menos 6 caracteres" | undefined;
+};
+export declare const rulesConfirmarSenha: (senha: string) => {
+    validate: (senhaConfirmacao: string) => "Obrigatório" | "As senhas devem ser iguais" | undefined;
+};

package/dist/screens/telaCadastro/telaCadastroSlots.d.ts

@@ -0,0 +1,6 @@
+import { TextFieldProps } from '@s_mart/form';
+import { TelaCadastroSlots } from './telaCadastro.types';
+export declare const defaultSlots: Required<TelaCadastroSlots>;
+export declare const textFieldNomeSlotProps: TextFieldProps;
+export declare const textFieldEmailSlotProps: TextFieldProps;
+export declare const textFieldSenhaSlotProps: TextFieldProps;

package/dist/screens/telaCadastro/useTelaCadastro.d.ts

@@ -0,0 +1,8 @@
+import { FormTelaCadastroValues, TelaCadastroProps } from './telaCadastro.types';
+export declare function useTelaCadastro({ defaultValues }: TelaCadastroProps): {
+    form: import('react-hook-form').UseFormReturn<FormTelaCadastroValues, any, FormTelaCadastroValues>;
+    senha: string;
+    senhaContemLetra: boolean | RegExpMatchArray | null;
+    senhaContemNumero: boolean | RegExpMatchArray | null;
+    senhaContemMinimoDe6Caracteres: boolean;
+};

package/dist/screens/telaConviteExpirado/telaConviteExpirado.d.ts

@@ -0,0 +1,2 @@
+import { TelaConviteExpiradoProps } from './telaConviteExpirado.types';
+export declare function TelaConviteExpirado({ logo, onPrecisoDeAjuda, onRealizarAcesso, ...rest }: TelaConviteExpiradoProps): import("react").JSX.Element;

package/dist/screens/telaConviteExpirado/telaConviteExpirado.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const ContentContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/dist/screens/telaConviteExpirado/telaConviteExpirado.types.d.ts

@@ -0,0 +1,16 @@
+import { TemplateTelaBaseProps } from '../../components/templateTelaBase.types';
+export interface TelaConviteExpiradoProps extends Omit<TemplateTelaBaseProps, 'children' | 'whatsapp'> {
+    /**
+     * Logo do sistema que será exibido do topo do paper de cadastro
+     * @default undefined
+     */
+    logo?: React.ImgHTMLAttributes<HTMLImageElement>['src'] | React.ReactNode;
+    /**
+     * Função que será executado quando o usuário clicar no botão de realizar acesso
+     */
+    onRealizarAcesso: () => void;
+    /**
+     * Função que será executada quando o usuário clicar no botão de preciso de ajuda
+     */
+    onPrecisoDeAjuda: () => void;
+}

package/dist/screens/telaEsqueceuSenha/telaEsqueceuSenha.d.ts

@@ -0,0 +1,2 @@
+import { TelaEsqueceuSenhaProps } from './telaEsqueceuSenha.types';
+export declare function TelaEsqueceuSenha({ logo, onVoltarParaLogin, onConfirmar, ...rest }: TelaEsqueceuSenhaProps): import("react").JSX.Element;

package/dist/screens/telaEsqueceuSenha/telaEsqueceuSenha.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const ContentContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const FormContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/screens/telaEsqueceuSenha/telaEsqueceuSenha.types.d.ts

@@ -0,0 +1,20 @@
+import { TemplateTelaBaseProps } from '../../components/templateTelaBase.types';
+interface EsqueceuSenhaFormValues {
+    email: string;
+}
+export interface TelaEsqueceuSenhaProps extends Omit<TemplateTelaBaseProps, 'children'> {
+    /**
+     * Logo do sistema que será exibido do topo do paper de cadastro
+     * @default undefined
+     */
+    logo?: React.ImgHTMLAttributes<HTMLImageElement>['src'] | React.ReactNode;
+    /**
+     * Função que será executada quando o usuário clicar no botão de confirmar
+     **/
+    onConfirmar: (values: EsqueceuSenhaFormValues) => void;
+    /**
+     *  Função que será executada quando o usuário clicar no botão de voltar para o login
+     */
+    onVoltarParaLogin: () => void;
+}
+export {};

package/dist/screens/telaInstrucoesEnviadas/telaInstrucoesEnviadas.d.ts

@@ -0,0 +1,2 @@
+import { TelaInstrucoesEnviadasProps } from './telaInstrucoesEnviadas.types';
+export declare function TelaInstrucoesEnviadas({ logo, onVoltarParaLogin, ...rest }: TelaInstrucoesEnviadasProps): import("react").JSX.Element;

package/dist/screens/telaInstrucoesEnviadas/telaInstrucoesEnviadas.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const ContentContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/dist/screens/telaInstrucoesEnviadas/telaInstrucoesEnviadas.types.d.ts

@@ -0,0 +1,12 @@
+import { TemplateTelaBaseProps } from '../../components/templateTelaBase.types';
+export interface TelaInstrucoesEnviadasProps extends Omit<TemplateTelaBaseProps, 'children'> {
+    /**
+     * Logo do sistema que será exibido do topo do paper de cadastro
+     * @default undefined
+     */
+    logo?: React.ImgHTMLAttributes<HTMLImageElement>['src'] | React.ReactNode;
+    /**
+     *  Função que será executada quando o usuário clicar no botão de voltar para o login
+     */
+    onVoltarParaLogin: () => void;
+}

package/dist/screens/telaLogin/telaLogin.d.ts

@@ -0,0 +1,2 @@
+import { TelaLoginProps } from './telaLogin.types';
+export declare function TelaLogin({ logo, initialValues, onSubmit, onEsqueciMinhaSenha, errorLabel, ...rest }: TelaLoginProps): import("react").JSX.Element;

package/dist/screens/telaLogin/telaLogin.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const ContentContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const FormContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/screens/telaLogin/telaLogin.types.d.ts

@@ -0,0 +1,39 @@
+import { UseFormReturn, FieldValues } from 'react-hook-form';
+import { TemplateTelaBaseProps } from '../../components/templateTelaBase.types';
+export interface TelaLoginFormValues {
+    email: string;
+    senha: string;
+    manterConectado: boolean;
+}
+export interface TelaLoginProps extends Omit<TemplateTelaBaseProps, 'children'> {
+    /**
+     * Texto que vai abaixo do campo de senha (quando passado), usado para indicar erros
+     * @default undefined
+     */
+    errorLabel?: string;
+    /**
+     * Valores iniciais do formulário de cadastro
+     * @default undefined
+     *
+     * @example
+     * <TelaLogin initialValues={{ email: 'raniellimontagna@hotmail.com' }} />
+     */
+    initialValues?: Partial<TelaLoginFormValues>;
+    /**
+     * Logo do sistema que será exibido do topo do paper de cadastro
+     * @default undefined
+     */
+    logo?: React.ImgHTMLAttributes<HTMLImageElement>['src'] | React.ReactNode;
+    /**
+     * Função que será executada quando o formulário for submetido
+     */
+    onSubmit: (data: any, methods: UseFormReturn<FieldValues, any>) => void;
+    /**
+     * Função que será executada quando o usuário clicar no botão de esqueci minha senha
+     * @default undefined
+     *
+     * @example
+     * <TelaLogin onEsqueciMinhaSenha={() => alert('Esqueci minha senha')} />
+     */
+    onEsqueciMinhaSenha?: () => void;
+}

package/dist/screens/telaNovaSenha/telaNovaSenha.d.ts

@@ -0,0 +1,2 @@
+import { TelaNovaSenhaProps } from './telaNovaSenha.types';
+export declare function TelaNovaSenha({ logo, onTrocarMinhaSenha, ...rest }: TelaNovaSenhaProps): import("react").JSX.Element;

package/dist/screens/telaNovaSenha/telaNovaSenha.helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const senhaContemLetra: (senha: string) => false | RegExpMatchArray | null;
+export declare const senhaContemNumero: (senha: string) => false | RegExpMatchArray | null;
+export declare const senhaContemMinimoDe6Caracteres: (senha: string) => boolean;

package/dist/screens/telaNovaSenha/telaNovaSenha.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const ContentContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const FormContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SenhasContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RequisitosContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardRequisitoSenha: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    checked?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/screens/telaNovaSenha/telaNovaSenha.types.d.ts

@@ -0,0 +1,20 @@
+import { ImgHTMLAttributes, ReactNode } from 'react';
+import { TemplateTelaBaseProps } from '../../components/templateTelaBase.types';
+export interface TelaNovaSenhaFormValues {
+    senha: string;
+    confirmarSenha: string;
+    termosDeUso: boolean;
+}
+export interface TelaNovaSenhaFormValuesSubmit extends TelaNovaSenhaFormValues {
+}
+export interface TelaNovaSenhaProps extends Omit<TemplateTelaBaseProps, 'children'> {
+    /**
+     * Logo do sistema que será exibido do topo do paper de cadastro
+     * @default undefined
+     */
+    logo?: ImgHTMLAttributes<HTMLImageElement>['src'] | ReactNode;
+    /**
+     * Função que será executado ao clicar no botão trocar minha senha
+     */
+    onTrocarMinhaSenha: (data: TelaNovaSenhaFormValuesSubmit) => void;
+}

package/package.json

@@ -1,63 +1,55 @@
 {
   "name": "@s_mart/telas-de-acesso",
-  "version": "11.0.7",
+  "version": "16.0.0",
+  "license": "MIT",
+  "type": "module",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.mts",
+  "types": "./dist/index.d.ts",
   "sideEffects": false,
-  "license": "MIT",
   "files": [
     "dist/**"
   ],
-  "dependencies": {
-    "react-is": "^18.3.1",
-    "tsup": "8.5.0",
-    "@s_mart/rules": "5.2.0"
+  "devDependencies": {
+    "@emotion/styled": "^11.14.1",
+    "@mui/material": "^9.3.1",
+    "@mui/system": "^9.3.0",
+    "@s_mart/core": "16.0.0",
+    "@s_mart/form": "16.0.0",
+    "@s_mart/hooks": "16.0.0",
+    "@s_mart/masks": "16.0.0",
+    "@s_mart/regular-icons": "16.0.0",
+    "@s_mart/rules": "16.0.0",
+    "@s_mart/tokens": "16.0.0",
+    "@s_mart/utils": "16.0.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "typescript": "^7.0.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.13.0",
-    "@mui/material": "^7.2.0",
-    "@mui/system": "^7.2.0",
-    "@types/node": ">=22.15.17",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.51.0",
-    "typescript": ">=5.4.2",
-    "@s_mart/form": "10.1.0",
-    "@s_mart/hooks": "8.1.1",
-    "@s_mart/masks": "5.3.0",
-    "@s_mart/regular-icons": "6.0.12",
-    "@s_mart/tokens": "6.0.0",
-    "@s_mart/utils": "5.3.4",
-    "@s_mart/core": "10.0.4"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "devDependencies": {
-    "@emotion/styled": "^11.13.0",
-    "@mui/material": "^7.2.0",
-    "@mui/system": "^7.2.0",
-    "@types/node": ">=22.15.17",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "typescript": ">=5.4.2",
-    "@s_mart/core": "10.0.4",
-    "@s_mart/form": "10.1.0",
-    "@s_mart/hooks": "8.1.1",
-    "@s_mart/masks": "5.3.0",
-    "@s_mart/regular-icons": "6.0.12",
-    "@s_mart/tokens": "6.0.0",
-    "@s_mart/utils": "5.3.4"
-  },
-  "overrides": {
-    "react-is": "^18.3.1"
+    "@mui/material": "^9.0.0",
+    "@mui/system": "^9.0.0",
+    "@s_mart/core": "16.0.0",
+    "@s_mart/form": "16.0.0",
+    "@s_mart/hooks": "16.0.0",
+    "@s_mart/masks": "16.0.0",
+    "@s_mart/regular-icons": "16.0.0",
+    "@s_mart/rules": "16.0.0",
+    "@s_mart/tokens": "16.0.0",
+    "@s_mart/utils": "16.0.0",
+    "@types/react": ">=18.3.12",
+    "@types/react-dom": ">=18.3.1",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "react-hook-form": "^7.85.0",
+    "typescript": ">=7.0.2"
   },
   "scripts": {
-    "build": "tsup src/index.tsx --minify --format esm --dts --external react",
-    "dev": "tsup src/index.tsx --format esm --watch --dts --external react"
+    "build": "pnpm run typecheck && vite build",
+    "typecheck": "tsc --noEmit"
   }
 }