@modernman00/shared-js-lib 1.2.37 → 1.2.38

package/CountryCode.js

@@ -204,17 +204,31 @@ export const countryCodes = {
 };
 
 export const injectCountryCode = async (countryId, mobileId) => {
-  const countryEl = id(countryId);
-  const mobileEl = id(mobileId);
+  const MAX_RETRIES = 10;
+  const RETRY_INTERVAL = 100; // ms
 
-  if (!countryEl || !mobileEl) {
-    showError(`Missing DOM element: ${!countryEl ? countryId : mobileId}`);
-    return;
-  }
+  const waitForElements = (retries = 0) => {
+    const countryEl = id(countryId);
+    const mobileEl = id(mobileId);
+
+    if (countryEl && mobileEl) {
+      countryEl.addEventListener('change', async (e) => {
+        const value = e.target.value;
+        mobileEl.value = (await countryCodes[value]) || '';
+      });
+    } else if (retries < MAX_RETRIES) {
+      setTimeout(() => waitForElements(retries + 1), RETRY_INTERVAL);
+    } else {
+      showError(`injectCountryCode failed: Missing element(s) — ${!countryEl ? countryId : ''} ${!mobileEl ? mobileId : ''}`);
+    }
+  };
 
-  countryEl.addEventListener('change', async (e) => {
-    const value = e.target.value;
-    mobileEl.value = (await countryCodes[value]) || '';
-  });
+  // Ensure DOM is ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', () => waitForElements());
+  } else {
+    waitForElements();
+  }
 };
 
+

package/config/version.php

@@ -1,3 +1,3 @@
 <?php
-define('APP_VERSION', 'v1.2.38');
+define('APP_VERSION', 'v1.2.39');
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modernman00/shared-js-lib",
-  "version": "1.2.37",
+  "version": "1.2.38",
   "description": "Reusable JS utilities for numerous js problems",
   "homepage": "https://github.com/modernman00/shared-js-lib#readme",
   "keywords": [