@justifi/webcomponents 4.16.0 → 4.17.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/dist/cjs/{Analytics-423b2bb5.js → Analytics-80336968.js} +1 -1
- package/dist/cjs/{SubAccount-4f4fac22.js → SubAccount-135ff8c8.js} +1 -1
- package/dist/cjs/additional-questions-details_5.cjs.entry.js +1 -1
- package/dist/cjs/{business-additional-questions-schema-606d1292.js → business-additional-questions-schema-cf545610.js} +2 -2
- package/dist/cjs/form-alert_5.cjs.entry.js +2 -2
- package/dist/cjs/form-control-checkbox_5.cjs.entry.js +7 -10
- package/dist/cjs/form-control-date_3.cjs.entry.js +3 -3
- package/dist/cjs/form-control-error-text_4.cjs.entry.js +2 -2
- package/dist/cjs/form-control-file.cjs.entry.js +1 -1
- package/dist/cjs/form-control-monetary.cjs.entry.js +1 -1
- package/dist/cjs/form-control-number.cjs.entry.js +1 -1
- package/dist/cjs/gross-payment-chart-core.cjs.entry.js +2 -2
- package/dist/cjs/justifi-additional-questions-form-step_10.cjs.entry.js +8 -11
- package/dist/cjs/justifi-bank-account-form.cjs.entry.js +2 -2
- package/dist/cjs/justifi-billing-form_2.cjs.entry.js +13 -1678
- 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-list.cjs.entry.js +1 -1
- package/dist/cjs/justifi-card-form.cjs.entry.js +2 -2
- package/dist/cjs/justifi-checkout-core.cjs.entry.js +13 -5
- package/dist/cjs/justifi-checkout.cjs.entry.js +11 -3
- package/dist/cjs/justifi-details.cjs.entry.js +1 -1
- package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +2 -2
- package/dist/cjs/justifi-new-payment-method_4.cjs.entry.js +68 -26
- package/dist/cjs/justifi-payment-balance-transactions.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-form.cjs.entry.js +6 -6
- package/dist/cjs/justifi-payment-method-form.cjs.entry.js +1688 -0
- package/dist/cjs/justifi-payment-method-selector.cjs.entry.js +1 -1
- package/dist/cjs/justifi-payment-provisioning.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-payouts-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-proceeds-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-refund-form.cjs.entry.js +1 -1
- package/dist/cjs/justifi-season-interruption-insurance-core.cjs.entry.js +3 -3
- package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +1 -1
- package/dist/cjs/justifi-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/justifi-subaccount-details.cjs.entry.js +3 -3
- package/dist/cjs/justifi-subaccounts-list.cjs.entry.js +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-b40227dd.js → package-7b63c02b.js} +1 -1
- package/dist/cjs/{payload-parsers-6e4cf5d7.js → payload-parsers-78445405.js} +1 -1
- package/dist/cjs/payment-details-core.cjs.entry.js +8 -8
- package/dist/cjs/payments-list-core.cjs.entry.js +2 -2
- package/dist/cjs/payout-details-core.cjs.entry.js +2 -2
- package/dist/cjs/payouts-list-core.cjs.entry.js +2 -2
- package/dist/cjs/{schema-validations-9668fd79.js → schema-validations-2733de42.js} +3 -4
- package/dist/cjs/subaccount-account-details_4.cjs.entry.js +5 -5
- package/dist/cjs/subaccount-bank-details.cjs.entry.js +1 -1
- package/dist/cjs/subaccount-terms-details.cjs.entry.js +1 -1
- package/dist/cjs/{utils-fd644316.js → utils-742da2e3.js} +12 -3
- package/dist/cjs/{utils-17869710.js → utils-80191fbe.js} +6 -0
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/api/Checkout.js +0 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/billing-form/billing-form.js +2 -2
- package/dist/collection/components/business-forms/business-form/additional-questions/additional-questions.js +1 -1
- package/dist/collection/components/business-forms/owner-form/owner-form.js +2 -5
- 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/business-core-info/business-core-info-form-step.js +3 -2
- package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.js +1 -4
- package/dist/collection/components/business-forms/schemas/business-core-info-schema.js +1 -1
- package/dist/collection/components/business-forms/schemas/schema-helpers.js +0 -1
- package/dist/collection/components/business-forms/schemas/schema-validations.js +4 -4
- package/dist/collection/components/checkout/checkout-core.js +64 -5
- package/dist/collection/components/checkout/checkout.js +59 -1
- package/dist/collection/components/checkout/new-payment-method.js +94 -14
- package/dist/collection/components/checkout/payment-method-option-utils.js +2 -0
- package/dist/collection/components/checkout/payment-method-options.css +8 -0
- package/dist/collection/components/checkout/payment-method-options.js +98 -14
- package/dist/collection/components/checkout/save-new-payment-method.js +38 -0
- package/dist/collection/components/checkout/saved-payment-method.js +11 -4
- package/dist/collection/components/checkout/sezzle-payment-method.js +11 -4
- package/dist/collection/components/details/details.js +1 -1
- package/dist/collection/components/form/form-control-checkbox.js +1 -1
- package/dist/collection/components/form/form-control-date.js +1 -1
- package/dist/collection/components/form/form-control-file.js +1 -1
- package/dist/collection/components/form/form-control-monetary.js +1 -1
- package/dist/collection/components/form/form-control-number-masked.js +1 -1
- package/dist/collection/components/form/form-control-number.js +1 -1
- package/dist/collection/components/form/form-control-select.js +1 -1
- package/dist/collection/components/form/form-control-text.js +1 -1
- package/dist/collection/components/form/utils.js +12 -3
- package/dist/collection/components/gross-payment-chart/gross-payment-chart-core.js +1 -1
- package/dist/collection/components/insurance/season-interruption/season-interruption-insurance-core.js +2 -2
- package/dist/collection/components/insurance/season-interruption/season-interruption-insurance.js +1 -1
- package/dist/collection/components/payment-balance-transactions/payment-balance-transactions.js +1 -1
- package/dist/collection/components/payment-details/payment-details-core.js +7 -7
- package/dist/collection/components/payment-form/payment-form.js +3 -3
- package/dist/collection/components/payment-form/payment-method-selector.js +1 -1
- package/dist/collection/components/payments-list/payments-list-core.js +1 -1
- package/dist/collection/components/payout-details/payout-details-core.js +1 -1
- package/dist/collection/components/payouts-list/payouts-list-core.js +1 -1
- package/dist/collection/components/proceeds-list/proceeds-list.js +1 -1
- package/dist/collection/components/refund-form/refund-form.js +1 -1
- package/dist/collection/components/skeleton/skeleton.js +1 -1
- package/dist/collection/components/subaccount-details/subaccount-account-details/subaccount-account-details.js +1 -1
- package/dist/collection/components/subaccount-details/subaccount-bank-details/subaccount-bank-details.js +1 -1
- package/dist/collection/components/subaccount-details/subaccount-details.js +1 -1
- package/dist/collection/components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.js +1 -1
- package/dist/collection/components/subaccount-details/subaccount-owners-details/subaccount-owners-details.js +1 -1
- package/dist/collection/components/subaccount-details/subaccount-representative-details/subaccount-representative-details.js +1 -1
- package/dist/collection/components/subaccount-details/subaccount-terms-details/subaccount-terms-details.js +1 -1
- package/dist/collection/components/subaccounts-list/subaccounts-list.js +1 -1
- package/dist/collection/utils/utils.js +5 -0
- package/dist/docs.json +415 -41
- package/dist/esm/{Analytics-17c33e9e.js → Analytics-c52faca6.js} +1 -1
- package/dist/esm/{SubAccount-8bf9cb0c.js → SubAccount-7fcb1450.js} +1 -1
- package/dist/esm/additional-questions-details_5.entry.js +1 -1
- package/dist/esm/{business-additional-questions-schema-b00a73ba.js → business-additional-questions-schema-956e3caf.js} +2 -2
- package/dist/esm/form-alert_5.entry.js +2 -2
- package/dist/esm/form-control-checkbox_5.entry.js +7 -10
- package/dist/esm/form-control-date_3.entry.js +3 -3
- package/dist/esm/form-control-error-text_4.entry.js +2 -2
- package/dist/esm/form-control-file.entry.js +1 -1
- package/dist/esm/form-control-monetary.entry.js +1 -1
- package/dist/esm/form-control-number.entry.js +1 -1
- package/dist/esm/gross-payment-chart-core.entry.js +2 -2
- package/dist/esm/justifi-additional-questions-form-step_10.entry.js +9 -12
- package/dist/esm/justifi-bank-account-form.entry.js +2 -2
- package/dist/esm/justifi-billing-form_2.entry.js +13 -1678
- 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-list.entry.js +1 -1
- package/dist/esm/justifi-card-form.entry.js +2 -2
- package/dist/esm/justifi-checkout-core.entry.js +13 -5
- package/dist/esm/justifi-checkout.entry.js +11 -3
- package/dist/esm/justifi-details.entry.js +1 -1
- package/dist/esm/justifi-gross-payment-chart.entry.js +2 -2
- package/dist/esm/justifi-new-payment-method_4.entry.js +68 -26
- package/dist/esm/justifi-payment-balance-transactions.entry.js +2 -2
- package/dist/esm/justifi-payment-details.entry.js +2 -2
- package/dist/esm/justifi-payment-form.entry.js +6 -6
- package/dist/esm/justifi-payment-method-form.entry.js +1684 -0
- package/dist/esm/justifi-payment-method-selector.entry.js +1 -1
- package/dist/esm/justifi-payment-provisioning.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-payouts-list.entry.js +2 -2
- package/dist/esm/justifi-proceeds-list.entry.js +2 -2
- package/dist/esm/justifi-refund-form.entry.js +1 -1
- package/dist/esm/justifi-season-interruption-insurance-core.entry.js +3 -3
- package/dist/esm/justifi-season-interruption-insurance.entry.js +1 -1
- package/dist/esm/justifi-skeleton.entry.js +1 -1
- package/dist/esm/justifi-subaccount-details.entry.js +3 -3
- package/dist/esm/justifi-subaccounts-list.entry.js +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{package-02a6e473.js → package-8ab448a3.js} +1 -1
- package/dist/esm/{payload-parsers-a9e8f8cc.js → payload-parsers-57289fc4.js} +1 -1
- package/dist/esm/payment-details-core.entry.js +8 -8
- package/dist/esm/payments-list-core.entry.js +2 -2
- package/dist/esm/payout-details-core.entry.js +2 -2
- package/dist/esm/payouts-list-core.entry.js +2 -2
- package/dist/esm/{schema-validations-770bdf3e.js → schema-validations-a83ff220.js} +3 -4
- package/dist/esm/subaccount-account-details_4.entry.js +5 -5
- package/dist/esm/subaccount-bank-details.entry.js +1 -1
- package/dist/esm/subaccount-terms-details.entry.js +1 -1
- package/dist/esm/{utils-61a21dea.js → utils-5f4c4faa.js} +6 -1
- package/dist/esm/{utils-8de964da.js → utils-c7b3f21a.js} +12 -3
- package/dist/esm/webcomponents.js +1 -1
- package/dist/module/SubAccount.js +1 -1
- package/dist/module/additional-questions.js +1 -1
- package/dist/module/billing-form.js +2 -2
- package/dist/module/business-additional-questions-form-step.js +1 -1
- package/dist/module/business-core-info-form-step.js +3 -2
- package/dist/module/business-core-info-schema.js +1 -1
- package/dist/module/business-representative-form-step.js +1 -4
- package/dist/module/checkout-core.js +37 -21
- package/dist/module/details.js +1 -1
- package/dist/module/form-control-checkbox2.js +1 -1
- package/dist/module/form-control-date2.js +1 -1
- package/dist/module/form-control-file2.js +1 -1
- package/dist/module/form-control-monetary2.js +1 -1
- package/dist/module/form-control-number-masked2.js +1 -1
- package/dist/module/form-control-number.js +1 -1
- package/dist/module/form-control-select2.js +1 -1
- package/dist/module/form-control-text2.js +1 -1
- package/dist/module/gross-payment-chart-core2.js +1 -1
- package/dist/module/justifi-checkout.js +35 -20
- package/dist/module/justifi-payment-balance-transactions.js +2 -2
- package/dist/module/justifi-payment-form.js +3 -3
- package/dist/module/justifi-proceeds-list.js +1 -1
- package/dist/module/justifi-refund-form.js +1 -1
- package/dist/module/justifi-save-new-payment-method.d.ts +11 -0
- package/dist/module/justifi-save-new-payment-method.js +6 -0
- package/dist/module/justifi-season-interruption-insurance.js +1 -1
- package/dist/module/justifi-subaccount-details.js +2 -2
- package/dist/module/justifi-subaccounts-list.js +2 -2
- package/dist/module/new-payment-method.js +52 -24
- package/dist/module/owner-form.js +2 -5
- package/dist/module/package.js +1 -1
- package/dist/module/payment-details-core2.js +8 -8
- package/dist/module/payment-method-options.js +51 -26
- package/dist/module/payment-method-selector.js +1 -1
- package/dist/module/payments-list-core2.js +2 -2
- package/dist/module/payout-details-core2.js +2 -2
- package/dist/module/payouts-list-core2.js +2 -2
- package/dist/module/save-new-payment-method.js +36 -0
- package/dist/module/saved-payment-method.js +7 -2
- package/dist/module/schema-validations.js +3 -4
- package/dist/module/season-interruption-insurance-core.js +2 -2
- package/dist/module/sezzle-payment-method.js +5 -2
- package/dist/module/skeleton.js +1 -1
- package/dist/module/subaccount-account-details2.js +1 -1
- package/dist/module/subaccount-bank-details.js +1 -1
- package/dist/module/subaccount-merchant-details2.js +2 -2
- package/dist/module/subaccount-owners-details2.js +1 -1
- package/dist/module/subaccount-representative-details2.js +1 -1
- package/dist/module/subaccount-terms-details.js +1 -1
- package/dist/module/utils2.js +6 -1
- package/dist/module/utils3.js +12 -3
- package/dist/types/api/Checkout.d.ts +6 -0
- package/dist/types/components/business-forms/owner-form/owner-form.d.ts +0 -1
- package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.d.ts +0 -1
- package/dist/types/components/business-forms/schemas/schema-helpers.d.ts +0 -1
- package/dist/types/components/checkout/checkout-core.d.ts +5 -1
- package/dist/types/components/checkout/checkout.d.ts +5 -0
- package/dist/types/components/checkout/new-payment-method.d.ts +8 -2
- package/dist/types/components/checkout/payment-method-option-utils.d.ts +1 -0
- package/dist/types/components/checkout/payment-method-options.d.ts +6 -2
- package/dist/types/components/checkout/payment-method-payload.d.ts +1 -0
- package/dist/types/components/checkout/save-new-payment-method.d.ts +7 -0
- package/dist/types/components/checkout/saved-payment-method.d.ts +1 -1
- package/dist/types/components/checkout/sezzle-payment-method.d.ts +1 -1
- package/dist/types/components/form/utils.d.ts +1 -1
- package/dist/types/components/payment-method-form/payment-method-responses.d.ts +6 -4
- package/dist/types/components.d.ts +55 -12
- package/dist/types/utils/utils.d.ts +1 -0
- package/dist/webcomponents/{p-4791c1f2.entry.js → p-00de4ae0.entry.js} +1 -1
- package/dist/webcomponents/{p-0f10316f.entry.js → p-015ba24e.entry.js} +1 -1
- package/dist/webcomponents/p-0575daac.js +1 -0
- package/dist/webcomponents/p-0a09edbb.entry.js +1 -0
- package/dist/webcomponents/{p-31031d15.entry.js → p-0fc18c89.entry.js} +1 -1
- package/dist/webcomponents/{p-f14db665.entry.js → p-100cb35c.entry.js} +1 -1
- package/dist/webcomponents/{p-b01c0120.entry.js → p-189dee9f.entry.js} +1 -1
- package/dist/webcomponents/{p-288c95b3.entry.js → p-1c60004a.entry.js} +1 -1
- package/dist/webcomponents/{p-65969627.entry.js → p-30a7bebc.entry.js} +2 -2
- package/dist/webcomponents/{p-7ae2d26f.entry.js → p-378bb067.entry.js} +1 -1
- package/dist/webcomponents/p-3fd13ca3.js +1 -0
- package/dist/webcomponents/{p-923c37a2.entry.js → p-404d7c56.entry.js} +1 -1
- package/dist/webcomponents/{p-f18e63c3.entry.js → p-43326623.entry.js} +1 -1
- package/dist/webcomponents/{p-9228912b.entry.js → p-4c5f9260.entry.js} +1 -1
- package/dist/webcomponents/{p-7c28a80d.entry.js → p-5309e887.entry.js} +1 -1
- package/dist/webcomponents/{p-fee616cf.entry.js → p-6006e085.entry.js} +1 -1
- package/dist/webcomponents/{p-9c00adf1.entry.js → p-61e486ad.entry.js} +1 -1
- package/dist/webcomponents/{p-eefe2f29.entry.js → p-738049aa.entry.js} +1 -1
- package/dist/webcomponents/{p-56275f64.entry.js → p-739f1e09.entry.js} +1 -1
- package/dist/webcomponents/{p-4b260a52.entry.js → p-7f77d91f.entry.js} +1 -1
- package/dist/webcomponents/{p-ebce7b2f.entry.js → p-84b3cead.entry.js} +1 -1
- package/dist/webcomponents/{p-06baf263.entry.js → p-8805d083.entry.js} +1 -1
- package/dist/webcomponents/p-89887332.js +1 -0
- package/dist/webcomponents/p-95c18035.entry.js +1 -0
- package/dist/webcomponents/{p-fa9773c0.entry.js → p-95c8c313.entry.js} +1 -1
- package/dist/webcomponents/p-97220d5b.entry.js +1 -0
- package/dist/webcomponents/{p-8e8f5033.entry.js → p-98985c7d.entry.js} +1 -1
- package/dist/webcomponents/{p-e3a31451.entry.js → p-9936c393.entry.js} +1 -1
- package/dist/webcomponents/p-9d03464e.entry.js +1 -0
- package/dist/webcomponents/{p-3a7e0753.entry.js → p-a34c28af.entry.js} +1 -1
- package/dist/webcomponents/{p-d42e284d.entry.js → p-a6477232.entry.js} +1 -1
- package/dist/webcomponents/{p-2451611d.entry.js → p-a90a6703.entry.js} +1 -1
- package/dist/webcomponents/{p-a33c3e1c.entry.js → p-b1a24d24.entry.js} +1 -1
- package/dist/webcomponents/{p-9b1e7f5e.entry.js → p-b27d2ce1.entry.js} +1 -1
- package/dist/webcomponents/{p-3394ff6c.js → p-b7d9d9fa.js} +1 -1
- package/dist/webcomponents/{p-1e53021d.entry.js → p-be049573.entry.js} +1 -1
- package/dist/webcomponents/{p-c85fb952.entry.js → p-bfe69314.entry.js} +1 -1
- package/dist/webcomponents/{p-9601cf9d.entry.js → p-c2d6a5e2.entry.js} +1 -1
- package/dist/webcomponents/{p-4b4fc43d.js → p-c4264aaf.js} +1 -1
- package/dist/webcomponents/{p-808c8988.entry.js → p-c69713c2.entry.js} +1 -1
- package/dist/webcomponents/{p-9e5d765c.js → p-c8c08fe3.js} +1 -1
- package/dist/webcomponents/{p-b94bf537.entry.js → p-d779f2f2.entry.js} +1 -1
- package/dist/webcomponents/{p-26779944.entry.js → p-da313a7e.entry.js} +1 -1
- package/dist/webcomponents/{p-6ce586e0.entry.js → p-e04f7070.entry.js} +1 -1
- package/dist/webcomponents/p-e7915927.entry.js +1 -0
- package/dist/webcomponents/{p-fb53112b.js → p-e8c651b8.js} +1 -1
- package/dist/webcomponents/p-eb142b8a.entry.js +1 -0
- package/dist/webcomponents/{p-851e57f4.js → p-edb605b3.js} +1 -1
- package/dist/webcomponents/{p-e673e681.entry.js → p-efe744ce.entry.js} +1 -1
- package/dist/webcomponents/p-f6858597.entry.js +1 -0
- package/dist/webcomponents/p-f68cf935.entry.js +1 -0
- package/dist/webcomponents/{p-3f06ce2f.entry.js → p-fcf42299.entry.js} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/webcomponents/p-038fb958.entry.js +0 -1
- package/dist/webcomponents/p-144e4bda.js +0 -1
- package/dist/webcomponents/p-1feebf9c.entry.js +0 -1
- package/dist/webcomponents/p-306aea52.entry.js +0 -1
- package/dist/webcomponents/p-6b05f357.entry.js +0 -1
- package/dist/webcomponents/p-71800e4c.js +0 -1
- package/dist/webcomponents/p-88d68804.entry.js +0 -1
- package/dist/webcomponents/p-8a6049ed.js +0 -1
- package/dist/webcomponents/p-bacd9d6e.entry.js +0 -1
- package/dist/webcomponents/p-f3ae3cb6.entry.js +0 -1
|
@@ -23,7 +23,7 @@ export class AdditionalQuestions {
|
|
|
23
23
|
render() {
|
|
24
24
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
|
25
25
|
const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
|
|
26
|
-
return (h(Host, { key: 'cd9fd951b9e84303a435ea6120c6af7f62771ea0', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '67169db7aaeef558b7b42aa5bf8feb7249b252fc' }, h("legend", { key: '0e07b0796e7524e98a9a03d035a9ef1166a76da1' }, "Additional Questions"), h("hr", { key: 'f807a4735dbad35409d2dac134f2db2163c1b61d' }), h("div", { key: 'c22d89cc083087f017011d983b68ed305b70febf', class: "row gy-3" }, h("div", { key: 'f5053d99a1b9a01c2e5c639ce693c58b1a1fc2db', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '
|
|
26
|
+
return (h(Host, { key: 'cd9fd951b9e84303a435ea6120c6af7f62771ea0', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '67169db7aaeef558b7b42aa5bf8feb7249b252fc' }, h("legend", { key: '0e07b0796e7524e98a9a03d035a9ef1166a76da1' }, "Additional Questions"), h("hr", { key: 'f807a4735dbad35409d2dac134f2db2163c1b61d' }), h("div", { key: 'c22d89cc083087f017011d983b68ed305b70febf', class: "row gy-3" }, h("div", { key: 'f5053d99a1b9a01c2e5c639ce693c58b1a1fc2db', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '34f1986f6c71ea767419b24cf6aaf4a98109b30a', 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: 'c527d560cc82ea78df2b49560349b0dd06622c8e', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'b3fab39178309431f03f6e6f954fbd764c98e73c', 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: '7bd162ba9c80f6ad943435a03cdf89f3486424e8', class: "col-12" }, h("form-control-select", { key: 'b9f4414df1e05852bee4988a517139dbf442308a', 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: 'b3de6b94ead1b905e6fb37972351c220c676cb1b', class: "col-12" }, h("form-control-select", { key: '069d66fdbed25c1d69cfdb1f2931fcec6bbcf9cf', 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: 'da00423ade550ebda7d7b5d8fa2d322c8536c87b', class: "col-12" }, h("form-control-text", { key: 'a52855e1506358bc2f0880a0a85dffa43b230722', 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: 'd0605e153c29adb0edac15362e4e4703f8f586ba', class: "col-12" }, h("form-control-select", { key: 'bc502dbf3f40232eb9fb644afe679c4a5884866b', 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: '63dd09e3c8af15fe377248121912e313767e93b3', class: "col-12" }, h("form-control-text", { key: '9a20fd45a57e717496b97f4c94b5cf819dc6ff7a', 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 }))))));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "justifi-additional-questions"; }
|
|
29
29
|
static get properties() {
|
|
@@ -110,9 +110,6 @@ export class BusinessOwnerForm {
|
|
|
110
110
|
get identityEndpoint() {
|
|
111
111
|
return this.ownerId ? `entities/identity/${this.ownerId}` : 'entities/identity';
|
|
112
112
|
}
|
|
113
|
-
get identificationNumberLabel() {
|
|
114
|
-
return this.owner.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
|
|
115
|
-
}
|
|
116
113
|
get formTitle() {
|
|
117
114
|
return this.ownerId ? 'Edit Business Owner' : 'Add Business Owner';
|
|
118
115
|
}
|
|
@@ -175,8 +172,8 @@ export class BusinessOwnerForm {
|
|
|
175
172
|
}
|
|
176
173
|
render() {
|
|
177
174
|
const ownerDefaultValue = this.formController.getInitialValues();
|
|
178
|
-
return (h(Host, { key: '
|
|
179
|
-
h("button", { key: '
|
|
175
|
+
return (h(Host, { key: 'eb92a5570638938a9aa2edec8d63d92ab127cb3e', exportparts: 'label,input,input-invalid' }, h("form", { key: 'f8ac2519ce5908045ca3ba04212406c64bd65622', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'ba8e81033034ac31151f6d920bcb19d825195bb5' }, h("legend", { key: '6d77419ef49152d3fe7b08804c3c61598ce44122', class: 'fw-semibold fs-5' }, this.formTitle), h("br", { key: '28135226e296cfbdc5971328925ab39c7359ceac' }), h("div", { key: 'daf7896bf801e4b5af710ede94059105a441dd9a', class: 'row gy-3' }, h("div", { key: 'e50be4e2f648e9be2fce68aa93c87f67c945a614', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'e295419d4a0f9a777a4eb1f4f7365c67cae0a478', name: 'name', label: 'Full Name', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '315cd57b8e378d7252029dcede76822053bc292f', class: 'col-12 col-md-4' }, h("form-control-text", { key: '88e61763b61a695afd4175d1d772b2a44abad599', name: 'title', label: 'Title', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '1d15f0fd4fd9c4152cfc8fc5f37a7cec6ff376f4', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'ffd5c799986ff594e61069198454d16d7b36d286', name: 'email', label: 'Email Address', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '40f44c917379bfff2c60361903559053c994e160', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '79df11699b9a59c8887c041e8dc744d2b2c5affc', name: 'phone', label: 'Phone Number', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '0d78cbd8638cff7fa7981e451c66fdc983306dbf', class: 'col-12 col-md-4' }, h("form-control-date", { key: '29c8f7929489424b967e0ac2b6476e345c9fa035', name: 'dob_full', label: 'Birth Date', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'a11ef411b2bcdb07801fe8448fd29f6533a3e0ad', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '1630d85878b798245b2303f45c2eef101eae25fc', name: 'identification_number', label: 'SSN', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'b134c3a8bc92f3edd099b44e97926c6bee2a6e02', class: 'col-12' }, h("justifi-identity-address-form", { key: '68e9763e33025502e0290fdf84353bdf039bc7df', errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { key: 'c5238b99b02d82e3e94a96ae282d0be11dd65206', class: 'container d-flex gap-2' }, h("button", { key: 'e57ff503567de6c13a7657c2ac7bb31593765169', type: 'submit', class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
|
|
176
|
+
h("button", { key: 'f7c3376b98e5727dd7a37f6148005da398557484', type: 'button', class: 'btn btn-danger', onClick: () => this.handleRemoveOwner() }, "Remove owner"))), h("hr", { key: '818dc67030ba2c4789b353a663a82309bfd6723f' })))));
|
|
180
177
|
}
|
|
181
178
|
static get is() { return "justifi-owner-form"; }
|
|
182
179
|
static get properties() {
|
|
@@ -98,7 +98,7 @@ export class AdditionalQuestionsFormStep {
|
|
|
98
98
|
render() {
|
|
99
99
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
100
100
|
const additionalQuestionsDefaultValue = this.formController.getInitialValues();
|
|
101
|
-
return (h(Host, { key: 'a6c4f79702b3ebeb087c7e0beb1353e243c26bb2', exportparts: "label,input,input-invalid" }, h("form", { key: 'e4f918d7b7a84b8a2332f14d79dcb8bc7c50da73' }, h("fieldset", { key: '921f14f225be38b665780a5640bc38302497a5b4' }, h("legend", { key: '01fa03c8134995cb23a67766febb6d4522e3d41a' }, "Additional Questions"), h("hr", { key: '61131730389e979b6aa7d68ca5f58a070aa2534e' }), h("div", { key: '54b3af3d2fe06b20463fa548a60ab986f246a3d7', class: "row gy-3" }, h("div", { key: '55c113e9d5f4746cc78de3f91cbf0a069d7a8e41', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '
|
|
101
|
+
return (h(Host, { key: 'a6c4f79702b3ebeb087c7e0beb1353e243c26bb2', exportparts: "label,input,input-invalid" }, h("form", { key: 'e4f918d7b7a84b8a2332f14d79dcb8bc7c50da73' }, h("fieldset", { key: '921f14f225be38b665780a5640bc38302497a5b4' }, h("legend", { key: '01fa03c8134995cb23a67766febb6d4522e3d41a' }, "Additional Questions"), h("hr", { key: '61131730389e979b6aa7d68ca5f58a070aa2534e' }), h("div", { key: '54b3af3d2fe06b20463fa548a60ab986f246a3d7', class: "row gy-3" }, h("div", { key: '55c113e9d5f4746cc78de3f91cbf0a069d7a8e41', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '86a6cacf09105f5c4415a01738ba77b7eeb7622c', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'ae68b9c006ea41e1f214226efdb4e14098d5e800', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'ddbff877fc74121bbf84eb7f4ee278558f35d853', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '80fa2c11d3cadd1a1ab07ad79b7ff736a15a38d3', class: "col-12" }, h("form-control-select", { key: '7fca901a87105b9a401309d5841279bac7a6f5cd', 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: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'a20763d9518cd84b062f81fdce325be2a8dfb40e', class: "col-12" }, h("form-control-select", { key: 'cfec3aab19c544b16f8a0fab7541433130c3b749', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '0ef1a0473a5870428a741be696e08c881ebee524', class: "col-12" }, h("form-control-text", { key: '512a4924c14b7c2da661b5ffe966d8d1497cb706', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: '75a7b0adfde53443a53ca4e4143f1ff060291837', class: "col-12" }, h("form-control-select", { key: '1474ce5f608be57a36486ad46c7a7bd68fc44fc7', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '7de2fd399754cc0c77e2b08b7d1a4d0082903f61', class: "col-12" }, h("form-control-text", { key: '5de14ae950223e353dd6d58430a4493ffd26da4e', 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: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details })))))));
|
|
102
102
|
}
|
|
103
103
|
static get is() { return "justifi-additional-questions-form-step"; }
|
|
104
104
|
static get properties() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
import { FormController } from "../../../form/form";
|
|
3
|
-
import { PHONE_MASKS
|
|
3
|
+
import { PHONE_MASKS } from "../../../../utils/form-input-masks";
|
|
4
4
|
import { CoreBusinessInfo } from "../../../../api/Business";
|
|
5
5
|
import { Api } from "../../../../api";
|
|
6
6
|
import { businessCoreInfoSchema } from "../../schemas/business-core-info-schema";
|
|
@@ -10,6 +10,7 @@ import { flattenNestedObject } from "../../../../utils/utils";
|
|
|
10
10
|
import { BusinessFormStep } from "../../utils/business-form-types";
|
|
11
11
|
import { businessClassificationOptions } from "../../utils/business-form-options";
|
|
12
12
|
import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
|
|
13
|
+
import { numberOnlyHandler } from "../../../form/utils";
|
|
13
14
|
/**
|
|
14
15
|
*
|
|
15
16
|
* The difference between this component and business-generic-info-details
|
|
@@ -106,7 +107,7 @@ export class BusinessCoreInfoFormStep {
|
|
|
106
107
|
}
|
|
107
108
|
render() {
|
|
108
109
|
const coreInfoDefaultValue = this.formController.getInitialValues();
|
|
109
|
-
return (h(Host, { key: '
|
|
110
|
+
return (h(Host, { key: '4ea42b813bdd6e5c59a62ae4ae869e86dfddd7ce', exportparts: 'label,input,input-invalid' }, h("form", { key: 'f5ec3be342eda82dee8a51fe2ee5a6da1ee8902e' }, h("fieldset", { key: 'e07041577f53badc6c172a2c6dc20b1066c03f4c' }, h("legend", { key: '2bcc8cc013eeee4e27c874d0bed4471515b68610' }, "General Info"), h("hr", { key: '6dc6f73cf851b9244c8d797bc5cefdfda848c7bc' }), h("div", { key: 'b2bfad85255ddfa76d405e45df3d668ad02a6fea', class: 'row gy-3' }, h("div", { key: 'a9a65df07f40621513ce4881dd203e90142d7670', class: 'col-12' }, h("form-control-text", { key: '7fe7ac765902c7cd9ed60004dc7be687d43b2e49', name: 'legal_name', label: 'Legal Name', defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '6fe2e395e4391480f4d6dafcfc57619176efc45c', class: 'col-12' }, h("form-control-text", { key: 'd19870345d79e4c44c3e667e2751ff6f344e1d58', 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: '39acda8180c70f7684aa2d73ef31bc199233c358', class: 'col-12 col-md-8' }, h("form-control-select", { key: '67f98ac21a69a851bb9489df198e06c8b517d45e', name: 'classification', label: 'Business Classification', options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'd54631f13e8998170de1f175d52d89d90035e688', class: 'col-12 col-md-4' }, h("form-control-date", { key: '8038e4f909c9bb2e5f3a8dd577f7b7f75e3d4f41', 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: 'ca43f206b14494ddaa55c625a2c408426ebcf529', class: 'col-12 col-md-6' }, h("form-control-text", { key: '7ccf50e04dad1a7e001c37074925f27f53ec831c', name: 'industry', label: 'Industry', defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '76136df0a434b7fce1b0307e962e4ea387a063d3', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'ddfd853ed46b3995484dff54d47af0c0d6c93b0c', name: 'tax_id', label: 'Tax ID (EIN or SSN)', defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9 })), h("div", { key: '1084c4d7a261b8fc0a9ceacc16b5823f09cfb807', class: 'col-12' }, h("form-control-text", { key: 'c9ca186a6f2cc10f43966de56e6a224103ddd1f3', name: 'website_url', label: 'Website URL', defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '55bc2f83a170fc1bec20c208460cc63b8f42a566', class: 'col-12 col-md-6' }, h("form-control-text", { key: '5c35db62f1d7d56e01a839df29b39aa55e569d5c', name: 'email', label: 'Email Address', defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'f74aadc2ea606365918f29091a6f6bb08841bf00', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: 'ef54ee012cbc30464bcdc7e887d5eb0523e30057', name: 'phone', label: 'Phone Number', defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })))))));
|
|
110
111
|
}
|
|
111
112
|
static get is() { return "justifi-business-core-info-form-step"; }
|
|
112
113
|
static get properties() {
|
|
@@ -74,9 +74,6 @@ export class BusinessRepresentativeFormStep {
|
|
|
74
74
|
get businessEndpoint() {
|
|
75
75
|
return `entities/business/${this.businessId}`;
|
|
76
76
|
}
|
|
77
|
-
get identificationNumberLabel() {
|
|
78
|
-
return this.representative.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
|
|
79
|
-
}
|
|
80
77
|
handleResponse(response, onSuccess) {
|
|
81
78
|
if (response.error) {
|
|
82
79
|
this.errorEvent.emit({
|
|
@@ -108,7 +105,7 @@ export class BusinessRepresentativeFormStep {
|
|
|
108
105
|
}
|
|
109
106
|
render() {
|
|
110
107
|
const representativeDefaultValue = this.formController.getInitialValues();
|
|
111
|
-
return (h(Host, { key: '
|
|
108
|
+
return (h(Host, { key: 'd2c9bc0dd40d85403688d4c0ff482d7b0c3c35ab', exportparts: 'label,input,input-invalid' }, h("form", { key: '99a6b23b13b893f760e322dfe2e6f603e86e718c' }, h("fieldset", { key: '7c3b1897a7fe0fa672fa2d8d1a35ba4c81e9c256' }, h("legend", { key: 'f0fe4c93f757167e631d6e21bda5b559556550ad' }, "Representative"), h("hr", { key: '1dd5db7898b510bcdae492460f2ce57d7871c282' }), h("div", { key: '33d1935e5b6cc441bd0193e35aaaedcecfc2bc95', class: 'row gy-3' }, h("div", { key: 'c872b5a20469e3609178106b019fe1d0aecb2a24', class: 'col-12 col-md-8' }, h("form-control-text", { key: '31f37067b3c46bb4f7120169878dae88c1d4e918', 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: '9bdc8c1756a693f48bf060ee66f6fcf44cabc025', class: 'col-12 col-md-4' }, h("form-control-text", { key: '1686ff4c8e7b2e2fb74cc104966bf56d2754f8a8', name: 'title', label: 'Title', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '789443ed50f9f0957e6bd8b4f6dea8d6ba7421a9', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'fcf1bd082368ee1adcc6b661ec75e3693fcc30dd', 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: '163d3f6e3ea1d2b7833b7a232e4726e56fda6416', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '3eba7a3ab6a7e8631cb9f100bfd7e5e5566efecc', 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: '42fc6d656c069f073b08e77398a266e367e771ad', class: 'col-12 col-md-4' }, h("form-control-date", { key: 'f627ff9478974305c83a8947b6c7f60d46189104', 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: 'ffded118a7a2d1c5889c46ac879cdadc289f1c1e', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: 'bf9cda57b1b7579a38d4f1f276c5cbc7b1723e2d', name: 'identification_number', label: 'SSN', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'b033205960692dc7b3cea5ce59e12a13c58d5243', class: 'col-12' }, h("justifi-identity-address-form", { key: 'f243060451c630da18d175a93f55bb1fcabd0cec', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
|
|
112
109
|
}
|
|
113
110
|
static get is() { return "justifi-business-representative-form-step"; }
|
|
114
111
|
static get properties() {
|
|
@@ -9,7 +9,7 @@ export const businessCoreInfoSchema = (allowOptionalFields) => {
|
|
|
9
9
|
doing_business_as: doingBusinessAsValidation.required('Enter doing business as'),
|
|
10
10
|
classification: businessClassificationValidation.required('Select business classification'),
|
|
11
11
|
industry: industryValidation.required('Enter a business industry'),
|
|
12
|
-
tax_id: taxIdValidation.required('Enter tax id'),
|
|
12
|
+
tax_id: taxIdValidation.required('Enter tax id, SSN, or EIN'),
|
|
13
13
|
date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
|
|
14
14
|
});
|
|
15
15
|
const easySchema = object({
|
|
@@ -17,7 +17,6 @@ export const validateRoutingNumber = (routingNumber) => {
|
|
|
17
17
|
export const businessNameRegex = /^(?!^\s+$)[a-zA-Z0-9\s,&.-]*$/;
|
|
18
18
|
export const phoneRegex = /^\d{10}$/;
|
|
19
19
|
export const urlRegex = /^(?:http(s)?:\/\/)?(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/;
|
|
20
|
-
export const taxIdRegex = /^\d{9}$/;
|
|
21
20
|
export const stringLettersOnlyRegex = /^(?!^\s+$)[a-zA-Z\s]*$/;
|
|
22
21
|
export const numbersOnlyRegex = /^\d+$/;
|
|
23
22
|
export const ssnRegex = /^(?!000|666|9\d{2})\d{3}(?!00)\d{2}(?!0000)\d{4}$/;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { mixed, string } from "yup";
|
|
2
2
|
import StateOptions from "../../../utils/state-options";
|
|
3
3
|
import { businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions, bankAccountTypeOptions, businessClassificationOptions } from "../utils/business-form-options";
|
|
4
|
-
import { businessNameRegex, numbersOnlyRegex, phoneRegex, poBoxRegex, ssnRegex, streetAddressRegex, stringLettersOnlyRegex,
|
|
4
|
+
import { businessNameRegex, numbersOnlyRegex, phoneRegex, poBoxRegex, ssnRegex, streetAddressRegex, stringLettersOnlyRegex, transformEmptyString, urlRegex, validateRoutingNumber } from "./schema-helpers";
|
|
5
5
|
import { EntityDocumentType } from "../../../api/Document";
|
|
6
6
|
// Common Validations
|
|
7
7
|
export const emailValidation = string()
|
|
@@ -33,11 +33,11 @@ export const industryValidation = string()
|
|
|
33
33
|
.matches(stringLettersOnlyRegex, 'Enter valid industry')
|
|
34
34
|
.transform(transformEmptyString);
|
|
35
35
|
export const taxIdValidation = string()
|
|
36
|
-
.matches(
|
|
37
|
-
.test('not-repeat', 'Enter valid tax id', (value) => {
|
|
36
|
+
.matches(numbersOnlyRegex, 'Enter valid tax id, SSN, or EIN')
|
|
37
|
+
.test('not-repeat', 'Enter valid tax id, SSN, or EIN', (value) => {
|
|
38
38
|
return !/^(\d)\1+$/.test(value);
|
|
39
39
|
})
|
|
40
|
-
.test('not-seq', 'Enter valid tax id', (value) => {
|
|
40
|
+
.test('not-seq', 'Enter valid tax id, SSN, or EIN', (value) => {
|
|
41
41
|
return value !== '123456789';
|
|
42
42
|
})
|
|
43
43
|
.transform(transformEmptyString);
|
|
@@ -41,6 +41,10 @@ export class CheckoutCore {
|
|
|
41
41
|
this.serverError = undefined;
|
|
42
42
|
this.renderState = 'loading';
|
|
43
43
|
this.creatingNewPaymentMethod = false;
|
|
44
|
+
this.insuranceToggled = false;
|
|
45
|
+
}
|
|
46
|
+
async fillBillingForm(fields) {
|
|
47
|
+
this.paymentMethodOptionsRef.fillBillingForm(fields);
|
|
44
48
|
}
|
|
45
49
|
componentWillLoad() {
|
|
46
50
|
if (this.getCheckout) {
|
|
@@ -49,6 +53,7 @@ export class CheckoutCore {
|
|
|
49
53
|
insuranceValuesOn('set', (key) => {
|
|
50
54
|
const value = insuranceValues[key];
|
|
51
55
|
if (value !== undefined) {
|
|
56
|
+
this.insuranceToggled = value;
|
|
52
57
|
this.fetchData();
|
|
53
58
|
}
|
|
54
59
|
});
|
|
@@ -59,6 +64,8 @@ export class CheckoutCore {
|
|
|
59
64
|
this.getCheckout({
|
|
60
65
|
onSuccess: ({ checkout }) => {
|
|
61
66
|
this.checkout = new Checkout(checkout);
|
|
67
|
+
const { status } = this.checkout;
|
|
68
|
+
this.loaded.emit({ checkout_status: status });
|
|
62
69
|
this.renderState = 'success';
|
|
63
70
|
},
|
|
64
71
|
onError: ({ error, code, severity }) => {
|
|
@@ -78,8 +85,8 @@ export class CheckoutCore {
|
|
|
78
85
|
event.preventDefault();
|
|
79
86
|
this.renderState = 'loading';
|
|
80
87
|
const insuranceValidation = validateInsuranceValues();
|
|
81
|
-
const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod();
|
|
82
|
-
if (
|
|
88
|
+
const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod(insuranceValidation);
|
|
89
|
+
if (payload.validationError) {
|
|
83
90
|
this.renderState = 'error';
|
|
84
91
|
}
|
|
85
92
|
else if (payload.error) {
|
|
@@ -109,14 +116,14 @@ export class CheckoutCore {
|
|
|
109
116
|
}
|
|
110
117
|
get paymentType() {
|
|
111
118
|
var _a, _b, _c, _d, _e;
|
|
112
|
-
return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { variant: "rounded", height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl,
|
|
119
|
+
return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { variant: "rounded", height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
|
|
113
120
|
}
|
|
114
121
|
get summary() {
|
|
115
122
|
var _a, _b;
|
|
116
123
|
return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
|
|
117
124
|
}
|
|
118
125
|
render() {
|
|
119
|
-
return (h(Host, { key: '
|
|
126
|
+
return (h(Host, { key: 'b4eca3c8ce6642cc307df9bf0954d8db13ec3791' }, h("div", { key: '652bb4e5b2b4ec189d293630d31a3c1d8f345a7e', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '6bb0869d4632dd8937e5077dd84732f9091342d0', class: "col-12 mb-4" }, h("h2", { key: 'bd8d0d02f5a59ec9a5629808fea21dc3e922407a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: '81b1c5e141fa49da91e257eb40243e27f2c55f50', class: "col-12" }, h("slot", { key: '438606a898983e51141c62e7fe7ab209eadfa2a2', name: "insurance" })), h("div", { key: '0932dbfb2f6c57aed73f56b3563c189e76b1aa69', class: "col-12" }, h("h2", { key: 'd96345a9941679990d0e379293eb960751ef4063', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'cfcb5db0857f670008d5f71f3fccd53b1d05c91d', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: 'f9f06327db4ec89b0db943de0e6d3c983d33ab55', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '18392f4a553848f123910bb10501821b550e0abe', class: "col-12" }, h("div", { key: '31f6e5b2267ab507021b285becdd2961035ffe53', class: "d-flex justify-content-end" }, h("button", { key: '4dc7c5af2ca0d3766a2e3371da9b241e3260a351', type: "submit", onClick: event => this.submit(event), disabled: this.isLoading, part: "pay-button", class: `btn btn-primary jfi-submit-button ${this.isLoading ? 'jfi-submit-button-loading' : ''}` }, this.isLoading ? this.loadingSpinner : 'Pay'))))));
|
|
120
127
|
}
|
|
121
128
|
static get is() { return "justifi-checkout-core"; }
|
|
122
129
|
static get encapsulation() { return "shadow"; }
|
|
@@ -300,7 +307,8 @@ export class CheckoutCore {
|
|
|
300
307
|
"checkout": {},
|
|
301
308
|
"serverError": {},
|
|
302
309
|
"renderState": {},
|
|
303
|
-
"creatingNewPaymentMethod": {}
|
|
310
|
+
"creatingNewPaymentMethod": {},
|
|
311
|
+
"insuranceToggled": {}
|
|
304
312
|
};
|
|
305
313
|
}
|
|
306
314
|
static get events() {
|
|
@@ -346,6 +354,57 @@ export class CheckoutCore {
|
|
|
346
354
|
}
|
|
347
355
|
}
|
|
348
356
|
}
|
|
357
|
+
}, {
|
|
358
|
+
"method": "loaded",
|
|
359
|
+
"name": "loaded",
|
|
360
|
+
"bubbles": true,
|
|
361
|
+
"cancelable": true,
|
|
362
|
+
"composed": true,
|
|
363
|
+
"docs": {
|
|
364
|
+
"tags": [],
|
|
365
|
+
"text": ""
|
|
366
|
+
},
|
|
367
|
+
"complexType": {
|
|
368
|
+
"original": "ILoadedEventResponse",
|
|
369
|
+
"resolved": "{ checkout_status: ICheckoutStatus; }",
|
|
370
|
+
"references": {
|
|
371
|
+
"ILoadedEventResponse": {
|
|
372
|
+
"location": "import",
|
|
373
|
+
"path": "../../api/Checkout",
|
|
374
|
+
"id": "src/api/Checkout.ts::ILoadedEventResponse"
|
|
375
|
+
}
|
|
376
|
+
}
|
|
377
|
+
}
|
|
349
378
|
}];
|
|
350
379
|
}
|
|
380
|
+
static get methods() {
|
|
381
|
+
return {
|
|
382
|
+
"fillBillingForm": {
|
|
383
|
+
"complexType": {
|
|
384
|
+
"signature": "(fields: BillingFormFields) => Promise<void>",
|
|
385
|
+
"parameters": [{
|
|
386
|
+
"name": "fields",
|
|
387
|
+
"type": "BillingFormFields",
|
|
388
|
+
"docs": ""
|
|
389
|
+
}],
|
|
390
|
+
"references": {
|
|
391
|
+
"Promise": {
|
|
392
|
+
"location": "global",
|
|
393
|
+
"id": "global::Promise"
|
|
394
|
+
},
|
|
395
|
+
"BillingFormFields": {
|
|
396
|
+
"location": "import",
|
|
397
|
+
"path": "../billing-form/billing-form-schema",
|
|
398
|
+
"id": "src/components/billing-form/billing-form-schema.ts::BillingFormFields"
|
|
399
|
+
}
|
|
400
|
+
},
|
|
401
|
+
"return": "Promise<void>"
|
|
402
|
+
},
|
|
403
|
+
"docs": {
|
|
404
|
+
"text": "",
|
|
405
|
+
"tags": []
|
|
406
|
+
}
|
|
407
|
+
}
|
|
408
|
+
};
|
|
409
|
+
}
|
|
351
410
|
}
|
|
@@ -47,8 +47,15 @@ export class Checkout {
|
|
|
47
47
|
propChanged() {
|
|
48
48
|
this.initializeGetCheckout();
|
|
49
49
|
}
|
|
50
|
+
async fillBillingForm(fields) {
|
|
51
|
+
this.checkoutCoreRef.fillBillingForm(fields);
|
|
52
|
+
}
|
|
50
53
|
render() {
|
|
51
|
-
return (h("justifi-checkout-core", { key: '
|
|
54
|
+
return (h("justifi-checkout-core", { key: '5dd0269c6fd04bff259204e80800803e618ffa83', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
|
|
55
|
+
if (el) {
|
|
56
|
+
this.checkoutCoreRef = el;
|
|
57
|
+
}
|
|
58
|
+
} }, h("div", { key: 'a659fc258e90c32b4b16ea1d92492c0e16f830a3', slot: "insurance" }, h("slot", { key: 'c92ba9f86f72b372cafabbdd7aba92cee0af44f7', name: "insurance" }))));
|
|
52
59
|
}
|
|
53
60
|
static get is() { return "justifi-checkout"; }
|
|
54
61
|
static get properties() {
|
|
@@ -203,8 +210,59 @@ export class Checkout {
|
|
|
203
210
|
}
|
|
204
211
|
}
|
|
205
212
|
}
|
|
213
|
+
}, {
|
|
214
|
+
"method": "loadedEvent",
|
|
215
|
+
"name": "loaded",
|
|
216
|
+
"bubbles": true,
|
|
217
|
+
"cancelable": true,
|
|
218
|
+
"composed": true,
|
|
219
|
+
"docs": {
|
|
220
|
+
"tags": [],
|
|
221
|
+
"text": ""
|
|
222
|
+
},
|
|
223
|
+
"complexType": {
|
|
224
|
+
"original": "ILoadedEventResponse",
|
|
225
|
+
"resolved": "{ checkout_status: ICheckoutStatus; }",
|
|
226
|
+
"references": {
|
|
227
|
+
"ILoadedEventResponse": {
|
|
228
|
+
"location": "import",
|
|
229
|
+
"path": "../../api",
|
|
230
|
+
"id": "src/api/index.ts::ILoadedEventResponse"
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
}
|
|
206
234
|
}];
|
|
207
235
|
}
|
|
236
|
+
static get methods() {
|
|
237
|
+
return {
|
|
238
|
+
"fillBillingForm": {
|
|
239
|
+
"complexType": {
|
|
240
|
+
"signature": "(fields: BillingFormFields) => Promise<void>",
|
|
241
|
+
"parameters": [{
|
|
242
|
+
"name": "fields",
|
|
243
|
+
"type": "BillingFormFields",
|
|
244
|
+
"docs": ""
|
|
245
|
+
}],
|
|
246
|
+
"references": {
|
|
247
|
+
"Promise": {
|
|
248
|
+
"location": "global",
|
|
249
|
+
"id": "global::Promise"
|
|
250
|
+
},
|
|
251
|
+
"BillingFormFields": {
|
|
252
|
+
"location": "import",
|
|
253
|
+
"path": "../billing-form/billing-form-schema",
|
|
254
|
+
"id": "src/components/billing-form/billing-form-schema.ts::BillingFormFields"
|
|
255
|
+
}
|
|
256
|
+
},
|
|
257
|
+
"return": "Promise<void>"
|
|
258
|
+
},
|
|
259
|
+
"docs": {
|
|
260
|
+
"text": "",
|
|
261
|
+
"tags": []
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
};
|
|
265
|
+
}
|
|
208
266
|
static get watchers() {
|
|
209
267
|
return [{
|
|
210
268
|
"propName": "authToken",
|