@dpgradio/creative 7.1.1 → 7.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dpgradio/creative",
-  "version": "7.1.1",
+  "version": "7.2.2",
   "description": "Support package for standalone Javascript applications",
   "main": "src/index.js",
   "scripts": {

package/src/analytics/dataLayer.js

@@ -5,6 +5,10 @@ import loadScript from '../utils/loadScript.js'
 
 class DataLayer {
   constructor() {
+    if (typeof window === 'undefined') {
+      return
+    }
+
     window.dataLayer = window.dataLayer || []
     this.campaignDetails = {}
     this.userInformation = {}

package/src/app/hybrid.js

@@ -17,6 +17,10 @@ class Hybrid {
   }
 
   constructor() {
+    if (typeof window === 'undefined') {
+      return
+    }
+
     // Hook this on window so it can be required in multiple packs
     window._hybridEventSubscriptions = window._hybridEventSubscriptions || {}
 

package/src/privacy/privacy.js

@@ -3,6 +3,10 @@ import loadScript from '../utils/loadScript.js'
 
 class Privacy {
   constructor() {
+    if (typeof window === 'undefined') {
+      return
+    }
+
     window._privacy = window._privacy || []
 
     this.consent = undefined
@@ -52,10 +56,39 @@ class Privacy {
       this.consentSubscribers.forEach((subscriber) => subscriber(null))
     }, timeoutTime)
 
-    this.pushFunctional(() => {
-      clearTimeout(timeout)
-      this.consent = new Consent(window._privacy.consentString, window._privacy.purposesProvider.enabledPurposes)
-      this.consentSubscribers.forEach((subscriber) => subscriber(this.consent))
+    this.pushConsentGiven((consentData) => {
+      let updatedConsentData = {
+        consentString: consentData.tcString,
+        purposes: new Set(consentData.dpgConsentString.split('|')),
+      }
+      const iabPurposePromises = []
+
+      // We have 10 IAB purposes, so we create 10 promises that resolve with the purpose number or null if the purpose is not given.
+      for (let i = 1; i < 11; i++) {
+        iabPurposePromises.push(
+          new Promise((resolve) => {
+            this.push(
+              i,
+              () => resolve(i), // Resolve with the purpose number
+              () => resolve(null) // Resolve without a value, indicating that the purpose is not given
+            )
+          })
+        )
+      }
+
+      Promise.all(iabPurposePromises).then((purposeConsents) => {
+        updatedConsentData = purposeConsents.reduce((acc, purpose) => {
+          if (purpose) {
+            acc.purposes.add(purpose)
+          }
+          return acc
+        }, updatedConsentData)
+
+        this.consent = new Consent(updatedConsentData)
+        this.consentSubscribers.forEach((subscriber) => subscriber(this.consent))
+
+        clearTimeout(timeout)
+      })
     })
   }
 
@@ -78,8 +111,12 @@ class Privacy {
     })
   }
 
-  push(type, callback) {
-    window._privacy.push([type, callback])
+  push(type, successCallback, failCallback = () => {}) {
+    window._privacy.push([type, successCallback, failCallback])
+  }
+
+  pushConsentGiven(callback) {
+    this.push('consentgiven', callback)
   }
 
   pushFunctional(callback) {
@@ -87,16 +124,14 @@ class Privacy {
   }
 }
 
-const targetedAdvertisingPurposes = [3, 4]
-
 class Consent {
-  constructor(consentString, purposes) {
-    this.consentString = consentString
-    this.purposes = purposes
+  constructor(consentData) {
+    this.consentString = consentData.consentString
+    this.purposes = consentData.purposes
   }
 
   allowsTargetedAdvertising() {
-    return targetedAdvertisingPurposes.every((purpose) => this.purposes.has(purpose.toString()))
+    return this.purposes.has('targeted_advertising')
   }
 }
 

package/src/share/ShareResult.js

@@ -1,4 +1,4 @@
-import openLink from '../utils/openLink.js'
+import openExternalUrl from '../utils/openExternalUrl.js'
 
 export default class ShareResult {
   constructor(shareable, { url, image }) {
@@ -20,14 +20,14 @@ export default class ShareResult {
   }
 
   openFacebookUrl() {
-    openLink(this.facebookUrl())
+    openExternalUrl(this.facebookUrl())
   }
 
   openWhatsappUrl() {
-    openLink(this.whatsappUrl())
+    openExternalUrl(this.whatsappUrl())
   }
 
   openInstagramUrl() {
-    openLink(this.instagramUrl())
+    openExternalUrl(this.instagramUrl())
   }
 }

package/src/share/Shareable.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-unresolved -- TODO: Needs a rewrite to fetch
-import axios from 'axios'
 import ShareResult from './ShareResult.js'
 
 export default class Shareable {
@@ -36,21 +34,18 @@ export default class Shareable {
     return this
   }
 
-  generateUsingImage(imageGeneratorProperties) {
-    return new Promise((resolve, reject) => {
-      axios({
-        url: 'https://dba1du5ckc.execute-api.eu-west-3.amazonaws.com/prod/',
-        method: 'post',
-        data: {
-          title: this.title,
-          description: this.description,
-          image_generator: imageGeneratorProperties.toJson(),
-          redirect_url: this.redirectUrl,
-          domain: this.domain,
-        },
-      })
-        .then((response) => resolve(new ShareResult(this, response.data)))
-        .catch(reject)
+  async generateUsingImage(imageGeneratorProperties) {
+    const response = await fetch('https://dba1du5ckc.execute-api.eu-west-3.amazonaws.com/prod/', {
+      method: 'POST',
+      body: JSON.stringify({
+        title: this.title,
+        description: this.description,
+        image_generator: imageGeneratorProperties.toJson(),
+        redirect_url: this.redirectUrl,
+        domain: this.domain,
+      }),
     })
+    const data = await response.json()
+    return new ShareResult(this, data)
   }
 }