Fix location URL handling and bump version to 1.3.9

- Fixes #129: Location addresses now detect and link directly to URLs instead of Google Maps
- Created reusable LocationAddress component for consistent URL detection
- Updated EventCard and EventDetails components to use new component
- Improved user experience for virtual meetings and hybrid events
- Bumped version to 1.3.9 across all files

Author: dgershman

assets/js/src/components/public/EventDetails.js

@@ -1,6 +1,7 @@
 import { useState, useEffect } from '@wordpress/element';
 import { useEventProvider } from '../providers/EventProvider';
 import { formatRecurringPattern, apiFetch } from '../../util';
+import LocationAddress from './LocationAddress';
 
 const EventDetails = () => {
     const [event, setEvent] = useState(null);
@@ -91,13 +92,7 @@ const EventDetails = () => {
                                 )}
                                 {location_address && (
                                     <p className="mayo-location-address">
-                                        <a 
-                                            href={`https://maps.google.com?q=${encodeURIComponent(location_address)}`}
-                                            target="_blank"
-                                            rel="noopener noreferrer"
-                                        >
-                                            {location_address}
-                                        </a>
+                                        <LocationAddress address={location_address} />
                                     </p>
                                 )}
                                 {location_details && (

assets/js/src/components/public/LocationAddress.js

@@ -0,0 +1,39 @@
+import { useEventProvider } from '../providers/EventProvider';
+
+const LocationAddress = ({ address, className = "mayo-location-address" }) => {
+    if (!address) return null;
+
+    // Check if the address contains a URL
+    const urlRegex = /(https?:\/\/[^\s]+)/g;
+    const urls = address.match(urlRegex);
+    
+    if (urls && urls.length > 0) {
+        // If URL is found, link directly to it
+        return (
+            <a 
+                href={urls[0]}
+                target="_blank"
+                rel="noopener noreferrer"
+                className={className}
+                onClick={(e) => e.stopPropagation()}
+            >
+                {address}
+            </a>
+        );
+    } else {
+        // If no URL, use Google Maps
+        return (
+            <a 
+                href={`https://maps.google.com?q=${encodeURIComponent(address)}`}
+                target="_blank"
+                rel="noopener noreferrer"
+                className={className}
+                onClick={(e) => e.stopPropagation()}
+            >
+                {address}
+            </a>
+        );
+    }
+};
+
+export default LocationAddress; 

assets/js/src/components/public/cards/EventCard.js

@@ -1,6 +1,7 @@
 import { useState, useEffect } from '@wordpress/element';
 import { useEventProvider } from '../../providers/EventProvider';
 import { formatTime, formatTimezone, formatRecurringPattern, dayNames, monthNames } from '../../../util';
+import LocationAddress from '../LocationAddress';
 
 // Helper function to convert emoji and special characters to Unicode
 const convertToUnicode = (str) => {
@@ -191,14 +192,7 @@ const EventCard = ({ event, timeFormat, forceExpanded }) => {
                                 )}
                                 {event.meta.location_address && (
                                     <p className="mayo-location-address">
-                                        <a 
-                                            href={`https://maps.google.com?q=${encodeURIComponent(event.meta.location_address)}`}
-                                            target="_blank"
-                                            rel="noopener noreferrer"
-                                            onClick={(e) => e.stopPropagation()}
-                                        >
-                                            {event.meta.location_address}
-                                        </a>
+                                        <LocationAddress address={event.meta.location_address} />
                                     </p>
                                 )}
                                 {event.meta.location_details && (

mayo-events-manager.php

@@ -3,7 +3,7 @@
 /**
  * Plugin Name: Mayo Events Manager
  * Description: A plugin for managing and displaying events.
- * Version: 1.3.7
+ * Version: 1.3.9
  * Author: bmlt-enabled
  * License: GPLv2 or later
  * Author URI: https://bmlt.app
@@ -20,7 +20,7 @@
     exit; // Exit if accessed directly
 }
 
-define('MAYO_VERSION', '1.3.7');
+define('MAYO_VERSION', '1.3.9');
 
 require_once __DIR__ . '/vendor/autoload.php';
 require_once __DIR__ . '/includes/Admin.php';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mayo",
-  "version": "1.2.8",
+  "version": "1.3.9",
   "description": "",
   "main": "index.js",
   "scripts": {

readme.txt

@@ -5,7 +5,7 @@ Tags: events, bmlt, narcotics anonymous, na
 Requires PHP: 8.2
 Requires at least: 6.7
 Tested up to: 6.8
-Stable tag: 1.3.7
+Stable tag: 1.3.9
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
@@ -135,6 +135,11 @@ This project is licensed under the GPL v2 or later.
 
 == Changelog ==
 
+= 1.3.9 =
+* Fixed location address handling to detect and link directly to URLs instead of Google Maps when URLs are embedded in location addresses. [#129]
+* Created reusable LocationAddress component for consistent URL detection across EventCard and EventDetails components.
+* Improved user experience for virtual meetings and hybrid events by linking directly to meeting URLs (e.g., Zoom links) instead of redirecting to Google Maps.
+
 = 1.3.7 =
 * Fixed null pointer error in Frontend.php when accessing post properties on null post object.