https://estaticos.novaescola.org.br/chat-wpp-popover.js

1// const documentCookiesWppPopover = {
2//   getCookie: (key) => {
3//     const cookies = document.cookie.split("; ");
4//     const entries = cookies.map((cookie) => cookie.trim().split("=", 2));
5//     /** @type {Map<string, string>} */
6//     const map = new Map(entries);
7//     return map.get(key);
8//   },
9//   setCookie: (key, value, expires) => {
10//     document.cookie = `${key}=${value};expires=${new Date(
11//       expires
12//     ).toUTCString()};domain=.novaescola.org.br;path=/`;
13//   },
14// };
15
16// const POPUP_COOKIE_NAME = "ane_popup_ca95b51562";
17
18// const maskPhoneNumber = (input) => {
19//   let value = input.value.replace(/\D/g, "");
20//   if (value.length > 11) value = value.slice(0, 11);
21//   input.value = value
22//     .replace(/^(\d{2})(\d)/, "($1) $2")
23//     .replace(/(\d{5})(\d)/, "$1-$2");
24// };
25
26// let wppPopUpIsVisible = false;
27
28// const createPopover = (telefone) => {
29//   wppPopUpIsVisible = true;
30//   const style = document.createElement("style");
31//   style.textContent = `
32//     .popover {
33//       position: fixed;
34//       bottom: 20px;
35//       right: 2%;
36//       width: 360px;
37//       padding-inline: 20px;
38//       padding-block: 8px;
39//       background-color: white;
40//       border: 1px solid #ccc;
41//       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
42//       border-radius: 8px;
43//       z-index: 1000;
44//     }
45//     .popover-close-btn {
46//       font-size: 14px;
47//       float: right;
48//       cursor: pointer;
49//     }
50//   `;
51
52//   const popover = document.createElement("div");
53//   popover.classList.add("popover");
54//   popover.id = "whatsapp-popup";
55
56//   const popoverCloseDiv = document.createElement("div");
57//   popoverCloseDiv.classList.add("eva-mb-06");
58//   const popoverCloseButton = document.createElement("button");
59//   popoverCloseButton.classList.add("popover-close-btn");
60//   popoverCloseButton.name = "pop-up 1";
61//   const popoverCloseButtonIcon = document.createElement("i");
62//   popoverCloseButtonIcon.classList.add("fa-regular");
63//   popoverCloseButtonIcon.classList.add("fa-xmark");
64//   popoverCloseButton.appendChild(popoverCloseButtonIcon);
65//   popoverCloseDiv.appendChild(popoverCloseButton);
66
67//   const popoverHeader = document.createElement("div");
68//   popoverHeader.classList.add("d-flex");
69//   popoverHeader.classList.add("jc-center");
70//   const popoverHeaderImg = document.createElement("img");
71//   popoverHeaderImg.src =
72//     "https://nova-escola-producao.s3.amazonaws.com/header-popover-wpp.png";
73
74//   const popoverContent = document.createElement("div");
75//   popoverContent.classList.add("eva-mt-05");
76//   popoverContent.classList.add("eva-text-center");
77//   const popoverContentTitle = document.createElement("p");
78//   popoverContentTitle.classList.add("eva-title-6");
79//   popoverContentTitle.textContent = "Planeje suas aulas pelo WhatsApp!";
80//   const popoverContentSubtitle = document.createElement("p");
81//   popoverContentSubtitle.classList.add("eva-body-3");
82//   popoverContentSubtitle.textContent = "Gratuitamente, como sempre.";
83
84//   const popoverStartButton = document.createElement("button");
85//   popoverStartButton.classList.add("eva-btn-solid");
86//   popoverStartButton.classList.add("eva-btn-cinza-700");
87//   popoverStartButton.classList.add("eva-btn-medium");
88//   popoverStartButton.classList.add("eva-btn-full");
89//   popoverStartButton.classList.add("eva-mt-05");
90//   popoverStartButton.textContent = "Comece agora";
91
92//   const popoverFillNumberDiv = document.createElement("div");
93//   popoverFillNumberDiv.classList.add("eva-mt-03");
94//   const popoverFillNumberInput = document.createElement("input");
95//   popoverFillNumberInput.classList.add("eva-input");
96//   popoverFillNumberInput.placeholder = "(00) 00000-0000";
97//   popoverFillNumberInput.pattern = "[0-9]{2} [0-9]{4,5}-[0-9]{3,4}";
98//   if (telefone !== null) {
99//     popoverFillNumberInput.value = telefone;
100//     maskPhoneNumber(popoverFillNumberInput);
101//   }
102
103//   const popoverFillNumberInputHelpText = document.createElement("small");
104//   popoverFillNumberInputHelpText.classList.add("eva-helper-text");

