@s_mart/telas-de-acesso 8.1.0 → 9.0.1

package/dist/index.d.mts

@@ -42,8 +42,10 @@ interface TemplateTelaBaseProps {
 declare function TemplateTelaBase({ children, whatsapp, textoChamativo, style, paperStyle, ilustracao, }: TemplateTelaBaseProps): react_jsx_runtime.JSX.Element;
 
 interface TelaCadastroProps extends Omit<TemplateTelaBaseProps, 'children'> {
-    email: string;
-    nome: string;
+    /**
+     * 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
      */
@@ -52,7 +54,7 @@ interface TelaCadastroProps extends Omit<TemplateTelaBaseProps, 'children'> {
      * Logo do sistema que será exibido do topo do paper de cadastro
      * @default undefined
      */
-    logo?: React.ImgHTMLAttributes<HTMLImageElement>['src'];
+    logo?: React.ReactNode;
     /**
      * Função que será executada quando o formulário for submetido
      */
@@ -77,6 +79,7 @@ type FormTelaCadastroValues = {
     email: string;
     termosDeUso: boolean;
     senha: string;
+    confirmarSenha: string;
 };
 type FormTelaCadastroSubmitValues = FormTelaCadastroValues;
 
@@ -189,4 +192,4 @@ interface TelaEsqueceuSenhaProps extends Omit<TemplateTelaBaseProps, 'children'>
 
 declare function TelaEsqueceuSenha({ logo, onVoltarParaLogin, onConfirmar, ...rest }: TelaEsqueceuSenhaProps): react_jsx_runtime.JSX.Element;
 
-export { TelaCadastro, type TelaCadastroProps, TelaConviteExpirado, type TelaConviteExpiradoProps, TelaEsqueceuSenha, type TelaEsqueceuSenhaProps, TelaInstrucoesEnviadas, type TelaInstrucoesEnviadasProps, TelaLogin, type TelaLoginProps, TelaNovaSenha, type TelaNovaSenhaProps, TemplateTelaBase, type TemplateTelaBaseProps };
+export { type FormTelaCadastroSubmitValues, type FormTelaCadastroValues, TelaCadastro, type TelaCadastroProps, type TelaCadastroSlots, TelaConviteExpirado, type TelaConviteExpiradoProps, TelaEsqueceuSenha, type TelaEsqueceuSenhaProps, TelaInstrucoesEnviadas, type TelaInstrucoesEnviadasProps, TelaLogin, type TelaLoginProps, TelaNovaSenha, type TelaNovaSenhaProps, TemplateTelaBase, type TemplateTelaBaseProps };

package/dist/index.mjs

@@ -99,48 +99,48 @@ import{LIcon as Je}from"@s_mart/core";import{Typography as Ge}from"@mui/material
       color: ${Oe.green[300]};
     }
   }
-`;import{jsx as F,jsxs as V}from"react/jsx-runtime";function l({children:e,whatsapp:o,textoChamativo:i,style:r,paperStyle:t,ilustracao:n}){return V(oe,{style:r,children:[i&&F(re,{children:i}),n&&F(ae,{children:typeof n=="string"?F("img",{src:n,alt:"Logo do sistema"}):n}),F(ie,{style:t,children:e}),o&&V(ne,{onClick:()=>{window.open(`https://api.whatsapp.com/send?phone=${o}`)},style:{marginBottom:16},children:[V(Ge,{variant:"bodyXS",children:["Com d\xFAvidas? ",Ke.format(o.slice(2))]}),F(Je,{icon:Ye,size:"20px",removeMargin:!0})]})]})}import{Button as tt,LIcon as O}from"@s_mart/core";import{Checkbox as ot,TextField as at}from"@s_mart/form";import{Link as rt,Typography as B}from"@mui/material";import{lineCheck as J}from"@s_mart/regular-icons";import{colorPalette as R}from"@s_mart/tokens";import{styled as S}from"@mui/material/styles";import{toRem as d}from"@s_mart/utils";import"@mui/system";var se=S("div")`
+`;import{jsx as F,jsxs as H}from"react/jsx-runtime";function l({children:e,whatsapp:o,textoChamativo:a,style:n,paperStyle:t,ilustracao:i}){return H(oe,{style:n,children:[a&&F(re,{children:a}),i&&F(ae,{children:typeof i=="string"?F("img",{src:i,alt:"Logo do sistema"}):i}),F(ie,{style:t,children:e}),o&&H(ne,{onClick:()=>{window.open(`https://api.whatsapp.com/send?phone=${o}`)},style:{marginBottom:16},children:[H(Ge,{variant:"bodyXS",children:["Com d\xFAvidas? ",Ke.format(o.slice(2))]}),F(Je,{icon:Ye,size:"20px",removeMargin:!0})]})]})}import{Button as tt,LIcon as O}from"@s_mart/core";import{Checkbox as ot,TextField as at}from"@s_mart/form";import{Link as rt,Typography as B}from"@mui/material";import{lineCheck as J}from"@s_mart/regular-icons";import{colorPalette as R}from"@s_mart/tokens";import{styled as S}from"@mui/material/styles";import{toRem as m}from"@s_mart/utils";import"@mui/system";var se=S("div")`
   display: grid;
-  gap: ${d(32)};
+  gap: ${m(32)};
 `,pe=S("header")`
   display: grid;
   text-align: center;
-  gap: ${d(16)};
+  gap: ${m(16)};
 `,le=S("div")`
   display: grid;
-  gap: ${d(32)};
-`,de=S("div")`
+  gap: ${m(32)};
+`,me=S("div")`
   display: grid;
-  gap: ${d(4)};
+  gap: ${m(4)};
 
   > div:first-of-type {
     display: grid;
     grid-template-columns: 1fr 1fr;
-    gap: ${d(16)};
+    gap: ${m(16)};
 
     @media (max-width: 768px) {
       grid-template-columns: 1fr;
-      gap: ${d(8)};
+      gap: ${m(8)};
     }
   }
 
   > div:last-of-type {
     display: grid;
-    gap: ${d(4)};
+    gap: ${m(4)};
   }
-`,me=S("div")`
+`,de=S("div")`
   display: flex;
   flex-wrap: wrap;
-  gap: ${d(8)};
+  gap: ${m(8)};
 `,D=S("div")`
   display: flex;
   align-items: center;
-  gap: ${d(4)};
+  gap: ${m(4)};
 
   color: ${R.neutral[600]};
   border: 1px solid ${R.neutral[600]};
-  border-radius: ${d(4)};
-  padding: ${d(3)} ${d(4)};
+  border-radius: ${m(4)};
+  padding: ${m(3)} ${m(4)};
 
   line-height: 1em;
   vertical-align: middle;
@@ -149,7 +149,7 @@ import{LIcon as Je}from"@s_mart/core";import{Typography as Ge}from"@mui/material
     color: ${R.green[300]};
     border-color: ${R.green[300]};
   }
