@s_mart/nps 3.0.1 → 4.0.1

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var U=Object.create;var y=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,L=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var k=(o,e)=>{var t={};for(var r in o)g.call(o,r)&&e.indexOf(r)<0&&(t[r]=o[r]);if(o!=null&&h)for(var r of h(o))e.indexOf(r)<0&&O.call(o,r)&&(t[r]=o[r]);return t};var _=(o,e)=>{for(var t in e)y(o,t,{get:e[t],enumerable:!0})},S=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of H(e))!g.call(o,p)&&p!==t&&y(o,p,{get:()=>e[p],enumerable:!(r=E(e,p))||r.enumerable});return o};var G=(o,e,t)=>(t=o!=null?U(L(o)):{},S(e||!o||!o.__esModule?y(t,"default",{value:o,enumerable:!0}):t,o)),J=o=>S(y({},"__esModule",{value:!0}),o);var to={};_(to,{NPS:()=>j});module.exports=J(to);var s=require("@s_mart/core"),b=require("@s_mart/form"),X=require("@s_mart/regular-icons");var c=require("@s_mart/core"),C=require("@s_mart/hooks"),v=require("@s_mart/tokens"),F=require("react-hook-form"),i=require("react/jsx-runtime"),K=({onSelecionarNota:o})=>{let{watch:e,setValue:t}=(0,F.useFormContext)(),r=(0,C.useMediaQuery)("(max-width: 500px)"),p=e("nota"),n=d=>{p!==d&&(t("nota",d),o==null||o(d))},m=(0,i.jsx)(c.Typography,{variant:"bodyXS",color:v.colorPalette.neutral[100],children:"Pouco prov\xE1vel"});return(0,i.jsxs)(i.Fragment,{children:[r&&(0,i.jsx)("div",{style:{marginBottom:"0.5rem"},children:m}),(0,i.jsx)("div",{style:{display:"flex",gap:"0.3rem",flexWrap:"wrap",justifyContent:"center"},children:Array(11).fill(void 0).map((d,l)=>(0,i.jsx)(c.Button,{variant:p===l?"contained":"outlined",style:{minWidth:"3rem"},onClick:()=>n(l),children:l},l))}),(0,i.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",marginTop:"0.5rem"},children:[(0,i.jsx)("span",{children:!r&&m}),(0,i.jsx)(c.Typography,{variant:"bodyXS",color:v.colorPalette.neutral[100],children:"Muito prov\xE1vel"})]})]})},N=K;var w=require("@s_mart/form"),T=require("react/jsx-runtime"),Y=({tipo:o,sistemaNome:e})=>(0,T.jsx)(w.TextField,{name:"feedback",placeholder:o==="promotor"?`Para mim o ${e} \xE9...`:"Eu acho que...",multiline:!0,size:"large",minRows:2}),z=Y;var B=G(require("@emotion/styled")),$=require("@s_mart/tokens"),A=B.default.div`
+"use strict";var X=Object.create;var u=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var R=(o,e)=>{for(var t in e)u(o,t,{get:e[t],enumerable:!0})},x=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of q(e))!Q.call(o,i)&&i!==t&&u(o,i,{get:()=>e[i],enumerable:!(n=j(e,i))||n.enumerable});return o};var U=(o,e,t)=>(t=o!=null?X(I(o)):{},x(e||!o||!o.__esModule?u(t,"default",{value:o,enumerable:!0}):t,o)),H=o=>x(u({},"__esModule",{value:!0}),o);var K={};R(K,{NPS:()=>A});module.exports=H(K);var s=require("@s_mart/core"),y=require("@s_mart/form"),E=require("@s_mart/regular-icons");var c=require("@s_mart/core"),P=require("@s_mart/hooks"),b=require("@s_mart/tokens"),h=require("react-hook-form"),a=require("react/jsx-runtime"),L=({onSelecionarNota:o})=>{let{watch:e,setValue:t}=(0,h.useFormContext)(),n=(0,P.useMediaQuery)("(max-width: 500px)"),i=e("nota"),m=d=>{i!==d&&(t("nota",d),o?.(d))},l=(0,a.jsx)(c.Typography,{variant:"bodyXS",color:b.colorPalette.neutral[100],children:"Pouco prov\xE1vel"});return(0,a.jsxs)(a.Fragment,{children:[n&&(0,a.jsx)("div",{style:{marginBottom:"0.5rem"},children:l}),(0,a.jsx)("div",{style:{display:"flex",gap:"0.3rem",flexWrap:"wrap",justifyContent:"center"},children:Array(11).fill(void 0).map((d,p)=>(0,a.jsx)(c.Button,{variant:i===p?"contained":"outlined",style:{minWidth:"3rem"},onClick:()=>m(p),children:p},p))}),(0,a.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",marginTop:"0.5rem"},children:[(0,a.jsx)("span",{children:!n&&l}),(0,a.jsx)(c.Typography,{variant:"bodyXS",color:b.colorPalette.neutral[100],children:"Muito prov\xE1vel"})]})]})},S=L;var g=require("@s_mart/form"),N=require("react/jsx-runtime"),O=({tipo:o,sistemaNome:e})=>(0,N.jsx)(g.TextField,{name:"feedback",placeholder:o==="promotor"?`Para mim o ${e} \xE9...`:"Eu acho que...",multiline:!0,size:"large",minRows:2}),k=O;var C=U(require("@emotion/styled")),F=require("@s_mart/tokens"),w=C.default.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -6,8 +6,8 @@
   padding: 1.5rem;
   border-radius: 0.375rem;
   box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
-  border: 1px solid ${({theme:o})=>{var e;return(e=o.palette.primary)==null?void 0:e.main}};
-  background: ${$.colorPalette.neutral[0]};
+  border: 1px solid ${({theme:o})=>o.palette.primary?.main};
+  background: ${F.colorPalette.neutral[0]};
 
   position: absolute;
   bottom: 1.5rem;
@@ -18,4 +18,4 @@
     right: 1.25rem;
     left: 1.25rem;
   }
-`;var V=require("react"),D=require("@s_mart/hooks"),Z=({onEnviarNota:o})=>{let[e,t]=(0,V.useState)("selecionarNota"),r=(0,D.useNotification)();return{step:e,handleEnviar:(n,m)=>{e==="selecionarNota"?(o==null||o(n),n>=9?t("feedbackPromotor"):t("feedbackDetrator")):(m(),r.setNotification({variant:"success",title:"Avalia\xE7\xE3o enviada",message:"Agradecemos muito pela sua avalia\xE7\xE3o.",autoHideDuration:5e3}))}}},M=Z;var f=require("zod"),oo=f.z.object({nota:f.z.number(),feedback:f.z.string().optional(),autorizoPublicacao:f.z.coerce.boolean()}),W=oo;var a=require("react/jsx-runtime"),eo=l=>{var x=l,{onFinalizar:o,mostrarBackdrop:e,sistemaNome:t,onClose:r,shouldCloseOnBackdropClick:p,onSelecionarNota:n,paperStyle:m}=x,d=k(x,["onFinalizar","mostrarBackdrop","sistemaNome","onClose","shouldCloseOnBackdropClick","onSelecionarNota","paperStyle"]);let{step:u,handleEnviar:q}=M(d),I={selecionarNota:`Qual a probabilidade de voc\xEA recomendar o ${t}?`,feedbackDetrator:`Como podemos melhorar a sua experi\xEAncia no ${t}?`,feedbackPromotor:`O que voc\xEA mais gosta no ${t}?`};return(0,a.jsx)(b.Form,{onSubmit:o,schema:W,children:({watch:Q,onSubmit:R})=>{let P=Q("nota");return(0,a.jsxs)(a.Fragment,{children:[!!e&&(0,a.jsx)(s.Backdrop,{open:!0,onClick:p?r:void 0,style:{zIndex:1e3}}),(0,a.jsxs)(A,{style:m,children:[(0,a.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,a.jsx)(s.Typography,{variant:"titleSM",children:I[u]}),(0,a.jsx)(s.LIcon,{icon:X.lineTimes,size:"25px",onClick:r,style:{cursor:"pointer"}})]}),(0,a.jsx)("div",{children:u==="selecionarNota"?(0,a.jsx)(N,{onSelecionarNota:n}):(0,a.jsx)(z,{tipo:u==="feedbackPromotor"?"promotor":"detrator",sistemaNome:t})}),(0,a.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,a.jsx)("div",{children:u==="feedbackPromotor"&&(0,a.jsx)(b.Checkbox,{name:"autorizoPublicacao",label:(0,a.jsxs)(s.Typography,{variant:"bodyXS",children:["Autorizo a publica\xE7\xE3o deste coment\xE1rio no site e em redes sociais do ",t]})})}),(0,a.jsx)(s.Button,{disabled:P===void 0,onClick:()=>q(P,R),children:"Enviar"})]})]})]})}})},j=eo;0&&(module.exports={NPS});
+`;var z=require("react"),T=require("@s_mart/hooks"),_=({onEnviarNota:o})=>{let[e,t]=(0,z.useState)("selecionarNota"),n=(0,T.useNotification)();return{step:e,handleEnviar:(m,l)=>{e==="selecionarNota"?(o?.(m),m>=9?t("feedbackPromotor"):t("feedbackDetrator")):(l(),n.setNotification({variant:"success",title:"Avalia\xE7\xE3o enviada",message:"Agradecemos muito pela sua avalia\xE7\xE3o.",autoHideDuration:5e3}))}}},B=_;var f=require("zod"),G=f.z.object({nota:f.z.number(),feedback:f.z.string().optional(),autorizoPublicacao:f.z.coerce.boolean()}),$=G;var r=require("react/jsx-runtime"),J=({onFinalizar:o,mostrarBackdrop:e,sistemaNome:t,onClose:n,shouldCloseOnBackdropClick:i,onSelecionarNota:m,paperStyle:l,...d})=>{let{step:p,handleEnviar:V}=B(d),D={selecionarNota:`Qual a probabilidade de voc\xEA recomendar o ${t}?`,feedbackDetrator:`Como podemos melhorar a sua experi\xEAncia no ${t}?`,feedbackPromotor:`O que voc\xEA mais gosta no ${t}?`};return(0,r.jsx)(y.Form,{onSubmit:o,schema:$,children:({watch:M,onSubmit:W})=>{let v=M("nota");return(0,r.jsxs)(r.Fragment,{children:[!!e&&(0,r.jsx)(s.Backdrop,{open:!0,onClick:i?n:void 0,style:{zIndex:99}}),(0,r.jsxs)(w,{style:l,children:[(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,r.jsx)(s.Typography,{variant:"titleSM",children:D[p]}),(0,r.jsx)(s.LIcon,{icon:E.lineTimes,size:"25px",onClick:n,style:{cursor:"pointer"}})]}),(0,r.jsx)("div",{children:p==="selecionarNota"?(0,r.jsx)(S,{onSelecionarNota:m}):(0,r.jsx)(k,{tipo:p==="feedbackPromotor"?"promotor":"detrator",sistemaNome:t})}),(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,r.jsx)("div",{children:p==="feedbackPromotor"&&(0,r.jsx)(y.Checkbox,{name:"autorizoPublicacao",label:(0,r.jsxs)(s.Typography,{variant:"bodyXS",children:["Autorizo a publica\xE7\xE3o deste coment\xE1rio no site e em redes sociais do ",t]})})}),(0,r.jsx)(s.Button,{disabled:v===void 0,onClick:()=>V(v,W),children:"Enviar"})]})]})]})}})},A=J;0&&(module.exports={NPS});

package/dist/index.mjs

@@ -1,4 +1,4 @@
-var b=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var v=(o,t)=>{var r={};for(var e in o)$.call(o,e)&&t.indexOf(e)<0&&(r[e]=o[e]);if(o!=null&&b)for(var e of b(o))t.indexOf(e)<0&&A.call(o,e)&&(r[e]=o[e]);return r};import{Backdrop as O,Button as _,LIcon as G,Typography as N}from"@s_mart/core";import{Checkbox as J,Form as K}from"@s_mart/form";import{lineTimes as Y}from"@s_mart/regular-icons";import{Button as V,Typography as x}from"@s_mart/core";import{useMediaQuery as D}from"@s_mart/hooks";import{colorPalette as P}from"@s_mart/tokens";import{useFormContext as M}from"react-hook-form";import{Fragment as X,jsx as n,jsxs as h}from"react/jsx-runtime";var W=({onSelecionarNota:o})=>{let{watch:t,setValue:r}=M(),e=D("(max-width: 500px)"),m=t("nota"),i=s=>{m!==s&&(r("nota",s),o==null||o(s))},p=n(x,{variant:"bodyXS",color:P.neutral[100],children:"Pouco prov\xE1vel"});return h(X,{children:[e&&n("div",{style:{marginBottom:"0.5rem"},children:p}),n("div",{style:{display:"flex",gap:"0.3rem",flexWrap:"wrap",justifyContent:"center"},children:Array(11).fill(void 0).map((s,d)=>n(V,{variant:m===d?"contained":"outlined",style:{minWidth:"3rem"},onClick:()=>i(d),children:d},d))}),h("div",{style:{display:"flex",justifyContent:"space-between",marginTop:"0.5rem"},children:[n("span",{children:!e&&p}),n(x,{variant:"bodyXS",color:P.neutral[100],children:"Muito prov\xE1vel"})]})]})},g=W;import{TextField as j}from"@s_mart/form";import{jsx as I}from"react/jsx-runtime";var q=({tipo:o,sistemaNome:t})=>I(j,{name:"feedback",placeholder:o==="promotor"?`Para mim o ${t} \xE9...`:"Eu acho que...",multiline:!0,size:"large",minRows:2}),k=q;import Q from"@emotion/styled";import{colorPalette as R}from"@s_mart/tokens";var S=Q.div`
+import{Backdrop as I,Button as Q,LIcon as R,Typography as g}from"@s_mart/core";import{Checkbox as U,Form as H}from"@s_mart/form";import{lineTimes as L}from"@s_mart/regular-icons";import{Button as w,Typography as u}from"@s_mart/core";import{useMediaQuery as z}from"@s_mart/hooks";import{colorPalette as y}from"@s_mart/tokens";import{useFormContext as T}from"react-hook-form";import{Fragment as $,jsx as m,jsxs as b}from"react/jsx-runtime";var B=({onSelecionarNota:t})=>{let{watch:a,setValue:o}=T(),i=z("(max-width: 500px)"),l=a("nota"),n=s=>{l!==s&&(o("nota",s),t?.(s))},p=m(u,{variant:"bodyXS",color:y.neutral[100],children:"Pouco prov\xE1vel"});return b($,{children:[i&&m("div",{style:{marginBottom:"0.5rem"},children:p}),m("div",{style:{display:"flex",gap:"0.3rem",flexWrap:"wrap",justifyContent:"center"},children:Array(11).fill(void 0).map((s,r)=>m(w,{variant:l===r?"contained":"outlined",style:{minWidth:"3rem"},onClick:()=>n(r),children:r},r))}),b("div",{style:{display:"flex",justifyContent:"space-between",marginTop:"0.5rem"},children:[m("span",{children:!i&&p}),m(u,{variant:"bodyXS",color:y.neutral[100],children:"Muito prov\xE1vel"})]})]})},v=B;import{TextField as E}from"@s_mart/form";import{jsx as V}from"react/jsx-runtime";var A=({tipo:t,sistemaNome:a})=>V(E,{name:"feedback",placeholder:t==="promotor"?`Para mim o ${a} \xE9...`:"Eu acho que...",multiline:!0,size:"large",minRows:2}),x=A;import D from"@emotion/styled";import{colorPalette as M}from"@s_mart/tokens";var P=D.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -6,8 +6,8 @@ var b=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,A=Objec
   padding: 1.5rem;
   border-radius: 0.375rem;
   box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
-  border: 1px solid ${({theme:o})=>{var t;return(t=o.palette.primary)==null?void 0:t.main}};
-  background: ${R.neutral[0]};
+  border: 1px solid ${({theme:t})=>t.palette.primary?.main};
+  background: ${M.neutral[0]};
 
   position: absolute;
   bottom: 1.5rem;
@@ -18,4 +18,4 @@ var b=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,A=Objec
     right: 1.25rem;
     left: 1.25rem;
   }
-`;import{useState as U}from"react";import{useNotification as E}from"@s_mart/hooks";var H=({onEnviarNota:o})=>{let[t,r]=U("selecionarNota"),e=E();return{step:t,handleEnviar:(i,p)=>{t==="selecionarNota"?(o==null||o(i),i>=9?r("feedbackPromotor"):r("feedbackDetrator")):(p(),e.setNotification({variant:"success",title:"Avalia\xE7\xE3o enviada",message:"Agradecemos muito pela sua avalia\xE7\xE3o.",autoHideDuration:5e3}))}}},C=H;import{z as f}from"zod";var L=f.object({nota:f.number(),feedback:f.string().optional(),autorizoPublicacao:f.coerce.boolean()}),F=L;import{Fragment as eo,jsx as a,jsxs as l}from"react/jsx-runtime";var Z=d=>{var u=d,{onFinalizar:o,mostrarBackdrop:t,sistemaNome:r,onClose:e,shouldCloseOnBackdropClick:m,onSelecionarNota:i,paperStyle:p}=u,s=v(u,["onFinalizar","mostrarBackdrop","sistemaNome","onClose","shouldCloseOnBackdropClick","onSelecionarNota","paperStyle"]);let{step:c,handleEnviar:w}=C(s),z={selecionarNota:`Qual a probabilidade de voc\xEA recomendar o ${r}?`,feedbackDetrator:`Como podemos melhorar a sua experi\xEAncia no ${r}?`,feedbackPromotor:`O que voc\xEA mais gosta no ${r}?`};return a(K,{onSubmit:o,schema:F,children:({watch:T,onSubmit:B})=>{let y=T("nota");return l(eo,{children:[!!t&&a(O,{open:!0,onClick:m?e:void 0,style:{zIndex:1e3}}),l(S,{style:p,children:[l("div",{style:{display:"flex",justifyContent:"space-between"},children:[a(N,{variant:"titleSM",children:z[c]}),a(G,{icon:Y,size:"25px",onClick:e,style:{cursor:"pointer"}})]}),a("div",{children:c==="selecionarNota"?a(g,{onSelecionarNota:i}):a(k,{tipo:c==="feedbackPromotor"?"promotor":"detrator",sistemaNome:r})}),l("div",{style:{display:"flex",justifyContent:"space-between"},children:[a("div",{children:c==="feedbackPromotor"&&a(J,{name:"autorizoPublicacao",label:l(N,{variant:"bodyXS",children:["Autorizo a publica\xE7\xE3o deste coment\xE1rio no site e em redes sociais do ",r]})})}),a(_,{disabled:y===void 0,onClick:()=>w(y,B),children:"Enviar"})]})]})]})}})},oo=Z;export{oo as NPS};
+`;import{useState as W}from"react";import{useNotification as X}from"@s_mart/hooks";var j=({onEnviarNota:t})=>{let[a,o]=W("selecionarNota"),i=X();return{step:a,handleEnviar:(n,p)=>{a==="selecionarNota"?(t?.(n),n>=9?o("feedbackPromotor"):o("feedbackDetrator")):(p(),i.setNotification({variant:"success",title:"Avalia\xE7\xE3o enviada",message:"Agradecemos muito pela sua avalia\xE7\xE3o.",autoHideDuration:5e3}))}}},h=j;import{z as c}from"zod";var q=c.object({nota:c.number(),feedback:c.string().optional(),autorizoPublicacao:c.coerce.boolean()}),S=q;import{Fragment as G,jsx as e,jsxs as d}from"react/jsx-runtime";var O=({onFinalizar:t,mostrarBackdrop:a,sistemaNome:o,onClose:i,shouldCloseOnBackdropClick:l,onSelecionarNota:n,paperStyle:p,...s})=>{let{step:r,handleEnviar:k}=h(s),N={selecionarNota:`Qual a probabilidade de voc\xEA recomendar o ${o}?`,feedbackDetrator:`Como podemos melhorar a sua experi\xEAncia no ${o}?`,feedbackPromotor:`O que voc\xEA mais gosta no ${o}?`};return e(H,{onSubmit:t,schema:S,children:({watch:C,onSubmit:F})=>{let f=C("nota");return d(G,{children:[!!a&&e(I,{open:!0,onClick:l?i:void 0,style:{zIndex:99}}),d(P,{style:p,children:[d("div",{style:{display:"flex",justifyContent:"space-between"},children:[e(g,{variant:"titleSM",children:N[r]}),e(R,{icon:L,size:"25px",onClick:i,style:{cursor:"pointer"}})]}),e("div",{children:r==="selecionarNota"?e(v,{onSelecionarNota:n}):e(x,{tipo:r==="feedbackPromotor"?"promotor":"detrator",sistemaNome:o})}),d("div",{style:{display:"flex",justifyContent:"space-between"},children:[e("div",{children:r==="feedbackPromotor"&&e(U,{name:"autorizoPublicacao",label:d(g,{variant:"bodyXS",children:["Autorizo a publica\xE7\xE3o deste coment\xE1rio no site e em redes sociais do ",o]})})}),e(Q,{disabled:f===void 0,onClick:()=>k(f,F),children:"Enviar"})]})]})]})}})},_=O;export{_ as NPS};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/nps",
-  "version": "3.0.1",
+  "version": "4.0.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -16,8 +16,8 @@
   },
   "dependencies": {
     "tsup": "^6.7.0",
-    "typescript": "^5.0.4",
-    "@types/react": "18.2.5",
+    "typescript": "^5.2.2",
+    "@types/react": "^18.2.21",
     "@types/react-dom": "18.2.4",
     "@s_mart/core": "*",
     "@s_mart/form": "*",
@@ -30,7 +30,7 @@
     "react-dom": ">=18.2.0",
     "react-hook-form": ">=7.36.1",
     "@types/react": ">=18.2.5",
-    "@types/react-dom": ">=18.2.4",
+    "@types/react-dom": ">=18.2.7",
     "@emotion/react": ">=11.10.8",
     "@emotion/styled": ">=11.10.8",
     "@s_mart/core": "*",
@@ -42,12 +42,12 @@
     "zod": ">=3.21.4"
   },
   "devDependencies": {
-    "@s_mart/eslint": "*",
     "@s_mart/tsconfig": "*",
     "@s_mart/typed": "*",
-    "eslint": "^8.32.0"
+    "eslint": "^8.47.0",
+    "eslint-config-smarten": "*"
   },
   "publishConfig": {
     "access": "public"
   }
-}
+}