@countriesdb/widget 0.1.27 → 0.1.28

package/dist/initialization.js

@@ -223,6 +223,27 @@ export async function updateSubdivisionSelect(select, apiKey, backendUrl, state,
         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
  */
@@ -323,8 +344,13 @@ export async function setupCountrySelection(apiKey, backendUrl, state, config, s
                 }
                 // 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;
@@ -336,8 +362,9 @@ export async function setupCountrySelection(apiKey, backendUrl, state, config, s
                 }
                 // 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@countriesdb/widget",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "description": "Country and state/province select widget with ISO 3166-1 and ISO 3166-2 codes. Auto-populates dropdowns with up-to-date country and subdivision data in multiple languages. Easy integration for forms, location selection, and address validation.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",