-`;import{useForm as Ze,useWatch as je}from"react-hook-form";var _=e=>e?e.match(/[a-z]/i):!1,X=e=>e?e.match(/[0-9]/i):!1,A=e=>e?e.length>=6:!1,ce={validate:e=>{if(!e)return"Obrigat\xF3rio";if(!_(e))return"Deve ter pelo menos uma letra";if(!X(e))return"Deve ter pelo menos um n\xFAmero";if(!A(e))return"Deve ter pelo menos 6 caracteres"}},ue=e=>({validate:o=>{if(!o)return"Obrigat\xF3rio";if(o!==e)return"As senhas devem ser iguais"}});function fe({email:e,nome:o}){let i=Ze({defaultValues:{email:e,nome:o,termosDeUso:!1,senha:void 0}}),r=je({control:i.control,name:"senha"}),t=_(r),n=X(r),h=A(r);return{form:i,senha:r,senhaContemLetra:t,senhaContemNumero:n,senhaContemMinimoDe6Caracteres:h}}import{TextField as Q}from"@s_mart/form";import{required as et}from"@s_mart/rules";import{jsx as U}from"react/jsx-runtime";var W={textFieldNome:e=>U(Q,{...e}),textFieldEmail:e=>U(Q,{...e}),textFieldSenha:e=>U(Q,{...e})},he={name:"nome",label:"Nome completo",required:!0,rules:et},ye={name:"email",label:"E-mail de acesso",required:!0,disabled:!0},ge={name:"senha",label:"Senha de acesso",type:"password",required:!0,rules:ce};import{FormProvider as it}from"react-hook-form";import{memo as nt}from"react";import{jsx as a,jsxs as m}from"react/jsx-runtime";var Ce=nt(e=>{let{form:o,senha:i,senhaContemLetra:r,senhaContemMinimoDe6Caracteres:t,senhaContemNumero:n}=fe(e),h=e.logo,x=e.slots,y=typeof e.logo=="string"?a("img",{src:h,alt:"Logo do sistema"}):h,T=x?.textFieldNome??W.textFieldNome,w=x?.textFieldEmail??W.textFieldEmail,N=x?.textFieldSenha??W.textFieldSenha;return a(l,{...e,children:m(se,{children:[m(pe,{children:[h&&a("div",{children:y}),m(B,{variant:"titleSM",children:["Vamos cadastrar uma senha de acesso ao ",e.nomeSistema,"."]})]}),a(it,{...o,children:a("form",{onSubmit:o.handleSubmit(e.onSubmit),children:m(le,{children:[a(w,{...ye}),a(T,{...he}),m(de,{children:[m("div",{children:[a(N,{...ge}),a(at,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:ue(i)})]}),m("div",{children:[a(B,{variant:"bodyXS",children:"Sua senha precisa conter:"}),m(me,{children:[m(D,{"data-checked":!!r,children:[r&&a(O,{icon:J,size:"16px",removeMargin:!0}),a(B,{variant:"bodyXS",children:"Uma letra"})]}),m(D,{"data-checked":!!n,children:[n&&a(O,{icon:J,size:"16px",removeMargin:!0}),a(B,{variant:"bodyXS",children:"Um n\xFAmero"})]}),m(D,{"data-checked":!!t,children:[t&&a(O,{icon:J,size:"16px",removeMargin:!0}),a(B,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),a("div",{children:a(ot,{name:"termosDeUso",label:m("div",{style:{display:"flex",gap:4},children:[a("span",{children:"Li e aceito os"}),a(rt,{href:e.linkTermosDeUso,target:"_blank",sx:L=>({color:L.palette.primary.main}),rel:"noreferrer",children:"termos de uso"})]})})}),a("div",{children:a(tt,{type:"submit",fullWidth:!0,disabled:!o.formState.isValid,children:"Concluir meu cadastro"})})]})})})]})})});Ce.displayName="TelaCadastro";import{useMemo as st}from"react";import{Button as Se,Indicator as pt}from"@s_mart/core";import{Checkbox as lt,Form as dt,TextField as be}from"@s_mart/form";import{composeValidators as mt,required as $e,email as ct}from"@s_mart/rules";import{useCapsLock as ut}from"@s_mart/hooks";import{colorPalette as ft}from"@s_mart/tokens";import{Typography as ht,useMediaQuery as yt}from"@mui/material";import G from"@emotion/styled";import{toRem as P}from"@s_mart/utils";var xe=G.div`
+`;import{useForm as Ze,useWatch as je}from"react-hook-form";var _=e=>e?e.match(/[a-z]/i):!1,X=e=>e?e.match(/[0-9]/i):!1,A=e=>e?e.length>=6:!1,ce={validate:e=>{if(!e)return"Obrigat\xF3rio";if(!_(e))return"Deve ter pelo menos uma letra";if(!X(e))return"Deve ter pelo menos um n\xFAmero";if(!A(e))return"Deve ter pelo menos 6 caracteres"}},ue=e=>({validate:o=>{if(!o)return"Obrigat\xF3rio";if(o!==e)return"As senhas devem ser iguais"}});function fe({defaultValues:e}){let o=Ze({defaultValues:e}),a=je({control:o.control,name:"senha"}),n=_(a),t=X(a),i=A(a);return{form:o,senha:a,senhaContemLetra:n,senhaContemNumero:t,senhaContemMinimoDe6Caracteres:i}}import{TextField as Q}from"@s_mart/form";import{required as et}from"@s_mart/rules";import{jsx as U}from"react/jsx-runtime";var W={textFieldNome:e=>U(Q,{...e}),textFieldEmail:e=>U(Q,{...e}),textFieldSenha:e=>U(Q,{...e})},he={type:"text",name:"nome",label:"Nome completo",required:!0,rules:et},ye={type:"email",name:"email",label:"E-mail de acesso",required:!0,disabled:!0},ge={type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:ce};import{FormProvider as it}from"react-hook-form";import{memo as nt,useMemo as st}from"react";import{jsx as r,jsxs as d}from"react/jsx-runtime";var Ce=nt(e=>{let{form:o,senha:a,senhaContemLetra:n,senhaContemMinimoDe6Caracteres:t,senhaContemNumero:i}=fe(e),h=e.logo,x=e.slots,y=st(()=>typeof h=="string"?r("img",{src:h,alt:"Logo do sistema"}):h,[h]),T=x?.textFieldNome??W.textFieldNome,w=x?.textFieldEmail??W.textFieldEmail,N=x?.textFieldSenha??W.textFieldSenha;return r(l,{...e,children:d(se,{children:[d(pe,{children:[h&&r("div",{children:y}),d(B,{variant:"titleSM",children:["Vamos cadastrar uma senha de acesso ao ",e.nomeSistema,"."]})]}),r(it,{...o,children:r("form",{onSubmit:o.handleSubmit(e.onSubmit),children:d(le,{children:[r(w,{...ye}),r(T,{...he}),d(me,{children:[d("div",{children:[r(N,{...ge}),r(at,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:ue(a)})]}),d("div",{children:[r(B,{variant:"bodyXS",children:"Sua senha precisa conter:"}),d(de,{children:[d(D,{"data-checked":!!n,children:[n&&r(O,{icon:J,size:"16px",removeMargin:!0}),r(B,{variant:"bodyXS",children:"Uma letra"})]}),d(D,{"data-checked":!!i,children:[i&&r(O,{icon:J,size:"16px",removeMargin:!0}),r(B,{variant:"bodyXS",children:"Um n\xFAmero"})]}),d(D,{"data-checked":!!t,children:[t&&r(O,{icon:J,size:"16px",removeMargin:!0}),r(B,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),r("div",{children:r(ot,{name:"termosDeUso",label:d("div",{style:{display:"flex",gap:4},children:[r("span",{children:"Li e aceito os"}),r(rt,{href:e.linkTermosDeUso,target:"_blank",sx:L=>({color:L.palette.primary.main}),rel:"noreferrer",children:"termos de uso"})]})})}),r("div",{children:r(tt,{type:"submit",fullWidth:!0,disabled:!o.formState.isValid,children:"Concluir meu cadastro"})})]})})})]})})});Ce.displayName="TelaCadastro";import{useMemo as pt}from"react";import{Button as Se,Indicator as lt}from"@s_mart/core";import{Checkbox as mt,Form as dt,TextField as be}from"@s_mart/form";import{composeValidators as ct,required as $e,email as ut}from"@s_mart/rules";import{useCapsLock as ft}from"@s_mart/hooks";import{colorPalette as ht}from"@s_mart/tokens";import{Typography as yt,useMediaQuery as gt}from"@mui/material";import G from"@emotion/styled";import{toRem as P}from"@s_mart/utils";var xe=G.div`
   display: grid;
   gap: ${P(32)};
 `,ve=G.header`
