@s_mart/telas-de-acesso 11.0.0-beta.8 → 11.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +3 -3
- package/dist/index.mjs +6 -6
- package/package.json +26 -22
package/dist/index.d.mts
CHANGED
|
@@ -71,9 +71,9 @@ interface TelaCadastroProps extends Omit<TemplateTelaBaseProps, 'children'> {
|
|
|
71
71
|
slots?: TelaCadastroSlots;
|
|
72
72
|
}
|
|
73
73
|
type TelaCadastroSlots = {
|
|
74
|
-
textFieldEmail?: (props: TextFieldProps
|
|
75
|
-
textFieldNome?: (props: TextFieldProps
|
|
76
|
-
textFieldSenha?: (props: TextFieldProps
|
|
74
|
+
textFieldEmail?: (props: TextFieldProps) => React.ReactNode;
|
|
75
|
+
textFieldNome?: (props: TextFieldProps) => React.ReactNode;
|
|
76
|
+
textFieldSenha?: (props: TextFieldProps) => React.ReactNode;
|
|
77
77
|
};
|
|
78
78
|
type FormTelaCadastroValues = {
|
|
79
79
|
nome?: string;
|
package/dist/index.mjs
CHANGED
|
@@ -99,7 +99,7 @@ import{LIcon as Ke}from"@s_mart/core";import{Typography as Ye}from"@mui/material
|
|
|
99
99
|
color: ${Ge.green[300]};
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
|
-
`;import{jsx as F,jsxs as
|
|
102
|
+
`;import{jsx as F,jsxs as I}from"react/jsx-runtime";function l({children:e,whatsapp:t,textoChamativo:r,style:i,paperStyle:a,ilustracao:n}){return I(j,{style:i,children:[r&&F(te,{children:r}),n&&F(ee,{children:typeof n=="string"?F("img",{src:n,alt:"Logo do sistema"}):n}),F(oe,{style:a,children:e}),t&&I(ae,{onClick:()=>{window.open(`https://api.whatsapp.com/send?phone=${t}`)},style:{marginBottom:16},children:[I(Ye,{variant:"bodyXS",children:["Com d\xFAvidas? ",Ze.format(t.slice(2))]}),F(Ke,{icon:je,size:"20px",removeMargin:!0})]})]})}import{Button as at,LIcon as A}from"@s_mart/core";import{Checkbox as rt,TextField as it}from"@s_mart/form";import{Link as nt,Typography as P}from"@mui/material";import{lineCheck as Q}from"@s_mart/regular-icons";import{colorPalette as w}from"@s_mart/tokens";import{styled as S}from"@mui/material";import{toRem as m}from"@s_mart/utils";var re=S("div")`
|
|
103
103
|
display: grid;
|
|
104
104
|
gap: ${m(32)};
|
|
105
105
|
`,ie=S("header")`
|
|
@@ -149,7 +149,7 @@ import{LIcon as Ke}from"@s_mart/core";import{Typography as Ye}from"@mui/material
|
|
|
149
149
|
color: ${w.green[300]};
|
|
150
150
|
border-color: ${w.green[300]};
|
|
151
151
|
}
|
|
152
|
-
`;import{useForm as et,useWatch as tt}from"react-hook-form";var
|
|
152
|
+
`;import{useForm as et,useWatch as tt}from"react-hook-form";var V=e=>e?e.match(/[a-z]/i):!1,z=e=>e?e.match(/[0-9]/i):!1,H=e=>e?e.length>=6:!1,le={validate:e=>{if(!e)return"Obrigat\xF3rio";if(!V(e))return"Deve ter pelo menos uma letra";if(!z(e))return"Deve ter pelo menos um n\xFAmero";if(!H(e))return"Deve ter pelo menos 6 caracteres"}},me=e=>({validate:t=>{if(!t)return"Obrigat\xF3rio";if(t!==e)return"As senhas devem ser iguais"}});function de({defaultValues:e}){let t=et({defaultValues:e,mode:"all"}),r=tt({control:t.control,name:"senha"}),i=V(r),a=z(r),n=H(r);return{form:t,senha:r,senhaContemLetra:i,senhaContemNumero:a,senhaContemMinimoDe6Caracteres:n}}import{TextField as _}from"@s_mart/form";import{required as ot}from"@s_mart/rules";import{jsx as X}from"react/jsx-runtime";var N={textFieldNome:e=>X(_,{...e}),textFieldEmail:e=>X(_,{...e}),textFieldSenha:e=>X(_,{...e})},ce={type:"text",name:"nome",label:"Nome completo",required:!0,rules:ot},ue={type:"email",name:"email",label:"E-mail de acesso",required:!0,disabled:!0},fe={type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:le};import{FormProvider as st}from"react-hook-form";import{memo as pt,useMemo as lt}from"react";import{required as mt}from"@s_mart/rules";import{jsx as o,jsxs as d}from"react/jsx-runtime";var he=pt(e=>{let{form:t,senha:r,senhaContemLetra:i,senhaContemMinimoDe6Caracteres:a,senhaContemNumero:n}=de(e),f=e.logo,C=e.slots,v=lt(()=>typeof f=="string"?o("img",{src:f,alt:"Logo do sistema"}):f,[f]),y=C?.textFieldNome??N.textFieldNome,Ue=C?.textFieldEmail??N.textFieldEmail,Oe=C?.textFieldSenha??N.textFieldSenha;return o(l,{...e,children:d(re,{children:[d(ie,{children:[f&&o("div",{children:v}),d(P,{variant:"titleSM",children:["Vamos cadastrar uma senha de acesso ao ",e.nomeSistema,"."]})]}),o(st,{...t,children:o("form",{onSubmit:t.handleSubmit(e.onSubmit),children:d(ne,{children:[o(Ue,{...ue}),o(y,{...ce}),d(se,{children:[d("div",{children:[o(Oe,{...fe}),o(it,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:me(r)})]}),d("div",{children:[o(P,{variant:"bodyXS",children:"Sua senha precisa conter:"}),d(pe,{children:[d(L,{"data-checked":!!i,children:[i&&o(A,{icon:Q,size:"16px",removeMargin:!0}),o(P,{variant:"bodyXS",children:"Uma letra"})]}),d(L,{"data-checked":!!n,children:[n&&o(A,{icon:Q,size:"16px",removeMargin:!0}),o(P,{variant:"bodyXS",children:"Um n\xFAmero"})]}),d(L,{"data-checked":!!a,children:[a&&o(A,{icon:Q,size:"16px",removeMargin:!0}),o(P,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),o("div",{children:o(rt,{rules:mt,name:"termosDeUso",label:d("div",{style:{display:"flex",gap:4},children:[o("span",{children:"Li e aceito os"}),o(nt,{href:e.linkTermosDeUso,target:"_blank",sx:Je=>({color:Je.palette.primary.main}),rel:"noreferrer",children:"termos de uso"})]})})}),o("div",{children:o(at,{type:"submit",fullWidth:!0,children:"Concluir meu cadastro"})})]})})})]})})});he.displayName="TelaCadastro";import{useMemo as dt}from"react";import{Button as xe,Indicator as ct}from"@s_mart/core";import{Checkbox as ut,Form as ft,TextField as ve}from"@s_mart/form";import{composeValidators as ht,required as Te,email as yt}from"@s_mart/rules";import{useCapsLock as gt}from"@s_mart/hooks";import{colorPalette as Ct}from"@s_mart/tokens";import{Typography as xt,useMediaQuery as vt}from"@mui/material";import{styled as U}from"@mui/material";import{toRem as B}from"@s_mart/utils";var ye=U("div")`
|
|
153
153
|
display: grid;
|
|
154
154
|
gap: ${B(32)};
|
|
155
155
|
`,ge=U("header")`
|
|
@@ -221,11 +221,11 @@ import{LIcon as Ke}from"@s_mart/core";import{Typography as Ye}from"@mui/material
|
|
|
221
221
|
display: grid;
|
|
222
222
|
gap: ${u(4)};
|
|
223
223
|
}
|
|
224
|
-
`,
|
|
224
|
+
`,We=b("div")`
|
|
225
225
|
display: flex;
|
|
226
226
|
flex-wrap: wrap;
|
|
227
227
|
gap: ${u(8)};
|
|
228
|
-
`,
|
|
228
|
+
`,W=b("div")`
|
|
229
229
|
display: flex;
|
|
230
230
|
align-items: center;
|
|
231
231
|
gap: ${u(4)};
|
|
@@ -242,7 +242,7 @@ import{LIcon as Ke}from"@s_mart/core";import{Typography as Ye}from"@mui/material
|
|
|
242
242
|
color: ${R.green[300]};
|
|
243
243
|
border-color: ${R.green[300]};
|
|
244
244
|
`}}
|
|
245
|
-
`;import{FormProvider as kt,useForm as wt,useWatch as Lt}from"react-hook-form";var
|
|
245
|
+
`;import{FormProvider as kt,useForm as wt,useWatch as Lt}from"react-hook-form";var De=e=>e?e.match(/[a-z]/i):!1,Ie=e=>e?e.match(/[0-9]/i):!1,Ve=e=>e?e.length>=6:!1;import{jsx as s,jsxs as g}from"react/jsx-runtime";function Nt({logo:e,onTrocarMinhaSenha:t,...r}){let i=wt(),a=Lt({control:i.control,name:"senha"}),n=typeof e=="string"?s("img",{src:e,alt:"Logo do sistema"}):e,f=De(a),C=Ie(a),v=Ve(a);return s(l,{...r,children:g(we,{children:[g(Le,{children:[e&&s("div",{children:n}),s(M,{variant:"titleSM",children:"Vamos cadastrar uma nova senha de acesso."})]}),s(kt,{...i,children:s("form",{onSubmit:y=>{y.preventDefault(),y.stopPropagation(),i.handleSubmit(t)(y)},children:g(Ne,{children:[g(Re,{children:[g("div",{children:[s(ze,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:Mt}),s(ze,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:y=>{if(!y)return"Campo obrigat\xF3rio";if(y!==a)return"As senhas devem ser iguais"}}})]}),g("div",{children:[s(M,{variant:"bodyXS",children:"Sua senha precisa conter:"}),g(We,{children:[g(W,{checked:!!f,children:[f&&s(K,{icon:Y,size:"16px",removeMargin:!0}),s(M,{variant:"bodyXS",children:"Uma letra"})]}),g(W,{checked:!!C,children:[C&&s(K,{icon:Y,size:"16px",removeMargin:!0}),s(M,{variant:"bodyXS",children:"Um n\xFAmero"})]}),g(W,{checked:!!v,children:[v&&s(K,{icon:Y,size:"16px",removeMargin:!0}),s(M,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),s(Et,{type:"submit",fullWidth:!0,children:"Trocar minha senha"})]})})})]})})}import{Button as Ae}from"@s_mart/core";import{Typography as Qe,useMediaQuery as Rt}from"@mui/material";import{styled as Z}from"@mui/material";import{toRem as k}from"@s_mart/utils";var He=Z("div")`
|
|
246
246
|
display: grid;
|
|
247
247
|
gap: ${k(32)};
|
|
248
248
|
|
|
@@ -262,4 +262,4 @@ import{LIcon as Ke}from"@s_mart/core";import{Typography as Ye}from"@mui/material
|
|
|
262
262
|
display: grid;
|
|
263
263
|
gap: ${k(16)};
|
|
264
264
|
}
|
|
265
|
-
`;import{Form as
|
|
265
|
+
`;import{Form as Wt,TextField as Dt}from"@s_mart/form";import{composeValidators as It,email as Vt,required as zt}from"@s_mart/rules";import{jsx as h,jsxs as D}from"react/jsx-runtime";function Ht({logo:e,onVoltarParaLogin:t,onConfirmar:r,...i}){let a=typeof e=="string"?h("img",{src:e,alt:"Logo do sistema"}):e,n=Rt("(max-width: 500px)");return h(l,{...i,paperStyle:{minWidth:n?void 0:456,width:n?"90%":void 0},children:D(He,{children:[D("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[h(_e,{children:e&&h("div",{children:a})}),h(Qe,{variant:"titleMD",textAlign:"center",children:"Esqueceu a senha?"}),h(Qe,{variant:"bodySM",textAlign:"center",children:"Informe seu e-mail de acesso para receber instru\xE7\xF5es e criar uma nova senha."})]}),h(Wt,{onSubmit:r,children:D(Xe,{children:[h("div",{children:h(Dt,{name:"email",label:"E-mail de acesso",required:!0,rules:It([zt,Vt]),type:"email"})}),D("div",{children:[h(Ae,{fullWidth:!0,type:"submit",children:"Confirmar"}),h(Ae,{fullWidth:!0,onClick:t,variant:"neutral",children:"Voltar para login"})]})]})})]})})}export{he as TelaCadastro,Ft as TelaConviteExpirado,Ht as TelaEsqueceuSenha,qt as TelaInstrucoesEnviadas,Tt as TelaLogin,Nt as TelaNovaSenha,l as TemplateTelaBase};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@s_mart/telas-de-acesso",
|
|
3
|
-
"version": "11.0.0
|
|
3
|
+
"version": "11.0.0",
|
|
4
4
|
"main": "./dist/index.mjs",
|
|
5
5
|
"module": "./dist/index.mjs",
|
|
6
6
|
"types": "./dist/index.d.mts",
|
|
@@ -10,27 +10,28 @@
|
|
|
10
10
|
"dist/**"
|
|
11
11
|
],
|
|
12
12
|
"dependencies": {
|
|
13
|
+
"react-is": "^18.3.1",
|
|
13
14
|
"tsup": "8.0.2",
|
|
14
|
-
"@s_mart/rules": "5.1.2
|
|
15
|
+
"@s_mart/rules": "5.1.2"
|
|
15
16
|
},
|
|
16
17
|
"peerDependencies": {
|
|
17
18
|
"@emotion/react": "^11.11.4",
|
|
18
19
|
"@emotion/styled": "^11.13.0",
|
|
19
|
-
"@mui/material": "^
|
|
20
|
-
"@mui/system": "^
|
|
20
|
+
"@mui/material": "^7.2.0",
|
|
21
|
+
"@mui/system": "^7.2.0",
|
|
21
22
|
"@types/node": ">=22.15.17",
|
|
22
|
-
"@types/react": "
|
|
23
|
-
"@types/react-dom": "
|
|
24
|
-
"react": "
|
|
25
|
-
"react-dom": "
|
|
23
|
+
"@types/react": "^18.3.12",
|
|
24
|
+
"@types/react-dom": "^18.3.1",
|
|
25
|
+
"react": "^18.3.1",
|
|
26
|
+
"react-dom": "^18.3.1",
|
|
26
27
|
"react-hook-form": "^7.51.0",
|
|
27
28
|
"typescript": ">=5.4.2",
|
|
28
|
-
"@s_mart/core": "
|
|
29
|
-
"@s_mart/form": "
|
|
29
|
+
"@s_mart/core": "10.0.0",
|
|
30
|
+
"@s_mart/form": "10.0.0",
|
|
31
|
+
"@s_mart/hooks": "8.0.14",
|
|
30
32
|
"@s_mart/masks": "5.2.0",
|
|
31
|
-
"@s_mart/
|
|
32
|
-
"@s_mart/
|
|
33
|
-
"@s_mart/tokens": "5.1.1",
|
|
33
|
+
"@s_mart/regular-icons": "6.0.11",
|
|
34
|
+
"@s_mart/tokens": "6.0.0",
|
|
34
35
|
"@s_mart/utils": "5.3.4"
|
|
35
36
|
},
|
|
36
37
|
"publishConfig": {
|
|
@@ -38,20 +39,23 @@
|
|
|
38
39
|
},
|
|
39
40
|
"devDependencies": {
|
|
40
41
|
"@emotion/styled": "^11.13.0",
|
|
41
|
-
"@mui/material": "^
|
|
42
|
-
"@mui/system": "^
|
|
42
|
+
"@mui/material": "^7.2.0",
|
|
43
|
+
"@mui/system": "^7.2.0",
|
|
43
44
|
"@types/node": ">=22.15.17",
|
|
44
|
-
"@types/react": "
|
|
45
|
-
"@types/react-dom": "
|
|
45
|
+
"@types/react": "^18.3.12",
|
|
46
|
+
"@types/react-dom": "^18.3.1",
|
|
46
47
|
"typescript": ">=5.4.2",
|
|
47
|
-
"@s_mart/core": "
|
|
48
|
-
"@s_mart/
|
|
49
|
-
"@s_mart/
|
|
48
|
+
"@s_mart/core": "10.0.0",
|
|
49
|
+
"@s_mart/hooks": "8.0.14",
|
|
50
|
+
"@s_mart/form": "10.0.0",
|
|
50
51
|
"@s_mart/masks": "5.2.0",
|
|
51
|
-
"@s_mart/regular-icons": "6.0.
|
|
52
|
-
"@s_mart/tokens": "
|
|
52
|
+
"@s_mart/regular-icons": "6.0.11",
|
|
53
|
+
"@s_mart/tokens": "6.0.0",
|
|
53
54
|
"@s_mart/utils": "5.3.4"
|
|
54
55
|
},
|
|
56
|
+
"overrides": {
|
|
57
|
+
"react-is": "^18.3.1"
|
|
58
|
+
},
|
|
55
59
|
"scripts": {
|
|
56
60
|
"build": "tsup src/index.tsx --minify --format esm --dts --external react",
|
|
57
61
|
"dev": "tsup src/index.tsx --format esm --watch --dts --external react"
|