@s_mart/telas-de-acesso 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,171 @@
+import { UseFormReturn, FieldValues } from 'react-hook-form';
+
+interface TemplateTelaBaseProps {
+    /**
+     * @description
+     * Conteúdo que será exibido no paper do template
+     */
+    children?: React.ReactNode;
+    /**
+     * @description
+     * Título que será exibido na parte superior esquerda do template
+     *
+     * Se você passar uma tag <span> dentro do título, ela será estilizada automaticamente para ficar com um fundo preto e bordas arredondadas
+     */
+    textoChamativo?: React.ReactNode;
+    /**
+     * @description
+     * Número do whatsapp que será exibido a baixo do paper
+     */
+    whatsapp?: string;
+    /**
+     * @description
+     * Estilização para o componente inteiro caso seja necessário
+     */
+    style?: React.CSSProperties;
+    /**
+     * @description
+     * Estilização para o paper do template caso seja necessário
+     */
+    paperStyle?: React.CSSProperties;
+    /**
+     * @description
+     * Ilustração que será exibida a esquerda do template
+     * @default undefined
+     */
+    ilustracao?: React.ImgHTMLAttributes<HTMLImageElement>['src'] | React.ReactNode;
+}
+
+declare function TemplateTelaBase({ children, whatsapp, textoChamativo, style, paperStyle, ilustracao, }: TemplateTelaBaseProps): JSX.Element;
+
+interface TelaCadastroProps extends Omit<TemplateTelaBaseProps, 'children'> {
+    email: string;
+    /**
+     * 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.ImgHTMLAttributes<HTMLImageElement>['src'] | React.ReactNode;
+    /**
+     * Função que será executada quando o formulário for submetido
+     */
+    onSubmit: (data: any, methods: UseFormReturn<FieldValues, any>) => 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;
+}
+
+declare function TelaCadastro({ logo, nomeSistema, onSubmit, linkTermosDeUso, email, ...rest }: TelaCadastroProps): JSX.Element;
+
+interface TelaLoginFormValues {
+    email: string;
+    senha: string;
+    manterConectado: boolean;
+}
+interface TelaLoginProps extends Omit<TemplateTelaBaseProps, 'children'> {
+    /**
+     * 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;
+}
+
+declare function TelaLogin({ logo, initialValues, onSubmit, onEsqueciMinhaSenha, ...rest }: TelaLoginProps): JSX.Element;
+
+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;
+}
+
+declare function TelaConviteExpirado({ logo, onPrecisoDeAjuda, onRealizarAcesso, ...rest }: TelaConviteExpiradoProps): JSX.Element;
+
+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;
+}
+
+declare function TelaInstrucoesEnviadas({ logo, onVoltarParaLogin, ...rest }: TelaInstrucoesEnviadasProps): JSX.Element;
+
+interface TelaNovaSenhaProps extends Omit<TemplateTelaBaseProps, 'children'> {
+    email: string;
+    /**
+     * 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 ao clicar no botão trocar minha senha
+     */
+    onTrocarMinhaSenha: (data: any, methods: UseFormReturn<FieldValues, any>) => void;
+}
+
+declare function TelaNovaSenha({ logo, onTrocarMinhaSenha, email, ...rest }: TelaNovaSenhaProps): JSX.Element;
+
+interface EsqueceuSenhaFormValues {
+    email: string;
+}
+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;
+}
+
+declare function TelaEsqueceuSenha({ logo, onVoltarParaLogin, onConfirmar, ...rest }: TelaEsqueceuSenhaProps): JSX.Element;
+
+export { TelaCadastro, TelaCadastroProps, TelaConviteExpirado, TelaConviteExpiradoProps, TelaEsqueceuSenha, TelaEsqueceuSenhaProps, TelaInstrucoesEnviadas, TelaInstrucoesEnviadasProps, TelaLogin, TelaLoginProps, TelaNovaSenha, TelaNovaSenhaProps, TemplateTelaBase, TemplateTelaBaseProps };

package/dist/index.js

