@justifi/webcomponents 4.14.0 → 4.15.0

package/dist/cjs/webcomponents.cjs.js

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"justifi-payment-provisioning.cjs\",[[0,\"justifi-payment-provisioning\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"testMode\":[4,\"test-mode\"],\"hideErrors\":[4,\"hide-errors\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"formTitle\":[1,\"form-title\"],\"removeTitle\":[4,\"remove-title\"],\"formLoading\":[32],\"errorMessage\":[32],\"currentStep\":[32],\"totalSteps\":[32]}]]],[\"justifi-business-form.cjs\",[[0,\"justifi-business-form\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"hideErrors\":[4,\"hide-errors\"],\"formTitle\":[1,\"form-title\"],\"removeTitle\":[4,\"remove-title\"],\"isLoading\":[32],\"errorMessage\":[32]}]]],[\"justifi-checkout.cjs\",[[0,\"justifi-checkout\",{\"iframeOrigin\":[1,\"iframe-origin\"],\"authToken\":[1,\"auth-token\"],\"checkoutId\":[1,\"checkout-id\"],\"getCheckout\":[32],\"complete\":[32],\"errorMessage\":[32]},null,{\"authToken\":[\"propChanged\"],\"checkoutId\":[\"propChanged\"]}]]],[\"justifi-business-details.cjs\",[[1,\"justifi-business-details\",{\"businessId\":[1,\"business-id\"],\"authToken\":[1,\"auth-token\"],\"errorMessage\":[32],\"getBusiness\":[32]}]]],[\"justifi-payment-form.cjs\",[[1,\"justifi-payment-form\",{\"bankAccount\":[4,\"bank-account\"],\"card\":[4],\"email\":[1],\"clientId\":[1,\"client-id\"],\"authToken\":[1,\"auth-token\"],\"accountId\":[1,\"account-id\"],\"submitButtonText\":[1,\"submit-button-text\"],\"submitButtonEnabled\":[32],\"isLoading\":[32],\"selectedPaymentMethodType\":[32],\"fillBillingForm\":[64],\"enableSubmitButton\":[64],\"disableSubmitButton\":[64]}]]],[\"justifi-subaccount-details.cjs\",[[1,\"justifi-subaccount-details\",{\"accountId\":[1,\"account-id\"],\"subaccountId\":[1,\"subaccount-id\"],\"authToken\":[1,\"auth-token\"],\"onboardingData\":[32],\"subaccount\":[32],\"loading\":[32],\"errorMessage\":[32]},null,{\"subaccountId\":[\"updateOnPropChange\"],\"authToken\":[\"updateOnPropChange\"]}]]],[\"justifi-business-owners.cjs\",[[0,\"justifi-business-owners\",{\"formController\":[16],\"errors\":[32],\"owners\":[32]}]]],[\"justifi-payments-list.cjs\",[[1,\"justifi-payments-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"getPayments\":[32],\"errorMessage\":[32]},null,{\"accountId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-payouts-list.cjs\",[[1,\"justifi-payouts-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"getPayouts\":[32],\"errorMessage\":[32]},null,{\"accountId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-business-list.cjs\",[[1,\"justifi-business-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"businesses\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"accountId\":[\"updateOnPropChange\"],\"authToken\":[\"updateOnPropChange\"],\"params\":[\"updateOnPropChange\"]}]]],[\"justifi-payment-balance-transactions.cjs\",[[1,\"justifi-payment-balance-transactions\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"paymentId\":[1,\"payment-id\"],\"balanceTransactions\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"params\":[\"updateOnPropChange\"]}]]],[\"justifi-payment-details.cjs\",[[1,\"justifi-payment-details\",{\"paymentId\":[1,\"payment-id\"],\"authToken\":[1,\"auth-token\"],\"getPaymentDetails\":[32],\"errorMessage\":[32]},null,{\"paymentId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-payout-details.cjs\",[[1,\"justifi-payout-details\",{\"payoutId\":[1,\"payout-id\"],\"authToken\":[1,\"auth-token\"],\"getPayout\":[32],\"errorMessage\":[32]},null,{\"payoutId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-proceeds-list.cjs\",[[1,\"justifi-proceeds-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"proceeds\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"accountId\":[\"updateOnPropChange\"],\"authToken\":[\"updateOnPropChange\"],\"params\":[\"updateOnPropChange\"]}]]],[\"justifi-refund-form.cjs\",[[1,\"justifi-refund-form\",{\"authToken\":[1,\"auth-token\"],\"paymentId\":[1,\"payment-id\"],\"amount\":[2],\"submitButtonText\":[1,\"submit-button-text\"],\"withButton\":[4,\"with-button\"],\"refundInfoText\":[1,\"refund-info-text\"],\"errors\":[32],\"isSubmitting\":[32]}]]],[\"justifi-subaccounts-list.cjs\",[[1,\"justifi-subaccounts-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"subaccounts\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"accountId\":[\"updateOnPropChange\"],\"authToken\":[\"updateOnPropChange\"],\"params\":[\"updateOnPropChange\"]}]]],[\"justifi-bank-account-form.cjs\",[[0,\"justifi-bank-account-form\",{\"validationMode\":[1025,\"validation-mode\"],\"iframeOrigin\":[1025,\"iframe-origin\"],\"internalStyleOverrides\":[32],\"tokenize\":[64],\"validate\":[64],\"resize\":[64]},[[0,\"paymentMethodFormReady\",\"readyHandler\"],[0,\"paymentMethodFormTokenized\",\"tokenizeHandler\"],[0,\"paymentMethodFormValidated\",\"validateHandler\"]]]]],[\"justifi-card-form.cjs\",[[0,\"justifi-card-form\",{\"validationMode\":[1025,\"validation-mode\"],\"iframeOrigin\":[1025,\"iframe-origin\"],\"singleLine\":[4,\"single-line\"],\"internalStyleOverrides\":[32],\"tokenize\":[64],\"validate\":[64],\"resize\":[64]},[[0,\"paymentMethodFormReady\",\"readyHandler\"],[0,\"paymentMethodFormTokenized\",\"tokenizeHandler\"],[0,\"paymentMethodFormValidated\",\"validateHandler\"]]]]],[\"gross-payment-chart-core.cjs\",[[0,\"gross-payment-chart-core\",{\"getGrossPayment\":[16],\"grossVolumeReport\":[32],\"loading\":[32],\"errorMessage\":[32]},null,{\"getGrossPayment\":[\"propChanged\"],\"grossVolumeReport\":[\"grossVolumeReportChanged\"]}]]],[\"justifi-gross-payment-chart.cjs\",[[1,\"justifi-gross-payment-chart\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"getGrossPayment\":[32],\"errorMessage\":[32]},null,{\"accountId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"form-control-file.cjs\",[[1,\"form-control-file\",{\"label\":[1],\"name\":[8],\"error\":[1],\"inputHandler\":[16],\"disabled\":[4],\"input\":[32],\"file\":[32]}]]],[\"subaccount-bank-details.cjs\",[[1,\"subaccount-bank-details\",{\"data\":[16]}]]],[\"subaccount-terms-details.cjs\",[[1,\"subaccount-terms-details\",{\"data\":[16]}]]],[\"justifi-checkout-core.cjs\",[[1,\"justifi-checkout-core\",{\"iframeOrigin\":[1025,\"iframe-origin\"],\"authToken\":[1,\"auth-token\"],\"getCheckout\":[16],\"complete\":[16],\"checkoutId\":[1,\"checkout-id\"],\"hasLoadedFonts\":[32],\"isLoading\":[32],\"checkout\":[32],\"serverError\":[32],\"creatingNewPaymentMethod\":[32],\"loadFontsOnParent\":[64]}]]],[\"business-details-core.cjs\",[[0,\"business-details-core\",{\"getBusiness\":[16],\"business\":[32],\"renderState\":[32],\"errorMessage\":[32]}]]],[\"payments-list-core.cjs\",[[0,\"payments-list-core\",{\"getPayments\":[16],\"payments\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"params\":[\"updateOnPropChange\"],\"getPayments\":[\"updateOnPropChange\"]}]]],[\"payouts-list-core.cjs\",[[0,\"payouts-list-core\",{\"getPayouts\":[16],\"payouts\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"params\":[\"updateOnPropChange\"],\"getPayouts\":[\"updateOnPropChange\"]}]]],[\"payment-details-core.cjs\",[[0,\"payment-details-core\",{\"getPaymentDetails\":[16],\"payment\":[32],\"loading\":[32],\"errorMessage\":[32]},null,{\"getPaymentDetails\":[\"updateOnPropChange\"]}]]],[\"payout-details-core.cjs\",[[0,\"payout-details-core\",{\"getPayout\":[16],\"payout\":[32],\"loading\":[32],\"errorMessage\":[32]},null,{\"getPayout\":[\"getPayoutWatcher\"]}]]],[\"justifi-payment-method-selector.cjs\",[[1,\"justifi-payment-method-selector\",{\"selectedPaymentMethodType\":[1,\"selected-payment-method-type\"]}]]],[\"form-control-date_3.cjs\",[[1,\"justifi-identity-address-form\",{\"handleFormUpdate\":[16],\"errors\":[8],\"defaultValues\":[8,\"default-values\"],\"address\":[32]},null,{\"address\":[\"handleAddressChange\"]}],[1,\"form-control-date\",{\"label\":[1],\"name\":[1],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[8,\"input-handler\"],\"disabled\":[4],\"date\":[32]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}],[1,\"form-control-number-masked\",{\"label\":[1],\"name\":[8],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[16],\"mask\":[1],\"disabled\":[4]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"justifi-owner-form.cjs\",[[1,\"justifi-owner-form\",{\"authToken\":[1,\"auth-token\"],\"ownerId\":[1,\"owner-id\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"removeOwner\":[16],\"newFormOpen\":[4,\"new-form-open\"],\"ownersLength\":[2,\"owners-length\"],\"isLoading\":[32],\"formController\":[32],\"errors\":[32],\"owner\":[32],\"validate\":[64],\"submit\":[64]},null,{\"isLoading\":[\"loadingWatcher\"]}]]],[\"form-control-datepart_2.cjs\",[[1,\"form-control-datepart\",{\"label\":[1],\"name\":[1],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"type\":[1],\"inputHandler\":[16],\"disabled\":[4]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}],[1,\"form-control-number\",{\"label\":[1],\"name\":[8],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[16],\"disabled\":[4],\"input\":[32]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"justifi-additional-questions_4.cjs\",[[0,\"justifi-business-representative\",{\"formController\":[16],\"errors\":[32],\"representative\":[32]}],[0,\"justifi-business-core-info\",{\"formController\":[16],\"errors\":[32],\"coreInfo\":[32]}],[0,\"justifi-additional-questions\",{\"formController\":[16],\"errors\":[32],\"additional_questions\":[32]}],[0,\"justifi-legal-address-form\",{\"formController\":[16],\"errors\":[32],\"legal_address\":[32]}]]],[\"subaccount-account-details_4.cjs\",[[1,\"subaccount-account-details\",{\"subaccount\":[16],\"onboardingData\":[16]}],[1,\"subaccount-merchant-details\",{\"onboardingData\":[16]}],[1,\"subaccount-owners-details\",{\"data\":[16]}],[1,\"subaccount-representative-details\",{\"data\":[16]}]]],[\"form-control-monetary.cjs\",[[1,\"form-control-monetary\",{\"label\":[1],\"name\":[1],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[16],\"maskOptions\":[8,\"mask-options\"]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"justifi-additional-questions-form-step_5.cjs\",[[0,\"justifi-business-owners-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"owners\":[32],\"newFormOpen\":[32],\"refs\":[32],\"validateAndSubmit\":[64]},null,{\"owners\":[\"onOwnersUpdated\"]}],[0,\"justifi-business-representative-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"formController\":[32],\"errors\":[32],\"representative\":[32],\"validateAndSubmit\":[64]}],[0,\"justifi-business-core-info-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"formController\":[32],\"errors\":[32],\"coreInfo\":[32],\"validateAndSubmit\":[64]}],[0,\"justifi-additional-questions-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"formController\":[32],\"errors\":[32],\"additional_questions\":[32],\"validateAndSubmit\":[64]}],[0,\"justifi-legal-address-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"formController\":[32],\"errors\":[32],\"legal_address\":[32],\"validateAndSubmit\":[64]}]]],[\"justifi-details.cjs\",[[1,\"justifi-details\",{\"errorMessage\":[1,\"error-message\"]}]]],[\"additional-questions-details_5.cjs\",[[1,\"additional-questions-details\",{\"additionalQuestions\":[16]}],[1,\"generic-info-details\",{\"business\":[16]}],[1,\"legal-address-details\",{\"legalAddress\":[16]}],[1,\"owner-details\",{\"owners\":[16]}],[1,\"representative-details\",{\"representative\":[16]}]]],[\"justifi-table_2.cjs\",[[1,\"justifi-table\",{\"loading\":[4],\"errorMessage\":[1,\"error-message\"],\"rowData\":[16],\"columnData\":[16],\"paging\":[16],\"params\":[8],\"entityId\":[16],\"rowClickHandler\":[16]}],[1,\"pagination-menu\",{\"paging\":[16],\"params\":[16]}]]],[\"justifi-billing-form_4.cjs\",[[1,\"justifi-billing-form\",{\"legend\":[1025],\"billingFields\":[32],\"billingFieldsErrors\":[32],\"fill\":[64],\"validate\":[64],\"getValues\":[64]},[[0,\"fieldReceivedInput\",\"setFormValue\"]]],[1,\"select-input\",{\"name\":[1],\"label\":[1],\"defaultValue\":[1,\"default-value\"],\"error\":[1],\"options\":[16],\"internalValue\":[32]}],[1,\"text-input\",{\"name\":[1],\"label\":[1],\"defaultValue\":[1,\"default-value\"],\"error\":[1],\"internalValue\":[32]}],[0,\"justifi-payment-method-form\",{\"paymentMethodFormType\":[1,\"payment-method-form-type\"],\"paymentMethodFormValidationMode\":[1025,\"payment-method-form-validation-mode\"],\"iframeOrigin\":[1,\"iframe-origin\"],\"singleLine\":[4,\"single-line\"],\"resize\":[64],\"tokenize\":[64],\"validate\":[64]}]]],[\"justifi-new-payment-method_4.cjs\",[[0,\"justifi-payment-method-options\",{\"showCard\":[4,\"show-card\"],\"showAch\":[4,\"show-ach\"],\"bnpl\":[16],\"clientId\":[1,\"client-id\"],\"accountId\":[1,\"account-id\"],\"iframeOrigin\":[1025,\"iframe-origin\"],\"savedPaymentMethods\":[16],\"paymentAmount\":[1,\"payment-amount\"],\"selectedPaymentMethodId\":[32],\"paymentMethodOptions\":[32],\"resolvePaymentMethod\":[64]},[[0,\"paymentMethodOptionSelected\",\"paymentMethodOptionSelected\"]],{\"savedPaymentMethods\":[\"paymentMethodsChanged\"]}],[0,\"justifi-new-payment-method\",{\"iframeOrigin\":[1025,\"iframe-origin\"],\"clientId\":[1,\"client-id\"],\"accountId\":[1,\"account-id\"],\"paymentMethodOption\":[16],\"isSelected\":[4,\"is-selected\"],\"resolvePaymentMethod\":[64]}],[0,\"justifi-saved-payment-method\",{\"iframeOrigin\":[1025,\"iframe-origin\"],\"paymentMethodOption\":[16],\"isSelected\":[4,\"is-selected\"],\"resolvePaymentMethod\":[64]}],[0,\"justifi-sezzel-payment-method\",{\"iframeOrigin\":[1025,\"iframe-origin\"],\"bnpl\":[8],\"clientId\":[1,\"client-id\"],\"accountId\":[1,\"account-id\"],\"paymentMethodOption\":[16],\"isSelected\":[4,\"is-selected\"],\"paymentAmount\":[1,\"payment-amount\"],\"installmentPlan\":[32],\"sezzleCheckout\":[32],\"sezzlePromise\":[32],\"resolvePaymentMethod\":[64]}]]],[\"form-control-select_2.cjs\",[[1,\"form-control-select\",{\"label\":[1],\"name\":[8],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[16],\"options\":[16],\"disabled\":[4]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}],[1,\"form-control-text\",{\"label\":[1],\"name\":[8],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"keyDownHandler\":[16],\"maxLength\":[2,\"max-length\"],\"disabled\":[4],\"inputHandler\":[16],\"input\":[32]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"justifi-payment-provisioning.cjs\",[[0,\"justifi-payment-provisioning\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"testMode\":[4,\"test-mode\"],\"hideErrors\":[4,\"hide-errors\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"formTitle\":[1,\"form-title\"],\"removeTitle\":[4,\"remove-title\"],\"formLoading\":[32],\"errorMessage\":[32],\"currentStep\":[32],\"totalSteps\":[32]}]]],[\"justifi-business-form.cjs\",[[0,\"justifi-business-form\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"hideErrors\":[4,\"hide-errors\"],\"formTitle\":[1,\"form-title\"],\"removeTitle\":[4,\"remove-title\"],\"isLoading\":[32],\"errorMessage\":[32]}]]],[\"justifi-checkout.cjs\",[[0,\"justifi-checkout\",{\"iframeOrigin\":[1,\"iframe-origin\"],\"authToken\":[1,\"auth-token\"],\"checkoutId\":[1,\"checkout-id\"],\"disableCreditCard\":[4,\"disable-credit-card\"],\"disableBankAccount\":[4,\"disable-bank-account\"],\"disableBnpl\":[4,\"disable-bnpl\"],\"disablePaymentMethodGroup\":[4,\"disable-payment-method-group\"],\"getCheckout\":[32],\"complete\":[32],\"errorMessage\":[32]},null,{\"authToken\":[\"propChanged\"],\"checkoutId\":[\"propChanged\"]}]]],[\"justifi-business-details.cjs\",[[1,\"justifi-business-details\",{\"businessId\":[1,\"business-id\"],\"authToken\":[1,\"auth-token\"],\"errorMessage\":[32],\"getBusiness\":[32]}]]],[\"justifi-payment-form.cjs\",[[1,\"justifi-payment-form\",{\"bankAccount\":[4,\"bank-account\"],\"card\":[4],\"email\":[1],\"clientId\":[1,\"client-id\"],\"authToken\":[1,\"auth-token\"],\"accountId\":[1,\"account-id\"],\"submitButtonText\":[1,\"submit-button-text\"],\"submitButtonEnabled\":[32],\"isLoading\":[32],\"selectedPaymentMethodType\":[32],\"fillBillingForm\":[64],\"enableSubmitButton\":[64],\"disableSubmitButton\":[64]}]]],[\"justifi-subaccount-details.cjs\",[[1,\"justifi-subaccount-details\",{\"accountId\":[1,\"account-id\"],\"subaccountId\":[1,\"subaccount-id\"],\"authToken\":[1,\"auth-token\"],\"onboardingData\":[32],\"subaccount\":[32],\"loading\":[32],\"errorMessage\":[32]},null,{\"subaccountId\":[\"updateOnPropChange\"],\"authToken\":[\"updateOnPropChange\"]}]]],[\"justifi-business-owners.cjs\",[[0,\"justifi-business-owners\",{\"formController\":[16],\"errors\":[32],\"owners\":[32]}]]],[\"justifi-payments-list.cjs\",[[1,\"justifi-payments-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"getPayments\":[32],\"errorMessage\":[32]},null,{\"accountId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-payouts-list.cjs\",[[1,\"justifi-payouts-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"getPayouts\":[32],\"errorMessage\":[32]},null,{\"accountId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-business-list.cjs\",[[1,\"justifi-business-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"businesses\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"accountId\":[\"updateOnPropChange\"],\"authToken\":[\"updateOnPropChange\"],\"params\":[\"updateOnPropChange\"]}]]],[\"justifi-payment-balance-transactions.cjs\",[[1,\"justifi-payment-balance-transactions\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"paymentId\":[1,\"payment-id\"],\"balanceTransactions\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"params\":[\"updateOnPropChange\"]}]]],[\"justifi-payment-details.cjs\",[[1,\"justifi-payment-details\",{\"paymentId\":[1,\"payment-id\"],\"authToken\":[1,\"auth-token\"],\"getPaymentDetails\":[32],\"errorMessage\":[32]},null,{\"paymentId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-payout-details.cjs\",[[1,\"justifi-payout-details\",{\"payoutId\":[1,\"payout-id\"],\"authToken\":[1,\"auth-token\"],\"getPayout\":[32],\"errorMessage\":[32]},null,{\"payoutId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-proceeds-list.cjs\",[[1,\"justifi-proceeds-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"proceeds\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"accountId\":[\"updateOnPropChange\"],\"authToken\":[\"updateOnPropChange\"],\"params\":[\"updateOnPropChange\"]}]]],[\"justifi-refund-form.cjs\",[[1,\"justifi-refund-form\",{\"authToken\":[1,\"auth-token\"],\"paymentId\":[1,\"payment-id\"],\"amount\":[2],\"submitButtonText\":[1,\"submit-button-text\"],\"withButton\":[4,\"with-button\"],\"refundInfoText\":[1,\"refund-info-text\"],\"errors\":[32],\"isSubmitting\":[32]}]]],[\"justifi-subaccounts-list.cjs\",[[1,\"justifi-subaccounts-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"subaccounts\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"accountId\":[\"updateOnPropChange\"],\"authToken\":[\"updateOnPropChange\"],\"params\":[\"updateOnPropChange\"]}]]],[\"justifi-bank-account-form.cjs\",[[0,\"justifi-bank-account-form\",{\"validationMode\":[1025,\"validation-mode\"],\"iframeOrigin\":[1025,\"iframe-origin\"],\"internalStyleOverrides\":[32],\"tokenize\":[64],\"validate\":[64],\"resize\":[64]},[[0,\"paymentMethodFormReady\",\"readyHandler\"],[0,\"paymentMethodFormTokenized\",\"tokenizeHandler\"],[0,\"paymentMethodFormValidated\",\"validateHandler\"]]]]],[\"justifi-card-form.cjs\",[[0,\"justifi-card-form\",{\"validationMode\":[1025,\"validation-mode\"],\"iframeOrigin\":[1025,\"iframe-origin\"],\"singleLine\":[4,\"single-line\"],\"internalStyleOverrides\":[32],\"tokenize\":[64],\"validate\":[64],\"resize\":[64]},[[0,\"paymentMethodFormReady\",\"readyHandler\"],[0,\"paymentMethodFormTokenized\",\"tokenizeHandler\"],[0,\"paymentMethodFormValidated\",\"validateHandler\"]]]]],[\"justifi-gross-payment-chart.cjs\",[[1,\"justifi-gross-payment-chart\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"getGrossPayment\":[32],\"errorMessage\":[32]},null,{\"accountId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"form-control-file.cjs\",[[1,\"form-control-file\",{\"label\":[1],\"name\":[8],\"error\":[1],\"inputHandler\":[16],\"disabled\":[4],\"input\":[32],\"file\":[32]}]]],[\"select-input.cjs\",[[1,\"select-input\",{\"name\":[1],\"label\":[1],\"defaultValue\":[1,\"default-value\"],\"error\":[1],\"options\":[16],\"internalValue\":[32]}]]],[\"subaccount-bank-details.cjs\",[[1,\"subaccount-bank-details\",{\"data\":[16]}]]],[\"subaccount-terms-details.cjs\",[[1,\"subaccount-terms-details\",{\"data\":[16]}]]],[\"text-input.cjs\",[[1,\"text-input\",{\"name\":[1],\"label\":[1],\"defaultValue\":[1,\"default-value\"],\"error\":[1],\"internalValue\":[32]}]]],[\"justifi-checkout-core.cjs\",[[1,\"justifi-checkout-core\",{\"iframeOrigin\":[1025,\"iframe-origin\"],\"authToken\":[1,\"auth-token\"],\"getCheckout\":[16],\"complete\":[16],\"checkoutId\":[1,\"checkout-id\"],\"disableCreditCard\":[4,\"disable-credit-card\"],\"disableBankAccount\":[4,\"disable-bank-account\"],\"disableBnpl\":[4,\"disable-bnpl\"],\"disablePaymentMethodGroup\":[4,\"disable-payment-method-group\"],\"hasLoadedFonts\":[32],\"isLoading\":[32],\"checkout\":[32],\"serverError\":[32],\"creatingNewPaymentMethod\":[32],\"loadFontsOnParent\":[64]}]]],[\"business-details-core.cjs\",[[0,\"business-details-core\",{\"getBusiness\":[16],\"business\":[32],\"renderState\":[32],\"errorMessage\":[32]}]]],[\"justifi-table_2.cjs\",[[1,\"justifi-table\",{\"loading\":[4],\"errorMessage\":[1,\"error-message\"],\"rowData\":[16],\"columnData\":[16],\"paging\":[16],\"params\":[8],\"entityId\":[16],\"rowClickHandler\":[16]}],[1,\"pagination-menu\",{\"paging\":[16],\"params\":[16]}]]],[\"payments-list-core.cjs\",[[0,\"payments-list-core\",{\"getPayments\":[16],\"payments\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"params\":[\"updateOnPropChange\"],\"getPayments\":[\"updateOnPropChange\"]}]]],[\"payouts-list-core.cjs\",[[0,\"payouts-list-core\",{\"getPayouts\":[16],\"payouts\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"params\":[\"updateOnPropChange\"],\"getPayouts\":[\"updateOnPropChange\"]}]]],[\"payment-details-core.cjs\",[[0,\"payment-details-core\",{\"getPaymentDetails\":[16],\"payment\":[32],\"loading\":[32],\"errorMessage\":[32]},null,{\"getPaymentDetails\":[\"updateOnPropChange\"]}]]],[\"payout-details-core.cjs\",[[0,\"payout-details-core\",{\"getPayout\":[16],\"payout\":[32],\"loading\":[32],\"errorMessage\":[32]},null,{\"getPayout\":[\"getPayoutWatcher\"]}]]],[\"gross-payment-chart-core.cjs\",[[0,\"gross-payment-chart-core\",{\"getGrossPayment\":[16],\"grossVolumeReport\":[32],\"loading\":[32],\"errorMessage\":[32]},null,{\"getGrossPayment\":[\"propChanged\"],\"grossVolumeReport\":[\"grossVolumeReportChanged\"]}]]],[\"justifi-payment-method-selector.cjs\",[[1,\"justifi-payment-method-selector\",{\"selectedPaymentMethodType\":[1,\"selected-payment-method-type\"]}]]],[\"form-control-select_2.cjs\",[[1,\"form-control-select\",{\"label\":[1],\"name\":[8],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[16],\"options\":[16],\"disabled\":[4]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}],[1,\"form-control-text\",{\"label\":[1],\"name\":[8],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"keyDownHandler\":[16],\"maxLength\":[2,\"max-length\"],\"disabled\":[4],\"inputHandler\":[16],\"input\":[32]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"form-control-date_3.cjs\",[[1,\"justifi-identity-address-form\",{\"handleFormUpdate\":[16],\"errors\":[8],\"defaultValues\":[8,\"default-values\"],\"address\":[32]},null,{\"address\":[\"handleAddressChange\"]}],[1,\"form-control-date\",{\"label\":[1],\"name\":[1],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[8,\"input-handler\"],\"disabled\":[4],\"date\":[32]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}],[1,\"form-control-number-masked\",{\"label\":[1],\"name\":[8],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[16],\"mask\":[1],\"disabled\":[4]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"justifi-owner-form.cjs\",[[1,\"justifi-owner-form\",{\"authToken\":[1,\"auth-token\"],\"ownerId\":[1,\"owner-id\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"removeOwner\":[16],\"newFormOpen\":[4,\"new-form-open\"],\"ownersLength\":[2,\"owners-length\"],\"isLoading\":[32],\"formController\":[32],\"errors\":[32],\"owner\":[32],\"validate\":[64],\"submit\":[64]},null,{\"isLoading\":[\"loadingWatcher\"]}]]],[\"form-control-datepart_2.cjs\",[[1,\"form-control-datepart\",{\"label\":[1],\"name\":[1],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"type\":[1],\"inputHandler\":[16],\"disabled\":[4]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}],[1,\"form-control-number\",{\"label\":[1],\"name\":[8],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[16],\"disabled\":[4],\"input\":[32]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"form-control-monetary.cjs\",[[1,\"form-control-monetary\",{\"label\":[1],\"name\":[1],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[16],\"maskOptions\":[8,\"mask-options\"]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"justifi-additional-questions_4.cjs\",[[0,\"justifi-business-representative\",{\"formController\":[16],\"errors\":[32],\"representative\":[32]}],[0,\"justifi-business-core-info\",{\"formController\":[16],\"errors\":[32],\"coreInfo\":[32]}],[0,\"justifi-additional-questions\",{\"formController\":[16],\"errors\":[32],\"additional_questions\":[32]}],[0,\"justifi-legal-address-form\",{\"formController\":[16],\"errors\":[32],\"legal_address\":[32]}]]],[\"subaccount-account-details_4.cjs\",[[1,\"subaccount-account-details\",{\"subaccount\":[16],\"onboardingData\":[16]}],[1,\"subaccount-merchant-details\",{\"onboardingData\":[16]}],[1,\"subaccount-owners-details\",{\"data\":[16]}],[1,\"subaccount-representative-details\",{\"data\":[16]}]]],[\"justifi-additional-questions-form-step_5.cjs\",[[0,\"justifi-business-owners-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"owners\":[32],\"newFormOpen\":[32],\"refs\":[32],\"validateAndSubmit\":[64]},null,{\"owners\":[\"onOwnersUpdated\"]}],[0,\"justifi-business-representative-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"formController\":[32],\"errors\":[32],\"representative\":[32],\"validateAndSubmit\":[64]}],[0,\"justifi-business-core-info-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"formController\":[32],\"errors\":[32],\"coreInfo\":[32],\"validateAndSubmit\":[64]}],[0,\"justifi-additional-questions-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"formController\":[32],\"errors\":[32],\"additional_questions\":[32],\"validateAndSubmit\":[64]}],[0,\"justifi-legal-address-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"allowOptionalFields\":[4,\"allow-optional-fields\"],\"formController\":[32],\"errors\":[32],\"legal_address\":[32],\"validateAndSubmit\":[64]}]]],[\"justifi-details.cjs\",[[1,\"justifi-details\",{\"errorMessage\":[1,\"error-message\"]}]]],[\"additional-questions-details_5.cjs\",[[1,\"additional-questions-details\",{\"additionalQuestions\":[16]}],[1,\"generic-info-details\",{\"business\":[16]}],[1,\"legal-address-details\",{\"legalAddress\":[16]}],[1,\"owner-details\",{\"owners\":[16]}],[1,\"representative-details\",{\"representative\":[16]}]]],[\"justifi-billing-form_2.cjs\",[[1,\"justifi-billing-form\",{\"legend\":[1025],\"formController\":[32],\"billingInfo\":[32],\"errors\":[32],\"getValues\":[64],\"fill\":[64],\"validate\":[64]}],[0,\"justifi-payment-method-form\",{\"paymentMethodFormType\":[1,\"payment-method-form-type\"],\"paymentMethodFormValidationMode\":[1025,\"payment-method-form-validation-mode\"],\"iframeOrigin\":[1,\"iframe-origin\"],\"singleLine\":[4,\"single-line\"],\"resize\":[64],\"tokenize\":[64],\"validate\":[64]}]]],[\"justifi-new-payment-method_4.cjs\",[[0,\"justifi-payment-method-options\",{\"showCard\":[4,\"show-card\"],\"showAch\":[4,\"show-ach\"],\"showBnpl\":[4,\"show-bnpl\"],\"showSavedPaymentMethods\":[4,\"show-saved-payment-methods\"],\"bnpl\":[16],\"clientId\":[1,\"client-id\"],\"accountId\":[1,\"account-id\"],\"iframeOrigin\":[1025,\"iframe-origin\"],\"savedPaymentMethods\":[16],\"paymentAmount\":[1,\"payment-amount\"],\"selectedPaymentMethodId\":[32],\"paymentMethodOptions\":[32],\"resolvePaymentMethod\":[64]},[[0,\"paymentMethodOptionSelected\",\"paymentMethodOptionSelected\"]],{\"savedPaymentMethods\":[\"paymentMethodsChanged\"]}],[0,\"justifi-new-payment-method\",{\"iframeOrigin\":[1025,\"iframe-origin\"],\"clientId\":[1,\"client-id\"],\"accountId\":[1,\"account-id\"],\"paymentMethodOption\":[16],\"isSelected\":[4,\"is-selected\"],\"resolvePaymentMethod\":[64]}],[0,\"justifi-saved-payment-method\",{\"iframeOrigin\":[1025,\"iframe-origin\"],\"paymentMethodOption\":[16],\"isSelected\":[4,\"is-selected\"],\"resolvePaymentMethod\":[64]}],[0,\"justifi-sezzle-payment-method\",{\"iframeOrigin\":[1025,\"iframe-origin\"],\"bnpl\":[8],\"clientId\":[1,\"client-id\"],\"accountId\":[1,\"account-id\"],\"paymentMethodOption\":[16],\"isSelected\":[4,\"is-selected\"],\"paymentAmount\":[1,\"payment-amount\"],\"installmentPlan\":[32],\"sezzleCheckout\":[32],\"sezzlePromise\":[32],\"resolvePaymentMethod\":[64]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/api/Payment.js

