zar 0.2.0 → 0.3.0

package/dist/zar.es.js

@@ -1349,7 +1349,7 @@ function dbg() {
     return;
   console.debug(...arguments);
 }
-function warning(msg) {
+function warn(msg) {
   console.warn(msg);
   if (window.Rollbar) {
     window.Rollbar.warning(msg);
@@ -1488,7 +1488,7 @@ function postBeacon(_0) {
         }
         return false;
       } catch (e2) {
-        warning("postBeacon:");
+        warn("postBeacon:");
         return false;
       }
     }
@@ -1527,6 +1527,7 @@ var NUMBER_POOL_RENEWAL_TIME_MS = 30 * 1e3;
 var getNumberFailureCount = 0;
 var MAX_GET_NUMBER_FAILURES = 3;
 var poolIntervals = {};
+window.zarPoolData = null;
 var numberOverlayMap = /* @__PURE__ */ new Map();
 function generateVisitId() {
   return Date.now().toString(36) + "." + Math.random().toString(36).substring(2);
@@ -1590,7 +1591,7 @@ function extractPhoneNumber({ elem }) {
   }
   return { text, html, numberText, href, number };
 }
-function overlayPhoneNumber({ elems, number }) {
+function overlayPhoneNumber({ elems, number, force = false }) {
   var origNum;
   var overlayNum = number;
   if (!number.startsWith("+1")) {
@@ -1598,17 +1599,23 @@ function overlayPhoneNumber({ elems, number }) {
   }
   for (var i2 = 0; i2 < elems.length; i2++) {
     if (numberOverlayMap.has(elems[i2])) {
-      dbg("element already in overlay map:", elems[i2]);
-      continue;
+      if (force) {
+        origNum = numberOverlayMap.get(elems[i2]);
+      } else {
+        dbg("element already in overlay map:", elems[i2]);
+        continue;
+      }
     }
     var elemNum = extractPhoneNumber({ elem: elems[i2] });
     if (!origNum) {
       origNum = elemNum;
-    } else if (elemNum.number && origNum.number && origNum.number !== elemNum.number) {
-      warning("overlaying multiple numbers with a single number", origNum.number, elemNum.number);
+    } else if (!force && (elemNum.number && origNum.number) && origNum.number !== elemNum.number) {
+      warn("overlaying multiple numbers with a single number", origNum.number, elemNum.number);
     }
     dbg("overlaying", overlayNum, "on", elems[i2]);
-    numberOverlayMap.set(elems[i2], elemNum);
+    if (!numberOverlayMap.has(elems[i2])) {
+      numberOverlayMap.set(elems[i2], elemNum);
+    }
     if (elemNum.href) {
       elems[i2].href = "tel:" + overlayNum;
     }
@@ -1687,8 +1694,6 @@ function getPoolStats(_0) {
 }
 function renewTrackingPool() {
   return __async(this, arguments, function* ({
-    poolId,
-    number,
     overlayElements,
     apiUrl = getDefaultApiUrl(),
     contextCallback = null
@@ -1697,14 +1702,16 @@ function renewTrackingPool() {
     if (contextCallback) {
       context = contextCallback() || {};
     }
+    const poolId = window.zarPoolData.pool_id;
+    const number = window.zarPoolData.number;
     try {
       var resp = yield getPoolNumber({ poolId, apiUrl, number, context });
     } catch (e2) {
       var msg = "error getting number: " + JSON.stringify(e2);
-      warning(msg);
+      warn(msg);
       getNumberFailureCount++;
       if (getNumberFailureCount >= MAX_GET_NUMBER_FAILURES) {
-        warning("max failures, stopping pool");
+        warn("max failures, stopping pool");
         clearPoolIntervals();
         if (overlayElements) {
           revertOverlayNumbers({ elems: overlayElements });
@@ -1713,8 +1720,14 @@ function renewTrackingPool() {
       return { status: NUMBER_POOL_ERROR, msg };
     }
     if (resp.status === NUMBER_POOL_SUCCESS && resp.number) {
+      var force = false;
+      if (resp.number !== window.zarPoolData.number) {
+        warn("number changed from " + window.zarPoolData.number + " to " + resp.number);
+        window.zarPoolData.number = resp.number;
+        force = true;
+      }
       if (overlayElements) {
-        overlayPhoneNumber({ elems: overlayElements, number: resp.number });
+        overlayPhoneNumber({ elems: overlayElements, number: resp.number, force });
       }
     } else {
       if (overlayElements) {
@@ -1738,7 +1751,7 @@ function initTrackingPool() {
     var msg;
     if (!poolConfig || !poolConfig.poolId || !poolConfig.overlayQuerySelector || !apiUrl) {
       msg = "missing pool config: " + JSON.stringify(poolConfig);
-      warning(msg);
+      warn(msg);
       if (poolConfig.initCallback) {
         poolConfig.initCallback({ status: NUMBER_POOL_ERROR, msg });
       }
@@ -1751,7 +1764,7 @@ function initTrackingPool() {
     var poolId = getPoolId(poolConfig.poolId);
     if (!poolId) {
       msg = "no pool ID";
-      warning(msg);
+      warn(msg);
       if (poolConfig.initCallback) {
         poolConfig.initCallback({ status: NUMBER_POOL_ERROR, msg });
       }
@@ -1762,19 +1775,20 @@ function initTrackingPool() {
         poolData = yield getPoolNumber({ poolId, apiUrl, number: null, context });
       } catch (e2) {
         msg = "error getting number on init: " + JSON.stringify(e2);
-        warning(msg);
+        warn(msg);
         if (poolConfig.initCallback) {
           poolConfig.initCallback({ status: NUMBER_POOL_ERROR, msg });
         }
         return poolIntervals;
       }
     }
+    window.zarPoolData = poolData;
     if (poolData && poolData.status === NUMBER_POOL_SUCCESS && poolData.number) {
       afterDOMContentLoaded(function() {
         var overlayElements = document.querySelectorAll(poolConfig.overlayQuerySelector);
         if (!overlayElements) {
           var msg2 = "No elems found for:" + poolConfig.overlayQuerySelector;
-          warning(msg2);
+          warn(msg2);
           if (poolConfig.initCallback) {
             poolConfig.initCallback({ status: NUMBER_POOL_ERROR, msg: msg2 });
           }
@@ -1784,15 +1798,13 @@ function initTrackingPool() {
         var interval = setInterval(function() {
           try {
             renewTrackingPool({
-              poolId: poolData.pool_id,
-              number: poolData.number,
               overlayElements,
               apiUrl,
               contextCallback: poolConfig.contextCallback
             });
           } catch (e2) {
             var msg3 = "error on interval: " + JSON.stringify(e2);
-            warning(msg3);
+            warn(msg3);
           }
         }, poolConfig.renewalInterval || NUMBER_POOL_RENEWAL_TIME_MS);
         poolIntervals[poolData.pool_id] = interval;
@@ -1836,7 +1848,7 @@ function zar({ apiUrl, poolConfig }) {
           }
         }
       } catch (e2) {
-        warning("error getting pool id: " + JSON.stringify(e2));
+        warn("error getting pool id: " + JSON.stringify(e2));
       }
       return payload;
     },
@@ -1853,7 +1865,7 @@ function zar({ apiUrl, poolConfig }) {
           } catch (e2) {
             tries++;
             if (tries >= maxTries) {
-              warning("error posting page: " + JSON.stringify(e2));
+              warn("error posting page: " + JSON.stringify(e2));
               throw e2;
             }
             yield new Promise((r2) => setTimeout(r2, 1e3));