@@ -168,7 +168,7 @@ import{LIcon as Je}from"@s_mart/core";import{Typography as Ge}from"@mui/material
   > div:last-of-type {
     gap: ${P(8)};
   }
-`;import{jsx as c,jsxs as q}from"react/jsx-runtime";function gt({logo:e,initialValues:o,onSubmit:i,onEsqueciMinhaSenha:r,errorLabel:t,...n}){let h=typeof e=="string"?c("img",{src:e,alt:"Logo do sistema"}):e,x=ut(),y=yt("(max-width: 500px)"),T=st(()=>({manterConectado:!1,...o}),[o]);return c(l,{...n,paperStyle:{minWidth:y?void 0:456,width:y?"90%":void 0},children:q(xe,{children:[c(ve,{children:e&&c("div",{children:h})}),c(dt,{onSubmit:i,defaultValues:T,children:q(Te,{children:[q("div",{children:[c(be,{name:"email",label:"E-mail de acesso",required:!0,rules:mt([$e,ct]),autoComplete:"email",type:"email"}),q("div",{children:[c(be,{name:"senha",label:"Senha de acesso",type:"password",required:!0,rules:$e}),x&&c(pt,{severity:"warning",children:"Capslock ativado"}),!!t&&c(ht,{variant:"titleXXS",color:ft.red[300],children:t})]})]}),c(lt,{name:"manterConectado",label:"Manter conectado"}),q("div",{children:[c(Se,{type:"submit",fullWidth:!0,children:"Entrar"}),r&&c(Se,{type:"button",fullWidth:!0,variant:"text",onClick:r,children:"Esqueci minha senha"})]})]})})]})})}import{Button as qe,LIcon as Ct}from"@s_mart/core";import{Typography as Ee,useMediaQuery as xt}from"@mui/material";import{colorPalette as Y}from"@s_mart/tokens";import{lineWhatsApp as vt}from"@s_mart/regular-icons";import Fe from"@emotion/styled";import{toRem as K}from"@s_mart/utils";var Be=Fe.div`
+`;import{jsx as c,jsxs as q}from"react/jsx-runtime";function Ct({logo:e,initialValues:o,onSubmit:a,onEsqueciMinhaSenha:n,errorLabel:t,...i}){let h=typeof e=="string"?c("img",{src:e,alt:"Logo do sistema"}):e,x=ft(),y=gt("(max-width: 500px)"),T=pt(()=>({manterConectado:!1,...o}),[o]);return c(l,{...i,paperStyle:{minWidth:y?void 0:456,width:y?"90%":void 0},children:q(xe,{children:[c(ve,{children:e&&c("div",{children:h})}),c(dt,{onSubmit:a,defaultValues:T,children:q(Te,{children:[q("div",{children:[c(be,{name:"email",label:"E-mail de acesso",required:!0,rules:ct([$e,ut]),autoComplete:"email",type:"email"}),q("div",{children:[c(be,{name:"senha",label:"Senha de acesso",type:"password",required:!0,rules:$e}),x&&c(lt,{severity:"warning",children:"Capslock ativado"}),!!t&&c(yt,{variant:"titleXXS",color:ht.red[300],children:t})]})]}),c(mt,{name:"manterConectado",label:"Manter conectado"}),q("div",{children:[c(Se,{type:"submit",fullWidth:!0,children:"Entrar"}),n&&c(Se,{type:"button",fullWidth:!0,variant:"text",onClick:n,children:"Esqueci minha senha"})]})]})})]})})}import{Button as qe,LIcon as xt}from"@s_mart/core";import{Typography as Ee,useMediaQuery as vt}from"@mui/material";import{colorPalette as Y}from"@s_mart/tokens";import{lineWhatsApp as Tt}from"@s_mart/regular-icons";import Fe from"@emotion/styled";import{toRem as K}from"@s_mart/utils";var Be=Fe.div`
   display: grid;
   gap: ${K(32)};
 
