@ptcwebops/ptcw-design 2.8.9 → 2.9.0

package/dist/collection/components/ptc-container/ptc-container.js

@@ -1,138 +1,138 @@
-import { h, Host } from '@stencil/core';
-export class PtcContainer {
-  constructor() {
-    this.backgroundColor = 'white';
-    this.elevation = 'small';
-    this.containerType = '';
-    this.spacing = 'xxx-large';
-    this.styles = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: this.getContainerClass() }, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h("slot", null))));
-  }
-  getContainerClass() {
-    switch (this.containerType) {
-      case 'large':
-        return 'ptc-container-lg';
-      case 'none':
-        return undefined;
-      default:
-        return 'ptc-container';
-    }
-  }
-  getCssClassMap() {
-    const spacing = `spacing-${this.spacing}`;
-    return {
-      ['content-wrapper']: true,
-      [this.backgroundColor]: true,
-      [this.elevation]: true,
-      [spacing]: true
-    };
-  }
-  static get is() { return "ptc-container"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-container.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-container.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "backgroundColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'white' | 'gray'",
-          "resolved": "\"gray\" | \"white\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Theme"
-        },
-        "attribute": "background-color",
-        "reflect": false,
-        "defaultValue": "'white'"
-      },
-      "elevation": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'x-small' | 'small' | 'medium' | 'large' | 'x-large'",
-          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "elevation",
-        "reflect": false,
-        "defaultValue": "'small'"
-      },
-      "containerType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'large' | 'none' | ''",
-          "resolved": "\"\" | \"large\" | \"none\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "container-type",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "spacing": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large'",
-          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-small\" | \"xxx-large\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "spacing",
-        "reflect": false,
-        "defaultValue": "'xxx-large'"
-      },
-      "styles": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "styles",
-        "reflect": false
-      }
-    };
-  }
-}
+import { h, Host } from '@stencil/core';
+export class PtcContainer {
+  constructor() {
+    this.backgroundColor = 'white';
+    this.elevation = 'small';
+    this.containerType = '';
+    this.spacing = 'xxx-large';
+    this.styles = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: this.getContainerClass() }, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h("slot", null))));
+  }
+  getContainerClass() {
+    switch (this.containerType) {
+      case 'large':
+        return 'ptc-container-lg';
+      case 'none':
+        return undefined;
+      default:
+        return 'ptc-container';
+    }
+  }
+  getCssClassMap() {
+    const spacing = `spacing-${this.spacing}`;
+    return {
+      ['content-wrapper']: true,
+      [this.backgroundColor]: true,
+      [this.elevation]: true,
+      [spacing]: true
+    };
+  }
+  static get is() { return "ptc-container"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-container.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-container.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "backgroundColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'white' | 'gray'",
+          "resolved": "\"gray\" | \"white\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme"
+        },
+        "attribute": "background-color",
+        "reflect": false,
+        "defaultValue": "'white'"
+      },
+      "elevation": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'x-small' | 'small' | 'medium' | 'large' | 'x-large'",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "elevation",
+        "reflect": false,
+        "defaultValue": "'small'"
+      },
+      "containerType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'large' | 'none' | ''",
+          "resolved": "\"\" | \"large\" | \"none\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "container-type",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "spacing": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large'",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-small\" | \"xxx-large\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "spacing",
+        "reflect": false,
+        "defaultValue": "'xxx-large'"
+      },
+      "styles": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "styles",
+        "reflect": false
+      }
+    };
+  }
+}

package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.js

@@ -0,0 +1,316 @@
+import { h } from '@stencil/core';
+import { ElqLib } from '../../utils/elq-lib';
+export class PtcDataLookup {
+  constructor() {
+    this.elqSiteId = undefined;
+    this.elqVisitorLookupKey = undefined;
+    this.elqRecipientIdLookupKey = undefined;
+    this.elqContactLookupKey = undefined;
+    this.elqFieldEmailRecId = "V_EmailRecipientID";
+    this.elqFieldContactEmail = "C_EmailAddress";
+    this.elqFieldVisitorEmail = 'V_Email_Address';
+    this.elqFieldVisitorFirstname = 'C_FirstName';
+    this.elqFieldVisitorLastname = 'C_LastName';
+    this.notmeLinkId = undefined;
+    this.notmeFieldsClass = undefined;
+    this.notmeMessage = undefined;
+    this.notmeMessageNoname = undefined;
+    this.isInitialized = false;
+  }
+  componentWillLoad() {
+    this.initializeElqLib();
+  }
+  initializeElqLib() {
+    this.elqLib = new ElqLib({
+      elq_site_id: this.elqSiteId,
+      elq_visitor_lookup_key: this.elqVisitorLookupKey,
+      elq_recipient_id_lookup_key: this.elqRecipientIdLookupKey,
+      elq_contact_lookup_key: this.elqContactLookupKey,
+      elq_field_email_rec_id: this.elqFieldEmailRecId,
+      elq_field_contact_email: this.elqFieldContactEmail,
+      elq_field_visitor_email: this.elqFieldVisitorEmail,
+      elq_field_visitor_firstname: this.elqFieldVisitorFirstname,
+      elq_field_visitor_lastname: this.elqFieldVisitorLastname,
+      notme_link_id: this.notmeLinkId,
+      notme_fields_class: this.notmeFieldsClass,
+      notme_message: this.notmeMessage,
+      notme_message_noname: this.notmeMessageNoname,
+    });
+    this.isInitialized = true;
+  }
+  async performDataLookup() {
+    if (this.isInitialized) {
+      this.elqLib.find_eloqua_contact();
+    }
+  }
+  render() {
+    return (h("slot", null));
+  }
+  static get is() { return "ptc-data-lookup"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-data-lookup.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-data-lookup.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "elqSiteId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "elq-site-id",
+        "reflect": false
+      },
+      "elqVisitorLookupKey": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "elq-visitor-lookup-key",
+        "reflect": false
+      },
+      "elqRecipientIdLookupKey": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "elq-recipient-id-lookup-key",
+        "reflect": false
+      },
+      "elqContactLookupKey": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "elq-contact-lookup-key",
+        "reflect": false
+      },
+      "elqFieldEmailRecId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "elq-field-email-rec-id",
+        "reflect": false,
+        "defaultValue": "\"V_EmailRecipientID\""
+      },
+      "elqFieldContactEmail": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "elq-field-contact-email",
+        "reflect": false,
+        "defaultValue": "\"C_EmailAddress\""
+      },
+      "elqFieldVisitorEmail": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "elq-field-visitor-email",
+        "reflect": false,
+        "defaultValue": "'V_Email_Address'"
+      },
+      "elqFieldVisitorFirstname": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "elq-field-visitor-firstname",
+        "reflect": false,
+        "defaultValue": "'C_FirstName'"
+      },
+      "elqFieldVisitorLastname": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "elq-field-visitor-lastname",
+        "reflect": false,
+        "defaultValue": "'C_LastName'"
+      },
+      "notmeLinkId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | null",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "notme-link-id",
+        "reflect": false
+      },
+      "notmeFieldsClass": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | null",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "notme-fields-class",
+        "reflect": false
+      },
+      "notmeMessage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "notme-message",
+        "reflect": false
+      },
+      "notmeMessageNoname": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "notme-message-noname",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isInitialized": {}
+    };
+  }
+  static get methods() {
+    return {
+      "performDataLookup": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
+}