@justifi/webcomponents 0.0.14 → 0.2.0

package/dist/esm/justifi-card-form.entry.js

@@ -0,0 +1,55 @@
+import { r as registerInstance, c as createEvent, h } from './index-0bcf33c4.js';
+
+const CardForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.cardFormReady = createEvent(this, "cardFormReady", 7);
+    this.cardFormTokenize = createEvent(this, "cardFormTokenize", 7);
+    this.cardFormValidate = createEvent(this, "cardFormValidate", 7);
+    this.validationStrategy = undefined;
+    this.styleOverrides = undefined;
+    this.internalStyleOverrides = undefined;
+  }
+  readyHandler(event) {
+    this.cardFormReady.emit(event);
+  }
+  tokenizeHandler(event) {
+    this.cardFormTokenize.emit(event);
+  }
+  validateHandler(event) {
+    this.cardFormValidate.emit(event);
+  }
+  componentWillLoad() {
+    this.parseStyleOverrides();
+  }
+  parseStyleOverrides() {
+    if (this.styleOverrides) {
+      const parsedStyleOverrides = JSON.parse(this.styleOverrides);
+      this.internalStyleOverrides = parsedStyleOverrides;
+    }
+  }
+  async tokenize(...args) {
+    if (!this.childRef) {
+      throw new Error('Cannot call tokenize');
+    }
+    return this.childRef.tokenize(...args);
+  }
+  async validate() {
+    if (!this.childRef) {
+      throw new Error('Cannot call validate');
+    }
+    return this.childRef.validate();
+  }
+  render() {
+    return (h("justifi-payment-method-form", { ref: el => {
+        if (el) {
+          this.childRef = el;
+        }
+      }, "payment-method-form-type": "card", "payment-method-form-ready": this.cardFormReady, "payment-method-form-tokenize": this.cardFormTokenize, "payment-method-form-validation-strategy": this.validationStrategy || 'onSubmit', paymentMethodStyleOverrides: this.internalStyleOverrides }));
+  }
+  static get watchers() { return {
+    "styleOverrides": ["parseStyleOverrides"]
+  }; }
+};
+
+export { CardForm as justifi_card_form };

package/dist/esm/justifi-payment-method-form.entry.js

