@s_mart/nps 12.0.1 → 16.0.0

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { NPS as NPSPopover } from './nps-popover/nps';
+export type { NPSProps as NPSPopoverProps } from './nps-popover/nps.types';
+export { NPS as NPSDialog } from './nps-dialog/nps';
+export type { NPSProps as NPSDialogProps } from './nps-dialog/types';

package/dist/index.mjs

@@ -1 +1,379 @@
-import{LIcon as io}from"@s_mart/core";import{Checkbox as lo,Form as so}from"@s_mart/form";import{lineTimes as po}from"@s_mart/regular-icons";import{Button as mo,Backdrop as co,IconButton as uo,Typography as V,useTheme as fo}from"@mui/material";import{Button as U,Typography as E,useMediaQuery as _}from"@mui/material";import{colorPalette as A}from"@s_mart/tokens";import{useFormContext as G,useWatch as J}from"react-hook-form";import{Fragment as Y,jsx as u,jsxs as D}from"react/jsx-runtime";var K=({onSelecionarNota:o})=>{let{control:e,setValue:t}=G(),a=_("(max-width: 500px)"),i=J({control:e,name:"nota"}),c=s=>{i!==s&&(t("nota",s),o?.(s))},l=u(E,{variant:"bodyXS",color:A.neutral[100],children:"Pouco prov\xE1vel"});return D(Y,{children:[a&&u("div",{style:{marginBottom:"0.5rem"},children:l}),u("div",{style:{display:"flex",gap:"0.3rem",flexWrap:"wrap",justifyContent:"center"},children:Array.from({length:11}).map((s,r)=>u(U,{variant:i===r?"contained":"outlined",style:{minWidth:"3rem"},onClick:()=>c(r),children:r},r))}),D("div",{style:{display:"flex",justifyContent:"space-between",marginTop:"0.5rem"},children:[u("span",{children:!a&&l}),u(E,{variant:"bodyXS",color:A.neutral[100],children:"Muito prov\xE1vel"})]})]})},w=K;import{TextField as Z}from"@s_mart/form";import{jsx as oo}from"react/jsx-runtime";var j=({tipo:o,sistemaNome:e})=>oo(Z,{name:"feedback",placeholder:o==="promotor"?`Para mim o ${e} \xE9...`:"Eu acho que...",multiline:!0,size:"large",minRows:2}),H=j;import{styled as eo}from"@mui/material";import{colorPalette as to}from"@s_mart/tokens";var M=eo("div")(({theme:o})=>({display:"flex",flexDirection:"column",gap:"1.5rem",padding:"1.5rem",borderRadius:Number.parseFloat(o.shape.borderRadius.toString())*1.5,boxShadow:o.shadows[6],border:`1px solid ${o.palette.primary?.main}`,background:to.neutral[0],position:"absolute",bottom:"1.5rem",right:"1.75rem",zIndex:102,"@media (max-width: 650px)":{right:"1.25rem",left:"1.25rem"}}));import{useState as ao}from"react";var ro=({onEnviarNota:o,onNotification:e})=>{let[t,a]=ao("selecionarNota");return{step:t,handleEnviar:(c,l)=>{t==="selecionarNota"?(o?.(c),c>=9?a("feedbackPromotor"):a("feedbackDetrator")):(l(),e({variant:"success",title:"Avalia\xE7\xE3o enviada",message:"Agradecemos muito pela sua avalia\xE7\xE3o.",duration:5e3}))}}},z=ro;import{z as y}from"zod";var no=y.object({nota:y.number(),feedback:y.string().optional(),autorizoPublicacao:y.coerce.boolean()}),W=no;import{Fragment as So,jsx as p,jsxs as b}from"react/jsx-runtime";var Po=({onFinalizar:o,mostrarBackdrop:e,sistemaNome:t,onClose:a,shouldCloseOnBackdropClick:i,onSelecionarNota:c,paperStyle:l,...s})=>{let{step:r,handleEnviar:P}=z(s),N=fo(),k={selecionarNota:`De 0 a 10, o quanto voc\xEA recomendaria o ${t}?`,feedbackDetrator:`Como podemos melhorar a sua experi\xEAncia no ${t}?`,feedbackPromotor:`O que voc\xEA mais gosta no ${t}?`};return p(so,{onSubmit:o,schema:W,children:({watch:C,onSubmit:T})=>{let S=C("nota");return b(So,{children:[!!e&&p(co,{open:!0,onClick:i?a:void 0,style:{zIndex:99}}),b(M,{style:l,children:[b("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[p(V,{variant:"titleSM",color:N.palette.grey[700],children:k[r]}),p(uo,{size:"small",onClick:a,children:p(io,{icon:po,removeMargin:!0,size:"25px"})})]}),p("div",{children:r==="selecionarNota"?p(w,{onSelecionarNota:c}):p(H,{tipo:r==="feedbackPromotor"?"promotor":"detrator",sistemaNome:t})}),b("div",{style:{display:"flex",justifyContent:"space-between"},children:[p("div",{children:r==="feedbackPromotor"&&p(lo,{name:"autorizoPublicacao",label:b(V,{variant:"bodyXS",children:["Autorizo a publica\xE7\xE3o deste coment\xE1rio no site e em redes sociais do ",t]})})}),p("div",{children:p(mo,{disabled:S===void 0,onClick:()=>P(S,T),children:"Enviar"})})]})]})]})}})};import{Dialog as Vo}from"@s_mart/core";import{createContext as Io,useContext as Ro}from"react";import{useCallback as bo,useMemo as yo,useState as x}from"react";import{mergeSlotProps as vo,useMediaQuery as ho,useTheme as No}from"@mui/material";var g={avaliacao:{title:"O quanto voc\xEA recomendaria o sistema?"},feedback:{title:"Como podemos melhorar a sua experi\xEAncia?"},dialog:{disableBackdropClick:!0,closeIcon:!0}};function I(o){let[e,t]=x(""),[a,i]=x(null),[c,l]=x("avaliacao"),s=No(),r=ho(s.breakpoints.down("sm")),P=yo(()=>vo(o.slotProps,{...g,dialog:{fullScreen:r,...g.dialog}}),[o.slotProps,r]),N=S=>{o.onChangeAvaliacao?.(S),i(S)},k=()=>{o.onClose({nota:a}),setTimeout(()=>{i(null),t(""),l("avaliacao")},100)},C=bo(()=>{o.onSubmit({nota:a,feedback:e.trim()})},[o.onSubmit,a,e]);return{feedback:e,setFeedback:t,nota:a,handleChangeAvaliacao:N,handleProximaEtapa:()=>{l("feedback"),o.onChangeEtapa?.("feedback")},etapa:c,setEtapa:l,handleSubmit:C,handleClose:k,slotProps:P}}import{Dialog as F}from"@s_mart/core";import{TextField as ko}from"@mui/material";import{jsx as Co}from"react/jsx-runtime";var R=o=>{let{feedback:e,setFeedback:t}=d();return Co(ko,{autoFocus:!0,fullWidth:!0,rows:3,multiline:!0,...o,value:e,onChange:i=>{t(i.target.value),o.onChange?.(i)}})};import{Button as go}from"@mui/material";import{jsx as xo}from"react/jsx-runtime";function $(o){let{feedback:e,handleSubmit:t}=d();return xo(go,{fullWidth:!0,disabled:!e.trim(),...o,onClick:t})}import{Typography as Fo}from"@mui/material";import{jsx as Bo}from"react/jsx-runtime";var v=({children:o})=>Bo(Fo,{variant:"titleMD",fontSize:"18px",children:o});import{Fragment as To,jsx as f,jsxs as Eo}from"react/jsx-runtime";function q(o){return Eo(To,{children:[f(F.Header,{children:f(v,{children:o.title})}),f(F.Content,{children:f(R,{})}),f(F.Footer,{children:f($,{children:"Enviar"})})]})}import{styled as Mo}from"@mui/material";import{Dialog as B}from"@s_mart/core";import{Button as Ao}from"@mui/material";import{jsx as Do}from"react/jsx-runtime";var m=o=>{let{handleChangeAvaliacao:e}=d(),t=()=>e(o.notaSelecionada===o.nota?null:o.nota);return Do(Ao,{sx:{padding:0,minWidth:"3rem"},...o,variant:o.nota===o.notaSelecionada?"contained":"outlined",onClick:t,children:o.nota})};import{Button as wo}from"@mui/material";import{jsx as Ho}from"react/jsx-runtime";function O(o){let{nota:e,handleProximaEtapa:t}=d();return Ho(wo,{fullWidth:!0,disabled:e===null,...o,onClick:t})}import{Fragment as Wo,jsx as n,jsxs as X}from"react/jsx-runtime";function L(o){let{nota:e}=d();return X(Wo,{children:[n(B.Header,{children:n(v,{children:o.title})}),n(B.Content,{children:X(zo,{children:[n(m,{notaSelecionada:e,nota:0,color:"feedbackHard"}),n(m,{notaSelecionada:e,nota:1,color:"feedbackHard"}),n(m,{notaSelecionada:e,nota:2,color:"feedbackHard"}),n(m,{notaSelecionada:e,nota:3,color:"feedbackHard"}),n(m,{notaSelecionada:e,nota:4,color:"feedbackHard"}),n(m,{notaSelecionada:e,nota:5,color:"feedbackHard"}),n(m,{notaSelecionada:e,nota:6,color:"feedbackHard"}),n(m,{notaSelecionada:e,nota:7,color:"feedbackMedium"}),n(m,{notaSelecionada:e,nota:8,color:"feedbackMedium"}),n(m,{notaSelecionada:e,nota:9,color:"feedbackVeryEasy"}),n(m,{notaSelecionada:e,nota:10,color:"feedbackVeryEasy"})]})}),n(B.Footer,{children:n(O,{children:"Enviar"})})]})}var zo=Mo("div")({display:"flex",gap:"0.25rem",flexWrap:"wrap",justifyContent:"center",paddingBlock:"0.25rem"});import{styled as $o}from"@mui/material";import{Fragment as Xo,jsx as h,jsxs as Lo}from"react/jsx-runtime";var Q=Io(null);function qo(o){let{feedback:e,nota:t,setFeedback:a,handleChangeAvaliacao:i,handleClose:c,handleProximaEtapa:l,etapa:s,slotProps:r,handleSubmit:P}=I(o);return h(Oo,{open:o.isOpen,onClose:c,...r.dialog,children:h(Q.Provider,{value:{handleSubmit:P,feedback:e,setFeedback:a,nota:t,handleChangeAvaliacao:i,handleProximaEtapa:l,etapa:s},children:Lo(Xo,{children:[s==="avaliacao"&&h(L,{...r.avaliacao}),s==="feedback"&&h(q,{...r.feedback})]})})})}var d=()=>{let o=Ro(Q);if(!o)throw new Error("useNPSContext must be used within a NPSProvider");return o},Oo=$o(Vo)(({theme:o})=>({[o.breakpoints.down("sm")]:{".MuiPaper-root":{position:"absolute",bottom:0,height:"auto"}}}));export{qo as NPSDialog,Po as NPSPopover};
+import { Dialog as e, LIcon as t } from "@s_mart/core";
+import { Checkbox as n, Form as r, TextField as i } from "@s_mart/form";
+import { lineTimes as a } from "@s_mart/regular-icons";
+import { Backdrop as o, Button as s, IconButton as c, TextField as l, Typography as u, mergeSlotProps as d, styled as f, useMediaQuery as p, useTheme as m } from "@mui/material";
+import { colorPalette as h } from "@s_mart/tokens";
+import { useFormContext as g, useWatch as _ } from "react-hook-form";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { createContext as x, useCallback as S, useContext as C, useMemo as w, useState as T } from "react";
+import { z as E } from "zod";
+//#region src/nps-popover/notas/notas.tsx
+var D = ({ onSelecionarNota: e }) => {
+	let { control: t, setValue: n } = g(), r = p("(max-width: 500px)"), i = _({
+		control: t,
+		name: "nota"
+	}), a = (t) => {
+		i !== t && (n("nota", t), e?.(t));
+	}, o = /* @__PURE__ */ y(u, {
+		variant: "bodyXS",
+		color: h.neutral[100],
+		children: "Pouco provável"
+	});
+	return /* @__PURE__ */ b(v, { children: [
+		r && /* @__PURE__ */ y("div", {
+			style: { marginBottom: "0.5rem" },
+			children: o
+		}),
+		/* @__PURE__ */ y("div", {
+			style: {
+				display: "flex",
+				gap: "0.3rem",
+				flexWrap: "wrap",
+				justifyContent: "center"
+			},
+			children: Array.from({ length: 11 }).map((e, t) => /* @__PURE__ */ y(s, {
+				variant: i === t ? "contained" : "outlined",
+				style: { minWidth: "3rem" },
+				onClick: () => a(t),
+				children: t
+			}, t))
+		}),
+		/* @__PURE__ */ b("div", {
+			style: {
+				display: "flex",
+				justifyContent: "space-between",
+				marginTop: "0.5rem"
+			},
+			children: [/* @__PURE__ */ y("span", { children: !r && o }), /* @__PURE__ */ y(u, {
+				variant: "bodyXS",
+				color: h.neutral[100],
+				children: "Muito provável"
+			})]
+		})
+	] });
+}, O = ({ tipo: e, sistemaNome: t }) => /* @__PURE__ */ y(i, {
+	name: "feedback",
+	placeholder: e === "promotor" ? `Para mim o ${t} é...` : "Eu acho que...",
+	multiline: !0,
+	size: "large",
+	minRows: 2
+}), k = f("div")(({ theme: e }) => ({
+	display: "flex",
+	flexDirection: "column",
+	gap: "1.5rem",
+	padding: "1.5rem",
+	borderRadius: Number.parseFloat(e.shape.borderRadius.toString()) * 1.5,
+	boxShadow: e.shadows[6],
+	border: `1px solid ${e.palette.primary?.main}`,
+	background: h.neutral[0],
+	position: "absolute",
+	bottom: "1.5rem",
+	right: "1.75rem",
+	zIndex: 102,
+	"@media (max-width: 650px)": {
+		right: "1.25rem",
+		left: "1.25rem"
+	}
+})), A = ({ onEnviarNota: e, onNotification: t }) => {
+	let [n, r] = T("selecionarNota");
+	return {
+		step: n,
+		handleEnviar: (i, a) => {
+			n === "selecionarNota" ? (e?.(i), r(i >= 9 ? "feedbackPromotor" : "feedbackDetrator")) : (a(), t({
+				variant: "success",
+				title: "Avaliação enviada",
+				message: "Agradecemos muito pela sua avaliação.",
+				duration: 5e3
+			}));
+		}
+	};
+}, j = E.object({
+	nota: E.number(),
+	feedback: E.string().optional(),
+	autorizoPublicacao: E.coerce.boolean()
+}), M = ({ onFinalizar: e, mostrarBackdrop: i, sistemaNome: l, onClose: d, shouldCloseOnBackdropClick: f, onSelecionarNota: p, paperStyle: h, ...g }) => {
+	let { step: _, handleEnviar: x } = A(g), S = m(), C = {
+		selecionarNota: `De 0 a 10, o quanto você recomendaria o ${l}?`,
+		feedbackDetrator: `Como podemos melhorar a sua experiência no ${l}?`,
+		feedbackPromotor: `O que você mais gosta no ${l}?`
+	};
+	return /* @__PURE__ */ y(r, {
+		onSubmit: e,
+		schema: j,
+		children: ({ watch: e, onSubmit: r }) => {
+			let m = e("nota");
+			return /* @__PURE__ */ b(v, { children: [!!i && /* @__PURE__ */ y(o, {
+				open: !0,
+				onClick: f ? d : void 0,
+				style: { zIndex: 99 }
+			}), /* @__PURE__ */ b(k, {
+				style: h,
+				children: [
+					/* @__PURE__ */ b("div", {
+						style: {
+							display: "flex",
+							justifyContent: "space-between",
+							alignItems: "center"
+						},
+						children: [/* @__PURE__ */ y(u, {
+							variant: "titleSM",
+							color: S.palette.grey[700],
+							children: C[_]
+						}), /* @__PURE__ */ y(c, {
+							size: "small",
+							onClick: d,
+							children: /* @__PURE__ */ y(t, {
+								icon: a,
+								removeMargin: !0,
+								size: "25px"
+							})
+						})]
+					}),
+					/* @__PURE__ */ y("div", { children: _ === "selecionarNota" ? /* @__PURE__ */ y(D, { onSelecionarNota: p }) : /* @__PURE__ */ y(O, {
+						tipo: _ === "feedbackPromotor" ? "promotor" : "detrator",
+						sistemaNome: l
+					}) }),
+					/* @__PURE__ */ b("div", {
+						style: {
+							display: "flex",
+							justifyContent: "space-between"
+						},
+						children: [/* @__PURE__ */ y("div", { children: _ === "feedbackPromotor" && /* @__PURE__ */ y(n, {
+							name: "autorizoPublicacao",
+							label: /* @__PURE__ */ b(u, {
+								variant: "bodyXS",
+								children: ["Autorizo a publicação deste comentário no site e em redes sociais do ", l]
+							})
+						}) }), /* @__PURE__ */ y("div", { children: /* @__PURE__ */ y(s, {
+							disabled: m === void 0,
+							onClick: () => x(m, r),
+							children: "Enviar"
+						}) })]
+					})
+				]
+			})] });
+		}
+	});
+}, N = {
+	avaliacao: { title: "O quanto você recomendaria o sistema?" },
+	feedback: { title: "Como podemos melhorar a sua experiência?" },
+	dialog: {
+		disableBackdropClick: !0,
+		closeIcon: !0
+	}
+};
+//#endregion
+//#region src/nps-dialog/useNPS.ts
+function P(e) {
+	let [t, n] = T(""), [r, i] = T(null), [a, o] = T("avaliacao"), s = m(), c = p(s.breakpoints.down("sm")), l = w(() => d(e.slotProps, {
+		...N,
+		dialog: {
+			fullScreen: c,
+			...N.dialog
+		}
+	}), [e.slotProps, c]);
+	return {
+		feedback: t,
+		setFeedback: n,
+		nota: r,
+		handleChangeAvaliacao: (t) => {
+			e.onChangeAvaliacao?.(t), i(t);
+		},
+		handleProximaEtapa: () => {
+			o("feedback"), e.onChangeEtapa?.("feedback");
+		},
+		etapa: a,
+		setEtapa: o,
+		handleSubmit: S(() => {
+			e.onSubmit({
+				nota: r,
+				feedback: t.trim()
+			});
+		}, [
+			e.onSubmit,
+			r,
+			t
+		]),
+		handleClose: () => {
+			e.onClose({ nota: r }), setTimeout(() => {
+				i(null), n(""), o("avaliacao");
+			}, 100);
+		},
+		slotProps: l
+	};
+}
+//#endregion
+//#region src/nps-dialog/atoms/NPSFeedbackTextField.tsx
+var F = (e) => {
+	let { feedback: t, setFeedback: n } = G(), r = (t) => {
+		n(t.target.value), e.onChange?.(t);
+	};
+	return /* @__PURE__ */ y(l, {
+		autoFocus: !0,
+		fullWidth: !0,
+		rows: 3,
+		multiline: !0,
+		...e,
+		value: t,
+		onChange: r
+	});
+};
+//#endregion
+//#region src/nps-dialog/atoms/NPSFeedbackButtonSubmit.tsx
+function I(e) {
+	let { feedback: t, handleSubmit: n } = G();
+	return /* @__PURE__ */ y(s, {
+		fullWidth: !0,
+		disabled: !t.trim(),
+		...e,
+		onClick: n
+	});
+}
+//#endregion
+//#region src/nps-dialog/atoms/NPSTitle.tsx
+var L = ({ children: e }) => /* @__PURE__ */ y(u, {
+	variant: "titleMD",
+	sx: { fontSize: "18px" },
+	children: e
+});
+//#endregion
+//#region src/nps-dialog/contents/NPSFeedbackContent.tsx
+function R(t) {
+	return /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(e.Header, { children: /* @__PURE__ */ y(L, { children: t.title }) }),
+		/* @__PURE__ */ y(e.Content, { children: /* @__PURE__ */ y(F, {}) }),
+		/* @__PURE__ */ y(e.Footer, { children: /* @__PURE__ */ y(I, { children: "Enviar" }) })
+	] });
+}
+//#endregion
+//#region src/nps-dialog/atoms/NPSAvaliacaoButtonNota.tsx
+var z = (e) => {
+	let { handleChangeAvaliacao: t } = G(), n = () => t(e.notaSelecionada === e.nota ? null : e.nota);
+	return /* @__PURE__ */ y(s, {
+		sx: {
+			padding: 0,
+			minWidth: "3rem"
+		},
+		...e,
+		variant: e.nota === e.notaSelecionada ? "contained" : "outlined",
+		onClick: n,
+		children: e.nota
+	});
+};
+//#endregion
+//#region src/nps-dialog/atoms/NPSAvaliacaoButtonSubmit.tsx
+function B(e) {
+	let { nota: t, handleProximaEtapa: n } = G();
+	return /* @__PURE__ */ y(s, {
+		fullWidth: !0,
+		disabled: t === null,
+		...e,
+		onClick: n
+	});
+}
+//#endregion
+//#region src/nps-dialog/contents/NPSAvaliacaoContent.tsx
+function V(t) {
+	let { nota: n } = G();
+	return /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(e.Header, { children: /* @__PURE__ */ y(L, { children: t.title }) }),
+		/* @__PURE__ */ y(e.Content, { children: /* @__PURE__ */ b(H, { children: [
+			/* @__PURE__ */ y(z, {
+				notaSelecionada: n,
+				nota: 0,
+				color: "feedbackHard"
+			}),
+			/* @__PURE__ */ y(z, {
+				notaSelecionada: n,
+				nota: 1,
+				color: "feedbackHard"
+			}),
+			/* @__PURE__ */ y(z, {
+				notaSelecionada: n,
+				nota: 2,
+				color: "feedbackHard"
+			}),
+			/* @__PURE__ */ y(z, {
+				notaSelecionada: n,
+				nota: 3,
+				color: "feedbackHard"
+			}),
+			/* @__PURE__ */ y(z, {
+				notaSelecionada: n,
+				nota: 4,
+				color: "feedbackHard"
+			}),
+			/* @__PURE__ */ y(z, {
+				notaSelecionada: n,
+				nota: 5,
+				color: "feedbackHard"
+			}),
+			/* @__PURE__ */ y(z, {
+				notaSelecionada: n,
+				nota: 6,
+				color: "feedbackHard"
+			}),
+			/* @__PURE__ */ y(z, {
+				notaSelecionada: n,
+				nota: 7,
+				color: "feedbackMedium"
+			}),
+			/* @__PURE__ */ y(z, {
+				notaSelecionada: n,
+				nota: 8,
+				color: "feedbackMedium"
+			}),
+			/* @__PURE__ */ y(z, {
+				notaSelecionada: n,
+				nota: 9,
+				color: "feedbackVeryEasy"
+			}),
+			/* @__PURE__ */ y(z, {
+				notaSelecionada: n,
+				nota: 10,
+				color: "feedbackVeryEasy"
+			})
+		] }) }),
+		/* @__PURE__ */ y(e.Footer, { children: /* @__PURE__ */ y(B, { children: "Enviar" }) })
+	] });
+}
+var H = f("div")({
+	display: "flex",
+	gap: "0.25rem",
+	flexWrap: "wrap",
+	justifyContent: "center",
+	paddingBlock: "0.25rem"
+}), U = x(null);
+function W(e) {
+	let { feedback: t, nota: n, setFeedback: r, handleChangeAvaliacao: i, handleClose: a, handleProximaEtapa: o, etapa: s, slotProps: c, handleSubmit: l } = P(e);
+	return /* @__PURE__ */ y(K, {
+		open: e.isOpen,
+		onClose: a,
+		...c.dialog,
+		children: /* @__PURE__ */ y(U.Provider, {
+			value: {
+				handleSubmit: l,
+				feedback: t,
+				setFeedback: r,
+				nota: n,
+				handleChangeAvaliacao: i,
+				handleProximaEtapa: o,
+				etapa: s
+			},
+			children: /* @__PURE__ */ b(v, { children: [s === "avaliacao" && /* @__PURE__ */ y(V, { ...c.avaliacao }), s === "feedback" && /* @__PURE__ */ y(R, { ...c.feedback })] })
+		})
+	});
+}
+var G = () => {
+	let e = C(U);
+	if (!e) throw Error("useNPSContext must be used within a NPSProvider");
+	return e;
+}, K = f(e)(({ theme: e }) => ({ [e.breakpoints.down("sm")]: { ".MuiPaper-root": {
+	position: "absolute",
+	bottom: 0,
+	height: "auto"
+} } }));
+//#endregion
+export { W as NPSDialog, M as NPSPopover };
+
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/nps-popover/notas/notas.tsx","../src/nps-popover/feedback/feedback.tsx","../src/nps-popover/nps.styles.ts","../src/nps-popover/useNps.ts","../src/nps-popover/nps.schema.ts","../src/nps-popover/nps.tsx","../src/nps-dialog/static.ts","../src/nps-dialog/useNPS.ts","../src/nps-dialog/atoms/NPSFeedbackTextField.tsx","../src/nps-dialog/atoms/NPSFeedbackButtonSubmit.tsx","../src/nps-dialog/atoms/NPSTitle.tsx","../src/nps-dialog/contents/NPSFeedbackContent.tsx","../src/nps-dialog/atoms/NPSAvaliacaoButtonNota.tsx","../src/nps-dialog/atoms/NPSAvaliacaoButtonSubmit.tsx","../src/nps-dialog/contents/NPSAvaliacaoContent.tsx","../src/nps-dialog/nps.tsx"],"sourcesContent":["import { Button, Typography, useMediaQuery } from '@mui/material';\nimport { colorPalette } from '@s_mart/tokens';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport type { FormValues } from '../nps.schema';\n\ninterface NotasProps {\n  onSelecionarNota?: (nota: number) => void;\n}\n\nconst Notas = ({ onSelecionarNota }: NotasProps) => {\n  const { control, setValue } = useFormContext<FormValues>();\n  const maxWidth500 = useMediaQuery('(max-width: 500px)');\n\n  const notaSelecionada = useWatch({ control, name: 'nota' });\n\n  const handleClick = (nota: number) => {\n    if (notaSelecionada === nota) return;\n\n    setValue('nota', nota);\n    onSelecionarNota?.(nota);\n  };\n\n  const poucoProvavel = (\n    <Typography variant='bodyXS' color={colorPalette.neutral[100]}>\n      Pouco provável\n    </Typography>\n  );\n\n  return (\n    <>\n      {maxWidth500 && <div style={{ marginBottom: '0.5rem' }}>{poucoProvavel}</div>}\n\n      <div style={{ display: 'flex', gap: '0.3rem', flexWrap: 'wrap', justifyContent: 'center' }}>\n        {Array.from({ length: 11 }).map((_, index) => (\n          <Button\n            key={index}\n            variant={notaSelecionada === index ? 'contained' : 'outlined'}\n            style={{ minWidth: '3rem' }}\n            onClick={() => handleClick(index)}\n          >\n            {index}\n          </Button>\n        ))}\n      </div>\n\n      <div style={{ display: 'flex', justifyContent: 'space-between', marginTop: '0.5rem' }}>\n        <span>{!maxWidth500 && poucoProvavel}</span>\n\n        <Typography variant='bodyXS' color={colorPalette.neutral[100]}>\n          Muito provável\n        </Typography>\n      </div>\n    </>\n  );\n};\n\nexport default Notas;\n","import type { FC } from 'react';\n\nimport { TextField } from '@s_mart/form';\n\ninterface FeedbackProps {\n  tipo: 'promotor' | 'detrator';\n  sistemaNome: string;\n}\n\nconst Feedback: FC<FeedbackProps> = ({ tipo, sistemaNome }) => {\n  return (\n    <TextField\n      name='feedback'\n      placeholder={tipo === 'promotor' ? `Para mim o ${sistemaNome} é...` : 'Eu acho que...'}\n      multiline\n      size='large'\n      minRows={2}\n    />\n  );\n};\n\nexport default Feedback;\n","import { styled } from '@mui/material';\n\nimport { colorPalette } from '@s_mart/tokens';\n// Hack para evitar erro de importação do @mui/system e @emotion/styled, causado pelo symlink do pnpm\nimport type {} from '@mui/system';\nimport type {} from '@emotion/styled';\n\nexport const SPaper = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '1.5rem',\n\n  padding: '1.5rem',\n  borderRadius: Number.parseFloat(theme.shape.borderRadius.toString()) * 1.5,\n  boxShadow: theme.shadows[6],\n  border: `1px solid ${theme.palette.primary?.main}`,\n  background: colorPalette.neutral[0],\n\n  position: 'absolute',\n  bottom: '1.5rem',\n  right: '1.75rem',\n  zIndex: 102,\n\n  '@media (max-width: 650px)': {\n    right: '1.25rem',\n    left: '1.25rem',\n  },\n}));\n","import { useState } from 'react';\n\nimport type { Steps, UseNpsProps } from './nps.types';\n\nconst useNps = ({ onEnviarNota, onNotification }: UseNpsProps) => {\n  const [step, setStep] = useState<Steps>('selecionarNota');\n\n  const handleEnviar = (nota: number, onSubmit: () => void) => {\n    if (step === 'selecionarNota') {\n      onEnviarNota?.(nota);\n\n      if (nota >= 9) {\n        setStep('feedbackPromotor');\n      } else {\n        setStep('feedbackDetrator');\n      }\n    } else {\n      onSubmit();\n\n      onNotification({\n        variant: 'success',\n        title: 'Avaliação enviada',\n        message: 'Agradecemos muito pela sua avaliação.',\n        duration: 5000,\n      });\n    }\n  };\n\n  return { step, handleEnviar };\n};\n\nexport default useNps;\n","import { z } from 'zod';\n\nconst schema = z.object({\n  nota: z.number(),\n  feedback: z.string().optional(),\n  autorizoPublicacao: z.coerce.boolean(),\n});\n\nexport type FormValues = z.infer<typeof schema>;\n\nexport default schema;\n","import { LIcon } from '@s_mart/core';\nimport { Checkbox, Form } from '@s_mart/form';\nimport { lineTimes } from '@s_mart/regular-icons';\nimport { Button, Backdrop, IconButton, Typography, useTheme } from '@mui/material';\nimport Notas from './notas/notas';\nimport Feedback from './feedback/feedback';\nimport { SPaper } from './nps.styles';\nimport useNps from './useNps';\nimport schema from './nps.schema';\nimport type { NPSProps, Steps } from './nps.types';\n\nexport const NPS = ({\n  onFinalizar,\n  mostrarBackdrop,\n  sistemaNome,\n  onClose,\n  shouldCloseOnBackdropClick,\n  onSelecionarNota,\n  paperStyle,\n  ...rest\n}: NPSProps) => {\n  const { step, handleEnviar } = useNps(rest);\n  const theme = useTheme();\n\n  const titles: Record<Steps, string> = {\n    selecionarNota: `De 0 a 10, o quanto você recomendaria o ${sistemaNome}?`,\n    feedbackDetrator: `Como podemos melhorar a sua experiência no ${sistemaNome}?`,\n    feedbackPromotor: `O que você mais gosta no ${sistemaNome}?`,\n  };\n\n  return (\n    <Form onSubmit={onFinalizar} schema={schema}>\n      {({ watch, onSubmit }) => {\n        const notaSelecionada = watch('nota');\n\n        return (\n          <>\n            {!!mostrarBackdrop && (\n              <Backdrop open onClick={shouldCloseOnBackdropClick ? onClose : undefined} style={{ zIndex: 99 }} />\n            )}\n\n            <SPaper style={paperStyle}>\n              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n                <Typography variant='titleSM' color={theme.palette.grey[700]}>\n                  {titles[step]}\n                </Typography>\n\n                <IconButton size='small' onClick={onClose}>\n                  <LIcon icon={lineTimes} removeMargin size='25px' />\n                </IconButton>\n              </div>\n\n              <div>\n                {step === 'selecionarNota' ? (\n                  <Notas onSelecionarNota={onSelecionarNota} />\n                ) : (\n                  <Feedback tipo={step === 'feedbackPromotor' ? 'promotor' : 'detrator'} sistemaNome={sistemaNome} />\n                )}\n              </div>\n\n              <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n                <div>\n                  {step === 'feedbackPromotor' && (\n                    <Checkbox\n                      name='autorizoPublicacao'\n                      label={\n                        <Typography variant='bodyXS'>\n                          Autorizo a publicação deste comentário no site e em redes sociais do {sistemaNome}\n                        </Typography>\n                      }\n                    />\n                  )}\n                </div>\n\n                <div>\n                  <Button\n                    disabled={notaSelecionada === undefined}\n                    onClick={() => handleEnviar(notaSelecionada, onSubmit)}\n                  >\n                    Enviar\n                  </Button>\n                </div>\n              </div>\n            </SPaper>\n          </>\n        );\n      }}\n    </Form>\n  );\n};\n","import type { NPSProps } from './types';\n\nexport const defaultSlotProps = {\n  avaliacao: {\n    title: 'O quanto você recomendaria o sistema?',\n  },\n  feedback: {\n    title: 'Como podemos melhorar a sua experiência?',\n  },\n  dialog: {\n    disableBackdropClick: true,\n    closeIcon: true,\n  },\n} satisfies NPSProps['slotProps'];\n","import { useCallback, useMemo, useState } from 'react';\nimport type { NPSEtapas, NotaValue, NPSProps } from './types';\nimport { mergeSlotProps, useMediaQuery, useTheme } from '@mui/material';\nimport { defaultSlotProps } from './static';\n\nexport function useNPS(props: NPSProps) {\n  const [feedback, setFeedback] = useState('');\n  const [nota, setNota] = useState<NotaValue>(null);\n  const [etapa, setEtapa] = useState<NPSEtapas>('avaliacao');\n\n  const theme = useTheme();\n  const isDownSM = useMediaQuery(theme.breakpoints.down('sm'));\n\n  const slotProps = useMemo(() => {\n    return mergeSlotProps(props.slotProps, {\n      ...defaultSlotProps,\n      dialog: {\n        fullScreen: isDownSM,\n        ...defaultSlotProps.dialog,\n      },\n    }) satisfies typeof defaultSlotProps;\n  }, [props.slotProps, isDownSM]);\n\n  const handleChangeAvaliacao = (notaSelecionada: number | null) => {\n    props.onChangeAvaliacao?.(notaSelecionada);\n    setNota(notaSelecionada);\n  };\n\n  const handleClose = () => {\n    props.onClose({ nota });\n\n    setTimeout(() => {\n      setNota(null);\n      setFeedback('');\n      setEtapa('avaliacao');\n    }, 100);\n  };\n\n  const handleSubmit = useCallback(() => {\n    props.onSubmit({ \n    // biome-ignore lint/style/noNonNullAssertion: Avaliação não pode ser null, pois para fechar deve ser fechado somente na etapa de feedback\n      nota: nota!, \n      feedback: feedback.trim() \n    });\n  }, [props.onSubmit, nota, feedback]);\n\n  const handleProximaEtapa = () => {\n    setEtapa('feedback');\n    props.onChangeEtapa?.('feedback');\n  };\n\n  return {\n    feedback,\n    setFeedback,\n    nota,\n    handleChangeAvaliacao,\n    handleProximaEtapa,\n    etapa,\n    setEtapa,\n    handleSubmit,\n    handleClose,\n\n    slotProps,\n  };\n}\n","import { TextField, type TextFieldProps } from '@mui/material';\nimport { useNPSContext } from '../nps';\n\nexport const NPSFeedbackTextField = (props: TextFieldProps) => {\n  const { feedback, setFeedback } = useNPSContext();\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setFeedback(e.target.value);\n    props.onChange?.(e);\n  };\n\n  return <TextField autoFocus fullWidth rows={3} multiline {...props} value={feedback} onChange={handleChange} />;\n};\n","import { Button, type ButtonProps } from '@mui/material';\nimport { useNPSContext } from '../nps';\n\nexport function NPSFeedBackButtonSubmit(props: ButtonProps) {\n  const { feedback, handleSubmit } = useNPSContext();\n\n  return <Button fullWidth disabled={!feedback.trim()} {...props} onClick={handleSubmit} />;\n}\n","import { Typography } from \"@mui/material\";\nimport type { PropsWithChildren } from \"react\";\n\nexport const NPSTitle = ({ children }: PropsWithChildren) => {\n  return (\n    <Typography variant='titleMD' sx={{\n      fontSize: '18px'\n    }}>\n      {children}\n    </Typography>\n  );\n};\n","import { Dialog } from '@s_mart/core';\nimport type { FeedbackContentProps } from '../types';\nimport { NPSFeedbackTextField } from '../atoms/NPSFeedbackTextField';\nimport { NPSFeedBackButtonSubmit } from '../atoms/NPSFeedbackButtonSubmit';\nimport { NPSTitle } from '../atoms/NPSTitle';\n\nexport function NPSFeedbackContent(props: FeedbackContentProps) {\n  return (\n    <>\n      <Dialog.Header>\n        <NPSTitle>{props.title}</NPSTitle></Dialog.Header>\n      <Dialog.Content>\n        <NPSFeedbackTextField />\n      </Dialog.Content>\n      <Dialog.Footer>\n        <NPSFeedBackButtonSubmit>Enviar</NPSFeedBackButtonSubmit>\n      </Dialog.Footer>\n    </>\n  );\n}\n","import { Button, type ButtonProps } from '@mui/material';\nimport { useNPSContext } from '../nps';\nimport type { NotaValue } from '../types';\n\ntype ButtonAvaliacaoProps = Omit<ButtonProps, 'children'> & { nota: number; notaSelecionada: NotaValue };\n\nexport const NPSAvaliacaoButtonNota = (props: ButtonAvaliacaoProps) => {\n  const { handleChangeAvaliacao } = useNPSContext();\n\n  const handleClick = () => handleChangeAvaliacao(props.notaSelecionada === props.nota ? null : props.nota);\n\n  return (\n    <Button\n      sx={{ padding: 0, minWidth: '3rem' }}\n      {...props}\n      variant={props.nota === props.notaSelecionada ? 'contained' : 'outlined'}\n      onClick={handleClick}\n    >\n      {props.nota}\n    </Button>\n  );\n};\n","import { Button, type ButtonProps } from '@mui/material';\nimport { useNPSContext } from '../nps';\n\nexport function NPSAvaliacaoButtonSubmit(props: ButtonProps) {\n  const { nota: notaSelecionada, handleProximaEtapa } = useNPSContext();\n\n  return <Button fullWidth disabled={notaSelecionada === null} {...props} onClick={handleProximaEtapa} />;\n}\n","import { styled } from '@mui/material';\nimport { Dialog } from '@s_mart/core';\nimport { NPSAvaliacaoButtonNota } from '../atoms/NPSAvaliacaoButtonNota';\nimport { useNPSContext } from '../nps';\nimport type { AvaliacaoContentProps } from '../types';\nimport { NPSAvaliacaoButtonSubmit } from '../atoms/NPSAvaliacaoButtonSubmit';\nimport { NPSTitle } from '../atoms/NPSTitle';\n\nexport function NPSAvaliacaoContent(props: AvaliacaoContentProps) {\n  const { nota: notaSelecionada } = useNPSContext();\n\n  return (\n    <>\n      <Dialog.Header>\n      <NPSTitle>{props.title}</NPSTitle>\n      </Dialog.Header>\n      <Dialog.Content>\n        <Container>\n          <NPSAvaliacaoButtonNota notaSelecionada={notaSelecionada} nota={0} color='feedbackHard' />\n          <NPSAvaliacaoButtonNota notaSelecionada={notaSelecionada} nota={1} color='feedbackHard' />\n          <NPSAvaliacaoButtonNota notaSelecionada={notaSelecionada} nota={2} color='feedbackHard' />\n          <NPSAvaliacaoButtonNota notaSelecionada={notaSelecionada} nota={3} color='feedbackHard' />\n          <NPSAvaliacaoButtonNota notaSelecionada={notaSelecionada} nota={4} color='feedbackHard' />\n          <NPSAvaliacaoButtonNota notaSelecionada={notaSelecionada} nota={5} color='feedbackHard' />\n          <NPSAvaliacaoButtonNota notaSelecionada={notaSelecionada} nota={6} color='feedbackHard' />\n          <NPSAvaliacaoButtonNota notaSelecionada={notaSelecionada} nota={7} color='feedbackMedium' />\n          <NPSAvaliacaoButtonNota notaSelecionada={notaSelecionada} nota={8} color='feedbackMedium' />\n          <NPSAvaliacaoButtonNota notaSelecionada={notaSelecionada} nota={9} color='feedbackVeryEasy' />\n          <NPSAvaliacaoButtonNota notaSelecionada={notaSelecionada} nota={10} color='feedbackVeryEasy' />\n        </Container>\n      </Dialog.Content>\n      <Dialog.Footer>\n        <NPSAvaliacaoButtonSubmit>\n          Enviar\n        </NPSAvaliacaoButtonSubmit>\n      </Dialog.Footer>\n    </>\n  );\n}\n\nconst Container = styled('div')({\n  display: 'flex',\n  gap: '0.25rem',\n  flexWrap: 'wrap',\n  justifyContent: 'center',\n  paddingBlock: '0.25rem',\n});\n","import { Dialog } from '@s_mart/core';\nimport { createContext, useContext } from 'react';\nimport type { NPSContextType, NPSProps } from './types';\nimport { useNPS } from './useNPS';\nimport { NPSFeedbackContent } from './contents/NPSFeedbackContent';\nimport { NPSAvaliacaoContent } from './contents/NPSAvaliacaoContent';\nimport { styled } from '@mui/material';\n\nconst NPSContext = createContext<NPSContextType | null>(null);\n\nexport function NPS(props: NPSProps) {\n  const {\n    feedback,\n    nota,\n    setFeedback,\n    handleChangeAvaliacao,\n    handleClose,\n    handleProximaEtapa,\n    etapa,\n    slotProps,\n    handleSubmit,\n  } = useNPS(props);\n\n  return (\n    <StyledDialog open={props.isOpen} onClose={handleClose} {...slotProps.dialog}>\n      <NPSContext.Provider\n        value={{\n          handleSubmit,\n          feedback,\n          setFeedback,\n          nota,\n          handleChangeAvaliacao,\n          handleProximaEtapa,\n          etapa,\n        }}\n      >\n        <>\n          {etapa === 'avaliacao' && <NPSAvaliacaoContent {...slotProps.avaliacao} />}\n          {etapa === 'feedback' && <NPSFeedbackContent {...slotProps.feedback} />}\n        </>\n      </NPSContext.Provider>\n    </StyledDialog>\n  );\n}\n\nexport const useNPSContext = () => {\n  const context = useContext(NPSContext);\n  if (!context) {\n    throw new Error('useNPSContext must be used within a NPSProvider');\n  }\n  return context;\n};\n\nconst StyledDialog = styled(Dialog)(({ theme }) => ({\n  [theme.breakpoints.down('sm')]: {\n    '.MuiPaper-root': {\n      position: 'absolute',\n      bottom: 0,\n      height: 'auto',\n    },\n  },\n}));\n"],"mappings":"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"}

package/dist/nps-dialog/atoms/NPSAvaliacaoButtonNota.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from '@mui/material';
+import { NotaValue } from '../types';
+type ButtonAvaliacaoProps = Omit<ButtonProps, 'children'> & {
+    nota: number;
+    notaSelecionada: NotaValue;
+};
+export declare const NPSAvaliacaoButtonNota: (props: ButtonAvaliacaoProps) => import("react").JSX.Element;
+export {};

package/dist/nps-dialog/atoms/NPSAvaliacaoButtonSubmit.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '@mui/material';
+export declare function NPSAvaliacaoButtonSubmit(props: ButtonProps): import("react").JSX.Element;

package/dist/nps-dialog/atoms/NPSFeedbackButtonSubmit.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '@mui/material';
+export declare function NPSFeedBackButtonSubmit(props: ButtonProps): import("react").JSX.Element;

package/dist/nps-dialog/atoms/NPSFeedbackTextField.d.ts

@@ -0,0 +1,2 @@
+import { TextFieldProps } from '@mui/material';
+export declare const NPSFeedbackTextField: (props: TextFieldProps) => import("react").JSX.Element;

package/dist/nps-dialog/atoms/NPSTitle.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const NPSTitle: ({ children }: PropsWithChildren) => import("react").JSX.Element;

package/dist/nps-dialog/contents/NPSAvaliacaoContent.d.ts

@@ -0,0 +1,2 @@
+import { AvaliacaoContentProps } from '../types';
+export declare function NPSAvaliacaoContent(props: AvaliacaoContentProps): import("react").JSX.Element;

package/dist/nps-dialog/contents/NPSFeedbackContent.d.ts

@@ -0,0 +1,2 @@
+import { FeedbackContentProps } from '../types';
+export declare function NPSFeedbackContent(props: FeedbackContentProps): import("react").JSX.Element;

package/dist/nps-dialog/nps.d.ts

@@ -0,0 +1,3 @@
+import { NPSContextType, NPSProps } from './types';
+export declare function NPS(props: NPSProps): import("react").JSX.Element;
+export declare const useNPSContext: () => NPSContextType;

package/dist/nps-dialog/static.d.ts

@@ -0,0 +1,12 @@
+export declare const defaultSlotProps: {
+    avaliacao: {
+        title: string;
+    };
+    feedback: {
+        title: string;
+    };
+    dialog: {
+        disableBackdropClick: true;
+        closeIcon: true;
+    };
+};

package/dist/nps-dialog/types.d.ts

@@ -0,0 +1,39 @@
+import { DialogProps } from '@s_mart/core';
+import { Dispatch, SetStateAction } from 'react';
+export type NotaValue = number | null;
+type SubmitValues = {
+    nota: NonNullable<NotaValue>;
+    feedback: string;
+};
+type NPSCloseValues = {
+    nota: NotaValue;
+};
+export type NPSProps = {
+    isOpen: boolean;
+    onSubmit(values: SubmitValues): void;
+    onClose(values: NPSCloseValues): void;
+    onChangeAvaliacao?(nota: NotaValue): void;
+    onChangeEtapa?(etapa: NPSEtapas): void;
+    slotProps?: Partial<{
+        dialog?: Partial<DialogProps>;
+        avaliacao?: Partial<AvaliacaoContentProps>;
+        feedback?: Partial<FeedbackContentProps>;
+    }>;
+};
+export type AvaliacaoContentProps = {
+    title: string;
+};
+export type FeedbackContentProps = {
+    title: string;
+};
+export type NPSEtapas = 'avaliacao' | 'feedback';
+export type NPSContextType = {
+    nota: NotaValue;
+    feedback: string;
+    setFeedback: Dispatch<SetStateAction<string>>;
+    etapa: NPSEtapas;
+    handleSubmit(): void;
+    handleChangeAvaliacao(notaSelecionada: NotaValue): void;
+    handleProximaEtapa(): void;
+};
+export {};

package/dist/nps-dialog/useNPS.d.ts

@@ -0,0 +1,24 @@
+import { NPSEtapas, NotaValue, NPSProps } from './types';
+export declare function useNPS(props: NPSProps): {
+    feedback: string;
+    setFeedback: import('react').Dispatch<import('react').SetStateAction<string>>;
+    nota: NotaValue;
+    handleChangeAvaliacao: (notaSelecionada: number | null) => void;
+    handleProximaEtapa: () => void;
+    etapa: NPSEtapas;
+    setEtapa: import('react').Dispatch<import('react').SetStateAction<NPSEtapas>>;
+    handleSubmit: () => void;
+    handleClose: () => void;
+    slotProps: {
+        avaliacao: {
+            title: string;
+        };
+        feedback: {
+            title: string;
+        };
+        dialog: {
+            disableBackdropClick: true;
+            closeIcon: true;
+        };
+    };
+};

package/dist/nps-popover/feedback/feedback.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface FeedbackProps {
+    tipo: 'promotor' | 'detrator';
+    sistemaNome: string;
+}
+declare const Feedback: FC<FeedbackProps>;
+export default Feedback;

package/dist/nps-popover/notas/notas.d.ts

@@ -0,0 +1,5 @@
+interface NotasProps {
+    onSelecionarNota?: (nota: number) => void;
+}
+declare const Notas: ({ onSelecionarNota }: NotasProps) => import("react").JSX.Element;
+export default Notas;

package/dist/nps-popover/nps.d.ts

@@ -0,0 +1,2 @@
+import { NPSProps } from './nps.types';
+export declare const NPS: ({ onFinalizar, mostrarBackdrop, sistemaNome, onClose, shouldCloseOnBackdropClick, onSelecionarNota, paperStyle, ...rest }: NPSProps) => import("react").JSX.Element;

package/dist/nps-popover/nps.schema.d.ts

@@ -0,0 +1,16 @@
+import { z } from 'zod';
+declare const schema: z.ZodObject<{
+    nota: z.ZodNumber;
+    feedback: z.ZodOptional<z.ZodString>;
+    autorizoPublicacao: z.ZodBoolean;
+}, "strip", z.ZodTypeAny, {
+    nota: number;
+    autorizoPublicacao: boolean;
+    feedback?: string | undefined;
+}, {
+    nota: number;
+    autorizoPublicacao: boolean;
+    feedback?: string | undefined;
+}>;
+export type FormValues = z.infer<typeof schema>;
+export default schema;

package/dist/nps-popover/nps.styles.d.ts

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

package/dist/nps-popover/nps.types.d.ts

@@ -0,0 +1,48 @@
+import { CSSProperties } from 'react';
+import { FormValues } from './nps.schema';
+export type Steps = 'selecionarNota' | 'feedbackDetrator' | 'feedbackPromotor';
+export interface DropzoneOnNotificationProps {
+    /**
+     * @description Deve ser uma string, pois não sabemos qual lib de notificações são utilizadas e nem todas aceita `React.ReactNode`
+     */
+    title: string;
+    /**
+     * @description Deve ser uma string, pois não sabemos qual lib de notificações são utilizadas e nem todas aceita `React.ReactNode`
+     */
+    message?: string;
+    duration: number;
+    variant: 'warning' | 'error' | 'success' | 'info';
+}
+export interface NPSProps {
+    sistemaNome: string;
+    /**
+     * Determina se o backdrop aparecerá no fundo
+     */
+    mostrarBackdrop?: boolean;
+    /**
+     * Determina se o componente irá fechar quando o usuário clicar fora do paper
+     *
+     * Funciona apenas se `mostrarBackdrop` for true
+     */
+    shouldCloseOnBackdropClick?: boolean;
+    /**
+     * Style aplicado no paper do componente. Pode ser usado para alterar a posição do componente
+     */
+    paperStyle?: CSSProperties;
+    onClose: () => void;
+    /**
+     * Callback chamada quando o usuário clica no botão de uma nota.
+     */
+    onSelecionarNota?: (nota?: number) => void;
+    /**
+     * Callback chamada quando o usuário clica no botão
+     * "Enviar" após selecionar uma nota.
+     */
+    onEnviarNota?: (nota?: number) => void;
+    /**
+     * Callback chamada quando todo o formulário é finalizado.
+     */
+    onFinalizar: (values: FormValues) => void;
+    onNotification(params: DropzoneOnNotificationProps): void;
+}
+export type UseNpsProps = Pick<NPSProps, 'onEnviarNota' | 'onNotification'>;

package/dist/nps-popover/useNps.d.ts

@@ -0,0 +1,6 @@
+import { Steps, UseNpsProps } from './nps.types';
+declare const useNps: ({ onEnviarNota, onNotification }: UseNpsProps) => {
+    step: Steps;
+    handleEnviar: (nota: number, onSubmit: () => void) => void;
+};
+export default useNps;

package/package.json

@@ -1,64 +1,51 @@
 {
   "name": "@s_mart/nps",
-  "version": "12.0.1",
+  "version": "16.0.0",
+  "license": "MIT",
+  "type": "module",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.mts",
+  "types": "./dist/index.d.ts",
   "sideEffects": false,
-  "license": "MIT",
   "files": [
     "dist/**"
   ],
-  "dependencies": {
-    "react-is": "^18.3.1",
-    "tsup": "8.5.0",
-    "typescript": ">=5.4.2",
-    "@s_mart/typed": "8.0.1"
+  "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/material": "^9.3.1",
+    "@mui/system": "^9.3.0",
+    "@s_mart/core": "16.0.0",
+    "@s_mart/form": "16.0.0",
+    "@s_mart/regular-icons": "16.0.0",
+    "@s_mart/tokens": "16.0.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-hook-form": "^7.85.0",
+    "typescript": "^7.0.2",
+    "zod": "^3.25.76"
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.13.0",
-    "@mui/material": "^7.2.0",
-    "@mui/system": "^7.2.0",
-    "@types/node": ">=22.15.17",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "notistack": "^3.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.51.0",
-    "zod": "^3.22.4",
-    "@s_mart/core": "11.0.1",
-    "@s_mart/form": "11.0.1",
-    "@s_mart/regular-icons": "6.0.18",
-    "@s_mart/tokens": "6.0.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "devDependencies": {
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.13.0",
-    "@mui/material": "^7.2.0",
-    "@mui/system": "^7.2.0",
-    "@types/node": ">=22.15.17",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "notistack": "^3.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.51.0",
-    "zod": "^3.22.4",
-    "@s_mart/core": "11.0.1",
-    "@s_mart/form": "11.0.1",
-    "@s_mart/regular-icons": "6.0.18",
-    "@s_mart/tokens": "6.0.0"
-  },
-  "overrides": {
-    "react-is": "^18.3.1"
+    "@mui/material": "^9.0.0",
+    "@mui/system": "^9.0.0",
+    "@s_mart/core": "16.0.0",
+    "@s_mart/form": "16.0.0",
+    "@s_mart/regular-icons": "16.0.0",
+    "@s_mart/tokens": "16.0.0",
+    "@types/react": ">=18.3.12",
+    "@types/react-dom": ">=18.3.1",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "react-hook-form": "^7.85.0",
+    "typescript": ">=7.0.2",
+    "zod": "^3.22.4"
   },
   "scripts": {
-    "build": "tsup src/index.ts --minify --format esm --dts --external react",
-    "dev": "tsup src/index.ts --format esm --watch --dts --external react"
+    "build": "pnpm run typecheck && vite build",
+    "typecheck": "tsc --noEmit"
   }
 }

package/dist/index.d.mts

@@ -1,98 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CSSProperties } from 'react';
-import { z } from 'zod';
-import { DialogProps } from '@s_mart/core';
-
-declare const schema: z.ZodObject<{
-    nota: z.ZodNumber;
-    feedback: z.ZodOptional<z.ZodString>;
-    autorizoPublicacao: z.ZodBoolean;
-}, "strip", z.ZodTypeAny, {
-    nota: number;
-    autorizoPublicacao: boolean;
-    feedback?: string | undefined;
-}, {
-    nota: number;
-    autorizoPublicacao: boolean;
-    feedback?: string | undefined;
-}>;
-type FormValues = z.infer<typeof schema>;
-
-interface DropzoneOnNotificationProps {
-    /**
-     * @description Deve ser uma string, pois não sabemos qual lib de notificações são utilizadas e nem todas aceita `React.ReactNode`
-     */
-    title: string;
-    /**
-     * @description Deve ser uma string, pois não sabemos qual lib de notificações são utilizadas e nem todas aceita `React.ReactNode`
-     */
-    message?: string;
-    duration: number;
-    variant: 'warning' | 'error' | 'success' | 'info';
-}
-interface NPSProps$1 {
-    sistemaNome: string;
-    /**
-     * Determina se o backdrop aparecerá no fundo
-     */
-    mostrarBackdrop?: boolean;
-    /**
-     * Determina se o componente irá fechar quando o usuário clicar fora do paper
-     *
-     * Funciona apenas se `mostrarBackdrop` for true
-     */
-    shouldCloseOnBackdropClick?: boolean;
-    /**
-     * Style aplicado no paper do componente. Pode ser usado para alterar a posição do componente
-     */
-    paperStyle?: CSSProperties;
-    onClose: () => void;
-    /**
-     * Callback chamada quando o usuário clica no botão de uma nota.
-     */
-    onSelecionarNota?: (nota?: number) => void;
-    /**
-     * Callback chamada quando o usuário clica no botão
-     * "Enviar" após selecionar uma nota.
-     */
-    onEnviarNota?: (nota?: number) => void;
-    /**
-     * Callback chamada quando todo o formulário é finalizado.
-     */
-    onFinalizar: (values: FormValues) => void;
-    onNotification(params: DropzoneOnNotificationProps): void;
-}
-
-declare const NPS$1: ({ onFinalizar, mostrarBackdrop, sistemaNome, onClose, shouldCloseOnBackdropClick, onSelecionarNota, paperStyle, ...rest }: NPSProps$1) => react_jsx_runtime.JSX.Element;
-
-type NotaValue = number | null;
-type SubmitValues = {
-    nota: NonNullable<NotaValue>;
-    feedback: string;
-};
-type NPSCloseValues = {
-    nota: NotaValue;
-};
-type NPSProps = {
-    isOpen: boolean;
-    onSubmit(values: SubmitValues): void;
-    onClose(values: NPSCloseValues): void;
-    onChangeAvaliacao?(nota: NotaValue): void;
-    onChangeEtapa?(etapa: NPSEtapas): void;
-    slotProps?: Partial<{
-        dialog?: Partial<DialogProps>;
-        avaliacao?: Partial<AvaliacaoContentProps>;
-        feedback?: Partial<FeedbackContentProps>;
-    }>;
-};
-type AvaliacaoContentProps = {
-    title: string;
-};
-type FeedbackContentProps = {
-    title: string;
-};
-type NPSEtapas = 'avaliacao' | 'feedback';
-
-declare function NPS(props: NPSProps): react_jsx_runtime.JSX.Element;
-
-export { NPS as NPSDialog, type NPSProps as NPSDialogProps, NPS$1 as NPSPopover, type NPSProps$1 as NPSPopoverProps };