zar 0.2.0 → 0.4.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,9 @@ var NUMBER_POOL_RENEWAL_TIME_MS = 30 * 1e3;
 var getNumberFailureCount = 0;
 var MAX_GET_NUMBER_FAILURES = 3;
 var poolIntervals = {};
+window.zarPoolData = window.zarPoolData || null;
+window.zarPoolDLObserverDone = window.zarPoolDLObserverDone || false;
+window.zarPoolDataLayer = window.zarPoolDataLayer || [];
 var numberOverlayMap = /* @__PURE__ */ new Map();
 function generateVisitId() {
   return Date.now().toString(36) + "." + Math.random().toString(36).substring(2);
@@ -1554,7 +1557,7 @@ function initIDs() {
   return { vid: vidResult };
 }
 function getDefaultApiUrl() {
-  return window.location.host + "/api/v1";
+  return window.location.protocol + "://" + window.location.host + "/api/v2";
 }
 function getIDObj(key) {
   return getSessionStorage(key);
@@ -1590,7 +1593,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 +1601,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;
     }
@@ -1662,7 +1671,12 @@ function clearPoolIntervals() {
   }
 }
 function getPoolNumber(_0) {
-  return __async(this, arguments, function* ({ poolId, apiUrl, number = null, context = null }) {
+  return __async(this, arguments, function* ({
+    poolId,
+    apiUrl,
+    number = null,
+    context = null
+  }) {
     var payload = {
       pool_id: poolId,
       number,
@@ -1675,36 +1689,81 @@ function getPoolNumber(_0) {
     return resp;
   });
 }
+function poolActive() {
+  return window.zarPoolData && window.zarPoolData.status === NUMBER_POOL_SUCCESS && window.zarPoolData.number;
+}
+function drainPoolDataLayer() {
+  if (!window.zarPoolDataLayer || !Array.isArray(window.zarPoolDataLayer)) {
+    return {};
+  }
+  var mergedObject = {};
+  for (var i2 = 0; i2 < window.zarPoolDataLayer.length; i2++) {
+    var obj = window.zarPoolDataLayer[i2];
+    for (var key in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key)) {
+        mergedObject[key] = obj[key];
+      }
+    }
+  }
+  window.zarPoolDataLayer.length = 0;
+  return mergedObject;
+}
+function updateTrackingNumberContext(_0) {
+  return __async(this, arguments, function* ({
+    apiUrl,
+    poolId,
+    number,
+    context
+  }) {
+    if (!poolActive()) {
+      warn("no valid pool data, not updating context");
+      return;
+    }
+    var payload = {
+      pool_id: poolId,
+      number,
+      context,
+      properties: {
+        zar: getStorage()
+      }
+    };
+    var resp = yield httpPost({ url: `${apiUrl}/update_number`, data: payload });
+    return resp;
+  });
+}
 function getPoolStats(_0) {
   return __async(this, arguments, function* ({ apiUrl, key = null, with_contexts = false }) {
     var params = {
       key,
       with_contexts
     };
-    var resp = yield httpGet({ url: `${apiUrl}/number_pool_stats`, params });
+    var resp = yield httpGet({
+      url: `${apiUrl}/number_pool_stats`,
+      params
+    });
     return resp;
   });
 }
 function renewTrackingPool() {
   return __async(this, arguments, function* ({
-    poolId,
-    number,
     overlayElements,
     apiUrl = getDefaultApiUrl(),
     contextCallback = null
   } = {}) {
-    var context = {};
+    var context = drainPoolDataLayer() || {};
     if (contextCallback) {
-      context = contextCallback() || {};
+      context = contextCallback(context) || {};
     }
+    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 +1772,18 @@ 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) {
@@ -1733,25 +1802,49 @@ function getPoolId(poolId) {
     return poolId();
   return poolId;
 }
+function initPoolDataLayerObserver(apiUrl) {
+  if (window.zarPoolDLObserverDone) {
+    return;
+  }
+  if (!poolActive()) {
+    return;
+  }
+  var originalPush = window.zarPoolDataLayer.push;
+  window.zarPoolDataLayer.push = function(...args) {
+    var result = originalPush.apply(this, args);
+    var context = drainPoolDataLayer();
+    if (!context) {
+      return result;
+    }
+    updateTrackingNumberContext({
+      apiUrl,
+      poolId: window.zarPoolData.pool_id,
+      number: window.zarPoolData.number,
+      context
+    });
+    return result;
+  };
+  window.zarPoolDLObserverDone = true;
+}
 function initTrackingPool() {
   return __async(this, arguments, function* ({ poolData, poolConfig, apiUrl } = {}) {
     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 });
       }
       return poolIntervals;
     }
-    var context = {};
+    var context = drainPoolDataLayer() || {};
     if (poolConfig.contextCallback) {
-      context = poolConfig.contextCallback() || {};
+      context = poolConfig.contextCallback(context) || {};
     }
     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 +1855,25 @@ 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;
       }
     }
-    if (poolData && poolData.status === NUMBER_POOL_SUCCESS && poolData.number) {
+    window.zarPoolData = poolData;
+    if (poolActive()) {
+      try {
+        initPoolDataLayerObserver(apiUrl);
+      } catch (e2) {
+        warn("data layer observer error: " + JSON.stringify(e2));
+      }
       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 +1883,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;
@@ -1831,12 +1928,13 @@ function zar({ apiUrl, poolConfig }) {
         var pcfg = config.poolConfig;
         if (pcfg && pcfg.poolId) {
           payload.properties.pool_id = getPoolId(pcfg.poolId);
+          var context = drainPoolDataLayer() || {};
           if (pcfg.contextCallback) {
-            payload.properties.pool_context = pcfg.contextCallback() || {};
+            payload.properties.pool_context = pcfg.contextCallback(context) || {};
           }
         }
       } catch (e2) {
-        warning("error getting pool id: " + JSON.stringify(e2));
+        warn("error getting pool id: " + JSON.stringify(e2));
       }
       return payload;
     },
@@ -1853,14 +1951,18 @@ 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));
           }
         }
         if (res && res.pool_data) {
-          initTrackingPool({ poolData: res.pool_data, poolConfig: config.poolConfig, apiUrl: config.apiUrl });
+          initTrackingPool({
+            poolData: res.pool_data,
+            poolConfig: config.poolConfig,
+            apiUrl: config.apiUrl
+          });
         }
       });
     },
