feat: integrate addressable

.env.development

@@ -8,6 +8,7 @@ NEXT_PUBLIC_WIDGET_INTEGRATOR=dev.jumper.exchange
 NEXT_PUBLIC_WIDGET_INTEGRATOR_REFUEL=dev.jumper.exchange.gas
 NEXT_PUBLIC_WIDGET_INTEGRATOR_BLOG=dev.jumper.exchange.blog
 NEXT_PUBLIC_ARCX_API_KEY=19d8c6bd6e1632734fe6b22ebe66d3660f975847139f98d0e1b73e4b5202a5eb
+NEXT_PUBLIC_ADDRESSABLE_TID=0d48165d8b544e029b816f54c3371ae8
 NEXT_PUBLIC_CUSTOM_RPCS={ "59140": ["https://consensys-zkevm-goerli-prealpha.infura.io/v3/faf4bc4ea7344e5da5e56c55de087480"], "1151111081099710": ["https://chaotic-restless-putty.solana-mainnet.quiknode.pro/"] }
 NEXT_PUBLIC_ONRAMPER_API_KEY=pk_prod_01GWH1ZXS9JS04JJQ5W4KWQBFF
 NEXT_PUBLIC_ONRAMPER_ENABLED=true

.env.localhost

@@ -8,6 +8,7 @@ NEXT_PUBLIC_WIDGET_INTEGRATOR=loc.jumper.exchange
 NEXT_PUBLIC_WIDGET_INTEGRATOR_REFUEL=loc.jumper.exchange.gas
 NEXT_PUBLIC_WIDGET_INTEGRATOR_BLOG=loc.jumper.exchange.blog
 NEXT_PUBLIC_ARCX_API_KEY=19d8c6bd6e1632734fe6b22ebe66d3660f975847139f98d0e1b73e4b5202a5eb
+NEXT_PUBLIC_ADDRESSABLE_TID=0d48165d8b544e029b816f54c3371ae8
 NEXT_PUBLIC_CUSTOM_RPCS={ "59140": ["https://consensys-zkevm-goerli-prealpha.infura.io/v3/faf4bc4ea7344e5da5e56c55de087480"], "1151111081099710": ["https://chaotic-restless-putty.solana-mainnet.quiknode.pro/"] }
 NEXT_PUBLIC_ONRAMPER_API_KEY=pk_prod_01GWH1ZXS9JS04JJQ5W4KWQBFF
 NEXT_PUBLIC_ONRAMPER_ENABLED=true

.env.production

@@ -8,6 +8,7 @@ NEXT_PUBLIC_WIDGET_INTEGRATOR=jumper.exchange
 NEXT_PUBLIC_WIDGET_INTEGRATOR_REFUEL=jumper.exchange.gas
 NEXT_PUBLIC_WIDGET_INTEGRATOR_BLOG=jumper.exchange.blog
 NEXT_PUBLIC_ARCX_API_KEY=77e1a62a0a564549bba4f546ee70b352f962f11a281d75ba35d194215499893a
+NEXT_PUBLIC_ADDRESSABLE_TID=0d48165d8b544e029b816f54c3371ae8
 NEXT_PUBLIC_CUSTOM_RPCS={ "1151111081099710": ["https://chaotic-restless-putty.solana-mainnet.quiknode.pro/"] }
 SENTRY_DSN=https://bc1312161bf948db9b9c82618035ec22@o1302189.ingest.sentry.io/6539228
 NEXT_PUBLIC_ONRAMPER_API_KEY=pk_prod_01GWH1ZXS9JS04JJQ5W4KWQBFF

.env.staging

@@ -8,6 +8,7 @@ NEXT_PUBLIC_WIDGET_INTEGRATOR=stg.jumper.exchange
 NEXT_PUBLIC_WIDGET_INTEGRATOR_REFUEL=stg.jumper.exchange.gas
 NEXT_PUBLIC_WIDGET_INTEGRATOR_BLOG=stg.jumper.exchange.blog
 NEXT_PUBLIC_ARCX_API_KEY=bcc8c20c6f4fe15b16184a2cc8c2e1cb9125c7b574df7c0954984970a8d9de06
