@salesforcedevs/dx-components 1.3.184 → 1.3.186

package/lwc.config.json

@@ -88,6 +88,7 @@
         "dx/toast",
         "dx/toc",
         "dx/tooltip",
+        "dx/trafficLabeler",
         "dx/tree",
         "dx/typeBadge",
         "dx/vimeoPlayer",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.184",
+    "version": "1.3.186",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -41,5 +41,5 @@
         "eventsourcemock": "^2.0.0",
         "luxon": "^3.1.0"
     },
-    "gitHead": "62d15dbba57a10ae9fb4aa365f7a0b85cd6bbc44"
+    "gitHead": "b6fed79dc4289f3cc19a3c9dc623d19e24465d66"
 }

package/src/modules/dx/trafficLabeler/trafficLabeler.html

@@ -0,0 +1 @@
+<template></template>

package/src/modules/dx/trafficLabeler/trafficLabeler.ts

@@ -0,0 +1,71 @@
+import { LightningElement, api } from "lwc";
+
+const REDUNDANT_INSTANCE_ERROR_MESSAGE =
+    "Multiple <dx-traffic-labeler>s detected, this should never be the case.";
+
+declare module globalThis {
+    let singletonTrafficLabelerConnected: boolean;
+}
+
+export default class TrafficLabeler extends LightningElement {
+    @api internalIps?: string;
+    @api clearbitPublicKey?: string;
+
+    connectedCallback(): void {
+        if (!globalThis.singletonTrafficLabelerConnected) {
+            globalThis.singletonTrafficLabelerConnected = true;
+            if (this.clearbitPublicKey) {
+                this.loadClearBitData();
+            }
+            if (this.internalIps) {
+                this.evaluateVPNAddress();
+            }
+        } else {
+            console.error(REDUNDANT_INSTANCE_ERROR_MESSAGE);
+        }
+    }
+
+    async loadClearBitData() {
+        try {
+            const result = await fetch(
+                `https://reveal.clearbit.com/v1/companies/reveal?authorization=${this.clearbitPublicKey}`
+            );
+            const json = await result.json();
+            if (json?.company?.name?.toLowerCase().includes("salesforce")) {
+                this.setTrafficType("internal");
+            }
+        } catch (error) {
+            console.error("fetch failed ", error);
+        }
+    }
+
+    async evaluateVPNAddress() {
+        try {
+            const ipifyResult = await fetch(
+                "https://api.ipify.org/?format=json"
+            );
+            const result = await ipifyResult.json();
+
+            const internalIps = this.internalIps?.split(",");
+
+            const isInternal = internalIps?.some((value) => {
+                const regex = new RegExp(value);
+                return regex.test(result.ip);
+            });
+
+            if (isInternal) {
+                this.setTrafficType("internal");
+            }
+        } catch (error) {
+            console.error("fetch failed ", error);
+        }
+    }
+
+    setTrafficType(trafficType: "internal" | "external") {
+        // @ts-ignore)
+        const dataLayer = (window.dataLayer = window.dataLayer || []);
+        dataLayer.push({
+            traffic_type: trafficType
+        });
+    }
+}