@@ -7,7 +7,8 @@ export var PaymentMethodTypes;
 (function (PaymentMethodTypes) {
     PaymentMethodTypes["card"] = "card";
     PaymentMethodTypes["bankAccount"] = "bankAccount";
-    PaymentMethodTypes["sezzel"] = "sezzel";
+    PaymentMethodTypes["sezzle"] = "sezzle";
+    PaymentMethodTypes["saved"] = "saved";
 })(PaymentMethodTypes || (PaymentMethodTypes = {}));
 export var PaymentStatuses;
 (function (PaymentStatuses) {

package/dist/collection/collection-manifest.json

@@ -33,7 +33,7 @@
     "components/checkout/new-payment-method.js",
     "components/checkout/payment-method-options.js",
     "components/checkout/saved-payment-method.js",
-    "components/checkout/sezzel-payment-method.js",
+    "components/checkout/sezzle-payment-method.js",
     "components/details/details.js",
     "components/form/form-control-date.js",
     "components/form/form-control-datepart.js",

package/dist/collection/components/billing-form/billing-form-schema.js

@@ -1,11 +1,11 @@
-import { object, string } from "yup";
-import { RegExZip } from "../../utils/utils";
+import { object } from "yup";
+import { cityValidation, identityNameValidation, lineOneValidation, lineTwoValidation, postalValidation, stateValidation } from "../business-forms/schemas/schema-validations";
 const BillingFormSchema = object({
-    name: string().required('Enter name'),
-    address_line1: string().required('Enter street address'),
-    address_line2: string(),
-    address_city: string().required('Enter city'),
-    address_state: string().required('Choose state'),
-    address_postal_code: string().required('Enter ZIP').matches(RegExZip, 'Enter a valid ZIP').min(5, 'Enter a valid ZIP'),
+    name: identityNameValidation.required('Enter full name'),
+    address_line1: lineOneValidation.required('Enter street address'),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.required('Enter city'),
+    address_state: stateValidation.required('Select state'),
+    address_postal_code: postalValidation.required('Enter postal code'),
 });
 export default BillingFormSchema;

package/dist/collection/components/billing-form/billing-form.js

@@ -1,6 +1,8 @@
 import { Host, h } from "@stencil/core";
 import BillingFormSchema from "./billing-form-schema";
 import StateOptions from "../../utils/state-options";
+import { FormController } from "../form/form";
+import { filterPostalInput } from "../form/utils";
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -8,59 +10,36 @@ import StateOptions from "../../utils/state-options";
  */
 export class BillingForm {
     constructor() {
-        this.legend = undefined;
-        this.billingFields = {
-            name: '',
-            address_line1: '',
-            address_line2: '',
-            address_city: '',
-            address_state: '',
-            address_postal_code: '',
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
-        this.billingFieldsErrors = {};
+        this.legend = undefined;
+        this.formController = undefined;
+        this.billingInfo = undefined;
+        this.errors = {};
+    }
+    componentWillLoad() {
+        this.formController = new FormController(BillingFormSchema);
     }
-    setFormValue(event) {
-        const data = event.detail;
-        const billingFieldsClone = Object.assign({}, this.billingFields);
-        if (data.name) {
-            billingFieldsClone[data.name] = data.value;
-            this.billingFields = billingFieldsClone;
-        }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
     }
-    /**
-     * Method for filling the form with provided data
-     * @argument {BillingFormFields} fields - The fields to fill the form with
-     */
     async fill(fields) {
-        this.billingFields = Object.assign({}, fields);
+        this.formController.setValues(fields);
     }
-    /**
-     * Run validation on the form
-     */
     async validate() {
-        const newErrors = {};
-        let isValid = true;
-        try {
-            await BillingFormSchema.validate(this.billingFields, { abortEarly: false });
-        }
-        catch (err) {
-            isValid = false;
-            err.inner.map((item) => {
-                newErrors[item.path] = item.message;
-            });
-        }
-        this.billingFieldsErrors = newErrors;
+        let isValid = await this.formController.validate();
         return { isValid: isValid };
     }
-    /**
-     * Returns the values of the form as an object
-     * @returns {Promise<BillingFormFields>} The values of the form
-     */
-    async getValues() {
-        return this.billingFields;
-    }
     render() {
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, this.legend && h("legend", null, this.legend), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("text-input", { name: "name", label: "Full Name", defaultValue: this.billingFields.name, error: this.billingFieldsErrors.name })), h("div", { class: "col-12" }, h("text-input", { name: "address_line1", label: "Street Address", defaultValue: this.billingFields.address_line1, error: this.billingFieldsErrors.address_line1 })), h("div", { class: "col-12" }, h("text-input", { name: "address_line2", label: "Apartment, Suite, etc. (optional)", defaultValue: this.billingFields.address_line2, error: this.billingFieldsErrors.address_line2 })), h("div", { class: "col-12" }, h("text-input", { name: "address_city", label: "City", defaultValue: this.billingFields.address_city, error: this.billingFieldsErrors.address_city })), h("div", { class: "col-12" }, h("select-input", { name: "address_state", label: "State", options: StateOptions, defaultValue: this.billingFields.address_state, error: this.billingFieldsErrors.address_state })), h("div", { class: "col-12" }, h("text-input", { name: "address_postal_code", label: "ZIP", defaultValue: this.billingFields.address_postal_code, error: this.billingFieldsErrors.address_postal_code }))))));
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", null, h("fieldset", null, this.legend && h("legend", null, this.legend), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, error: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, error: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, error: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, error: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, error: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: filterPostalInput })))))));
     }
     static get is() { return "justifi-billing-form"; }
     static get encapsulation() { return "shadow"; }
