@justifi/webcomponents 5.4.4 → 5.5.0

package/dist/module/business-terms-conditions-form-step.js

@@ -1,11 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, d as create$7, F as FormController } from './form.js';
 import { A as Api } from './Api.js';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import './Document.js';
 import { h as heading2 } from './parts.js';
 import './Business.js';
@@ -32,10 +32,11 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         this.errorEvent = createEvent(this, "error-event", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
         this.formCompleted = createEvent(this, "formCompleted", 7);
+        this.errors = {};
         this.fetchData = async () => {
             this.formLoading.emit(true);
             try {
-                const response = await this.api.get(this.businessEndpoint);
+                const response = await this.api.get({ endpoint: this.businessEndpoint });
                 this.acceptedTermsBefore = response.data.terms_conditions_accepted;
             }
             catch (error) {
@@ -54,7 +55,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
             this.formLoading.emit(true);
             try {
                 const payload = this.termsPayload;
-                const response = await this.api.post(this.termsConditionsEndpoint, payload);
+                const response = await this.api.post({ endpoint: this.termsConditionsEndpoint, body: payload });
                 this.handleResponse(response, onSuccess);
             }
             catch (error) {
@@ -73,13 +74,6 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
             this.acceptedTerms = value;
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.acceptedTermsBefore = undefined;
-        this.acceptedTerms = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
     }
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
@@ -139,7 +133,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '5d9a216a01873d989cb24057ad4c2411c1ba3654' }, h("fieldset", { key: '6de8bf419bf4bb246346edd04d6d3a195e50fe77' }, h("legend", { key: 'a2b33f3531d30ffd6df9d2b5c161ab3f1086c781', part: heading2 }, "Terms and Conditions"), h("hr", { key: '0346c558c6791e1e727579ab9fd5783c79c0c3fe' }), h("div", { key: '6de71742da5a7de4b4273b9e08cc314c8842c2cd' }, h("p", { key: 'cefd9dec798ce4bc1f5e56b33bf4a37fd4e79edf' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'bdac3db844cf98fe77e7599eb5176175f291b371' }), h("div", { key: '9a1ba461f721fa1c376a57964a1211abee7bd36e', class: "row-gy-3" }, h("div", { key: '208c201f35bf0179a5cc06efddbb7ba4a1c65e02', class: "col-12" }, h("form-control-checkbox", { key: '42e8a31b2694f39ca843dc8a865f0c0bad43547a', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: '2da7d2ed790cc896168c3034642b5e1c4b5aab5b' }, h("fieldset", { key: '1fd89c9ef9d1f65647280d8b7d80625ee6fcde3a' }, h("legend", { key: 'c8d4b44f530bf4b702523ebd10b2abef4321c1e5', part: heading2 }, "Terms and Conditions"), h("hr", { key: '5b16410dea6ee295e9546bb7d9f69c47b5a3a2a0' }), h("div", { key: '0863be82b21e863fbd59eadcf6eb6bf214f7be5c' }, h("p", { key: '9cc14fe90dafba81b5f979b6cd36bfb820c84d5e' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '357aa6a506fe3c4fdb2d2cdd5250096fc6707bad' }), h("div", { key: 'f9196a0f47187d263b1eea9157307e2a0bd58eab', class: "row-gy-3" }, h("div", { key: 'd753c0ea76488813acc49034e433f82ac6aea8c2', class: "col-12" }, h("form-control-checkbox", { key: 'e2fd2f318fd357959bb0768008f8c9f0242f7fe6', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 }, [0, "justifi-business-terms-conditions-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/business.service.js

@@ -3,37 +3,52 @@ import { A as Api } from './Api.js';
 class BusinessService {
     async fetchBusiness(businessId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin }).get({ endpoint });
     }
     async patchBusiness(authToken, businessId, payload) {
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
+            endpoint,
+            body: payload,
+        });
     }
 }
 class IdentityService {
     async fetchIdentity(identityId, authToken) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get(endpoint);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get({ endpoint });
     }
     async patchIdentity(authToken, identityId, payload) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
+            endpoint,
+            body: payload,
+        });
     }
     async postIdentity(authToken, payload) {
         const endpoint = `entities/identity`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 class BusinessBankAccountService {
     async postBankAccount(authToken, payload) {
         const endpoint = `entities/bank_accounts`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 class DocumentRecordService {
     async postDocumentRecord(authToken, payload) {
         const endpoint = `entities/document`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 

package/dist/module/button.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { W as buttonLoading, X as buttonPrimary, Y as buttonSecondary } from './parts.js';
+import { X as buttonSecondary, Y as buttonPrimary, Z as buttonLoading } from './parts.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/module/cancellation-policy.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { T as heading5 } from './parts.js';
+import { W as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
-import { d as defineCustomElement$3 } from './form-control-help-text3.js';
+import { d as defineCustomElement$3 } from './form-control-help-text2.js';
 import { d as defineCustomElement$2 } from './form-control-textarea2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -17,14 +17,12 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     constructor() {
         super();
         this.__registerHost();
-        this.inputHandler = (name, value) => {
-            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
-        };
-        this.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { cancellation_policy: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -41,7 +39,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '7b4cf555fd1fbfcc99aea27f60a507daa36f6ee6' }, h("div", { key: '0751a543b921a2fa8bb25e68e71c1cba6cc5229f', class: "row gy-3" }, h("div", { key: '9e4043494f5804e92af66b0f4595137f741e9556', class: "col-12" }, h("h2", { key: 'a078ec09adb7197ac0e5260ca220d868e746773c', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '814cacdfbc107e848dcf42bacb744f8b7819c248', class: "col-12" }, h("form-control-textarea", { key: 'aa867ea4cfc3d7c436e481a829a1ec779f3281d8', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'b8a6851094599ed3683f3c14f18305ff0a8ed557', class: "col-12" }, h("form-control-textarea", { key: '8292b5808ad9af2f36a4306cf0bd67b9183cc144', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'ee80c2f43bc56563221fcd892130c2ff6e492dcd', class: "col-12" }, h("form-control-file-v2", { key: '4ddc23ba32d324552c16fd20aff18e117cb22831', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: '357b75b81a6705a1d2257efaa4b6d4d6ac196c5a' }, h("div", { key: 'f60069eb655a1f8c7ac2213ca4d48301d0481757', class: "row gy-3" }, h("div", { key: 'b8cd4d71c015f74aff40904683613b7d99c1275f', class: "col-12" }, h("h2", { key: '7093d2dc9deca71d96e66bc654d26aa9ea2581ff', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'f6886ebcd05d5668f80d704a4a4713c44ef1d9ee', class: "col-12" }, h("form-control-textarea", { key: '85af8911456fc85283f4afe1133c4b53a964ea45', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '2ea95518d275418d18dff8138c4cd3a88400c52c', class: "col-12" }, h("form-control-textarea", { key: 'b98460a8e6934e3754252d232017fcd3db265e53', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'd9fcad5f9adeddbfc3abc3a5627cd809d9198f23', class: "col-12" }, h("form-control-file-v2", { key: 'cb9f79a80cd8be9440fed50ee9a6e08560e1281b', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 }, [0, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/card-form2.js

@@ -26,7 +26,6 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
     constructor() {
         super();
         this.__registerHost();
-        this.iframeOrigin = undefined;
         this.isReady = false;
     }
     componentDidRender() {
@@ -55,10 +54,10 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'fdbbbe01ef33117408fd49e1b478a6c3f0be56a6' }, h(CardFormSkeleton, { key: '859d45e5e9aa80f999aeece561e7d7971289786b', isReady: this.isReady }), h("div", { key: '586ca0f390ed57f34432930298662d2f85341dfa', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '035f015833d7c16a99ffb3cc4c1b88f44928839f' }, h(CardFormSkeleton, { key: '4f6a98efb4bb1ec08bc7660fe8fb11cf1f91aac4', isReady: this.isReady }), h("div", { key: 'efe85d9a9f3cd1ecabd6014b4e6ef6a22dce94f1', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '61f374b426d49a29f16ca1d56d5d9e82e74f12aa', class: "mb-3" }, h("iframe-input", { key: '965ad04d1ea086a026917078f7e8fc7b24d2c02e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '0485b76a5b5f2d524eb942a7a36e534953730a4e', class: "row" }, h("div", { key: '9ffbe45585e6989e096430310dd21d5e31f1aa2f', class: "col-4 align-content-end" }, h("iframe-input", { key: '5fc0327c43a2823245261391074aba703791ecc7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '22090d11cf2e4f017db46a7d2525f65d1e85a469', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a7b220a1081a241663b71619dad519611c2b98f5', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '9b6b26802c21b0b73fe71f251a584f33bed6179f', class: "col-4 align-content-end" }, h("iframe-input", { key: '59094373c4476437645d96779d65d5cea3f690d0', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'd72b1e2e6034d556eccbc6bd68b1469ce51ae257', class: "mb-3" }, h("iframe-input", { key: 'd5d4ae255037b01aced2c90c59bb74d65053b88a', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '1ff59862ecaf86c067638bc86a7a21425ee27ec0', class: "row" }, h("div", { key: '3f6803d69bc30890eb39f005c32c06d0cfb6cf0d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a328d46fbfea56f3fd483194a74e6d8520cbc2ae', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '46594d660b45a68f5b578823ed54db1a570a0291', class: "col-4 align-content-end" }, h("iframe-input", { key: 'e107c2515d16a339d52a3b08f91537eca3c92a23', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '3df8a556f5e0bade368137a673e814774ad507b9', class: "col-4 align-content-end" }, h("iframe-input", { key: '3432154c7645eda22beb1fe180936357b5b4b2c2', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 }, [0, "card-form", {
         "iframeOrigin": [1, "iframe-origin"],

package/dist/module/check-pkg-version.js

@@ -4,7 +4,7 @@ import { A as Api } from './Api.js';
 class AnalyticsService {
     async record(body) {
         const endpoint = 'analytics';
-        return Api({ apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, body);
+        return Api({ apiOrigin: "https://wc-proxy.justifi.ai" }).post({ endpoint, body });
     }
 }
 

package/dist/module/checkout-core.js

@@ -1,32 +1,30 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { f as formatCurrency } from './utils2.js';
 import { C as Checkout } from './Checkout.js';
-import { a as ComponentErrorSeverity } from './ComponentError.js';
-import { i as insuranceValuesOn, v as validateInsuranceValues, H as Header2, a as insuranceValues } from './insurance-state.js';
+import { C as ComponentErrorSeverity } from './ComponentError.js';
+import { v as validateInsuranceValues, i as insuranceValuesOn, a as insuranceValues, H as Header2 } from './insurance-state.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
-import { t as text, Z as checkoutSummary } from './parts.js';
+import { t as text, S as checkoutSummary } from './parts.js';
 import { S as Skeleton } from './skeleton.js';
-import { d as defineCustomElement$7, H as Header3 } from './billing-form-wrapper.js';
+import { d as defineCustomElement$6, H as Header3 } from './billing-form.js';
 import './details.js';
-import { d as defineCustomElement$j } from './bank-account-form2.js';
-import { d as defineCustomElement$i } from './billing-form2.js';
-import { d as defineCustomElement$h } from './card-form2.js';
-import { d as defineCustomElement$g } from './custom-popper2.js';
-import { d as defineCustomElement$f } from './form-control-checkbox2.js';
-import { d as defineCustomElement$e } from './form-control-help-text3.js';
-import { d as defineCustomElement$d } from './form-control-radio2.js';
-import { d as defineCustomElement$c } from './form-control-select2.js';
-import { d as defineCustomElement$b } from './form-control-text2.js';
-import { d as defineCustomElement$a } from './form-control-tooltip2.js';
-import { d as defineCustomElement$9 } from './hidden-input2.js';
-import { d as defineCustomElement$8 } from './iframe-input2.js';
-import { d as defineCustomElement$6 } from './new-payment-method.js';
-import { d as defineCustomElement$5 } from './payment-method-options.js';
-import { d as defineCustomElement$4 } from './save-new-payment-method.js';
-import { d as defineCustomElement$3 } from './saved-payment-method.js';
-import { d as defineCustomElement$2 } from './sezzle-payment-method.js';
-import { d as defineCustomElement$1 } from './postal-form2.js';
+import { d as defineCustomElement$h } from './bank-account-form2.js';
+import { d as defineCustomElement$g } from './card-form2.js';
+import { d as defineCustomElement$f } from './custom-popper2.js';
+import { d as defineCustomElement$e } from './form-control-checkbox2.js';
+import { d as defineCustomElement$d } from './form-control-help-text2.js';
+import { d as defineCustomElement$c } from './form-control-radio2.js';
+import { d as defineCustomElement$b } from './form-control-select2.js';
+import { d as defineCustomElement$a } from './form-control-text2.js';
+import { d as defineCustomElement$9 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$8 } from './hidden-input2.js';
+import { d as defineCustomElement$7 } from './iframe-input2.js';
+import { d as defineCustomElement$5 } from './new-payment-method.js';
+import { d as defineCustomElement$4 } from './payment-method-options.js';
+import { d as defineCustomElement$3 } from './save-new-payment-method.js';
+import { d as defineCustomElement$2 } from './saved-payment-method.js';
+import { d as defineCustomElement$1 } from './sezzle-payment-method.js';
 
 const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends HTMLElement {
     constructor() {
@@ -36,6 +34,10 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
         this.submitEvent = createEvent(this, "submit-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.loaded = createEvent(this, "loaded", 7);
+        this.hasLoadedFonts = false;
+        this.renderState = 'loading';
+        this.creatingNewPaymentMethod = false;
+        this.insuranceToggled = false;
         this.completeCheckout = async (payment) => {
             this.complete({
                 payment,
@@ -56,26 +58,20 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
             });
             this.renderState = 'error';
         };
-        this.authToken = undefined;
-        this.getCheckout = undefined;
-        this.complete = undefined;
-        this.checkoutId = undefined;
-        this.iframeOrigin = undefined;
-        this.disableCreditCard = undefined;
-        this.disableBankAccount = undefined;
-        this.disableBnpl = undefined;
-        this.disablePaymentMethodGroup = undefined;
-        this.hideCardBillingForm = undefined;
-        this.hasLoadedFonts = false;
-        this.checkout = undefined;
-        this.serverError = undefined;
-        this.renderState = 'loading';
-        this.creatingNewPaymentMethod = false;
-        this.insuranceToggled = false;
     }
     async fillBillingForm(fields) {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
+    async validate() {
+        const insuranceValidation = validateInsuranceValues();
+        const { isValid } = await this.paymentMethodOptionsRef.validate();
+        if (!insuranceValidation.isValid || !isValid) {
+            return { isValid: false };
+        }
+        else {
+            return { isValid: true };
+        }
+    }
     componentWillLoad() {
         if (this.getCheckout) {
             this.fetchData();
@@ -146,18 +142,18 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
     }
     get paymentType() {
         var _a, _b, _c, _d, _e;
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled, iframeOrigin: this.iframeOrigin }))));
+        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled, iframeOrigin: this.iframeOrigin }))));
     }
     get summary() {
         var _a, _b;
         return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { part: text }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", null, h("span", { part: text }, "Total"), "\u00A0", h("span", { part: text }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (h(StyledHost, { key: '5a3131312064d08358320f15562cd3130f125c4c' }, h("div", { key: 'a048e80b026c9cebbed53fac3acffb3db49599c2', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '2c99697464195f90d96cc58ad68d2fd6147b80b1', class: "col-12", part: checkoutSummary }, h(Header2, { key: '1b49acf33c004c11554825f5cb1341a3224c452c', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: 'f7513e8c9cb88f77cddae02c299e66435863ba72', class: "col-12" }, h("slot", { key: '0ae73bf9497ac5d458a816ede988f6176cdbc30f', name: "insurance" })), h("div", { key: '4395884ff39c9e2919af1cc8328a66aa409f5389', class: "col-12 mt-4" }, h(Header2, { key: '26b5631b8c3fc3f8bd2cf8c6b5fb14db49e5e187', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: 'abb63414930c847d1db7680e81bed30af974344a', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: 'fdbbbfa789f092d9f90ad15f755d529d399e2bc4', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a0d8329b680e6a30da5d5a11b51e2e1018068674', class: "col-12" }, h("div", { key: '40f932b56cdd2e68bf2a1e023939d3ce7764eedb', class: "d-flex justify-content-end" }, h(Button, { key: 'c98e7e15f6258a700c3dc96003048f3b5c84e582', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+        return (h(StyledHost, { key: 'f02d0164b3e051bef6898d28efc52c3eb957b0ea' }, h("div", { key: '457c53bd60d22b1c31693f657ba68e37c92e6004', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '80a64216626921e9ea1162aaadcbcd39e646b8f6', class: "col-12", part: checkoutSummary }, h(Header2, { key: '6c26edfa8e55efa4e6dce35bc6a033049d3274a9', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: '871352bbea880434c1f1206a185116beeb583225', class: "col-12" }, h("slot", { key: '7c1f22eee6502bb3921d6b887408df94a62eda4b', name: "insurance" })), h("div", { key: 'c47495deecf30222832850b904db0187cfe914cd', class: "col-12 mt-4" }, h(Header2, { key: 'f4b8b52bce3f002948918edc9fe319f2e6688673', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: '3013b9ac43206948e1fd1e2a3c58c8b99e8c71d2', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: 'f7820a1754a6885572e44bd58c3cf819a6d5c3cf', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '54368dbcbf70067aca7f275db6dccf890b46408a', class: "col-12" }, h("div", { key: 'd7fda8916e810961613921eb1d7c5d04c1051fb5', class: "d-flex justify-content-end" }, h(Button, { key: '347e5a5abde014dc3222a7603603d35547c09671', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
     }
 }, [1, "justifi-checkout-core", {
         "authToken": [1, "auth-token"],
-        "getCheckout": [16],
+        "getCheckout": [16, "get-checkout"],
         "complete": [16],
         "checkoutId": [1, "checkout-id"],
         "iframeOrigin": [1, "iframe-origin"],
@@ -166,19 +162,21 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
         "disableBnpl": [4, "disable-bnpl"],
         "disablePaymentMethodGroup": [4, "disable-payment-method-group"],
         "hideCardBillingForm": [4, "hide-card-billing-form"],
+        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
         "hasLoadedFonts": [32],
         "checkout": [32],
         "serverError": [32],
         "renderState": [32],
         "creatingNewPaymentMethod": [32],
         "insuranceToggled": [32],
-        "fillBillingForm": [64]
+        "fillBillingForm": [64],
+        "validate": [64]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkout-core", "bank-account-form", "billing-form", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-billing-form-wrapper", "justifi-new-payment-method", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method", "postal-form"];
+    const components = ["justifi-checkout-core", "bank-account-form", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-billing-form", "justifi-new-payment-method", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout-core":
             if (!customElements.get(tagName)) {
@@ -186,96 +184,86 @@ function defineCustomElement() {
             }
             break;
         case "bank-account-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "billing-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "custom-popper":
+        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "form-control-checkbox":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "form-control-radio":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "form-control-select":
+        case "form-control-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "hidden-input":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "iframe-input":
+        case "hidden-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-billing-form-wrapper":
+        case "iframe-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-new-payment-method":
+        case "justifi-billing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-payment-method-options":
+        case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-save-new-payment-method":
+        case "justifi-payment-method-options":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-saved-payment-method":
+        case "justifi-save-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-sezzle-payment-method":
+        case "justifi-saved-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "postal-form":
+        case "justifi-sezzle-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/checkout.service.js

@@ -3,13 +3,13 @@ import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import './Document.js';
 
 class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {
         const endpoint = `checkouts/${checkoutId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get(endpoint);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get({ endpoint });
     }
     async fetchCheckouts(accountId, authToken, params, apiOrigin) {
         if (!apiOrigin) {
@@ -18,7 +18,7 @@ class CheckoutService {
         const headers = { Account: accountId };
         const api = Api({ authToken, apiOrigin: apiOrigin });
         const endpoint = 'checkouts';
-        return api.get(endpoint, params, null, headers);
+        return api.get({ endpoint, params, headers });
     }
     async complete(authToken, checkoutId, payment) {
         const endpoint = `checkouts/${checkoutId}/complete`;
@@ -28,7 +28,10 @@ class CheckoutService {
         if (payment.payment_token) {
             payload.payment_token = payment.payment_token;
         }
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 

package/dist/module/checkouts-list-core2.js

@@ -1,14 +1,14 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { b as formatDate, e as formatTime } from './utils2.js';
 import './ComponentError.js';
 import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import './Document.js';
-import { o as tableHeadCell, q as getAlternateTableCellPart, n as table, p as tableCell } from './parts.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types2.js';
+import { n as tableHeadCell, a2 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types3.js';
 import './details.js';
-import { b as formatDate, d as formatTime } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
@@ -66,6 +66,11 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         this.__registerHost();
         this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.checkouts = [];
+        this.subAccounts = [];
+        this.loading = true;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
             this.clickEvent.emit({ name: TableClickActions.previous });
@@ -81,16 +86,6 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
             const checkoutData = this.checkouts.find((checkout) => checkout.id === clickedCheckoutID);
             this.clickEvent.emit({ name: TableClickActions.row, data: checkoutData });
         };
-        this.getCheckouts = undefined;
-        this.getSubAccounts = undefined;
-        this.columns = undefined;
-        this.checkouts = [];
-        this.checkoutsTable = undefined;
-        this.subAccounts = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
     }
     updateOnPropChange() {
         this.fetchData();
@@ -182,7 +177,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'f94305b4a7c89d0d675e336eaac39c23328c9d98' }, h("div", { key: 'a43bbfee75303e2f88f6338933b0680e024d03fc', class: "table-wrapper" }, h("table", { key: 'd689db93b4d812c64eb074b0322e5ffc9087ec9f', class: "table table-hover", part: table }, h("thead", { key: '57f3a2e2f14af58787f9a68cbc12caf28834eea1', class: "table-head sticky-top" }, h("tr", { key: '7918b371db5dc1cd959e58a7be212faacc6e8f2c', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '7ad39d5e2e91956d5c8bb7626e050ec5403c5aac', class: "table-body" }, h(TableLoadingState, { key: '327b6dc83a4937cae7e356185613006630b40884', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '559bf67b3fb6b959b0114a6e50a8b3ac00d518ac', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f5e277558e63cdb335b52aaa162d7818850ca421', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '7f34a1d78f45d33f95a2c23904ac0741124b9316', class: "sticky-bottom" }, h("tr", { key: '4f91985c1ae00640ef3d29b20e9cb28240f36c21', class: "table-light align-middle" }, h("td", { key: '75d32d3c6ca4882d8e50e44a13a4081bac4c9515', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '81ec71b698e4ae3739440c7439125124f68086e0', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '728b54169140355ad4ab2286f8fe0344ba9b1970' }, h("div", { key: 'ced2bf27609da7b8d406e29778acf0e3faf9fb4e', class: "table-wrapper" }, h("table", { key: 'e978910e98f8c0a637650f8183c04eb08f75bf15', class: "table table-hover", part: table }, h("thead", { key: 'a1c0d711f9bdf0dc6a7227f8614b6531d56cd8de', class: "table-head sticky-top" }, h("tr", { key: 'a2d9117f3d9e56fb2ead7fed36cd088543f30a75', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '04f5f7af209eca2e6b649276525016a9a1deee56', class: "table-body" }, h(TableLoadingState, { key: 'e9748a7684a2ea4660e21add9929c02e0fc82cf5', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '73ac7736d07d742b9f33f2c53ffead1f475e73ae', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '1ee2cfde8ebced1a38032b39511f888360e0ee51', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'f043cf4c76982437f289293e02e59baf76923b3d', class: "sticky-bottom" }, h("tr", { key: 'd539537ad511cbd3ae041a93909a2feec9dcd47a', class: "table-light align-middle" }, h("td", { key: 'ca5102386a7f0c59d82f6206ca2d9185d3871fad', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '99eb67ae4ad9ffc2ad5c196c982213b0fe507640', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],
@@ -191,8 +186,8 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         "columns": ["updateOnPropChange"]
     }; }
 }, [0, "checkouts-list-core", {
-        "getCheckouts": [16],
-        "getSubAccounts": [16],
+        "getCheckouts": [16, "get-checkouts"],
+        "getSubAccounts": [16, "get-sub-accounts"],
         "columns": [1],
         "checkouts": [32],
         "checkoutsTable": [32],