@countriesdb/widget 0.1.27 → 0.1.29

package/dist/index.js

@@ -940,6 +940,27 @@
             select.innerHTML += `<option value="${defaultValue}" disabled>Error: No country select present</option>`;
         }
     }
+    /**
+     * Get current subdivision config from window.CountriesDBConfig
+     * This ensures we always use the latest config values, even after widget reload
+     */
+    function getCurrentSubdivisionConfig(apiKey, backendUrl) {
+        const globalConfig = typeof window !== 'undefined' && window.CountriesDBConfig
+            ? window.CountriesDBConfig
+            : null;
+        return {
+            followRelated: globalConfig?.followRelated || false,
+            followUpward: globalConfig?.followUpward || false,
+            showSubdivisionType: globalConfig?.showSubdivisionType !== false,
+            allowParentSelection: globalConfig?.allowParentSelection || false,
+            preferOfficialSubdivisions: globalConfig?.preferOfficialSubdivisions || false,
+            subdivisionRomanizationPreference: globalConfig?.subdivisionRomanizationPreference,
+            preferLocalVariant: globalConfig?.preferLocalVariant || false,
+            forcedLanguage: globalConfig?.forcedLanguage,
+            defaultLanguage: globalConfig?.defaultLanguage,
+            subdivisionNameFilter: globalConfig?.subdivisionNameFilter,
+        };
+    }
     /**
      * Update subdivisions for all linked subdivision selects when country changes
      */
@@ -1040,8 +1061,13 @@
                     }
                     // Dispatch update event for user-initiated country change
                     dispatchUpdateEvent(select, { type: 'country', reason: 'regular' });
-                    // Update subdivisions
-                    await updateSubdivisions(select, apiKey, backendUrl, state, subdivisionConfig);
+                    // Get current config dynamically to ensure we use the latest values
+                    const currentSubdivisionConfig = getCurrentSubdivisionConfig(apiKey, backendUrl);
+                    const currentConfig = typeof window !== 'undefined' && window.CountriesDBConfig
+                        ? window.CountriesDBConfig
+                        : config;
+                    // Update subdivisions with current config
+                    await updateSubdivisions(select, apiKey, backendUrl, state, currentSubdivisionConfig);
                     const chosen = select.value;
                     if (!chosen) {
                         return;
@@ -1053,8 +1079,9 @@
                     }
                     // followUpward from country perspective
                     // Only works when country is single-select (never for multi-select)
-                    if (config.followUpward && !select.multiple && picked.is_subdivision_of) {
-                        await handleFollowUpwardFromCountry(select, apiKey, backendUrl, state, config.followUpward, (s, key, code) => updateSubdivisionSelect(s, key, backendUrl, state, subdivisionConfig, code));
+                    const currentFollowUpward = currentConfig?.followUpward || false;
+                    if (currentFollowUpward && !select.multiple && picked.is_subdivision_of) {
+                        await handleFollowUpwardFromCountry(select, apiKey, backendUrl, state, currentFollowUpward, (s, key, code) => updateSubdivisionSelect(s, key, backendUrl, state, currentSubdivisionConfig, code));
                     }
                 };
                 // Store and attach the handler
@@ -1108,9 +1135,19 @@
                 initialized: false,
                 initPromise: null,
                 version: 0,
+                eventHandlers: new WeakMap(),
             };
         }
         const NS = window[NS_KEY];
+        // Ensure eventHandlers exists (for backwards compatibility)
+        if (!NS.eventHandlers) {
+            NS.eventHandlers = new WeakMap();
+        }
+        // Always re-initialize when CountriesWidgetLoad is called (even if already initialized)
+        // This allows the widget to find new select elements after navigation or DOM changes
+        // Reset the initialized flag so the widget re-scans the DOM
+        NS.initialized = false;
+        NS.initPromise = null;
         // Share the same promise across concurrent calls
         NS.initPromise = (async () => {
             // Wait for DOM if needed
@@ -1131,12 +1168,13 @@
                 return false;
             }
             // Initialize widget state
+            // Use global eventHandlers from namespace so we can clean up old handlers on re-initialization
             const state = {
                 countriesMap: new WeakMap(),
                 subdivisionsMap: new WeakMap(),
                 subdivisionsLanguageMap: new WeakMap(),
                 isInitializing: new Set(),
-                eventHandlers: new WeakMap(),
+                eventHandlers: NS.eventHandlers, // Use global WeakMap that persists across calls
             };
             // Use empty string if publicKey is missing (will show error when API calls fail)
             const apiKey = config.publicKey || '';
@@ -1171,7 +1209,7 @@
                 followRelated: config.followRelated || false,
                 followUpward: config.followUpward || false,
                 countryNameFilter: config.countryNameFilter,
-            }, subdivisionConfig);
+            });
             // After countries are set up, update subdivisions for any preselected countries
             const countrySelects = Array.from(document.querySelectorAll('.country-selection'));
             for (const select of countrySelects) {