@@ -180,7 +180,7 @@ import{LIcon as Je}from"@s_mart/core";import{Typography as Ge}from"@mui/material
   display: grid;
   text-align: center;
   gap: ${K(16)};
-`;import{jsx as C,jsxs as E}from"react/jsx-runtime";function Tt({logo:e,onPrecisoDeAjuda:o,onRealizarAcesso:i,...r}){let t=typeof e=="string"?C("img",{src:e,alt:"Logo do sistema"}):e,n=xt("(max-width: 500px)");return C(l,{...r,paperStyle:{minWidth:n?void 0:456,width:n?"90%":void 0},children:E(Be,{children:[E("div",{children:[C(Pe,{children:e&&C("div",{children:t})}),E("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",gap:8,color:Y.neutral[800]},children:[C(Ee,{variant:"bodyMD",children:"Parece que este convite j\xE1 foi usado ou expirou."}),C(Ee,{variant:"bodyMD",children:"J\xE1 se cadastrou? Realize o login."})]})]}),E("div",{children:[C(qe,{fullWidth:!0,onClick:i,children:"Realizar login"}),E(qe,{fullWidth:!0,variant:"text",onClick:o,style:{display:"flex",gap:4,color:Y.neutral[900]},children:[C(Ct,{icon:vt,size:"20px",removeMargin:!0,color:Y.neutral[900]}),"Preciso de outro convite"]})]})]})})}import{Button as St}from"@s_mart/core";import{useMediaQuery as bt,Typography as Ne}from"@mui/material";import ke from"@emotion/styled";import{toRem as Z}from"@s_mart/utils";var Me=ke.div`
+`;import{jsx as C,jsxs as E}from"react/jsx-runtime";function St({logo:e,onPrecisoDeAjuda:o,onRealizarAcesso:a,...n}){let t=typeof e=="string"?C("img",{src:e,alt:"Logo do sistema"}):e,i=vt("(max-width: 500px)");return C(l,{...n,paperStyle:{minWidth:i?void 0:456,width:i?"90%":void 0},children:E(Be,{children:[E("div",{children:[C(Pe,{children:e&&C("div",{children:t})}),E("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",gap:8,color:Y.neutral[800]},children:[C(Ee,{variant:"bodyMD",children:"Parece que este convite j\xE1 foi usado ou expirou."}),C(Ee,{variant:"bodyMD",children:"J\xE1 se cadastrou? Realize o login."})]})]}),E("div",{children:[C(qe,{fullWidth:!0,onClick:a,children:"Realizar login"}),E(qe,{fullWidth:!0,variant:"text",onClick:o,style:{display:"flex",gap:4,color:Y.neutral[900]},children:[C(xt,{icon:Tt,size:"20px",removeMargin:!0,color:Y.neutral[900]}),"Preciso de outro convite"]})]})]})})}import{Button as bt}from"@s_mart/core";import{useMediaQuery as $t,Typography as Ne}from"@mui/material";import Me from"@emotion/styled";import{toRem as Z}from"@s_mart/utils";var ke=Me.div`
   display: grid;
   gap: ${Z(32)};
 
