https://terpo.ru/_nuxt/D2BbWP8s.js

1import{g as E,o as l,c as n,m as t,a as s,U as F,H as f,J as x,t as d,A as c,I as w,d as p,b as v,e as U,w as y,B as q,K as R,n as _,M as S,_ as D}from"./DOzaApHy.js";import{u as G,d as I,P as V,c as L,b as m,s as Z,r as k}from"./NUfWEFM2.js";const j={class:"form-wrap"},H={key:0,class:"form-container"},J=["name","id","data-info"],K={key:0,class:"error-message text--small"},O={key:1,class:"error-message text--small"},Q={key:2,class:"error-message text--small"},W={key:3,class:"form__form-item"},X={class:"error-message text--small error"},Y={class:"form__checkbox"},ee={class:"checkbox"},te={for:"confidential",class:"checkbox-label pointer checkbox-label--light"},oe={key:4,class:"error-message error"},ie={class:"form__checkbox"},ae={class:"checkbox"},se={for:"advertising",class:"checkbox-label pointer checkbox-label--light"},re={key:5,type:"submit",class:"button gradient-bg form__btn"},le={key:1,class:"form-container"},ne=E({__name:"form",props:{formName:{},letterTheme:{},id:{}},setup(M){const r=M,z=S(),o=q({name:"",email:"",phone:"",acceptPrivacy:!1,acceptAdvertising:!1}),N=/^(?=.{1,320}$)[a-zA-Z][\w.%+-]+@[\w.-]+\.[a-zA-Z]{2,6}$/,P=/^(8|\+7)\d{10}$/,A=h=>N.test(h),T=h=>P.test(h),B=R(()=>({name:{required:m.withMessage("Обязательное поле",k),minLength:2},email:{required:m.withMessage("Обязательное поле",k),email:m.withMessage("Неверный формат поля email",A)},phone:{required:m.withMessage("Обязательное поле",k),phoneValidator:m.withMessage("Формат номера: +70000000000 ",T)},acceptPrivacy:{required:m.withMessage("Обязательное поле",Z(!0))}})),i=G(B,o),g=_(""),b=_(!1),$=_(!1),C=async()=>{if(await i.value.$validate())try{b.value=!0,await I().send({from:"[email protected]",subject:"Заявка с сайта terpo.ru",html:`
2      <html>
3          <head>
4              <meta charset='utf-8'>
5              <style>
6                  a {
7                    text-decoration: none;
8                    color: #409eff;
9                  }
10                  a:visited {
11                      color: #409eff;
12                  }
13
14                  a.button:visited {
15                      color: #ffffff;
16                  }
17              </style>
18            </head>
19            <body>
20            <center>
21              <div style="width: 600px;">
22                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:280px">
23                  <tbody>
24                  <tr>
25                    <td height="24">
26                      <div style="font-size:24px;height:24px;line-height:24px">
27                        &nbsp;
28                      </div>
29                    </td>
30                  </tr>
31                  <tr>
32                    <td align="center">
33                      <table align="center" border="0" cellpadding="0" cellspacing="0" height="52" width="100%"
34                             style="background-color:#67c23a;border-radius:16px;color:#ffffff">
35                        <tbody>
36                        <tr>
37                          <td align="left" valign="middle">
38                            <table border="0" cellpadding="0" cellspacing="0" style="padding:0 16px 0 16px">
39                              <tbody>
40                              <tr>
41                                <td align="left" valign="middle">
42                                  <a href="https://terpo.ru"
43                                     rel="noopener noreferrer"
44                                     target="_blank"
45                                     data-link-id="24"
46                                     style="color:#ffffff;
47                                     font-family:'arial', 'helvetica', sans-serif;
48                                     font-size:18px;
49                                     line-height:18px;
50                                     text-align:center;
51                                     text-decoration:none"
52                                     >
53                                      TERPO
54                                  </a>
55                                </td>
56                              </tr>
57                              </tbody>
58                            </table>
59                          </td>
60                        </tr>
61                        </tbody>
62                      </table>
63                    </td>
64                  </tr>
65                  <tr>
66                    <td height="24">
67                      <div style="font-size:24px;height:24px;line-height:24px">
68                        &nbsp;
69                      </div>
70                    </td>
71                  </tr>
72                  <tr>
73                    <td>
74                      <table border="0" cellpadding="0" cellspacing="0" width="100%"
75                             style="background-color:#ffffff;border-radius:16px">
76                        <tbody>
77                        <tr>
78                          <td align="center">
79                            <table border="0" cellpadding="0" cellspacing="0" width="90%">
80                              <tbody>
81                              <tr>
82                                <td height="24">
83                                  <div style="font-size:24px;height:24px;line-height:24px"> &nbsp;</div>
84                                </td>
85                              </tr>
86                              <tr>
87                                <td>
88                                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
89                                    <tbody>
90                                    <tr>
91                                      <td></td>
92                                    </tr>
93                                    <tr>
94                                      <td></td>
95                                    </tr>
96                                    <tr>
97                                      <td align="left" valign="top">
98                                        <div
99                                            style="color:#262626;font-family:'arial' , 'helvetica' , 'tahoma' , sans-serif;font-size:22px;font-weight:bold;line-height:26px;margin-bottom:8px">
100                                          Заявка с сайта terpo.ru! ${r.letterTheme?"Раздел "+V[r.letterTheme]:""}
101                                        </div>
102                                      </td>
103                                    </tr>
104                                    <tr>
105                                      <td align="left" valign="top">
106                                        <div
107                                            style="color:#262626;font-family:'arial' , 'helvetica' , 'tahoma' , sans-serif;font-size:16px;line-height:20px;max-width:536px">
108                                          <br>
109                                          Имя: ${o.name}<br>
110                                          Email: ${o.email}<br>
111                                          Телефон: ${o.phone}
112                                        </div>
113                                      </td>
114                                    </tr>
115                                    <tr>
116                                      <td height="8">
117                                        <div style="font-size:8px;height:8px;line-height:8px"> &nbsp;</div>
118                                      </td>
119                                    </tr>
120                                    </tbody>
121                                  </table>
122                                </td>
123                              </tr>
124                              <tr>
125                                <td height="24">
126                                  <div style="font-size:24px;height:24px;line-height:24px"> &nbsp;</div>
127                                </td>
128                              </tr>
129                              </tbody>
130                            </table>
131                          </td>
132                        </tr>
133                        <tr>
134                          <td align="center">
135                            <table border="0" cellpadding="0" cellspacing="0" width="90%">
136                              <tbody>
137                              <tr>
138                                <td height="1">
139                                  <div
140                                      style="border-bottom-color:#ececec;border-bottom-style:solid;border-bottom-width:1px;height:1px;line-height:1px">
141                                    &nbsp;
142                                  </div>
143                                </td>
144                              </tr>
145                              </tbody>
146                            </table>
147                          </td>
148                        </tr>
149                        </tbody>
150                      </table>
151                    </td>
152                  </tr>
153                  <tr>
154                    <td height="24">
155                      <div style="font-size:24px;height:24px;line-height:24px">
156                        &nbsp;
157                      </div>
158                    </td>
159                  </tr>
160                  <tr>
161                    <td height="16">
162                      <div style="font-size:16px;height:16px;line-height:16px"> &nbsp;</div>
163                    </td>
164                  </tr>
165                  </tbody>
166                </table>
167            </div>
168          </center>
169      </body>
170      </html>
171      `}),$.value=!0,b.value=!1,r.formName&&z?.public?.nuxtMode==="production"&&ym(96342723,"reachGoal",r.formName),L({name:o.name,email:o.email,phone:o.phone,formName:`Заявка на консультацию ${r.letterTheme?V[r.letterTheme]:""} ${o.email}`})}

171catch{b.value=!1,g.value="Что-то пошло не так. Попробуйте позже."}};return(h,e)=>{const u=U;return l(),n("div",j,[t($)?(l(),n("div",le,[...e[14]||(e[14]=[s("span",{class:"form__success success text colored"},d("Сообщение отправлено, мы обязательно свяжемся с вами!"),-1)])])):(l(),n("div",H,[s("form",{class:"form",onSubmit:F(C,["prevent"]),name:`feedbackFormComponent_${r.formName}`,id:`feedbackForm_${r.id}`,"data-info":`${r.letterTheme}_${r.formName}`},[f(s("input",{"onUpdate:modelValue":e[0]||(e[0]=a=>t(o).name=a),type:"text",placeholder:"Имя",class:"form__input text-input text-input--colored",onBlur:e[1]||(e[1]=(...a)=>t(i).name.$touch&&t(i).name.$touch(...a))},null,544),[[x,t(o).name]]),t(i).name.$error?(l(),n("span",K,d(t(i).name.$errors[0]?.$message),1)):c("",!0),f(s("input",{"onUpdate:modelValue":e[2]||(e[2]=a=>t(o).email=a),type:"text",placeholder:"Email",class:"form__input text-input text-input--colored",onBlur:e[3]||(e[3]=(...a)=>t(i).email.$touch&&t(i).email.$touch(...a))},null,544),[[x,t(o).email]]),t(i).email.$error?(l(),n("span",O,d(t(i).email.$errors[0]?.$message),1)):c("",!0),f(s("input",{"onUpdate:modelValue":e[4]||(e[4]=a=>t(o).phone=a),type:"text",placeholder:"Телефон",class:"form__input text-input text-input--colored",onBlur:e[5]||(e[5]=(...a)=>t(i).phone.$touch&&t(i).phone.$touch(...a))},null,544),[[x,t(o).phone]]),t(i).phone.$error?(l(),n("span",Q,d(t(i).phone.$errors[0]?.$message),1)):c("",!0),t(g)?(l(),n("div",W,[s("span",X,d(t(g)),1)])):c("",!0),s("div",Y,[s("div",ee,[f(s("input",{"onUpdate:modelValue":e[6]||(e[6]=a=>t(o).acceptPrivacy=a),class:"checkbox__input",type:"checkbox",id:"confidential"},null,512),[[w,t(o).acceptPrivacy]]),s("label",te,[e[10]||(e[10]=p(" Я согласен на ",-1)),v(u,{to:"/personal-data",target:"_blank",class:"checkbox-link text--colored"},{default:y(()=>[...e[8]||(e[8]=[p(" обработку персональных данных ",-1)])]),_:1}),e[11]||(e[11]=p(" в соответствии с ",-1)),v(u,{to:"/privacy-policy",target:"_blank",class:"checkbox-link text--colored"},{default:y(()=>[...e[9]||(e[9]=[p(" политикой конфиденциальности ",-1)])]),_:1})])])]),t(i).acceptPrivacy.$error?(l(),n("span",oe,d(t(i).acceptPrivacy.$errors[0]?.$message),1)):c("",!0),s("div",ie,[s("div",ae,[f(s("input",{"onUpdate:modelValue":e[7]||(e[7]=a=>t(o).acceptAdvertising=a),class:"checkbox__input",type:"checkbox",id:"advertising"},null,512),[[w,t(o).acceptAdvertising]]),s("label",se,[e[13]||(e[13]=p(" Я согласен ",-1)),v(u,{to:"/advertising",target:"_blank",class:"checkbox-link text--colored"},{default:y(()=>[...e[12]||(e[12]=[p(" получать новости и рекламные рассылки ",-1)])]),_:1})])])]),t(b)?c("",!0):(l(),n("button",re,"Отправить заявку"))],40,J)]))])}}}),pe=D(ne,[["__scopeId","data-v-ddc807e8"]]);export{pe as f};
172//# sourceMappingURL=D2BbWP8s.js.map