@@ -0,0 +1,105 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0bcf33c4.js';
+
+const MessageEventType = {
+  card: {
+    ready: 'justifi.card.ready',
+    tokenize: 'justifi.card.tokenize',
+    validate: 'justifi.card.validate',
+    resize: 'justifi.card.resize',
+    styleOverrides: 'justifi.card.styleOverrides',
+  },
+  bankAccount: {
+    ready: 'justifi.bankAccount.ready',
+    tokenize: 'justifi.bankAccount.tokenize',
+    validate: 'justifi.bankAccount.validate',
+    resize: 'justifi.bankAccount.resize',
+    styleOverrides: 'justifi.bankAccount.styleOverrides',
+  }
+};
+
+const paymentMethodFormCss = ":host{display:block}justifi-payment-method-form iframe{border:none;width:100%}";
+
+const PaymentMethodForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.paymentMethodFormReady = createEvent(this, "paymentMethodFormReady", 7);
+    this.paymentMethodFormTokenize = createEvent(this, "paymentMethodFormTokenize", 7);
+    this.paymentMethodFormType = undefined;
+    this.paymentMethodFormValidationStrategy = undefined;
+    this.paymentMethodStyleOverrides = undefined;
+    this.height = 55;
+  }
+  connectedCallback() {
+    window.addEventListener('message', this.dispatchMessageEvent.bind(this));
+  }
+  disconnectedCallback() {
+    window.removeEventListener('message', this.dispatchMessageEvent.bind(this));
+  }
+  componentShouldUpdate() {
+    this.sendStyleOverrides();
+  }
+  sendStyleOverrides() {
+    if (this.paymentMethodStyleOverrides) {
+      this.postMessage(MessageEventType[this.paymentMethodFormType].styleOverrides, { styleOverrides: this.paymentMethodStyleOverrides });
+    }
+  }
+  dispatchMessageEvent(messageEvent) {
+    const messagePayload = messageEvent.data;
+    const messageType = messagePayload.eventType;
+    const messageData = messagePayload.data;
+    if (messageType === MessageEventType[this.paymentMethodFormType].ready) {
+      this.paymentMethodFormReady.emit(messageData);
+    }
+    if (messageType === MessageEventType[this.paymentMethodFormType].resize) {
+      this.height = messageData.height;
+    }
+  }
+  postMessage(eventType, payload) {
+    if (this.iframeElement) {
+      this.iframeElement.contentWindow.postMessage(Object.assign({ eventType: eventType }, payload), '*');
+    }
+  }
+  ;
+  async postMessageWithResponseListener(eventType, payload) {
+    return new Promise((resolve) => {
+      const responseListener = (event) => {
+        if (event.data.eventType !== eventType)
+          return;
+        window.removeEventListener('message', responseListener);
+        resolve(event.data.data);
+      };
+      window.addEventListener('message', responseListener);
+      this.postMessage(eventType, payload);
+    });
+  }
+  async tokenize(clientId, paymentMethodMetadata, account) {
+    const eventType = MessageEventType[this.paymentMethodFormType].tokenize;
+    const payload = {
+      clientId: clientId,
+      paymentMethodMetadata: paymentMethodMetadata,
+      account: account
+    };
+    return this.postMessageWithResponseListener(eventType, payload);
+  }
+  ;
+  async validate() {
+    return this.postMessageWithResponseListener(MessageEventType[this.paymentMethodFormType].validate);
+  }
+  ;
+  getIframeSrc() {
+    let iframeSrc = `https://js.justifi.ai/v2/${this.paymentMethodFormType}`;
+    if (this.paymentMethodFormValidationStrategy) {
+      iframeSrc += `?validationStrategy=${this.paymentMethodFormValidationStrategy}`;
+    }
+    return iframeSrc;
+  }
+  render() {
+    return (h(Host, null, h("iframe", { id: `justifi-payment-method-form-${this.paymentMethodFormType}`, src: this.getIframeSrc(), ref: (el) => this.iframeElement = el, height: this.height })));
+  }
+  static get watchers() { return {
+    "paymentMethodStyleOverrides": ["sendStyleOverrides"]
+  }; }
+};
+PaymentMethodForm.style = paymentMethodFormCss;
+
+export { PaymentMethodForm as justifi_payment_method_form };

package/dist/esm/{justifi-bank-account-form_4.entry.js → justifi-payments-list.entry.js}

