@s_mart/telas-de-acesso 11.0.7 → 16.0.0

package/dist/index.mjs

@@ -1,4 +1,17 @@
-import{LIcon as Ke}from"@s_mart/core";import{Typography as Ye}from"@mui/material";import{telefone as Ze}from"@s_mart/masks";import{lineWhatsApp as je}from"@s_mart/regular-icons";import{styled as $}from"@mui/material";import{colorPalette as Ge}from"@s_mart/tokens";import{toRem as p}from"@s_mart/utils";var j=$("div")`
+import { Indicator as e, LIcon as t } from "@s_mart/core";
+import { telefone as n } from "@s_mart/masks";
+import { lineCheck as r, lineWhatsApp as i } from "@s_mart/regular-icons";
+import { Button as a, Link as o, Typography as s, styled as c, useMediaQuery as l } from "@mui/material";
+import { colorPalette as u } from "@s_mart/tokens";
+import { toRem as d } from "@s_mart/utils";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { memo as m, useMemo as h } from "react";
+import { Checkbox as g, Form as _, TextField as v } from "@s_mart/form";
+import { composeValidators as y, email as b, required as x } from "@s_mart/rules";
+import { FormProvider as S, useForm as C, useWatch as w } from "react-hook-form";
+import { useCapsLock as T } from "@s_mart/hooks";
+//#region src/components/templateTelaBase.styles.ts
+var ee = c("div")`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -8,17 +21,17 @@ import{LIcon as Ke}from"@s_mart/core";import{Typography as Ye}from"@mui/material
 
   height: 100vh;
 
-  background-color: ${({theme:e})=>e.palette.primary.main};
+  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};
+    background-color: ${({ theme: e }) => e.palette.common.white};
   }
 
   @media (max-height: 600px) {
     justify-content: flex-start;
   }
-`,ee=$("div")`
+`, E = c("div")`
   position: absolute;
   left: 0;
   bottom: 32px;
@@ -27,26 +40,26 @@ import{LIcon as Ke}from"@s_mart/core";import{Typography as Ye}from"@mui/material
   @media (max-width: 768px) {
     display: none;
   }
-`,te=$("h1")`
+`, D = c("h1")`
   position: absolute;
   left: 32px;
   top: 32px;
 