@@ -1907,6 +2009,16 @@ function zar({ apiUrl, poolConfig }) {
           apiUrl: plugin.apiUrl()
         });
       },
+      updateTrackingNumberContext({ number, context }) {
+        var plugin = this.instance.plugins.zar;
+        var poolConfig2 = plugin.poolConfig();
+        return updateTrackingNumberContext({
+          apiUrl: this.instance.plugins.zar.apiUrl(),
+          poolId: getPoolId(poolConfig2.poolId),
+          number,
+          context
+        });
+      },
       getPoolIntervals() {
         return poolIntervals;
       },
@@ -1931,12 +2043,22 @@ function zar({ apiUrl, poolConfig }) {
         revertOverlayNumbers({ elems: overlayElements });
       },
       getPoolStats({ key = null, with_contexts = false }) {
-        return getPoolStats({ apiUrl: this.instance.plugins.zar.apiUrl(), key, with_contexts });
+        return getPoolStats({
+          apiUrl: this.instance.plugins.zar.apiUrl(),
+          key,
+          with_contexts
+        });
       }
     }
   };
 }
-function init({ app, ga4Config = null, facebookConfig = null, apiUrl = null, poolConfig = null }) {
+function init({
+  app,
+  ga4Config = null,
+  facebookConfig = null,
+  apiUrl = null,
+  poolConfig = null
+}) {
   if (!apiUrl) {
     apiUrl = getDefaultApiUrl();
   }