@justifi/webcomponents 4.13.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\"],\"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/Api.js

@@ -1,8 +1,13 @@
 import { v4 as uuidv4 } from "uuid";
-const Api = (authToken, apiOrigin) => {
+const Api = ({ authToken, apiOrigin }) => {
     async function getAuthorizationHeader() {
+        if (!authToken) {
+            return {
+                'Content-Type': 'application/json',
+            };
+        }
         return {
-            'Authorization': `Bearer ${authToken}`,
+            Authorization: `Bearer ${authToken}`,
             'Idempotency-Key': uuidv4(),
             'Content-Type': 'application/json',
         };

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/api/services/business.service.js

@@ -3,6 +3,6 @@ import Api from "../Api";
 export class BusinessService {
     async fetchBusiness(businessId, authToken) {
         const endpoint = `entities/business/${businessId}`;
-        return Api(authToken, config.proxyApiOrigin).get(endpoint);
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
     }
 }

package/dist/collection/api/services/checkout.service.js

@@ -3,14 +3,16 @@ import { config } from "../../../config";
 export class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {
         const endpoint = `checkouts/${checkoutId}`;
-        return Api(authToken, config.proxyApiOrigin).get(endpoint);
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
     }
     async complete(authToken, checkoutId, payment) {
         const endpoint = `checkouts/${checkoutId}/complete`;
-        const payload = { payment_mode: payment.payment_mode };
+        const payload = {
+            payment_mode: payment.payment_mode,
+        };
         if (payment.payment_token) {
             payload.payment_token = payment.payment_token;
         }
-        return Api(authToken, config.proxyApiOrigin).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(payload));
     }
 }

package/dist/collection/api/services/payment.service.js

@@ -2,12 +2,12 @@ import { Api } from "..";
 import { config } from "../../../config";
 export class PaymentService {
     async fetchPayments(accountId, authToken, params) {
-        const api = Api(authToken, config.proxyApiOrigin);
+        const api = Api({ authToken, apiOrigin: config.proxyApiOrigin });
         const endpoint = `account/${accountId}/payments`;
         return api.get(endpoint, params);
     }
     async fetchPayment(paymentId, authToken) {
         const endpoint = `payments/${paymentId}`;
-        return Api(authToken, config.proxyApiOrigin).get(endpoint);
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
     }
 }

package/dist/collection/api/services/payout.service.js

@@ -2,12 +2,12 @@ import { Api } from "..";
 import { config } from "../../../config";
 export class PayoutService {
     async fetchPayouts(accountId, authToken, params) {
-        const api = Api(authToken, config.proxyApiOrigin);
+        const api = Api({ authToken, apiOrigin: config.proxyApiOrigin });
         const endpoint = `account/${accountId}/payouts`;
         return api.get(endpoint, params);
     }
     async fetchPayout(payoutId, authToken) {
-        const api = Api(authToken, config.proxyApiOrigin);
+        const api = Api({ authToken, apiOrigin: config.proxyApiOrigin });
         const endpoint = `payouts/${payoutId}`;
         return api.get(endpoint);
     }

package/dist/collection/api/services/reports.service.js

@@ -2,7 +2,7 @@ import { config } from "../../../config";
 import Api from "../Api";
 export class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {
-        const api = Api(authToken, config.proxyApiOrigin);
+        const api = Api({ authToken: authToken, apiOrigin: config.proxyApiOrigin });
         const endpoint = `account/${accountId}/reports/gross_volume`;
         return api.get(endpoint);
     }

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-form.js

@@ -84,7 +84,7 @@ export class BusinessForm {
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new FormController(businessFormSchema);
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     handleReponse(response) {

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';
     }
@@ -139,7 +143,7 @@ export class BusinessOwnerForm {
         if (!this.authToken)
             console.error(missingAuthTokenMessage);
         this.formController = new FormController(identitySchema('owner', this.allowOptionalFields));
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     componentDidLoad() {
@@ -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/additional-questions/business-additional-questions-form-step.js

@@ -76,7 +76,7 @@ export class AdditionalQuestionsFormStep {
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new FormController(additionalQuestionsSchema(this.allowOptionalFields));
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     componentDidLoad() {

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

@@ -83,7 +83,7 @@ export class BusinessCoreInfoFormStep {
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new FormController(businessCoreInfoSchema(this.allowOptionalFields));
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     componentDidLoad() {

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

@@ -124,7 +124,7 @@ export class BusinessOwnersFormStep {
             console.error(missingAuthTokenMessage);
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     onOwnersUpdated() {