https://estaticos.novaescola.org.br/sondagem-popover.js

1const documentCookies = {
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(expires).toUTCString()};domain=.novaescola.org.br;path=/`;
11    document.cookie = `${key}=${value};expires=${new Date(expires).toUTCString()};domain=.cursos.novaescola.org.br;path=/`;
12  },
13}
14
15const POPUP_COOKIE_NAME_SOND = "sondagem_popup_fr82g99462";
16
17const createPopover = () => {
18  const style = document.createElement('style');
19  style.textContent = `
20    .popover {
21      position: fixed;
22      bottom: 20px;
23      right: 2%;
24      width: 360px;
25      padding-inline: 24px;
26      padding-block: 16px;
27      background-color: white;
28      border: 1px solid #ccc;
29      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
30      border-radius: 8px;
31      z-index: 1000;
32    }
33    .popover-close-btn {
34      font-size: 14px;
35      float: right;
36      cursor: pointer;
37    }
38  `;
39
40  const popover = document.createElement('div');
41  popover.classList.add('popover');
42
43  const popoverCloseDiv = document.createElement('div');
44  popoverCloseDiv.classList.add('eva-mb-07');
45  const popoverCloseButton = document.createElement('button');
46  popoverCloseButton.classList.add('popover-close-btn');
47  const popoverCloseButtonIcon = document.createElement("i");
48  popoverCloseButtonIcon.classList.add("fa-regular");
49  popoverCloseButtonIcon.classList.add("fa-xmark");
50  popoverCloseButton.appendChild(popoverCloseButtonIcon);
51  popoverCloseDiv.appendChild(popoverCloseButton);
52
53  const popoverHeader = document.createElement('div');
54  popoverHeader.classList.add('d-flex');
55  popoverHeader.classList.add('jc-center');
56  const popoverHeaderImg = document.createElement('img');
57  popoverHeaderImg.src = "https://diagnostico.s3.amazonaws.com/pop-up.png";
58
59  const popoverContent = document.createElement('div');
60  popoverContent.classList.add('eva-mt-05');
61  popoverContent.classList.add('eva-text-center');
62  const popoverContentTitle = document.createElement('p');
63  popoverContentTitle.classList.add('eva-title-6');
64  popoverContentTitle.textContent = 'Avance na alfabetização dos alunos!';
65  const popoverContentSubtitle = document.createElement('p');
66  popoverContentSubtitle.classList.add('eva-body-3');
67  popoverContentSubtitle.textContent = 'Faça sondagens de forma simples e facilite sua rotina';
68
69  const popoverStartButton = document.createElement('button');
70  popoverStartButton.classList.add('eva-btn-solid');
71  popoverStartButton.classList.add('eva-btn-cinza-700');
72  popoverStartButton.classList.add('eva-btn-medium');
73  popoverStartButton.classList.add('eva-btn-full');
74  popoverStartButton.classList.add('eva-mt-05');
75  popoverStartButton.textContent = 'Comece agora';
76
77  popoverHeader.appendChild(popoverHeaderImg);
78  popoverContent.appendChild(popoverContentTitle);
79  popoverContent.appendChild(popoverContentSubtitle);
80  popoverContent.appendChild(popoverStartButton);
81  popover.appendChild(popoverCloseDiv);
82  popover.appendChild(popoverHeader);
83  popover.appendChild(popoverContent);
84
85  popoverCloseButton.addEventListener("click", () => {
86    popover.style.display = 'none';
87    window.dataLayer = window.dataLayer || [];
88    window.dataLayer.push({
89      event: "cta_click",
90      category: "button",
91      label: `Pop-up sondagem: click - pop-up 1 - botão fechar`
92    });
93
94    const expires = new Date();
95    expires.setUTCDate(expires.getUTCDate() + 3);
96    documentCookies.setCookie(POPUP_COOKIE_NAME_SOND, "true", expires);
97  });
98
99  popoverStartButton.addEventListener("click", () => {
100    window.dataLayer = window.dataLayer || [];
101    window.dataLayer.push({
102      event: "cta_click",
103      category: "button",
104      label: "Pop-up sondagem: click - pop-up 1- botão comece agora"
105    });
106    const expires = new Date();
107    expires.setUTCFullYear(expires.getUTCFullYear() + 1);
108    documentCookies.setCookie(POPUP_COOKIE_NAME_SOND, "true", expires);
109    window.location.assign("https://novaescola.org.br/tudo-sobre/sondagem-alfabetizacao/?itm_source=site&itm_medium=popup&itm_campaign=ferramenta")
110  });
111
112  document.body.appendChild(style);

113  document.body.appendChild(popover);
114};
115
116const dontShowPopup = documentCookies.getCookie(POPUP_COOKIE_NAME_SOND);
117const bearer = documentCookies.getCookie("Bearer");
118
119// const hideCrazyEggPopover = () => {
120//   document.querySelector('crazyegg-survey').style.display='none'
121// }
122
123function hideCrazyEggPopup() {
124  let surveyPopup = document.querySelector('crazyegg-survey');
125
126  if (surveyPopup) {
127      surveyPopup.style.display = 'none';
128  }
129
130  setTimeout(hideCrazyEggPopup, 500);
131}
132
133hideCrazyEggPopup();
134
135// if (!dontShowPopup && bearer) {
136//   fetch("https://account.novaescola.org.br/user", {
137//     method: "GET",
138//     headers: { "content-type": "application/json", bearer },
139//   })
140//     .then((response) => response.ok && response.json())
141//     .then((data) => {
142//       // hideCrazyEggPopover();
143//       // trecho comentado para remover os popups das Landing Pages devido a uma ação do Marketing KA-146  
144
145//       // const { disciplinas, etapas, } = data;
146//       // const isPortugueseTeacher = disciplinas.filter((el) => el.disciplinas === "LINGUA_PORTUGUESA");
147//       // const isFund1Teacher = etapas.filter((el) => el.etapas === "ENSINO_FUNDAMENTAL_ANOS_INICIAIS");
148
149//       // if (!isPortugueseTeacher || !isFund1Teacher) return;
150//       // if (isFund1Teacher && etapas.length == 1) {
151//       //   createPopover();
152//       //   window.dataLayer = window.dataLayer || [];
153//       //   window.dataLayer.push({
154//       //     event: "block_visualization",
155//       //     label:
156//       //       "Pop-up sondagem: click - pop-up 1 - visualizado",
157//       //   });
158//       // }
159//       // return
160//     })
161//     .catch((err) => {
162//       console.error(err);
163//     });
164// }