@justifi/webcomponents 4.20.1 → 4.22.0

package/dist/cjs/justifi-business-details.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const utils$1 = require('./utils-c1d2e426.js');
-const business_service = require('./business.service-031c0084.js');
+const utils$1 = require('./utils-189dc30d.js');
+const business_service = require('./business.service-7faffa0b.js');
 const Business = require('./Business-aa799fec.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const Analytics = require('./Analytics-3c89cfb4.js');
-const checkPkgVersion = require('./check-pkg-version-4fa0367d.js');
+const Analytics = require('./Analytics-9db96975.js');
+const checkPkgVersion = require('./check-pkg-version-23a1cabd.js');
 require('./config-05767cba.js');
-require('./Api-b98b256f.js');
+require('./Api-f5280a80.js');
 require('./helpers-602962eb.js');
 require('./state-options-4fbcb48a.js');
-require('./package-3a9ac89d.js');
+require('./package-41c8f38c.js');
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/cjs/justifi-business-form.cjs.entry.js

@@ -3,24 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const index_esm = require('./index.esm-52757963.js');
-const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-26b0eecb.js');
-const businessIdentitySchema = require('./business-identity-schema-503ecb77.js');
-const Api = require('./Api-b98b256f.js');
+const index_esm = require('./index.esm-97cf6825.js');
+const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-19f08938.js');
+const businessIdentitySchema = require('./business-identity-schema-a8bb2276.js');
+const Api = require('./Api-f5280a80.js');
+require('./Checkout-a528241d.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-1a8a8ca6.js');
-require('./Payout-a2dd7b01.js');
+require('./Payment-04a842f4.js');
+require('./SubAccount-cc95a4a0.js');
 const config = require('./config-05767cba.js');
-const businessFormTypes = require('./business-form-types-6e1fcda3.js');
+const businessFormTypes = require('./business-form-types-719b7f52.js');
 const Business = require('./Business-aa799fec.js');
-const Analytics = require('./Analytics-3c89cfb4.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
-const checkPkgVersion = require('./check-pkg-version-4fa0367d.js');
-require('./schema-validations-0a7e46a3.js');
+const Analytics = require('./Analytics-9db96975.js');
+const styledHost = require('./styled-host-1adf46c3.js');
+const checkPkgVersion = require('./check-pkg-version-23a1cabd.js');
+require('./schema-validations-184a4356.js');
 require('./state-options-4fbcb48a.js');
 require('./business-form-options-5db0bd5e.js');
 require('./helpers-602962eb.js');
-require('./package-3a9ac89d.js');
+require('./package-41c8f38c.js');
 
 const businessFormSchema = index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchema().fields), { legal_address: businessIdentitySchema.addressSchema(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchema('representative') }));
 
