fix

superpage/src/@types/pagefind-default-ui.d.ts

@@ -0,0 +1,11 @@
+declare module "@pagefind/default-ui" {
+  export class PagefindUI {
+    constructor(options: {
+      element: string;
+      bundlePath: string;
+      autofocus?: boolean;
+      showImages?: boolean;
+      pageSize?: number;
+    });
+  }
+}

superpage/src/CookieConsentConfig.ts

@@ -1,12 +1,5 @@
 import type { CookieConsentConfig } from "vanilla-cookieconsent";
 
-declare global {
-  interface Window {
-    dataLayer: Record<string, any>[];
-    gtag: (...args: any[]) => void;
-  }
-}
-
 export const config: CookieConsentConfig = {
   guiOptions: {
     consentModal: {

superpage/src/components/Course/BuyDropdown.astro

@@ -6,7 +6,8 @@ const currency = new Intl.NumberFormat("pt-BR", {
 }).format(course.unit_price);
 ---
 
-<details class:list={["group/dropdown", Astro.props.class]}>
+<buy-dropdown class:list={[Astro.props.class]}>
+    <details class="group/dropdown">
         <summary
             class="flex bg-black hover:bg-white hover:text-black font-semibold py-2.5 px-3 rounded-md cursor-pointer transition
                group-open/dropdown:text-black group-open/dropdown:bg-white"
@@ -106,7 +107,7 @@ const currency = new Intl.NumberFormat("pt-BR", {
                     </label>
                 </li>
             </ul>
-        <div class="p-2.5 lg:p-5 border-t border-white/10">
+            <div class="p-2.5 lg:px-5 border-t border-white/10">
                 <button
                     class="p-3 bg-lime-400 rounded-lg w-full text-black font-semibold cursor-pointer hover:bg-white hover:text-black transition"
                 >
@@ -114,4 +115,33 @@ const currency = new Intl.NumberFormat("pt-BR", {
                 </button>
             </div>
         </div>
-</details>
+    </details>
+</buy-dropdown>
+
+<script>
+    class BuyDropdown extends HTMLElement {
+        constructor() {
+            super();
+            this.handleClickOutside = this.handleClickOutside.bind(this);
+        }
+
+        connectedCallback() {
+            document.addEventListener("click", this.handleClickOutside);
+        }
+
+        disconnectedCallback() {
+            document.removeEventListener("click", this.handleClickOutside);
+        }
+
+        private handleClickOutside(e: MouseEvent) {
+            const menu = this.querySelector("details") as HTMLDetailsElement;
+            const target = e.target as HTMLElement;
+
+            if (!menu.contains(target)) {
+                menu.open = false;
+            }
+        }
+    }
+
+    customElements.define("buy-dropdown", BuyDropdown);
+</script>

superpage/src/components/Course/Contact.jsx

@@ -17,12 +17,6 @@ const schema = z.object({
   message: z.string().nonempty({ message: "Deve preencher a mensagem" }),
 });
 
-const solutions = [
-  "EDUSEG® FLEXÍVEL",
-  "EDUSEG® IN-COMPANY",
-  "EDUSEG® CONTEÚDO",
-];
-
 export default function Contact({ url }) {
   const { register, formState, control, reset, setValue } = useForm({
     resolver: zodResolver(schema),

superpage/src/components/Course/FlyoutMenu.astro

@@ -26,7 +26,7 @@ const relatedCourses = data?.relatedCourses
                 <Icon
                     name="chevron-down"
                     aria-hidden="true"
-                    class="size-4 mt-1"
+                    class="size-4 mt-1 transition group-open/menu:-rotate-180"
                 />
             </button>
 
@@ -38,7 +38,8 @@ const relatedCourses = data?.relatedCourses
             >
                 <div class="text-black bg-lime-400 rounded-xl lg:rounded-2xl">
                     <button
-                        class="border border-black absolute rounded-full top-2.5 max-lg:right-5 right-2.5 cursor-pointer outline-none"
+                        class="border border-black absolute rounded-full cursor-pointer outline-none
+                              top-2.5 lg:top-5 right-5"
                         data-dismiss
                     >
                         <Icon name="x-mark" class="size-4 p-0.5" />
@@ -90,9 +91,11 @@ const relatedCourses = data?.relatedCourses
 
 <script>
     class FlyoutMenu extends HTMLElement {
+        private isOpen: boolean;
+
         constructor() {
             super();
-            this._isOpen = false;
+            this.isOpen = false;
         }
 
         connectedCallback() {
@@ -109,13 +112,13 @@ const relatedCourses = data?.relatedCourses
             });
 
             button.addEventListener("click", () => {
-                if (this._isOpen) {
+                if (this.isOpen) {
                     menu.close();
                 } else {
                     menu.show();
                 }
 
-                this._setIsOpen(!this._isOpen);
+                this.setIsOpen(!this.isOpen);
             });
 
             menu.addEventListener("blur", () => {
@@ -125,7 +128,7 @@ const relatedCourses = data?.relatedCourses
             });
 
             menu.addEventListener("close", () => {
-                this._setIsOpen(false);
+                this.setIsOpen(false);
             });
 
             document.addEventListener("touchstart", (e) => {
@@ -143,8 +146,8 @@ const relatedCourses = data?.relatedCourses
             });
         }
 
-        _setIsOpen(value) {
-            this._isOpen = value;
+        private setIsOpen(value: boolean) {
+            this.isOpen = value;
 
             if (value) {
                 this.setAttribute("open", "");

superpage/src/components/Search.astro

@@ -15,16 +15,15 @@ const bundlePath = `${import.meta.env.BASE_URL}pagefind/`;
 </div>
 
 <script>
-    window.dataLayer = window.dataLayer || [];
-
     import { PagefindUI } from "@pagefind/default-ui";
 
     const element = "#pagefind-ui";
     const selector = document.querySelector(element);
 
     async function initPagefindUI() {
-        if (selector) {
-            const bundlePath = selector.getAttribute("data-bundle-path");
+        const bundlePath = selector?.getAttribute("data-bundle-path");
+
+        if (bundlePath) {
             // Pagefind UI configuration options
             // https://pagefind.app/docs/ui/
             new PagefindUI({