zar 0.3.0 → 0.4.0

package/dist/zar.es.js

@@ -1527,7 +1527,9 @@ var NUMBER_POOL_RENEWAL_TIME_MS = 30 * 1e3;
 var getNumberFailureCount = 0;
 var MAX_GET_NUMBER_FAILURES = 3;
 var poolIntervals = {};
-window.zarPoolData = null;
+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);
@@ -1555,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);
@@ -1609,7 +1611,7 @@ function overlayPhoneNumber({ elems, number, force = false }) {
     var elemNum = extractPhoneNumber({ elem: elems[i2] });
     if (!origNum) {
       origNum = elemNum;
-    } else if (!force && (elemNum.number && origNum.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]);
@@ -1669,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,
@@ -1682,13 +1689,58 @@ 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;
   });
 }
@@ -1698,9 +1750,9 @@ function renewTrackingPool() {
     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;
@@ -1727,7 +1779,11 @@ function renewTrackingPool() {
         force = true;
       }
       if (overlayElements) {
-        overlayPhoneNumber({ elems: overlayElements, number: resp.number, force });
+        overlayPhoneNumber({
+          elems: overlayElements,
+          number: resp.number,
+          force
+        });
       }
     } else {
       if (overlayElements) {
@@ -1746,6 +1802,30 @@ 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;
@@ -1757,9 +1837,9 @@ function initTrackingPool() {
       }
       return poolIntervals;
     }
-    var context = {};
+    var context = drainPoolDataLayer() || {};
     if (poolConfig.contextCallback) {
-      context = poolConfig.contextCallback() || {};
+      context = poolConfig.contextCallback(context) || {};
     }
     var poolId = getPoolId(poolConfig.poolId);
     if (!poolId) {
@@ -1783,7 +1863,12 @@ function initTrackingPool() {
       }
     }
     window.zarPoolData = poolData;
-    if (poolData && poolData.status === NUMBER_POOL_SUCCESS && poolData.number) {
+    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) {
@@ -1843,8 +1928,9 @@ 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) {
@@ -1872,7 +1958,11 @@ function zar({ apiUrl, poolConfig }) {
           }
         }
         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
+          });
         }
       });
     },
@@ -1919,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;
       },
@@ -1943,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();
   }