xertica-ui 1.4.0 → 1.4.1

package/components/ui/google-maps-loader.tsx

@@ -119,13 +119,14 @@ function loadGoogleMapsScript(apiKey?: string): Promise<void> {
       }
     }
 
-    // Verificar se o script já existe com KEY DIFERENTE
+    // Verificar se o script já existe
     const existing = document.querySelector(`script[src*="maps.googleapis.com/maps/api/js"]`) as HTMLScriptElement;
     if (existing) {
-      // Se existe mas com chave diferente, precisamos recarregar a página
+      // Se existe mas com chave diferente, logar aviso. Não podemos recarregar com SPA se componentes já foram definidos.
       if (!existing.src.includes(`key=${apiKey}`)) {
-        console.warn('[GoogleMapsLoader] API key changed, page reload required');
-        reject(new Error('API key changed. Please reload the page to apply changes.'));
+        console.warn('[GoogleMapsLoader] API key changed, but Google Maps cannot be reloaded without a full page refresh because custom elements are already defined.');
+        // Don't reject, just resolve to keep the app working with the old key until refresh
+        resolve();
         return;
       }
 
@@ -134,7 +135,6 @@ function loadGoogleMapsScript(apiKey?: string): Promise<void> {
         resolve();
       } else {
         existing.addEventListener('load', () => {
-          // Aguardar um pouco para garantir que todas as bibliotecas foram carregadas
           setTimeout(() => {
             if (isMarkerLibraryLoaded()) {
               resolve();
@@ -148,6 +148,13 @@ function loadGoogleMapsScript(apiKey?: string): Promise<void> {
       return;
     }
 
+    // Prevenir reinjeção se customElements já tem gmp-map (garantia final)
+    if (typeof customElements !== 'undefined' && customElements.get('gmp-map')) {
+      console.warn('[GoogleMapsLoader] gmp-map is already defined in customElements. Skipping script injection.');
+      resolve();
+      return;
+    }
+
     // Criar novo script
     const script = document.createElement('script');
     const params = new URLSearchParams({
@@ -399,16 +406,23 @@ export function reloadGoogleMaps(newApiKey: string): Promise<void> {
     }
 
     // Verificar se a key atual é a mesma
-    const existingScript = document.querySelector(`script[src*=\"maps.googleapis.com/maps/api/js\"]`) as HTMLScriptElement;
+    const existingScript = document.querySelector(`script[src*="maps.googleapis.com/maps/api/js"]`) as HTMLScriptElement;
     if (existingScript && existingScript.src.includes(`key=${newApiKey}`)) {
-      // Mesma key, apenas resolver
-      if (isGoogleMapsAlreadyLoaded() && isMarkerLibraryLoaded()) {
-        resolve();
-        return;
-      }
+      // Mesma key, apenas resolver (ou esperar carregar)
+      resolve();
+      return;
+    }
+
+    // Se a chave for diferente, NÃO PODEMOS remover o script e adicionar outro 
+    // se o Google Maps já definiu custom elements. Isso causa o erro:
+    // "Element with name 'gmp-...' already defined"
+    if (typeof customElements !== 'undefined' && customElements.get('gmp-map')) {
+      console.warn('[GoogleMapsLoader] Cannot reload map API dynamically because custom elements (gmp-map) are already registered. A full page reload is required to apply the new API key.');
+      resolve(); // Resolver para não quebrar a UI
+      return;
     }
 
-    // Remover script antigo
+    // Se chegou aqui e não tem custom elements, podemos tentar recarregar
     removeExistingScript();
 
     // Atualizar singleton

package/dist/index.es.js

@@ -47987,8 +47987,8 @@ function loadGoogleMapsScript(apiKey) {
     const existing = document.querySelector(`script[src*="maps.googleapis.com/maps/api/js"]`);
     if (existing) {
       if (!existing.src.includes(`key=${apiKey}`)) {
-        console.warn("[GoogleMapsLoader] API key changed, page reload required");
-        reject(new Error("API key changed. Please reload the page to apply changes."));
+        console.warn("[GoogleMapsLoader] API key changed, but Google Maps cannot be reloaded without a full page refresh because custom elements are already defined.");
+        resolve();
         return;
       }
       if (isGoogleMapsAlreadyLoaded() && isMarkerLibraryLoaded()) {
@@ -48007,6 +48007,11 @@ function loadGoogleMapsScript(apiKey) {
       }
       return;
     }
+    if (typeof customElements !== "undefined" && customElements.get("gmp-map")) {
+      console.warn("[GoogleMapsLoader] gmp-map is already defined in customElements. Skipping script injection.");
+      resolve();
+      return;
+    }
     const script = document.createElement("script");
     const params = new URLSearchParams({
       key: apiKey,
@@ -48173,10 +48178,13 @@ function reloadGoogleMaps(newApiKey) {
     }
     const existingScript = document.querySelector(`script[src*="maps.googleapis.com/maps/api/js"]`);
     if (existingScript && existingScript.src.includes(`key=${newApiKey}`)) {
-      if (isGoogleMapsAlreadyLoaded() && isMarkerLibraryLoaded()) {
-        resolve();
-        return;
-      }
+      resolve();
+      return;
+    }
+    if (typeof customElements !== "undefined" && customElements.get("gmp-map")) {
+      console.warn("[GoogleMapsLoader] Cannot reload map API dynamically because custom elements (gmp-map) are already registered. A full page reload is required to apply the new API key.");
+      resolve();
+      return;
     }
     removeExistingScript();
     updateSingleton({ isLoaded: false, loadError: void 0 });

package/dist/index.umd.js

@@ -48006,8 +48006,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       const existing = document.querySelector(`script[src*="maps.googleapis.com/maps/api/js"]`);
       if (existing) {
         if (!existing.src.includes(`key=${apiKey}`)) {
-          console.warn("[GoogleMapsLoader] API key changed, page reload required");
-          reject(new Error("API key changed. Please reload the page to apply changes."));
+          console.warn("[GoogleMapsLoader] API key changed, but Google Maps cannot be reloaded without a full page refresh because custom elements are already defined.");
+          resolve();
           return;
         }
         if (isGoogleMapsAlreadyLoaded() && isMarkerLibraryLoaded()) {
@@ -48026,6 +48026,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         }
         return;
       }
+      if (typeof customElements !== "undefined" && customElements.get("gmp-map")) {
+        console.warn("[GoogleMapsLoader] gmp-map is already defined in customElements. Skipping script injection.");
+        resolve();
+        return;
+      }
       const script = document.createElement("script");
       const params = new URLSearchParams({
         key: apiKey,
@@ -48192,10 +48197,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       }
       const existingScript = document.querySelector(`script[src*="maps.googleapis.com/maps/api/js"]`);
       if (existingScript && existingScript.src.includes(`key=${newApiKey}`)) {
-        if (isGoogleMapsAlreadyLoaded() && isMarkerLibraryLoaded()) {
-          resolve();
-          return;
-        }
+        resolve();
+        return;
+      }
+      if (typeof customElements !== "undefined" && customElements.get("gmp-map")) {
+        console.warn("[GoogleMapsLoader] Cannot reload map API dynamically because custom elements (gmp-map) are already registered. A full page reload is required to apply the new API key.");
+        resolve();
+        return;
       }
       removeExistingScript();
       updateSingleton({ isLoaded: false, loadError: void 0 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xertica-ui",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Xertica UI - Design System completo com componentes React e Tailwind CSS",
   "type": "module",
   "main": "./dist/index.umd.js",