-  color: ${({theme:e})=>e.palette.common.white};
-  font-size: ${p(32)};
+  color: ${({ theme: e }) => e.palette.common.white};
+  font-size: ${d(32)};
   line-height: 150%;
   font-weight: normal;
 
   @media (max-width: 768px) {
     left: 16px;
     top: 16px;
-    font-size: ${p(24)};
+    font-size: ${d(24)};
   }
 
   @media (max-height: 830px) {
     left: 16px;
     top: 16px;
-    font-size: ${p(24)};
+    font-size: ${d(24)};
 
     @media (max-width: 768px) {
       display: none;
@@ -59,207 +72,694 @@ import{LIcon as Ke}from"@s_mart/core";import{Typography as Ye}from"@mui/material
 
   span {
     background-color: #262626;
-    padding: ${p(4)} ${p(8)};
-    border-radius: ${p(12)};
+    padding: ${d(4)} ${d(8)};
+    border-radius: ${d(12)};
   }
 
   @media (max-width: 500px) {
     display: none;
   }
-`,oe=$("div")`
+`, O = c("div")`
   position: relative;
   z-index: 2;
 
-  padding: ${p(32)};
-  border-radius: ${p(24)};
-  margin: ${p(16)};
+  padding: ${d(32)};
+  border-radius: ${d(24)};
+  margin: ${d(16)};
 
-  background-color: ${({theme:e})=>e.palette.common.white};
-`,ae=$("button")`
+  background-color: ${({ theme: e }) => e.palette.common.white};
+`, k = c("button")`
   position: relative;
   z-index: 2;
 
-  background-color: ${({theme:e})=>e.palette.primary.main};
-  padding: ${p(4)} ${p(8)};
+  background-color: ${({ theme: e }) => e.palette.primary.main};
+  padding: ${d(4)} ${d(8)};
   border: none;
-  border-radius: ${p(8)};
+  border-radius: ${d(8)};
   cursor: pointer;
 
   display: flex;
   align-items: center;
-  gap: ${p(4)};
+  gap: ${d(4)};
 
-  color: ${({theme:e})=>e.palette.common.white};
+  color: ${({ theme: e }) => e.palette.common.white};
 
   @media (max-width: 500px) {
-    color: ${({theme:e})=>e.palette.common.black};
+    color: ${({ theme: e }) => e.palette.common.black};
     background-color: transparent;
 
     svg {
-      color: ${Ge.green[300]};
+      color: ${u.green[300]};
     }
   }
-`;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")`
+`;
+//#endregion
+//#region src/components/templateTelaBase.tsx
+function A({ children: e, whatsapp: r, textoChamativo: a, style: o, paperStyle: c, ilustracao: l }) {
+	return /* @__PURE__ */ p(ee, {
+		style: o,
+		children: [
+			a && /* @__PURE__ */ f(D, { children: a }),
+			l && /* @__PURE__ */ f(E, { children: typeof l == "string" ? /* @__PURE__ */ f("img", {
+				src: l,
+				alt: "Logo do sistema"
+			}) : l }),
+			/* @__PURE__ */ f(O, {
+				style: c,
+				children: e
+			}),
+			r && /* @__PURE__ */ p(k, {
+				onClick: () => {
+					window.open(`https://api.whatsapp.com/send?phone=${r}`);
+				},
+				style: { marginBottom: 16 },
+				children: [/* @__PURE__ */ p(s, {
+					variant: "bodyXS",
+					children: ["Com dúvidas? ", n.format(r.slice(2))]
+				}), /* @__PURE__ */ f(t, {
+					icon: i,
+					size: "20px",
+					removeMargin: !0
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/screens/telaCadastro/telaCadastro.styles.ts
+var j = c("div")`
   display: grid;
-  gap: ${m(32)};
-`,ie=S("header")`
+  gap: ${d(32)};
+`, M = c("header")`
   display: grid;
   text-align: center;
-  gap: ${m(16)};
-`,ne=S("div")`
+  gap: ${d(16)};
+`, N = c("div")`
   display: grid;
-  gap: ${m(32)};
-`,se=S("div")`
+  gap: ${d(32)};
+`, P = c("div")`
   display: grid;
-  gap: ${m(4)};
+  gap: ${d(4)};
 
   > div:first-of-type {
     display: grid;
     grid-template-columns: 1fr 1fr;
-    gap: ${m(16)};
+    gap: ${d(16)};
 
     @media (max-width: 768px) {
       grid-template-columns: 1fr;
-      gap: ${m(8)};
+      gap: ${d(8)};
     }
   }
 
   > div:last-of-type {
     display: grid;
-    gap: ${m(4)};
+    gap: ${d(4)};
   }
-`,pe=S("div")`
+`, F = c("div")`
   display: flex;
   flex-wrap: wrap;
-  gap: ${m(8)};
-`,L=S("div")`
+  gap: ${d(8)};
+`, I = c("div")`
   display: flex;
   align-items: center;
-  gap: ${m(4)};
+  gap: ${d(4)};
 
-  color: ${w.neutral[600]};
-  border: 1px solid ${w.neutral[600]};
-  border-radius: ${m(4)};
-  padding: ${m(3)} ${m(4)};
+  color: ${u.neutral[600]};
+  border: 1px solid ${u.neutral[600]};
+  border-radius: ${d(4)};
+  padding: ${d(3)} ${d(4)};
 
   line-height: 1em;
   vertical-align: middle;
 
   &[data-checked='true'] {
-    color: ${w.green[300]};
-    border-color: ${w.green[300]};
+    color: ${u.green[300]};
+    border-color: ${u.green[300]};
   }
-`;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")`
+`, L = (e) => e ? e.match(/[a-z]/i) : !1, R = (e) => e ? e.match(/[0-9]/i) : !1, z = (e) => e ? e.length >= 6 : !1, B = { validate: (e) => {
+	if (!e) return "Obrigatório";
+	if (!L(e)) return "Deve ter pelo menos uma letra";
+	if (!R(e)) return "Deve ter pelo menos um número";
+	if (!z(e)) return "Deve ter pelo menos 6 caracteres";
+} }, V = (e) => ({ validate: (t) => {
+	if (!t) return "Obrigatório";
+	if (t !== e) return "As senhas devem ser iguais";
+} }), H = {
+	textFieldNome: (e) => /* @__PURE__ */ f(v, { ...e }),
+	textFieldEmail: (e) => /* @__PURE__ */ f(v, { ...e }),
+	textFieldSenha: (e) => /* @__PURE__ */ f(v, { ...e })
+}, U = {
+	type: "text",
+	name: "nome",
+	label: "Nome completo",
+	required: !0,
+	rules: x
+}, W = {
+	type: "email",
+	name: "email",
+	label: "E-mail de acesso",
+	required: !0,
+	disabled: !0
+}, G = {
+	type: "password",
+	name: "senha",
+	label: "Senha de acesso",
+	required: !0,
+	rules: B
+};
+//#endregion
+//#region src/screens/telaCadastro/useTelaCadastro.tsx
+function K({ defaultValues: e }) {
+	let t = C({
+		defaultValues: e,
+		mode: "all"
+	}), n = w({
+		control: t.control,
+		name: "senha"
+	});
+	return {
+		form: t,
+		senha: n,
+		senhaContemLetra: L(n),
+		senhaContemNumero: R(n),
+		senhaContemMinimoDe6Caracteres: z(n)
+	};
+}
+//#endregion
+//#region src/screens/telaCadastro/telaCadastro.tsx
+var q = m((e) => {
+	let { form: n, senha: i, senhaContemLetra: c, senhaContemMinimoDe6Caracteres: l, senhaContemNumero: u } = K(e), d = e.logo, m = e.slots, _ = h(() => typeof d == "string" ? /* @__PURE__ */ f("img", {
+		src: d,
+		alt: "Logo do sistema"
+	}) : d, [d]), y = m?.textFieldNome ?? H.textFieldNome, b = m?.textFieldEmail ?? H.textFieldEmail, C = m?.textFieldSenha ?? H.textFieldSenha;
+	return /* @__PURE__ */ f(A, {
+		...e,
+		children: /* @__PURE__ */ p(j, { children: [/* @__PURE__ */ p(M, { children: [d && /* @__PURE__ */ f("div", { children: _ }), /* @__PURE__ */ p(s, {
+			variant: "titleSM",
+			children: [
+				"Vamos cadastrar uma senha de acesso ao ",
+				e.nomeSistema,
+				"."
+			]
+		})] }), /* @__PURE__ */ f(S, {
+			...n,
+			children: /* @__PURE__ */ f("form", {
+				onSubmit: n.handleSubmit(e.onSubmit),
+				children: /* @__PURE__ */ p(N, { children: [
+					/* @__PURE__ */ f(b, { ...W }),
+					/* @__PURE__ */ f(y, { ...U }),
+					/* @__PURE__ */ p(P, { children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(C, { ...G }), /* @__PURE__ */ f(v, {
+						type: "password",
+						name: "confirmarSenha",
+						label: "Confirme sua senha",
+						required: !0,
+						rules: V(i)
+					})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(s, {
+						variant: "bodyXS",
+						children: "Sua senha precisa conter:"
+					}), /* @__PURE__ */ p(F, { children: [
+						/* @__PURE__ */ p(I, {
+							"data-checked": !!c,
+							children: [c && /* @__PURE__ */ f(t, {
+								icon: r,
+								size: "16px",
+								removeMargin: !0
+							}), /* @__PURE__ */ f(s, {
+								variant: "bodyXS",
+								children: "Uma letra"
+							})]
+						}),
+						/* @__PURE__ */ p(I, {
+							"data-checked": !!u,
+							children: [u && /* @__PURE__ */ f(t, {
+								icon: r,
+								size: "16px",
+								removeMargin: !0
+							}), /* @__PURE__ */ f(s, {
+								variant: "bodyXS",
+								children: "Um número"
+							})]
+						}),
+						/* @__PURE__ */ p(I, {
+							"data-checked": !!l,
+							children: [l && /* @__PURE__ */ f(t, {
+								icon: r,
+								size: "16px",
+								removeMargin: !0
+							}), /* @__PURE__ */ f(s, {
+								variant: "bodyXS",
+								children: "Mínimo de 6 caracteres"
+							})]
+						})
+					] })] })] }),
+					/* @__PURE__ */ f("div", { children: /* @__PURE__ */ f(g, {
+						rules: x,
+						name: "termosDeUso",
+						label: /* @__PURE__ */ p("div", {
+							style: {
+								display: "flex",
+								gap: 4
+							},
+							children: [/* @__PURE__ */ f("span", { children: "Li e aceito os" }), /* @__PURE__ */ f(o, {
+								href: e.linkTermosDeUso,
+								target: "_blank",
+								sx: (e) => ({ color: e.palette.primary.main }),
+								rel: "noreferrer",
+								children: "termos de uso"
+							})]
+						})
+					}) }),
+					/* @__PURE__ */ f("div", { children: /* @__PURE__ */ f(a, {
+						type: "submit",
+						fullWidth: !0,
+						children: "Concluir meu cadastro"
+					}) })
+				] })
+			})
+		})] })
+	});
+});
+q.displayName = "TelaCadastro";
+//#endregion
+//#region src/screens/telaLogin/telaLogin.styles.ts
+var J = c("div")`
   display: grid;
-  gap: ${B(32)};
-`,ge=U("header")`
+  gap: ${d(32)};
+`, te = c("header")`
   display: grid;
   text-align: center;
-  gap: ${B(16)};
-`,Ce=U("div")`
+  gap: ${d(16)};
+`, Y = c("div")`
   display: grid;
-  gap: ${B(16)};
+  gap: ${d(16)};
 
   > div {
     display: grid;
-    gap: ${B(16)};
+    gap: ${d(16)};
   }
 
   > div:last-of-type {
-    gap: ${B(8)};
+    gap: ${d(8)};
   }
-`;import{jsx as c,jsxs as q}from"react/jsx-runtime";function Tt({logo:e,initialValues:t,onSubmit:r,onEsqueciMinhaSenha:i,errorLabel:a,...n}){let f=typeof e=="string"?c("img",{src:e,alt:"Logo do sistema"}):e,C=gt(),v=vt("(max-width: 500px)"),y=dt(()=>({manterConectado:!1,...t}),[t]);return c(l,{...n,paperStyle:{minWidth:v?void 0:456,width:v?"90%":void 0},children:q(ye,{children:[c(ge,{children:e&&c("div",{children:f})}),c(ft,{onSubmit:r,defaultValues:y,children:q(Ce,{children:[q("div",{children:[c(ve,{name:"email",label:"E-mail de acesso",required:!0,rules:ht([Te,yt]),autoComplete:"email",type:"email"}),q("div",{children:[c(ve,{name:"senha",label:"Senha de acesso",type:"password",required:!0,rules:Te}),C&&c(ct,{severity:"warning",children:"Capslock ativado"}),!!a&&c(xt,{variant:"titleXXS",color:Ct.red[300],children:a})]})]}),c(ut,{name:"manterConectado",label:"Manter conectado"}),q("div",{children:[c(xe,{type:"submit",fullWidth:!0,children:"Entrar"}),i&&c(xe,{type:"button",fullWidth:!0,variant:"text",onClick:i,children:"Esqueci minha senha"})]})]})})]})})}import{Button as Fe,LIcon as St}from"@s_mart/core";import{Typography as Pe,useMediaQuery as bt}from"@mui/material";import{colorPalette as J}from"@s_mart/tokens";import{lineWhatsApp as $t}from"@s_mart/regular-icons";import{styled as Se}from"@mui/material";import{toRem as O}from"@s_mart/utils";var be=Se("div")`
+`;
+//#endregion
+//#region src/screens/telaLogin/telaLogin.tsx
+function X({ logo: t, initialValues: n, onSubmit: r, onEsqueciMinhaSenha: i, errorLabel: o, ...c }) {
+	let d = typeof t == "string" ? /* @__PURE__ */ f("img", {
+		src: t,
+		alt: "Logo do sistema"
+	}) : t, m = T(), S = l("(max-width: 500px)"), C = h(() => ({
+		manterConectado: !1,
+		...n
+	}), [n]);
+	return /* @__PURE__ */ f(A, {
+		...c,
+		paperStyle: {
+			minWidth: S ? void 0 : 456,
+			width: S ? "90%" : void 0
+		},
+		children: /* @__PURE__ */ p(J, { children: [/* @__PURE__ */ f(te, { children: t && /* @__PURE__ */ f("div", { children: d }) }), /* @__PURE__ */ f(_, {
+			onSubmit: r,
+			defaultValues: C,
+			children: /* @__PURE__ */ p(Y, { children: [
+				/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(v, {
+					name: "email",
+					label: "E-mail de acesso",
+					required: !0,
+					rules: y([x, b]),
+					autoComplete: "email",
+					type: "email"
+				}), /* @__PURE__ */ p("div", { children: [
+					/* @__PURE__ */ f(v, {
+						name: "senha",
+						label: "Senha de acesso",
+						type: "password",
+						required: !0,
+						rules: x
+					}),
+					m && /* @__PURE__ */ f(e, {
+						severity: "warning",
+						children: "Capslock ativado"
+					}),
+					!!o && /* @__PURE__ */ f(s, {
+						variant: "titleXXS",
+						color: u.red[300],
+						children: o
+					})
+				] })] }),
+				/* @__PURE__ */ f(g, {
+					name: "manterConectado",
+					label: "Manter conectado"
+				}),
+				/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(a, {
+					type: "submit",
+					fullWidth: !0,
+					children: "Entrar"
+				}), i && /* @__PURE__ */ f(a, {
+					type: "button",
+					fullWidth: !0,
+					variant: "text",
+					onClick: i,
+					children: "Esqueci minha senha"
+				})] })
+			] })
+		})] })
+	});
+}
+//#endregion
+//#region src/screens/telaConviteExpirado/telaConviteExpirado.styles.ts
+var Z = c("div")`
   display: grid;
-  gap: ${O(32)};
+  gap: ${d(32)};
 
   > div {
     display: grid;
-    gap: ${O(8)};
+    gap: ${d(8)};
   }
-`,$e=Se("header")`
+`, Q = c("header")`
   display: grid;
   text-align: center;
-  gap: ${O(16)};
-`;import{jsx as x,jsxs as E}from"react/jsx-runtime";function Ft({logo:e,onPrecisoDeAjuda:t,onRealizarAcesso:r,...i}){let a=typeof e=="string"?x("img",{src:e,alt:"Logo do sistema"}):e,n=bt("(max-width: 500px)");return x(l,{...i,paperStyle:{minWidth:n?void 0:456,width:n?"90%":void 0},children:E(be,{children:[E("div",{children:[x($e,{children:e&&x("div",{children:a})}),E("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",gap:8,color:J.neutral[800]},children:[x(Pe,{variant:"bodyMD",children:"Parece que este convite j\xE1 foi usado ou expirou."}),x(Pe,{variant:"bodyMD",children:"J\xE1 se cadastrou? Realize o login."})]})]}),E("div",{children:[x(Fe,{fullWidth:!0,onClick:r,children:"Realizar login"}),E(Fe,{fullWidth:!0,variant:"text",onClick:t,style:{display:"flex",gap:4,color:J.neutral[900]},children:[x(St,{icon:$t,size:"20px",removeMargin:!0,color:J.neutral[900]}),"Preciso de outro convite"]})]})]})})}import{Button as Pt}from"@s_mart/core";import{useMediaQuery as Bt,Typography as Me}from"@mui/material";import{styled as Be}from"@mui/material";import{toRem as G}from"@s_mart/utils";var qe=Be("div")`
+  gap: ${d(16)};
+`;
+//#endregion
+//#region src/screens/telaConviteExpirado/telaConviteExpirado.tsx
+function ne({ logo: e, onPrecisoDeAjuda: n, onRealizarAcesso: r, ...o }) {
+	let c = typeof e == "string" ? /* @__PURE__ */ f("img", {
+		src: e,
+		alt: "Logo do sistema"
+	}) : e, d = l("(max-width: 500px)");
+	return /* @__PURE__ */ f(A, {
+		...o,
+		paperStyle: {
+			minWidth: d ? void 0 : 456,
+			width: d ? "90%" : void 0
+		},
+		children: /* @__PURE__ */ p(Z, { children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(Q, { children: e && /* @__PURE__ */ f("div", { children: c }) }), /* @__PURE__ */ p("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				textAlign: "center",
+				gap: 8,
+				color: u.neutral[800]
+			},
+			children: [/* @__PURE__ */ f(s, {
+				variant: "bodyMD",
+				children: "Parece que este convite já foi usado ou expirou."
+			}), /* @__PURE__ */ f(s, {
+				variant: "bodyMD",
+				children: "Já se cadastrou? Realize o login."
+			})]
+		})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(a, {
+			fullWidth: !0,
+			onClick: r,
+			children: "Realizar login"
+		}), /* @__PURE__ */ p(a, {
+			fullWidth: !0,
+			variant: "text",
+			onClick: n,
+			style: {
+				display: "flex",
+				gap: 4,
+				color: u.neutral[900]
+			},
+			children: [/* @__PURE__ */ f(t, {
+				icon: i,
+				size: "20px",
+				removeMargin: !0,
+				color: u.neutral[900]
+			}), "Preciso de outro convite"]
+		})] })] })
+	});
+}
+//#endregion
+//#region src/screens/telaInstrucoesEnviadas/telaInstrucoesEnviadas.styles.ts
+var re = c("div")`
   display: grid;
-  gap: ${G(32)};
+  gap: ${d(32)};
 
   > div {
     display: grid;
-    gap: ${G(16)};
+    gap: ${d(16)};
   }
-`,Ee=Be("header")`
+`, ie = c("header")`
   display: grid;
   text-align: center;
-  gap: ${G(16)};
-`;import{jsx as T,jsxs as ke}from"react/jsx-runtime";function qt({logo:e,onVoltarParaLogin:t,...r}){let i=typeof e=="string"?T("img",{src:e,alt:"Logo do sistema"}):e,a=Bt("(max-width: 500px)");return T(l,{...r,paperStyle:{maxWidth:a?void 0:456,width:a?"90%":void 0},children:ke(qe,{children:[ke("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[T(Ee,{children:e&&T("div",{children:i})}),T(Me,{variant:"titleMD",textAlign:"center",children:"Instru\xE7\xF5es enviadas"}),T(Me,{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."})]}),T(Pt,{fullWidth:!0,onClick:t,children:"Voltar para login"})]})})}import{Button as Et,LIcon as K}from"@s_mart/core";import{Typography as M}from"@mui/material";import{TextField as ze}from"@s_mart/form";import{required as Mt}from"@s_mart/rules";import{lineCheck as Y}from"@s_mart/regular-icons";import{styled as b}from"@mui/material";import{colorPalette as R}from"@s_mart/tokens";import{toRem as u}from"@s_mart/utils";var we=b("div")`
+  gap: ${d(16)};
+`;
+//#endregion
+//#region src/screens/telaInstrucoesEnviadas/telaInstrucoesEnviadas.tsx
+function ae({ logo: e, onVoltarParaLogin: t, ...n }) {
+	let r = typeof e == "string" ? /* @__PURE__ */ f("img", {
+		src: e,
+		alt: "Logo do sistema"
+	}) : e, i = l("(max-width: 500px)");
+	return /* @__PURE__ */ f(A, {
+		...n,
+		paperStyle: {
+			maxWidth: i ? void 0 : 456,
+			width: i ? "90%" : void 0
+		},
+		children: /* @__PURE__ */ p(re, { children: [/* @__PURE__ */ p("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 24
+			},
+			children: [
+				/* @__PURE__ */ f(ie, { children: e && /* @__PURE__ */ f("div", { children: r }) }),
+				/* @__PURE__ */ f(s, {
+					variant: "titleMD",
+					sx: { textAlign: "center" },
+					children: "Instruções enviadas"
+				}),
+				/* @__PURE__ */ f(s, {
+					variant: "bodySM",
+					sx: { textAlign: "center" },
+					children: "Enviamos ao seu e-mail de acesso as instruções para criar uma nova senha. Verifique sua caixa de entrada e de Spam."
+				})
+			]
+		}), /* @__PURE__ */ f(a, {
+			fullWidth: !0,
+			onClick: t,
+			children: "Voltar para login"
+		})] })
+	});
+}
+//#endregion
+//#region src/screens/telaNovaSenha/telaNovaSenha.helpers.ts
+var oe = (e) => e ? e.match(/[a-z]/i) : !1, se = (e) => e ? e.match(/[0-9]/i) : !1, ce = (e) => e ? e.length >= 6 : !1, le = c("div")`
   display: grid;
-  gap: ${u(32)};
-`,Le=b("header")`
+  gap: ${d(32)};
+`, ue = c("header")`
   display: grid;
   text-align: center;
-  gap: ${u(16)};
-`,Ne=b("div")`
+  gap: ${d(16)};
+`, de = c("div")`
   display: grid;
-  gap: ${u(32)};
-`,Re=b("div")`
+  gap: ${d(32)};
+`, fe = c("div")`
   display: grid;
-  gap: ${u(4)};
+  gap: ${d(4)};
 
   > div:first-of-type {
     display: grid;
     grid-template-columns: 1fr 1fr;
-    gap: ${u(16)};
+    gap: ${d(16)};
 
     @media (max-width: 768px) {
       grid-template-columns: 1fr;
-      gap: ${u(8)};
+      gap: ${d(8)};
     }
   }
 
   > div:last-of-type {
     display: grid;
-    gap: ${u(4)};
+    gap: ${d(4)};
   }
-`,We=b("div")`
+`, pe = c("div")`
   display: flex;
   flex-wrap: wrap;
-  gap: ${u(8)};
-`,W=b("div")`
+  gap: ${d(8)};
+`, $ = c("div")`
   display: flex;
   align-items: center;
-  gap: ${u(4)};
+  gap: ${d(4)};
 
-  color: ${R.neutral[600]};
-  border: 1px solid ${R.neutral[600]};
-  border-radius: ${u(4)};
-  padding: ${u(3)} ${u(4)};
+  color: ${u.neutral[600]};
+  border: 1px solid ${u.neutral[600]};
+  border-radius: ${d(4)};
+  padding: ${d(3)} ${d(4)};
 
   line-height: 1em;
   vertical-align: middle;
 
-  ${({checked:e})=>{if(e)return`
-        color: ${R.green[300]};
-        border-color: ${R.green[300]};
-      `}}
-`;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")`
+  ${({ checked: e }) => {
+	if (e) return `
+        color: ${u.green[300]};
+        border-color: ${u.green[300]};
+      `;
+}}
+`;
+//#endregion
+//#region src/screens/telaNovaSenha/telaNovaSenha.tsx
+function me({ logo: e, onTrocarMinhaSenha: n, ...i }) {
+	let o = C(), c = w({
+		control: o.control,
+		name: "senha"
+	}), l = typeof e == "string" ? /* @__PURE__ */ f("img", {
+		src: e,
+		alt: "Logo do sistema"
+	}) : e, u = oe(c), d = se(c), m = ce(c);
+	return /* @__PURE__ */ f(A, {
+		...i,
+		children: /* @__PURE__ */ p(le, { children: [/* @__PURE__ */ p(ue, { children: [e && /* @__PURE__ */ f("div", { children: l }), /* @__PURE__ */ f(s, {
+			variant: "titleSM",
+			children: "Vamos cadastrar uma nova senha de acesso."
+		})] }), /* @__PURE__ */ f(S, {
+			...o,
+			children: /* @__PURE__ */ f("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), o.handleSubmit(n)(e);
+				},
+				children: /* @__PURE__ */ p(de, { children: [/* @__PURE__ */ p(fe, { children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(v, {
+					type: "password",
+					name: "senha",
+					label: "Senha de acesso",
+					required: !0,
+					rules: x
+				}), /* @__PURE__ */ f(v, {
+					type: "password",
+					name: "confirmarSenha",
+					label: "Confirme sua senha",
+					required: !0,
+					rules: { validate: (e) => {
+						if (!e) return "Campo obrigatório";
+						if (e !== c) return "As senhas devem ser iguais";
+					} }
+				})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(s, {
+					variant: "bodyXS",
+					children: "Sua senha precisa conter:"
+				}), /* @__PURE__ */ p(pe, { children: [
+					/* @__PURE__ */ p($, {
+						checked: !!u,
+						children: [u && /* @__PURE__ */ f(t, {
+							icon: r,
+							size: "16px",
+							removeMargin: !0
+						}), /* @__PURE__ */ f(s, {
+							variant: "bodyXS",
+							children: "Uma letra"
+						})]
+					}),
+					/* @__PURE__ */ p($, {
+						checked: !!d,
+						children: [d && /* @__PURE__ */ f(t, {
+							icon: r,
+							size: "16px",
+							removeMargin: !0
+						}), /* @__PURE__ */ f(s, {
+							variant: "bodyXS",
+							children: "Um número"
+						})]
+					}),
+					/* @__PURE__ */ p($, {
+						checked: !!m,
+						children: [m && /* @__PURE__ */ f(t, {
+							icon: r,
+							size: "16px",
+							removeMargin: !0
+						}), /* @__PURE__ */ f(s, {
+							variant: "bodyXS",
+							children: "Mínimo de 6 caracteres"
+						})]
+					})
+				] })] })] }), /* @__PURE__ */ f(a, {
+					type: "submit",
+					fullWidth: !0,
+					children: "Trocar minha senha"
+				})] })
+			})
+		})] })
+	});
+}
+//#endregion
+//#region src/screens/telaEsqueceuSenha/telaEsqueceuSenha.styles.ts
+var he = c("div")`
   display: grid;
-  gap: ${k(32)};
+  gap: ${d(32)};
 
   > div {
     display: grid;
-    gap: ${k(16)};
+    gap: ${d(16)};
   }
-`,_e=Z("header")`
+`, ge = c("header")`
   display: grid;
   text-align: center;
-  gap: ${k(16)};
-`,Xe=Z("div")`
+  gap: ${d(16)};
+`, _e = c("div")`
   display: grid;
-  gap: ${k(32)};
+  gap: ${d(32)};
 
   > div:last-of-type {
     display: grid;
-    gap: ${k(16)};
+    gap: ${d(16)};
   }
-`;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};
+`;
+//#endregion
+//#region src/screens/telaEsqueceuSenha/telaEsqueceuSenha.tsx
+function ve({ logo: e, onVoltarParaLogin: t, onConfirmar: n, ...r }) {
+	let i = typeof e == "string" ? /* @__PURE__ */ f("img", {
+		src: e,
+		alt: "Logo do sistema"
+	}) : e, o = l("(max-width: 500px)");
+	return /* @__PURE__ */ f(A, {
+		...r,
+		paperStyle: {
+			minWidth: o ? void 0 : 456,
+			width: o ? "90%" : void 0
+		},
+		children: /* @__PURE__ */ p(he, { children: [/* @__PURE__ */ p("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 24
+			},
+			children: [
+				/* @__PURE__ */ f(ge, { children: e && /* @__PURE__ */ f("div", { children: i }) }),
+				/* @__PURE__ */ f(s, {
+					variant: "titleMD",
+					sx: { textAlign: "center" },
+					children: "Esqueceu a senha?"
+				}),
+				/* @__PURE__ */ f(s, {
+					variant: "bodySM",
+					sx: { textAlign: "center" },
+					children: "Informe seu e-mail de acesso para receber instruções e criar uma nova senha."
+				})
+			]
+		}), /* @__PURE__ */ f(_, {
+			onSubmit: n,
+			children: /* @__PURE__ */ p(_e, { children: [/* @__PURE__ */ f("div", { children: /* @__PURE__ */ f(v, {
+				name: "email",
+				label: "E-mail de acesso",
+				required: !0,
+				rules: y([x, b]),
+				type: "email"
+			}) }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(a, {
+				fullWidth: !0,
+				type: "submit",
+				children: "Confirmar"
+			}), /* @__PURE__ */ f(a, {
+				fullWidth: !0,
+				onClick: t,
+				variant: "neutral",
+				children: "Voltar para login"
+			})] })] })
+		})] })
+	});
+}
+//#endregion
+export { q as TelaCadastro, ne as TelaConviteExpirado, ve as TelaEsqueceuSenha, ae as TelaInstrucoesEnviadas, X as TelaLogin, me as TelaNovaSenha, A as TemplateTelaBase };
+
+//# sourceMappingURL=index.mjs.map