@@ -188,11 +188,11 @@ import{LIcon as Je}from"@s_mart/core";import{Typography as Ge}from"@mui/material
     display: grid;
     gap: ${Z(16)};
   }
-`,we=ke.header`
+`,we=Me.header`
   display: grid;
   text-align: center;
   gap: ${Z(16)};
-`;import{jsx as v,jsxs as Le}from"react/jsx-runtime";function $t({logo:e,onVoltarParaLogin:o,...i}){let r=typeof e=="string"?v("img",{src:e,alt:"Logo do sistema"}):e,t=bt("(max-width: 500px)");return v(l,{...i,paperStyle:{maxWidth:t?void 0:456,width:t?"90%":void 0},children:Le(Me,{children:[Le("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[v(we,{children:e&&v("div",{children:r})}),v(Ne,{variant:"titleMD",textAlign:"center",children:"Instru\xE7\xF5es enviadas"}),v(Ne,{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."})]}),v(St,{fullWidth:!0,onClick:o,children:"Voltar para login"})]})})}import{Button as Ft,LIcon as j}from"@s_mart/core";import{Typography as k}from"@mui/material";import{Form as Bt,TextField as Ve}from"@s_mart/form";import{required as Pt}from"@s_mart/rules";import{lineCheck as ee}from"@s_mart/regular-icons";import{colorPalette as I}from"@s_mart/tokens";import b from"@emotion/styled";import{toRem as u}from"@s_mart/utils";var Re=b.div`
+`;import{jsx as v,jsxs as Le}from"react/jsx-runtime";function Ft({logo:e,onVoltarParaLogin:o,...a}){let n=typeof e=="string"?v("img",{src:e,alt:"Logo do sistema"}):e,t=$t("(max-width: 500px)");return v(l,{...a,paperStyle:{maxWidth:t?void 0:456,width:t?"90%":void 0},children:Le(ke,{children:[Le("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[v(we,{children:e&&v("div",{children:n})}),v(Ne,{variant:"titleMD",textAlign:"center",children:"Instru\xE7\xF5es enviadas"}),v(Ne,{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."})]}),v(bt,{fullWidth:!0,onClick:o,children:"Voltar para login"})]})})}import{Button as Bt,LIcon as j}from"@s_mart/core";import{Typography as M}from"@mui/material";import{Form as Pt,TextField as He}from"@s_mart/form";import{required as qt}from"@s_mart/rules";import{lineCheck as ee}from"@s_mart/regular-icons";import{colorPalette as I}from"@s_mart/tokens";import b from"@emotion/styled";import{toRem as u}from"@s_mart/utils";var Re=b.div`
   display: grid;
   gap: ${u(32)};
 `,De=b.header`