+NEXT_PUBLIC_ADDRESSABLE_TID=0d48165d8b544e029b816f54c3371ae8
 NEXT_PUBLIC_CUSTOM_RPCS={ "59140": ["https://consensys-zkevm-goerli-prealpha.infura.io/v3/faf4bc4ea7344e5da5e56c55de087480"], "1151111081099710": ["https://chaotic-restless-putty.solana-mainnet.quiknode.pro/"] }
 NEXT_PUBLIC_ONRAMPER_API_KEY=pk_prod_01GWH1ZXS9JS04JJQ5W4KWQBFF
 NEXT_PUBLIC_ONRAMPER_ENABLED=true
@@ -17,4 +18,4 @@ NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=7480e74780d20eb6db1056eab0de6ddb
 NEXT_PUBLIC_GATEWAY_URL=https://protocol.mygateway.xyz/graphql
 NEXT_PUBLIC_GATEWAY_API_KEY=o7Dp8VQheOEOjaA52VjGaAQH_30E6iNC
 NEXT_PUBLIC_GATEWAY_API_TOKEN=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwcm90b2NvbF9pZCI6IjFhZmRiZDE2LWM4YjAtNDM0Ny1iOTM2LWI0ODkzMGI2ZTczZCIsInByb3RvY29sX2hhc2giOiIwZmY1ZmY1YmY2Njc5ZGNjZTcwMGUxN2Y3YTUxNmU0YTcwZjIzMWFmZTMzZTFmZjlhNWY5MGU3NzAwMzQyNjMzZjlmYTdmNjdmNjNjOTA4YzRjNDkyNWUzYzg5MmQ3NTAiLCJwcm90b2NvbF93YWxsZXQiOiI2NWNjZGQ4NTgzYjY4OGM4NDY1NWQxNzYiLCJwcm90b2NvbF9zaWduZXIiOiJkNDdiMWVmZC1lZTcyLTRlMzYtODY4ZS1hZTExNjkzN2QxMDUiLCJhdXRoIjp7ImlkIjoiODgwNzNmZmQtZDA5ZS00ZDQ1LTgxYTUtZmI5ODI2MTQyYjBmIiwidHlwZSI6IkVNQUlMIn0sImNyeXB0byI6eyJwdWJsaWNQZW0iOiItLS0tLUJFR0lOIFBVQkxJQyBLRVktLS0tLVxyXG5NSUlDSWpBTkJna3Foa2lHOXcwQkFRRUZBQU9DQWc4QU1JSUNDZ0tDQWdFQXZDUTBsT2tIQnp0aUMvNW1TbnlrXHJcbnVBUzA5QmxlK25DM2hlQ051b1RHaEo3Z0tkTEw0QXlKMGNORUNLWGsydkhKTjBJeHlYOXVid1hpa3BteFhXMXNcclxuTzliUk5HRHVuSTUyQ29ac2R3aVNON3g0Q01SMzlhT1l4THVmcVplYVprUWdUU1pvZldBYTZnMU5LRzhwSUczMlxyXG5iaUhaSjNFVkZZSnFHOERJR2xPNExhbk1KNGxIZUtUdXEvb1NHMmt3d3B3NDdDbWNSVXpvbzlLbHpYVkJUNUE1XHJcbkV4SHI4bUJPekV0NDcvenlqTG1VVGpRVVZLdWJ2RFlzcVR0Mzd6VkhCNm5BS2ZiYmhybnBPU3U5R3RGcXFsdVRcclxuS1ZhV1hnMFc5SXM3S0dZYm13dFRVcXlGbnl0WVdXY0dKSCtYaU9UQnh5MjJEcTJsNjRaa3Jlc0FKci81Sm50SVxyXG5HMUVHWXdyeFJ1dkRKbTBTRXIzNEY4ZUxETnNPNm42SldoMFd1NzVIbytPcUkvY3pEUGk1V2NnTmlDaWZTcndzXHJcbktZL1RCRS9rT2grQ2FRTTBYcWIrYWErL3U4eURlalJGREE4bHNxSE9BeFUvYXZXV0ZsWktDcUhweThQUm93MGNcclxudHBWSmFtTVZoY2ZKZUN0dm5RdkE2dnVXZzZ3emdvY2s5ZGp5Y0hNbXdRbEg0bWEvQXZnNGF2YzlLN0Z0UlNYL1xyXG5SQTFCQkpieGp3Ylk3ZlowQXpaR2kzMWhTa0pOLytXSU9BZHVmZmM2M0VOL0JGRjhxbjAxMSsrNnNBUU41MDF4XHJcblA3enV5K3dITjJmdVZGYmY1NkZpd3NEa1I1dU5QWmtxK2NyZGVnUm5MNUZwbjNnTFZqWXVLaDBsVEExS3BnYzVcclxudkM3K2o1SERlWmk4QUU2Y1JVUGV4U1VDQXdFQUFRPT1cclxuLS0tLS1FTkQgUFVCTElDIEtFWS0tLS0tXHJcbiJ9LCJ0eXBlIjoiYXV0aF90b2tlbiIsImlhdCI6MTcwNzkyNDg3MH0.OY1EKDcAJLWKKlIIMmeE9T8UCIk3j9JX5I8LFQKJ1hE
