@justifi/webcomponents 6.0.0-rc.3 → 6.0.0-rc.5
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_4.cjs.entry.js +2 -2
- package/dist/cjs/{check-pkg-version-DvwUM1uA.js → check-pkg-version-BsodhBbK.js} +1 -1
- package/dist/cjs/{checkout.store-CV_fuGQw.js → checkout.store-Cn3Jj5gi.js} +1 -0
- package/dist/cjs/custom-popper_2.cjs.entry.js +2 -2
- package/dist/cjs/form-control-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/form-control-date.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_2.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_2.cjs.entry.js +2 -2
- package/dist/cjs/hidden-input_2.cjs.entry.js +5 -5
- package/dist/cjs/justifi-apple-pay.cjs.entry.js +836 -0
- package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js +8 -8
- 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-summary_6.cjs.entry.js +141 -35
- package/dist/cjs/justifi-checkout.cjs.entry.js +3 -3
- 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 +3 -3
- 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 +3 -3
- package/dist/cjs/justifi-payments-list-filters.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payments-list.cjs.entry.js +3 -3
- package/dist/cjs/justifi-payout-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js +3 -3
- package/dist/cjs/justifi-payouts-list-filters.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payouts-list.cjs.entry.js +3 -3
- package/dist/cjs/justifi-refund-payment.cjs.entry.js +2 -2
- package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +3 -3
- package/dist/cjs/justifi-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/justifi-terminal-orders-list-filters.cjs.entry.js +2 -2
- package/dist/cjs/justifi-terminal-orders-list.cjs.entry.js +3 -3
- package/dist/cjs/justifi-terminals-list-filters.cjs.entry.js +1 -1
- package/dist/cjs/justifi-terminals-list.cjs.entry.js +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-BLAsoHSG.js → package-DJaHaxMC.js} +1 -1
- package/dist/cjs/payment-details-core.cjs.entry.js +8 -8
- package/dist/cjs/payment-method-option.cjs.entry.js +1 -1
- package/dist/cjs/payments-list-core.cjs.entry.js +1 -1
- package/dist/cjs/payout-details-core.cjs.entry.js +3 -3
- package/dist/cjs/payouts-list-core.cjs.entry.js +1 -1
- package/dist/cjs/terminal-orders-list-core.cjs.entry.js +1 -1
- package/dist/cjs/terminal-quantity-selector.cjs.entry.js +1 -1
- package/dist/cjs/terminals-list-core.cjs.entry.js +1 -1
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/api/ApplePay.js +119 -0
- package/dist/collection/api/services/apple-pay.service.js +334 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/modular-checkout/modular-checkout.js +137 -32
- package/dist/collection/components/modular-checkout/sub-components/apple-pay-skeleton.js +10 -0
- package/dist/collection/components/modular-checkout/sub-components/apple-pay.js +555 -0
- package/dist/collection/components/modular-checkout/sub-components/bank-account.js +2 -2
- package/dist/collection/components/modular-checkout/sub-components/card-form.js +2 -2
- package/dist/collection/components/modular-checkout/sub-components/payment-method-option.js +1 -1
- package/dist/collection/components/modular-checkout/sub-components/summary.js +1 -1
- package/dist/collection/components/order-terminals/order-terminals.js +1 -1
- package/dist/collection/components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js +1 -1
- package/dist/collection/components/payment-details/payment-details-core.js +8 -8
- package/dist/collection/components/payment-transactions-list/payment-transactions-list.js +1 -1
- package/dist/collection/components/payments-list/payments-list-core.js +1 -1
- package/dist/collection/components/payments-list/payments-list-filters.js +2 -2
- package/dist/collection/components/payments-list/payments-list.js +1 -1
- package/dist/collection/components/payout-details/payout-details-core.js +3 -3
- package/dist/collection/components/payout-transactions-list/payout-transactions-list.js +1 -1
- package/dist/collection/components/payouts-list/payouts-list-core.js +1 -1
- package/dist/collection/components/payouts-list/payouts-list-filters.js +2 -2
- package/dist/collection/components/payouts-list/payouts-list.js +1 -1
- package/dist/collection/components/terminal-orders-list/terminal-orders-list-core.js +1 -1
- package/dist/collection/components/terminal-orders-list/terminal-orders-list-filters.js +2 -2
- package/dist/collection/components/terminal-orders-list/terminal-orders-list.js +1 -1
- package/dist/collection/components/terminals-list/terminals-list-core.js +1 -1
- package/dist/collection/components/terminals-list/terminals-list-filters.js +1 -1
- package/dist/collection/components/terminals-list/terminals-list.js +1 -1
- package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js +3 -3
- package/dist/collection/store/checkout.store.js +1 -0
- package/dist/collection/ui-components/apple-pay-button.js +146 -0
- package/dist/collection/ui-components/custom-popper/custom-popper.js +2 -2
- package/dist/collection/ui-components/form/form-control-checkbox.js +2 -2
- package/dist/collection/ui-components/form/form-control-date.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 +463 -1
- package/dist/esm/additional-questions-details_5.entry.js +2 -2
- package/dist/esm/{badge-D_mzXSCQ.js → badge-D4ZXPFjL.js} +1 -1
- package/dist/esm/bank-account-document-form-inputs_4.entry.js +5 -5
- package/dist/esm/bank-account-form.entry.js +2 -2
- package/dist/esm/business-details-core.entry.js +3 -3
- package/dist/esm/{button-CeR8qVS3.js → button-C0wLsDP3.js} +1 -1
- package/dist/esm/card-form.entry.js +2 -2
- package/dist/esm/{check-pkg-version-D1hbenUd.js → check-pkg-version-D_w9UM2s.js} +1 -1
- package/dist/esm/{checkout.store-B60siz2l.js → checkout.store-OAv_iY1u.js} +1 -0
- package/dist/esm/checkouts-list-core.entry.js +5 -5
- package/dist/esm/{checkouts-table-CFZYoYjn.js → checkouts-table-DjGKtqoc.js} +2 -2
- package/dist/esm/custom-popper_2.entry.js +3 -3
- package/dist/esm/form-alert_5.entry.js +1 -1
- package/dist/esm/form-control-checkbox.entry.js +5 -5
- package/dist/esm/form-control-date.entry.js +4 -4
- package/dist/esm/{form-control-error-text-D3ZwkOv-.js → form-control-error-text-Bzfs_rxk.js} +1 -1
- package/dist/esm/form-control-file-v2_2.entry.js +5 -5
- package/dist/esm/{form-control-help-text-C39ZW65w.js → form-control-help-text-ueLctOBN.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_2.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_2.entry.js +4 -4
- package/dist/esm/gross-payment-chart-core.entry.js +3 -3
- package/dist/esm/{header-1-E-hEi3wF.js → header-1-BMKEv9y6.js} +1 -1
- package/dist/esm/{header-3-Dm7M85kz.js → header-3-C3t3m27b.js} +1 -1
- package/dist/esm/hidden-input_2.entry.js +7 -7
- package/dist/esm/{insurance-state-CB4l8sOv.js → insurance-state-d4hjThzE.js} +1 -1
- package/dist/esm/justifi-additional-questions-form-step-core_6.entry.js +3 -3
- package/dist/esm/justifi-additional-questions-form-step_9.entry.js +2 -2
- package/dist/esm/justifi-additional-statement_8.entry.js +1 -1
- package/dist/esm/justifi-apple-pay.entry.js +834 -0
- package/dist/esm/justifi-bank-account-billing-form-simple_9.entry.js +12 -12
- package/dist/esm/justifi-business-details.entry.js +4 -4
- package/dist/esm/justifi-business-form.entry.js +6 -6
- package/dist/esm/justifi-business-representative-form-inputs.entry.js +1 -1
- package/dist/esm/justifi-checkout-summary_6.entry.js +145 -39
- package/dist/esm/justifi-checkout.entry.js +4 -4
- package/dist/esm/justifi-checkouts-list-filters.entry.js +1 -1
- package/dist/esm/justifi-checkouts-list.entry.js +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 +5 -5
- package/dist/esm/justifi-owner-form_3.entry.js +2 -2
- 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 +6 -6
- package/dist/esm/justifi-payments-list-filters.entry.js +3 -3
- package/dist/esm/justifi-payments-list.entry.js +7 -7
- package/dist/esm/justifi-payout-details.entry.js +4 -4
- package/dist/esm/justifi-payout-transactions-list.entry.js +6 -6
- package/dist/esm/justifi-payouts-list-filters.entry.js +3 -3
- package/dist/esm/justifi-payouts-list.entry.js +7 -7
- 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 +6 -6
- package/dist/esm/justifi-skeleton.entry.js +3 -3
- package/dist/esm/justifi-terminal-orders-list-filters.entry.js +3 -3
- package/dist/esm/justifi-terminal-orders-list.entry.js +6 -6
- package/dist/esm/justifi-terminals-list-filters.entry.js +2 -2
- package/dist/esm/justifi-terminals-list.entry.js +6 -6
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{package-DqFAlAve.js → package-78C4rMuv.js} +1 -1
- package/dist/esm/pagination-menu.entry.js +1 -1
- package/dist/esm/{parts-CfF8KKwx.js → parts-RvUQ__Pq.js} +1 -1
- package/dist/esm/payment-details-core.entry.js +13 -13
- package/dist/esm/payment-method-option.entry.js +2 -2
- package/dist/esm/payments-list-core.entry.js +7 -7
- package/dist/esm/{payments-status-XoZrlbiZ.js → payments-status-1yRdTNeS.js} +1 -1
- package/dist/esm/{payments-table-Dh4P9mTb.js → payments-table-8RADYkma.js} +2 -2
- package/dist/esm/payout-details-core.entry.js +9 -9
- package/dist/esm/payouts-list-core.entry.js +7 -7
- package/dist/esm/{payouts-status-Qm2jZG1-.js → payouts-status-BqsQVtBp.js} +1 -1
- package/dist/esm/{payouts-table-DMVAZp-r.js → payouts-table-DPw7yIx8.js} +2 -2
- package/dist/esm/{skeleton-DrHwsgs_.js → skeleton-BmTjpTYa.js} +1 -1
- package/dist/esm/{spinner-XBq6mVJW.js → spinner-YGDOI-CS.js} +1 -1
- package/dist/esm/table-filters-menu.entry.js +2 -2
- package/dist/esm/{table-qqt2Ew5y.js → table-ybHxxc9f.js} +2 -2
- package/dist/esm/terminal-orders-list-core.entry.js +6 -6
- package/dist/esm/{terminal-orders-table-BN4Co4T8.js → terminal-orders-table-D-xP5WuM.js} +2 -2
- package/dist/esm/terminal-quantity-selector.entry.js +2 -2
- package/dist/esm/terminals-list-core.entry.js +6 -6
- package/dist/esm/{terminals-table-C8LczeG_.js → terminals-table-DVAPCgEr.js} +2 -2
- package/dist/esm/{utils-kWaZhFAd.js → utils-DG5aMFmf.js} +1 -1
- package/dist/esm/webcomponents.js +1 -1
- package/dist/module/bank-account.js +2 -2
- package/dist/module/card-form2.js +2 -2
- package/dist/module/checkout.store.js +1 -0
- package/dist/module/custom-popper2.js +2 -2
- package/dist/module/form-control-checkbox2.js +2 -2
- package/dist/module/form-control-date2.js +2 -2
- 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/hidden-input2.js +1 -1
- package/dist/module/iframe-input2.js +3 -3
- package/dist/module/justifi-apple-pay.d.ts +11 -0
- package/dist/module/justifi-apple-pay.js +877 -0
- package/dist/module/justifi-button2.js +1 -1
- package/dist/module/justifi-header2.js +1 -1
- package/dist/module/justifi-order-terminals.js +1 -1
- package/dist/module/justifi-payment-transactions-list.js +1 -1
- package/dist/module/justifi-payments-list-filters.js +2 -2
- package/dist/module/justifi-payments-list.js +1 -1
- package/dist/module/justifi-payout-transactions-list.js +1 -1
- package/dist/module/justifi-payouts-list-filters.js +2 -2
- package/dist/module/justifi-payouts-list.js +1 -1
- package/dist/module/justifi-skeleton.js +1 -1
- package/dist/module/justifi-terminal-orders-list-filters.js +2 -2
- package/dist/module/justifi-terminal-orders-list.js +1 -1
- package/dist/module/justifi-terminals-list-filters.js +1 -1
- package/dist/module/justifi-terminals-list.js +1 -1
- package/dist/module/modular-checkout.js +133 -27
- package/dist/module/package.js +1 -1
- package/dist/module/payment-details-core2.js +8 -8
- package/dist/module/payment-method-option.js +1 -1
- package/dist/module/payments-list-core2.js +1 -1
- package/dist/module/payout-details-core2.js +3 -3
- package/dist/module/payouts-list-core2.js +1 -1
- package/dist/module/summary.js +1 -1
- package/dist/module/terminal-orders-list-core2.js +1 -1
- package/dist/module/terminal-quantity-selector2.js +1 -1
- package/dist/module/terminals-list-core2.js +1 -1
- package/dist/module/tokenize-payment-method.js +3 -3
- package/dist/types/api/ApplePay.d.ts +196 -0
- package/dist/types/api/services/apple-pay.service.d.ts +66 -0
- package/dist/types/components/modular-checkout/modular-checkout.d.ts +9 -0
- package/dist/types/components/modular-checkout/sub-components/apple-pay-skeleton.d.ts +6 -0
- package/dist/types/components/modular-checkout/sub-components/apple-pay.d.ts +39 -0
- package/dist/types/components.d.ts +122 -0
- package/dist/types/store/checkout.store.d.ts +1 -0
- package/dist/types/ui-components/apple-pay-button.d.ts +17 -0
- package/dist/webcomponents/{p-48bccf3b.entry.js → p-03c7cee8.entry.js} +1 -1
- package/dist/webcomponents/{p-738e0511.entry.js → p-08a5cc2f.entry.js} +1 -1
- package/dist/webcomponents/{p-43d693a3.entry.js → p-0aee6da6.entry.js} +1 -1
- package/dist/webcomponents/{p-f21549f3.entry.js → p-0e290b6e.entry.js} +1 -1
- package/dist/webcomponents/{p-0cab7d5d.entry.js → p-0e64cd09.entry.js} +1 -1
- package/dist/webcomponents/{p-9f289c31.entry.js → p-1246b999.entry.js} +1 -1
- package/dist/webcomponents/p-12c312a0.entry.js +1 -0
- package/dist/webcomponents/{p-a3ab166f.entry.js → p-134d5029.entry.js} +1 -1
- package/dist/webcomponents/{p-f7e62bfa.entry.js → p-1b892b3a.entry.js} +1 -1
- package/dist/webcomponents/p-1c0c1d7b.entry.js +1 -0
- package/dist/webcomponents/p-1e206c92.entry.js +1 -0
- package/dist/webcomponents/p-1ea7868a.entry.js +1 -0
- package/dist/webcomponents/{p-84ce3bae.entry.js → p-281e36be.entry.js} +1 -1
- package/dist/webcomponents/p-2a0a907d.entry.js +1 -0
- package/dist/webcomponents/{p-c65f157f.entry.js → p-2ab0a2b3.entry.js} +1 -1
- package/dist/webcomponents/{p-93e7df50.entry.js → p-32cecfaf.entry.js} +1 -1
- package/dist/webcomponents/{p-a069c345.entry.js → p-3ffe1e2e.entry.js} +1 -1
- package/dist/webcomponents/p-48f42f07.entry.js +1 -0
- package/dist/webcomponents/{p-37445ce9.entry.js → p-4a1198ee.entry.js} +1 -1
- package/dist/webcomponents/{p-befda39d.entry.js → p-4a79c737.entry.js} +1 -1
- package/dist/webcomponents/{p-a8205044.entry.js → p-4c994761.entry.js} +1 -1
- package/dist/webcomponents/p-5510b57c.entry.js +1 -0
- package/dist/webcomponents/p-5a5f07be.entry.js +1 -0
- package/dist/webcomponents/p-5acd6add.entry.js +1 -0
- package/dist/webcomponents/{p-6e18d13f.entry.js → p-5ad70aae.entry.js} +1 -1
- package/dist/webcomponents/p-5afbfafb.entry.js +1 -0
- package/dist/webcomponents/p-6974a44c.entry.js +1 -0
- package/dist/webcomponents/p-6df132e6.entry.js +1 -0
- package/dist/webcomponents/p-6f2b41f5.entry.js +1 -0
- package/dist/webcomponents/p-6f9755cc.entry.js +1 -0
- package/dist/webcomponents/p-70cd4cbd.entry.js +1 -0
- package/dist/webcomponents/p-7288473f.entry.js +1 -0
- package/dist/webcomponents/{p-79055216.entry.js → p-76a95d07.entry.js} +1 -1
- package/dist/webcomponents/{p-e6a1a851.entry.js → p-776699bd.entry.js} +1 -1
- package/dist/webcomponents/p-78C4rMuv.js +1 -0
- package/dist/webcomponents/{p-29b6f15a.entry.js → p-7b9fa1fb.entry.js} +1 -1
- package/dist/webcomponents/{p-7ed7b2f6.entry.js → p-9009dede.entry.js} +1 -1
- package/dist/webcomponents/p-98939b74.entry.js +1 -0
- package/dist/webcomponents/{p-BTkXk7ol.js → p-BUadwxkh.js} +1 -1
- package/dist/webcomponents/{p-CCME-fyU.js → p-BXKEChoo.js} +1 -1
- package/dist/webcomponents/p-BZzESzqz.js +1 -0
- package/dist/webcomponents/{p-Dvxpy_P1.js → p-BhdBpAn9.js} +1 -1
- package/dist/webcomponents/p-BmFoKOM3.js +1 -0
- package/dist/webcomponents/p-BtOB_CaO.js +1 -0
- package/dist/webcomponents/{p-qMrd7_Gp.js → p-C0AHrswP.js} +1 -1
- package/dist/webcomponents/{p-BeszVz87.js → p-CP_tg-uH.js} +1 -1
- package/dist/webcomponents/{p-JgbsbAhz.js → p-D48iERjQ.js} +1 -1
- package/dist/webcomponents/p-D7eeJWA-.js +1 -0
- package/dist/webcomponents/{p-CsNubTqD.js → p-DBsw4qpn.js} +1 -1
- package/dist/webcomponents/{p-vRhNRfmB.js → p-DKRXPZKS.js} +1 -1
- package/dist/webcomponents/p-DOd8HaWV.js +1 -0
- package/dist/webcomponents/p-DcE8SQPv.js +1 -0
- package/dist/webcomponents/{p-D456WTYf.js → p-DhRb39as.js} +1 -1
- package/dist/webcomponents/p-Drz6LnIw.js +1 -0
- package/dist/webcomponents/{p-DO3INvI2.js → p-DuXN7Akd.js} +1 -1
- package/dist/webcomponents/{p-Bz164TKZ.js → p-HAk7yBNq.js} +1 -1
- package/dist/webcomponents/{p-CfF8KKwx.js → p-RvUQ__Pq.js} +1 -1
- package/dist/webcomponents/p-a1483fbd.entry.js +1 -0
- package/dist/webcomponents/{p-53c81d62.entry.js → p-a1a8f6bd.entry.js} +1 -1
- package/dist/webcomponents/{p-15777cfe.entry.js → p-a406bf1a.entry.js} +1 -1
- package/dist/webcomponents/p-a4cb5604.entry.js +1 -0
- package/dist/webcomponents/{p-f4f3cae8.entry.js → p-a70bc148.entry.js} +1 -1
- package/dist/webcomponents/{p-57143978.entry.js → p-a9d2dd5e.entry.js} +1 -1
- package/dist/webcomponents/{p-c5b48e8d.entry.js → p-afc83e27.entry.js} +1 -1
- package/dist/webcomponents/{p-3d85d046.entry.js → p-b04cc606.entry.js} +1 -1
- package/dist/webcomponents/{p-a0b8c888.entry.js → p-b10e34b0.entry.js} +1 -1
- package/dist/webcomponents/p-b41d2b8f.entry.js +1 -0
- package/dist/webcomponents/p-b8f63e28.entry.js +1 -0
- package/dist/webcomponents/{p-4b808606.entry.js → p-bbbb9225.entry.js} +1 -1
- package/dist/webcomponents/p-bd560810.entry.js +1 -0
- package/dist/webcomponents/{p-c217869b.entry.js → p-c029fc20.entry.js} +1 -1
- package/dist/webcomponents/p-c62e23c1.entry.js +1 -0
- package/dist/webcomponents/{p-b0bfa20f.entry.js → p-c6860f60.entry.js} +1 -1
- package/dist/webcomponents/{p-0e287092.entry.js → p-cbfc8269.entry.js} +1 -1
- package/dist/webcomponents/{p-0935b6e5.entry.js → p-d0729065.entry.js} +1 -1
- package/dist/webcomponents/{p-4bba4e66.entry.js → p-dad15b15.entry.js} +1 -1
- package/dist/webcomponents/{p-0b790fa4.entry.js → p-dc245644.entry.js} +4 -4
- package/dist/webcomponents/{p-d1a65c6d.entry.js → p-e00fd71d.entry.js} +1 -1
- package/dist/webcomponents/{p-e2267656.entry.js → p-e6ca1872.entry.js} +1 -1
- package/dist/webcomponents/{p-e546b8f8.entry.js → p-e70a5f50.entry.js} +1 -1
- package/dist/webcomponents/{p-904a95e5.entry.js → p-e8a198fa.entry.js} +1 -1
- package/dist/webcomponents/{p-9a4c1990.entry.js → p-eca1e808.entry.js} +1 -1
- package/dist/webcomponents/p-fb1904d2.entry.js +1 -0
- package/dist/webcomponents/{p-35bbfbf8.entry.js → p-fbaf62a5.entry.js} +1 -1
- package/dist/webcomponents/p-fcb6e870.entry.js +1 -0
- package/dist/webcomponents/{p-YND5pTuF.js → p-nWGo6sHu.js} +1 -1
- package/dist/webcomponents/{p-BisQ61nK.js → p-wyEq9Pa1.js} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/webcomponents/p-0cc85003.entry.js +0 -1
- package/dist/webcomponents/p-1975406a.entry.js +0 -1
- package/dist/webcomponents/p-2a59547b.entry.js +0 -1
- package/dist/webcomponents/p-2da63719.entry.js +0 -1
- package/dist/webcomponents/p-4ae2a0b9.entry.js +0 -1
- package/dist/webcomponents/p-4b795b77.entry.js +0 -1
- package/dist/webcomponents/p-5001e722.entry.js +0 -1
- package/dist/webcomponents/p-5477c449.entry.js +0 -1
- package/dist/webcomponents/p-56980ef3.entry.js +0 -1
- package/dist/webcomponents/p-614fcef6.entry.js +0 -1
- package/dist/webcomponents/p-63b1fffd.entry.js +0 -1
- package/dist/webcomponents/p-739d6f13.entry.js +0 -1
- package/dist/webcomponents/p-74ae5db7.entry.js +0 -1
- package/dist/webcomponents/p-9ccd19f5.entry.js +0 -1
- package/dist/webcomponents/p-BC8YDY7M.js +0 -1
- package/dist/webcomponents/p-BbYVgLcf.js +0 -1
- package/dist/webcomponents/p-C1fMfnu0.js +0 -1
- package/dist/webcomponents/p-C_CXv7AN.js +0 -1
- package/dist/webcomponents/p-CwZKT93w.js +0 -1
- package/dist/webcomponents/p-D599ZMGU.js +0 -1
- package/dist/webcomponents/p-DqFAlAve.js +0 -1
- package/dist/webcomponents/p-a33ea645.entry.js +0 -1
- package/dist/webcomponents/p-ba018d57.entry.js +0 -1
- package/dist/webcomponents/p-be06d86a.entry.js +0 -1
- package/dist/webcomponents/p-dd4ef924.entry.js +0 -1
- package/dist/webcomponents/p-df4f2af9.entry.js +0 -1
- package/dist/webcomponents/p-e1ba5735.entry.js +0 -1
- package/dist/webcomponents/p-e4e30e84.entry.js +0 -1
- package/dist/webcomponents/p-e898de89.entry.js +0 -1
- package/dist/webcomponents/p-f200cbda.entry.js +0 -1
- package/dist/webcomponents/p-f4645aef.entry.js +0 -1
- package/dist/webcomponents/p-zrUQD0Wr.js +0 -1
|
@@ -38,16 +38,16 @@ export class PaymentDetailsCore {
|
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(StyledHost, { key: '
|
|
42
|
-
this.payment && (h("justifi-details", { key: '
|
|
43
|
-
h(DetailSectionTitle, { key: '
|
|
44
|
-
h("div", { key: '
|
|
41
|
+
return (h(StyledHost, { key: '78772ac113e59c6a0dfb11b38807cbdd42ca2b75' }, this.loading && h(PaymentDetailsLoading, { key: 'ee7b54bb8679f20fc2d7665ef335320154f1631c' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
|
|
42
|
+
this.payment && (h("justifi-details", { key: '09f20b99d15bd751771de65edf1770ad0e3e4caa', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '0a070793ef25425601400c8a0139d84123adcb38', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '5d4c3fd1f483c6a9cba7098dbba7fb7df9e62459', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a770d473ef8ead583dca3d261fc22daeb452aa42', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd0e8a38cff4bdccc6347108ecbdc90e200613470', title: "ID", value: this.payment.id })), h("div", { key: '001543a66055203a430fb3231eedb39cc4bd4d31', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '37229e3e35782dc9e3bc56e7ab5411719507f55e', sectionTitle: "Details" }), h("div", { key: '08a7f2025131fec223ef014374e5784a6c97e531', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '92643e94e0f8f70d09825eb8e2a658286f331464', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '2db9994c24e29ba4b4ca1935015b6b94733fdd1c', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'baa2601246817358cfdbc587c354304d18e61de6', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '0809e47782815c57213be29e1e8d6b7703907e50', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '89c6dedc355492b70bd91dbe9d1fdd6d288c06d9', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '278cca0991d63079c29da77be1625b5a52f64541', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '5622513e3ded892acb9667be6579bab5a2fe17af', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b9970bf7af2831b75a41a346813bfbc7be54a4e3', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '2a6e7ded24a5849672547322b7f507487b9a1fd4', title: "Description", value: this.payment.description }), h(DetailItem, { key: '363a8b9e8a5ee160887498bf197e27ec6be58eda', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
|
|
43
|
+
h(DetailSectionTitle, { key: '1cf6b816e8138fe5e56b3128eaefb43bd9111139', sectionTitle: "Payment Method" }),
|
|
44
|
+
h("div", { key: '363a98244887cbc9b22db1d00aefe7c57fa11e6a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0b55c6a07eb581fab9fd3e8a859c09ee743a9197', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '80fdad59678b1ff7db5d8d0d2d9ff7d3f358155e', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'd470dc1614d83da766962075007e4834a0db0e9d', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '95ae2faca13ea63373a48d49df52f06338b5c7d7', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '47d57b3ceb2ee5d703ba1b12424c529464fed91e', title: "Cardholder", value: this.payment.payment_method.payersName }))
|
|
45
45
|
], this.payment.payment_method.bank_account && [
|
|
46
|
-
h(DetailSectionTitle, { key: '
|
|
47
|
-
h("div", { key: '
|
|
46
|
+
h(DetailSectionTitle, { key: 'de95204583c5e94eca5b8edd14f7dacb8a6e12aa', sectionTitle: "Payment Method" }),
|
|
47
|
+
h("div", { key: '0f0703066af1aa060eec503844cedecbb5319dbe', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '7eed468aefc9b85f92e5c7b910b9d730e5a02e33', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '6da4304e0da2055c9d4877bb54f59920c2234356', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '9bac816e32f978caeb926f0f3c6b8b0dc4586fc3', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '943a9c4d7f7db5a3dce927b35556087f89264160', title: "Account Owner", value: this.payment.payment_method.payersName }))
|
|
48
48
|
], this.payment.metadata && [
|
|
49
|
-
h(DetailSectionTitle, { key: '
|
|
50
|
-
h("div", { key: '
|
|
49
|
+
h(DetailSectionTitle, { key: '9c229051516566209d5b7fc3da2e2c5d41005201', sectionTitle: 'Metadata' }),
|
|
50
|
+
h("div", { key: '36ea2b841735fc16e858d0fc622bd1145b21657c', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '554d789b6f59982cc70e63e32169b38d8aa459bf', metadata: this.payment.metadata }))
|
|
51
51
|
])))));
|
|
52
52
|
}
|
|
53
53
|
static get is() { return "payment-details-core"; }
|
|
@@ -91,7 +91,7 @@ export class PaymentTransactionsList {
|
|
|
91
91
|
return !this.showEmptyState && !this.showErrorState && !this.isLoading;
|
|
92
92
|
}
|
|
93
93
|
render() {
|
|
94
|
-
return (h(StyledHost, { key: '
|
|
94
|
+
return (h(StyledHost, { key: '841ebb8426d9c6036e15a0327c4e02f0d9fab4d6' }, h(TableWrapper, { key: '7bbf6d05061ac70a84e7876147b33df2f1f470d7' }, h(TableComponent, { key: 'a60c1a98ed33ab0e572ab4296dc873405985be1a' }, h(TableHead, { key: '105c43a14e0a833a7f866def78e5658d7d08070f' }, h(TableHeadRow, { key: '67f3e503be6efb7606c79c894af4e5f357a8cfa0' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'e628b0bac4c53cd129ce43c68acd18f038c9e887' }, h(TableLoadingState, { key: '0ffff5bd7c9c505981a7d51a917be1d928d0619b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '92a9b0251b8fec1a2b57cf5c9665390873619e87', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '71aac087777b219aaec57c6b9e6ac7751c322c3c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '6dd7ede10307d376aa3df322dd71d469b2bb248a' }, h(TableFootRow, { key: 'e047fd731c36694aadd6a30726f5191f09f0ade9' }, h(TableFootCell, { key: '84001cf23c2b71a657131607d84179319de85c86', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '6dcbc441a602a2ee1ef046d2f425c8c7198e063a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
|
|
95
95
|
}
|
|
96
96
|
static get is() { return "justifi-payment-transactions-list"; }
|
|
97
97
|
static get encapsulation() { return "shadow"; }
|
|
@@ -83,7 +83,7 @@ export class PaymentsListCore {
|
|
|
83
83
|
return !this.showEmptyState && !this.showErrorState && !this.loading;
|
|
84
84
|
}
|
|
85
85
|
render() {
|
|
86
|
-
return (h(TableWrapper, { key: '
|
|
86
|
+
return (h(TableWrapper, { key: '46dd5932d242bb0be852b76bdb030735d7e17f70' }, h(TableComponent, { key: 'ba8514e6840054ac614ec3e20086442ee386f303' }, h(TableHead, { key: '0a3495b12b1bcde7f7ff845a759a00a6ec4f86b6' }, h(TableHeadRow, { key: '01c0c3d37185252b254afe205797fab85d3007b2' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'f5b9b2d8ffac197fc6df33ca4aa77344f2137f77' }, h(TableLoadingState, { key: 'ff4314485693a2472b683567021e35bd609e2850', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '6c0c381354f96026b76a11eed925b49bf2169ecd', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '823a6fa86f79a89398de22d48c0ab4b554c2cd54', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'fe4809a1a5c43dd4745bc76fccdc66937b88a315' }, h(TableFootRow, { key: 'f75e79495dc130fd3d604c0e7c29fc5dc1e97e94' }, h(TableFootCell, { key: '3d30257ba1ad94eab852b5abaed9777552403da1', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '7dd714fca51b59d138a6ba27a8f0f6e81fd964de', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
|
|
87
87
|
}
|
|
88
88
|
static get is() { return "payments-list-core"; }
|
|
89
89
|
static get properties() {
|
|
@@ -43,8 +43,8 @@ export class PaymentsListFilters {
|
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
45
|
const filterMenuParams = Object.assign({}, filterParams);
|
|
46
|
-
return (h(StyledHost, { key: '
|
|
47
|
-
convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '
|
|
46
|
+
return (h(StyledHost, { key: 'b15957bb15b290d70e7861c34050677fabd9264d' }, h("table-filters-menu", { key: 'df4025d8caf104173172efa54452fb0d55c01c2a', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'c02dd26d5abb1d3fe60496f12a119ad5c88131a0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dcf37cf67a1778511554079ead35eb8291d87798', class: "p-2" }, h("form-control-text", { key: '6d788162b3b1f909ac57613e45b45e750535ee3d', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '375b1391dd75fe06853ff956cf2f0d91bc2518d2', class: "p-2" }, h("form-control-text", { key: '2199451d90e6700f43d2b36d32266c3ab4ae9bd1', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'f7bbcda32b31b5bbba4d7989abcdef277f20f063', class: "p-2" }, h("form-control-select", { key: 'e54397eda17d94a09247c4a1a732baed03a85238', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '6b6ded01e6b08c311b3806088cb4639755816dbd', class: "p-2" }, h("form-control-date", { key: 'aed2a28b21c0197e9ea7250ca7798c63ebeb6be4', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
|
|
47
|
+
convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '47470293a8368b6fc6c2a6d4392ca3da5ca4e3b4', class: "p-2" }, h("form-control-date", { key: 'e9d53abf3b92bc63e80427df2ac0503adeeec8da', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
|
|
48
48
|
convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
|
|
49
49
|
}
|
|
50
50
|
static get is() { return "justifi-payments-list-filters"; }
|
|
@@ -46,7 +46,7 @@ export class PaymentsList {
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
|
-
return (h(StyledHost, { key: '
|
|
49
|
+
return (h(StyledHost, { key: '2c77c3faa07c2f363a0c0ff2f4262de157effafc' }, h("payments-list-core", { key: '374dc84e80696157b60bfc04f836bcd8e59e67ff', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
|
|
50
50
|
}
|
|
51
51
|
static get is() { return "justifi-payments-list"; }
|
|
52
52
|
static get encapsulation() { return "shadow"; }
|
|
@@ -52,9 +52,9 @@ export class PayoutDetailsCore {
|
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
54
|
var _a;
|
|
55
|
-
return (h(StyledHost, { key: '
|
|
56
|
-
h(DetailSectionTitle, { key: '
|
|
57
|
-
h("div", { key: '
|
|
55
|
+
return (h(StyledHost, { key: '84ad924d9a7697cf7fd1f7638617925b52600267' }, this.loading && h(PayoutDetailsLoading, { key: '4ba191c16f034b4e136f2a6d96a44a7e1c71b352' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '84561101cfb511d034309906e281a36b9adba5d0', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '844df9068a80e7dfeffd2856805e5855c36842ef', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '5b3ecbec2c7e056afd085e21e7895f7919c0b638', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '1f0b2a3a31b0ff2a0829daae285bd2e9fdaaadcb', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '29ac2409362d285ca42cc57d55661281d35e7c39', title: "ID", value: this.payout.id }), h("div", { key: 'ceb5c66069d1c7404e355aeeeeb2e167cb4e8f55', class: "m-4" }, h(Button, { key: '206c57a99b0bc35c8db822507936022b8e51b89b', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'a9b39de96d09d4b0c87384da5bbf7d8f33e48bc7', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '03735918d82a3af539d79b88edc2b62ca2ebe03a', sectionTitle: "Details" }), h("div", { key: '347a72ad86b6dd8917022bb3d41c1ea51afe05f5', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '644ae816ca6391e06e8cafff85773892fdffb3b7', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '7970ee36e7575b0fb6432df46d128974fc54ef9a', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '8d3b06b5af09992d24ad5aa5d4bc935ae40193fb', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '2c147836ca746a8604bc8ca42a23ef9b2b78f80a', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'c9c7fb58f4e1d6d24c7ab0a60742d48214a88a9c', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '6261217268188afab893556f8f7eea2c72fa285b', sectionTitle: "Account" }), h("div", { key: 'd1b447792330f8f5d6e11533c7ccd27578325a4f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '199170c19d35c73f14f46a19eb9c743f12461779', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c6fb1a95d15547b1abc2ac95c83e865167b500a9', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '21c1ef80ae9d2d122e30b6b94585cbfea6dbe167', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '31f0db976c9abec3e3c9f228ed8b66c83cb134cb', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '87cc64ff4ac69c51e0932f7981f7da52565101ff', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
|
|
56
|
+
h(DetailSectionTitle, { key: '81b6f3c633b802afb5f0f5314b234f8ef0e1ef31', sectionTitle: 'Metadata' }),
|
|
57
|
+
h("div", { key: 'ec972893084294e690037e146b9e91783f461267', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'cef2518b84f1791157084b7d7cfe872963851edc', metadata: this.payout.metadata }))
|
|
58
58
|
])))));
|
|
59
59
|
}
|
|
60
60
|
static get is() { return "payout-details-core"; }
|
|
@@ -95,7 +95,7 @@ export class PayoutTransactionsList {
|
|
|
95
95
|
return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
|
|
96
96
|
}
|
|
97
97
|
render() {
|
|
98
|
-
return (h(StyledHost, { key: '
|
|
98
|
+
return (h(StyledHost, { key: '0a993aa9157e9ea6f75a4c745dd2751ab22d0623' }, h(TableWrapper, { key: '56a300b72bb39bf9aa4d9829f1634e5a48b71b15' }, h(TableComponent, { key: '7d3f9fc3159ea7568bd2904ed74a5d90198eecb7' }, h(TableHead, { key: '106703b0ed82206aca0b18a1217fbdad9316cca0' }, h(TableHeadRow, { key: '3d01490dc673358566747dd3aac4c61d1f8681f9' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'a1bf3cc192ef3434ff4626390f33361a984e276f' }, h(TableLoadingState, { key: 'edaf059907492b9911bfe11f6ae476711db7200f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'b75807ecc951d0e62993b905246c3e58d676bb7c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '7d759684cb4f42733028e734479ba2000495dcee', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'a657e7edf27d011926e2228b7a55ba6fb05f9dff' }, h(TableFootRow, { key: 'c1c592833f527432b53d42cca3a70637065b1918' }, h(TableFootCell, { key: 'b4dba89aa35e7632a9442ad3e804cdd3946377f7', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '935a7f48b344774fb6058de565a135ae70deb80e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
|
|
99
99
|
}
|
|
100
100
|
static get is() { return "justifi-payout-transactions-list"; }
|
|
101
101
|
static get encapsulation() { return "shadow"; }
|
|
@@ -135,7 +135,7 @@ export class PayoutsListCore {
|
|
|
135
135
|
return !this.showEmptyState && !this.showErrorState && !this.loading;
|
|
136
136
|
}
|
|
137
137
|
render() {
|
|
138
|
-
return (h(TableWrapper, { key: '
|
|
138
|
+
return (h(TableWrapper, { key: 'fe72adaaaa7e03339bd2c023ed3cfd76ce20cc09' }, h(TableComponent, { key: 'd9c191823846f3160ee178a291d797885862346b' }, h(TableHead, { key: '070d60c8ed1e9469208b2d12ff22f5c5782e5b06' }, h(TableHeadRow, { key: 'e3a8658405dc3339af9694f88ee7e39553e7f48f' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '5c919ca5c320c664f5c1fde43a996ecdd1ef346f' }, h(TableLoadingState, { key: 'e037e4280fac5697c1d5c7798ab09550046038a0', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '963f510db0f77df7d257e2ad1bba91ab0e071945', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '6e7eedf2e5c51c7c483695f4892ca492ef799514', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'b5b0b65da33dd148425571b328d04fffddf0e1f3' }, h(TableFootRow, { key: '73cc200689fd799618fffa1bc8a102c357372aef' }, h(TableFootCell, { key: 'b85785c0eb003fa546137119d50264e05a6b9382', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'e42a0da2d4c06c659ad6a9fc7f2cd2bb61caf1ee', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
|
|
139
139
|
}
|
|
140
140
|
static get is() { return "payouts-list-core"; }
|
|
141
141
|
static get properties() {
|
|
@@ -26,8 +26,8 @@ export class PayoutsListFilters {
|
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
28
|
const filterMenuParams = Object.assign({}, filterParams);
|
|
29
|
-
return (h(StyledHost, { key: '
|
|
30
|
-
convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '
|
|
29
|
+
return (h(StyledHost, { key: '4058d69f87431a4060160bc14912998ea14670dc' }, h("table-filters-menu", { key: '406371a2c3c552e6973da18b0e59a022a7c1ac99', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '3d77e00351223fc512062193a19ab874a3c8799e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8be6000e3aa3de82e73ebb0133131c2f836def64', class: "p-2" }, h("form-control-date", { key: 'e6c5c50c8a5890573159c6de1955f33762f183b8', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
|
|
30
|
+
convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '14c666a50387a2f58ea7a4871ef846eadf044e3a', class: "p-2" }, h("form-control-date", { key: 'ee56b0ca27c7d8f8562b23862d5aaebb3d4b3188', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
|
|
31
31
|
convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
|
|
32
32
|
}
|
|
33
33
|
static get is() { return "justifi-payouts-list-filters"; }
|
|
@@ -64,7 +64,7 @@ export class PayoutsList {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
|
-
return (h(StyledHost, { key: '
|
|
67
|
+
return (h(StyledHost, { key: 'b668ecfbc78e07ffeb5830a10f7a8675d15c5c97' }, h("payouts-list-core", { key: 'ae082078d735cafc42684db978e3e9dc48d75dd4', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
|
|
68
68
|
}
|
|
69
69
|
static get is() { return "justifi-payouts-list"; }
|
|
70
70
|
static get encapsulation() { return "shadow"; }
|
|
@@ -81,7 +81,7 @@ export class TerminalOrdersListCore {
|
|
|
81
81
|
return !this.showEmptyState && !this.showErrorState && !this.loading;
|
|
82
82
|
}
|
|
83
83
|
render() {
|
|
84
|
-
return (h(TableWrapper, { key: '
|
|
84
|
+
return (h(TableWrapper, { key: '394f529d42867e207bc47901045e7307a6784f3c' }, h(TableComponent, { key: 'b6d668352fe60c0fd33cc66505b14e944a598792' }, h(TableHead, { key: 'f52ef37d1246d60503b9dd86cef67d7d1d34b939' }, h(TableHeadRow, { key: '31df50a3ecb7329fdd25f16970d195eb5bd027ef' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '3e4354bab42bc5005383bccee6594c4cea220a40' }, h(TableLoadingState, { key: 'f8febbccb33a3ca286af8a6d25f032b1320d1f45', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4d5c0466ae4b63869739aa416ae88ce9ba832eda', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'babe96226b95f6646e08927d16002a4709ddfabf', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '9e603727dde071004445013cb653777336b2ad11' }, h(TableFootRow, { key: 'f49d1110c64a88045bba21df48072116b82cda5c' }, h(TableFootCell, { key: '97b2adb37e39414018d0cf280e7041019d95da9b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '00e589c3458499d2eb81595f3156eb8b17ad9eae', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
|
|
85
85
|
}
|
|
86
86
|
static get is() { return "terminal-orders-list-core"; }
|
|
87
87
|
static get properties() {
|
|
@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
|
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
49
|
const filterMenuParams = Object.assign({}, filterParams);
|
|
50
|
-
return (h(StyledHost, { key: '
|
|
51
|
-
convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '
|
|
50
|
+
return (h(StyledHost, { key: '4530e57f1df87b7879ab5b3d51c64e814083cc39' }, h("table-filters-menu", { key: '541be463a6ac04afb5f46305035e78766746390a', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '5273439008474a436974c44984568650d156aa56', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1a6f3539862e84a09179f9605741500099e016e5', class: "p-2" }, h("form-control-select", { key: 'ec4d26a33592df8ee137e9263e5fc221e17e43bb', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '33a18f94f0893f1ce0d45d383bd623025384e8b9', class: "p-2" }, h("form-control-select", { key: '9f3c8cb6bc85dbbe04b17128a7ff676dd2f97331', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '4b4a6abf9b42eb9a1021db266d9b1de1eb0d5b66', class: "p-2" }, h("form-control-date", { key: '63433b6ba954d96cb1195eb70a39aaf08a8c4c6c', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
|
|
51
|
+
convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '17b19607536bdf75de23cd4ed5ee4cdbd814de1a', class: "p-2" }, h("form-control-date", { key: 'de1e85a7a164cd86c9190501b14f6a2097b8e34a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
|
|
52
52
|
convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
|
|
53
53
|
}
|
|
54
54
|
static get is() { return "justifi-terminal-orders-list-filters"; }
|
|
@@ -43,7 +43,7 @@ export class TerminalOrdersList {
|
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
|
-
return (h(StyledHost, { key: '
|
|
46
|
+
return (h(StyledHost, { key: '524e7a9d033a2b5e95d0285eae5a070bbf6bc685' }, h("terminal-orders-list-core", { key: '1d4713c71ca85517ce627a1cdfd8c2345c49997a', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
|
|
47
47
|
}
|
|
48
48
|
static get is() { return "justifi-terminal-orders-list"; }
|
|
49
49
|
static get encapsulation() { return "shadow"; }
|
|
@@ -118,7 +118,7 @@ export class TerminalsListCore {
|
|
|
118
118
|
return !this.showEmptyState && !this.showErrorState && !this.loading;
|
|
119
119
|
}
|
|
120
120
|
render() {
|
|
121
|
-
return (h(TableWrapper, { key: '
|
|
121
|
+
return (h(TableWrapper, { key: 'f3d727c92c66b2504c6c8952a284cd4972706fd4' }, h(TableComponent, { key: 'c368038fb5683749737bb6b2b27a0a55ac95fe95' }, h(TableHead, { key: '96b41588ba94168581bfa423d3199916a06a925e' }, h(TableHeadRow, { key: 'fd1991bbcc22c3eb2b9ba107341285abf55a06b2' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'ff3244f6b51f311fbc4311e37fc2c5bd4115a71a' }, h(TableLoadingState, { key: '821b4e55ea536fbe14e018107e8c19c309b86fca', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cbeedf4e12ff428e7d24f536675f5b1f3c9d3d67', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '4c7882127d862af40ea5960ec10adf092e676e4e', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '7bd7c9bbc95b0c24c03c1b3fd1685877dcdfec06' }, h(TableFootRow, { key: 'd6988cf0398b1a435f71a73761fb57656ff5ee7d' }, h(TableFootCell, { key: '207ac8dd06e9b053653781b255833e4f20bf9559', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '329f13886ec41244f05030673cf4cd7baf6b1cb6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
|
|
122
122
|
}
|
|
123
123
|
static get is() { return "terminals-list-core"; }
|
|
124
124
|
static get properties() {
|
|
@@ -35,7 +35,7 @@ export class TerminalsListFilters {
|
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
37
|
const filterMenuParams = Object.assign({}, filterParams);
|
|
38
|
-
return (h(StyledHost, { key: '
|
|
38
|
+
return (h(StyledHost, { key: '783ba48774e186ebb313aea1b2cba29f52be65aa' }, h("table-filters-menu", { key: 'd4408146ca806b5192011ed875fe46742fd4a9a9', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '61356d7fa355bfd54646b7eeee1b7506f8fc1ff9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6233bdcb3ed8b37855ef07bd49c7d7bd51079e22', class: "p-2" }, h("form-control-text", { key: 'dadc1036b832290710c15e9dc4faeaf0ce847033', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '242a2b4fe9430a8c22a321a08638188d97a5dafc', class: "p-2" }, h("form-control-text", { key: 'ed2bd47281f33af574e5f49aba7a87f5155ea271', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '684eaf93576057e25030a8ffbd1c3c4d921b26bb', class: "p-2" }, h("form-control-select", { key: 'a308c124fd6379aa4767352033c736fe0c33b3fa', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
|
|
39
39
|
}
|
|
40
40
|
static get is() { return "justifi-terminals-list-filters"; }
|
|
41
41
|
static get encapsulation() { return "shadow"; }
|
|
@@ -61,7 +61,7 @@ export class TerminalsList {
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
render() {
|
|
64
|
-
return (h(StyledHost, { key: '
|
|
64
|
+
return (h(StyledHost, { key: '3c9b98a7e1b854420c30c19db04a8f2885894fa1' }, h("terminals-list-core", { key: '2dc457c44c142f3a2072015a2abe812e67d421bb', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
|
|
65
65
|
}
|
|
66
66
|
static get is() { return "justifi-terminals-list"; }
|
|
67
67
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,7 +25,6 @@ export class TokenizePaymentMethod {
|
|
|
25
25
|
componentWillLoad() {
|
|
26
26
|
checkPkgVersion();
|
|
27
27
|
this.analytics = new JustifiAnalytics(this);
|
|
28
|
-
this.validateRequiredProps();
|
|
29
28
|
}
|
|
30
29
|
connectedCallback() {
|
|
31
30
|
this.setDefaultSelectedPaymentMethod();
|
|
@@ -47,6 +46,7 @@ export class TokenizePaymentMethod {
|
|
|
47
46
|
}
|
|
48
47
|
async tokenizePaymentMethod(event) {
|
|
49
48
|
event === null || event === void 0 ? void 0 : event.preventDefault();
|
|
49
|
+
this.validateRequiredProps();
|
|
50
50
|
this.isLoading = true;
|
|
51
51
|
try {
|
|
52
52
|
const validation = await this.validate();
|
|
@@ -232,13 +232,13 @@ export class TokenizePaymentMethod {
|
|
|
232
232
|
return (h("div", { class: "payment-method" }, h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
|
|
233
233
|
}
|
|
234
234
|
renderSelectedPaymentMethodForm(paymentMethodId) {
|
|
235
|
-
return (h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), h("div", { class: "mt-4" }, h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId })), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID })));
|
|
235
|
+
return (h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), h("div", { class: "mt-4" }, h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId })), h("div", { class: "mt-4" }, h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID }))));
|
|
236
236
|
}
|
|
237
237
|
renderPaymentMethodForm(paymentMethodId) {
|
|
238
238
|
return paymentMethodId === PaymentMethodTypes.card ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
|
|
239
239
|
}
|
|
240
240
|
render() {
|
|
241
|
-
return (h(StyledHost, { key: '
|
|
241
|
+
return (h(StyledHost, { key: '91aecb0a6d627adffa535424c3c9520b41df4361' }, h("form", { key: '7774c819c106f799b903b24a5d12b59a7b1e2353' }, h("fieldset", { key: 'a9c09136f00e96730a0f972a836ae56072afd02f' }, h("div", { key: 'cb20d29e8e3102d4db894f87e38e24ea367d1a4b', class: "row gy-3" }, h("div", { key: '191e06a9bc446e2043892d4c8a4060b00e87b1bf', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '890bcd8a5a08a049d57385041b0b048fe3f04b51', class: "col-12" }, h("justifi-button", { key: 'd361acdb29c73c2a90b9de401c3cab4db020a71a', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
|
|
242
242
|
}
|
|
243
243
|
static get is() { return "justifi-tokenize-payment-method"; }
|
|
244
244
|
static get properties() {
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { h } from "@stencil/core";
|
|
2
|
+
import { ApplePayButtonType, ApplePayButtonStyle } from "../api/ApplePay";
|
|
3
|
+
const ProcessingSpinner = () => (h("div", { class: 'processing-overlay' }, h("div", { class: 'spinner' }), h("span", null, "Processing...")));
|
|
4
|
+
export const ApplePayButton = (props) => {
|
|
5
|
+
const getApplePayButtonClass = () => {
|
|
6
|
+
let classes = "apple-pay-button";
|
|
7
|
+
switch (props.buttonStyle) {
|
|
8
|
+
case ApplePayButtonStyle.WHITE:
|
|
9
|
+
classes += " apple-pay-button-white";
|
|
10
|
+
break;
|
|
11
|
+
case ApplePayButtonStyle.WHITE_OUTLINE:
|
|
12
|
+
classes += " apple-pay-button-white-outline";
|
|
13
|
+
break;
|
|
14
|
+
case ApplePayButtonStyle.BLACK:
|
|
15
|
+
default:
|
|
16
|
+
classes += " apple-pay-button-black";
|
|
17
|
+
break;
|
|
18
|
+
}
|
|
19
|
+
switch (props.buttonType) {
|
|
20
|
+
case ApplePayButtonType.BUY:
|
|
21
|
+
classes += " apple-pay-button-type-buy";
|
|
22
|
+
break;
|
|
23
|
+
case ApplePayButtonType.DONATE:
|
|
24
|
+
classes += " apple-pay-button-type-donate";
|
|
25
|
+
break;
|
|
26
|
+
case ApplePayButtonType.PLAIN:
|
|
27
|
+
default:
|
|
28
|
+
classes += " apple-pay-button-type-plain";
|
|
29
|
+
break;
|
|
30
|
+
}
|
|
31
|
+
if (props.disabled || props.isProcessing || !props.isAvailable) {
|
|
32
|
+
classes += " disabled";
|
|
33
|
+
}
|
|
34
|
+
return classes;
|
|
35
|
+
};
|
|
36
|
+
const getButtonStyles = () => {
|
|
37
|
+
return {
|
|
38
|
+
width: props.width || "200px",
|
|
39
|
+
height: props.height || "48px",
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
const handleClick = () => {
|
|
43
|
+
if (!props.disabled &&
|
|
44
|
+
!props.isProcessing &&
|
|
45
|
+
props.isAvailable &&
|
|
46
|
+
props.clickHandler) {
|
|
47
|
+
props.clickHandler();
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
return (h("div", { class: 'apple-pay-button-container' }, h("button", Object.assign({ class: getApplePayButtonClass(), style: getButtonStyles(), onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": 'Pay with Apple Pay', type: 'button' }, props), props.isProcessing && ProcessingSpinner()), h("style", null, `
|
|
51
|
+
.apple-pay-button-container {
|
|
52
|
+
display: inline-block;
|
|
53
|
+
position: relative;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/* Apple Pay CSS classes - these are the official Apple Pay button styles */
|
|
57
|
+
.apple-pay-button {
|
|
58
|
+
display: inline-block;
|
|
59
|
+
-webkit-appearance: -apple-pay-button;
|
|
60
|
+
-apple-pay-button-type: plain; /* default */
|
|
61
|
+
-apple-pay-button-style: black; /* default */
|
|
62
|
+
border-radius: 8px;
|
|
63
|
+
cursor: pointer;
|
|
64
|
+
border: none;
|
|
65
|
+
outline: none;
|
|
66
|
+
transition: opacity 0.2s ease;
|
|
67
|
+
position: relative;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
/* Button styles */
|
|
71
|
+
.apple-pay-button.apple-pay-button-black {
|
|
72
|
+
-apple-pay-button-style: black;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.apple-pay-button.apple-pay-button-white {
|
|
76
|
+
-apple-pay-button-style: white;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.apple-pay-button.apple-pay-button-white-outline {
|
|
80
|
+
-apple-pay-button-style: white-outline;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/* Button types */
|
|
84
|
+
.apple-pay-button.apple-pay-button-type-plain {
|
|
85
|
+
-apple-pay-button-type: plain;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.apple-pay-button.apple-pay-button-type-buy {
|
|
89
|
+
-apple-pay-button-type: buy;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.apple-pay-button.apple-pay-button-type-donate {
|
|
93
|
+
-apple-pay-button-type: donate;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
/* Hover and disabled states */
|
|
97
|
+
.apple-pay-button:hover:not(.disabled) {
|
|
98
|
+
opacity: 0.9;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.apple-pay-button.disabled {
|
|
102
|
+
opacity: 0.5;
|
|
103
|
+
cursor: not-allowed;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
/* Processing overlay */
|
|
107
|
+
.processing-overlay {
|
|
108
|
+
position: absolute;
|
|
109
|
+
top: 0;
|
|
110
|
+
left: 0;
|
|
111
|
+
right: 0;
|
|
112
|
+
bottom: 0;
|
|
113
|
+
display: flex;
|
|
114
|
+
align-items: center;
|
|
115
|
+
justify-content: center;
|
|
116
|
+
gap: 8px;
|
|
117
|
+
background: rgba(0, 0, 0, 0.8);
|
|
118
|
+
color: white;
|
|
119
|
+
border-radius: 8px;
|
|
120
|
+
font-size: 14px;
|
|
121
|
+
font-weight: 500;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.spinner {
|
|
125
|
+
width: 16px;
|
|
126
|
+
height: 16px;
|
|
127
|
+
border: 2px solid rgba(255, 255, 255, 0.3);
|
|
128
|
+
border-top: 2px solid #fff;
|
|
129
|
+
border-radius: 50%;
|
|
130
|
+
animation: spin 1s linear infinite;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
@keyframes spin {
|
|
134
|
+
0% { transform: rotate(0deg); }
|
|
135
|
+
100% { transform: rotate(360deg); }
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
/* Responsive design */
|
|
139
|
+
@media (max-width: 480px) {
|
|
140
|
+
.apple-pay-button {
|
|
141
|
+
width: 100% !important;
|
|
142
|
+
min-width: 200px;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
`)));
|
|
146
|
+
};
|
|
@@ -80,7 +80,7 @@ export class CustomPopper {
|
|
|
80
80
|
this.hideEvent.emit();
|
|
81
81
|
}
|
|
82
82
|
render() {
|
|
83
|
-
return (h("div", { key: '
|
|
83
|
+
return (h("div", { key: 'c5c8d766dfa1ad756a4133c8cafb7904802378dd' }, h("style", { key: 'e7362e29a1971eb98c78b9b1b27e7fd254c259c8' }, `
|
|
84
84
|
.popper-content {
|
|
85
85
|
display: none;
|
|
86
86
|
}
|
|
@@ -88,7 +88,7 @@ export class CustomPopper {
|
|
|
88
88
|
display: block;
|
|
89
89
|
z-index: 1030;
|
|
90
90
|
}
|
|
91
|
-
`), h("div", { key: '
|
|
91
|
+
`), h("div", { key: 'f317844cc31312b38d5a2c01f55c3c82d7b4966f', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '84c82c3768182536c2dcbf84c445ef67b4311d24' }))));
|
|
92
92
|
}
|
|
93
93
|
static get is() { return "custom-popper"; }
|
|
94
94
|
static get properties() {
|
|
@@ -31,10 +31,10 @@ export class CheckboxInput {
|
|
|
31
31
|
return inputCheckbox;
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: '0d374cd9b723d22a594cc15131fb58ea47f4bd30' }, h("div", { key: '8ac29bb245a0216555106f0032654546132677f2', class: 'form-group d-flex flex-column' }, h("div", { key: 'e332d04b1964a4f26d0b44ee69e80a16661f7774', class: "form-check" }, h("input", { key: 'f56ca248d45ad8ac9457c69befd9d071b79ca7e5', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
|
|
35
35
|
this.isFocused = false;
|
|
36
36
|
this.formControlBlur.emit();
|
|
37
|
-
}, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '
|
|
37
|
+
}, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '8187e193ea1bb8c91990d757f7697a716b07a17d', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '9ec4d8ec57ec09675ff83ec1125b1534da5b8275', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '01adbe1f12aa5590049a4dfbbb354070d2b35b55', errorText: this.errorText, name: this.name }))));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "form-control-checkbox"; }
|
|
40
40
|
static get properties() {
|
|
@@ -42,10 +42,10 @@ export class DateInput {
|
|
|
42
42
|
return part;
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '6cd65d367a94e06c8d49be26e3e8d7e2751cfa51' }, h("div", { key: '6ff62394e1879e3ecebe8c610e4eb4cf7a9060a3', class: "form-group d-flex flex-column" }, h("div", { key: '68f0f7d9e86666c589078356440c9aaa80bba217', class: "d-flex gap-2" }, h("label", { key: 'c328217fd188da129cb23cef60b0a62bc9ed971a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '238b5b79e5374c7d9b96e18584de9c4bca68d980', helpText: this.helpText })), h("input", { key: '0d1ebc76676163c1361660bc9cc0d31577bdb8a5', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
|
|
46
46
|
this.isFocused = false;
|
|
47
47
|
this.formControlBlur.emit();
|
|
48
|
-
}, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '
|
|
48
|
+
}, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '0bd94154e9ae185fb7de192f385a7031cb556207', errorText: this.errorText, name: this.name }))));
|
|
49
49
|
}
|
|
50
50
|
static get is() { return "form-control-date"; }
|
|
51
51
|
static get properties() {
|
|
@@ -2,7 +2,7 @@ import { Host, h, } from "@stencil/core";
|
|
|
2
2
|
import { FormControlErrorText } from "./form-helpers/form-control-error-text";
|
|
3
3
|
export class FileInput {
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '2471eb40bed06640e17dd9cfadfe427c4178d923', exportparts: "label,input,input-invalid" }, h("div", { key: '0463e18df33326affe7a829711d7b7c615048c2c', class: "form-group d-flex flex-column" }, h("div", { key: 'f74bc11fc71a94edc1abfdfe19c361b4fb06fd8d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f2e7975411fe2e328554d2b90e1d730864db6f22', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd4aec54d0d69b1528083f564db69705e4ec1c96', helpText: this.helpText })), h("input", { key: '1eb925311b0cd7257d17565726e32a00766a3b9a', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '4e0897e145758bdbf8b2a707ed6b7c0ddaaf9cc7', errorText: this.errorText, name: this.name }))));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "form-control-file-v2"; }
|
|
8
8
|
static get properties() {
|
|
@@ -37,10 +37,10 @@ export class FileInput {
|
|
|
37
37
|
return part;
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h(Host, { key: '
|
|
40
|
+
return (h(Host, { key: 'fdb25496e92f4a0ac8d59dc21a1ee0b4364dfb0b' }, h("div", { key: 'dfbb750595eafcaef0d02dffa740c58b0459d99a', class: "form-group d-flex flex-column" }, h("div", { key: '78b3a1c682ad87d317f7e7407fbd73392a20b5c2', class: "d-flex align-items-start gap-2" }, h("label", { key: '1f0a3ee1e9252c5ea446636d6602102bb7b6215c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7cf6117ae465514d3cbeb1ed2186f6b9d708c14e', helpText: this.helpText })), h("input", { key: '44a29d1872127ae6b588553cceed75144dd80381', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
|
|
41
41
|
this.isFocused = false;
|
|
42
42
|
this.formControlBlur.emit();
|
|
43
|
-
} }), h(FormControlErrorText, { key: '
|
|
43
|
+
} }), h(FormControlErrorText, { key: '50be6125a92cc147aa1b7be3b6777835d7a8d0c3', errorText: this.errorText, name: this.name }))));
|
|
44
44
|
}
|
|
45
45
|
static get is() { return "form-control-file"; }
|
|
46
46
|
static get properties() {
|