@@ -116,7 +117,7 @@ const BusinessForm = class {
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '2f28b3e44c64d6ea1ac0d8584946927f6c9c3d05', exportparts: "label,input,input-invalid" }, index.h("form", { key: '5e57787b7dcd649c3523dc49d0a6946138643c7c', onSubmit: this.validateAndSubmit }, index.h("div", { key: '0ee6212aa6157ade79ab9b2ff5eb700549a8a916', class: "row gap-3" }, index.h("h1", { key: '84824314dd924cdab149c2b62b7e01b07dbf5d28' }, this.title), index.h("form-alert", { key: 'dca6d7ef6bcddd3090f44e5ccf9199bbd441dc87', text: this.errorMessage, hideAlert: this.hideErrors }), index.h("div", { key: 'a022912c284d63afbf9ce698b145d964d720b110', class: "col-12 mb-4" }, index.h("justifi-business-core-info", { key: 'be264b806255b790a166b8a3349d78845c6c8225', formController: this.formController })), index.h("div", { key: 'b3a52da227a71f941941f66b758f718cdc3b7800', class: "col-12 mb-4" }, index.h("justifi-legal-address-form", { key: '258dc5ebabc0e2dfaa8de28534238ef80a4f951d', formController: this.formController })), index.h("div", { key: '9dd5d30daf37d90a689333640cd1630000ee5e25', class: "col-12 mb-4" }, index.h("justifi-additional-questions", { key: 'aa1cdf3a39170fcefbd07afcce193ed36430dc5b', formController: this.formController })), index.h("div", { key: 'a8cd6655a6408bef11c9ad442ecae7a0b5e3c50d', class: "col-12 mb-4" }, index.h("justifi-business-representative", { key: '33db8cd22d22b694917332941b89b7535bd19201', formController: this.formController })), index.h("div", { key: '99d46400c8d46e5a3ca6747e5bae70bf5652a367', class: "col-12 d-flex flex-row-reverse" }, index.h("button", { key: '8b858727a11d5ec5f855c446f34da3c1d6253563', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: businessFormTypes.BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
+        return (index.h(styledHost.StyledHost, { key: 'f04193b776865a18072bd3f1773f37a41d9439a4', exportparts: "label,input,input-invalid" }, index.h("form", { key: '7acb5fe47087e2ec1c3ea1b825e34b96ca6881fd', onSubmit: this.validateAndSubmit }, index.h("div", { key: 'd7548b77f1c7d8bb937a4c98420cfec097d73b42', class: "row gap-3" }, index.h("h1", { key: 'f7e74ba9d0b75f5da52a691ec16ba8068a23bbaa' }, this.title), index.h("form-alert", { key: 'cb83cf84afb00a4e315eee940d2f67817ba6302d', text: this.errorMessage, hideAlert: this.hideErrors }), index.h("div", { key: '7c6ab18da58b0ecca644d3f4644e78cfe945b8eb', class: "col-12 mb-4" }, index.h("justifi-business-core-info", { key: 'f5d7304ca3dd69dd1fc65954b57e4e77e24e36c9', formController: this.formController })), index.h("div", { key: 'c6e870483b690dac1c8bf3400e7dfb47e46db014', class: "col-12 mb-4" }, index.h("justifi-legal-address-form", { key: 'd04d51527b8c5a6594d5aef592a90b9db2900ee7', formController: this.formController })), index.h("div", { key: '669b426f578ad83d18b81a46c8e73d60ff68db5e', class: "col-12 mb-4" }, index.h("justifi-additional-questions", { key: '5eece0ad9248e76b5b57fd99b07c8e0c77120765', formController: this.formController })), index.h("div", { key: '61a4f31878ec2c4ee69985d4246016e951f8e05b', class: "col-12 mb-4" }, index.h("justifi-business-representative", { key: '5252a87a8f362be267232bab93565d14c2a1dd41', formController: this.formController })), index.h("div", { key: 'cf380d4345d5c0e25702d727e36940a9b6e4ee73', class: "col-12 d-flex flex-row-reverse" }, index.h("button", { key: '75b0dd58c32db365f581c2f1b8519fe90ec2ae51', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: businessFormTypes.BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
     }
 };
 BusinessForm.style = JustifiBusinessFormStyle0;

package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js

@@ -23,7 +23,7 @@ const RepresentativeFormInputs = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h("form", { key: '8b46b3b30681c7e7f30395a2cac575a7bd7ac998' }, index.h("fieldset", { key: 'e6b8f2ebca22c295fd6897c0e8862200171c2b4d' }, index.h("legend", { key: '8f8f52240f5ccc3f5d43507681dc970b4260bb1b' }, "Representative"), index.h("hr", { key: '8b07c69a514534ab731e7c01b6ee4c7a0e59e06e' }), index.h("div", { key: '79f44ba9dcbcf9d010aed92e332f686ca7127285', class: 'row gy-3' }, index.h("div", { key: '2a1aeb5ddee1dafc40e108cfb2e9ed6f4d8bc183', class: 'col-12 col-md-8' }, index.h("form-control-text", { key: '6e089f2d4f734da266e94b38ec1435dc3f461d5f', name: 'name', label: 'Full Name', defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'c86421e524752e017180aef58e01229bf751e941', class: 'col-12 col-md-4' }, index.h("form-control-text", { key: 'ad8105f6d9a46397eb481666c19468376716544c', name: 'title', label: 'Title', defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { key: '7775905e46c00337a98ab668c8453e14d27bfc4d', class: 'col-12 col-md-6' }, index.h("form-control-text", { key: 'e810f2395101a1e48d8d3ff66617ac82d0ec90b3', name: 'email', label: 'Email Address', defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '66a91e85d1902e32668407e684774820c02dce67', class: 'col-12 col-md-6' }, index.h("form-control-number-masked", { key: 'aad97ca95c5b2ec728ea00916a46ff4b84661b96', name: 'phone', label: 'Phone Number', defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '3cd56ea0ac1e472e905c8113f6335868c39882f1', class: 'col-12 col-md-4' }, index.h("form-control-date", { key: '2f6d505220cacc08a80029ada089370f3841d9ed', name: 'dob_full', label: 'Birth Date', defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController) })), index.h("div", { key: 'cf2df0af006a50d3533b798607025b4d6ee82ca0', class: 'col-12 col-md-8' }, index.h("form-control-number-masked", { key: '033e4264a1466d300891b2328c0bfaced7acb04d', name: 'identification_number', label: 'SSN', defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK })), index.h("div", { key: '2dc7be12d65203da4d4e0bdd995256a7bdc5bf37', class: 'col-12' }, index.h("justifi-identity-address-form", { key: '47916ab24bf990be3541b72bfa2dc46cccca5a31', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (index.h("form", { key: 'd48ad76693e38dfd4fdb512afc87e5e50c4d171f' }, index.h("fieldset", { key: '957e468b2bace9fae8128ffc7de5754a49945454' }, index.h("div", { key: 'ab3845f6f8f1a508b691d6b1f02980e0d6d38f4c', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '79a48cd41f19c4aba31a6f6e36c5b7acaf358447', class: "mb-0" }, "Representative"), index.h("form-control-tooltip", { key: 'e2961b6a7ce9a360c374404f47876ea39b489297', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: '16fc066cc1ddae2e6fe30119bc66a8eda966b66a', class: "mt-2" }), index.h("div", { key: 'e3d32b1497cb452fca36ee564da7b4f9d7e517a6', class: "row gy-3" }, index.h("div", { key: '0b8dba03ddfe9cebafdba03315477f522441e62f', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'fcee691ae2f2e169841b28cc313b2559f2cedc47', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '388aabab153c5922f4d719d2068c6041fcb1e8bc', class: "col-12 col-md-4" }, index.h("form-control-text", { key: 'cf3a2911172fa4972b2b108aa375872a189f8b88', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: '594446afaf5d1068c3a6ddc38ed0895ee4fff14b', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '7ede2ffbc93f20e89d32938f8d1305604ffc5970', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '9cb40530bfc63d79d00f91eeaad58f952f0fcda4', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '3967096857620f10b42e8c5f8a4754dcf094973d', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '3b3794126a3790484e23ca8731782cd4d68cf569', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '2ea38d71ab8e616f404b7624f4e6edd75ccaa294', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '78b603dd1ae23fd4a9dd59f45273c6e3ff611fdf', class: "col-12 col-md-8" }, index.h("form-control-number-masked", { key: 'a41976f1168af416cdecf391271eddc20cc9e7b6', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), index.h("div", { key: '198432248d778343020fb0ceb0e8c9a1763130b3', class: "col-12" }, index.h("justifi-identity-address-form", { key: '402d91a793e197502b536f2fc5e2a9a52a97ef85', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 };
 

package/dist/cjs/justifi-card-form.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const config = require('./config-05767cba.js');
-const Analytics = require('./Analytics-3c89cfb4.js');
-require('./package-3a9ac89d.js');
-require('./Api-b98b256f.js');
+const Analytics = require('./Analytics-9db96975.js');
+require('./package-41c8f38c.js');
+require('./Api-f5280a80.js');
 
 const CardForm = class {
     constructor(hostRef) {
@@ -69,7 +69,7 @@ const CardForm = class {
         return this.childRef.resize();
     }
     render() {
-        return (index.h("justifi-payment-method-form", { key: '58843b8a47f35d716845de11f6a66d8960bc0776', ref: el => {
+        return (index.h("justifi-payment-method-form", { key: 'e31d3c703e1a0c3778ddeb88d118ea3ef88d0adf', ref: el => {
                 if (el) {
                     this.childRef = el;
                 }

package/dist/cjs/justifi-checkout-core.cjs.entry.js

@@ -3,20 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const utils = require('./utils-af1b60a9.js');
+const utils = require('./utils-3d84442d.js');
 const config = require('./config-05767cba.js');
+const Checkout = require('./Checkout-a528241d.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const insuranceState = require('./insurance-state-80e24caf.js');
 const button = require('./button-3f400a66.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
+const styledHost = require('./styled-host-1adf46c3.js');
 const skeleton = require('./skeleton-748c5dde.js');
 
-class Checkout {
-    constructor(data) {
-        Object.assign(this, data);
-    }
-}
-
 const checkoutCoreCss = ":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}.jfi-checkout-core{color:var(--jfi-body-color)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}*::part(invalid-feedback){color:var(--jfi-error-message-color);font-size:var(--jfi-error-message-font-size);margin:var(--jfi-error-message-margin);line-height:normal}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow);line-height:var(--jfi-submit-button-line-height);text-transform:var(--jfi-submit-button-text-transform)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";
 const JustifiCheckoutCoreStyle0 = checkoutCoreCss;
 
@@ -85,7 +80,7 @@ const CheckoutCore = class {
         this.renderState = 'loading';
         this.getCheckout({
             onSuccess: ({ checkout }) => {
-                this.checkout = new Checkout(checkout);
+                this.checkout = new Checkout.Checkout(checkout);
                 const { status } = this.checkout;
                 this.loaded.emit({ checkout_status: status });
                 this.renderState = 'success';
@@ -145,7 +140,7 @@ const CheckoutCore = class {
         return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h(skeleton.Skeleton, { height: "24px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), index.h("div", { class: "jfi-payment-total" }, index.h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", index.h("span", { class: "jfi-payment-total-amount" }, utils.formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'e322f280a57bb0baab61174bca21f0a7e9afa3c1' }, index.h("div", { key: '4ad8cc4f6243de8ddc03fb184ac4e960a04280eb', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '7f13e26b36790558c8eb455f4d5ab3d0952b4e62', class: "col-12" }, index.h("h2", { key: 'c5e4b6fc30f51821537915f3ce5d4830ed3f8da9', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), index.h("div", { key: '164b7a2cc51d871ad4a92044d0f7240e376bd4b3', class: "col-12" }, index.h("slot", { key: 'a98b7c6a0bb9e4d1b102e832ee7aa43218432298', name: "insurance" })), index.h("div", { key: '415d3aac64b4190f54d785695c50a92ce02a76c2', class: "col-12 mt-4" }, index.h("h2", { key: '6d7f0df1165ec359877459a8bada855ef353c3b3', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), index.h("h3", { key: 'be8495d792cf065d2cbc7d3b46648c887951e313', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), index.h("div", { key: '5c9d8baffb50b0b10e9911463f307581cad7619c', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: '9351832b69a8e5285cae35534299b51193248719', class: "col-12" }, index.h("div", { key: '5b0e382836c858369caf93a287272922024ce72b', class: "d-flex justify-content-end" }, index.h(button.Button, { key: 'f76d37000f7b026e97f083e7cf817bed8f84f34f', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+        return (index.h(styledHost.StyledHost, { key: '5f0d9ae550582f13376cc242bd8654e440f83219' }, index.h("div", { key: '6acd2acafa61be4a59b6ebbfdd7f14aac282d1dc', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '23089c7a0e688fc44ab66dc46470f115bb430d0f', class: "col-12" }, index.h("h2", { key: '1888832c214484c0904135029f5f6bbdba356049', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), index.h("div", { key: '47cac0b14213043a8b7c15127c17b51e92e6bef3', class: "col-12" }, index.h("slot", { key: '3548f92bee3b6b23bd74a8578601b1f1aac05960', name: "insurance" })), index.h("div", { key: 'ee3a5b2a7598ded7c88a17400e01b4dd8a4048bf', class: "col-12 mt-4" }, index.h("h2", { key: '65d196aa405f018a2f0c6606363a6d3fc0f957d6', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), index.h("h3", { key: '10b7613dec7240a342d147c11431a9217fd514e5', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), index.h("div", { key: '29d3f1cca38f76f8cdee726cc779a0e0853124a2', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: 'ebfdd182534f510887a8921d89054ae329d01cfd', class: "col-12" }, index.h("div", { key: '1a607695a7de0ef135e9ae2ee1ac63e174e71135', class: "d-flex justify-content-end" }, index.h(button.Button, { key: 'f3e9b863354b022f872b27434e1a020d03c6979e', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
     }
 };
 CheckoutCore.style = JustifiCheckoutCoreStyle0 + JustifiCheckoutCoreStyle1;

package/dist/cjs/justifi-checkout.cjs.entry.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-fb499e95.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const Api = require('./Api-b98b256f.js');
+const checkout_service = require('./checkout.service-160f3a9c.js');
+const Analytics = require('./Analytics-9db96975.js');
+const checkPkgVersion = require('./check-pkg-version-23a1cabd.js');
+require('./config-05767cba.js');
+require('./Api-f5280a80.js');
+require('./Checkout-a528241d.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-1a8a8ca6.js');
-require('./Payout-a2dd7b01.js');
-const config = require('./config-05767cba.js');
-const Analytics = require('./Analytics-3c89cfb4.js');
-const checkPkgVersion = require('./check-pkg-version-4fa0367d.js');
-require('./package-3a9ac89d.js');
+require('./Payment-04a842f4.js');
+require('./SubAccount-cc95a4a0.js');
+require('./package-41c8f38c.js');
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -68,23 +70,6 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     }
 };
 
-class CheckoutService {
-    async fetchCheckout(authToken, checkoutId) {
-        const endpoint = `checkouts/${checkoutId}`;
-        return Api.Api({ authToken, apiOrigin: config.config.proxyApiOrigin }).get(endpoint);
-    }
-    async complete(authToken, checkoutId, payment) {
-        const endpoint = `checkouts/${checkoutId}/complete`;
-        const payload = {
-            payment_mode: payment.payment_mode,
-        };
-        if (payment.payment_token) {
-            payload.payment_token = payment.payment_token;
-        }
-        return Api.Api({ authToken, apiOrigin: config.config.proxyApiOrigin }).post(endpoint, payload);
-    }
-}
-
 const Checkout = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -114,12 +99,12 @@ const Checkout = class {
             this.getCheckout = makeGetCheckout({
                 authToken: this.authToken,
                 checkoutId: this.checkoutId,
-                service: new CheckoutService()
+                service: new checkout_service.CheckoutService()
             });
             this.complete = makeCheckoutComplete({
                 authToken: this.authToken,
                 checkoutId: this.checkoutId,
-                service: new CheckoutService()
+                service: new checkout_service.CheckoutService()
             });
         }
         else {
@@ -137,11 +122,11 @@ const Checkout = class {
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (index.h("justifi-checkout-core", { key: 'ea50f0df79dae86294ccfdf2ec523f0fb81433e4', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
+        return (index.h("justifi-checkout-core", { key: '24400b7f50a91d2c24e372a030fde6b0a1af9e66', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, index.h("div", { key: '301247cf7c916ba1c6c5464e3c2f0226d0f6f041', slot: "insurance" }, index.h("slot", { key: 'a75ff85e5a6d954e7c0d3c24abac518a2765f889', name: "insurance" }))));
+            } }, index.h("div", { key: '0f530bd18cab94b2ab3707b22908198878d34a4a', slot: "insurance" }, index.h("slot", { key: '94d10781b8df51ab34df5e414e304537682d8c2c', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/cjs/justifi-checkouts-list.cjs.entry.js

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+const Checkout = require('./Checkout-a528241d.js');
+require('./Pagination-0da8f095.js');
+require('./Payment-04a842f4.js');
+require('./SubAccount-cc95a4a0.js');
+const ComponentError = require('./ComponentError-233ac749.js');
+const utils = require('./utils-7a478c37.js');
+const checkPkgVersion = require('./check-pkg-version-23a1cabd.js');
+const config = require('./config-05767cba.js');
+const Analytics = require('./Analytics-9db96975.js');
+const checkout_service = require('./checkout.service-160f3a9c.js');
+const getSubaccounts = require('./get-subaccounts-8f7a930f.js');
+const styledHost = require('./styled-host-1adf46c3.js');
+const exportedParts = require('./exported-parts-a994d693.js');
+require('./package-41c8f38c.js');
+require('./Api-f5280a80.js');
+
+const makeGetCheckouts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+    var _a, _b;
+    try {
+        const response = await service.fetchCheckouts(accountId, authToken, params, apiOrigin);
+        if (!response.error) {
+            const pagingInfo = Object.assign({}, response.page_info);
+            const checkouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Checkout.Checkout(dataItem))) || [];
+            onSuccess({ checkouts, pagingInfo });
+        }
+        else {
+            const responseError = utils.getErrorMessage(response.error);
+            const code = utils.getErrorCode((_b = response.error) === null || _b === void 0 ? void 0 : _b.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const CheckoutsList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.handleErrorEvent = (event) => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.getCheckouts = undefined;
+        this.getSubAccounts = undefined;
+        this.errorMessage = null;
+        this.accountId = undefined;
+        this.authToken = undefined;
+        this.apiOrigin = config.config.proxyApiOrigin;
+        this.columns = undefined;
+    }
+    componentWillLoad() {
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
+        this.initializeGetData();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeGetData();
+    }
+    initializeGetData() {
+        this.initializeGetCheckouts();
+        this.initializeGetSubAccounts();
+    }
+    initializeGetCheckouts() {
+        if (this.accountId && this.authToken) {
+            this.getCheckouts = makeGetCheckouts({
+                accountId: this.accountId,
+                authToken: this.authToken,
+                service: new checkout_service.CheckoutService(),
+                apiOrigin: this.apiOrigin,
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentError.ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    initializeGetSubAccounts() {
+        if (this.accountId && this.authToken) {
+            this.getSubAccounts = getSubaccounts.makeGetSubAccounts({
+                accountId: this.accountId,
+                authToken: this.authToken,
+                service: new getSubaccounts.SubAccountService(),
+                apiOrigin: this.apiOrigin
+            });
+        }
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '42ff5c1cff57b185200aa0c31f4fdb44b3401c91', exportparts: exportedParts.tableExportedParts }, index.h("checkouts-list-core", { key: '55565a5f61c671bae9554c7d9ecab044c7bb987c', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+    }
+    static get watchers() { return {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+exports.justifi_checkouts_list = CheckoutsList;

package/dist/cjs/justifi-details.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const utils = require('./utils-c1d2e426.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
+const utils = require('./utils-189dc30d.js');
+const styledHost = require('./styled-host-1adf46c3.js');
 
 const Details = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const Details = class {
         this.errorMessage = undefined;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '00b10fc4e459688ae06147ef1535f03609ec35e4', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
+        return (index.h(styledHost.StyledHost, { key: 'c7c725936e4987ca76781b7edc73f1b67e00f21a', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
             utils.ErrorState(this.errorMessage)
             :
                 index.h("main", { class: "p-2" }, index.h("slot", { name: "head-info" }), index.h("slot", { name: 'detail-sections' }))));

package/dist/cjs/justifi-dispute-management-core.cjs.entry.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+const styledHost = require('./styled-host-1adf46c3.js');
+const dispute = require('./dispute-30c806f6.js');
+
+const DisputeManagementCore = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.submit = index.createEvent(this, "submit", 7);
+        this.showCounterDispute = false;
+    }
+    counterDisputeHandler(event) {
+        if (event.detail.name === dispute.DisputeManagementClickEvents.counterDispute) {
+            this.showCounterDispute = true;
+        }
+        if (event.detail.name === dispute.DisputeManagementClickEvents.cancelDispute) {
+            this.showCounterDispute = false;
+        }
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: 'cb4d87f38d2e577efaf8dfc088f272e05a158dcb' }, this.showCounterDispute ? index.h("justifi-counter-dispute", null) : index.h("justifi-dispute-notification", null)));
+    }
+};
+
+exports.justifi_dispute_management_core = DisputeManagementCore;

package/dist/cjs/justifi-dispute-management.cjs.entry.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+
+const DisputeManagement = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("justifi-dispute-management-core", { key: 'ed28c52d4621058967a53f79c1f00db1d453f5a9' }));
+    }
+};
+
+exports.justifi_dispute_management = DisputeManagement;

package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const config = require('./config-05767cba.js');
-const Api = require('./Api-b98b256f.js');
+const Api = require('./Api-f5280a80.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const utils$1 = require('./utils-c1d2e426.js');
-const Analytics = require('./Analytics-3c89cfb4.js');
-const checkPkgVersion = require('./check-pkg-version-4fa0367d.js');
-require('./package-3a9ac89d.js');
+const utils$1 = require('./utils-189dc30d.js');
+const Analytics = require('./Analytics-9db96975.js');
+const checkPkgVersion = require('./check-pkg-version-23a1cabd.js');
+require('./package-41c8f38c.js');
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {

package/dist/cjs/{justifi-new-payment-method_4.cjs.entry.js → justifi-new-payment-method_5.cjs.entry.js}

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const config = require('./config-05767cba.js');
-const Payment = require('./Payment-1a8a8ca6.js');
-const utils = require('./utils-af1b60a9.js');
+const Payment = require('./Payment-04a842f4.js');
+const utils = require('./utils-3d84442d.js');
 
 const PaymentMethodTypeLabels = {
     bankAccount: 'New bank account',
@@ -78,7 +78,7 @@ const NewPaymentMethod = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h("div", { key: '7b17c9f060764f959286e739a2c05a43d1363f0e', class: "payment-method" }, index.h("div", { key: '5f09658f3be4cf75ee6df659d02b9bb29a0af2c3', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, index.h("input", { key: '5187b4d23e10272df064b554130b856332b77e43', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), index.h("label", { key: '1814812e3246a5f9a5734cbb40af529a61e73f21', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (index.h("div", { key: 'a3ab3946d37bc52aff2a08a99b5f9e0a1dce9902', class: "payment-method" }, index.h("div", { key: '8bd1d2c2f4272e383ab93fff3829013307316369', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, index.h("input", { key: '5fb9efbdcee3ca7f53e1592862188db5a4ae59a3', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), index.h("label", { key: 'cf174ee431e67f9e4483ff15d1a7841fc61bbc95', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 };
 
@@ -167,7 +167,7 @@ const PaymentMethodOptions = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '86e309b90ab00f530dd803b00e5aab511f92300f' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (index.h(index.Host, { key: '56916dc3ddab28b5518c917d980bc757169a814b' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === Payment.PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === Payment.PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
@@ -201,6 +201,22 @@ const PaymentMethodOptions = class {
 };
 PaymentMethodOptions.style = JustifiPaymentMethodOptionsStyle0 + JustifiPaymentMethodOptionsStyle1;
 
+const SaveNewPaymentMethod = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.checkboxChanged = index.createEvent(this, "checkboxChanged", 7);
+        this.isChecked = false;
+    }
+    handleCheckboxChange(event) {
+        const target = event.target;
+        this.isChecked = target.checked;
+        this.checkboxChanged.emit(this.isChecked);
+    }
+    render() {
+        return (index.h("div", { key: 'dc65b5d53172a7d3b26f7a09ea98b865fcc4689a', class: "mt-4 form-check" }, index.h("input", { key: 'e4af44c05c9f45ffe6d2eb88199983725d421d7b', type: "checkbox", checked: this.isChecked, onChange: (event) => this.handleCheckboxChange(event), class: "form-check-input" }), index.h("label", { key: 'ad6aa82a60e4d2c6f73cda78a819e9f1590a598b', class: "form-check-label" }, "Save new payment method")));
+    }
+};
+
 const SavedPaymentMethod = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -222,7 +238,7 @@ const SavedPaymentMethod = class {
     ;
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h(index.Fragment, { key: '9c2174123f1675d60bc48d8109821c0bc2ad7682' }, index.h("div", { key: '07bffce2603110d44f38ffb2f57a60f07faddb3b', class: "payment-method" }, index.h("div", { key: 'f489d3a05db45c2b2581bc8f0fc093afed453d91', class: "payment-method-header p-3", onClick: () => this.onPaymentMethodOptionClick() }, index.h("input", { key: '70681612520aa621c39a017b72b25a7dd3211282', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), index.h("label", { key: 'a58e14ae9d199b0e0eb01b4c0a4a8bd9c8fec41d', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, CardBrandLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.brand], " *", (_e = this.paymentMethodOption) === null || _e === void 0 ? void 0 :
+        return (index.h(index.Fragment, { key: '9bcd2cd5776229c7eff6658e3dc1f98429d0812d' }, index.h("div", { key: '00edbed020974c57713d9864b83a811189fbfea1', class: "payment-method" }, index.h("div", { key: 'a4af4151ddb4d300ec6b543942710439032ee27b', class: "payment-method-header p-3", onClick: () => this.onPaymentMethodOptionClick() }, index.h("input", { key: 'd210d4826658e7ebd26bcb5da2f5e2cd1f495f9b', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), index.h("label", { key: 'ef66a85ab7e8526f826ef4f57e262c4bd31dafaa', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, CardBrandLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.brand], " *", (_e = this.paymentMethodOption) === null || _e === void 0 ? void 0 :
             _e.acct_last_four)))));
     }
 };
@@ -293,11 +309,12 @@ const SezzlePaymentMethod = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: 'a71ee3b09669bd27f82f13fc2e924978df3b3883', class: "payment-method" }, index.h("script", { key: 'def81ad89dfc5d5038ee0de6ea6e3d430f45842c', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", { key: 'b7c0afa6b157a981d61b4825dcf7fa5d031d701e', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, index.h("input", { key: '5c52a82646f941e7df87b99cd326c32b64ab1373', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), index.h("label", { key: 'bb520c7addf37652ad0f22cc5a08c3afb0a23cd8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, index.h("div", { key: '0e43ff1520bece6a98c61be7fa31acb3fd4711e9' }, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (index.h("small", { key: '9413c186f4dd6ee5b5296a4e0e60d469f5bec5c0' }, index.h("span", { key: 'dbc4ff1d6c5c7d0a189ea4f09773de501b21d5d1' }, (_d = this.installmentPlan) === null || _d === void 0 ? void 0 : _d.installments.length), "\u00A0", index.h("span", { key: '72a4d2a7b34fffaee04d466a981a1dab3160c639' }, this.installmentPlan.schedule, " payments of"), "\u00A0", index.h("span", { key: 'c2e2c5c4eaec1d03120239c00b47ae4bac548be6', class: "fw-bold" }, utils.formatCurrency((_e = this.installmentPlan) === null || _e === void 0 ? void 0 : _e.installments[0].amountInCents))))))));
+        return (index.h("div", { key: '5c1e9653930fe5e2c2c72145a59ff29ec8aaae58', class: "payment-method" }, index.h("script", { key: '5b500fb5c44bf750486d26eeb492fa76c70ecb1c', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", { key: '2fd81eb7f13f3aeeaffbefaac4d8797465265f92', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, index.h("input", { key: '7dec7485102a17b93cd7d3b55dc25e549d67e477', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), index.h("label", { key: 'f2b85b11fb6ca254e3ff541a33b0aab2fc8373d8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, index.h("div", { key: '4f2c0df30f6b41d80f747e0475e79a26bd34a981' }, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (index.h("small", { key: '84b235727da8bbc38a4d793feb18fca6432f6d6c' }, index.h("span", { key: '399213d7597c342d065d50296f0991d03f11e964' }, (_d = this.installmentPlan) === null || _d === void 0 ? void 0 : _d.installments.length), "\u00A0", index.h("span", { key: 'c27dba665086c540e566c192a6b451721e4169f3' }, this.installmentPlan.schedule, " payments of"), "\u00A0", index.h("span", { key: '1c8b4b9342b3f48365ff313becbf8aaab402a191', class: "fw-bold" }, utils.formatCurrency((_e = this.installmentPlan) === null || _e === void 0 ? void 0 : _e.installments[0].amountInCents))))))));
     }
 };
 
 exports.justifi_new_payment_method = NewPaymentMethod;
 exports.justifi_payment_method_options = PaymentMethodOptions;
+exports.justifi_save_new_payment_method = SaveNewPaymentMethod;
 exports.justifi_saved_payment_method = SavedPaymentMethod;
 exports.justifi_sezzle_payment_method = SezzlePaymentMethod;

package/dist/cjs/justifi-owner-form_3.cjs.entry.js

@@ -4,21 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const paymentProvisioningActions = require('./payment-provisioning-actions-06466dda.js');
-const business_service = require('./business.service-031c0084.js');
-const index_esm = require('./index.esm-52757963.js');
+const business_service = require('./business.service-7faffa0b.js');
+const index_esm = require('./index.esm-97cf6825.js');
 const Business = require('./Business-aa799fec.js');
-const businessFormTypes = require('./business-form-types-6e1fcda3.js');
-const businessIdentitySchema = require('./business-identity-schema-503ecb77.js');
+const businessFormTypes = require('./business-form-types-719b7f52.js');
+const businessIdentitySchema = require('./business-identity-schema-a8bb2276.js');
 const button = require('./button-3f400a66.js');
 const formInputMasks = require('./form-input-masks-0879c139.js');
 const inputHandlers = require('./input-handlers-cff032bb.js');
 require('./ComponentError-233ac749.js');
 require('./utils-7a478c37.js');
 require('./config-05767cba.js');
-require('./Api-b98b256f.js');
+require('./Api-f5280a80.js');
 require('./helpers-602962eb.js');
 require('./state-options-4fbcb48a.js');
-require('./schema-validations-0a7e46a3.js');
+require('./schema-validations-184a4356.js');
 require('./business-form-options-5db0bd5e.js');
 
 const BusinessOwnerForm = class {
@@ -237,7 +237,7 @@ const BusinessOwnerFormCore = class {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (index.h("form", { key: '27f0d989f017bd03b84cf8c994fa96f9a65aad08', onSubmit: this.validateAndSubmit }, index.h("fieldset", { key: '2c793f1f8777181e5db0a4cae5b9994d9188685e' }, index.h("legend", { key: 'a8951fcd990c8136cf6672424869f5c96def3cef', class: "fw-semibold fs-5" }, this.formTitle), index.h("br", { key: 'faaf0cc27c448452a5172ad7fcfcf510ec586d2b' }), index.h("div", { key: '486638ad24414a05f84ada3f37a89d0cc12e7ffb', class: "row gy-3" }, index.h("owner-form-inputs", { key: 'bdfe7cb3305f31d93321319ef14eee3e5b331381', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), index.h("div", { key: '9e5c63e0637e0bffe5ab77a1f73c203704115479', class: "d-flex gap-2 justify-content-start" }, index.h(button.Button, { key: '85de4b69c697ebf96778f538b1535bd1fb2c43e7', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), index.h(button.Button, { key: '1dd026432f19f84ae2142101191e511ebd62c2b3', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), index.h("hr", { key: '2570611bbe663e2e128f03806ecb036ce750c80b' }))));
+        return (index.h("form", { key: 'd7ab875b1efd58b9d17e40789eb43454d5601f47', onSubmit: this.validateAndSubmit }, index.h("fieldset", { key: '144871e2128c17ea843d3d0dc2c7b5dd51057107' }, index.h("legend", { key: 'b9a2229e0cb1220c2b848f56f512816253d98e36', class: "fw-semibold fs-5" }, this.formTitle), index.h("br", { key: 'd95786bee5d4640f970bfccea626a6d0bc7fb4a6' }), index.h("div", { key: 'f74c1b45eda698ca786214c2d30342ead9c820f0', class: "row gy-3" }, index.h("owner-form-inputs", { key: 'bc6a213dc74e1f30c7c18f65a31e1aaa9130746a', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), index.h("div", { key: 'e7536fc512a652bde416259b7f6177e5957b893f', class: "d-flex gap-2 justify-content-start" }, index.h(button.Button, { key: '61c88e81e942f2e324b24b2634fe365863a2f23f', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), index.h(button.Button, { key: 'c280f92cf606abbc1ba30bef331407af7db9cb19', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), index.h("hr", { key: '10658eebfb37c21186b7a5d36e60db5daa9f26f6' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]
@@ -258,7 +258,7 @@ const BusinessOwnerFormInputs = class {
         this.formController = undefined;
     }
     render() {
-        return (index.h("div", { key: '6fcc165d4bc75b92403d9031ad98f05f6b1dcd34', class: 'row gy-3' }, index.h("div", { key: '74f1e42a13892e95497a99684ba9de64719edb72', class: 'col-12 col-md-6' }, index.h("form-control-text", { key: '29caea2b0b0a62822cc20c99e697f3db7c22a541', name: 'name', label: 'Full Name', defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '5b0f8da9a0512de70558baa9cb188b4d5e773dc2', class: 'col-12 col-md-4' }, index.h("form-control-text", { key: '5967094f115a64876f8dc943a273f5a22b193f1c', name: 'title', label: 'Title', defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { key: '6c05fec9b87f8ba5e3be9ce74ef727a1e4b14905', class: 'col-12 col-md-6' }, index.h("form-control-text", { key: '8c5b2839b6de605915d8e7c14a0ba22d3f440bda', name: 'email', label: 'Email Address', defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: 'd7eae882aea84b8562e459e66bc1ba885c4be3c7', class: 'col-12 col-md-6' }, index.h("form-control-number-masked", { key: '2d6b33f47e4008745fd65c5ef3cb60dd92b85eba', name: 'phone', label: 'Phone Number', defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '92b825163aedf052bdb89721397da69c717e595d', class: 'col-12 col-md-4' }, index.h("form-control-date", { key: 'cd884b773ef0eb60effc61e8cfbf42b21620cd1c', name: 'dob_full', label: 'Birth Date', defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController) })), index.h("div", { key: '614ba65972946645ba5c7a299c00efd0e85abf5e', class: 'col-12 col-md-8' }, index.h("form-control-number-masked", { key: '7cd9fe7a1b56d351942a0b962f3c7227459406ae', name: 'identification_number', label: 'SSN', defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK })), index.h("div", { key: 'ce08f35a16de4b9be65377cde0a9daa5b4cbe876', class: 'col-12' }, index.h("justifi-identity-address-form", { key: '79a7f5e8c08fc57383c1975145a6b06bd4e615dd', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
+        return (index.h("div", { key: '00c4e99a70bdeac642774796bb6a983ad926b86d', class: "row gy-3" }, index.h("div", { key: '457ba67f652e7ec33909764667b76b25c0c01f75', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '33293c6a0fc131c1db2d498f2ea8774cb9689b8e', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '07be686fa8f43b04bd3a925e969ecede1286e651', class: "col-12 col-md-4" }, index.h("form-control-text", { key: 'c89285d508e0d809332f529edef3e6d3a68c4993', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: '76af9226fb138b2698c254ba26749b5d372ee14d', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '37f334b0ee260501fd99845b6196a94c56fd16da', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '3750f6f86d1bc3c3a1796a06ef4119ee188f2b56', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '283f5179e64378a7a07a654d28511558de03ca68', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '48186c6dfe8cd2a27de92db9970953e1e99340f2', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '6d90d43875feefd24477279232a21b4ac7a7b7bc', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '19b1a6fd0dd52d3d5f52cf764ff429bd26ba8cdd', class: "col-12 col-md-8" }, index.h("form-control-number-masked", { key: '5a7ea47c254967f0d3d546ac9949dfa3d670bc25', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), index.h("div", { key: '59c4fcb4186d488497d66479fced70bf2dc24d89', class: "col-12" }, index.h("justifi-identity-address-form", { key: 'faff7bb194f9c2c2ff80193db18ab0030f34fc09', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
     }
     ;
 };