https://app.stoqui.com.br/assets/TemplateMensagemPage-B-I1HzD8.js

1import{j as e,a7 as i,a6 as g,a9 as h,T as r,ab as L,N as b,z as R,H as F}from"./mui-CRsYZxVY.js";import{r as m}from"./vendor-Dwao9eNC.js";import{b as z,L as I,d as W,N as D,T as j}from"./index-TALscxEc.js";import{u as U}from"./useUpsertUserPreferences-B9JC08bA.js";import{H as B}from"./HelperText-CbfuMRy9.js";import"./query-8ViTdhdk.js";import"./datePickers-BIJXYOKG.js";import"./icons-D8aatgQ4.js";import"./lab-DSem1Osk.js";import"./HelpOutline-7HiWCqx6.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};s.SENTRY_RELEASE={id:"2ad85febf9735404429b0670d4acf56a0af5a0a2"}}catch{}})();try{(function(){var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new s.Error().stack;a&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[a]="07ef3a11-41b7-4585-8b00-aefdc4e544fe",s._sentryDebugIdIdentifier="sentry-dbid-07ef3a11-41b7-4585-8b00-aefdc4e544fe")})()}catch{}const v=`Olá $primeiro_nome, feliz aniversário! 🎂
2
3Que seu dia seja incrível e cheio de alegrias.
4
5Atenciosamente,
6Equipe $loja
7
8$link`,N=[{id:"classico",title:"Clássico",message:v},{id:"curto",title:"Curto e doce",message:`Feliz aniversário, $primeiro_nome! 🎉
9
10Te desejamos um dia especial e muita felicidade!
11
12Com carinho,
13$loja
14
15$link`},{id:"desconto",title:"Com desconto",message:`Oi $primeiro_nome! Feliz aniversário! 🥳
16
17Para celebrar, que tal um presente nosso? Use o cupom ANIVERSARIANTE15 para 15% OFF em sua próxima compra!
18Esperamos você!
19
20Abraços,
21$loja
22
23$link`},{id:"informal",title:"Informal",message:`$primeiro_nome, parabéns pelo seu dia! 🎈
24
25Muita saúde, paz e sucesso sempre!
26
27Estamos te esperando em $loja
28
29Com carinho,
30Equipe $loja
31
32$link`}],ee=()=>{const s=z(),{data:a,isLoading:y}=I(),{mutateAsync:$,isPending:x}=U(),{data:p,isLoading:E}=W(),{storeUrl:T}=D(),[o,l]=m.useState(v),[w,u]=m.useState({start:0,end:0}),d=m.useRef(null);m.useEffect(()=>{a!=null&&a.template_mensagem_aniversario&&l(a.template_mensagem_aniversario)},[a]);const k=async()=>{try{await $({template_mensagem_aniversario:o}),s(-1)}catch(n){console.error("Error saving template:",n)}},C=n=>{l(n.target.value),u({start:n.target.selectionStart||0,end:n.target.selectionEnd||0})},S=n=>{const{start:t,end:A}=w,M=o.substring(0,t)+n+o.substring(A);l(M),setTimeout(()=>{if(d.current){d.current.focus();const c=t+n.length;d.current.setSelectionRange(c,c),u({start:c,end:c})}},0)},f=y||E;if(f)return e.jsxs(i,{sx:{flex:1,display:"flex",flexDirection:"column"},children:[e.jsx(j,{title:"Modelo de mensagem",navigateBack:!0}),e.jsx(i,{sx:{display:"flex",justifyContent:"center",alignItems:"center",flex:1},children:e.jsx(g,{})})]});const _=(p==null?void 0:p.nome_loja)||"Minha loja incrível",P=T;return e.jsxs(i,{sx:{flex:1,display:"flex",flexDirection:"column"},children:[e.jsx(j,{title:"Modelo de mensagem",navigateBack:!0}),e.jsx(i,{sx:{p:2,flex:1},children:e.jsxs(h,{sx:{p:2,mb:2},children:[e.jsx(r,{variant:"subtitle1",sx:{mb:2,fontWeight:500},children:"Sugestões"}),e.jsx(i,{sx:{display:"flex",overflowX:"auto",pb:2,mb:2},children:N.map(n=>e.jsx(h,{variant:"outlined",sx:{p:1.5,cursor:"pointer",minWidth:"200px",maxWidth:"200px",height:"100px",display:"flex",flexDirection:"column",justifyContent:"space-between",borderColor:"divider",mr:1,my:"4px",ml:"2px",flexShrink:0,"&:hover":{borderColor:"primary.main",boxShadow:t=>`0 0 0 1px ${t.palette.primary.main}`}},onClick:()=>l(n.message),children:e.jsxs(i,{children:[e.jsx(r,{variant:"subtitle2",fontWeight:"bold",gutterBottom:!0,children:n.title}),e.jsx(r,{variant:"caption",color:"text.secondary",sx:{display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"},children:n.message.replace(/\$nome/g,"Maria").replace(/\$primeiro_nome/g,"Maria").replace(/\$loja/g,"Loja").replace(/\$link/g,"link").replace(/\n/g," ")})]})},n.id))}),e.jsxs(L,{spacing:2,children:[e.jsxs(i,{children:[e.jsxs(r,{variant:"subtitle1",sx:{fontWeight:500,mb:1,display:"flex",alignItems:"center"},children:["Edite sua Mensagem",e.jsx(B,{text:"Use as variáveis ($nome, $primeiro_nome, $loja, $link) para personalizar. Elas serão substituídas com os dados do cliente e da sua loja.",iconSize:"1rem",sx:{ml:.5}})]}),e.jsx(i,{sx:{display:"flex",overflowX:"auto",mb:2,pb:1},children:["$nome","$primeiro_nome","$loja","$link"].map(n=>e.jsx(b,{variant:"contained",size:"small",color:"primary",sx:{mr:1,flexShrink:0},onClick:()=>S(n),children:n},n))})]}),e.jsx(R,{fullWidth:!0,multiline:!0,rows:8,value:o,onChange:C,variant:"outlined",placeholder:"Digite seu modelo de mensagem aqui...",InputProps:{sx:{fontFamily:"inherit",fontSize:"13px"}},inputRef:d,onSelect:n=>{const t=n.target;u({start:t.selectionStart||0,end:t.selectionEnd||0})}}),e.jsxs(i,{children:[e.jsx(r,{variant:"body2",color:"text.secondary",sx:{mb:1},children:"Prévia da mensagem:"}),e.jsx(F,{elevation:1,sx:{p:2,fontFamily:"Arial, sans-serif",fontSize:"13px",backgroundColor:"#E0F6CA",borderRadius:"12px 12px 0 12px",position:"relative",wordBreak:"break-word",whiteSpace:"pre-wrap",mb:2},children:o.replace(/\$nome/g,"Maria dos Santos").replace(/\$primeiro_nome/g,"Maria").replace(/\$loja/g,_).replace(/\$link/g,P)})]}),e.jsx(b,{fullWidth:!0,variant:"contained",color:"primary",onClick:k,disabled:x||f,sx:{py:1.5},children:x?e.jsx(g,{size:24,sx:{color:"white"}}):"Salvar modelo"})]})]})})]})};export{ee as default};