@ptcwebops/ptcw-design 6.3.18 → 6.3.19-beta

package/dist/collection/stories/Textfield.stories.js

@@ -4,122 +4,79 @@ export default {
   title: 'Atoms/ptc-textfield',
   tags: [ 'autodocs' ],
   argTypes: {
-    alertText: {
-      control: 'text',
-      description: 'Alert text (blue)',
-      defaultValue: { summary: '' }
-    },
-    alertTextContent: {
-      control: 'text',
-      description: 'Alert text content - below alert text (grey)',
-      defaultValue: { summary: '' }
-    },
     disabled: {
       control: 'boolean',
-      description: 'Disable the field?',
+      description: '',
       defaultValue: { summary: 'false' }
     },
     fieldId: {
       control: 'text',
-      description: 'ID',
-      defaultValue: { summary: '' }
+      description: '',
+      defaultValue: { summary: 'undefined' }
     },
-    fieldName: {
+    helpertext: {
       control: 'text',
-      description: 'input "name" value. e.g.: phone, email, firstname, lastname',
-      defaultValue: { summary: 'email' }
-    },
-    helpertext: { control: 'text', description: 'Validation text (red)', defaultValue: { summary: '' } },
-    ignoreBlindSubmit: {
-      control: 'boolean',
-      description: 'Ignore Blind Submit?',
-      defaultValue: { summary: 'false' }
+      description: '',
+      defaultValue: { summary: 'Please enter a value' }
     },
-    infoText: {
-      control: 'text',
-      description: 'Info Text (black)',
-      defaultValue: { summary: '' }
-    },
-    // inputValue: { control: 'text', description: '', defaultValue: { summary: '' } },
+    inputValue: { control: 'text', description: '', defaultValue: { summary: '' } },
     labelText: {
       control: 'text',
-      description: 'Label Text',
+      description: '',
       defaultValue: { summary: 'Email' }
     },
-    placeholderText: {
+    name: {
       control: 'text',
-      description: 'Place holder Text',
-      defaultValue: { summary: '' }
+      description: '',
+      defaultValue: { summary: 'email' }
     },
     ptcDataEloquaName: {
       control: 'text',
-      description: 'Eloqua Data Name (for the eloqua)',
-      defaultValue: { summary: '' }
-    },
-    ptcDataTargetEloquaName: {
-      control: 'text',
-      description: 'Eloqua Target Data Name (for the eloqua)',
-      defaultValue: { summary: '' }
+      description: '',
+      defaultValue: { summary: 'undefined' }
     },
     ptcMaxLength: {
-      control: 'number',
-      description: 'Text counter limit',
-      defaultValue: { summary: '' }
+      control: '',
+      description: '',
+      defaultValue: { summary: 'undefined' }
     },
     required: {
       control: 'boolean',
-      description: 'Is this a mandatory field?',
+      description: '',
       defaultValue: { summary: 'true' }
     },
-    styles: {
-      control: 'text',
-      description: 'Inject styles for customization',
-      defaultValue: { summary: '' }
-    },
     type: {
       control: 'text',
-      description: 'text, button, email, file and etc. This value triggers different validation',
+      description: 'button, email, file and etc. ',
       defaultValue: { summary: 'text' }
     }
   }
 };
 
 const Template = args => { return html `<ptc-textfield
-	alert-text=${args.alertText}
-	alert-text-content=${args.alertTextContent}
 	disabled=${args.disabled}
 	field-id=${args.fieldId}
-	field-name=${args.fieldName}
 	helpertext=${args.helpertext}
-	ignore-blind-submit=${args.ignoreBlindSubmit}
-	info-text=${args.infoText}
+	input-value=${args.inputValue}
 	label-text=${args.labelText}
-	placeholder-text=${args.placeholderText}
+	name=${args.name}
 	ptc-data-eloqua-name=${args.ptcDataEloquaName}
-	ptc-data-target-eloqua-name=${args.ptcDataTargetEloquaName}
 	ptc-max-length=${args.ptcMaxLength}
 	required=${args.required}
-	styles=${args.styles}
 	type=${args.type}
 ></ptc-textfield>`;}
 
 export const Example = Template.bind({});
 
 Example.args = {
-  alertText: 'Alert text',
-  alertTextContent: 'Alert text content',
   disabled: 'false',
-  fieldId: 'ID',
-  fieldName: 'company field',
-  helpertext: 'Helper text',
-  ignoreBlindSubmit: 'false',
-  infoText: 'Info text',
-  labelText: 'Lable Name',
-  placeholderText: 'Place hoder text goes here',
-  ptcDataEloquaName: 'C_EmailAddress',
-  ptcDataTargetEloquaName: '',
-  ptcMaxLength: '',
+  fieldId: 'ptc-field-name',
+  helpertext: 'Please enter a value',
+  inputValue: '',
+  labelText: 'Email',
+  name: 'email',
+  ptcDataEloquaName: 'data-eloqua-name-value',
+  ptcMaxLength: 'undefined',
   required: 'true',
-  styles: '',
-  type: 'text'
+  type: 'email'
 }

package/dist/collection/stories/Title.stories.js

@@ -1,5 +1,4 @@
 import { html } from 'lit';
-import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 
 export default {
   title: 'Atoms/ptc-title',
@@ -78,36 +77,26 @@ export default {
     isPlmHub: {
         description: "is it a title for PLM Hub page?",
         defaultValue: {summary: false}
-    },
-    slotContent: {
-      name: 'Default Slot',
-      description: 'Text Content between the <ptc-title> tags.',
-      control: 'text',
-      table: {
-        category: 'Default Slot',
-        type: {
-            summary: 'html',
-        },
-      }
     }
   },
 };
 
-const Template = args => {return html`<ptc-title
-  type="${args.type}"
-  text-align="${args.textAlign}"
-  title-size="${args.titleSize}"
-  title-color="${args.titleColor}"
-  upperline="${args.upperline}"
-  title-display="${args.titleDisplay}"
-  title-shadow="${args.titleShadow}"
-  title-height="${args.titleHeight}"
-  title-margin="${args.titleMargin}"
-  title-weight="${args.titleWeight}"
-  is-plm-hub="${args.isPlmHub}"
->
-  ${unsafeHTML(args.slotContent)}
-</ptc-title>`;
+const Template = args => {
+  return html`<ptc-title
+    type="${args.type}"
+    text-align="${args.textAlign}"
+    title-size="${args.titleSize}"
+    title-color="${args.titleColor}"
+    upperline="${args.upperline}"
+    title-display="${args.titleDisplay}"
+    title-shadow="${args.titleShadow}"
+    title-height="${args.titleHeight}"
+    title-margin="${args.titleMargin}"
+    title-weight="${args.titleWeight}"
+    is-plm-hub="${args.isPlmHub}"
+  >
+    Title Example
+  </ptc-title>`;
 };
 
 export const Example = Template.bind({});
@@ -123,5 +112,4 @@ Example.args = {
   titleWeight: 'w-8',
   titleShadow: '',
   isPlmHub: false,
-  slotContent:'Lorem ipsum',
 };

package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js

@@ -0,0 +1,45 @@
+import { html } from 'lit';
+
+export default  {
+    title: 'Organisms/E-Support Organisms/Case Tracker'
+
+}
+const CaseTracker = args => {
+    return html `
+
+    <ptc-spacer></ptc-spacer>
+ <ptc-spacer></ptc-spacer>
+ <ptc-spacer></ptc-spacer>
+ <div class="ptc-container is-grid">
+    <div class="is-col-12 is-col-6-md">
+      <ptc-title upperline="none">Case Tracker - Authorized Use Only</ptc-title>
+      <ptc-spacer></ptc-spacer>
+      <ptc-spacer></ptc-spacer>
+      <ptc-para>If you want to use this application on behalf of a customer use this search from to lookup the customer record. When you have found the customer hit the Next > button</ptc-para>
+      <ptc-textfield field-id="contact-email" label-text="Customer Name" type="text" ptc-data-eloqua-name="C_EmailAddress" field-name="email"></ptc-textfield>
+      <ptc-textfield field-id="contact-email" label-text="Customer Number" type="text" ptc-data-eloqua-name="C_EmailAddress" field-name="email"></ptc-textfield>
+      <ptc-button color="ptc-quaternary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" tab-nav="0" target="_self" text-align="undefined" type="button">Search</ptc-button>
+      <ptc-button color="ptc-quaternary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" tab-nav="0" target="_self" text-align="undefined" type="button">Next</ptc-button>
+    </div>
+    <div class="is-col-12 is-col-2-md">
+
+    </div>
+    <div class="is-col-12 is-col-3-md">
+      <ptc-spacer></ptc-spacer>
+      <ptc-spacer></ptc-spacer>
+      <ptc-spacer></ptc-spacer>
+      <ptc-spacer></ptc-spacer>
+      <div  style="border: solid; padding: 5px;">
+      <ptc-title upperline="none" type="h3">search tips</ptc-title>
+      <ul>
+        <li>You can use this search form to use this application on behalf of a customer.</li>
+        <li>You can use this search form to use this application on behalf of a customer.</li>
+      </ul>
+    </div>
+    </div>
+
+
+ </div>
+    `;}
+
+export const Preview = CaseTracker.bind();

package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js

@@ -0,0 +1,47 @@
+import { html } from 'lit';
+
+export default  {
+    title: 'Organisms/E-Support Organisms/Support Article'
+
+}
+const ArticlePage = args => {
+    return html `
+
+    <div class="ptc-container">
+
+    <ptc-title upperline="" type="h4" title-color="grey">How to run Apache, Tomcat, Windchill Directory Server </ptc-title>
+    <ptc-para>Modified: 23-Nov-2023 | LastSeen: 17-Jun-2024 
+        <ptc-dropdown label="Available in:" listitems="" theme="support">
+          <item selected="" label="English"></item>
+          <item label="English"></item>
+          <item label="English"></item>
+          
+        </ptc-dropdown>
+      
+    </ptc-para>
+  
+  <div style="background-color: rgb(238, 238, 238);; padding:2px">
+    <ptc-title type="h5" upperline="">Public</ptc-title>
+    <ptc-para >
+      Created by Steven Jin and improved by Mi Yeon Grace Jin, Amit Deshpande, Hideyuki Akiyama, Lily Liu, Arshad Imam, Luis Barbosa, Feng Xiang Cliff Tian, Swapnil Deshmukh, Kellan Chen, Teresa Man, Chao Max Wang, Saurabh Ghewande, Mahesh Lomate, Aditya Chaure, Tsutomu Seki, Salesforce Data Manipulation User, Steven Jin, Shirley Yang
+      Customer Views:  24559  |   Useful Ratings (Customers):  118  |   Useful Ratings (PTC):  45  |   Cases Solved:  154
+    </ptc-para>
+
+  </div>
+  <ptc-spacer></ptc-spacer>
+  <ptc-spacer></ptc-spacer>
+  <div>
+    <ptc-title upperline="" type="h4">Description</ptc-title>
+    <hr style="color:green">
+    <ptc-para>
+      <ul>
+        <li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
+        <li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
+        <li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
+      </ul>
+    </ptc-para>
+  </div>
+</div>
+    `;}
+
+export const Preview = ArticlePage.bind();

package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js

@@ -0,0 +1,157 @@
+import { html } from 'lit';
+
+export default  {
+    title: 'Organisms/E-Support Organisms/Support Page'
+
+}
+const SupportPage = args => {
+    return html `
+
+    <ptc-spacer></ptc-spacer>
+  <ptc-spacer></ptc-spacer>
+  <ptc-spacer></ptc-spacer>
+  <ptc-spacer></ptc-spacer>
+  <div class="ptc-container is-grid has-col-gap green-container">
+    <div class="is-col-12 is-col-7-md search-container">
+
+      <ptc-spacer></ptc-spacer>
+      <ptc-spacer></ptc-spacer>
+      <ptc-spacer></ptc-spacer>
+      <ptc-title type="h2" text-align="center" title-size="x-large" title-color="white" upperline="no-upperline" title-display="inline-block" title-shadow="" title-height="densest" title-margin="margin-3" title-weight="w-8" is-plm-hub="false">
+        Search the Knowledge Base
+      </ptc-title>
+      <ptc-search-field  placeholder-label="Search Technical Support Documentation and Articles" ></ptc-search-field>
+    </div>
+    <div class="is-col-12 is-col-5-md form-section">
+      <ptc-title upperline="none">Popular Tasks</ptc-title>
+      <!-- <ul> -->
+        <ptc-link>Product Pages</ptc-link>
+        <ptc-link>Product Pages</ptc-link>
+        <ptc-link>Product Pages</ptc-link>
+        <ptc-link>Product Pages</ptc-link>
+      
+    </div>
+  </div>
+
+  <ptc-spacer></ptc-spacer>
+  <ptc-spacer></ptc-spacer>
+  
+  <div class="ptc-container is-grid has-col-gap link-container ">
+    <div class="is-col-1"></div>
+    <div class="is-col-2 links"><ptc-link>Support</ptc-link>
+      <button class="btn" role="button" >
+      <span class="arrow">
+        <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
+      </span>
+      </button>
+    </div>
+    <div class="is-col-2 llinks"><ptc-link>Manage and monitor software</ptc-link>
+      <button class="btn" role="button" >
+        <span class="arrow">
+          <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
+        </span>
+        </button>
+    </div>
+    <div class="is-col-2 llinks"><ptc-link>Learn</ptc-link>
+      <button class="btn" role="button" >
+        <span class="arrow">
+          <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
+        </span>
+        </button>
+    </div>
+    <div class="is-col-2 llinks"><ptc-link>Service and Expertise</ptc-link>
+      <button class="btn" role="button" >
+        <span class="arrow">
+          <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
+        </span>
+        </button>
+    </div>
+    <div class="is-col-2 llinks"><ptc-link>PTC Partner Network</ptc-link>
+      <button class="btn" role="button" >
+        <span class="arrow">
+          <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
+        </span>
+        </button>
+    </div>
+    <div class="is-col-1 links"></div>
+  </div>
+ <style>
+   
+
+   .btn {
+      display: none;
+      padding: 10px;
+      font-size: 16px;
+      font-weight: 500;
+      border: none;
+      background-color: transparent;
+      cursor: pointer;
+      align-items: center;
+      span {
+        margin-right: 8px;
+        align-items: center;
+      }
+      
+
+      
+   }
+
+  .llinks:hover  .btn {
+      display: block;
+      
+      
+  }
+
+  .links:hover  .btn {
+      display: flex;
+  }
+  .green-container {
+    background-color:#b3dda4 ;
+    padding: 10px;
+    .search-container{
+      background-color: #00890B;
+      padding:10px;
+      align-items: center;
+    }
+    .form-section {
+      background-color: white;
+      padding: 10px;
+
+      ptc-link {
+        padding: 5px;
+      }
+    }
+  }
+  .links {
+    align-content: center;
+    text-align: center;
+    padding-bottom: 16px;
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content:  space-between;
+  }
+
+  .llinks {
+    align-content: center;
+    text-align: center;
+    padding-bottom: 16px;
+    border-left: solid 2px #b3dda4;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+
+  }
+  .link-container {
+    border-bottom: solid 2px #b3dda4;
+    /* margin: 15px; */
+  }
+
+  
+</style> 
+    `;}
+
+export const Preview = SupportPage.bind();

package/dist/collection/utils/elq-lib.js

@@ -63,14 +63,14 @@ export class ElqLib {
       else {
         ElqLib._elqQ.push(['elqTrackPageView', url]);
       }
-      //console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
+      console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
     }
     catch (e) {
       console.log('TRACKING: Could not fire Eloqua pageview: ', e);
     }
   }
   find_eloqua_contact() {
-    //console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
+    console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
     // Queue callback action for the return of lookup
     this.callback_queue.push(this.handle_contact_lookup.bind(this));
     // Start with a recipient lookup if ID was supplied in URL
@@ -91,7 +91,7 @@ export class ElqLib {
   //public function for preference center
   //Fires a lookups to get membership info
   find_eloqua_subscription_info() {
-    //console.log('Subscription Lookup: running find_eloqua_subscription_info 1. push handle_visitor_lookup into callback queue, 2. push populateCheckboxes into callback queue...');
+    console.log('Subscription Lookup: running find_eloqua_subscription_info 1. push handle_visitor_lookup into callback queue, 2. push populateCheckboxes into callback queue...');
     // Queue callback action for the return of lookup
     this.callback_queue.push(this.handle_visitor_lookup.bind(this));
     this.callback_queue.push(this.populateCheckboxes.bind(this));
@@ -123,16 +123,16 @@ export class ElqLib {
       this.url_vars[key] = value;
     });
     // Optionally, log the stored URL variables
-    //console.log('URL variables stored:', this.url_vars);
+    console.log('URL variables stored:', this.url_vars);
   }
   // A visitor elq id will be produced from the preference center link
   store_visitor_elq_id() {
-    //console.log("INIT: Looking for visitor's Eloqua ID in URL...");
+    console.log("INIT: Looking for visitor's Eloqua ID in URL...");
     const elqIdParam = this.url_vars['elq'];
     if (elqIdParam) {
       const elqId = elqIdParam.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
       this.visitor_elq_id = elqId;
-      //console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
+      console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
     }
     else {
       this.visitor_elq_id = null;
@@ -156,10 +156,10 @@ export class ElqLib {
     while (actionSucceeded && this.callback_queue.length > 0) {
       const action = this.callback_queue.shift();
       if (action) {
-        //console.log(`QUEUE: Executing action`);
+        console.log(`QUEUE: Executing action`);
         actionSucceeded = action(); // Execute the action. It must return a boolean indicating success.
         if (actionSucceeded) {
-          //console.log('QUEUE: Action executed successfully, removed from queue');
+          console.log('QUEUE: Action executed successfully, removed from queue');
         }
         else {
           console.log('QUEUE: Action failed, re-adding to queue');
@@ -184,7 +184,7 @@ export class ElqLib {
   lookup_visitor_by_cookie() {
     if (this.params.elq_visitor_lookup_key != '') {
       ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
-      //console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
+      console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
     }
     else {
       console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
@@ -192,19 +192,19 @@ export class ElqLib {
   }
   retry_visitor_by_cookie(attempts = 3, delay = 500) {
     let $timeoutId;
-    //console.log('running retry_visitor_by_cookie');
+    console.log('running retry_visitor_by_cookie');
     if (attempts > 0) {
       //sending V_Email_Address lookup
       this.lookup_visitor_by_cookie();
       if (typeof window.GetElqContentPersonalizationValue !== 'function') {
-        //console.warn(`GetElqContentPersonalizationValue(V_Email_Address) is not available, retrying... (${attempts} attempts left)`);
+        console.warn(`GetElqContentPersonalizationValue(V_Email_Address) is not available, retrying... (${attempts} attempts left)`);
         // Retry after the specified delay
         $timeoutId = setTimeout(() => {
           this.retry_visitor_by_cookie(attempts - 1, delay);
         }, delay);
       }
       else {
-        //console.info('found V_Email_Address!');
+        console.info('found V_Email_Address!');
         clearTimeout($timeoutId);
       }
     }
@@ -219,7 +219,7 @@ export class ElqLib {
         escape(this.params.elq_recipient_id_lookup_key),
         '<' + this.params.elq_field_email_rec_id + '>' + this.visitor_elq_id + '</' + this.params.elq_field_email_rec_id + '>',
       ]);
-      //console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
+      console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
       //console.log('find visitor email' + window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email));
     }
     else {
@@ -233,7 +233,7 @@ export class ElqLib {
         escape(this.params.elq_contact_lookup_key),
         '<' + this.params.elq_field_contact_email + '>' + this.user_elq_email + '</' + this.params.elq_field_contact_email + '>',
       ]);
-      //console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
+      console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
     }
     else {
       console.log('LOOKUP: A Contact lookup cannot be performed as no lookup key was defined');
@@ -247,7 +247,7 @@ export class ElqLib {
         escape(this.params.elq_subscription_lookup_key),
         `<${this.params.elq_field_contact_email}>${this.user_elq_email}</${this.params.elq_field_contact_email}>`,
       ]);
-      //console.log('LOOKUP: Subscription lookup sent using email address: ' + this.user_elq_email);
+      console.log('LOOKUP: Subscription lookup sent using email address: ' + this.user_elq_email);
     }
     else {
       console.log('LOOKUP: A Subscription lookup cannot be performed as no subscription lookup key or email was defined');
@@ -258,7 +258,7 @@ export class ElqLib {
     if (typeof window.GetElqContentPersonalizationValue == 'function') {
       const email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email); //V_Email_Address's value
       if (email) {
-        //console.log(`LOOKUP: Found contact email address: ${email}`);
+        console.log(`LOOKUP: Found contact email address: ${email}`);
         this.user_elq_email = email.trim();
         this.lookup_subscription_by_email();
         var cookieValue = this.user_elq_email;
@@ -277,7 +277,7 @@ export class ElqLib {
   }
   handle_contact_lookup() {
     if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) != '') {
-      //console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
+      console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
       return true;
     }
     else {
@@ -285,14 +285,14 @@ export class ElqLib {
     }
   }
   populate_mapped_fields() {
-    //console.log('MAPPING: Starting field mapping');
+    console.log('MAPPING: Starting field mapping');
     //debugger;
     this.field_mappings.forEach(({ elementId, elqFieldName }) => {
       const fieldValue = window.GetElqContentPersonalizationValue(elqFieldName);
       if (elementId !== 'contact-country') {
         const element = document.getElementById(elementId);
         //console.log('element ID of field mappings: ' + elementId);
-        //console.log('fieldValue ID of field mappings: ' + fieldValue);
+        console.log('fieldValue ID of field mappings: ' + fieldValue);
         if (element && fieldValue) {
           element.value = fieldValue;
           //element.style.display = 'none'; // Hide the field.
@@ -322,13 +322,13 @@ export class ElqLib {
         }
       }
     });
-    //console.log('MAPPING: Finished ');
+    console.log('MAPPING: Finished ');
     if (this.fields_populated) {
       this.update_notme_link();
     }
   }
   update_user_details() {
-    //console.log('displaying user info...');
+    console.log('displaying user info...');
     if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) !== '') {
       document
         .querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text')
@@ -387,7 +387,7 @@ export class ElqLib {
   //preference center
   populateCheckboxes() {
     if (typeof window.GetElqGroupMembershipStatus === 'function') {
-      //console.log('populating checkboxes...');
+      console.log('populating checkboxes...');
       this.user_elq_email
         ? (document.querySelector('.cookie-email').innerHTML = this.user_elq_email)
         : (document.querySelector('.cookie-email').innerHTML = 'email information is not available');
@@ -465,7 +465,7 @@ export class ElqLib {
       if (elementId !== 'contact-country') {
         const element = document.getElementById(elementId);
         if (element) {
-          //console.log('element: ' + element);
+          console.log('element: ' + element);
           element.value = ''; // Reset the value
           if (element.closest('ptc-textfield')) {
             if (element.closest('ptc-textfield').getAttribute('ignore-blind-submit') != 'true') {
@@ -499,7 +499,7 @@ export class ElqLib {
   }
   clearEloquaCookie(name) {
     document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
-    //console.log('cookie cleared');
+    console.log('cookie cleared');
   }
   // Private Method to load Eloqua Scripts
   async_load() {
@@ -520,7 +520,7 @@ export class ElqLib {
     else {
       document.head.appendChild(scriptElement);
     }
-    //console.log(`Async loading of script ${scriptUrl} initiated.`);
+    console.log(`Async loading of script ${scriptUrl} initiated.`);
   }
 }
 ElqLib._elqQ = window['_elqQ'] || [];