@xsolla/xui-input-phone 0.154.1 → 0.154.2

package/native/index.js

@@ -2382,7 +2382,7 @@ var InputPhone = (0, import_react3.forwardRef)(
     errorMessage,
     error,
     countries = allCountries,
-    selectedCountry,
+    selectedCountry: selectedCountryProp,
     onCountryChange,
     extraClear = false,
     onRemove,
@@ -2399,6 +2399,11 @@ var InputPhone = (0, import_react3.forwardRef)(
       "default"
     );
     const [passValue, setPassValue] = (0, import_react3.useState)(value ?? "");
+    const [internalCountry, setInternalCountry] = (0, import_react3.useState)(
+      selectedCountryProp
+    );
+    const isCountryControlled = selectedCountryProp !== void 0;
+    const selectedCountry = isCountryControlled ? selectedCountryProp : internalCountry;
     const [isDropdownOpen, setIsDropdownOpen] = (0, import_react3.useState)(false);
     const [highlightedIndex, setHighlightedIndex] = (0, import_react3.useState)(-1);
     const [searchQuery, setSearchQuery] = (0, import_react3.useState)("");
@@ -2522,6 +2527,9 @@ var InputPhone = (0, import_react3.forwardRef)(
       }
     };
     const handleCountrySelect = (country) => {
+      if (!isCountryControlled) {
+        setInternalCountry(country);
+      }
       onCountryChange?.(country);
       setIsDropdownOpen(false);
       setHighlightedIndex(-1);