@@ -97,20 +76,17 @@ export class BillingForm {
     }
     static get states() {
         return {
-            "billingFields": {},
-            "billingFieldsErrors": {}
+            "formController": {},
+            "billingInfo": {},
+            "errors": {}
         };
     }
     static get methods() {
         return {
-            "fill": {
+            "getValues": {
                 "complexType": {
-                    "signature": "(fields: BillingFormFields) => Promise<void>",
-                    "parameters": [{
-                            "name": "fields",
-                            "type": "BillingFormFields",
-                            "docs": "- The fields to fill the form with"
-                        }],
+                    "signature": "() => Promise<BillingFormFields>",
+                    "parameters": [],
                     "references": {
                         "Promise": {
                             "location": "global",
@@ -122,72 +98,56 @@ export class BillingForm {
                             "id": "src/components/billing-form/billing-form-schema.ts::BillingFormFields"
                         }
                     },
-                    "return": "Promise<void>"
+                    "return": "Promise<BillingFormFields>"
                 },
                 "docs": {
-                    "text": "Method for filling the form with provided data",
-                    "tags": [{
-                            "name": "argument",
-                            "text": "fields - The fields to fill the form with"
-                        }]
+                    "text": "",
+                    "tags": []
                 }
             },
-            "validate": {
+            "fill": {
                 "complexType": {
-                    "signature": "() => Promise<{ isValid: boolean; }>",
-                    "parameters": [],
+                    "signature": "(fields: BillingFormFields) => Promise<void>",
+                    "parameters": [{
+                            "name": "fields",
+                            "type": "BillingFormFields",
+                            "docs": ""
+                        }],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
                         },
-                        "ValidationError": {
+                        "BillingFormFields": {
                             "location": "import",
-                            "path": "yup",
-                            "id": "../../node_modules/.pnpm/yup@1.3.3/node_modules/yup/index.d.ts::ValidationError"
+                            "path": "./billing-form-schema",
+                            "id": "src/components/billing-form/billing-form-schema.ts::BillingFormFields"
                         }
                     },
-                    "return": "Promise<{ isValid: boolean; }>"
+                    "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "Run validation on the form",
+                    "text": "",
                     "tags": []
                 }
             },
-            "getValues": {
+            "validate": {
                 "complexType": {
-                    "signature": "() => Promise<BillingFormFields>",
+                    "signature": "() => Promise<{ isValid: boolean; }>",
                     "parameters": [],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
-                        },
-                        "BillingFormFields": {
-                            "location": "import",
-                            "path": "./billing-form-schema",
-                            "id": "src/components/billing-form/billing-form-schema.ts::BillingFormFields"
                         }
                     },
-                    "return": "Promise<BillingFormFields>"
+                    "return": "Promise<{ isValid: boolean; }>"
                 },
                 "docs": {
-                    "text": "Returns the values of the form as an object",
-                    "tags": [{
-                            "name": "returns",
-                            "text": "The values of the form"
-                        }]
+                    "text": "",
+                    "tags": []
                 }
             }
         };
     }
-    static get listeners() {
-        return [{
-                "name": "fieldReceivedInput",
-                "method": "setFormValue",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }];
-    }
 }