105//   popoverFillNumberInputHelpText.classList.add("eva-helper-text-erro");
106//   popoverFillNumberInputHelpText.classList.add("jc-flex-start");
107//   popoverFillNumberInputHelpText.classList.add("eva-mt-01");
108//   popoverFillNumberInputHelpText.style.display = "none";
109//   popoverFillNumberInputHelpText.textContent = "* Número de telefone inválido";
110
111//   const popoverFillNumberButton = document.createElement("button");
112//   popoverFillNumberButton.classList.add("eva-btn-solid");
113//   popoverFillNumberButton.classList.add("eva-btn-cinza-700");
114//   popoverFillNumberButton.classList.add("eva-btn-medium");
115//   popoverFillNumberButton.classList.add("eva-btn-full");
116//   popoverFillNumberButton.classList.add("eva-mt-05");
117//   popoverFillNumberButton.textContent = "Abrir Whatsapp";
118
119//   popoverFillNumberDiv.appendChild(popoverFillNumberInput);
120//   popoverFillNumberDiv.appendChild(popoverFillNumberInputHelpText);
121//   popoverFillNumberDiv.appendChild(popoverFillNumberButton);
122
123//   popoverHeader.appendChild(popoverHeaderImg);
124//   popoverContent.appendChild(popoverContentTitle);
125//   popoverContent.appendChild(popoverContentSubtitle);
126//   popoverContent.appendChild(popoverStartButton);
127//   popover.appendChild(popoverCloseDiv);
128//   popover.appendChild(popoverHeader);
129//   popover.appendChild(popoverContent);
130
131//   popoverCloseButton.addEventListener("click", () => {
132//     popover.style.display = "none";
133
134//     window.dataLayer = window.dataLayer || [];
135//     window.dataLayer.push({
136//       event: "cta_click",
137//       category: "button",
138//       label: `Chatbot: click - ${popoverCloseButton.name} - botão fechar`,
139//     });
140
141//     const expires = new Date();
142//     expires.setUTCDate(expires.getUTCDate() + 1);
143//     documentCookiesWppPopover.setCookie(POPUP_COOKIE_NAME, "true", expires);
144//   });
145
146//   popoverStartButton.addEventListener("click", () => {
147//     window.dataLayer = window.dataLayer || [];
148//     window.dataLayer.push({
149//       event: "cta_click",
150//       category: "button",
151//       label: "Chatbot: click - pop-up 1- botão comece agora",
152//     });
153
154//     popoverContentTitle.textContent = "Preencha seu número do WhatsApp!";
155//     popoverContentSubtitle.textContent =
156//       "Para conectar com seu perfil do site.";
157//     popoverStartButton.style.display = "none";
158//     popoverContent.appendChild(popoverFillNumberDiv);
159
160//     window.dataLayer.push({
161//       event: "block_visualization",
162//       label: "Chatbot: click - pop-up 2 - visualizado",
163//     });
164
165//     popoverCloseButton.name = "pop-up 2";
166//   });
167
168//   popoverFillNumberInput.addEventListener("input", () => {
169//     popoverFillNumberInput.classList.remove("eva-input-error");
170//     popoverFillNumberInputHelpText.style.display = "none";
171
172//     return maskPhoneNumber(popoverFillNumberInput);
173//   });
174
175//   popoverFillNumberButton.addEventListener("click", () => {
176//     const phoneValue = popoverFillNumberInput.value.trim().replace(/\D/g, "");
177//     const phoneRegex = /^[1-9]{2}9[0-9]{8}/;
178
179//     if (!phoneRegex.test(phoneValue)) {
180//       popoverFillNumberInputHelpText.style.display = "flex";
181//       popoverFillNumberInput.classList.add("eva-input-error");
182//     } else {
183//       fetch("https://account.novaescola.org.br/confirmation-block/telefone", {
184//         method: "PUT",
185//         headers: { "content-type": "application/json", bearer: bearerPopUpWpp },
186//         body: JSON.stringify({
187//           telefone: phoneValue,
188//         }),
189//       }).then(() => {
190//         popover.style.display = "none";
191
192//         window.dataLayer = window.dataLayer || [];
193//         window.dataLayer.push({
194//           event: "cta_click",
195//           category: "button",
196//           label: "Chatbot: click - pop-up 2- botão abrir whatsapp",
197//         });
198
199//         const expires = new Date();
200//         expires.setUTCFullYear(expires.getUTCFullYear() + 1);
201//         documentCookiesWppPopover.setCookie(POPUP_COOKIE_NAME, "true", expires);
202
203//         window.open("https://wa.me/5511999732391?text=Oi", "_blank");
204//       });
205//     }
206//   });
207
208//   document.body.appendChild(style);

209//   document.body.appendChild(popover);
210// };
211
212// const dontShowWhatsappPopup =
213//   documentCookiesWppPopover.getCookie(POPUP_COOKIE_NAME);
214// const bearerPopUpWpp = documentCookiesWppPopover.getCookie("Bearer");
215// const hasAlfabetizacaoInURL =
216//   document.URL.includes("alfabetizacao") ||
217//   document.URL.includes("/planos-de-aula/fundamental/1ano") ||
218//   document.URL.includes("/planos-de-aula/fundamental/2ano") ||
219//   document.URL.includes("/planos-de-aula/fundamental/3ano");
220
221// const showingLocPopUp = document.getElementById("localization-popup");
222
223// if (!dontShowWhatsappPopup && !hasAlfabetizacaoInURL && bearerPopUpWpp && showingLocPopUp === null) {
224//   fetch("https://account.novaescola.org.br/user", {
225//     method: "GET",
226//     headers: { "content-type": "application/json", bearer: bearerPopUpWpp },
227//   })
228//     .then((response) => response.ok && response.json())
229//     .then((data) => {
230//       const { telefone1, telefone2 } = data;
231
232//       createPopover(telefone1 || telefone2);
233
234//       window.dataLayer = window.dataLayer || [];
235//       window.dataLayer.push({
236//         event: "block_visualization",
237//         label: "Chatbot: click - pop-up 1 - visualizado",
238//       });
239//     })
240//     .catch((err) => {
241//       console.error(err);
242//     });
243// }
244
245//pop-up desativado