Add new getGTMUserFieldsData to identity x config

This will utilize the gtmUserFields object in the config to return a reader friendly key vaule object to push to the gtm layer.

packages/marko-web-identity-x/config.js

@@ -29,6 +29,7 @@ class IdentityXConfiguration {
     hiddenFields = ['city', 'street', 'addressExtra', 'phoneNumber'],
     defaultCountryCode,
     booleanQuestionsLabel,
+    gtmUserFields = {}, // { primary_role: 'ObjectId' }
     onHookError,
     ...rest
   } = {}) {
@@ -45,6 +46,7 @@ class IdentityXConfiguration {
       hiddenFields,
       defaultCountryCode,
       booleanQuestionsLabel,
+      gtmUserFields,
       onHookError: (e) => {
         if (process.env.NODE_ENV === 'development') {
           log('ERROR IN IDENTITY-X HOOK', e);
@@ -108,6 +110,19 @@ class IdentityXConfiguration {
     return this.getAsArray('requiredServerFields');
   }
 
+  getGTMUserFieldsData(user) {
+    if (!user) return {};
+    const questions = this.getAsObject('gtmUserFields');
+    const userData = { user_id: user.id };
+    Object.entries(questions).forEach(([key, value]) => {
+      const select = user.customSelectFieldAnswers.find(({id: qId}) => qId === value)
+      if (select && select.answers.length) userData[key] = select.answers.map(({ label }) => label).join("| ");
+      const boolean = user.customBooleanFieldAnswers.find(({id: qId}) => qId === value)
+      if (boolean && boolean.hasAnswered) userData[key] =  boolean.answer;
+    });
+    return userData;
+  }
+
   getRequiredClientFields() {
     return this.getAsArray('requiredClientFields');
   }