package/dist/collection/components/billing-form/test/billing-form.spec.js

@@ -16,7 +16,8 @@ describe('justifi-billing-form', () => {
             address_postal_code: '10000',
         };
         await instance.fill(fields);
-        expect(instance.billingFields).toEqual(fields);
+        const values = await instance.getValues();
+        expect(values).toEqual(fields);
     });
     it('validates the form', async () => {
         const page = await newSpecPage({

package/dist/collection/components/business-forms/business-form/business-representative/business-representative.js

@@ -17,13 +17,16 @@ export class BusinessRepresentative {
         this.errors = {};
         this.representative = {};
     }
+    get identificationNumberLabel() {
+        return this.representative.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
+    }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors.representative)));
         this.formController.values.subscribe(values => (this.representative = Object.assign({}, values.representative)));
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "Representative"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: "SSN", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "Representative"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
     static get is() { return "justifi-business-representative"; }
     static get originalStyleUrls() {

package/dist/collection/components/business-forms/owner-form/owner-form.js

@@ -30,6 +30,7 @@ export class BusinessOwnerForm {
             }
             finally {
                 this.isLoading = false;
+                console.log(this.formController.getInitialValues());
             }
         };
         this.sendData = async () => {
@@ -99,6 +100,9 @@ export class BusinessOwnerForm {
     get identityEndpoint() {
         return this.ownerId ? `entities/identity/${this.ownerId}` : 'entities/identity';
     }
+    get identificationNumberLabel() {
+        return this.owner.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
+    }
     get formTitle() {
         return this.ownerId ? 'Edit Business Owner' : 'Add Business Owner';
     }
@@ -157,7 +161,7 @@ export class BusinessOwnerForm {
     }
     render() {
         const ownerDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", { onSubmit: this.validateAndSubmit }, h("fieldset", null, h("legend", null, this.formTitle), h("div", { class: 'row gy-3' }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: "SSN", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { class: "container d-flex gap-2" }, h("button", { type: "submit", class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", { onSubmit: this.validateAndSubmit }, h("fieldset", null, h("legend", null, this.formTitle), h("div", { class: 'row gy-3' }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { class: "container d-flex gap-2" }, h("button", { type: "submit", class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
             h("button", { type: "button", class: "btn btn-danger", onClick: () => this.handleRemoveOwner() }, "Remove owner"))), h("hr", null)))));
     }
     static get is() { return "justifi-owner-form"; }

package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.js

@@ -63,6 +63,9 @@ export class BusinessRepresentativeFormStep {
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
     }
+    get identificationNumberLabel() {
+        return this.representative.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
+    }
     handleResponse(response, onSuccess) {
         if (response.error) {
             this.serverError.emit({ data: response.error, message: BusinessFormServerErrors.patchData });
@@ -93,7 +96,7 @@ export class BusinessRepresentativeFormStep {
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", null, h("fieldset", null, h("legend", null, "Representative"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: "SSN", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", null, h("fieldset", null, h("legend", null, "Representative"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
     }
     static get is() { return "justifi-business-representative-form-step"; }
     static get originalStyleUrls() {

package/dist/collection/components/business-forms/schemas/business-identity-schema.js

@@ -1,4 +1,4 @@
-import { object } from "yup";
+import { object, string } from "yup";
 import { addressSchema } from "./business-address-schema";
 import { dobValidation, emailValidation, identityNameValidation, identityTitleValidation, phoneValidation, ssnValidation } from "./schema-validations";
 export const identitySchema = (role, allowOptionalFields) => {
@@ -8,7 +8,8 @@ export const identitySchema = (role, allowOptionalFields) => {
         email: emailValidation.required(`Enter ${role} email`),
         phone: phoneValidation.required('Enter phone number'),
         dob_full: dobValidation(role).required('Enter date of birth'),
-        identification_number: ssnValidation.required('Enter SSN'),
+        ssn_last4: string().nullable(),
+        identification_number: ssnValidation,
         address: addressSchema(allowOptionalFields),
     });
     const easySchema = object({
@@ -17,6 +18,7 @@ export const identitySchema = (role, allowOptionalFields) => {
         email: emailValidation.nullable(),
         phone: phoneValidation.nullable(),
         dob_full: dobValidation(role).nullable(),
+        ssn_last4: string().nullable(),
         identification_number: ssnValidation.nullable(),
         address: addressSchema(allowOptionalFields),
     });

package/dist/collection/components/business-forms/schemas/schema-validations.js

@@ -78,6 +78,11 @@ export const dobValidation = (role) => {
 };
 export const ssnValidation = string()
     .matches(ssnRegex, 'Enter valid SSN')
+    .when('ssn_last4', {
+    is: (val) => !val || val.length === 0,
+    then: (schema) => schema.required('Enter SSN'),
+    otherwise: (schema) => schema.nullable(),
+})
     .test('not-repeat', 'Enter valid SSN', (value) => {
     return !/^(\d)\1+$/.test(value);
 })

package/dist/collection/components/checkout/checkout-core.js

@@ -23,6 +23,10 @@ export class CheckoutCore {
         this.getCheckout = undefined;
         this.complete = undefined;
         this.checkoutId = undefined;
+        this.disableCreditCard = undefined;
+        this.disableBankAccount = undefined;
+        this.disableBnpl = undefined;
+        this.disablePaymentMethodGroup = undefined;
         this.hasLoadedFonts = false;
         this.isLoading = false;
         this.checkout = undefined;
@@ -101,8 +105,8 @@ export class CheckoutCore {
         }
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        return (h(Host, null, h("div", { class: "row gy-3 jfi-checkout-core" }, h("div", { class: "col-12 mb-4" }, h("h2", { class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.checkout && (h("div", null, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+this.checkout.payment_amount)))))), h("div", { class: "col-12" }, h("h2", { class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { class: "d-flex flex-column" }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": ((_c = (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.payment_settings) === null || _c === void 0 ? void 0 : _c.credit_card_payments) || true, "show-ach": ((_e = (_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_settings) === null || _e === void 0 ? void 0 : _e.ach_payments) || true, bnpl: (_f = this.checkout) === null || _f === void 0 ? void 0 : _f.bnpl, "client-id": (_g = this.checkout) === null || _g === void 0 ? void 0 : _g.payment_client_id, "account-id": (_h = this.checkout) === null || _h === void 0 ? void 0 : _h.account_id, savedPaymentMethods: ((_j = this.checkout) === null || _j === void 0 ? void 0 : _j.payment_methods) || [], paymentAmount: (_k = this.checkout) === null || _k === void 0 ? void 0 : _k.payment_amount }))), h("div", { class: "col-12" }, h("div", { class: "d-flex justify-content-end" }, h("button", { type: "submit", onClick: event => this.submit(event), disabled: this.isLoading, part: "pay-button", class: `btn btn-primary jfi-submit-button ${this.isLoading ? 'jfi-submit-button-loading' : ''}` }, this.isLoading ? this.loadingSpinner : 'Pay'))))));
+        var _a, _b, _c, _d, _e, _f;
+        return (h(Host, null, h("div", { class: "row gy-3 jfi-checkout-core" }, h("div", { class: "col-12 mb-4" }, h("h2", { class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.checkout && (h("div", null, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+this.checkout.payment_amount)))))), h("div", { class: "col-12" }, h("h2", { class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { class: "d-flex flex-column" }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, "show-saved-payment-methods": !this.disablePaymentMethodGroup, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, "client-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.payment_client_id, "account-id": (_d = this.checkout) === null || _d === void 0 ? void 0 : _d.account_id, savedPaymentMethods: ((_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_methods) || [], paymentAmount: (_f = this.checkout) === null || _f === void 0 ? void 0 : _f.payment_amount }))), h("div", { class: "col-12" }, h("div", { class: "d-flex justify-content-end" }, h("button", { type: "submit", onClick: event => this.submit(event), disabled: this.isLoading, part: "pay-button", class: `btn btn-primary jfi-submit-button ${this.isLoading ? 'jfi-submit-button-loading' : ''}` }, this.isLoading ? this.loadingSpinner : 'Pay'))))));
     }
     static get is() { return "justifi-checkout-core"; }
     static get encapsulation() { return "shadow"; }
@@ -209,6 +213,74 @@ export class CheckoutCore {
                 },
                 "attribute": "checkout-id",
                 "reflect": false
+            },
+            "disableCreditCard": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disable-credit-card",
+                "reflect": false
+            },
+            "disableBankAccount": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disable-bank-account",
+                "reflect": false
+            },
+            "disableBnpl": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disable-bnpl",
+                "reflect": false
+            },
+            "disablePaymentMethodGroup": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disable-payment-method-group",
+                "reflect": false
             }
         };
     }