@countriesdb/widget 0.1.27 → 0.1.28

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
@@ -1171,7 +1198,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) {