@dpgradio/creative 5.8.1 → 5.8.2

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@dpgradio/creative",
-  "version": "5.3.0",
+  "version": "5.9.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dpgradio/creative",
-  "version": "5.8.1",
+  "version": "5.8.2",
   "description": "Support package for standalone Javascript applications",
   "main": "src/index.js",
   "scripts": {
@@ -28,6 +28,7 @@
     "sockjs-client": "^1.6.1"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.22.9",
     "@dpgradio/eslint-config-recommended": "^0.0.1",
     "eslint": "^8.32.0",
     "eslint-plugin-import": "^2.27.5",

package/src/__test__/utils/openLink.test.js

@@ -2,7 +2,7 @@ import { describe, expect, test, jest } from '@jest/globals'
 import hybrid from '../../app/hybrid.js'
 import openLink from '../../utils/openLink.js'
 
-jest.mock('../../utils/hybrid.js', () => ({
+jest.mock('../../app/hybrid.js', () => ({
   isNativeApp: jest.fn(),
   call: jest.fn(),
 }))

package/src/__test__/utils/phoneNumber.test.js

@@ -0,0 +1,34 @@
+import { describe, expect, test, jest } from '@jest/globals'
+import { removePhoneNumberCountryPrefix } from '../../index.js'
+
+describe('removing explicitly given prefixes', () => {
+  test('it removes the country prefix when there is a match', () => {
+    const result = removePhoneNumberCountryPrefix('+31.634542211', '+31')
+
+    expect(result).toBe('0634542211')
+  })
+
+  test('it does not remove the country prefix when there is no match, but it does remove the .', () => {
+    const result = removePhoneNumberCountryPrefix('+33.634542211', '+31')
+
+    expect(result).toBe('+33634542211')
+  })
+})
+
+jest.mock('../../config/config.js', () => ({
+  config: jest.fn(() => 'NL'),
+}))
+
+describe('removing prefixes provided by the config', () => {
+  test('it removes the country prefix when there is a match', () => {
+    const result = removePhoneNumberCountryPrefix('+31.634542211')
+
+    expect(result).toBe('0634542211')
+  })
+
+  test('it does not remove the country prefix when there is no match, but it does remove the .', () => {
+    const result = removePhoneNumberCountryPrefix('+32.634542211')
+
+    expect(result).toBe('+32634542211')
+  })
+})

package/src/index.js

@@ -13,3 +13,4 @@ export { default as loadScript } from './utils/loadScript.js'
 export { default as openLink } from './utils/openLink.js'
 export { default as tap } from './utils/tap.js'
 export { cdnImageUrl, cdnUrl } from './utils/cdnUrl.js'
+export { removePhoneNumberCountryPrefix } from './utils/phoneNumber.js'

package/src/privacy/dataLayer.js

@@ -5,6 +5,8 @@ import loadScript from '../utils/loadScript.js'
 class DataLayer {
   constructor() {
     window.dataLayer = window.dataLayer || []
+    this.campaignDetails = {}
+    this.userInformation = {}
   }
 
   initialize(gtmId = 'GTM-TW99VZN') {
@@ -12,6 +14,14 @@ class DataLayer {
 
     this.pushGtmStart()
     this.pushUserWhenAuthenticated()
+    this._getUserInformationOnLoad()
+  }
+
+  setCampaignDetails(details) {
+    this.campaignDetails = {
+      inApp: hybrid.isNativeApp,
+      ...details,
+    }
   }
 
   push(data) {
@@ -26,16 +36,29 @@ class DataLayer {
     this.push({ event, ...data })
   }
 
+  async pushCampaignAction(action, data) {
+    this.push({
+      event: 'campaign_action',
+      campaign: {
+        ...this.campaignDetails,
+        action,
+        ...data,
+      },
+      ...this.userInformation,
+    })
+  }
+
   pushUserWhenAuthenticated() {
     hybrid.on('authenticated', ({ radioToken }) => {
       if (radioToken) {
-        this.pushEvent('account_id', this._formatUserInformation(radioToken))
+        this.setUserInformation(radioToken)
+        this.pushEvent('account_id', this.userInformation)
       }
     })
   }
 
   async pushVirtualPageView(brand = config('gtm_brand')) {
-    const user = await this._getUserInformationOnLoad()
+    await this._getUserInformationOnLoad()
 
     this.pushEvent('VirtualPageView', {
       virtualPageURL: {
@@ -43,29 +66,25 @@ class DataLayer {
         platform: 'browser',
         brand,
       },
-      ...user,
+      user: this.userInformation,
     })
   }
 
   async _getUserInformationOnLoad() {
-    if (!hybrid.isNativeApp()) {
-      return {}
-    }
-    try {
-      const radioToken = await hybrid.appLoaded()
-      return this._formatUserInformation(radioToken)
-    } catch (error) {
-      console.error('User information could not be loaded:', error)
-      return {}
+    if (hybrid.isNativeApp()) {
+      try {
+        const radioToken = await hybrid.appLoaded()
+        this.setUserInformation(radioToken)
+      } catch (error) {
+        console.error('User information could not be loaded:', error)
+      }
     }
   }
 
-  _formatUserInformation(radioToken) {
-    return {
-      user: {
-        account_id: hybrid.decodeRadioToken(radioToken).uid,
-        loggedIn: true,
-      },
+  setUserInformation(radioToken) {
+    this.userInformation = {
+      account_id: hybrid.decodeRadioToken(radioToken).uid,
+      loggedIn: true,
     }
   }
 }

package/src/utils/phoneNumber.js

@@ -0,0 +1,16 @@
+import { config } from '../config/config.js'
+
+const prefixes = {
+  BE: '+32',
+  NL: '+31',
+}
+
+export const removePhoneNumberCountryPrefix = (phoneNumber, prefix = null) => {
+  prefix ||= prefixes[config('country_code')]
+
+  if (prefix) {
+    phoneNumber = phoneNumber.replace(`${prefix}.`, '0')
+  }
+
+  return phoneNumber.replace('.', '')
+}