set address programitclaly

Author: ratheesh-aot

forms-flow-rsbcservice/jest.config.js

@@ -4,6 +4,6 @@ module.exports = {
     "^.+\\.(j|t)sx?$": "babel-jest",
   },
   moduleNameMapper: {
-    "\\.(css)$": "identity-obj-proxy",
+    "\\.(css|scss)$": "identity-obj-proxy",
   },
 };

forms-flow-rsbcservice/src/component/BCMapSelector/AddressSearch.tsx

@@ -6,22 +6,29 @@ interface AddressSearchProps {
   onLocationSelect: (coordinates: { lat: number; lng: number }, address?: string) => void;
   onError: (error: string) => void;
   disabled?: boolean;
+  initialAddress?: string;
 }
 
 const AddressSearch: React.FC<AddressSearchProps> = ({
   geocodingService,
   onLocationSelect,
   onError,
-  disabled = false
+  disabled = false,
+  initialAddress = ''
 }) => {
-  const [query, setQuery] = useState('');
+  const [query, setQuery] = useState(initialAddress);
   const [results, setResults] = useState<GeocodingResult[]>([]);
   const [isSearching, setIsSearching] = useState(false);
   const [showResults, setShowResults] = useState(false);
   const [selectedIndex, setSelectedIndex] = useState(-1);
   const searchInputRef = useRef<HTMLInputElement>(null);
   const resultsRef = useRef<HTMLDivElement>(null);
 
+  // Update query when initialAddress changes
+  useEffect(() => {
+    setQuery(initialAddress);
+  }, [initialAddress]);
+
   // Handle search input change with debouncing
   useEffect(() => {
     if (!query.trim() || disabled || !geocodingService.isEnabled()) {

forms-flow-rsbcservice/src/component/BCMapSelector/BCMapSelector.settingsForm.ts

@@ -446,6 +446,11 @@ const settingsForm = (...extend) => {
                 <ul style="margin-bottom: 15px; color: #6c757d;">
                   <li><strong>mapSelected</strong> - Fired when a location is selected on the map. Event data contains lat/long coordinates.</li>
                   <li><strong>mapCleared</strong> - Fired when the selected location is cleared from the map.</li>
+                  <li><strong>addressSet</strong> - Fired when an address is programmatically set using the setAddress method. Event data contains the address string.</li>
+                </ul>
+                <h5 style="color: #495057;">Public Methods:</h5>
+                <ul style="margin-bottom: 15px; color: #6c757d;">
+                  <li><strong>setAddress(address: string)</strong> - Public method to set address programmatically. This method can be called externally to update the map location based on an address string.</li>
                 </ul>
                 <h5 style="color: #495057;">Example Event Listeners:</h5>
                 <pre style="background-color: #f1f3f4; padding: 10px; border-radius: 4px; font-size: 12px; overflow-x: auto;"><code>if(instance && !instance.mapSelectedListner){
@@ -459,7 +464,15 @@ const settingsForm = (...extend) => {
     instance.root.getComponent("lat").setValue('')
     instance.root.getComponent("long").setValue('')
   });
+
+  instance.root.on('addressSet', async (event) => {
+    const address = event.data;
+    console.log('Address set programmatically:', address);
+  });
 }</code></pre>
+                <h5 style="color: #495057;">Example Method Usage:</h5>
+                <pre style="background-color: #f1f3f4; padding: 10px; border-radius: 4px; font-size: 12px; overflow-x: auto;"><code>// Set address programmatically
+await instance.setAddress('123 Main St, Vancouver, BC');</code></pre>
               </div>
             `,
           },

forms-flow-rsbcservice/src/component/BCMapSelector/BCMapSelector.tsx

@@ -5,6 +5,7 @@ import settingsForm from './BCMapSelector.settingsForm';
 import MapModal from './MapModal';
 import { MapProviderFactory, MapProviderConfig } from './mapProviders';
 import { BCBoundaries, DEFAULT_BC_BOUNDARIES, validateCoordinatesWithinBoundaries } from './boundaryUtils';
+import { GeocodingService, createGeocodingConfig } from './geocodingUtils';
 import './BCMapSelector.scss';
 import './mapModal.scss';
 
@@ -284,6 +285,85 @@ export default class BCMapSelector extends ReactComponent {
     }
   };
 
+  // Set address and coordinates programmatically (for form.io component integration)
+  private setAddressInternal = async (address: string): Promise<void> => {
+    if (!address || !address.trim()) {
+      this.clearSelection();
+      return;
+    }
+
+    try {
+      // Create geocoding service to search for the address
+      const geocodingConfig = this.getGeocodingConfig();
+      const geocodingService = new GeocodingService(geocodingConfig, this.getBCBoundaries());
+
+      if (!geocodingService.isEnabled()) {
+        console.warn('Geocoding service is disabled, cannot set address');
+        return;
+      }
+
+      // Search for the address
+      const results = await geocodingService.searchAddress(address);
+      
+      if (!results || results.length === 0) {
+        console.warn('No results found for address:', address);
+        // Emit event for no results found
+        (this as any).emit('addressNotFound', {
+          data: {
+            address: address,
+            message: 'No results found for the provided address'
+          }
+        });
+        return;
+      }
+
+      // Use the first result
+      const result = results[0];
+      
+      // Update component data
+      this.data = {
+        coordinates: {
+          lat: result.lat.toString(),
+          long: result.lng.toString(),
+        },
+        address: result.address || result.display_name,
+        selectionTimestamp: new Date().toISOString(),
+        boundaryViolation: false,
+      };
+
+      // Trigger form.io change event
+      this.updateComponentValue(this.data);
+
+      // Emit addressSet event
+      (this as any).emit('addressSet', {
+        data: {
+          lat: result.lat.toString(),
+          long: result.lng.toString(),
+          address: result.address || result.display_name,
+          originalQuery: address
+        }
+      });
+
+      // Re-render to show updated coordinates
+      this.renderComponent();
+
+    } catch (error) {
+      console.error('Error setting address:', error);
+      // Emit error event
+      (this as any).emit('addressError', {
+        data: {
+          address: address,
+          error: error.message || 'Failed to set address'
+        }
+      });
+    }
+  };
+
+  // Get geocoding configuration
+  private getGeocodingConfig() {
+    return createGeocodingConfig(this.component);
+  }
+
   // Clear the selected coordinates
   private clearSelection = () => {
     this.data = {
@@ -438,6 +518,11 @@ export default class BCMapSelector extends ReactComponent {
     }
   }
 
+  // Public method to set address programmatically (exposed for external use)
+  public async setAddress(address: string): Promise<void> {
+    return this.setAddressInternal(address);
+  }
+
   // Renders the BC Map Selector component within the given HTML element
   attachReact(element: HTMLElement): void {
     try {