@@ -221,11 +221,11 @@ import{LIcon as Je}from"@s_mart/core";import{Typography as Ge}from"@mui/material
     display: grid;
     gap: ${u(4)};
   }
-`,ze=b.div`
+`,Ve=b.div`
   display: flex;
   flex-wrap: wrap;
   gap: ${u(8)};
-`,z=b.div`
+`,V=b.div`
   display: flex;
   align-items: center;
   gap: ${u(4)};
@@ -242,24 +242,24 @@ import{LIcon as Je}from"@s_mart/core";import{Typography as Ge}from"@mui/material
         color: ${I.green[300]};
         border-color: ${I.green[300]};
       `}}
-`;function He(){let e=t=>t?t.match(/[a-z]/i):!1,o=t=>t?t.match(/[0-9]/i):!1,i=t=>t?t.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:o,senhaContemMinimoDe6Caracteres:i,desabilitarBotaoDeCadastro:t=>!t.senha||!t.confirmarSenha||!e(t.senha)||!o(t.senha)||!i(t.senha)}}import{jsx as s,jsxs as g}from"react/jsx-runtime";function qt({logo:e,onTrocarMinhaSenha:o,...i}){let{senhaContemLetra:r,senhaContemNumero:t,senhaContemMinimoDe6Caracteres:n,desabilitarBotaoDeCadastro:h}=He();return s(l,{...i,children:g(Re,{children:[g(De,{children:[e&&s("div",{children:typeof e=="string"?s("img",{src:e,alt:"Logo do sistema"}):e}),s(k,{variant:"titleSM",children:"Vamos cadastrar uma nova senha de acesso."})]}),s(Bt,{onSubmit:o,children:({watch:y})=>{let T=r(y("senha")),w=t(y("senha")),N=n(y("senha"));return g(We,{children:[g(Ie,{children:[g("div",{children:[s(Ve,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:Pt}),s(Ve,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:L=>{if(!L)return"Campo obrigat\xF3rio";if(L!==y("senha"))return"As senhas devem ser iguais"}}})]}),g("div",{children:[s(k,{variant:"bodyXS",children:"Sua senha precisa conter:"}),g(ze,{children:[g(z,{checked:!!T,children:[T&&s(j,{icon:ee,size:"16px",removeMargin:!0}),s(k,{variant:"bodyXS",children:"Uma letra"})]}),g(z,{checked:!!w,children:[w&&s(j,{icon:ee,size:"16px",removeMargin:!0}),s(k,{variant:"bodyXS",children:"Um n\xFAmero"})]}),g(z,{checked:!!N,children:[N&&s(j,{icon:ee,size:"16px",removeMargin:!0}),s(k,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),s("div",{children:s(Ft,{type:"submit",fullWidth:!0,disabled:h(y()),children:"Trocar minha senha"})})]})}})]})})}import{Button as Qe}from"@s_mart/core";import{Typography as Ue,useMediaQuery as Et}from"@mui/material";import te from"@emotion/styled";import{toRem as M}from"@s_mart/utils";var _e=te.div`
+`;function ze(){let e=t=>t?t.match(/[a-z]/i):!1,o=t=>t?t.match(/[0-9]/i):!1,a=t=>t?t.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:o,senhaContemMinimoDe6Caracteres:a,desabilitarBotaoDeCadastro:t=>!t.senha||!t.confirmarSenha||!e(t.senha)||!o(t.senha)||!a(t.senha)}}import{jsx as s,jsxs as g}from"react/jsx-runtime";function Et({logo:e,onTrocarMinhaSenha:o,...a}){let{senhaContemLetra:n,senhaContemNumero:t,senhaContemMinimoDe6Caracteres:i,desabilitarBotaoDeCadastro:h}=ze();return s(l,{...a,children:g(Re,{children:[g(De,{children:[e&&s("div",{children:typeof e=="string"?s("img",{src:e,alt:"Logo do sistema"}):e}),s(M,{variant:"titleSM",children:"Vamos cadastrar uma nova senha de acesso."})]}),s(Pt,{onSubmit:o,children:({watch:y})=>{let T=n(y("senha")),w=t(y("senha")),N=i(y("senha"));return g(We,{children:[g(Ie,{children:[g("div",{children:[s(He,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:qt}),s(He,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:L=>{if(!L)return"Campo obrigat\xF3rio";if(L!==y("senha"))return"As senhas devem ser iguais"}}})]}),g("div",{children:[s(M,{variant:"bodyXS",children:"Sua senha precisa conter:"}),g(Ve,{children:[g(V,{checked:!!T,children:[T&&s(j,{icon:ee,size:"16px",removeMargin:!0}),s(M,{variant:"bodyXS",children:"Uma letra"})]}),g(V,{checked:!!w,children:[w&&s(j,{icon:ee,size:"16px",removeMargin:!0}),s(M,{variant:"bodyXS",children:"Um n\xFAmero"})]}),g(V,{checked:!!N,children:[N&&s(j,{icon:ee,size:"16px",removeMargin:!0}),s(M,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),s("div",{children:s(Bt,{type:"submit",fullWidth:!0,disabled:h(y()),children:"Trocar minha senha"})})]})}})]})})}import{Button as Qe}from"@s_mart/core";import{Typography as Ue,useMediaQuery as Mt}from"@mui/material";import te from"@emotion/styled";import{toRem as k}from"@s_mart/utils";var _e=te.div`
   display: grid;
-  gap: ${M(32)};
+  gap: ${k(32)};
 
   > div {
     display: grid;
-    gap: ${M(16)};
+    gap: ${k(16)};
   }
 `,Xe=te.header`
   display: grid;
   text-align: center;
-  gap: ${M(16)};
+  gap: ${k(16)};
 `,Ae=te.div`
   display: grid;
-  gap: ${M(32)};
+  gap: ${k(32)};
 
   > div:last-of-type {
     display: grid;
-    gap: ${M(16)};
+    gap: ${k(16)};
   }
-`;import{Form as kt,TextField as Mt}from"@s_mart/form";import{composeValidators as wt,email as Nt,required as Lt}from"@s_mart/rules";import{jsx as f,jsxs as H}from"react/jsx-runtime";function Rt({logo:e,onVoltarParaLogin:o,onConfirmar:i,...r}){let t=typeof e=="string"?f("img",{src:e,alt:"Logo do sistema"}):e,n=Et("(max-width: 500px)");return f(l,{...r,paperStyle:{minWidth:n?void 0:456,width:n?"90%":void 0},children:H(_e,{children:[H("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[f(Xe,{children:e&&f("div",{children:t})}),f(Ue,{variant:"titleMD",textAlign:"center",children:"Esqueceu a senha?"}),f(Ue,{variant:"bodySM",textAlign:"center",children:"Informe seu e-mail de acesso para receber instru\xE7\xF5es e criar uma nova senha."})]}),f(kt,{onSubmit:i,children:H(Ae,{children:[f("div",{children:f(Mt,{name:"email",label:"E-mail de acesso",required:!0,rules:wt([Lt,Nt]),type:"email"})}),H("div",{children:[f(Qe,{fullWidth:!0,type:"submit",children:"Confirmar"}),f(Qe,{fullWidth:!0,onClick:o,variant:"neutral",children:"Voltar para login"})]})]})})]})})}export{Ce as TelaCadastro,Tt as TelaConviteExpirado,Rt as TelaEsqueceuSenha,$t as TelaInstrucoesEnviadas,gt as TelaLogin,qt as TelaNovaSenha,l as TemplateTelaBase};
+`;import{Form as kt,TextField as wt}from"@s_mart/form";import{composeValidators as Nt,email as Lt,required as Rt}from"@s_mart/rules";import{jsx as f,jsxs as z}from"react/jsx-runtime";function Dt({logo:e,onVoltarParaLogin:o,onConfirmar:a,...n}){let t=typeof e=="string"?f("img",{src:e,alt:"Logo do sistema"}):e,i=Mt("(max-width: 500px)");return f(l,{...n,paperStyle:{minWidth:i?void 0:456,width:i?"90%":void 0},children:z(_e,{children:[z("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[f(Xe,{children:e&&f("div",{children:t})}),f(Ue,{variant:"titleMD",textAlign:"center",children:"Esqueceu a senha?"}),f(Ue,{variant:"bodySM",textAlign:"center",children:"Informe seu e-mail de acesso para receber instru\xE7\xF5es e criar uma nova senha."})]}),f(kt,{onSubmit:a,children:z(Ae,{children:[f("div",{children:f(wt,{name:"email",label:"E-mail de acesso",required:!0,rules:Nt([Rt,Lt]),type:"email"})}),z("div",{children:[f(Qe,{fullWidth:!0,type:"submit",children:"Confirmar"}),f(Qe,{fullWidth:!0,onClick:o,variant:"neutral",children:"Voltar para login"})]})]})})]})})}export{Ce as TelaCadastro,St as TelaConviteExpirado,Dt as TelaEsqueceuSenha,Ft as TelaInstrucoesEnviadas,Ct as TelaLogin,Et as TelaNovaSenha,l as TemplateTelaBase};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/telas-de-acesso",
-  "version": "8.1.0",
+  "version": "9.0.1",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
@@ -30,8 +30,8 @@
     "@s_mart/hooks": "8.0.9",
     "@s_mart/masks": "5.2.0",
     "@s_mart/regular-icons": "6.0.6",
-    "@s_mart/utils": "5.3.4",
-    "@s_mart/tokens": "5.1.1"
+    "@s_mart/tokens": "5.1.1",
+    "@s_mart/utils": "5.3.4"
   },
   "publishConfig": {
     "access": "public"
@@ -47,10 +47,10 @@
     "@s_mart/core": "8.0.4",
     "@s_mart/form": "8.1.1",
     "@s_mart/hooks": "8.0.9",
+    "@s_mart/masks": "5.2.0",
     "@s_mart/regular-icons": "6.0.6",
     "@s_mart/tokens": "5.1.1",
-    "@s_mart/utils": "5.3.4",
-    "@s_mart/masks": "5.2.0"
+    "@s_mart/utils": "5.3.4"
   },
   "scripts": {
     "build": "tsup src/index.tsx --minify --format esm --dts --external react",