@justifi/webcomponents 6.2.0-rc.3 → 6.4.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/{business-additional-questions-schema-BzHg6qqg.js → business-additional-questions-schema-CE-z5qrr.js} +1 -1
- package/dist/cjs/{business-identity-schema-Di-jf6nr.js → business-identity-schema-rMMiHyPz.js} +2 -2
- package/dist/cjs/card-form.cjs.entry.js +2 -2
- package/dist/cjs/{check-pkg-version-NXr7H2Sp.js → check-pkg-version-BO_NdUB_.js} +1 -1
- package/dist/cjs/{checkout.store-BiT7zKgX.js → checkout.store-BA6h-dp2.js} +2 -0
- 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-core_6.cjs.entry.js +3 -3
- package/dist/cjs/justifi-additional-questions-form-step_9.cjs.entry.js +9 -9
- package/dist/cjs/justifi-apple-pay_8.cjs.entry.js +3 -3
- package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js +9 -10
- package/dist/cjs/justifi-business-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-business-form.cjs.entry.js +5 -5
- package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js +2 -2
- package/dist/cjs/justifi-checkout.cjs.entry.js +6 -5
- 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 +6 -6
- 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 +3 -3
- 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-CvqCkafe.js} +1 -1
- package/dist/cjs/pagination-menu.cjs.entry.js +3 -3
- package/dist/cjs/{schema-validations-AxtufX7q.js → schema-validations-BOiGVUHM.js} +1 -1
- 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/business-forms/schemas/business-address-schema.js +2 -2
- package/dist/collection/components/business-forms/schemas/schema-validations.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 +31 -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/billing-form-full.js +1 -2
- package/dist/collection/components/modular-checkout/sub-components/card-billing-form-simple.js +1 -2
- package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js +3 -2
- package/dist/collection/store/checkout.store.js +2 -0
- 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 +143 -32
- 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/{business-additional-questions-schema-BCXg6YTP.js → business-additional-questions-schema-hZ6O6Bs0.js} +1 -1
- package/dist/esm/{business-identity-schema-CvzdGI9h.js → business-identity-schema-DJvIo0oa.js} +2 -2
- package/dist/esm/card-form.entry.js +2 -2
- package/dist/esm/{check-pkg-version-BifOuhlz.js → check-pkg-version-B6jUXpX3.js} +1 -1
- package/dist/esm/{checkout.store-CMsV0tl9.js → checkout.store-CaS_htQd.js} +2 -0
- 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-core_6.entry.js +3 -3
- package/dist/esm/justifi-additional-questions-form-step_9.entry.js +9 -9
- package/dist/esm/justifi-apple-pay_8.entry.js +3 -3
- package/dist/esm/justifi-bank-account-billing-form-simple_9.entry.js +9 -10
- package/dist/esm/justifi-business-details.entry.js +2 -2
- package/dist/esm/justifi-business-form.entry.js +5 -5
- package/dist/esm/justifi-business-representative-form-inputs.entry.js +2 -2
- package/dist/esm/justifi-checkout.entry.js +6 -5
- 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 +6 -6
- 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 +3 -3
- 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-BeukOaOq.js} +1 -1
- package/dist/esm/pagination-menu.entry.js +3 -3
- package/dist/esm/{schema-validations-CoIE0a4H.js → schema-validations-C0qp3ZJ5.js} +2 -2
- 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/billing-form-full.js +1 -2
- package/dist/module/business-additional-questions-form-step.js +1 -1
- package/dist/module/business-address-schema.js +2 -2
- 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 -2
- package/dist/module/card-form.js +2 -2
- package/dist/module/checkout.store.js +2 -0
- 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 +4 -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/module/schema-validations.js +1 -1
- package/dist/types/components/business-forms/schemas/business-form-schema.d.ts +3 -3
- package/dist/types/components/checkout/checkout.d.ts +3 -1
- package/dist/types/components.d.ts +14 -10
- package/dist/types/store/checkout.store.d.ts +1 -0
- package/dist/webcomponents/{p-5a3f2d71.entry.js → p-0214a9f4.entry.js} +1 -1
- package/dist/webcomponents/p-065eafc5.entry.js +1 -0
- package/dist/webcomponents/p-06a0e2e2.entry.js +1 -0
- package/dist/webcomponents/{p-edd335bb.entry.js → p-0bd7b871.entry.js} +1 -1
- package/dist/webcomponents/{p-1fa1e280.entry.js → p-20ccd0a4.entry.js} +1 -1
- package/dist/webcomponents/p-220420bb.entry.js +1 -0
- package/dist/webcomponents/{p-3c313469.entry.js → p-2859a8e3.entry.js} +1 -1
- package/dist/webcomponents/{p-e3c111d5.entry.js → p-2976c54e.entry.js} +1 -1
- package/dist/webcomponents/{p-ff411ffd.entry.js → p-2a53a095.entry.js} +1 -1
- package/dist/webcomponents/{p-cbe349bf.entry.js → p-32af1830.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-d160381c.entry.js → p-589e4fcb.entry.js} +1 -1
- package/dist/webcomponents/p-58a68ad6.entry.js +1 -0
- package/dist/webcomponents/{p-b15f80c2.entry.js → p-5c847406.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-77884032.entry.js +1 -0
- package/dist/webcomponents/p-82b13550.entry.js +1 -0
- package/dist/webcomponents/{p-7e46060a.entry.js → p-85bbadaf.entry.js} +1 -1
- package/dist/webcomponents/{p-cd5bf3c1.entry.js → p-89f1448c.entry.js} +1 -1
- package/dist/webcomponents/{p-38352272.entry.js → p-89ff96ef.entry.js} +1 -1
- package/dist/webcomponents/p-8dab7768.entry.js +1 -0
- package/dist/webcomponents/{p-78f5b1e5.entry.js → p-91f22211.entry.js} +1 -1
- package/dist/webcomponents/{p-123ad398.entry.js → p-98508ff0.entry.js} +1 -1
- package/dist/webcomponents/{p-7c78bb5e.entry.js → p-9d6ceb95.entry.js} +1 -1
- package/dist/webcomponents/{p-c67d86b1.entry.js → p-9fb66685.entry.js} +1 -1
- package/dist/webcomponents/p-BeukOaOq.js +1 -0
- package/dist/webcomponents/{p-BfYkosa4.js → p-Bo278yZD.js} +1 -1
- package/dist/webcomponents/{p-CXxdHjVv.js → p-CeO5d98O.js} +1 -1
- package/dist/webcomponents/p-DU8dqq9U.js +1 -0
- package/dist/webcomponents/p-DopgIZQg.js +1 -0
- package/dist/webcomponents/p-O4_LrrnE.js +1 -0
- package/dist/webcomponents/p-abf2073d.entry.js +1 -0
- package/dist/webcomponents/{p-0d7650e4.entry.js → p-aee79310.entry.js} +1 -1
- package/dist/webcomponents/{p-ac1a4470.entry.js → p-c6edc4c9.entry.js} +1 -1
- package/dist/webcomponents/p-d217f6ea.entry.js +1 -0
- package/dist/webcomponents/{p-4c3f1bea.entry.js → p-d287dea1.entry.js} +1 -1
- package/dist/webcomponents/{p-730eaf8b.entry.js → p-de7f1479.entry.js} +1 -1
- package/dist/webcomponents/{p-6c2b5d37.entry.js → p-e050b917.entry.js} +1 -1
- package/dist/webcomponents/p-e29bdbc2.entry.js +1 -0
- package/dist/webcomponents/{p-a95dfc01.entry.js → p-e34a6e5f.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/webcomponents.esm.js +1 -1
- package/package.json +14 -13
- package/dist/webcomponents/p-0348a46b.entry.js +0 -1
- package/dist/webcomponents/p-605e0aa1.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-9a459083.entry.js +0 -1
- package/dist/webcomponents/p-9ae2b437.entry.js +0 -1
- package/dist/webcomponents/p-BHe87s0Y.js +0 -1
- package/dist/webcomponents/p-CbBTgsKC.js +0 -1
- package/dist/webcomponents/p-Cpp4qrH2.js +0 -1
- package/dist/webcomponents/p-CuLmJjEz.js +0 -1
- package/dist/webcomponents/p-ab739e07.entry.js +0 -1
- package/dist/webcomponents/p-de09adac.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
|
@@ -28,10 +28,10 @@ const AdditionalQuestions = /*@__PURE__*/ proxyCustomElement(class AdditionalQue
|
|
|
28
28
|
render() {
|
|
29
29
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
|
30
30
|
const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
|
|
31
|
-
return (h(Host, { key: '
|
|
31
|
+
return (h(Host, { key: 'e3e354a7cf470f658e0f95d37186b1f45771b673' }, h("fieldset", { key: '7fb001177a4f907d513eb5955063d446234ede0c' }, h("legend", { key: 'ee6b045a438be9f56345daad752e105640f1ca3d', part: heading2 }, "Additional Questions"), h("div", { key: 'ed114675357f3b70c34a3eb941fdb30e6219cdc9', class: "row gy-3" }, h("div", { key: 'b85c27c827cf5e5d0d556c343315e5eec736f538', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '4576f67fa74ba7c2ca9730468ddc52b055a3c496', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '0614c60cc7daaf890ccb4888d41b0260a26f9a0e', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '2c435c1553714d75542e0e3bcf1d723f26b37da8', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '8d4a19eb0b6b5707f4a423543d86ae50f6492efc', class: "col-12" }, h("form-control-select", { key: '2e49f907bae85cd4901e4aa4413284596fbed365', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '11bc4e0bbe2122b977cf8bc29ac0601ef941881c', class: "col-12" }, h("form-control-select", { key: 'c511b728971250dc3272c1ef9ff96131a9ac6a2e', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '5a40dfe41a9fca815cdf0eb7455b41615d1e6c76', class: "col-12" }, h("form-control-text", { key: 'd8aaf0f6d7d44b1b15ec76af198a0117493f08c6', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'b211bb865a60baf1ea00c81f76f000ff2a31d7bd', class: "col-12" }, h("form-control-select", { key: '4b693e7425e690a59e2c70646cca2b886b8a8796', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'e85b7fceb9cdc808afaf3559609b7519c9630266', class: "col-12" }, h("form-control-text", { key: 'ae4a6518c7499826f30376f1c902f694244059c7', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
|
|
32
32
|
}
|
|
33
33
|
}, [256, "justifi-additional-questions", {
|
|
34
|
-
"formController": [
|
|
34
|
+
"formController": [16],
|
|
35
35
|
"errors": [32],
|
|
36
36
|
"additional_questions": [32]
|
|
37
37
|
}]);
|
|
@@ -44,7 +44,7 @@ const BankAccountBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class Bank
|
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
46
|
const billingFormDefaultValue = this.formController.getInitialValues();
|
|
47
|
-
return (h(StyledHost, { key: '
|
|
47
|
+
return (h(StyledHost, { key: '2429d26c0338ec1732337718ca4e7693f30a0f8a' }, h("div", { key: '774911ce7d594bc1f44c15060136356acc349cbb', part: billingForm, class: "mt-4" }, h("form", { key: '5c93f5a6af372fdf24a20870ef6ae69f554efec4' }, h("fieldset", { key: '38ac8adb2592b7799825d63c4a8e9bde61510cd0' }, this.legend && (h("legend", { key: 'abbce27bb8ae2ef564b8aeef755050fc096cb81f' }, this.legend)), h("div", { key: '5a0350fe7f635600d746f1f3979757a045cc09f0', class: "row gy-3" }, h("div", { key: '71aac995514b7fea7254204df825eb8b381e21c7', class: "col-12" }, h("form-control-text", { key: 'f33d26eddfc9f3d307e05a48afec9472213b2822', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
|
|
48
48
|
}
|
|
49
49
|
}, [257, "justifi-bank-account-billing-form-simple", {
|
|
50
50
|
"legend": [1025],
|
|
@@ -16,7 +16,7 @@ const BankAccountDocumentFormInputs = /*@__PURE__*/ proxyCustomElement(class Ban
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h("div", { key: '
|
|
19
|
+
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 }))));
|
|
20
20
|
}
|
|
21
21
|
}, [256, "bank-account-document-form-inputs", {
|
|
22
22
|
"inputHandler": [16],
|
|
@@ -17,7 +17,7 @@ const BankAccountFormInputsCanada = /*@__PURE__*/ proxyCustomElement(class BankA
|
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
19
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
20
|
-
return (h("div", { key: '
|
|
20
|
+
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." })))));
|
|
21
21
|
}
|
|
22
22
|
}, [256, "bank-account-form-inputs-canada", {
|
|
23
23
|
"defaultValue": [8, "default-value"],
|
|
@@ -17,7 +17,7 @@ const BankAccountFormInputs = /*@__PURE__*/ proxyCustomElement(class BankAccount
|
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
19
|
var _a, _b, _c, _d, _e, _f;
|
|
20
|
-
return (h("div", { key: '
|
|
20
|
+
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." })))));
|
|
21
21
|
}
|
|
22
22
|
}, [256, "bank-account-form-inputs", {
|
|
23
23
|
"defaultValue": [8, "default-value"],
|
|
@@ -47,10 +47,10 @@ const BankAccountForm$1 = /*@__PURE__*/ proxyCustomElement(class BankAccountForm
|
|
|
47
47
|
return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
|
|
48
48
|
}
|
|
49
49
|
render() {
|
|
50
|
-
return (h(Host, { key: '
|
|
50
|
+
return (h(Host, { key: '75a85f7b9ea4bf40b486706bce4b142821bf9f00' }, h(BankAccountFormSkeleton, { key: 'ce957273b6ac57f4f0c636622cc9578582ceff43', isReady: this.isReady }), h("div", { key: 'd269050f0fc66d7000096ccfb72a075342e0e91a', class: "container-fluid p-0", style: {
|
|
51
51
|
opacity: this.isReady ? '1' : '0',
|
|
52
52
|
height: this.isReady ? 'auto' : '0',
|
|
53
|
-
} }, h("div", { key: '
|
|
53
|
+
} }, 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}` })))));
|
|
54
54
|
}
|
|
55
55
|
}, [256, "bank-account-form", {
|
|
56
56
|
"isReady": [32],
|
|
@@ -9,7 +9,7 @@ const BankAccountReadOnlyValue = /*@__PURE__*/ proxyCustomElement(class BankAcco
|
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: '99b3b6a22eecad258b65287c4f9c8a1485a95d4d' }, h("label", { key: 'fcd00510470fa322ee4c2a4a7179de3064569c0e', class: "form-label", part: text }, this.label), h("div", { key: '30e4d925bb41664887d41871d87f3bcf2709dcff', part: text }, this.value || '')));
|
|
13
13
|
}
|
|
14
14
|
}, [256, "bank-account-read-only-value", {
|
|
15
15
|
"label": [1],
|
|
@@ -6,7 +6,6 @@ import { H as Header3 } from './header-3.js';
|
|
|
6
6
|
import './details.js';
|
|
7
7
|
import './event-types.js';
|
|
8
8
|
import './justifi-radio-list-item2.js';
|
|
9
|
-
import { n as numberOnlyHandler } from './utils3.js';
|
|
10
9
|
import { S as StateOptions } from './Business.js';
|
|
11
10
|
import { F as FormController } from './form.js';
|
|
12
11
|
import { d as defineCustomElement$4 } from './custom-popper2.js';
|
|
@@ -51,7 +50,7 @@ const BillingFormFull = /*@__PURE__*/ proxyCustomElement(class BillingFormFull e
|
|
|
51
50
|
return null;
|
|
52
51
|
}
|
|
53
52
|
const billingFormDefaultValue = this.formController.getInitialValues();
|
|
54
|
-
return (h(StyledHost, null, h("div", { part: billingForm, class: "mt-4" }, h(Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", null, h("fieldset", null, this.legend && (h("legend", null, this.legend)), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_postal_code', label: "
|
|
53
|
+
return (h(StyledHost, null, h("div", { part: billingForm, class: "mt-4" }, h(Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", null, h("fieldset", null, this.legend && (h("legend", null, this.legend)), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
|
|
55
54
|
}
|
|
56
55
|
}, [257, "justifi-billing-form-full", {
|
|
57
56
|
"legend": [1025],
|
|
@@ -48,7 +48,7 @@ const AdditionalQuestionsFormStep = /*@__PURE__*/ proxyCustomElement(class Addit
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
return (h("justifi-additional-questions-form-step-core", { key: '
|
|
51
|
+
return (h("justifi-additional-questions-form-step-core", { key: 'a688dd7646fae4e99f46fabca10c0a86921bb560', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
|
|
52
52
|
}
|
|
53
53
|
static get watchers() { return {
|
|
54
54
|
"authToken": ["propChanged"],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { c as create$3, a as create$6 } from './form.js';
|
|
2
|
-
import { e as cityValidation, l as lineTwoValidation, f as lineOneValidation,
|
|
2
|
+
import { e as cityValidation, l as lineTwoValidation, f as lineOneValidation, B as makePostalValidation } from './schema-validations.js';
|
|
3
3
|
import { a as CountryCode } from './Business.js';
|
|
4
4
|
|
|
5
5
|
// Internal USA schemas
|
|
@@ -15,7 +15,7 @@ const strictSchemaUSA = () => create$3({
|
|
|
15
15
|
line2: lineTwoValidation.nullable(),
|
|
16
16
|
city: cityValidation.required('Enter city'),
|
|
17
17
|
state: create$6().required('Select state'),
|
|
18
|
-
postal_code:
|
|
18
|
+
postal_code: makePostalValidation(CountryCode.USA).required('Enter postal code'),
|
|
19
19
|
});
|
|
20
20
|
// Internal CAN schemas
|
|
21
21
|
const schemaCAN = () => create$3({
|
|
@@ -60,7 +60,7 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
|
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
render() {
|
|
63
|
-
return (h("justifi-business-bank-account-form-step-core", { key: '
|
|
63
|
+
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 }));
|
|
64
64
|
}
|
|
65
65
|
static get watchers() { return {
|
|
66
66
|
"authToken": ["propChanged"],
|
|
@@ -49,7 +49,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
return (h("justifi-business-core-info-form-step-core", { key: '
|
|
52
|
+
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 }));
|
|
53
53
|
}
|
|
54
54
|
static get watchers() { return {
|
|
55
55
|
"authToken": ["propChanged"],
|
|
@@ -34,10 +34,10 @@ const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo
|
|
|
34
34
|
render() {
|
|
35
35
|
var _a, _b;
|
|
36
36
|
const coreInfoDefaultValue = this.formController.getInitialValues();
|
|
37
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: '0dba6443b063d02368f93f3a336a8051364b5fca' }, h("fieldset", { key: '42eabe1f20623241291a8bc374c14b0727fae5cd' }, h("legend", { key: 'b74d116fa26b843eee56201c3997ecf916453a23', part: heading2 }, "General Info"), h("div", { key: '8370be848754f5730d1f5bffbfb51875cec01218', class: "row gy-3" }, h("div", { key: 'b891b5ce1820755b44a4d4d14240cd6f6f705114', class: "col-12" }, h("form-control-text", { key: '712f62f8feb4c34eb90048f29158c03cf71b38db', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '52cb8a48648bb036b04fba034dc27a4b286bf7ce', class: "col-12" }, h("form-control-text", { key: '655edd4ae78b47fea221308ce9e582eb731454a7', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '0cd13bcea3e7e1ef90e5d071ea40690f7a8ea022', class: "col-12 col-md-8" }, h("form-control-select", { key: '00a2173bda66d059f9ef7534b3535a4f36dbbbc1', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '4c157888deded84baa24ffdd5c5d74e90590c5f8', class: "col-12 col-md-4" }, h("form-control-date", { key: '7af97d93cf2a9f7ff988621d53e528a8930932ed', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'b5d0493b01ad9a0853bea95b76220c939cd43828', class: "col-12 col-md-6" }, h("form-control-text", { key: '5df583e04316c0afeaef771177dff20f6d266362', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '0bd63d995778469190a97a21190e3da742a468fa', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
|
|
38
38
|
this.isEditingTaxId = true;
|
|
39
39
|
this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
|
|
40
|
-
} }, "Change"))))), h("div", { key: '
|
|
40
|
+
} }, "Change"))))), h("div", { key: '3decd3a593098a1c36e4baf1aeb846603b4a6769', class: "col-12" }, h("form-control-text", { key: 'e3cb697846ad086ca6f4998d302574bb4de4c4a6', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '69c357ad3d2b5464d0c333c8fdc82353044b7301', class: "col-12 col-md-6" }, h("form-control-text", { key: '49857dc20c817d8c600dbeae9c8191452ec1898f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1c9279a56b389fcd71ffeaad66df8a067a035334', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '7c329ae3c7dcff34d88bce2a64d9ccaa09384055', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
|
|
41
41
|
}
|
|
42
42
|
}, [256, "justifi-business-core-info", {
|
|
43
43
|
"formController": [16],
|
|
@@ -54,7 +54,7 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
|
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
|
-
return (h(Host, { key: '
|
|
57
|
+
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 })));
|
|
58
58
|
}
|
|
59
59
|
static get watchers() { return {
|
|
60
60
|
"authToken": ["propChanged"],
|
|
@@ -28,14 +28,14 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
|
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
30
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
31
|
-
return (h("form", { key: '
|
|
31
|
+
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: () => {
|
|
32
32
|
this.isEditingIdentification = true;
|
|
33
33
|
// Clear current value to force validation
|
|
34
34
|
updateFormValues(this.formController, {
|
|
35
35
|
identification_number: '',
|
|
36
36
|
ssn_last4: null
|
|
37
37
|
});
|
|
38
|
-
} }, "Change"))))), h("div", { key: '
|
|
38
|
+
} }, "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 }))))));
|
|
39
39
|
}
|
|
40
40
|
}, [256, "justifi-business-representative-form-inputs", {
|
|
41
41
|
"representativeDefaultValue": [8, "representative-default-value"],
|
|
@@ -52,7 +52,7 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
render() {
|
|
55
|
-
return (h("justifi-business-representative-form-step-core", { key: '
|
|
55
|
+
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 }));
|
|
56
56
|
}
|
|
57
57
|
static get watchers() { return {
|
|
58
58
|
"authToken": ["propChanged"],
|
|
@@ -45,14 +45,14 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
|
|
|
45
45
|
render() {
|
|
46
46
|
var _a, _b;
|
|
47
47
|
const representativeDefaultValue = this.formController.getInitialValues().representative;
|
|
48
|
-
return (h(Host, { key: '
|
|
48
|
+
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: () => {
|
|
49
49
|
this.isEditingIdentification = true;
|
|
50
50
|
// Clear last4 and current value to force validation
|
|
51
51
|
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: '' }) }));
|
|
52
|
-
} }, "Change"))))), h("div", { key: '
|
|
52
|
+
} }, "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 }))))));
|
|
53
53
|
}
|
|
54
54
|
}, [256, "justifi-business-representative", {
|
|
55
|
-
"formController": [
|
|
55
|
+
"formController": [16],
|
|
56
56
|
"country": [1],
|
|
57
57
|
"errors": [32],
|
|
58
58
|
"representative": [32],
|
|
@@ -131,7 +131,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
|
|
|
131
131
|
return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
|
|
132
132
|
}
|
|
133
133
|
render() {
|
|
134
|
-
return (h("form", { key: '
|
|
134
|
+
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 }))))));
|
|
135
135
|
}
|
|
136
136
|
}, [256, "justifi-business-terms-conditions-form-step", {
|
|
137
137
|
"authToken": [1, "auth-token"],
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
import { p as postalOnlySchema } from './billing-form-schema.js';
|
|
3
3
|
import { W as billingForm } from './parts.js';
|
|
4
|
-
import { n as numberOnlyHandler } from './utils3.js';
|
|
5
4
|
import { F as FormController } from './form.js';
|
|
6
5
|
import { S as StyledHost } from './styled-host.js';
|
|
7
6
|
import './details.js';
|
|
@@ -45,7 +44,7 @@ const CardBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class CardBilling
|
|
|
45
44
|
}
|
|
46
45
|
render() {
|
|
47
46
|
const billingFormDefaultValue = this.formController.getInitialValues();
|
|
48
|
-
return (h(StyledHost, { key: '
|
|
47
|
+
return (h(StyledHost, { key: '406560bd86a894ec7d71ad6872ffedf200b7054d' }, h("div", { key: '5a824cbbd8dcb85fd5a7fab93ddbedd5407ef82d', part: billingForm }, h("form", { key: '2aa1abdcf5428f26edc3db42fc68141765ef5b64' }, h("fieldset", { key: '92844b0b69dda6f379a6509458dd67b2d6ec2c24' }, this.legend && (h("legend", { key: 'bc18d61d3f3d6b70bfece88dfaf540348099b252' }, this.legend)), h("div", { key: '63bc056fdfb6945eb00085ca1bf75fdb81741592', class: "row gy-3" }, h("div", { key: '56af403876ad942fc13570a462aff682d5b9e24e', class: "col-12" }, h("form-control-text", { key: '1478a6802dc5df7318e87f85bd069c6719af3372', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
|
|
49
48
|
}
|
|
50
49
|
}, [257, "justifi-card-billing-form-simple", {
|
|
51
50
|
"legend": [1025],
|
package/dist/module/card-form.js
CHANGED
|
@@ -51,10 +51,10 @@ const CardForm$1 = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLE
|
|
|
51
51
|
return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
|
-
return (h(Host, { key: '
|
|
54
|
+
return (h(Host, { key: '4867571cdff85823d48b139c1b6e591ff73ca426' }, h(CardFormSkeleton, { key: '37b584aa3865acc9266500f734c7a10e49fa139d', isReady: this.isReady }), h("div", { key: '09b5e58ed9df060922e2579880b68f022cff2940', class: "container-fluid p-0", style: {
|
|
55
55
|
opacity: this.isReady ? '1' : '0',
|
|
56
56
|
height: this.isReady ? 'auto' : '0',
|
|
57
|
-
} }, h("div", { key: '
|
|
57
|
+
} }, 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}` }))))));
|
|
58
58
|
}
|
|
59
59
|
}, [256, "card-form", {
|
|
60
60
|
"isReady": [32],
|
|
@@ -73,6 +73,7 @@ function getAvailablePaymentMethodTypes() {
|
|
|
73
73
|
return methods;
|
|
74
74
|
}
|
|
75
75
|
function getCheckoutState() {
|
|
76
|
+
var _a;
|
|
76
77
|
return {
|
|
77
78
|
selectedPaymentMethod: checkoutStore.selectedPaymentMethod,
|
|
78
79
|
paymentAmount: checkoutStore.paymentAmount,
|
|
@@ -87,6 +88,7 @@ function getCheckoutState() {
|
|
|
87
88
|
disableBankAccount: checkoutStore.disableBankAccount,
|
|
88
89
|
disableCreditCard: checkoutStore.disableCreditCard,
|
|
89
90
|
disablePaymentMethodGroup: checkoutStore.disablePaymentMethodGroup,
|
|
91
|
+
paymentToken: (_a = checkoutStore.paymentToken) !== null && _a !== void 0 ? _a : undefined,
|
|
90
92
|
};
|
|
91
93
|
}
|
|
92
94
|
function onAnyChange(callback) {
|
|
@@ -178,7 +178,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
|
|
|
178
178
|
return !this.showEmptyState && !this.showErrorState && !this.loading;
|
|
179
179
|
}
|
|
180
180
|
render() {
|
|
181
|
-
return (h(TableWrapper, { key: '
|
|
181
|
+
return (h(TableWrapper, { key: 'a77ef0f8f5b4ddf7448815c9df38097e16a38794' }, h(TableComponent, { key: '6408f3ec06f268f2f5b516fb2fe5e03dcce84bfc' }, h(TableHead, { key: '310864630e702965e885568c513d1d2d8f3805ea' }, h(TableHeadRow, { key: 'bee990fd0a1f8fbf5f21f41ce44f3d57a6bbffa6' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '1a5fd1a0b571205238ec365f0b9688d6abe95dc3' }, h(TableLoadingState, { key: 'df07de295c2a2b6674ed60ff55678a0f67665b15', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'faecb3005baf02ec425b369dcceff2de06e501eb', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '7d0e879b9e5595550a4cbd9c9948677106859e38', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '3fbdfe68348692e23333bae21fbaef261fe263d4' }, h(TableFootRow, { key: '4e39fd1f73d4b2f943f909fa8d640bf488fb5469' }, h(TableFootCell, { key: 'f245bc167021ff3e1c7f139e31fe151064651dad', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'c9129910b8ffeda06c90ffaa32832b8186687de4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
|
|
182
182
|
}
|
|
183
183
|
static get watchers() { return {
|
|
184
184
|
"pagingParams": ["updateOnPropChange"],
|
package/dist/module/details.js
CHANGED
|
@@ -9,7 +9,7 @@ const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLEleme
|
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
|
|
13
13
|
ErrorState(this.errorMessage)
|
|
14
14
|
:
|
|
15
15
|
h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));
|
|
@@ -19,7 +19,7 @@ const FormAddressFields = /*@__PURE__*/ proxyCustomElement(class FormAddressFiel
|
|
|
19
19
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
20
20
|
const labels = countryLabels[this.country];
|
|
21
21
|
const options = countryOptions[this.country];
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
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 })))));
|
|
23
23
|
}
|
|
24
24
|
}, [256, "justifi-form-address-fields", {
|
|
25
25
|
"country": [1],
|
|
@@ -42,10 +42,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
|
|
|
42
42
|
return inputCheckbox;
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '7bd0d5b048cb249373ea51b77e4c9da0cd9334e2' }, h("div", { key: 'fc2503501d863e5d4735bedbaf343c63e51933de', class: 'form-group d-flex flex-column' }, h("div", { key: '1279143cac22a3c83c84a0b374d521ad4f8d6b2e', class: "form-check" }, h("input", { key: '05206a4ba4f07eac3015168569c0669aa467631e', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
|
|
46
46
|
this.isFocused = false;
|
|
47
47
|
this.formControlBlur.emit();
|
|
48
|
-
}, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '
|
|
48
|
+
}, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '890243508bccedbdcbec05cffc857aa5a5a15bc6', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '3c7be6ef2d0d9dd02601fef9e58038d010ca8246', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '471b312488e84d3ab8ee2d4d13394b5887901366', errorText: this.errorText, name: this.name }))));
|
|
49
49
|
}
|
|
50
50
|
}, [256, "form-control-checkbox", {
|
|
51
51
|
"label": [1],
|
|
@@ -67,10 +67,10 @@ const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class Monetar
|
|
|
67
67
|
return part;
|
|
68
68
|
}
|
|
69
69
|
render() {
|
|
70
|
-
return (h(Host, { key: '
|
|
70
|
+
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: () => {
|
|
71
71
|
this.isFocused = false;
|
|
72
72
|
this.formControlBlur.emit();
|
|
73
|
-
}, 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: '
|
|
73
|
+
}, 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 }))));
|
|
74
74
|
}
|
|
75
75
|
static get watchers() { return {
|
|
76
76
|
"defaultValue": ["handleDefaultValueChange"]
|
|
@@ -21,7 +21,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
|
|
|
21
21
|
this.handleFormUpdate(newValues);
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h(Host, { key: '
|
|
24
|
+
return (h(Host, { key: '86c91933676745470d6b28cf6843624d092adc57' }, h("justifi-form-address-fields", { key: '7cbee24003b6b0446fb1203c9863151b0d2f4f15', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
|
|
25
25
|
}
|
|
26
26
|
static get watchers() { return {
|
|
27
27
|
"address": ["handleAddressChange"]
|
|
@@ -73,6 +73,7 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
|
|
|
73
73
|
this.isSubmitting = false;
|
|
74
74
|
}
|
|
75
75
|
checkoutError(_event) {
|
|
76
|
+
console.error('[justifi-checkout] error-event received', _event === null || _event === void 0 ? void 0 : _event.detail);
|
|
76
77
|
this.isSubmitting = false;
|
|
77
78
|
}
|
|
78
79
|
checkoutChanged(event) {
|
|
@@ -110,9 +111,9 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
|
|
|
110
111
|
}
|
|
111
112
|
render() {
|
|
112
113
|
var _a, _b;
|
|
113
|
-
return (h(StyledHost, { key: '
|
|
114
|
+
return (h(StyledHost, { key: 'a732f9446f972ce7f73d6fe0ac363fb95337c680' }, h("justifi-modular-checkout", { key: '801b883e53cde203ede129300ded1a2f0483be34', ref: (el) => {
|
|
114
115
|
this.modularCheckoutRef = el;
|
|
115
|
-
}, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '
|
|
116
|
+
}, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: 'bdef9ee17f78cd1e90eca694f97118b8667dac34', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '376eceb5fc3556812d2068df68c9fa3e69a1c144', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '8ba26c1f23bca80e9d856506b13a57f4bfc15967', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '5738d96d54bd52a377554d46a5e9e7b5b69bed3f' }, h("justifi-checkout-summary", { key: '1bb3a79abbf9afdc0e35b98902e712d2ba4bfc7f' }))), h("div", { key: '04633327b84fa48a47704fcac8ba5480ee84c7ef', class: "col-12 mt-4" }, h("slot", { key: 'f0f276203236ec3249aa3ebaedbfdb403f96b100', name: "insurance" })), h("div", { key: '7e48b02814dc8531680dd1b2d397b8bf22c8de46', class: "col-12 mt-4" }, h("justifi-header", { key: 'b2781e0eb8453c56ad11f9fb75bb71aeed3e28cf', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '7fe92e841814e189acd9a8e71f5bf093f22f6b39', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'b3768d7c90eb48e21373b8ae73e7259109ca3ca0', class: "d-flex flex-column" }, h("section", { key: '2f43b71d6c713365dcbd96493b7849c9c7b66eb8' }, h("div", { key: 'fd81d3cc0ddbd4bb8e3f5b8b90710c755f0e3e7b' }, h("justifi-saved-payment-methods", { key: '5e5a94e20f00a4cbd0e0499578d25688accb3144' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '716e375a293f18fa4cf9e658c3f16e3f2473cfdc', class: "mb-3" }, h("justifi-apple-pay", { key: '2a81a0530c00cdffd623c4f4214814223dce0b75' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '5f0cc98042ae31502da614c0cb7744f1d6decf2b', 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: 'c12ad1781678d428e732dd03efaa01b752ef7542', 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: '82f7f1a583e1f47e0c403fec8f703021b82e921a', 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: '19e52decdbeebe82ea70fb7c4dfca688b03503de', class: "mt-4" }, h("justifi-button", { key: '23f36924b6989332e242d5e275ce76524f328d4f', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
|
|
116
117
|
}
|
|
117
118
|
static get watchers() { return {
|
|
118
119
|
"authToken": ["propChanged"],
|
|
@@ -130,6 +131,7 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
|
|
|
130
131
|
"disablePaymentMethodGroup": [4, "disable-payment-method-group"],
|
|
131
132
|
"hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
|
|
132
133
|
"hideCardBillingForm": [4, "hide-card-billing-form"],
|
|
134
|
+
"preCompleteHook": [16],
|
|
133
135
|
"availablePaymentMethods": [32],
|
|
134
136
|
"checkout": [32],
|
|
135
137
|
"complete": [32],
|