@justifi/webcomponents 6.2.0-rc.3 → 6.2.0
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/LICENSE +21 -0
- package/dist/cjs/bank-account-document-form-inputs_6.cjs.entry.js +4 -4
- package/dist/cjs/bank-account-form.cjs.entry.js +2 -2
- package/dist/cjs/card-form.cjs.entry.js +2 -2
- package/dist/cjs/{check-pkg-version-NXr7H2Sp.js → check-pkg-version-Cz6cM3zf.js} +1 -1
- package/dist/cjs/checkouts-list-core.cjs.entry.js +1 -1
- package/dist/cjs/form-alert_5.cjs.entry.js +6 -6
- package/dist/cjs/form-control-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/form-control-monetary-provisioning.cjs.entry.js +2 -2
- package/dist/cjs/form-control-number-masked_3.cjs.entry.js +2 -2
- package/dist/cjs/hidden-input_2.cjs.entry.js +1 -1
- package/dist/cjs/justifi-additional-questions-form-step_9.cjs.entry.js +9 -9
- package/dist/cjs/justifi-apple-pay_8.cjs.entry.js +2 -2
- package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js +6 -6
- package/dist/cjs/justifi-business-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-business-form.cjs.entry.js +2 -2
- package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js +2 -2
- package/dist/cjs/justifi-checkout.cjs.entry.js +4 -4
- package/dist/cjs/justifi-checkouts-list-filters.cjs.entry.js +1 -1
- package/dist/cjs/justifi-checkouts-list.cjs.entry.js +3 -3
- package/dist/cjs/justifi-details.cjs.entry.js +1 -1
- package/dist/cjs/justifi-dispute-management.cjs.entry.js +2 -2
- package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js +2 -2
- package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +2 -2
- package/dist/cjs/justifi-order-terminals.cjs.entry.js +2 -2
- package/dist/cjs/justifi-owner-form_3.cjs.entry.js +4 -4
- package/dist/cjs/justifi-payment-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-provisioning-core.cjs.entry.js +1 -1
- package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +3 -3
- package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payments-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payout-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payouts-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-refund-payment.cjs.entry.js +2 -2
- package/dist/cjs/justifi-saved-payment-method.cjs.entry.js +1 -1
- package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +2 -2
- package/dist/cjs/justifi-terminal-orders-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-terminals-list.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-DPdtuJhk.js → package-CHe5hX1H.js} +1 -1
- package/dist/cjs/pagination-menu.cjs.entry.js +3 -3
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/business-forms/business-form/additional-questions/additional-questions.js +6 -7
- package/dist/collection/components/business-forms/business-form/business-core-info/business-core-info.js +2 -2
- package/dist/collection/components/business-forms/business-form/business-representative/business-representative.js +7 -8
- package/dist/collection/components/business-forms/business-form/legal-address-form/legal-address-form.js +6 -7
- package/dist/collection/components/business-forms/owner-form/identity-address/identity-address-form.js +1 -1
- package/dist/collection/components/business-forms/owner-form/owner-form-core.js +1 -1
- package/dist/collection/components/business-forms/owner-form/owner-form-inputs.js +7 -8
- package/dist/collection/components/business-forms/owner-form/owner-form.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-document-inputs.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-form-inputs-canada.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-form-inputs.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-read-only-value.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/business-owners/business-owners-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-inputs.js +2 -2
- package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/form-address-fields/form-address-fields.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/form-control-monetary-provisioning.js +2 -2
- package/dist/collection/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-core.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-buttons.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-steps.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/terms-and-conditions/business-terms-conditions-form-step.js +1 -1
- package/dist/collection/components/checkout/bank-account-form/bank-account-form.js +2 -2
- package/dist/collection/components/checkout/card-form/card-form.js +2 -2
- package/dist/collection/components/checkout/checkout.js +2 -2
- package/dist/collection/components/checkout/save-new-payment-method.js +1 -1
- package/dist/collection/components/checkout/saved-payment-method.js +1 -1
- package/dist/collection/components/checkouts-list/checkouts-list-core.js +1 -1
- package/dist/collection/components/checkouts-list/checkouts-list-filters.js +1 -1
- package/dist/collection/components/checkouts-list/checkouts-list.js +1 -1
- package/dist/collection/components/modular-checkout/modular-checkout.js +3 -2
- package/dist/collection/components/modular-checkout/sub-components/bank-account-billing-form-simple.js +1 -1
- package/dist/collection/components/modular-checkout/sub-components/card-billing-form-simple.js +1 -1
- package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js +3 -2
- package/dist/collection/ui-components/details/details.js +1 -1
- package/dist/collection/ui-components/form/form-control-checkbox.js +2 -2
- package/dist/collection/ui-components/pagination-menu/pagination-menu.js +3 -3
- package/dist/collection/ui-components/shadow-dom-components/justifi-radio-list-item.js +1 -1
- package/dist/docs.json +100 -22
- package/dist/esm/bank-account-document-form-inputs_6.entry.js +4 -4
- package/dist/esm/bank-account-form.entry.js +2 -2
- package/dist/esm/card-form.entry.js +2 -2
- package/dist/esm/{check-pkg-version-BifOuhlz.js → check-pkg-version-DrqnlTa_.js} +1 -1
- package/dist/esm/checkouts-list-core.entry.js +1 -1
- package/dist/esm/form-alert_5.entry.js +6 -6
- package/dist/esm/form-control-checkbox.entry.js +2 -2
- package/dist/esm/form-control-monetary-provisioning.entry.js +2 -2
- package/dist/esm/form-control-number-masked_3.entry.js +2 -2
- package/dist/esm/hidden-input_2.entry.js +1 -1
- package/dist/esm/justifi-additional-questions-form-step_9.entry.js +9 -9
- package/dist/esm/justifi-apple-pay_8.entry.js +2 -2
- package/dist/esm/justifi-bank-account-billing-form-simple_9.entry.js +6 -6
- package/dist/esm/justifi-business-details.entry.js +2 -2
- package/dist/esm/justifi-business-form.entry.js +2 -2
- package/dist/esm/justifi-business-representative-form-inputs.entry.js +2 -2
- package/dist/esm/justifi-checkout.entry.js +4 -4
- package/dist/esm/justifi-checkouts-list-filters.entry.js +1 -1
- package/dist/esm/justifi-checkouts-list.entry.js +3 -3
- package/dist/esm/justifi-details.entry.js +1 -1
- package/dist/esm/justifi-dispute-management.entry.js +2 -2
- package/dist/esm/justifi-dispute-notification_3.entry.js +2 -2
- package/dist/esm/justifi-gross-payment-chart.entry.js +2 -2
- package/dist/esm/justifi-order-terminals.entry.js +2 -2
- package/dist/esm/justifi-owner-form_3.entry.js +4 -4
- package/dist/esm/justifi-payment-details.entry.js +2 -2
- package/dist/esm/justifi-payment-provisioning-core.entry.js +1 -1
- package/dist/esm/justifi-payment-provisioning.entry.js +3 -3
- package/dist/esm/justifi-payment-transactions-list.entry.js +2 -2
- package/dist/esm/justifi-payments-list.entry.js +2 -2
- package/dist/esm/justifi-payout-details.entry.js +2 -2
- package/dist/esm/justifi-payout-transactions-list.entry.js +2 -2
- package/dist/esm/justifi-payouts-list.entry.js +2 -2
- package/dist/esm/justifi-refund-payment.entry.js +2 -2
- package/dist/esm/justifi-saved-payment-method.entry.js +1 -1
- package/dist/esm/justifi-season-interruption-insurance.entry.js +2 -2
- package/dist/esm/justifi-terminal-orders-list.entry.js +2 -2
- package/dist/esm/justifi-terminals-list.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{package-CuLmJjEz.js → package-BjCdImSF.js} +1 -1
- package/dist/esm/pagination-menu.entry.js +3 -3
- package/dist/esm/webcomponents.js +1 -1
- package/dist/module/additional-questions.js +2 -2
- package/dist/module/bank-account-billing-form-simple.js +1 -1
- package/dist/module/bank-account-document-inputs.js +1 -1
- package/dist/module/bank-account-form-inputs-canada2.js +1 -1
- package/dist/module/bank-account-form-inputs2.js +1 -1
- package/dist/module/bank-account-form.js +2 -2
- package/dist/module/bank-account-read-only-value2.js +1 -1
- package/dist/module/business-additional-questions-form-step.js +1 -1
- package/dist/module/business-bank-account-form-step.js +1 -1
- package/dist/module/business-core-info-form-step.js +1 -1
- package/dist/module/business-core-info.js +2 -2
- package/dist/module/business-owners-form-step.js +1 -1
- package/dist/module/business-representative-form-inputs.js +2 -2
- package/dist/module/business-representative-form-step.js +1 -1
- package/dist/module/business-representative.js +3 -3
- package/dist/module/business-terms-conditions-form-step.js +1 -1
- package/dist/module/card-billing-form-simple.js +1 -1
- package/dist/module/card-form.js +2 -2
- package/dist/module/checkouts-list-core2.js +1 -1
- package/dist/module/details.js +1 -1
- package/dist/module/form-address-fields.js +1 -1
- package/dist/module/form-control-checkbox2.js +2 -2
- package/dist/module/form-control-monetary-provisioning2.js +2 -2
- package/dist/module/identity-address-form.js +1 -1
- package/dist/module/justifi-checkout.js +2 -2
- package/dist/module/justifi-checkouts-list-filters.js +1 -1
- package/dist/module/justifi-checkouts-list.js +1 -1
- package/dist/module/justifi-payment-provisioning.js +1 -1
- package/dist/module/justifi-radio-list-item2.js +1 -1
- package/dist/module/justifi-saved-payment-method.js +1 -1
- package/dist/module/legal-address-form-step.js +1 -1
- package/dist/module/legal-address-form.js +2 -2
- package/dist/module/owner-form-core2.js +1 -1
- package/dist/module/owner-form-inputs2.js +3 -3
- package/dist/module/owner-form.js +1 -1
- package/dist/module/package.js +1 -1
- package/dist/module/pagination-menu2.js +3 -3
- package/dist/module/payment-provisioning-core.js +1 -1
- package/dist/module/payment-provisioning-form-buttons.js +1 -1
- package/dist/module/payment-provisioning-form-steps.js +1 -1
- package/dist/module/save-new-payment-method.js +1 -1
- package/dist/types/components/business-forms/schemas/business-form-schema.d.ts +3 -3
- package/dist/types/components.d.ts +10 -8
- package/dist/webcomponents/p-065eafc5.entry.js +1 -0
- package/dist/webcomponents/{p-5a3f2d71.entry.js → p-071c1047.entry.js} +1 -1
- package/dist/webcomponents/{p-730eaf8b.entry.js → p-20a85390.entry.js} +1 -1
- package/dist/webcomponents/{p-ac1a4470.entry.js → p-24be9ef6.entry.js} +1 -1
- package/dist/webcomponents/{p-1fa1e280.entry.js → p-264d9183.entry.js} +1 -1
- package/dist/webcomponents/{p-3c313469.entry.js → p-2859a8e3.entry.js} +1 -1
- package/dist/webcomponents/{p-ff411ffd.entry.js → p-2a53a095.entry.js} +1 -1
- package/dist/webcomponents/p-336b08de.entry.js +1 -0
- package/dist/webcomponents/{p-75f81cbf.entry.js → p-3cb3a241.entry.js} +1 -1
- package/dist/webcomponents/{p-9a459083.entry.js → p-568577d4.entry.js} +1 -1
- package/dist/webcomponents/{p-7e46060a.entry.js → p-5aa27e1b.entry.js} +1 -1
- package/dist/webcomponents/{p-d812d34f.entry.js → p-5eb2698f.entry.js} +1 -1
- package/dist/webcomponents/{p-bc5d225e.entry.js → p-6677f09f.entry.js} +1 -1
- package/dist/webcomponents/p-728158a8.entry.js +1 -0
- package/dist/webcomponents/{p-123ad398.entry.js → p-73e766d2.entry.js} +1 -1
- package/dist/webcomponents/{p-d160381c.entry.js → p-7f8cd8dd.entry.js} +1 -1
- package/dist/webcomponents/p-82b13550.entry.js +1 -0
- package/dist/webcomponents/{p-edd335bb.entry.js → p-85336b64.entry.js} +1 -1
- package/dist/webcomponents/{p-e3c111d5.entry.js → p-910af6e1.entry.js} +1 -1
- package/dist/webcomponents/{p-78f5b1e5.entry.js → p-91f22211.entry.js} +1 -1
- package/dist/webcomponents/{p-de09adac.entry.js → p-92f0e010.entry.js} +1 -1
- package/dist/webcomponents/{p-4c3f1bea.entry.js → p-93806238.entry.js} +1 -1
- package/dist/webcomponents/p-97bfb8d5.entry.js +1 -0
- package/dist/webcomponents/{p-b15f80c2.entry.js → p-98a50760.entry.js} +1 -1
- package/dist/webcomponents/{p-0d7650e4.entry.js → p-99af02c9.entry.js} +1 -1
- package/dist/webcomponents/p-BjCdImSF.js +1 -0
- package/dist/webcomponents/{p-cbe349bf.entry.js → p-ab1ef223.entry.js} +1 -1
- package/dist/webcomponents/p-abf2073d.entry.js +1 -0
- package/dist/webcomponents/{p-c67d86b1.entry.js → p-ad4900de.entry.js} +1 -1
- package/dist/webcomponents/{p-7c78bb5e.entry.js → p-ccc771d0.entry.js} +1 -1
- package/dist/webcomponents/p-d217f6ea.entry.js +1 -0
- package/dist/webcomponents/p-e29bdbc2.entry.js +1 -0
- package/dist/webcomponents/{p-a95dfc01.entry.js → p-e3a41b95.entry.js} +1 -1
- package/dist/webcomponents/{p-38352272.entry.js → p-e549cd33.entry.js} +1 -1
- package/dist/webcomponents/{p-605e0aa1.entry.js → p-e77490af.entry.js} +1 -1
- package/dist/webcomponents/p-e788ecc9.entry.js +1 -0
- package/dist/webcomponents/{p-03474a21.entry.js → p-f02ab3fd.entry.js} +1 -1
- package/dist/webcomponents/{p-9ae2b437.entry.js → p-f17188cf.entry.js} +1 -1
- package/dist/webcomponents/{p-cd5bf3c1.entry.js → p-f87b9b86.entry.js} +1 -1
- package/dist/webcomponents/{p-CXxdHjVv.js → p-pV1ZX4A8.js} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +13 -13
- package/dist/webcomponents/p-0348a46b.entry.js +0 -1
- package/dist/webcomponents/p-6612f9fb.entry.js +0 -1
- package/dist/webcomponents/p-855eefb0.entry.js +0 -1
- package/dist/webcomponents/p-89fdee6e.entry.js +0 -1
- package/dist/webcomponents/p-97250c61.entry.js +0 -1
- package/dist/webcomponents/p-CuLmJjEz.js +0 -1
- package/dist/webcomponents/p-ab739e07.entry.js +0 -1
- package/dist/webcomponents/p-ea6bda92.entry.js +0 -1
- package/dist/webcomponents/p-ef89c7df.entry.js +0 -1
- package/dist/webcomponents/p-f535328c.entry.js +0 -1
|
@@ -32,25 +32,26 @@ export class BusinessRepresentative {
|
|
|
32
32
|
render() {
|
|
33
33
|
var _a, _b;
|
|
34
34
|
const representativeDefaultValue = this.formController.getInitialValues().representative;
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: '2d8a5324bfea8bd297b5db5f1e5aaf5d9aa51cb4' }, h("fieldset", { key: 'c25884a7aaa0ffb19316002e8ce9e158a1f0b8e9' }, h("legend", { key: 'af36d94625e4b82c8418079b60cade953ac53e8e', part: heading2 }, "Representative"), h("div", { key: 'c3ad5ca5e1c636db05fa3994c443975ecc363e62', class: "row gy-3" }, h("div", { key: '8b27315feb79cf08d69c5a108426705cb6445c71', class: "col-12 col-md-8" }, h("form-control-text", { key: 'f6ffb2619c6537f99bed5a35602d3d7d68f821ad', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'cde914c872fcfbe0395f358b570d9cefbf14872e', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c70330625ed26d8d5e8d00af7df55571ef4ff32a', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '64bba44c0facd07c8648fba1ce31385b33f94513', class: "col-12 col-md-6" }, h("form-control-text", { key: '33c7c4a365f6d7ce43e6b98b9ca3646f2263abd1', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '5b96d76754918f37fc4f226a5c6656529b77b63f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'c7cf814cf84a0c69e547c0b60f643b7fb78490af', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'e5c486242e9fb47c81a28831a9a648bee28e95d5', class: "col-12 col-md-4" }, h("form-control-date", { key: '519cc94edb63b5f465d0ada9fe905e68aca54e1e', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b971e1320a57061d9d1eae7adb28eda19ce855a4', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
|
|
36
36
|
this.isEditingIdentification = true;
|
|
37
37
|
// Clear last4 and current value to force validation
|
|
38
38
|
this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
|
|
39
|
-
} }, "Change"))))), h("div", { key: '
|
|
39
|
+
} }, "Change"))))), h("div", { key: '92b0c2109f98ac67a32ad57ca91c4f663d3de307', class: "col-12" }, h("justifi-identity-address-form", { key: '187ac4670413b762f4f78dcde5a33ae2a73f203f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "justifi-business-representative"; }
|
|
42
42
|
static get properties() {
|
|
43
43
|
return {
|
|
44
44
|
"formController": {
|
|
45
|
-
"type": "
|
|
45
|
+
"type": "unknown",
|
|
46
46
|
"mutable": false,
|
|
47
47
|
"complexType": {
|
|
48
48
|
"original": "FormController",
|
|
49
49
|
"resolved": "FormController",
|
|
50
50
|
"references": {
|
|
51
51
|
"FormController": {
|
|
52
|
-
"location": "
|
|
53
|
-
"
|
|
52
|
+
"location": "import",
|
|
53
|
+
"path": "../../../../components",
|
|
54
|
+
"id": "src/components.d.ts::FormController"
|
|
54
55
|
}
|
|
55
56
|
}
|
|
56
57
|
},
|
|
@@ -61,9 +62,7 @@ export class BusinessRepresentative {
|
|
|
61
62
|
"text": ""
|
|
62
63
|
},
|
|
63
64
|
"getter": false,
|
|
64
|
-
"setter": false
|
|
65
|
-
"reflect": false,
|
|
66
|
-
"attribute": "form-controller"
|
|
65
|
+
"setter": false
|
|
67
66
|
},
|
|
68
67
|
"country": {
|
|
69
68
|
"type": "string",
|
|
@@ -15,21 +15,22 @@ export class LegalAddressForm {
|
|
|
15
15
|
render() {
|
|
16
16
|
var _a;
|
|
17
17
|
const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: '020c1a41ff7fa0881464463322b54754e7664957' }, h("fieldset", { key: 'cb1ae50abc99f8915cead7ef850de52f62bab304' }, h("legend", { key: '74d2bba4a9557ff2ac5b9b34d0947e9a076ddb84', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '86d9fc1d344ace729cdc75b1a9239b74865f306b', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "justifi-legal-address-form"; }
|
|
21
21
|
static get properties() {
|
|
22
22
|
return {
|
|
23
23
|
"formController": {
|
|
24
|
-
"type": "
|
|
24
|
+
"type": "unknown",
|
|
25
25
|
"mutable": false,
|
|
26
26
|
"complexType": {
|
|
27
27
|
"original": "FormController",
|
|
28
28
|
"resolved": "FormController",
|
|
29
29
|
"references": {
|
|
30
30
|
"FormController": {
|
|
31
|
-
"location": "
|
|
32
|
-
"
|
|
31
|
+
"location": "import",
|
|
32
|
+
"path": "../../../../components",
|
|
33
|
+
"id": "src/components.d.ts::FormController"
|
|
33
34
|
}
|
|
34
35
|
}
|
|
35
36
|
},
|
|
@@ -40,9 +41,7 @@ export class LegalAddressForm {
|
|
|
40
41
|
"text": ""
|
|
41
42
|
},
|
|
42
43
|
"getter": false,
|
|
43
|
-
"setter": false
|
|
44
|
-
"reflect": false,
|
|
45
|
-
"attribute": "form-controller"
|
|
44
|
+
"setter": false
|
|
46
45
|
},
|
|
47
46
|
"country": {
|
|
48
47
|
"type": "string",
|
|
@@ -11,7 +11,7 @@ export class IdentityAddressForm {
|
|
|
11
11
|
this.handleFormUpdate(newValues);
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: '86c91933676745470d6b28cf6843624d092adc57' }, h("justifi-form-address-fields", { key: '7cbee24003b6b0446fb1203c9863151b0d2f4f15', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "justifi-identity-address-form"; }
|
|
17
17
|
static get properties() {
|
|
@@ -145,7 +145,7 @@ export class BusinessOwnerFormCore {
|
|
|
145
145
|
this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
|
|
146
146
|
}
|
|
147
147
|
render() {
|
|
148
|
-
return (h("form", { key: '
|
|
148
|
+
return (h("form", { key: 'ee00e580c90a942bde7cf0c483e99ef417dce3d6', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '39904e046ca0f24c296fe99a43fc41f104091ecc' }, h("legend", { key: 'db92e079906c797790f5de7c424cfebab4c9cf63', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '896303e22939d419ac624d9948e6c5765ad75aec' }), h("div", { key: '8705189e44fe2d5ff76057d6e961b7b5b396fcf5', class: "row gy-3" }, h("owner-form-inputs", { key: 'f14872c9ecf75f8d6e7bd1147b58aad8a8124f0d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '9333d749fb940ca5aa9d5b6c227b229c473ed06a', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '00911c37ed00097d5cd55be0c6a5e503f0b087ed', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '84a311d76d65310f994a5c5e473e7e1e1cc5e249', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '1d4ec7836ea466b48cdf04ac2af0769d68f808d1' }))));
|
|
149
149
|
}
|
|
150
150
|
static get is() { return "owner-form-core"; }
|
|
151
151
|
static get properties() {
|
|
@@ -15,14 +15,14 @@ export class BusinessOwnerFormInputs {
|
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
17
|
var _a, _b;
|
|
18
|
-
return (h("div", { key: '
|
|
18
|
+
return (h("div", { key: '2dea97a8711ac74a5973bab13ffa9d0cbe5cdac4', class: "row gy-3" }, h("div", { key: 'c666e5f65e175db737c2192e2e83f80eb0df3633', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a598efd8f1e898335dae5527cb1b39fc348112e4', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'caadd033a1c510ce222b8b45408677dfd69463bf', class: "col-12 col-md-4" }, h("form-control-text", { key: '8b65c536b51f0d3ab50fef8a5a33b5031eb57af4', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'b2011382dd1d5ebb060fb9c09a402aacdb3c1778', class: "col-12 col-md-6" }, h("form-control-text", { key: '3d540ddff95a999de1329bceaf9bc059d6128963', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0bcad2552b4adb76549649b249e33f329bfdf85b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '8c26d1e8b350fce2c03836fdef244f4b28117d76', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'c6fcb2e3972cc6b32c2ea1ef125ad49c4fe084b7', class: "col-12 col-md-4" }, h("form-control-date", { key: '549fb157eaa9a91f446522e48cb90b0b750c0a91', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '728304b41b7083df8cc8cec50f3d22681497b484', class: "col-12 col-md-8" }, (!((_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
|
|
19
19
|
this.isEditingIdentification = true;
|
|
20
20
|
// Clear last4 and current value to force validation
|
|
21
21
|
updateFormValues(this.formController, {
|
|
22
22
|
ssn_last4: null,
|
|
23
23
|
identification_number: ''
|
|
24
24
|
});
|
|
25
|
-
} }, "Change"))))), h("div", { key: '
|
|
25
|
+
} }, "Change"))))), h("div", { key: '9496ee53f65c46f66437817fd7ec80a48ce7d000', class: "col-12" }, h("justifi-identity-address-form", { key: '55463847557a8d8285a5be69ba0b5ab77f3749af', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
|
|
26
26
|
}
|
|
27
27
|
;
|
|
28
28
|
static get is() { return "owner-form-inputs"; }
|
|
@@ -67,15 +67,16 @@ export class BusinessOwnerFormInputs {
|
|
|
67
67
|
"attribute": "errors"
|
|
68
68
|
},
|
|
69
69
|
"formController": {
|
|
70
|
-
"type": "
|
|
70
|
+
"type": "unknown",
|
|
71
71
|
"mutable": false,
|
|
72
72
|
"complexType": {
|
|
73
73
|
"original": "FormController",
|
|
74
74
|
"resolved": "FormController",
|
|
75
75
|
"references": {
|
|
76
76
|
"FormController": {
|
|
77
|
-
"location": "
|
|
78
|
-
"
|
|
77
|
+
"location": "import",
|
|
78
|
+
"path": "../../../components",
|
|
79
|
+
"id": "src/components.d.ts::FormController"
|
|
79
80
|
}
|
|
80
81
|
}
|
|
81
82
|
},
|
|
@@ -86,9 +87,7 @@ export class BusinessOwnerFormInputs {
|
|
|
86
87
|
"text": ""
|
|
87
88
|
},
|
|
88
89
|
"getter": false,
|
|
89
|
-
"setter": false
|
|
90
|
-
"reflect": false,
|
|
91
|
-
"attribute": "form-controller"
|
|
90
|
+
"setter": false
|
|
92
91
|
},
|
|
93
92
|
"country": {
|
|
94
93
|
"type": "string",
|
|
@@ -34,7 +34,7 @@ export class BusinessOwnerForm {
|
|
|
34
34
|
});
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h("owner-form-core", { key: '
|
|
37
|
+
return (h("owner-form-core", { key: 'd3765b80461f8222189643b378ae5d63886163c3', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-owner-form"; }
|
|
40
40
|
static get properties() {
|
|
@@ -34,7 +34,7 @@ export class AdditionalQuestionsFormStep {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h("justifi-additional-questions-form-step-core", { key: '
|
|
37
|
+
return (h("justifi-additional-questions-form-step-core", { key: 'a688dd7646fae4e99f46fabca10c0a86921bb560', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-additional-questions-form-step"; }
|
|
40
40
|
static get properties() {
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import { EntityDocumentType } from "../../../../api";
|
|
3
3
|
export class BankAccountDocumentFormInputs {
|
|
4
4
|
render() {
|
|
5
|
-
return (h("div", { key: '
|
|
5
|
+
return (h("div", { key: '92e97e95c2875dcfad6c2e4ad5e42a4ae250c7e7', class: "row gy-3" }, h("div", { key: 'e24529f3c9a3e4db9e676c7c1e2e32b9f123e9e5', class: "col-12" }, h("form-control-file", { key: '09d5b83dfe3ab52c56fa589deb5bd744d2a883f1', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '887a7e0f3751e57dd08ddc1a8ce3c45380efbf9f', class: "col-12" }, h("form-control-file", { key: 'e427c222b43de52cf51d19ffbab7137a5d603d8a', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "bank-account-document-form-inputs"; }
|
|
8
8
|
static get properties() {
|
|
@@ -4,7 +4,7 @@ import { numberOnlyHandler } from "../../../../ui-components/form/utils";
|
|
|
4
4
|
export class BankAccountFormInputsCanada {
|
|
5
5
|
render() {
|
|
6
6
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: '4badae2dd74e7b618730114e3ca6086f970a4b16', class: "row gy-3" }, h("div", { key: '39c645b2a10d384ec357e4a5c117bad22d8cd1a5', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'c1605cd3d83ea214580da9ea59dbe59401420863', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '6aaced2f6c0c8b46e6a3593d8ad13c7527451a23', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'd381212bea7f03818ce8ea6a33f5183081363fa8', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '6f8fa0aa9f01c34440277ae56375e99f4e00259f', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: '5b5d8fbd0144c30bb830415da675bb466e735b0d', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: 'd1de061b7d721dbfb9539212415ceff9655aeed3', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "bank-account-form-inputs-canada"; }
|
|
10
10
|
static get properties() {
|
|
@@ -4,7 +4,7 @@ import { numberOnlyHandler } from "../../../../ui-components/form/utils";
|
|
|
4
4
|
export class BankAccountFormInputs {
|
|
5
5
|
render() {
|
|
6
6
|
var _a, _b, _c, _d, _e, _f;
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: '6414bcb6ef5fd6948154f69b56fd7f20881f091c', class: "row gy-3" }, h("div", { key: 'f025f35d2b84fc5672d2a6335dd5bf21d925c960', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '3cf2e75befc249d6b7e996d46206e470cf47ddbf', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '16ec731916e67fc42060372fb6222893cb159483', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '38460bb83c32289d3494f6ef386b45943f2f78e9', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: 'cfbb7ffa2a56ee1c7d1bb7e0b01d872c37d5d5df', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: '8d844071f3e37c92938e65209ff89170c8e09dc7', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "bank-account-form-inputs"; }
|
|
10
10
|
static get properties() {
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import { text } from "../../../../styles/parts";
|
|
3
3
|
export class BankAccountReadOnlyValue {
|
|
4
4
|
render() {
|
|
5
|
-
return (h("div", { key: '
|
|
5
|
+
return (h("div", { key: '99b3b6a22eecad258b65287c4f9c8a1485a95d4d' }, h("label", { key: 'fcd00510470fa322ee4c2a4a7179de3064569c0e', class: "form-label", part: text }, this.label), h("div", { key: '30e4d925bb41664887d41871d87f3bcf2709dcff', part: text }, this.value || '')));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "bank-account-read-only-value"; }
|
|
8
8
|
static get properties() {
|
|
@@ -37,7 +37,7 @@ export class BusinessBankAccountFormStep {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h("justifi-business-bank-account-form-step-core", { key: '
|
|
40
|
+
return (h("justifi-business-bank-account-form-step-core", { key: 'a265d71bf69715689e4ff56f9850119fe6524e8f', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
|
|
41
41
|
}
|
|
42
42
|
static get is() { return "justifi-business-bank-account-form-step"; }
|
|
43
43
|
static get properties() {
|
|
@@ -34,7 +34,7 @@ export class BusinessCoreInfoFormStep {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h("justifi-business-core-info-form-step-core", { key: '
|
|
37
|
+
return (h("justifi-business-core-info-form-step-core", { key: 'f76d7744562afbe13f503876fcc4e2ef7597fee9', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-business-core-info-form-step"; }
|
|
40
40
|
static get properties() {
|
|
@@ -34,7 +34,7 @@ export class BusinessOwnersFormStep {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: '2299a420a6ee8165c1b13ba7ad88664ff9e031de' }, h("justifi-business-owners-form-step-core", { key: 'd167e856e2983728beeb95f6647bd7045652fbe8', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: (el) => this.coreComponent = el })));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-business-owners-form-step"; }
|
|
40
40
|
static get properties() {
|
|
@@ -15,14 +15,14 @@ export class RepresentativeFormInputs {
|
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
17
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
18
|
-
return (h("form", { key: '
|
|
18
|
+
return (h("form", { key: '1a83fb932d4faad4def91d0f23860a761d819b4b' }, h("fieldset", { key: '986e6cedd20f712a10d2de0e51cae2258107106e' }, h("div", { key: '3367b1c686a63a1e17cc4bccf23f65031369d11b', class: "d-flex align-items-center gap-2" }, h("legend", { key: '2d63acb9c5aabe4e63495f0760cb016991fd15c6', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '193602ac61e012271ef25d18ec80a8b718856472', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: '25527499226c33721bc0fdb418b495367b269b65', class: "mt-2" }), h("div", { key: 'f160423cfeaad499329d536a158f6365153bf7f0', class: "row gy-3" }, h("div", { key: '39a70eca42b7e7a23cf8247fb5911125465da6dd', class: "col-12 col-md-8" }, h("form-control-text", { key: '2124c8121470e5ceefca7a024752af788a2e17a6', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '6c8ac5169e22796f52b9959552600d1a8074f089', class: "col-12 col-md-4" }, h("form-control-text", { key: '1b19885ec772c8288fe8c25ed2f2d60a0aaabd54', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '450957573c4d8721cdaf9caa0bbc8fde9ce576d7', class: "col-12 col-md-6" }, h("form-control-text", { key: '9e470fdfbc757e0ccf25cccd498e7db638d1f735', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1776f5a919e9d015938ce4adbd1dcc721e54171f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'dfccc56e5c4e522900db3c66335b91355a8ea9e7', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'a21afbd6fe25a1fd21d402ac55bc5c46c34ce7ca', class: "col-12 col-md-4" }, h("form-control-date", { key: '3f449ef87db9487b2e314993ad12946f4317aef2', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'ac114c5bac016be5b7440993b48b8b16bb93a06a', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
|
|
19
19
|
this.isEditingIdentification = true;
|
|
20
20
|
// Clear current value to force validation
|
|
21
21
|
updateFormValues(this.formController, {
|
|
22
22
|
identification_number: '',
|
|
23
23
|
ssn_last4: null
|
|
24
24
|
});
|
|
25
|
-
} }, "Change"))))), h("div", { key: '
|
|
25
|
+
} }, "Change"))))), h("div", { key: '955bb98fdafe93be1ad56e1ed76b19abb5160ec5', class: "col-12" }, h("justifi-identity-address-form", { key: 'c32b6ffd80e9261567b3adcc4ac35ae8bf2e4d2f', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "justifi-business-representative-form-inputs"; }
|
|
28
28
|
static get properties() {
|
|
@@ -34,7 +34,7 @@ export class BusinessRepresentativeFormStep {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h("justifi-business-representative-form-step-core", { key: '
|
|
37
|
+
return (h("justifi-business-representative-form-step-core", { key: '8846ca3e4eb1cbe90155fd097e672a81061da0d3', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-business-representative-form-step"; }
|
|
40
40
|
static get properties() {
|
|
@@ -10,7 +10,7 @@ export class FormAddressFields {
|
|
|
10
10
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
11
11
|
const labels = countryLabels[this.country];
|
|
12
12
|
const options = countryOptions[this.country];
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '2943b7ea4042efedfffd589359f719057c976943' }, h("div", { key: 'e60164507ebf9a668d096eb39a78a968d00ab83d', class: "row gy-3" }, h("div", { key: '358efebc35eb48f25f3b804c02483acaff94143a', class: "col-12" }, h("form-control-text", { key: 'a17cef7d46163763c1b84db11e255f5e93b7cb6d', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: '069ea65dc0f8869be84b8faa91bc49b0a6cbb76a', class: "col-12" }, h("form-control-text", { key: '5c7086dbccec99a6e25f8e940e4d234aeac7f373', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '6e935727697564f3f58a3a2568d9f042eb566e6f', class: "col-12" }, h("form-control-text", { key: '65a6af1e9b7fec9c3180183f248dee7b7273a022', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '6ac0db8fbecd98ffb2a02a6617280fbaf4f51bfc', class: "col-12" }, h("form-control-select", { key: '1f9f893c24d0a5cc9151268e692891767361da6e', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '8fd58d225a2fea2019f5bad56cd4c3e5c14ab32a', class: "col-12" }, h("form-control-text", { key: '52bee859b031431cd56456ed2a1f7280c4acc6c6', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "justifi-form-address-fields"; }
|
|
16
16
|
static get properties() {
|
|
@@ -56,10 +56,10 @@ export class MonetaryInputProvisioning {
|
|
|
56
56
|
return part;
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
|
-
return (h(Host, { key: '
|
|
59
|
+
return (h(Host, { key: '5dc9ad5ec4f9af9bb4afec0d5265a35c52167721' }, h("div", { key: '03efd5093d0176772bbcb070b8e580c1c027ed0e', class: "form-group d-flex flex-column" }, h("label", { key: '153721fcb4f29fca302512ecc29b8bc30e5f6aa3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '16250c5429d1047febcdd056b55a38a09441fcbd', class: "input-group" }, h("span", { key: '12d29ec8820f21bfa2ba7ae25217cb9bf3944cb8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '9eb4547dba64f8979b30e8d212b7e0576c3b4491', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
|
|
60
60
|
this.isFocused = false;
|
|
61
61
|
this.formControlBlur.emit();
|
|
62
|
-
}, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '
|
|
62
|
+
}, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'c6601c7cc606c915bf3c01535bd907d4990ea0ca', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '89634f2156d5aae538e700f16554451120ec8a6d', errorText: this.errorText, name: this.name }))));
|
|
63
63
|
}
|
|
64
64
|
static get is() { return "form-control-monetary-provisioning"; }
|
|
65
65
|
static get properties() {
|
|
@@ -34,7 +34,7 @@ export class LegalAddressFormStep {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h("justifi-legal-address-form-step-core", { key: '
|
|
37
|
+
return (h("justifi-legal-address-form-step-core", { key: 'a8b4b59a646739f00e3a7867519a7f996ecb3c83', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-legal-address-form-step"; }
|
|
40
40
|
static get properties() {
|
package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-core.js
CHANGED
|
@@ -105,7 +105,7 @@ export class PaymentProvisioningCore {
|
|
|
105
105
|
this.loading = event.detail;
|
|
106
106
|
}
|
|
107
107
|
render() {
|
|
108
|
-
return (h(StyledHost, { key: '
|
|
108
|
+
return (h(StyledHost, { key: '058aaacf6c0fe49ef24e50b575247efb470c4254' }, h("div", { key: 'd4d329af8f8e4ccd8e7ddb2d7050797fe9ec5824', class: 'row gap-3' }, h(Header1, { key: 'd2358393171311c9dd6b03ca3509e2775d784e4c', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'd7a8767e276c28c2ca0413ac0d1195cb98b9fe0b', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { key: '37dc95f2e8785c0e2ac969294b86318d81237b0b', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: '54e6fe77e63faf3b2ae725c349748cf9c34322b0', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'aa3e1c621248f1daa48ae7e66dd76c03e0a9eb3c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
|
|
109
109
|
}
|
|
110
110
|
static get is() { return "justifi-payment-provisioning-core"; }
|
|
111
111
|
static get properties() {
|
|
@@ -12,7 +12,7 @@ export class PaymentProvisioningFormButtons {
|
|
|
12
12
|
return this.currentStep === this.totalSteps;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: 'e13d3613af061d0067d1dbd84b6c3aebfc782aad', class: 'd-flex gap-2' }, h(Button, { key: '7b422ce77e13872f3dbd622574bce0e3e6e9c2ed', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'ea1242fdccb0b0af2438f4aaab91e3e17a607ef7', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '0c323f533ea84608dcdabb885f69d71a81ec684b', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "justifi-payment-provisioning-form-buttons"; }
|
|
18
18
|
static get properties() {
|
|
@@ -18,7 +18,7 @@ export class PaymentProvisioningFormSteps {
|
|
|
18
18
|
return this.componentStepMapping[this.currentStep]();
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h("div", { key: '
|
|
21
|
+
return (h("div", { key: 'dcf3f283bae7de00311f35e41b8d803196f50d49', class: 'col-12 mb-4' }, this.currentStepComponent));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "justifi-payment-provisioning-form-steps"; }
|
|
24
24
|
static get properties() {
|
package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.js
CHANGED
|
@@ -46,7 +46,7 @@ export class PaymentProvisioning {
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
|
-
return (h("justifi-payment-provisioning-core", { key: '
|
|
49
|
+
return (h("justifi-payment-provisioning-core", { key: '80baf93d680fd610755fdfb6be030178140568da', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
|
|
50
50
|
}
|
|
51
51
|
static get is() { return "justifi-payment-provisioning"; }
|
|
52
52
|
static get encapsulation() { return "shadow"; }
|
|
@@ -108,7 +108,7 @@ export class BusinessTermsConditionsFormStep {
|
|
|
108
108
|
return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
|
|
109
109
|
}
|
|
110
110
|
render() {
|
|
111
|
-
return (h("form", { key: '
|
|
111
|
+
return (h("form", { key: 'ed3e493e5c53e303c98e97a15149cffd2865de47' }, h("fieldset", { key: 'a4be899152d7930c2e5ac8b384f866ba313a434f' }, h("legend", { key: '6b473d236380c13ec4186cb5088f976349f18e7c', part: heading2 }, "Terms and Conditions"), h("hr", { key: '4ef52973bed72265e0ef29f0ac6e7a0ac1142f8a' }), h("div", { key: '621d89594d6335d10a746af628ce85df0bf4a71f' }, h("p", { key: '2f13e9851fdfa4b8f678de19261e7df7a7968cc0' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '7951565f2ad57491cbba0d05d650eb0aea1aea54' }), h("div", { key: 'e7d727efbd5d732b31746d3cc61eeaf9eb4b1ff6', class: "row-gy-3" }, h("div", { key: 'b6d8d501530fbe4de7c11eb46218c618a7aec26f', class: "col-12" }, h("form-control-checkbox", { key: '79030af1a43bc5d1742726b8ea66d6dda3306473', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
|
|
112
112
|
}
|
|
113
113
|
static get is() { return "justifi-business-terms-conditions-form-step"; }
|
|
114
114
|
static get properties() {
|
|
@@ -33,10 +33,10 @@ export class BankAccountForm {
|
|
|
33
33
|
return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (h(Host, { key: '
|
|
36
|
+
return (h(Host, { key: '75a85f7b9ea4bf40b486706bce4b142821bf9f00' }, h(BankAccountFormSkeleton, { key: 'ce957273b6ac57f4f0c636622cc9578582ceff43', isReady: this.isReady }), h("div", { key: 'd269050f0fc66d7000096ccfb72a075342e0e91a', class: "container-fluid p-0", style: {
|
|
37
37
|
opacity: this.isReady ? '1' : '0',
|
|
38
38
|
height: this.isReady ? 'auto' : '0',
|
|
39
|
-
} }, h("div", { key: '
|
|
39
|
+
} }, h("div", { key: '87285840b03837b7f12922257d6c8ca171db2d7d', class: "row mb-3" }, h("iframe-input", { key: 'd0ad5b047f1a4e51936ce79edc2d195bd781e4b2', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'eee0c473f0add87e7842a0a1f24bdd999fe21a77', class: "row" }, h("iframe-input", { key: 'dfaa618afdffabe07a290cdfe63c6f06b38f8ecf', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "bank-account-form"; }
|
|
42
42
|
static get states() {
|
|
@@ -37,10 +37,10 @@ export class CardForm {
|
|
|
37
37
|
return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h(Host, { key: '
|
|
40
|
+
return (h(Host, { key: '4867571cdff85823d48b139c1b6e591ff73ca426' }, h(CardFormSkeleton, { key: '37b584aa3865acc9266500f734c7a10e49fa139d', isReady: this.isReady }), h("div", { key: '09b5e58ed9df060922e2579880b68f022cff2940', class: "container-fluid p-0", style: {
|
|
41
41
|
opacity: this.isReady ? '1' : '0',
|
|
42
42
|
height: this.isReady ? 'auto' : '0',
|
|
43
|
-
} }, h("div", { key: '
|
|
43
|
+
} }, h("div", { key: 'bd2f777339e421523cd92c402c4fc066cbde7053', class: "mb-3" }, h("iframe-input", { key: '45b822e5878806ae47f88cf5aa54fe9ae5592eda', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'c9e4d2afd2eef4377356114bc33f1cc29fea46b3', class: "d-flex align-items-start" }, h("div", { key: 'e846e807f6524b9fd6a29a0a0bd2fff74c68f11f', class: "flex-fill me-3" }, h("iframe-input", { key: 'd48a6f05d3ca1341d8060987b53318bf29db4881', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '9127d9dc4ff3386db9060126a8b0ce2e2125a5c9', class: "flex-fill me-3" }, h("iframe-input", { key: 'ced08ea4750b594b87e19fd6e9ae49b2cb6caa72', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '92e07ff8ee6004f64a1e062371fd749771cdb77d', class: "flex-fill" }, h("iframe-input", { key: '487187ddfb9cea24cebc377950f33feb9222b299', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
|
|
44
44
|
}
|
|
45
45
|
static get is() { return "card-form"; }
|
|
46
46
|
static get states() {
|
|
@@ -75,9 +75,9 @@ export class Checkout {
|
|
|
75
75
|
}
|
|
76
76
|
render() {
|
|
77
77
|
var _a, _b;
|
|
78
|
-
return (h(StyledHost, { key: '
|
|
78
|
+
return (h(StyledHost, { key: '468b97261a110d5779ac742de45248aadfbeeb6c' }, h("justifi-modular-checkout", { key: '7ce8d2e147f0b91ad93996f7e044a3fe2a9bd604', ref: (el) => {
|
|
79
79
|
this.modularCheckoutRef = el;
|
|
80
|
-
}, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '
|
|
80
|
+
}, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '7ace65df988d338d0cc810a532f8914a046e7268', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '3c6223ef06c7a2b42bef97dd67f5f09f21bb248b', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '622b2ef667ab222a3152134573e7191bf2fa6117', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '036b447e7e92b1c6bfe33aff5d07a35bc2d9a915' }, h("justifi-checkout-summary", { key: '292c0b09960046e78b902652e5b0902129715ef5' }))), h("div", { key: '5d27c5a5d3f026ad9f9da37833f8ecf808a89de9', class: "col-12 mt-4" }, h("slot", { key: '1a583d890039b1c3a4493a0687ac5a9caa21d2b3', name: "insurance" })), h("div", { key: '0d7427acc37518888fceef97431f594fb4ea2359', class: "col-12 mt-4" }, h("justifi-header", { key: '5543bc55d4be2de9064b4c4924ecd7d2f32da7d9', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '80a17876009d3c6e39017432053e3ab18b6d406e', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'eac0e3466d8cf74df53acd1252d11d0461d0a263', class: "d-flex flex-column" }, h("section", { key: '1e27c56d333a44760d552549a716b39b1bcc538f' }, h("div", { key: '65680e1ed1a3eccc84ec67797f468edafcb65a80' }, h("justifi-saved-payment-methods", { key: '800e1e6312f8a38856341b5bc78c93a9fc18434e' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '0e5d9164a0066b88e7b9467bbb25167262614087', class: "mb-3" }, h("justifi-apple-pay", { key: '81717e6193aa402eef18cf006b74798d02811a8d' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '6405f56f8ee450d410801056c362580a6457325f', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'd2b920050db52162f5f1fee2ee46884f50f511e8', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'c160cd5403029ce3e1cac142cf1e782c104e97f2', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '6e03db84ccbfab811c72e4df5ffaf23c8822539b', class: "mt-4" }, h("justifi-button", { key: '93bb084fdcce73aebed63ad887ced32c4d47ef7f', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
|
|
81
81
|
}
|
|
82
82
|
static get is() { return "justifi-checkout"; }
|
|
83
83
|
static get properties() {
|
|
@@ -12,7 +12,7 @@ export class SaveNewPaymentMethod {
|
|
|
12
12
|
};
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(StyledHost, { key: '
|
|
15
|
+
return (h(StyledHost, { key: '9aa9ce812c0cb2fdc809c47060ed150903ad7cd5' }, h("form-control-checkbox", { key: '596bc9a145e363c751c8610f4b9f23ad31dab299', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "justifi-save-new-payment-method"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|