@justifi/webcomponents 6.4.0 → 6.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/bank-account-document-form-inputs_6.cjs.entry.js +2 -2
- package/dist/cjs/{check-pkg-version-BO_NdUB_.js → check-pkg-version-BVyea38i.js} +1 -1
- package/dist/cjs/custom-popper.cjs.entry.js +2 -2
- package/dist/cjs/form-control-file-v2_2.cjs.entry.js +3 -3
- package/dist/cjs/form-control-monetary.cjs.entry.js +2 -2
- package/dist/cjs/form-control-number-masked_3.cjs.entry.js +2 -2
- package/dist/cjs/form-control-number.cjs.entry.js +2 -2
- package/dist/cjs/form-control-radio.cjs.entry.js +2 -2
- package/dist/cjs/form-control-select_3.cjs.entry.js +2 -2
- package/dist/cjs/hidden-input_2.cjs.entry.js +5 -5
- package/dist/cjs/{justifi-bank-account-billing-form-simple_9.cjs.entry.js → internal-tokenize-payment-method_7.cjs.entry.js} +254 -138
- package/dist/cjs/{justifi-apple-pay_8.cjs.entry.js → justifi-apple-pay_7.cjs.entry.js} +3 -258
- package/dist/cjs/justifi-bank-account-billing-form-simple_3.cjs.entry.js +147 -0
- package/dist/cjs/justifi-business-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-business-form.cjs.entry.js +2 -2
- package/dist/cjs/justifi-checkout.cjs.entry.js +4 -4
- package/dist/cjs/justifi-checkouts-list.cjs.entry.js +2 -2
- 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-payment-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +2 -2
- 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-season-interruption-insurance.cjs.entry.js +2 -2
- package/dist/cjs/justifi-skeleton.cjs.entry.js +1 -1
- 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/justifi-tokenize-payment-method.cjs.entry.js +15 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-CvqCkafe.js → package-keJMf4WX.js} +1 -1
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/checkout/checkout.js +2 -2
- package/dist/collection/components/tokenize-payment-method/internal-tokenize-payment-method.js +626 -0
- package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js +2 -422
- package/dist/collection/ui-components/custom-popper/custom-popper.js +2 -2
- package/dist/collection/ui-components/form/form-control-file-v2.js +1 -1
- package/dist/collection/ui-components/form/form-control-file.js +2 -2
- package/dist/collection/ui-components/form/form-control-monetary.js +2 -2
- package/dist/collection/ui-components/form/form-control-number-masked.js +2 -2
- package/dist/collection/ui-components/form/form-control-number.js +2 -2
- package/dist/collection/ui-components/form/form-control-radio.js +2 -2
- package/dist/collection/ui-components/form/form-control-text.js +2 -2
- package/dist/collection/ui-components/form/form-control-textarea.js +2 -2
- package/dist/collection/ui-components/form/hidden-input.js +1 -1
- package/dist/collection/ui-components/form/iframe-input.js +3 -3
- package/dist/collection/ui-components/shadow-dom-components/justifi-button.js +1 -1
- package/dist/collection/ui-components/shadow-dom-components/justifi-header.js +1 -1
- package/dist/collection/ui-components/shadow-dom-components/justifi-skeleton.js +1 -1
- package/dist/docs.json +538 -223
- package/dist/esm/additional-questions-details_5.entry.js +2 -2
- package/dist/esm/{badge-BkjjtNUQ.js → badge-Bgosx-DC.js} +1 -1
- package/dist/esm/bank-account-document-form-inputs_6.entry.js +5 -5
- package/dist/esm/bank-account-form.entry.js +2 -2
- package/dist/esm/{business-additional-questions-schema-hZ6O6Bs0.js → business-additional-questions-schema-QFJEOHF5.js} +1 -1
- package/dist/esm/business-details-core.entry.js +3 -3
- package/dist/esm/{business-identity-schema-DJvIo0oa.js → business-identity-schema-DB_Hhjld.js} +1 -1
- package/dist/esm/{button-DHljyr0K.js → button-DBmjN7Ra.js} +1 -1
- package/dist/esm/card-form.entry.js +2 -2
- package/dist/esm/{check-pkg-version-B6jUXpX3.js → check-pkg-version-BZb5Z6DW.js} +1 -1
- package/dist/esm/checkouts-list-core.entry.js +5 -5
- package/dist/esm/{checkouts-table-Dn1sFyZs.js → checkouts-table-lgbZpF1o.js} +2 -2
- package/dist/esm/custom-popper.entry.js +2 -2
- package/dist/esm/form-alert_5.entry.js +1 -1
- package/dist/esm/form-control-checkbox.entry.js +3 -3
- package/dist/esm/form-control-date.entry.js +2 -2
- package/dist/esm/{form-control-error-text-Cje0veu2.js → form-control-error-text-B5LSdUXI.js} +1 -1
- package/dist/esm/form-control-file-v2_2.entry.js +5 -5
- package/dist/esm/{form-control-help-text-ClJnecm3.js → form-control-help-text-BK9RNOf-.js} +1 -1
- package/dist/esm/form-control-monetary-provisioning.entry.js +3 -3
- package/dist/esm/form-control-monetary.entry.js +5 -5
- package/dist/esm/form-control-number-masked_3.entry.js +4 -4
- package/dist/esm/form-control-number.entry.js +5 -5
- package/dist/esm/form-control-radio.entry.js +3 -3
- package/dist/esm/form-control-select_3.entry.js +4 -4
- package/dist/esm/gross-payment-chart-core.entry.js +3 -3
- package/dist/esm/{header-1-uiFiNrVs.js → header-1-CPF3S2CC.js} +1 -1
- package/dist/esm/{header-3-BVYYTpLc.js → header-3-Cah707hu.js} +1 -1
- package/dist/esm/hidden-input_2.entry.js +7 -7
- package/dist/esm/{insurance-state-iJs0LRg_.js → insurance-state-DRe0g_wf.js} +1 -1
- package/dist/esm/internal-tokenize-payment-method_7.entry.js +460 -0
- package/dist/esm/justifi-additional-questions-form-step-core_6.entry.js +6 -6
- package/dist/esm/justifi-additional-questions-form-step_9.entry.js +2 -2
- package/dist/esm/justifi-additional-statement_8.entry.js +1 -1
- package/dist/esm/{justifi-apple-pay_8.entry.js → justifi-apple-pay_7.entry.js} +9 -263
- package/dist/esm/justifi-bank-account-billing-form-simple_3.entry.js +143 -0
- package/dist/esm/justifi-business-details.entry.js +4 -4
- package/dist/esm/justifi-business-form.entry.js +9 -9
- package/dist/esm/justifi-business-representative-form-inputs.entry.js +1 -1
- package/dist/esm/justifi-checkout.entry.js +5 -5
- package/dist/esm/justifi-checkouts-list-filters.entry.js +1 -1
- package/dist/esm/justifi-checkouts-list.entry.js +5 -5
- package/dist/esm/justifi-details.entry.js +2 -2
- package/dist/esm/justifi-dispute-management.entry.js +2 -2
- package/dist/esm/justifi-dispute-notification_3.entry.js +5 -5
- package/dist/esm/justifi-gross-payment-chart.entry.js +4 -4
- package/dist/esm/justifi-order-terminals.entry.js +4 -4
- package/dist/esm/justifi-owner-form_3.entry.js +4 -4
- package/dist/esm/justifi-payment-details.entry.js +4 -4
- package/dist/esm/justifi-payment-provisioning-core.entry.js +2 -2
- package/dist/esm/justifi-payment-provisioning.entry.js +2 -2
- package/dist/esm/justifi-payment-transactions-list.entry.js +5 -5
- package/dist/esm/justifi-payments-list-filters.entry.js +1 -1
- package/dist/esm/justifi-payments-list.entry.js +6 -6
- package/dist/esm/justifi-payout-details.entry.js +4 -4
- package/dist/esm/justifi-payout-transactions-list.entry.js +5 -5
- package/dist/esm/justifi-payouts-list-filters.entry.js +1 -1
- package/dist/esm/justifi-payouts-list.entry.js +6 -6
- package/dist/esm/justifi-refund-payment.entry.js +5 -5
- package/dist/esm/justifi-saved-payment-method.entry.js +1 -1
- package/dist/esm/justifi-season-interruption-insurance.entry.js +5 -5
- package/dist/esm/justifi-skeleton.entry.js +3 -3
- package/dist/esm/justifi-terminal-orders-list-filters.entry.js +1 -1
- package/dist/esm/justifi-terminal-orders-list.entry.js +5 -5
- package/dist/esm/justifi-terminals-list-filters.entry.js +1 -1
- package/dist/esm/justifi-terminals-list.entry.js +5 -5
- package/dist/esm/justifi-tokenize-payment-method.entry.js +13 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{package-BeukOaOq.js → package-C19Xk7z3.js} +1 -1
- package/dist/esm/pagination-menu.entry.js +1 -1
- package/dist/esm/{parts-Dj_zevuD.js → parts-wtuY7MT2.js} +1 -1
- package/dist/esm/payment-details-core.entry.js +5 -5
- package/dist/esm/payment-method-option.entry.js +1 -1
- package/dist/esm/payments-list-core.entry.js +6 -6
- package/dist/esm/{payments-status-DK2me5T2.js → payments-status-Dypl6WFL.js} +1 -1
- package/dist/esm/{payments-table-DxRdl7-E.js → payments-table-CK9BRZEz.js} +2 -2
- package/dist/esm/payout-details-core.entry.js +6 -6
- package/dist/esm/payouts-list-core.entry.js +6 -6
- package/dist/esm/{payouts-status-BfEM6F8q.js → payouts-status-hTCBgpLW.js} +1 -1
- package/dist/esm/{payouts-table-C2binjIW.js → payouts-table-Dd8IDBBX.js} +2 -2
- package/dist/esm/{schema-validations-C0qp3ZJ5.js → schema-validations-B5sfox_4.js} +1 -1
- package/dist/esm/{skeleton-DdynMBnt.js → skeleton-BmRZRW5K.js} +1 -1
- package/dist/esm/{spinner-BRMSkfVc.js → spinner-tU4D9iak.js} +1 -1
- package/dist/esm/{table-DYlsfkCm.js → table-Cjq1A6mO.js} +2 -2
- package/dist/esm/table-filters-menu.entry.js +2 -2
- package/dist/esm/terminal-orders-list-core.entry.js +5 -5
- package/dist/esm/{terminal-orders-table-zf0ASRCr.js → terminal-orders-table-CMWBIr9y.js} +2 -2
- package/dist/esm/terminal-quantity-selector.entry.js +1 -1
- package/dist/esm/terminals-list-core.entry.js +5 -5
- package/dist/esm/{terminals-table-DNUTk3gi.js → terminals-table-D9okETJr.js} +2 -2
- package/dist/esm/{utils-DUz-H1tG.js → utils-BX7Rjm1M.js} +1 -1
- package/dist/esm/webcomponents.js +1 -1
- package/dist/module/Refund.js +1 -1
- package/dist/module/additional-statement.js +1 -1
- package/dist/module/billing-form-schema.js +1 -1
- package/dist/module/business-additional-questions-form-step.js +1 -1
- package/dist/module/business-additional-questions-schema.js +1 -1
- package/dist/module/business-address-schema.js +1 -1
- package/dist/module/business-bank-account-form-step-core.js +1 -1
- package/dist/module/business-bank-account-form-step.js +1 -1
- package/dist/module/business-core-info-form-step.js +1 -1
- package/dist/module/business-owners-form-step.js +1 -1
- package/dist/module/business-representative-form-step.js +1 -1
- package/dist/module/business-terms-conditions-form-step.js +1 -1
- package/dist/module/button.js +1 -1
- package/dist/module/cancellation-policy.js +1 -1
- package/dist/module/custom-popper2.js +2 -2
- package/dist/module/customer-details.js +1 -1
- package/dist/module/dispute-response-actions.js +1 -1
- package/dist/module/dispute-response.js +1 -1
- package/dist/module/duplicate-charge.js +1 -1
- package/dist/module/electronic-evidence.js +1 -1
- package/dist/module/form-control-file-v22.js +1 -1
- package/dist/module/form-control-file2.js +2 -2
- package/dist/module/form-control-monetary2.js +2 -2
- package/dist/module/form-control-number-masked2.js +2 -2
- package/dist/module/form-control-number.js +2 -2
- package/dist/module/form-control-radio2.js +2 -2
- package/dist/module/form-control-text2.js +2 -2
- package/dist/module/form-control-textarea2.js +2 -2
- package/dist/module/get-business.js +1 -1
- package/dist/module/get-payment-details.js +1 -1
- package/dist/module/get-payout-csv.js +1 -1
- package/dist/module/get-subaccounts.js +1 -1
- package/dist/module/hidden-input2.js +1 -1
- package/dist/module/iframe-input2.js +3 -3
- package/dist/module/internal-tokenize-payment-method.d.ts +11 -0
- package/dist/module/internal-tokenize-payment-method.js +6 -0
- package/dist/module/{tokenize-payment-method.js → internal-tokenize-payment-method2.js} +8 -8
- package/dist/module/justifi-business-details.js +1 -1
- package/dist/module/justifi-business-form.js +1 -1
- package/dist/module/justifi-button2.js +1 -1
- package/dist/module/justifi-checkout.js +37 -37
- package/dist/module/justifi-checkouts-list.js +1 -1
- package/dist/module/justifi-dispute-management.js +1 -1
- package/dist/module/justifi-gross-payment-chart.js +1 -1
- package/dist/module/justifi-header2.js +1 -1
- package/dist/module/justifi-order-terminals.js +2 -2
- package/dist/module/justifi-payment-details.js +1 -1
- package/dist/module/justifi-payment-provisioning.js +1 -1
- package/dist/module/justifi-payment-transactions-list.js +1 -1
- package/dist/module/justifi-payments-list.js +1 -1
- package/dist/module/justifi-payout-details.js +1 -1
- package/dist/module/justifi-payout-transactions-list.js +1 -1
- package/dist/module/justifi-payouts-list.js +1 -1
- package/dist/module/justifi-refund-payment.js +1 -1
- package/dist/module/justifi-season-interruption-insurance.js +1 -1
- package/dist/module/justifi-skeleton.js +1 -1
- package/dist/module/justifi-terminal-orders-list.js +1 -1
- package/dist/module/justifi-terminals-list.js +1 -1
- package/dist/module/justifi-tokenize-payment-method.js +154 -1
- package/dist/module/legal-address-form-step.js +1 -1
- package/dist/module/modular-checkout.js +1 -1
- package/dist/module/package.js +1 -1
- package/dist/module/parts.js +1 -1
- package/dist/module/payment-provisioning-actions.js +1 -1
- package/dist/module/payment-provisioning-core.js +1 -1
- package/dist/module/payouts-list-core2.js +1 -1
- package/dist/module/plaid-payment-method.js +1 -1
- package/dist/module/product-or-service.js +1 -1
- package/dist/module/refund-policy.js +1 -1
- package/dist/module/schema-validations.js +1 -1
- package/dist/module/shipping-details.js +1 -1
- package/dist/module/utils4.js +1 -1
- package/dist/types/components/checkout/checkout.d.ts +1 -1
- package/dist/types/components/tokenize-payment-method/internal-tokenize-payment-method.d.ts +60 -0
- package/dist/types/components/tokenize-payment-method/tokenize-payment-method.d.ts +0 -47
- package/dist/types/components.d.ts +93 -54
- package/dist/webcomponents/{p-98508ff0.entry.js → p-00e0a745.entry.js} +1 -1
- package/dist/webcomponents/{p-e050b917.entry.js → p-087a81ff.entry.js} +1 -1
- package/dist/webcomponents/{p-56d9a8f1.entry.js → p-0ce046fd.entry.js} +1 -1
- package/dist/webcomponents/{p-62cdb2b1.entry.js → p-1193a1ac.entry.js} +1 -1
- package/dist/webcomponents/{p-e34a6e5f.entry.js → p-14d2f6c6.entry.js} +1 -1
- package/dist/webcomponents/{p-20ccd0a4.entry.js → p-1eae32ac.entry.js} +1 -1
- package/dist/webcomponents/{p-198a6ae3.entry.js → p-1edec396.entry.js} +1 -1
- package/dist/webcomponents/{p-065eafc5.entry.js → p-20a8b0c0.entry.js} +1 -1
- package/dist/webcomponents/{p-3cb3a241.entry.js → p-22f74666.entry.js} +1 -1
- package/dist/webcomponents/p-2769f945.entry.js +1 -0
- package/dist/webcomponents/{p-89f1448c.entry.js → p-2cd5733e.entry.js} +1 -1
- package/dist/webcomponents/p-30f61f44.entry.js +1 -0
- package/dist/webcomponents/{p-85bbadaf.entry.js → p-37a55eaf.entry.js} +1 -1
- package/dist/webcomponents/p-3c38cec5.entry.js +1 -0
- package/dist/webcomponents/p-40d3a480.entry.js +1 -0
- package/dist/webcomponents/{p-82b13550.entry.js → p-45936490.entry.js} +1 -1
- package/dist/webcomponents/{p-abf2073d.entry.js → p-4761e0aa.entry.js} +1 -1
- package/dist/webcomponents/{p-91f22211.entry.js → p-4c3eea2b.entry.js} +1 -1
- package/dist/webcomponents/{p-27acf7cc.entry.js → p-4dcbc0af.entry.js} +1 -1
- package/dist/webcomponents/{p-46d7ca2f.entry.js → p-4e23116c.entry.js} +4 -4
- package/dist/webcomponents/{p-2976c54e.entry.js → p-5464b902.entry.js} +1 -1
- package/dist/webcomponents/{p-32af1830.entry.js → p-54facfdc.entry.js} +1 -1
- package/dist/webcomponents/{p-0bd7b871.entry.js → p-56a8e07d.entry.js} +1 -1
- package/dist/webcomponents/{p-52cb10a7.entry.js → p-58ae4f9e.entry.js} +1 -1
- package/dist/webcomponents/{p-220420bb.entry.js → p-5d1fb433.entry.js} +1 -1
- package/dist/webcomponents/p-5f81a3d6.entry.js +1 -0
- package/dist/webcomponents/{p-9d6ceb95.entry.js → p-696a5c8e.entry.js} +1 -1
- package/dist/webcomponents/p-6b6003d2.entry.js +1 -0
- package/dist/webcomponents/{p-590290a2.entry.js → p-716ddc27.entry.js} +1 -1
- package/dist/webcomponents/{p-9633fbb8.entry.js → p-7218c312.entry.js} +1 -1
- package/dist/webcomponents/{p-83cd698c.entry.js → p-75c65531.entry.js} +1 -1
- package/dist/webcomponents/{p-d217f6ea.entry.js → p-800660f2.entry.js} +1 -1
- package/dist/webcomponents/p-84e2bd93.entry.js +1 -0
- package/dist/webcomponents/{p-6677f09f.entry.js → p-8681f258.entry.js} +1 -1
- package/dist/webcomponents/{p-5c847406.entry.js → p-87a2a830.entry.js} +1 -1
- package/dist/webcomponents/{p-e788ecc9.entry.js → p-89518b26.entry.js} +1 -1
- package/dist/webcomponents/{p-89ff96ef.entry.js → p-95593721.entry.js} +1 -1
- package/dist/webcomponents/{p-e29bdbc2.entry.js → p-9d914297.entry.js} +1 -1
- package/dist/webcomponents/{p-5eb2698f.entry.js → p-9f70ce93.entry.js} +1 -1
- package/dist/webcomponents/p-B-0a8Xqm.js +1 -0
- package/dist/webcomponents/{p-D2DVDmwd.js → p-BNqo3kt0.js} +1 -1
- package/dist/webcomponents/{p-B-7rLJIB.js → p-BTzt8N0l.js} +1 -1
- package/dist/webcomponents/{p-C9Ho60F2.js → p-BitGlMSc.js} +1 -1
- package/dist/webcomponents/p-Bli6WznP.js +1 -0
- package/dist/webcomponents/{p-DkOvNRJs.js → p-Bqlcv3ZV.js} +1 -1
- package/dist/webcomponents/p-BuCKkdLM.js +1 -0
- package/dist/webcomponents/{p-BB3MQDQq.js → p-BydKIJVC.js} +1 -1
- package/dist/webcomponents/p-C-2kW6Al.js +1 -0
- package/dist/webcomponents/p-C19Xk7z3.js +1 -0
- package/dist/webcomponents/{p-D8HCCl2t.js → p-CkN7DFFn.js} +1 -1
- package/dist/webcomponents/{p-O4_LrrnE.js → p-D1WQG4I7.js} +1 -1
- package/dist/webcomponents/{p-Cu1FEdFr.js → p-DOLBAxYf.js} +1 -1
- package/dist/webcomponents/{p-CeO5d98O.js → p-DV4RaYYL.js} +1 -1
- package/dist/webcomponents/{p-fDGfMEwy.js → p-DkOiS6Zr.js} +1 -1
- package/dist/webcomponents/{p-BVWZSqCK.js → p-KPmnq8xf.js} +1 -1
- package/dist/webcomponents/{p-28c28c0b.entry.js → p-a655b996.entry.js} +1 -1
- package/dist/webcomponents/{p-9fb66685.entry.js → p-a6e37d4a.entry.js} +1 -1
- package/dist/webcomponents/{p-256a95eb.entry.js → p-a8f7cf9b.entry.js} +1 -1
- package/dist/webcomponents/{p-8993c961.entry.js → p-ae7a027b.entry.js} +1 -1
- package/dist/webcomponents/{p-1414e80b.entry.js → p-aec9185f.entry.js} +1 -1
- package/dist/webcomponents/{p-DopgIZQg.js → p-avgjSJ1d.js} +1 -1
- package/dist/webcomponents/{p-06a0e2e2.entry.js → p-b07470fa.entry.js} +1 -1
- package/dist/webcomponents/{p-d287dea1.entry.js → p-b2f969a6.entry.js} +1 -1
- package/dist/webcomponents/p-b4d8a3f6.entry.js +1 -0
- package/dist/webcomponents/{p-q6C7btl0.js → p-bolTb61p.js} +1 -1
- package/dist/webcomponents/{p-58a68ad6.entry.js → p-c0198eef.entry.js} +1 -1
- package/dist/webcomponents/{p-2a53a095.entry.js → p-c1831747.entry.js} +1 -1
- package/dist/webcomponents/{p-aee79310.entry.js → p-c31fe838.entry.js} +1 -1
- package/dist/webcomponents/p-c3b71a1f.entry.js +1 -0
- package/dist/webcomponents/{p-4e90834e.entry.js → p-c7279bc6.entry.js} +1 -1
- package/dist/webcomponents/p-c7MCfTgE.js +1 -0
- package/dist/webcomponents/{p-e06327aa.entry.js → p-c8f40375.entry.js} +1 -1
- package/dist/webcomponents/{p-589e4fcb.entry.js → p-d182f489.entry.js} +1 -1
- package/dist/webcomponents/{p-728158a8.entry.js → p-d4b8274f.entry.js} +1 -1
- package/dist/webcomponents/{p-0214a9f4.entry.js → p-d86b8ce7.entry.js} +1 -1
- package/dist/webcomponents/p-dc0d3484.entry.js +1 -0
- package/dist/webcomponents/{p-c6edc4c9.entry.js → p-dfe68bf0.entry.js} +1 -1
- package/dist/webcomponents/{p-Bo278yZD.js → p-dgG_o6wN.js} +1 -1
- package/dist/webcomponents/{p-f02ab3fd.entry.js → p-e2e6c201.entry.js} +1 -1
- package/dist/webcomponents/{p-238859ef.entry.js → p-eb56ba9b.entry.js} +1 -1
- package/dist/webcomponents/{p-0d928de1.entry.js → p-ed55d333.entry.js} +1 -1
- package/dist/webcomponents/p-edcb84bf.entry.js +1 -0
- package/dist/webcomponents/{p-9db64da8.entry.js → p-f1af630f.entry.js} +1 -1
- package/dist/webcomponents/{p-6023553c.entry.js → p-f5fb1af2.entry.js} +1 -1
- package/dist/webcomponents/{p-79cb28bd.entry.js → p-fab28b02.entry.js} +1 -1
- package/dist/webcomponents/p-fda2d53b.entry.js +1 -0
- package/dist/webcomponents/{p-DsR5Dt9w.js → p-jTVpG8Gt.js} +1 -1
- package/dist/webcomponents/{p-DwLZbA7D.js → p-nrZ9yHcl.js} +1 -1
- package/dist/webcomponents/{p-Dj_zevuD.js → p-wtuY7MT2.js} +1 -1
- package/dist/webcomponents/p-zNSPsvs3.js +1 -0
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/esm/justifi-bank-account-billing-form-simple_9.entry.js +0 -342
- package/dist/webcomponents/p-2859a8e3.entry.js +0 -1
- package/dist/webcomponents/p-336b08de.entry.js +0 -1
- package/dist/webcomponents/p-36259848.entry.js +0 -1
- package/dist/webcomponents/p-6b563428.entry.js +0 -1
- package/dist/webcomponents/p-77884032.entry.js +0 -1
- package/dist/webcomponents/p-8dab7768.entry.js +0 -1
- package/dist/webcomponents/p-BeukOaOq.js +0 -1
- package/dist/webcomponents/p-C2gAiiwJ.js +0 -1
- package/dist/webcomponents/p-C7m-gAAM.js +0 -1
- package/dist/webcomponents/p-CO8ZJ0jB.js +0 -1
- package/dist/webcomponents/p-CgbXzEbz.js +0 -1
- package/dist/webcomponents/p-JvWiY69B.js +0 -1
- package/dist/webcomponents/p-VhOlg78I.js +0 -1
- package/dist/webcomponents/p-a49ca7d8.entry.js +0 -1
- package/dist/webcomponents/p-cdf94860.entry.js +0 -1
- package/dist/webcomponents/p-d8fc3996.entry.js +0 -1
- package/dist/webcomponents/p-de7f1479.entry.js +0 -1
|
@@ -1,30 +1,24 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-BhI7cJcE.js');
|
|
4
|
-
var index_esm = require('./index.esm-ByC0D4sJ.js');
|
|
5
|
-
var schemaValidations = require('./schema-validations-BOiGVUHM.js');
|
|
6
|
-
var parts = require('./parts-Pb06tUMp.js');
|
|
7
4
|
var styledHost = require('./styled-host-D5g7INLE.js');
|
|
8
5
|
require('./event-types-YOY5TKUN.js');
|
|
9
|
-
var
|
|
10
|
-
var checkPkgVersion = require('./check-pkg-version-BO_NdUB_.js');
|
|
6
|
+
var checkPkgVersion = require('./check-pkg-version-BVyea38i.js');
|
|
11
7
|
var configState = require('./config-state-CYoBVAca.js');
|
|
8
|
+
require('./dinero-BwNN_k7x.js');
|
|
9
|
+
var ComponentError = require('./ComponentError-D4OLnOkg.js');
|
|
10
|
+
require('./Refund-BnhHNKLz.js');
|
|
11
|
+
require('./Pagination-Dediz133.js');
|
|
12
|
+
require('./Business-DWHy_-z9.js');
|
|
13
|
+
require('./Dispute-CruQTF6_.js');
|
|
14
|
+
var checkout_store = require('./checkout.store-BA6h-dp2.js');
|
|
12
15
|
var index$1 = require('./index-C2ITzalN.js');
|
|
13
|
-
var
|
|
14
|
-
var Business = require('./Business-DWHy_-z9.js');
|
|
16
|
+
var skeleton = require('./skeleton-BF3HGL9X.js');
|
|
15
17
|
var button = require('./button-CARQPDm-.js');
|
|
16
|
-
var
|
|
17
|
-
require('./
|
|
18
|
-
require('./country-config-MCOhn8o3.js');
|
|
19
|
-
require('./business-form-options-e9UFw4P-.js');
|
|
20
|
-
require('./package-CvqCkafe.js');
|
|
18
|
+
var parts = require('./parts-Pb06tUMp.js');
|
|
19
|
+
require('./package-keJMf4WX.js');
|
|
21
20
|
require('./Api-BeSnjEuW.js');
|
|
22
21
|
require('./utils-Bab-tddY.js');
|
|
23
|
-
require('./dinero-BwNN_k7x.js');
|
|
24
|
-
require('./ComponentError-D4OLnOkg.js');
|
|
25
|
-
require('./Refund-BnhHNKLz.js');
|
|
26
|
-
require('./Dispute-CruQTF6_.js');
|
|
27
|
-
require('./Pagination-Dediz133.js');
|
|
28
22
|
require('./index-mmd0OhmD.js');
|
|
29
23
|
|
|
30
24
|
const JustifiRadioListItem = class {
|
|
@@ -42,63 +36,258 @@ const JustifiRadioListItem = class {
|
|
|
42
36
|
}
|
|
43
37
|
};
|
|
44
38
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
address_city: schemaValidations.cityValidation.nullable(),
|
|
58
|
-
address_state: schemaValidations.stateValidation.nullable(),
|
|
59
|
-
address_postal_code: schemaValidations.postalValidation.required('Enter postal code'),
|
|
60
|
-
});
|
|
61
|
-
const nameOnlySchema = () => index_esm.create$3({
|
|
62
|
-
name: schemaValidations.identityNameValidation.required('Enter full name'),
|
|
63
|
-
address_line1: schemaValidations.lineOneValidation.nullable(),
|
|
64
|
-
address_line2: schemaValidations.lineTwoValidation.nullable(),
|
|
65
|
-
address_city: schemaValidations.cityValidation.nullable(),
|
|
66
|
-
address_state: schemaValidations.stateValidation.nullable(),
|
|
67
|
-
address_postal_code: schemaValidations.postalValidation.nullable(),
|
|
68
|
-
});
|
|
69
|
-
|
|
70
|
-
const BankAccountBillingFormSimple = class {
|
|
39
|
+
// Constants
|
|
40
|
+
const PAYMENT_METHOD_TYPE_LABELS = {
|
|
41
|
+
[index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT]: 'New bank account',
|
|
42
|
+
[index$1.PAYMENT_METHODS.NEW_CARD]: 'New credit or debit card',
|
|
43
|
+
};
|
|
44
|
+
const ERROR_MESSAGES = {
|
|
45
|
+
AUTH_TOKEN_REQUIRED: 'Auth token is required when using the tokenize-payment-method component not slotted in justifi-modular-checkout',
|
|
46
|
+
ACCOUNT_ID_REQUIRED: 'Account ID is required when using the tokenize-payment-method component not slotted in justifi-modular-checkout',
|
|
47
|
+
FORM_NOT_READY: 'Payment form not ready',
|
|
48
|
+
VALIDATION_ERROR: 'Validation error',
|
|
49
|
+
};
|
|
50
|
+
const InternalTokenizePaymentMethod = class {
|
|
71
51
|
constructor(hostRef) {
|
|
72
52
|
index.registerInstance(this, hostRef);
|
|
73
|
-
this.
|
|
74
|
-
this.
|
|
75
|
-
|
|
76
|
-
|
|
53
|
+
this.errorEvent = index.createEvent(this, "error-event");
|
|
54
|
+
this.submitEvent = index.createEvent(this, "submit-event");
|
|
55
|
+
this.computedHideSubmitButton = false;
|
|
56
|
+
this.isLoading = false;
|
|
57
|
+
this.submitButtonText = 'Submit';
|
|
77
58
|
}
|
|
78
|
-
|
|
79
|
-
this.
|
|
59
|
+
paymentMethodsChanged() {
|
|
60
|
+
this.setDefaultSelectedPaymentMethod();
|
|
80
61
|
}
|
|
81
|
-
|
|
82
|
-
this.
|
|
83
|
-
this.
|
|
84
|
-
this.errors = Object.assign({}, errors);
|
|
85
|
-
});
|
|
62
|
+
connectedCallback() {
|
|
63
|
+
this.setDefaultSelectedPaymentMethod();
|
|
64
|
+
this.setComputedHideSubmitButton();
|
|
86
65
|
}
|
|
87
|
-
|
|
88
|
-
|
|
66
|
+
disconnectedCallback() {
|
|
67
|
+
var _a;
|
|
68
|
+
(_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
|
|
69
|
+
if (this.unsubscribeFromStore) {
|
|
70
|
+
this.unsubscribeFromStore();
|
|
71
|
+
}
|
|
89
72
|
}
|
|
90
|
-
|
|
91
|
-
|
|
73
|
+
componentWillLoad() {
|
|
74
|
+
checkPkgVersion.checkPkgVersion();
|
|
75
|
+
this.analytics = new checkPkgVersion.JustifiAnalytics(this);
|
|
76
|
+
}
|
|
77
|
+
handleRadioClick(event) {
|
|
78
|
+
this.selectedPaymentMethod = event.detail;
|
|
79
|
+
checkout_store.checkoutStore.selectedPaymentMethod = { type: event.detail };
|
|
80
|
+
}
|
|
81
|
+
async fillBillingForm(fields) {
|
|
82
|
+
var _a;
|
|
83
|
+
(_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.fill(fields);
|
|
84
|
+
}
|
|
85
|
+
async tokenizePaymentMethod(event) {
|
|
86
|
+
event === null || event === void 0 ? void 0 : event.preventDefault();
|
|
87
|
+
this.validateRequiredProps();
|
|
88
|
+
this.isLoading = true;
|
|
89
|
+
try {
|
|
90
|
+
const validation = await this.validate();
|
|
91
|
+
if (!validation.isValid) {
|
|
92
|
+
this.errorEvent.emit({
|
|
93
|
+
errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
|
|
94
|
+
message: ERROR_MESSAGES.VALIDATION_ERROR,
|
|
95
|
+
});
|
|
96
|
+
this.isLoading = false;
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
const tokenizeResponse = await this.resolvePaymentMethod({ isValid: true });
|
|
100
|
+
if (tokenizeResponse.error) {
|
|
101
|
+
this.emitError({
|
|
102
|
+
errorCode: tokenizeResponse.error.code,
|
|
103
|
+
message: tokenizeResponse.error.message,
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
this.submitEvent.emit({ response: tokenizeResponse });
|
|
107
|
+
return tokenizeResponse;
|
|
108
|
+
}
|
|
109
|
+
catch (error) {
|
|
110
|
+
const errorResponse = this.createErrorResponse(ComponentError.ComponentErrorCodes.TOKENIZE_ERROR, error.message);
|
|
111
|
+
this.emitError({
|
|
112
|
+
errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
|
|
113
|
+
message: error.message,
|
|
114
|
+
});
|
|
115
|
+
this.submitEvent.emit({ response: errorResponse });
|
|
116
|
+
return errorResponse;
|
|
117
|
+
}
|
|
118
|
+
finally {
|
|
119
|
+
this.isLoading = false;
|
|
120
|
+
}
|
|
92
121
|
}
|
|
93
122
|
async validate() {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
123
|
+
if (!this.areFormsReady()) {
|
|
124
|
+
return { isValid: false, errors: { general: ERROR_MESSAGES.FORM_NOT_READY } };
|
|
125
|
+
}
|
|
126
|
+
const [billingValidation, paymentMethodValidation] = await Promise.all([
|
|
127
|
+
this.billingFormRef.validate(),
|
|
128
|
+
this.paymentMethodFormRef.validate(),
|
|
129
|
+
]);
|
|
130
|
+
const result = {
|
|
131
|
+
isValid: billingValidation.isValid && paymentMethodValidation.isValid,
|
|
132
|
+
errors: Object.assign(Object.assign({}, billingValidation.errors), paymentMethodValidation.errors),
|
|
133
|
+
};
|
|
134
|
+
return result;
|
|
135
|
+
}
|
|
136
|
+
async tokenize() {
|
|
137
|
+
try {
|
|
138
|
+
const billingFormFieldValues = await this.billingFormRef.getValues();
|
|
139
|
+
const config = {
|
|
140
|
+
clientId: this.authToken || checkout_store.checkoutStore.authToken,
|
|
141
|
+
account: this.accountId || checkout_store.checkoutStore.accountId,
|
|
142
|
+
paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
|
|
143
|
+
};
|
|
144
|
+
return await this.paymentMethodFormRef.tokenize(config);
|
|
145
|
+
}
|
|
146
|
+
catch (error) {
|
|
147
|
+
return error;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
// 9. Local methods
|
|
151
|
+
validateRequiredProps() {
|
|
152
|
+
if (!this.authToken && !checkout_store.checkoutStore.authToken) {
|
|
153
|
+
this.emitError({
|
|
154
|
+
errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
|
|
155
|
+
message: ERROR_MESSAGES.AUTH_TOKEN_REQUIRED,
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
if (!this.accountId && !checkout_store.checkoutStore.accountId) {
|
|
159
|
+
this.emitError({
|
|
160
|
+
errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
|
|
161
|
+
message: ERROR_MESSAGES.ACCOUNT_ID_REQUIRED,
|
|
162
|
+
});
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
setDefaultSelectedPaymentMethod() {
|
|
166
|
+
if (this.selectedPaymentMethod) {
|
|
167
|
+
return;
|
|
168
|
+
}
|
|
169
|
+
if (!this.disableCreditCard) {
|
|
170
|
+
this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_CARD;
|
|
171
|
+
checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
|
|
172
|
+
}
|
|
173
|
+
else if (!this.disableBankAccount) {
|
|
174
|
+
this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
|
|
175
|
+
checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
setComputedHideSubmitButton() {
|
|
179
|
+
// If hideSubmitButton prop is explicitly set, use that value
|
|
180
|
+
if (this.hideSubmitButton !== undefined) {
|
|
181
|
+
this.computedHideSubmitButton = this.hideSubmitButton;
|
|
182
|
+
return;
|
|
183
|
+
}
|
|
184
|
+
// Otherwise, auto-detect if component is slotted within modular-checkout
|
|
185
|
+
const isWithinModularCheckout = this.isSlottedWithinModularCheckout();
|
|
186
|
+
this.computedHideSubmitButton = isWithinModularCheckout;
|
|
187
|
+
}
|
|
188
|
+
isSlottedWithinModularCheckout() {
|
|
189
|
+
var _a;
|
|
190
|
+
let parent = (_a = this.host) === null || _a === void 0 ? void 0 : _a.parentElement;
|
|
191
|
+
while (parent) {
|
|
192
|
+
if (parent.tagName === 'JUSTIFI-MODULAR-CHECKOUT') {
|
|
193
|
+
return true;
|
|
194
|
+
}
|
|
195
|
+
parent = parent.parentElement;
|
|
196
|
+
}
|
|
197
|
+
return false;
|
|
198
|
+
}
|
|
199
|
+
get availablePaymentMethods() {
|
|
200
|
+
const methods = [];
|
|
201
|
+
if (!this.disableCreditCard) {
|
|
202
|
+
methods.push(index$1.PAYMENT_METHODS.NEW_CARD);
|
|
203
|
+
}
|
|
204
|
+
if (!this.disableBankAccount) {
|
|
205
|
+
methods.push(index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT);
|
|
206
|
+
}
|
|
207
|
+
return methods;
|
|
208
|
+
}
|
|
209
|
+
areFormsReady() {
|
|
210
|
+
return !!(this.billingFormRef && this.paymentMethodFormRef);
|
|
211
|
+
}
|
|
212
|
+
emitError(errorData) {
|
|
213
|
+
this.errorEvent.emit(Object.assign(Object.assign({}, errorData), { severity: ComponentError.ComponentErrorSeverity.ERROR }));
|
|
214
|
+
}
|
|
215
|
+
createErrorResponse(code, message) {
|
|
216
|
+
return {
|
|
217
|
+
error: {
|
|
218
|
+
code: code,
|
|
219
|
+
message,
|
|
220
|
+
decline_code: undefined,
|
|
221
|
+
},
|
|
222
|
+
};
|
|
223
|
+
}
|
|
224
|
+
async resolvePaymentMethod(insuranceValidation) {
|
|
225
|
+
if (!this.areFormsReady()) {
|
|
226
|
+
return this.createErrorResponse('form_not_ready', ERROR_MESSAGES.FORM_NOT_READY);
|
|
227
|
+
}
|
|
228
|
+
try {
|
|
229
|
+
const validation = await this.validate();
|
|
230
|
+
if (!validation.isValid || !insuranceValidation.isValid) {
|
|
231
|
+
const errorMessage = Object.values(validation.errors)[0] || ERROR_MESSAGES.VALIDATION_ERROR;
|
|
232
|
+
return {
|
|
233
|
+
validationError: true,
|
|
234
|
+
error: {
|
|
235
|
+
code: 'validation_error',
|
|
236
|
+
message: String(errorMessage),
|
|
237
|
+
decline_code: undefined,
|
|
238
|
+
},
|
|
239
|
+
};
|
|
240
|
+
}
|
|
241
|
+
const result = await this.performTokenization();
|
|
242
|
+
return result;
|
|
243
|
+
}
|
|
244
|
+
catch (error) {
|
|
245
|
+
return { error };
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
async performTokenization() {
|
|
249
|
+
var _a, _b;
|
|
250
|
+
const tokenizeResponse = await this.tokenize();
|
|
251
|
+
if (tokenizeResponse.error) {
|
|
252
|
+
return { error: tokenizeResponse.error };
|
|
253
|
+
}
|
|
254
|
+
const tokenizeResponseData = tokenizeResponse.data;
|
|
255
|
+
return {
|
|
256
|
+
token: ((_a = tokenizeResponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeResponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
|
|
257
|
+
data: tokenizeResponseData,
|
|
258
|
+
};
|
|
259
|
+
}
|
|
260
|
+
buildPaymentMethodMetadata(billingFormFieldValues) {
|
|
261
|
+
return this.shouldSavePaymentMethod
|
|
262
|
+
? Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupID }) : Object.assign({}, billingFormFieldValues);
|
|
263
|
+
}
|
|
264
|
+
get paymentMethodGroupID() {
|
|
265
|
+
return this.paymentMethodGroupId || checkout_store.checkoutStore.paymentMethodGroupId;
|
|
266
|
+
}
|
|
267
|
+
get shouldSavePaymentMethod() {
|
|
268
|
+
return !!(this.paymentMethodGroupId || checkout_store.checkoutStore.savePaymentMethod);
|
|
269
|
+
}
|
|
270
|
+
get shouldHideRadioInput() {
|
|
271
|
+
return this.disableCreditCard || this.disableBankAccount;
|
|
272
|
+
}
|
|
273
|
+
renderPaymentMethodOption(paymentMethodType) {
|
|
274
|
+
const isSelected = this.selectedPaymentMethod === paymentMethodType && checkout_store.checkoutStore.selectedPaymentMethod.id === undefined;
|
|
275
|
+
return (index.h("div", { class: "payment-method" }, index.h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
|
|
276
|
+
}
|
|
277
|
+
renderSelectedPaymentMethodForm(paymentMethodType) {
|
|
278
|
+
return (index.h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodType), index.h("div", { class: "mt-4" }, index.h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType })), index.h("div", { class: "mt-4" }, index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID, label: this.savePaymentMethodLabel }))));
|
|
279
|
+
}
|
|
280
|
+
renderPaymentMethodForm(paymentMethodType) {
|
|
281
|
+
return paymentMethodType === index$1.PAYMENT_METHODS.NEW_CARD ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
|
|
97
282
|
}
|
|
98
283
|
render() {
|
|
99
|
-
|
|
100
|
-
return (index.h(styledHost.StyledHost, { key: '2429d26c0338ec1732337718ca4e7693f30a0f8a' }, index.h("div", { key: '774911ce7d594bc1f44c15060136356acc349cbb', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: '5c93f5a6af372fdf24a20870ef6ae69f554efec4' }, index.h("fieldset", { key: '38ac8adb2592b7799825d63c4a8e9bde61510cd0' }, this.legend && (index.h("legend", { key: 'abbce27bb8ae2ef564b8aeef755050fc096cb81f' }, this.legend)), index.h("div", { key: '5a0350fe7f635600d746f1f3979757a045cc09f0', class: "row gy-3" }, index.h("div", { key: '71aac995514b7fea7254204df825eb8b381e21c7', class: "col-12" }, index.h("form-control-text", { key: 'f33d26eddfc9f3d307e05a48afec9472213b2822', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
|
|
284
|
+
return (index.h(styledHost.StyledHost, { key: 'e1ee33f08d3eaff9a2951bd30ef9814a5d959b35' }, index.h("form", { key: 'df73d7965968c0efc3ee2b35a9a85d551915e5a1' }, index.h("fieldset", { key: '2967ed65f1c0af42082a8b7c255db5fdc1c78019' }, index.h("div", { key: 'f45b8e074f39ec6abefc8f7e30bdf0ae57b1272c', class: "row gy-3" }, index.h("div", { key: 'fe9c90b34d60802f4d0dc51863874151f4a17b2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'ff1b8332d70fe68c3d3140c5a173dd8b419b6a8e', class: "col-12" }, index.h("justifi-button", { key: 'bf2ced1a5164a9c9af2bf2c5b750c5f9734dc86b', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
|
|
101
285
|
}
|
|
286
|
+
get host() { return index.getElement(this); }
|
|
287
|
+
static get watchers() { return {
|
|
288
|
+
"disableCreditCard": ["paymentMethodsChanged"],
|
|
289
|
+
"disableBankAccount": ["paymentMethodsChanged"]
|
|
290
|
+
}; }
|
|
102
291
|
};
|
|
103
292
|
|
|
104
293
|
const BankAccountFormSkeleton = (props) => {
|
|
@@ -186,43 +375,6 @@ const BillingForm = class {
|
|
|
186
375
|
}
|
|
187
376
|
};
|
|
188
377
|
|
|
189
|
-
const BillingFormFull = class {
|
|
190
|
-
constructor(hostRef) {
|
|
191
|
-
index.registerInstance(this, hostRef);
|
|
192
|
-
this.errors = {};
|
|
193
|
-
this.inputHandler = (name, value) => {
|
|
194
|
-
this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
|
|
195
|
-
};
|
|
196
|
-
}
|
|
197
|
-
componentWillLoad() {
|
|
198
|
-
this.formController = new index_esm.FormController(fullBillingSchema());
|
|
199
|
-
// Set up subscriptions here to avoid warnings about setting state during componentDidLoad
|
|
200
|
-
this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
|
|
201
|
-
this.formController.errors.subscribe(errors => {
|
|
202
|
-
this.errors = Object.assign({}, errors);
|
|
203
|
-
});
|
|
204
|
-
}
|
|
205
|
-
async getValues() {
|
|
206
|
-
return this.formController.values.getValue();
|
|
207
|
-
}
|
|
208
|
-
async fill(fields) {
|
|
209
|
-
this.formController.setInitialValues(fields);
|
|
210
|
-
}
|
|
211
|
-
async validate() {
|
|
212
|
-
const isValid = await this.formController.validate();
|
|
213
|
-
const errors = this.formController.errors.getValue();
|
|
214
|
-
return { isValid, errors };
|
|
215
|
-
}
|
|
216
|
-
render() {
|
|
217
|
-
// Guard clause to ensure formController is initialized before rendering
|
|
218
|
-
if (!this.formController) {
|
|
219
|
-
return null;
|
|
220
|
-
}
|
|
221
|
-
const billingFormDefaultValue = this.formController.getInitialValues();
|
|
222
|
-
return (index.h(styledHost.StyledHost, null, index.h("div", { part: parts.billingForm, class: "mt-4" }, index.h(header3.Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), index.h("form", null, index.h("fieldset", null, this.legend && (index.h("legend", null, this.legend)), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: 'address_state', label: 'State', options: Business.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.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 }))))))));
|
|
223
|
-
}
|
|
224
|
-
};
|
|
225
|
-
|
|
226
378
|
const JustifiButton = class {
|
|
227
379
|
constructor(hostRef) {
|
|
228
380
|
index.registerInstance(this, hostRef);
|
|
@@ -230,41 +382,7 @@ const JustifiButton = class {
|
|
|
230
382
|
this.type = 'button';
|
|
231
383
|
}
|
|
232
384
|
render() {
|
|
233
|
-
return (index.h(styledHost.StyledHost, { key: '
|
|
234
|
-
}
|
|
235
|
-
};
|
|
236
|
-
|
|
237
|
-
const CardBillingFormSimple = class {
|
|
238
|
-
constructor(hostRef) {
|
|
239
|
-
index.registerInstance(this, hostRef);
|
|
240
|
-
this.errors = {};
|
|
241
|
-
this.inputHandler = (name, value) => {
|
|
242
|
-
this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
|
|
243
|
-
};
|
|
244
|
-
}
|
|
245
|
-
componentWillLoad() {
|
|
246
|
-
this.formController = new index_esm.FormController(postalOnlySchema());
|
|
247
|
-
}
|
|
248
|
-
componentDidLoad() {
|
|
249
|
-
this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
|
|
250
|
-
this.formController.errors.subscribe(errors => {
|
|
251
|
-
this.errors = Object.assign({}, errors);
|
|
252
|
-
});
|
|
253
|
-
}
|
|
254
|
-
async getValues() {
|
|
255
|
-
return this.formController.values.getValue();
|
|
256
|
-
}
|
|
257
|
-
async fill(fields) {
|
|
258
|
-
this.formController.setInitialValues(fields);
|
|
259
|
-
}
|
|
260
|
-
async validate() {
|
|
261
|
-
const isValid = await this.formController.validate();
|
|
262
|
-
const errors = this.formController.errors.getValue();
|
|
263
|
-
return { isValid, errors };
|
|
264
|
-
}
|
|
265
|
-
render() {
|
|
266
|
-
const billingFormDefaultValue = this.formController.getInitialValues();
|
|
267
|
-
return (index.h(styledHost.StyledHost, { key: '406560bd86a894ec7d71ad6872ffedf200b7054d' }, index.h("div", { key: '5a824cbbd8dcb85fd5a7fab93ddbedd5407ef82d', part: parts.billingForm }, index.h("form", { key: '2aa1abdcf5428f26edc3db42fc68141765ef5b64' }, index.h("fieldset", { key: '92844b0b69dda6f379a6509458dd67b2d6ec2c24' }, this.legend && (index.h("legend", { key: 'bc18d61d3f3d6b70bfece88dfaf540348099b252' }, this.legend)), index.h("div", { key: '63bc056fdfb6945eb00085ca1bf75fdb81741592', class: "row gy-3" }, index.h("div", { key: '56af403876ad942fc13570a462aff682d5b9e24e', class: "col-12" }, index.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 }))))))));
|
|
385
|
+
return (index.h(styledHost.StyledHost, { key: 'e3b353dac8bf4c078fed17a4854c6ee1891df140' }, index.h(button.Button, { key: '76bfcc8763775a3442fe7f8c307400c1fa829da0', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
|
|
268
386
|
}
|
|
269
387
|
};
|
|
270
388
|
|
|
@@ -341,12 +459,10 @@ const SaveNewPaymentMethod = class {
|
|
|
341
459
|
}
|
|
342
460
|
};
|
|
343
461
|
|
|
344
|
-
exports.
|
|
462
|
+
exports.internal_tokenize_payment_method = InternalTokenizePaymentMethod;
|
|
345
463
|
exports.justifi_bank_account_form = BankAccountForm;
|
|
346
464
|
exports.justifi_billing_form = BillingForm;
|
|
347
|
-
exports.justifi_billing_form_full = BillingFormFull;
|
|
348
465
|
exports.justifi_button = JustifiButton;
|
|
349
|
-
exports.justifi_card_billing_form_simple = CardBillingFormSimple;
|
|
350
466
|
exports.justifi_card_form = JustifiCardForm;
|
|
351
467
|
exports.justifi_radio_list_item = JustifiRadioListItem;
|
|
352
468
|
exports.justifi_save_new_payment_method = SaveNewPaymentMethod;
|