@justifi/webcomponents 0.0.15 → 0.2.1

package/dist/collection/components/text-input/text-input.js

@@ -0,0 +1,126 @@
+import { Host, h } from '@stencil/core';
+export class TextInput {
+  constructor() {
+    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)));
+  }
+  static get is() { return "text-input"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["text-input.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["text-input.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
+      },
+      "defaultValue": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "default-value",
+        "reflect": false
+      },
+      "error": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "error",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "internalValue": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "fieldReceivedInput",
+        "name": "fieldReceivedInput",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ name: string, value: string }",
+          "resolved": "{ name: string; value: string; }",
+          "references": {}
+        }
+      }];
+  }
+}

package/dist/components/index.d.ts

@@ -1,8 +1,12 @@
 /* webcomponents custom elements */
 export { BankAccountForm as JustifiBankAccountForm } from '../types/components/bank-account-form/bank-account-form';
+export { BillingForm as JustifiBillingForm } from '../types/components/billing-form/billing-form';
 export { CardForm as JustifiCardForm } from '../types/components/card-form/card-form';
+export { PaymentForm as JustifiPaymentForm } from '../types/components/payment-form/payment-form';
 export { PaymentMethodForm as JustifiPaymentMethodForm } from '../types/components/payment-method-form/payment-method-form';
 export { PaymentsList as JustifiPaymentsList } from '../types/components/payments-list/payments-list';
+export { SelectInput as SelectInput } from '../types/components/select-input/select-input';
+export { TextInput as TextInput } from '../types/components/text-input/text-input';
 
 /**
  * Used to manually set the base path where assets can be found.
@@ -16,15 +20,6 @@ export { PaymentsList as JustifiPaymentsList } from '../types/components/payment
  */
 export declare const setAssetPath: (path: string) => void;
 
-/**
- * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a meta tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) which
- * will result in the same behavior.
- */
-export declare const setNonce: (nonce: string) => void
-
 export interface SetPlatformOptions {
   raf?: (c: FrameRequestCallback) => number;
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;

package/dist/components/index.js

@@ -1,5 +1,9 @@
-export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
 export { JustifiBankAccountForm, defineCustomElement as defineCustomElementJustifiBankAccountForm } from './justifi-bank-account-form.js';
+export { JustifiBillingForm, defineCustomElement as defineCustomElementJustifiBillingForm } from './justifi-billing-form.js';
 export { JustifiCardForm, defineCustomElement as defineCustomElementJustifiCardForm } from './justifi-card-form.js';
+export { JustifiPaymentForm, defineCustomElement as defineCustomElementJustifiPaymentForm } from './justifi-payment-form.js';
 export { JustifiPaymentMethodForm, defineCustomElement as defineCustomElementJustifiPaymentMethodForm } from './justifi-payment-method-form.js';
 export { JustifiPaymentsList, defineCustomElement as defineCustomElementJustifiPaymentsList } from './justifi-payments-list.js';
+export { SelectInput, defineCustomElement as defineCustomElementSelectInput } from './select-input.js';
+export { TextInput, defineCustomElement as defineCustomElementTextInput } from './text-input.js';

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiBillingForm extends Components.JustifiBillingForm, HTMLElement {}
+export const JustifiBillingForm: {
+  prototype: JustifiBillingForm;
+  new (): JustifiBillingForm;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;