-NEXT_PUBLIC_COOKIE3_SITEID=405
+NEXT_PUBLIC_COOKIE3_SITEID=405

new-types.d.ts

@@ -10,6 +10,7 @@ declare namespace NodeJS {
     NEXT_PUBLIC_ENVIRONMENT: string;
     NEXT_PUBLIC_SITE_URL: string;
     NEXT_PUBLIC_ARCX_API_KEY: string;
+    NEXT_PUBLIC_ADDRESSABLE_TID: string;
     NEXT_PUBLIC_GOOGLE_ANALYTICS_TRACKING_ID: string;
     NEXT_PUBLIC_HOTJAR_ID: number;
     NEXT_PUBLIC_HOTJAR_SNIPPET_VERSION: number;

src/app/layout.tsx

@@ -37,6 +37,23 @@ export default async function RootLayout({
               gtag('config', '${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_TRACKING_ID}');
           `}
         </Script>
+        <Script id="addressable-tracker">
+          {`
+            !function(w, d){
+              w.__adrsbl = {
+                  queue: [],
+                  run: function(){
+                      this.queue.push(arguments);
+                  }
+              };
+              var s = d.createElement('script');
+              s.async = true;
+              s.src = 'https://tag.adrsbl.io/p.js?tid=${process.env.NEXT_PUBLIC_ADDRESSABLE_TID}';
+              var b = d.getElementsByTagName('script')[0];
+              b.parentNode.insertBefore(s, b);
+            }(window, document);
+          `}
+        </Script>
       </head>
 
       <body suppressHydrationWarning>

src/components/Widgets/WidgetEvents.tsx

@@ -70,6 +70,8 @@ export function WidgetEvents() {
               (el) => el.index === activeTab,
             )[0].variant,
           },
+          enableAddressable: true,
+          isConversion: true,
         });
       }
     };
@@ -144,6 +146,8 @@ export function WidgetEvents() {
             [TrackingEventParameter.ToAmountMin]: route.toAmountMin,
             [TrackingEventParameter.ToToken]: route.toToken.address,
           },
+          enableAddressable: true,
+          isConversion: true,
         });
       }
     };
@@ -161,6 +165,7 @@ export function WidgetEvents() {
             update.process.error?.message || '',
           [TrackingEventParameter.ErrorCode]: update.process.error?.code || '',
         },
+        enableAddressable: true,
       });
     };
 

src/hooks/userTracking/useUserTracking.ts

@@ -128,6 +128,8 @@ export function useUserTracking() {
       value,
       data,
       disableTrackingTool,
+      enableAddressable,
+      isConversion,
     }: TrackEventProps) => {
       if (!disableTrackingTool?.includes(EventTrackingTool.Hotjar)) {
         hotjar.initialized() &&
@@ -154,6 +156,15 @@ export function useUserTracking() {
           value,
         });
       }
+      if (enableAddressable) {
+        typeof window !== 'undefined' &&
+          data &&
+          window.__adrsbl.run(
+            action,
+            isConversion ?? false,
+            Object.entries(data).map(([key, value]) => ({ name: key, value })),
+          );
+      }
     },
     [arcx, cookie3],
   );

src/types/internal.ts

@@ -5,6 +5,14 @@ import type { Gtag } from './gtag';
 declare global {
   interface Window {
     gtag: Gtag.Gtag;
+    __adrsbl: {
+      queue: any[];
+      run: (
+        event_name: string,
+        is_conversion: boolean,
+        properties: { name: string; value: any }[],
+      ) => void;
+    };
   }
 }
 

src/types/userTracking.ts

@@ -21,6 +21,8 @@ export interface TrackEventProps {
   value?: number;
   data?: { [key: string]: string | number | boolean | any };
   disableTrackingTool?: EventTrackingTool[];
+  enableAddressable?: boolean;
+  isConversion?: boolean;
 }
 
 export interface TrackTransactionProps {