@@ -1,206 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1f569bd.js';
-
-const BankAccountForm = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.bankAccountFormReady = createEvent(this, "bankAccountFormReady", 7);
-    this.bankAccountFormTokenize = createEvent(this, "bankAccountFormTokenize", 7);
-    this.bankAccountFormValidate = createEvent(this, "bankAccountFormValidate", 7);
-    this.validationStrategy = undefined;
-    this.styleOverrides = undefined;
-    this.internalStyleOverrides = undefined;
-  }
-  readyHandler(event) {
-    this.bankAccountFormReady.emit(event);
-  }
-  tokenizeHandler(event) {
-    this.bankAccountFormTokenize.emit(event);
-  }
-  validateHandler(event) {
-    this.bankAccountFormValidate.emit(event);
-  }
-  componentWillLoad() {
-    this.parseStyleOverrides();
-  }
-  parseStyleOverrides() {
-    const parsedStyleOverrides = JSON.parse(this.styleOverrides);
-    this.internalStyleOverrides = parsedStyleOverrides;
-  }
-  async tokenize(...args) {
-    if (!this.childRef) {
-      throw new Error('Cannot call tokenize');
-    }
-    return this.childRef.tokenize(...args);
-  }
-  async validate() {
-    if (!this.childRef) {
-      throw new Error('Cannot call validate');
-    }
-    return this.childRef.validate();
-  }
-  render() {
-    return (h("justifi-payment-method-form", { ref: el => {
-        if (el) {
-          this.childRef = el;
-        }
-      }, "payment-method-form-type": "bankAccount", "payment-method-form-ready": this.bankAccountFormReady, "payment-method-form-tokenize": this.bankAccountFormTokenize, "payment-method-form-validation-strategy": this.validationStrategy || 'onSubmit', paymentMethodStyleOverrides: this.internalStyleOverrides }));
-  }
-  static get watchers() { return {
-    "styleOverrides": ["parseStyleOverrides"]
-  }; }
-};
-
-const CardForm = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.cardFormReady = createEvent(this, "cardFormReady", 7);
-    this.cardFormTokenize = createEvent(this, "cardFormTokenize", 7);
-    this.cardFormValidate = createEvent(this, "cardFormValidate", 7);
-    this.validationStrategy = undefined;
-    this.styleOverrides = undefined;
-    this.internalStyleOverrides = undefined;
-  }
-  readyHandler(event) {
-    this.cardFormReady.emit(event);
-  }
-  tokenizeHandler(event) {
-    this.cardFormTokenize.emit(event);
-  }
-  validateHandler(event) {
-    this.cardFormValidate.emit(event);
-  }
-  componentWillLoad() {
-    this.parseStyleOverrides();
-  }
-  parseStyleOverrides() {
-    const parsedStyleOverrides = JSON.parse(this.styleOverrides);
-    this.internalStyleOverrides = parsedStyleOverrides;
-  }
-  async tokenize(...args) {
-    if (!this.childRef) {
-      throw new Error('Cannot call tokenize');
-    }
-    return this.childRef.tokenize(...args);
-  }
-  async validate() {
-    if (!this.childRef) {
-      throw new Error('Cannot call validate');
-    }
-    return this.childRef.validate();
-  }
-  render() {
-    return (h("justifi-payment-method-form", { ref: el => {
-        if (el) {
-          this.childRef = el;
-        }
-      }, "payment-method-form-type": "card", "payment-method-form-ready": this.cardFormReady, "payment-method-form-tokenize": this.cardFormTokenize, "payment-method-form-validation-strategy": this.validationStrategy || 'onSubmit', paymentMethodStyleOverrides: this.internalStyleOverrides }));
-  }
-  static get watchers() { return {
-    "styleOverrides": ["parseStyleOverrides"]
-  }; }
-};
-
-const MessageEventType = {
-  card: {
-    ready: 'justifi.card.ready',
-    tokenize: 'justifi.card.tokenize',
-    validate: 'justifi.card.validate',
-    resize: 'justifi.card.resize',
-    styleOverrides: 'justifi.card.styleOverrides',
-  },
-  bankAccount: {
-    ready: 'justifi.bankAccount.ready',
-    tokenize: 'justifi.bankAccount.tokenize',
-    validate: 'justifi.bankAccount.validate',
-    resize: 'justifi.bankAccount.resize',
-    styleOverrides: 'justifi.bankAccount.styleOverrides',
-  }
-};
-
-const paymentMethodFormCss = ":host{display:block}justifi-payment-method-form iframe{border:none;width:100%}";
-
-const PaymentMethodForm = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.paymentMethodFormReady = createEvent(this, "paymentMethodFormReady", 7);
-    this.paymentMethodFormTokenize = createEvent(this, "paymentMethodFormTokenize", 7);
-    this.paymentMethodFormType = undefined;
-    this.paymentMethodFormValidationStrategy = undefined;
-    this.paymentMethodStyleOverrides = undefined;
-    this.height = 55;
-  }
-  connectedCallback() {
-    window.addEventListener('message', this.dispatchMessageEvent.bind(this));
-  }
-  disconnectedCallback() {
-    window.removeEventListener('message', this.dispatchMessageEvent.bind(this));
-  }
-  componentShouldUpdate() {
-    this.sendStyleOverrides();
-  }
-  sendStyleOverrides() {
-    if (this.paymentMethodStyleOverrides) {
-      this.postMessage(MessageEventType[this.paymentMethodFormType].styleOverrides, { styleOverrides: this.paymentMethodStyleOverrides });
-    }
-  }
-  dispatchMessageEvent(messageEvent) {
-    const messagePayload = messageEvent.data;
-    const messageType = messagePayload.eventType;
-    const messageData = messagePayload.data;
-    if (messageType === MessageEventType[this.paymentMethodFormType].ready) {
-      this.paymentMethodFormReady.emit(messageData);
-    }
-    if (messageType === MessageEventType[this.paymentMethodFormType].resize) {
-      this.height = messageData.height;
-    }
-  }
-  postMessage(eventType, payload) {
-    if (this.iframeElement) {
-      this.iframeElement.contentWindow.postMessage(Object.assign({ eventType: eventType }, payload), '*');
-    }
-  }
-  ;
-  async postMessageWithResponseListener(eventType, payload) {
-    return new Promise((resolve) => {
-      const responseListener = (event) => {
-        if (event.data.eventType !== eventType)
-          return;
-        window.removeEventListener('message', responseListener);
-        resolve(event.data.data);
-      };
-      window.addEventListener('message', responseListener);
-      this.postMessage(eventType, payload);
-    });
-  }
-  async tokenize(clientKey, paymentMethodMetadata, account) {
-    const eventType = MessageEventType[this.paymentMethodFormType].tokenize;
-    const payload = {
-      clientKey: clientKey,
-      paymentMethodMetadata: paymentMethodMetadata,
-      account: account
-    };
-    return this.postMessageWithResponseListener(eventType, payload);
-  }
-  ;
-  async validate() {
-    return this.postMessageWithResponseListener(MessageEventType[this.paymentMethodFormType].validate);
-  }
-  ;
-  getIframeSrc() {
-    let iframeSrc = `https://js.justifi.ai/v2/${this.paymentMethodFormType}`;
-    if (this.paymentMethodFormValidationStrategy) {
-      iframeSrc += `?validationStrategy=${this.paymentMethodFormValidationStrategy}`;
-    }
-    return iframeSrc;
-  }
-  render() {
-    return (h(Host, null, h("iframe", { id: `justifi-payment-method-form-${this.paymentMethodFormType}`, src: this.getIframeSrc(), ref: (el) => this.iframeElement = el, height: this.height })));
-  }
-  static get watchers() { return {
-    "paymentMethodStyleOverrides": ["sendStyleOverrides"]
-  }; }
-};
-PaymentMethodForm.style = paymentMethodFormCss;
+import { r as registerInstance, h, H as Host } from './index-0bcf33c4.js';
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
@@ -4430,4 +4228,4 @@ const PaymentsList = class {
 };
 PaymentsList.style = paymentsListCss;
 
