@justifi/webcomponents 0.4.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/{index-4f2a13d2.js → index-bcfc2d01.js} +0 -25
- package/dist/cjs/justifi-bank-account-form.cjs.entry.js +1 -1
- package/dist/cjs/justifi-billing-form_2.cjs.entry.js +8 -5
- package/dist/cjs/justifi-card-form.cjs.entry.js +3 -2
- package/dist/cjs/justifi-payment-form.cjs.entry.js +7 -4
- package/dist/cjs/justifi-payment-method-form.cjs.entry.js +23 -5
- package/dist/cjs/justifi-payments-list.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/select-input_2.cjs.entry.js +5 -5
- package/dist/cjs/webcomponents.cjs.js +2 -2
- package/dist/collection/components/billing-form/billing-form.css +1546 -4
- package/dist/collection/components/billing-form/billing-form.js +2 -2
- package/dist/collection/components/card-form/card-form.js +19 -1
- package/dist/collection/components/payment-form/payment-form.css +1553 -0
- package/dist/collection/components/payment-form/payment-form.js +14 -3
- package/dist/collection/components/payment-form/payment-form.stories.js +0 -2
- package/dist/collection/components/payment-form/payment-method-selector.css +1254 -0
- package/dist/collection/components/payment-form/payment-method-selector.js +12 -2
- package/dist/collection/components/payment-method-form/payment-method-form.js +35 -2
- package/dist/collection/components/select-input/select-input.css +1248 -1
- package/dist/collection/components/select-input/select-input.js +2 -2
- package/dist/collection/components/text-input/text-input.css +1248 -1
- package/dist/collection/components/text-input/text-input.js +2 -2
- package/dist/components/billing-form.js +2 -2
- package/dist/components/justifi-card-form.js +3 -1
- package/dist/components/justifi-payment-form.js +8 -4
- package/dist/components/payment-method-form.js +23 -4
- package/dist/components/payment-method-selector.js +5 -2
- package/dist/components/select-input2.js +2 -2
- package/dist/components/text-input2.js +2 -2
- package/dist/esm/{index-3ce5521c.js → index-5676b87a.js} +0 -25
- package/dist/esm/justifi-bank-account-form.entry.js +1 -1
- package/dist/esm/justifi-billing-form_2.entry.js +8 -5
- package/dist/esm/justifi-card-form.entry.js +3 -2
- package/dist/esm/justifi-payment-form.entry.js +7 -4
- package/dist/esm/justifi-payment-method-form.entry.js +23 -5
- package/dist/esm/justifi-payments-list.entry.js +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/select-input_2.entry.js +5 -5
- package/dist/esm/webcomponents.js +2 -2
- package/dist/types/components/card-form/card-form.d.ts +1 -0
- package/dist/types/components/payment-method-form/payment-method-form.d.ts +2 -0
- package/dist/types/components.d.ts +4 -0
- package/dist/webcomponents/p-165b4840.entry.js +1 -0
- package/dist/webcomponents/p-1c7556c1.entry.js +1 -0
- package/dist/webcomponents/{p-6633de1b.entry.js → p-5aec1d06.entry.js} +1 -1
- package/dist/webcomponents/p-81e20318.entry.js +1 -0
- package/dist/webcomponents/p-8f9a69d2.entry.js +1 -0
- package/dist/webcomponents/p-9a8abfcb.js +2 -0
- package/dist/webcomponents/p-ad6ad202.entry.js +1 -0
- package/dist/webcomponents/{p-6c3a226e.entry.js → p-f25081d7.entry.js} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +4 -2
- package/dist/webcomponents/p-2e5be95e.entry.js +0 -1
- package/dist/webcomponents/p-68e47ee5.entry.js +0 -1
- package/dist/webcomponents/p-6a9c764f.entry.js +0 -1
- package/dist/webcomponents/p-763a2b4f.entry.js +0 -1
- package/dist/webcomponents/p-92ca574f.entry.js +0 -1
- package/dist/webcomponents/p-9f34a2c1.js +0 -2
|
@@ -39,17 +39,28 @@ export class PaymentForm {
|
|
|
39
39
|
return this.paymentMethodFormRef.tokenize(args.clientId, paymentMethodData, args.accountId);
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
return (h(Host, null, h("form",
|
|
42
|
+
return (h(Host, null, h("form", { class: "row gy-3" }, (this.allowedPaymentMethodTypes.length > 1) && (h("div", { class: "col-12" }, h("justifi-payment-method-selector", { paymentMethodTypes: this.allowedPaymentMethodTypes, selectedPaymentMethodType: this.selectedPaymentMethodType }))), h("div", { class: "col-12" }, h("justifi-payment-method-form", { "payment-method-form-type": this.selectedPaymentMethodType, "iframe-origin": this.iframeOrigin, ref: el => {
|
|
43
43
|
if (el) {
|
|
44
44
|
this.paymentMethodFormRef = el;
|
|
45
45
|
}
|
|
46
|
-
} }), h("justifi-billing-form", { legend: "Billing Info", ref: el => {
|
|
46
|
+
} })), h("div", { class: "col-12" }, h("justifi-billing-form", { legend: "Billing Info", ref: el => {
|
|
47
47
|
if (el) {
|
|
48
48
|
this.billingFormRef = el;
|
|
49
49
|
}
|
|
50
|
-
} }))));
|
|
50
|
+
} })))));
|
|
51
51
|
}
|
|
52
52
|
static get is() { return "justifi-payment-form"; }
|
|
53
|
+
static get encapsulation() { return "shadow"; }
|
|
54
|
+
static get originalStyleUrls() {
|
|
55
|
+
return {
|
|
56
|
+
"$": ["payment-form.scss"]
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
static get styleUrls() {
|
|
60
|
+
return {
|
|
61
|
+
"$": ["payment-form.css"]
|
|
62
|
+
};
|
|
63
|
+
}
|
|
53
64
|
static get properties() {
|
|
54
65
|
return {
|
|
55
66
|
"bankAccount": {
|
|
@@ -13,8 +13,6 @@ const Template = (args) => {
|
|
|
13
13
|
const paymentForm = document.querySelector('justifi-payment-form');
|
|
14
14
|
const submitButton = document.querySelector('#submit-button');
|
|
15
15
|
|
|
16
|
-
paymentForm.iframeOrigin = 'http://localhost:3003/v2';
|
|
17
|
-
|
|
18
16
|
submitButton?.addEventListener('click', async () => {
|
|
19
17
|
const tokenizeResponse = await paymentForm.submit({
|
|
20
18
|
clientId: '${args.clientId}',
|