@@ -0,0 +1,264 @@
+"use strict";var Ze=Object.create;var O=Object.defineProperty,Qe=Object.defineProperties,Je=Object.getOwnPropertyDescriptor,Ge=Object.getOwnPropertyDescriptors,Ke=Object.getOwnPropertyNames,W=Object.getOwnPropertySymbols,Ye=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty,ie=Object.prototype.propertyIsEnumerable;var oe=(e,a,r)=>a in e?O(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,f=(e,a)=>{for(var r in a||(a={}))K.call(a,r)&&oe(e,r,a[r]);if(W)for(var r of W(a))ie.call(a,r)&&oe(e,r,a[r]);return e},g=(e,a)=>Qe(e,Ge(a));var h=(e,a)=>{var r={};for(var s in e)K.call(e,s)&&a.indexOf(s)<0&&(r[s]=e[s]);if(e!=null&&W)for(var s of W(e))a.indexOf(s)<0&&ie.call(e,s)&&(r[s]=e[s]);return r};var ea=(e,a)=>{for(var r in a)O(e,r,{get:a[r],enumerable:!0})},ne=(e,a,r,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of Ke(a))!K.call(e,o)&&o!==r&&O(e,o,{get:()=>a[o],enumerable:!(s=Je(a,o))||s.enumerable});return e};var F=(e,a,r)=>(r=e!=null?Ze(Ye(e)):{},ne(a||!e||!e.__esModule?O(r,"default",{value:e,enumerable:!0}):r,e)),aa=e=>ne(O({},"__esModule",{value:!0}),e);var xa={};ea(xa,{TelaCadastro:()=>Be,TelaConviteExpirado:()=>Le,TelaEsqueceuSenha:()=>Xe,TelaInstrucoesEnviadas:()=>ke,TelaLogin:()=>Pe,TelaNovaSenha:()=>_e,TemplateTelaBase:()=>c});module.exports=aa(xa);var ue=require("phosphor-react"),ce=require("@s_mart/core"),fe=require("@s_mart/masks");var t=e=>`${e/16}rem`;var D=F(require("@emotion/styled"));var ra=Object.defineProperty,ta=(e,a)=>{for(var r in a)ra(e,r,{get:a[r],enumerable:!0})},m={};ta(m,{blue:()=>ia,green:()=>pa,neutral:()=>ca,red:()=>sa,yellow:()=>ma});var oa={75:"#AFD2FF",100:"#689DCB",300:"#045BA8",500:"#132C70"},ia=oa,na={75:"#FEBCAC",100:"#F5917F",300:"#EF4829",500:"#BD2601"},sa=na,la={75:"#D6EEBC",100:"#A5D770",300:"#49BF00",500:"#518133"},pa=la,da={75:"#FDEFB3",100:"#FFE380",300:"#FFAB00",500:"#C56C00"},ma=da,ua={0:"#FFFFFF",10:"#FBFBFB",20:"#F4F5F7",30:"#EEEEEE",40:"#DBDBDB",50:"#CACACA",100:"#8B8B8B",500:"#555555",600:"#464646",800:"#2E2E2E",900:"#262626"},ca=ua;var se=D.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  overflow: auto;
+
+  height: 100vh;
+
+  background-color: ${({theme:e})=>e.palette.primary.main};
+  transition: background-color 0.3s ease-in-out;
+
+  @media (max-width: 500px) {
+    background-color: ${({theme:e})=>e.palette.common.white};
+  }
+
+  @media (max-height: 650px) {
+    justify-content: flex-start;
+  }
+`,le=D.default.div`
+  position: absolute;
+  left: 0;
+  bottom: 32px;
+  z-index: 1;
+
+  @media (max-width: 768px) {
+    display: none;
+  }
+`,pe=D.default.h1`
+  position: absolute;
+  left: 32px;
+  top: 32px;
+
+  color: ${({theme:e})=>e.palette.common.white};
+  font-size: ${t(32)};
+  line-height: 150%;
+  font-weight: normal;
+
+  @media (max-width: 768px) {
+    left: 16px;
+    top: 16px;
+    font-size: ${t(24)};
+  }
+
+  @media (max-height: 830px) {
+    left: 16px;
+    top: 16px;
+    font-size: ${t(24)};
+
+    @media (max-width: 768px) {
+      display: none;
+    }
+  }
+
+  @media (max-height: 750px) {
+    display: none;
+  }
+
+  span {
+    background-color: #262626;
+    padding: ${t(4)} ${t(8)};
+    border-radius: ${t(12)};
+  }
+
+  @media (max-width: 500px) {
+    display: none;
+  }
+`,de=D.default.div`
+  position: relative;
+  z-index: 2;
+
+  padding: ${t(32)};
+  border-radius: ${t(24)};
+  margin: ${t(16)};
+
+  background-color: ${({theme:e})=>e.palette.common.white};
+`,me=D.default.button`
+  position: relative;
+  z-index: 2;
+
+  background-color: ${({theme:e})=>e.palette.primary.main};
+  padding: ${t(4)} ${t(8)};
+  border: none;
+  border-radius: ${t(8)};
+  cursor: pointer;
+
+  display: flex;
+  align-items: center;
+  gap: ${t(4)};
+
+  color: ${({theme:e})=>e.palette.common.white};
+
+  @media (max-width: 500px) {
+    color: ${({theme:e})=>e.palette.common.black};
+    background-color: transparent;
+
+    svg {
+      color: ${m.green[300]};
+    }
+  }
+`;var C=require("react/jsx-runtime");function c({children:e,whatsapp:a,textoChamativo:r,style:s,paperStyle:o,ilustracao:l}){return(0,C.jsxs)(se,{style:s,children:[r&&(0,C.jsx)(pe,{children:r}),l&&(0,C.jsx)(le,{children:typeof l=="string"?(0,C.jsx)("img",{src:l,alt:"Logo do sistema"}):l}),(0,C.jsx)(de,{style:o,children:e}),a&&(0,C.jsxs)(me,{onClick:()=>{window.open(`https://api.whatsapp.com/send?phone=${a}`)},style:{marginBottom:16},children:[(0,C.jsxs)(ce.Typography,{variant:"bodyXS",children:["Com d\xFAvidas? ",fe.telefone.format(a)]}),(0,C.jsx)(ue.WhatsappLogo,{weight:"fill",size:16})]})]})}var _=require("phosphor-react"),b=require("@s_mart/core"),S=require("@s_mart/form");var fa=Object.defineProperty,ga=Object.defineProperties,ha=Object.getOwnPropertyDescriptors,ge=Object.getOwnPropertySymbols,va=Object.prototype.hasOwnProperty,ya=Object.prototype.propertyIsEnumerable,he=(e,a,r)=>a in e?fa(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,H=(e,a)=>{for(var r in a||(a={}))va.call(a,r)&&he(e,r,a[r]);if(ge)for(var r of ge(a))ya.call(a,r)&&he(e,r,a[r]);return e},Ca=(e,a)=>ga(e,ha(a));var ve=e=>{let a={validate:{}};return e.forEach(r=>{a=Ca(H(H({},a),r),{validate:H(H({},a.validate),r.validate)})}),a},x={validate:{required:e=>{if(!e)return"Campo obrigat\xF3rio"}}},ye={validate:{email:e=>{if(e&&!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(e))return"O email \xE9 inv\xE1lido"}}};var q=F(require("@emotion/styled"));var Ce=q.default.div`
+  display: grid;
+  gap: ${t(32)};
+`,xe=q.default.header`
+  display: grid;
+  text-align: center;
+  gap: ${t(16)};
+`,Te=q.default.div`
+  display: grid;
+  gap: ${t(32)};
+`,be=q.default.div`
+  display: grid;
+  gap: ${t(4)};
+
+  > div:first-of-type {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: ${t(16)};
+
+    @media (max-width: 768px) {
+      grid-template-columns: 1fr;
+      gap: ${t(8)};
+    }
+  }
+
+  > div:last-of-type {
+    display: grid;
+    gap: ${t(4)};
+  }
+`,Se=q.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${t(8)};
+`,V=q.default.div`
+  display: flex;
+  align-items: center;
+  gap: ${t(4)};
+
+  color: ${m.neutral[600]};
+  border: 1px solid ${m.neutral[600]};
+  border-radius: ${t(4)};
+  padding: ${t(3)} ${t(4)};
+
+  line-height: 1em;
+  vertical-align: middle;
+
+  ${({checked:e})=>{if(e)return`
+        color: ${m.green[300]};
+        border-color: ${m.green[300]};
+      `}}
+`;function $e(){let e=o=>o?o.match(/[a-z]/i):!1,a=o=>o?o.match(/[0-9]/i):!1,r=o=>o?o.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:a,senhaContemMinimoDe6Caracteres:r,desabilitarBotaoDeCadastro:o=>!o.email||!o.senha||!o.confirmarSenha||!o.termosDeUso||!e(o.senha)||!a(o.senha)||!r(o.senha)}}var i=require("react/jsx-runtime");function Be(y){var B=y,{logo:e,nomeSistema:a,onSubmit:r,linkTermosDeUso:s,email:o}=B,l=h(B,["logo","nomeSistema","onSubmit","linkTermosDeUso","email"]);let{senhaContemLetra:Q,senhaContemNumero:J,senhaContemMinimoDe6Caracteres:G,desabilitarBotaoDeCadastro:E}=$e(),I=typeof e=="string"?(0,i.jsx)("img",{src:e,alt:"Logo do sistema"}):e;return(0,i.jsx)(c,g(f({},l),{children:(0,i.jsxs)(Ce,{children:[(0,i.jsxs)(xe,{children:[e&&(0,i.jsx)("div",{children:I}),(0,i.jsxs)(b.Typography,{variant:"titleSM",children:["Vamos cadastrar uma senha de acesso ao ",a,"."]})]}),(0,i.jsx)(S.Form,{onSubmit:r,defaultValues:{email:o,termosDeUso:!1},children:({watch:T})=>{let N=Q(T("senha")),k=J(T("senha")),re=G(T("senha"));return(0,i.jsxs)(Te,{children:[(0,i.jsx)(S.TextField,{name:"email",label:"E-mail de acesso",required:!0,disabled:!0}),(0,i.jsxs)(be,{children:[(0,i.jsxs)("div",{children:[(0,i.jsx)(S.TextField,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:x}),(0,i.jsx)(S.TextField,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:te=>{if(!te)return"Campo obrigat\xF3rio";if(te!==T("senha"))return"As senhas devem ser iguais"}}})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)(b.Typography,{variant:"bodyXS",children:"Sua senha precisa conter:"}),(0,i.jsxs)(Se,{children:[(0,i.jsxs)(V,{checked:Boolean(N),children:[N&&(0,i.jsx)(_.Check,{size:16,weight:"bold"}),(0,i.jsx)(b.Typography,{variant:"bodyXS",children:"Uma letra"})]}),(0,i.jsxs)(V,{checked:Boolean(k),children:[k&&(0,i.jsx)(_.Check,{size:16,weight:"bold"}),(0,i.jsx)(b.Typography,{variant:"bodyXS",children:"Um n\xFAmero"})]}),(0,i.jsxs)(V,{checked:Boolean(re),children:[re&&(0,i.jsx)(_.Check,{size:16,weight:"bold"}),(0,i.jsx)(b.Typography,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),(0,i.jsx)("div",{children:(0,i.jsx)(S.Checkbox,{name:"termosDeUso",label:(0,i.jsxs)("div",{style:{display:"flex",gap:4},children:[(0,i.jsx)("span",{children:"Li e aceito os"}),(0,i.jsx)("a",{href:s,target:"_blank",style:{color:"var(--color-primary)"},rel:"noreferrer",children:"termos de uso"})]})})}),(0,i.jsx)("div",{children:(0,i.jsx)(b.Button,{type:"submit",fullWidth:!0,disabled:E(T()),children:"Concluir meu cadastro"})})]})}})]})}))}var Y=require("@s_mart/core"),P=require("@s_mart/form");var M=F(require("@emotion/styled"));var Ee=M.default.div`
+  display: grid;
+  gap: ${t(32)};
+`,Fe=M.default.header`
+  display: grid;
+  text-align: center;
+  gap: ${t(16)};
+`,qe=M.default.div`
+  display: grid;
+  gap: ${t(16)};
+
+  > div {
+    display: grid;
+    gap: ${t(16)};
+  }
+
+  > div:last-of-type {
+    gap: ${t(8)};
+  }
+`;var d=require("react/jsx-runtime");function Pe(l){var y=l,{logo:e,initialValues:a,onSubmit:r,onEsqueciMinhaSenha:s}=y,o=h(y,["logo","initialValues","onSubmit","onEsqueciMinhaSenha"]);let B=typeof e=="string"?(0,d.jsx)("img",{src:e,alt:"Logo do sistema"}):e;return(0,d.jsx)(c,g(f({},o),{paperStyle:{minWidth:456},children:(0,d.jsxs)(Ee,{children:[(0,d.jsx)(Fe,{children:e&&(0,d.jsx)("div",{children:B})}),(0,d.jsx)(P.Form,{onSubmit:r,defaultValues:f({manterConectado:!1},a),children:(0,d.jsxs)(qe,{children:[(0,d.jsxs)("div",{children:[(0,d.jsx)(P.TextField,{name:"email",label:"E-mail de acesso",required:!0,rules:x}),(0,d.jsx)(P.TextField,{name:"senha",label:"Senha de acesso",type:"password",required:!0,rules:x})]}),(0,d.jsx)(P.Checkbox,{name:"manterConectado",label:"Manter conectado"}),(0,d.jsxs)("div",{children:[(0,d.jsx)(Y.Button,{type:"submit",fullWidth:!0,children:"Entrar"}),s&&(0,d.jsx)(Y.Button,{type:"button",fullWidth:!0,variant:"text",children:"Esqueci minha senha"})]})]})})]})}))}var R=require("@s_mart/core");var ee=F(require("@emotion/styled"));var we=ee.default.div`
+  display: grid;
+  gap: ${t(32)};
+
+  > div {
+    display: grid;
+    gap: ${t(16)};
+  }
+`,De=ee.default.header`
+  display: grid;
+  text-align: center;
+  gap: ${t(16)};
+`;var Re=require("phosphor-react");var u=require("react/jsx-runtime");function Le(o){var l=o,{logo:e,onPrecisoDeAjuda:a,onRealizarAcesso:r}=l,s=h(l,["logo","onPrecisoDeAjuda","onRealizarAcesso"]);let y=typeof e=="string"?(0,u.jsx)("img",{src:e,alt:"Logo do sistema"}):e;return(0,u.jsx)(c,g(f({},s),{paperStyle:{minWidth:456},children:(0,u.jsxs)(we,{children:[(0,u.jsxs)("div",{children:[(0,u.jsx)(De,{children:e&&(0,u.jsx)("div",{children:y})}),(0,u.jsxs)("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",gap:4},children:[(0,u.jsx)(R.Typography,{variant:"bodyMD",children:"O convite que voc\xEA utilizou, j\xE1 foi usado ou expirou."}),(0,u.jsx)(R.Typography,{variant:"titleSM",children:"Realize o acesso ou solicite um novo convite."})]})]}),(0,u.jsxs)("div",{children:[(0,u.jsx)(R.Button,{fullWidth:!0,onClick:r,children:"Realizar acesso"}),(0,u.jsxs)(R.Button,{fullWidth:!0,variant:"outlined",onClick:a,style:{display:"flex",gap:8},children:[(0,u.jsx)(Re.WhatsappLogo,{size:18,weight:"fill",color:m.green[300]}),"Preciso de ajuda"]})]})]})}))}var z=require("@s_mart/core");var ae=F(require("@emotion/styled"));var Ae=ae.default.div`
+  display: grid;
+  gap: ${t(32)};
+
+  > div {
+    display: grid;
+    gap: ${t(16)};
+  }
+`,Ne=ae.default.header`
+  display: grid;
+  text-align: center;
+  gap: ${t(16)};
+`;var v=require("react/jsx-runtime");function ke(s){var o=s,{logo:e,onVoltarParaLogin:a}=o,r=h(o,["logo","onVoltarParaLogin"]);let l=typeof e=="string"?(0,v.jsx)("img",{src:e,alt:"Logo do sistema"}):e;return(0,v.jsx)(c,g(f({},r),{paperStyle:{maxWidth:456},children:(0,v.jsxs)(Ae,{children:[(0,v.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[(0,v.jsx)(Ne,{children:e&&(0,v.jsx)("div",{children:l})}),(0,v.jsx)(z.Typography,{variant:"titleMD",textAlign:"center",children:"Instru\xE7\xF5es enviadas"}),(0,v.jsx)(z.Typography,{variant:"bodySM",textAlign:"center",children:"Enviamos ao seu e-mail de acesso as instru\xE7\xF5es para criar uma nova senha. Verifique sua caixa de entrada e de Spam."})]}),(0,v.jsx)(z.Button,{fullWidth:!0,onClick:a,children:"Voltar para login"})]})}))}var U=require("phosphor-react"),$=require("@s_mart/core"),L=require("@s_mart/form");var w=F(require("@emotion/styled"));var Oe=w.default.div`
+  display: grid;
+  gap: ${t(32)};
+`,ze=w.default.header`
+  display: grid;
+  text-align: center;
+  gap: ${t(16)};
+`,Ie=w.default.div`
+  display: grid;
+  gap: ${t(32)};
+`,We=w.default.div`
+  display: grid;
+  gap: ${t(4)};
+
+  > div:first-of-type {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: ${t(16)};
+
+    @media (max-width: 768px) {
+      grid-template-columns: 1fr;
+      gap: ${t(8)};
+    }
+  }
+
+  > div:last-of-type {
+    display: grid;
+    gap: ${t(4)};
+  }
+`,He=w.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${t(8)};
+`,j=w.default.div`
+  display: flex;
+  align-items: center;
+  gap: ${t(4)};
+
+  color: ${m.neutral[600]};
+  border: 1px solid ${m.neutral[600]};
+  border-radius: ${t(4)};
+  padding: ${t(3)} ${t(4)};
+
+  line-height: 1em;
+  vertical-align: middle;
+
+  ${({checked:e})=>{if(e)return`
+        color: ${m.green[300]};
+        border-color: ${m.green[300]};
+      `}}
+`;function Ve(){let e=o=>o?o.match(/[a-z]/i):!1,a=o=>o?o.match(/[0-9]/i):!1,r=o=>o?o.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:a,senhaContemMinimoDe6Caracteres:r,desabilitarBotaoDeCadastro:o=>!o.email||!o.senha||!o.confirmarSenha||!e(o.senha)||!a(o.senha)||!r(o.senha)}}var n=require("react/jsx-runtime");function _e(o){var l=o,{logo:e,onTrocarMinhaSenha:a,email:r}=l,s=h(l,["logo","onTrocarMinhaSenha","email"]);let{senhaContemLetra:y,senhaContemNumero:B,senhaContemMinimoDe6Caracteres:Q,desabilitarBotaoDeCadastro:J}=Ve(),G=typeof e=="string"?(0,n.jsx)("img",{src:e,alt:"Logo do sistema"}):e;return(0,n.jsx)(c,g(f({},s),{children:(0,n.jsxs)(Oe,{children:[(0,n.jsxs)(ze,{children:[e&&(0,n.jsx)("div",{children:G}),(0,n.jsx)($.Typography,{variant:"titleSM",children:"Vamos cadastrar uma nova senha de acesso."})]}),(0,n.jsx)(L.Form,{onSubmit:a,defaultValues:{email:r},children:({watch:E})=>{let I=y(E("senha")),T=B(E("senha")),N=Q(E("senha"));return(0,n.jsxs)(Ie,{children:[(0,n.jsx)(L.TextField,{name:"email",label:"E-mail de acesso",required:!0,disabled:!0}),(0,n.jsxs)(We,{children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(L.TextField,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:x}),(0,n.jsx)(L.TextField,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:k=>{if(!k)return"Campo obrigat\xF3rio";if(k!==E("senha"))return"As senhas devem ser iguais"}}})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)($.Typography,{variant:"bodyXS",children:"Sua senha precisa conter:"}),(0,n.jsxs)(He,{children:[(0,n.jsxs)(j,{checked:Boolean(I),children:[I&&(0,n.jsx)(U.Check,{size:16,weight:"bold"}),(0,n.jsx)($.Typography,{variant:"bodyXS",children:"Uma letra"})]}),(0,n.jsxs)(j,{checked:Boolean(T),children:[T&&(0,n.jsx)(U.Check,{size:16,weight:"bold"}),(0,n.jsx)($.Typography,{variant:"bodyXS",children:"Um n\xFAmero"})]}),(0,n.jsxs)(j,{checked:Boolean(N),children:[N&&(0,n.jsx)(U.Check,{size:16,weight:"bold"}),(0,n.jsx)($.Typography,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),(0,n.jsx)("div",{children:(0,n.jsx)($.Button,{type:"submit",fullWidth:!0,disabled:J(E()),children:"Trocar minha senha"})})]})}})]})}))}var A=require("@s_mart/core");var X=F(require("@emotion/styled"));var Me=X.default.div`
+  display: grid;
+  gap: ${t(32)};
+
+  > div {
+    display: grid;
+    gap: ${t(16)};
+  }
+`,je=X.default.header`
+  display: grid;
+  text-align: center;
+  gap: ${t(16)};
+`,Ue=X.default.div`
+  display: grid;
+  gap: ${t(32)};
+
+  > div:last-of-type {
+    display: grid;
+    gap: ${t(16)};
+  }
+`;var Z=require("@s_mart/form");var p=require("react/jsx-runtime");function Xe(o){var l=o,{logo:e,onVoltarParaLogin:a,onConfirmar:r}=l,s=h(l,["logo","onVoltarParaLogin","onConfirmar"]);let y=typeof e=="string"?(0,p.jsx)("img",{src:e,alt:"Logo do sistema"}):e;return(0,p.jsx)(c,g(f({},s),{paperStyle:{maxWidth:456},children:(0,p.jsxs)(Me,{children:[(0,p.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[(0,p.jsx)(je,{children:e&&(0,p.jsx)("div",{children:y})}),(0,p.jsx)(A.Typography,{variant:"titleMD",textAlign:"center",children:"Esqueceu a senha?"}),(0,p.jsx)(A.Typography,{variant:"bodySM",textAlign:"center",children:"Informe seu e-mail de acesso para receber instru\xE7\xF5es e criar uma nova senha."})]}),(0,p.jsx)(Z.Form,{onSubmit:r,children:(0,p.jsxs)(Ue,{children:[(0,p.jsx)("div",{children:(0,p.jsx)(Z.TextField,{name:"email",label:"E-mail de acesso",required:!0,rules:ve([x,ye])})}),(0,p.jsxs)("div",{children:[(0,p.jsx)(A.Button,{fullWidth:!0,type:"submit",children:"Confirmar"}),(0,p.jsx)(A.Button,{fullWidth:!0,onClick:a,variant:"neutral",children:"Voltar para login"})]})]})})]})}))}0&&(module.exports={TelaCadastro,TelaConviteExpirado,TelaEsqueceuSenha,TelaInstrucoesEnviadas,TelaLogin,TelaNovaSenha,TemplateTelaBase});

package/dist/index.mjs

@@ -0,0 +1,264 @@
+var _e=Object.defineProperty,Me=Object.defineProperties;var je=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var Y=(e,r,t)=>r in e?_e(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,d=(e,r)=>{for(var t in r||(r={}))ee.call(r,t)&&Y(e,t,r[t]);if(N)for(var t of N(r))ae.call(r,t)&&Y(e,t,r[t]);return e},u=(e,r)=>Me(e,je(r));var c=(e,r)=>{var t={};for(var i in e)ee.call(e,i)&&r.indexOf(i)<0&&(t[i]=e[i]);if(e!=null&&N)for(var i of N(e))r.indexOf(i)<0&&ae.call(e,i)&&(t[i]=e[i]);return t};import{WhatsappLogo as oa}from"phosphor-react";import{Typography as ia}from"@s_mart/core";import{telefone as na}from"@s_mart/masks";var a=e=>`${e/16}rem`;import P from"@emotion/styled";var Ue=Object.defineProperty,Xe=(e,r)=>{for(var t in r)Ue(e,t,{get:r[t],enumerable:!0})},p={};Xe(p,{blue:()=>Qe,green:()=>Ye,neutral:()=>ta,red:()=>Ge,yellow:()=>aa});var Ze={75:"#AFD2FF",100:"#689DCB",300:"#045BA8",500:"#132C70"},Qe=Ze,Je={75:"#FEBCAC",100:"#F5917F",300:"#EF4829",500:"#BD2601"},Ge=Je,Ke={75:"#D6EEBC",100:"#A5D770",300:"#49BF00",500:"#518133"},Ye=Ke,ea={75:"#FDEFB3",100:"#FFE380",300:"#FFAB00",500:"#C56C00"},aa=ea,ra={0:"#FFFFFF",10:"#FBFBFB",20:"#F4F5F7",30:"#EEEEEE",40:"#DBDBDB",50:"#CACACA",100:"#8B8B8B",500:"#555555",600:"#464646",800:"#2E2E2E",900:"#262626"},ta=ra;var re=P.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  overflow: auto;
+
+  height: 100vh;
+
+  background-color: ${({theme:e})=>e.palette.primary.main};
+  transition: background-color 0.3s ease-in-out;
+
+  @media (max-width: 500px) {
+    background-color: ${({theme:e})=>e.palette.common.white};
+  }
+
+  @media (max-height: 650px) {
+    justify-content: flex-start;
+  }
+`,te=P.div`
+  position: absolute;
+  left: 0;
+  bottom: 32px;
+  z-index: 1;
+
+  @media (max-width: 768px) {
+    display: none;
+  }
+`,oe=P.h1`
+  position: absolute;
+  left: 32px;
+  top: 32px;
+
+  color: ${({theme:e})=>e.palette.common.white};
+  font-size: ${a(32)};
+  line-height: 150%;
+  font-weight: normal;
+
+  @media (max-width: 768px) {
+    left: 16px;
+    top: 16px;
+    font-size: ${a(24)};
+  }
+
+  @media (max-height: 830px) {
+    left: 16px;
+    top: 16px;
+    font-size: ${a(24)};
+
+    @media (max-width: 768px) {
+      display: none;
+    }
+  }
+
+  @media (max-height: 750px) {
+    display: none;
+  }
+
+  span {
+    background-color: #262626;
+    padding: ${a(4)} ${a(8)};
+    border-radius: ${a(12)};
+  }
+
+  @media (max-width: 500px) {
+    display: none;
+  }
+`,ie=P.div`
+  position: relative;
+  z-index: 2;
+
+  padding: ${a(32)};
+  border-radius: ${a(24)};
+  margin: ${a(16)};
+
+  background-color: ${({theme:e})=>e.palette.common.white};
+`,ne=P.button`
+  position: relative;
+  z-index: 2;
+
+  background-color: ${({theme:e})=>e.palette.primary.main};
+  padding: ${a(4)} ${a(8)};
+  border: none;
+  border-radius: ${a(8)};
+  cursor: pointer;
+
+  display: flex;
+  align-items: center;
+  gap: ${a(4)};
+
+  color: ${({theme:e})=>e.palette.common.white};
+
+  @media (max-width: 500px) {
+    color: ${({theme:e})=>e.palette.common.black};
+    background-color: transparent;
+
+    svg {
+      color: ${p.green[300]};
+    }
+  }
+`;import{jsx as w,jsxs as M}from"react/jsx-runtime";function m({children:e,whatsapp:r,textoChamativo:t,style:i,paperStyle:o,ilustracao:s}){return M(re,{style:i,children:[t&&w(oe,{children:t}),s&&w(te,{children:typeof s=="string"?w("img",{src:s,alt:"Logo do sistema"}):s}),w(ie,{style:o,children:e}),r&&M(ne,{onClick:()=>{window.open(`https://api.whatsapp.com/send?phone=${r}`)},style:{marginBottom:16},children:[M(ia,{variant:"bodyXS",children:["Com d\xFAvidas? ",na.format(r)]}),w(oa,{weight:"fill",size:16})]})]})}import{Check as j}from"phosphor-react";import{Button as ca,Typography as D}from"@s_mart/core";import{Checkbox as fa,Form as ga,TextField as U}from"@s_mart/form";var sa=Object.defineProperty,la=Object.defineProperties,pa=Object.getOwnPropertyDescriptors,se=Object.getOwnPropertySymbols,da=Object.prototype.hasOwnProperty,ma=Object.prototype.propertyIsEnumerable,le=(e,r,t)=>r in e?sa(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,k=(e,r)=>{for(var t in r||(r={}))da.call(r,t)&&le(e,t,r[t]);if(se)for(var t of se(r))ma.call(r,t)&&le(e,t,r[t]);return e},ua=(e,r)=>la(e,pa(r));var pe=e=>{let r={validate:{}};return e.forEach(t=>{r=ua(k(k({},r),t),{validate:k(k({},r.validate),t.validate)})}),r},C={validate:{required:e=>{if(!e)return"Campo obrigat\xF3rio"}}},de={validate:{email:e=>{if(e&&!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(e))return"O email \xE9 inv\xE1lido"}}};import B from"@emotion/styled";var me=B.div`
+  display: grid;
+  gap: ${a(32)};
+`,ue=B.header`
+  display: grid;
+  text-align: center;
+  gap: ${a(16)};
+`,ce=B.div`
+  display: grid;
+  gap: ${a(32)};
+`,fe=B.div`
+  display: grid;
+  gap: ${a(4)};
+
+  > div:first-of-type {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: ${a(16)};
+
+    @media (max-width: 768px) {
+      grid-template-columns: 1fr;
+      gap: ${a(8)};
+    }
+  }
+
+  > div:last-of-type {
+    display: grid;
+    gap: ${a(4)};
+  }
+`,ge=B.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${a(8)};
+`,O=B.div`
+  display: flex;
+  align-items: center;
+  gap: ${a(4)};
+
+  color: ${p.neutral[600]};
+  border: 1px solid ${p.neutral[600]};
+  border-radius: ${a(4)};
+  padding: ${a(3)} ${a(4)};
+
+  line-height: 1em;
+  vertical-align: middle;
+
+  ${({checked:e})=>{if(e)return`
+        color: ${p.green[300]};
+        border-color: ${p.green[300]};
+      `}}
+`;function he(){let e=o=>o?o.match(/[a-z]/i):!1,r=o=>o?o.match(/[0-9]/i):!1,t=o=>o?o.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:r,senhaContemMinimoDe6Caracteres:t,desabilitarBotaoDeCadastro:o=>!o.email||!o.senha||!o.confirmarSenha||!o.termosDeUso||!e(o.senha)||!r(o.senha)||!t(o.senha)}}import{jsx as n,jsxs as f}from"react/jsx-runtime";function ha(h){var b=h,{logo:e,nomeSistema:r,onSubmit:t,linkTermosDeUso:i,email:o}=b,s=c(b,["logo","nomeSistema","onSubmit","linkTermosDeUso","email"]);let{senhaContemLetra:H,senhaContemNumero:V,senhaContemMinimoDe6Caracteres:_,desabilitarBotaoDeCadastro:S}=he(),A=typeof e=="string"?n("img",{src:e,alt:"Logo do sistema"}):e;return n(m,u(d({},s),{children:f(me,{children:[f(ue,{children:[e&&n("div",{children:A}),f(D,{variant:"titleSM",children:["Vamos cadastrar uma senha de acesso ao ",r,"."]})]}),n(ga,{onSubmit:t,defaultValues:{email:o,termosDeUso:!1},children:({watch:x})=>{let F=H(x("senha")),q=V(x("senha")),G=_(x("senha"));return f(ce,{children:[n(U,{name:"email",label:"E-mail de acesso",required:!0,disabled:!0}),f(fe,{children:[f("div",{children:[n(U,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:C}),n(U,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:K=>{if(!K)return"Campo obrigat\xF3rio";if(K!==x("senha"))return"As senhas devem ser iguais"}}})]}),f("div",{children:[n(D,{variant:"bodyXS",children:"Sua senha precisa conter:"}),f(ge,{children:[f(O,{checked:Boolean(F),children:[F&&n(j,{size:16,weight:"bold"}),n(D,{variant:"bodyXS",children:"Uma letra"})]}),f(O,{checked:Boolean(q),children:[q&&n(j,{size:16,weight:"bold"}),n(D,{variant:"bodyXS",children:"Um n\xFAmero"})]}),f(O,{checked:Boolean(G),children:[G&&n(j,{size:16,weight:"bold"}),n(D,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),n("div",{children:n(fa,{name:"termosDeUso",label:f("div",{style:{display:"flex",gap:4},children:[n("span",{children:"Li e aceito os"}),n("a",{href:i,target:"_blank",style:{color:"var(--color-primary)"},rel:"noreferrer",children:"termos de uso"})]})})}),n("div",{children:n(ca,{type:"submit",fullWidth:!0,disabled:S(x()),children:"Concluir meu cadastro"})})]})}})]})}))}import{Button as xe}from"@s_mart/core";import{Checkbox as va,Form as ya,TextField as Te}from"@s_mart/form";import X from"@emotion/styled";var ve=X.div`
+  display: grid;
+  gap: ${a(32)};
+`,ye=X.header`
+  display: grid;
+  text-align: center;
+  gap: ${a(16)};
+`,Ce=X.div`
+  display: grid;
+  gap: ${a(16)};
+
+  > div {
+    display: grid;
+    gap: ${a(16)};
+  }
+
+  > div:last-of-type {
+    gap: ${a(8)};
+  }
+`;import{jsx as v,jsxs as z}from"react/jsx-runtime";function Ca(s){var h=s,{logo:e,initialValues:r,onSubmit:t,onEsqueciMinhaSenha:i}=h,o=c(h,["logo","initialValues","onSubmit","onEsqueciMinhaSenha"]);let b=typeof e=="string"?v("img",{src:e,alt:"Logo do sistema"}):e;return v(m,u(d({},o),{paperStyle:{minWidth:456},children:z(ve,{children:[v(ye,{children:e&&v("div",{children:b})}),v(ya,{onSubmit:t,defaultValues:d({manterConectado:!1},r),children:z(Ce,{children:[z("div",{children:[v(Te,{name:"email",label:"E-mail de acesso",required:!0,rules:C}),v(Te,{name:"senha",label:"Senha de acesso",type:"password",required:!0,rules:C})]}),v(va,{name:"manterConectado",label:"Manter conectado"}),z("div",{children:[v(xe,{type:"submit",fullWidth:!0,children:"Entrar"}),i&&v(xe,{type:"button",fullWidth:!0,variant:"text",children:"Esqueci minha senha"})]})]})})]})}))}import{Button as Be,Typography as Ee}from"@s_mart/core";import be from"@emotion/styled";var Se=be.div`
+  display: grid;
+  gap: ${a(32)};
+
+  > div {
+    display: grid;
+    gap: ${a(16)};
+  }
+`,$e=be.header`
+  display: grid;
+  text-align: center;
+  gap: ${a(16)};
+`;import{WhatsappLogo as xa}from"phosphor-react";import{jsx as T,jsxs as R}from"react/jsx-runtime";function Ta(o){var s=o,{logo:e,onPrecisoDeAjuda:r,onRealizarAcesso:t}=s,i=c(s,["logo","onPrecisoDeAjuda","onRealizarAcesso"]);let h=typeof e=="string"?T("img",{src:e,alt:"Logo do sistema"}):e;return T(m,u(d({},i),{paperStyle:{minWidth:456},children:R(Se,{children:[R("div",{children:[T($e,{children:e&&T("div",{children:h})}),R("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",gap:4},children:[T(Ee,{variant:"bodyMD",children:"O convite que voc\xEA utilizou, j\xE1 foi usado ou expirou."}),T(Ee,{variant:"titleSM",children:"Realize o acesso ou solicite um novo convite."})]})]}),R("div",{children:[T(Be,{fullWidth:!0,onClick:t,children:"Realizar acesso"}),R(Be,{fullWidth:!0,variant:"outlined",onClick:r,style:{display:"flex",gap:8},children:[T(xa,{size:18,weight:"fill",color:p.green[300]}),"Preciso de ajuda"]})]})]})}))}import{Button as ba,Typography as we}from"@s_mart/core";import Fe from"@emotion/styled";var qe=Fe.div`
+  display: grid;
+  gap: ${a(32)};
+
+  > div {
+    display: grid;
+    gap: ${a(16)};
+  }
+`,Pe=Fe.header`
+  display: grid;
+  text-align: center;
+  gap: ${a(16)};
+`;import{jsx as $,jsxs as De}from"react/jsx-runtime";function Sa(i){var o=i,{logo:e,onVoltarParaLogin:r}=o,t=c(o,["logo","onVoltarParaLogin"]);let s=typeof e=="string"?$("img",{src:e,alt:"Logo do sistema"}):e;return $(m,u(d({},t),{paperStyle:{maxWidth:456},children:De(qe,{children:[De("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[$(Pe,{children:e&&$("div",{children:s})}),$(we,{variant:"titleMD",textAlign:"center",children:"Instru\xE7\xF5es enviadas"}),$(we,{variant:"bodySM",textAlign:"center",children:"Enviamos ao seu e-mail de acesso as instru\xE7\xF5es para criar uma nova senha. Verifique sua caixa de entrada e de Spam."})]}),$(ba,{fullWidth:!0,onClick:r,children:"Voltar para login"})]})}))}import{Check as Z}from"phosphor-react";import{Button as $a,Typography as L}from"@s_mart/core";import{Form as Ba,TextField as Q}from"@s_mart/form";import E from"@emotion/styled";var Re=E.div`
+  display: grid;
+  gap: ${a(32)};
+`,Le=E.header`
+  display: grid;
+  text-align: center;
+  gap: ${a(16)};
+`,Ae=E.div`
+  display: grid;
+  gap: ${a(32)};
+`,Ne=E.div`
+  display: grid;
+  gap: ${a(4)};
+
+  > div:first-of-type {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: ${a(16)};
+
+    @media (max-width: 768px) {
+      grid-template-columns: 1fr;
+      gap: ${a(8)};
+    }
+  }
+
+  > div:last-of-type {
+    display: grid;
+    gap: ${a(4)};
+  }
+`,ke=E.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${a(8)};
+`,I=E.div`
+  display: flex;
+  align-items: center;
+  gap: ${a(4)};
+
+  color: ${p.neutral[600]};
+  border: 1px solid ${p.neutral[600]};
+  border-radius: ${a(4)};
+  padding: ${a(3)} ${a(4)};
+
+  line-height: 1em;
+  vertical-align: middle;
+
+  ${({checked:e})=>{if(e)return`
+        color: ${p.green[300]};
+        border-color: ${p.green[300]};
+      `}}
+`;function Oe(){let e=o=>o?o.match(/[a-z]/i):!1,r=o=>o?o.match(/[0-9]/i):!1,t=o=>o?o.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:r,senhaContemMinimoDe6Caracteres:t,desabilitarBotaoDeCadastro:o=>!o.email||!o.senha||!o.confirmarSenha||!e(o.senha)||!r(o.senha)||!t(o.senha)}}import{jsx as l,jsxs as y}from"react/jsx-runtime";function Ea(o){var s=o,{logo:e,onTrocarMinhaSenha:r,email:t}=s,i=c(s,["logo","onTrocarMinhaSenha","email"]);let{senhaContemLetra:h,senhaContemNumero:b,senhaContemMinimoDe6Caracteres:H,desabilitarBotaoDeCadastro:V}=Oe(),_=typeof e=="string"?l("img",{src:e,alt:"Logo do sistema"}):e;return l(m,u(d({},i),{children:y(Re,{children:[y(Le,{children:[e&&l("div",{children:_}),l(L,{variant:"titleSM",children:"Vamos cadastrar uma nova senha de acesso."})]}),l(Ba,{onSubmit:r,defaultValues:{email:t},children:({watch:S})=>{let A=h(S("senha")),x=b(S("senha")),F=H(S("senha"));return y(Ae,{children:[l(Q,{name:"email",label:"E-mail de acesso",required:!0,disabled:!0}),y(Ne,{children:[y("div",{children:[l(Q,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:C}),l(Q,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:q=>{if(!q)return"Campo obrigat\xF3rio";if(q!==S("senha"))return"As senhas devem ser iguais"}}})]}),y("div",{children:[l(L,{variant:"bodyXS",children:"Sua senha precisa conter:"}),y(ke,{children:[y(I,{checked:Boolean(A),children:[A&&l(Z,{size:16,weight:"bold"}),l(L,{variant:"bodyXS",children:"Uma letra"})]}),y(I,{checked:Boolean(x),children:[x&&l(Z,{size:16,weight:"bold"}),l(L,{variant:"bodyXS",children:"Um n\xFAmero"})]}),y(I,{checked:Boolean(F),children:[F&&l(Z,{size:16,weight:"bold"}),l(L,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),l("div",{children:l($a,{type:"submit",fullWidth:!0,disabled:V(S()),children:"Trocar minha senha"})})]})}})]})}))}import{Button as He,Typography as Ve}from"@s_mart/core";import J from"@emotion/styled";var ze=J.div`
+  display: grid;
+  gap: ${a(32)};
+
+  > div {
+    display: grid;
+    gap: ${a(16)};
+  }
+`,Ie=J.header`
+  display: grid;
+  text-align: center;
+  gap: ${a(16)};
+`,We=J.div`
+  display: grid;
+  gap: ${a(32)};
+
+  > div:last-of-type {
+    display: grid;
+    gap: ${a(16)};
+  }
+`;import{Form as Fa,TextField as qa}from"@s_mart/form";import{jsx as g,jsxs as W}from"react/jsx-runtime";function Pa(o){var s=o,{logo:e,onVoltarParaLogin:r,onConfirmar:t}=s,i=c(s,["logo","onVoltarParaLogin","onConfirmar"]);let h=typeof e=="string"?g("img",{src:e,alt:"Logo do sistema"}):e;return g(m,u(d({},i),{paperStyle:{maxWidth:456},children:W(ze,{children:[W("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[g(Ie,{children:e&&g("div",{children:h})}),g(Ve,{variant:"titleMD",textAlign:"center",children:"Esqueceu a senha?"}),g(Ve,{variant:"bodySM",textAlign:"center",children:"Informe seu e-mail de acesso para receber instru\xE7\xF5es e criar uma nova senha."})]}),g(Fa,{onSubmit:t,children:W(We,{children:[g("div",{children:g(qa,{name:"email",label:"E-mail de acesso",required:!0,rules:pe([C,de])})}),W("div",{children:[g(He,{fullWidth:!0,type:"submit",children:"Confirmar"}),g(He,{fullWidth:!0,onClick:r,variant:"neutral",children:"Voltar para login"})]})]})})]})}))}export{ha as TelaCadastro,Ta as TelaConviteExpirado,Pa as TelaEsqueceuSenha,Sa as TelaInstrucoesEnviadas,Ca as TelaLogin,Ea as TelaNovaSenha,m as TemplateTelaBase};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@s_mart/telas-de-acesso",
+  "version": "1.0.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "license": "MIT",
+  "files": [
+    "dist/**"
+  ],
+  "scripts": {
+    "build": "tsup src/index.tsx --minify --format esm,cjs --dts --external react",
+    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
+    "lint": "eslint src/**/*.ts* --fix",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+  },
+  "dependencies": {
+    "tsup": "^6.5.0",
+    "typescript": "^4.9.4",
+    "@types/react": "18.0.27",
+    "@types/react-dom": "18.0.6",
+    "@s_mart/core": "*",
+    "@s_mart/form": "*",
+    "@s_mart/masks": "*"
+  },
+  "peerDependencies": {
+    "phosphor-react": ">=1.4.1",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "react-hook-form": ">=7.36.1",
+    "typescript": ">=4.5.3",
+    "@types/react": ">=18.0.18",
+    "@types/react-dom": ">=18.0.6",
+    "@emotion/react": ">=11.10.4",
+    "@emotion/styled": ">=11.10.4",
+    "@s_mart/core": "*",
+    "@s_mart/form": "*",
+    "@s_mart/masks": "*"
+  },
+  "devDependencies": {
+    "@s_mart/eslint": "*",
+    "@s_mart/tsconfig": "*",
+    "eslint": "^8.32.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}