-export { BankAccountForm as justifi_bank_account_form, CardForm as justifi_card_form, PaymentMethodForm as justifi_payment_method_form, PaymentsList as justifi_payments_list };
+export { PaymentsList as justifi_payments_list };

package/dist/esm/loader.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-c1f569bd.js';
-export { s as setNonce } from './index-c1f569bd.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-0bcf33c4.js';
+export { s as setNonce } from './index-0bcf33c4.js';
 
 /*
- Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return promiseResolve();
@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["justifi-bank-account-form_4",[[0,"justifi-bank-account-form",{"validationStrategy":[1,"validation-strategy"],"styleOverrides":[1,"style-overrides"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]],[0,"justifi-card-form",{"validationStrategy":[1,"validation-strategy"],"styleOverrides":[1,"style-overrides"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]],[1,"justifi-payments-list",{"accountId":[1,"account-id"],"auth":[16],"payments":[32]}],[0,"justifi-payment-method-form",{"paymentMethodFormType":[1,"payment-method-form-type"],"paymentMethodFormValidationStrategy":[1,"payment-method-form-validation-strategy"],"paymentMethodStyleOverrides":[16],"height":[32],"tokenize":[64],"validate":[64]}]]]], options);
+  return bootstrapLazy([["justifi-billing-form",[[1,"justifi-billing-form",{"billingFields":[32],"billingFieldsErrors":[32],"validate":[64]},[[0,"fieldReceivedInput","setFormValue"]]]]],["justifi-payment-method-form",[[0,"justifi-payment-method-form",{"paymentMethodFormType":[1,"payment-method-form-type"],"paymentMethodFormValidationStrategy":[1,"payment-method-form-validation-strategy"],"paymentMethodStyleOverrides":[16],"height":[32],"tokenize":[64],"validate":[64]}]]],["justifi-bank-account-form",[[0,"justifi-bank-account-form",{"validationStrategy":[1,"validation-strategy"],"styleOverrides":[1,"style-overrides"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-card-form",[[0,"justifi-card-form",{"validationStrategy":[1,"validation-strategy"],"styleOverrides":[1,"style-overrides"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-payments-list",[[1,"justifi-payments-list",{"accountId":[1,"account-id"],"auth":[16],"payments":[32]}]]],["select-input_2",[[1,"select-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"options":[16],"internalValue":[32]}],[1,"text-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"internalValue":[32]}]]]], options);
   });
 };
 

package/dist/esm/select-input_2.entry.js

@@ -0,0 +1,54 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0bcf33c4.js';
+
+const selectInputCss = ":host{display:block}label{display:block}";
+
+const SelectInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.fieldReceivedInput = createEvent(this, "fieldReceivedInput", 7);
+    this.name = undefined;
+    this.label = undefined;
+    this.defaultValue = undefined;
+    this.error = undefined;
+    this.options = undefined;
+    this.internalValue = '';
+  }
+  onInput(event) {
+    const target = event.target;
+    const name = target.getAttribute('name');
+    this.fieldReceivedInput.emit({ name: name, value: target.value });
+  }
+  ;
+  render() {
+    return (h(Host, null, h("label", null, this.label), h("select", { name: this.name, onInput: (event) => this.onInput(event) }, this.options.map((option) => {
+      return (h("option", { value: option.value }, option.label));
+    })), this.error && h("div", { style: { color: 'red' } }, this.error)));
+  }
+};
+SelectInput.style = selectInputCss;
+
+const textInputCss = ":host{display:block}label{display:block}";
+
+const TextInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.fieldReceivedInput = createEvent(this, "fieldReceivedInput", 7);
+    this.name = undefined;
+    this.label = undefined;
+    this.defaultValue = undefined;
+    this.error = undefined;
+    this.internalValue = '';
+  }
+  onInput(event) {
+    const target = event.target;
+    const name = target.getAttribute('name');
+    this.fieldReceivedInput.emit({ name: name, value: target.value });
+  }
+  ;
+  render() {
+    return (h(Host, null, h("label", null, this.label), h("input", { name: this.name, type: "text", onInput: (event) => this.onInput(event), value: this.internalValue || this.defaultValue }), this.error && h("div", { style: { color: 'red' } }, this.error)));
+  }
+};
+TextInput.style = textInputCss;
+
+export { SelectInput as select_input, TextInput as text_input };

package/dist/esm/webcomponents.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-c1f569bd.js';
-export { s as setNonce } from './index-c1f569bd.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-0bcf33c4.js';
+export { s as setNonce } from './index-0bcf33c4.js';
 
 /*
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;
@@ -14,5 +14,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["justifi-bank-account-form_4",[[0,"justifi-bank-account-form",{"validationStrategy":[1,"validation-strategy"],"styleOverrides":[1,"style-overrides"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]],[0,"justifi-card-form",{"validationStrategy":[1,"validation-strategy"],"styleOverrides":[1,"style-overrides"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]],[1,"justifi-payments-list",{"accountId":[1,"account-id"],"auth":[16],"payments":[32]}],[0,"justifi-payment-method-form",{"paymentMethodFormType":[1,"payment-method-form-type"],"paymentMethodFormValidationStrategy":[1,"payment-method-form-validation-strategy"],"paymentMethodStyleOverrides":[16],"height":[32],"tokenize":[64],"validate":[64]}]]]], options);
+  return bootstrapLazy([["justifi-billing-form",[[1,"justifi-billing-form",{"billingFields":[32],"billingFieldsErrors":[32],"validate":[64]},[[0,"fieldReceivedInput","setFormValue"]]]]],["justifi-payment-method-form",[[0,"justifi-payment-method-form",{"paymentMethodFormType":[1,"payment-method-form-type"],"paymentMethodFormValidationStrategy":[1,"payment-method-form-validation-strategy"],"paymentMethodStyleOverrides":[16],"height":[32],"tokenize":[64],"validate":[64]}]]],["justifi-bank-account-form",[[0,"justifi-bank-account-form",{"validationStrategy":[1,"validation-strategy"],"styleOverrides":[1,"style-overrides"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-card-form",[[0,"justifi-card-form",{"validationStrategy":[1,"validation-strategy"],"styleOverrides":[1,"style-overrides"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-payments-list",[[1,"justifi-payments-list",{"accountId":[1,"account-id"],"auth":[16],"payments":[32]}]]],["select-input_2",[[1,"select-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"options":[16],"internalValue":[32]}],[1,"text-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"internalValue":[32]}]]]], options);
 });

package/dist/types/components/billing-form/billing-form-schema.d.ts

@@ -0,0 +1,15 @@
+export declare const RegExZip: RegExp;
+declare const BillingFormSchema: import("yup").ObjectSchema<{
+  address_line1: string;
+  address_line2: string;
+  address_city: string;
+  address_state: string;
+  address_postal_code: string;
+}, import("yup").AnyObject, {
+  address_line1: undefined;
+  address_line2: undefined;
+  address_city: undefined;
+  address_state: undefined;
+  address_postal_code: undefined;
+}, "">;
+export default BillingFormSchema;

package/dist/types/components/billing-form/billing-form.d.ts

@@ -0,0 +1,17 @@
+interface BillingFormFields {
+  address_line1: string;
+  address_line2?: string;
+  address_city: string;
+  address_state: string;
+  address_postal_code: string;
+}
+export declare class BillingForm {
+  billingFields: BillingFormFields;
+  billingFieldsErrors: any;
+  setFormValue(event: any): void;
+  validate(): Promise<{
+    isValid: boolean;
+  }>;
+  render(): any;
+}
+export {};

package/dist/types/components/billing-form/state-options.d.ts

@@ -0,0 +1,5 @@
+declare const StateOptions: {
+  label: string;
+  value: string;
+}[];
+export default StateOptions;

package/dist/types/components/payment-method-form/payment-method-form.d.ts

@@ -3,7 +3,7 @@ import { Theme } from './theme';
 export declare class PaymentMethodForm {
   paymentMethodFormType: 'card' | 'bankAccount';
   paymentMethodFormValidationStrategy: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';
-  paymentMethodStyleOverrides: Theme;
+  paymentMethodStyleOverrides: Theme | undefined;
   paymentMethodFormReady: EventEmitter;
   paymentMethodFormTokenize: EventEmitter<{
     data: any;
@@ -17,7 +17,7 @@ export declare class PaymentMethodForm {
   private dispatchMessageEvent;
   private postMessage;
   private postMessageWithResponseListener;
-  tokenize(clientKey: string, paymentMethodMetadata: any, account?: string): Promise<any>;
+  tokenize(clientId: string, paymentMethodMetadata: any, account?: string): Promise<any>;
   validate(): Promise<any>;
   private getIframeSrc;
   render(): any;

package/dist/types/components/payment-method-form/theme.d.ts

@@ -5,8 +5,10 @@ export interface Theme {
     formControlSpacingVertical?: string;
   };
   formLabel?: {
-    fontWeight?: string;
+    color?: string;
     fontFamily?: string;
+    fontSize?: string;
+    fontWeight?: string;
     margin?: string;
   };
   formControl?: {

package/dist/types/components/select-input/select-input.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SelectInput {
+  name: string;
+  label: string;
+  defaultValue: string;
+  error: string;
+  options: {
+    label: string;
+    value: string;
+  }[];
+  fieldReceivedInput: EventEmitter<{
+    name: string;
+    value: string;
+  }>;
+  internalValue: string;
+  onInput(event: any): void;
+  render(): any;
+}

package/dist/types/components/text-input/text-input.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class TextInput {
+  name: string;
+  label: string;
+  defaultValue: string;
+  error: string;
+  fieldReceivedInput: EventEmitter<{
+    name: string;
+    value: string;
+  }>;
+  internalValue: string;
+  onInput(event: any): void;
+  render(): any;
+}