@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/module/business-owners-form-step.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { d as defineCustomElement$b } from './custom-popper2.js';
@@ -19,11 +19,6 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
     }
     propChanged() {
         this.initializeApi();

package/dist/module/business-representative-form-inputs.js

@@ -20,9 +20,6 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
         this.onAddressFormUpdate = (values) => {
             updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
         };
-        this.representativeDefaultValue = undefined;
-        this.errors = undefined;
-        this.formController = undefined;
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
@@ -31,7 +28,7 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
 }, [0, "justifi-business-representative-form-inputs", {
         "representativeDefaultValue": [8, "representative-default-value"],
         "errors": [8],
-        "formController": [16]
+        "formController": [16, "form-controller"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/module/business-representative-form-step-core.js

@@ -20,6 +20,9 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
+        this.errors = {};
+        this.representative = {};
+        this.isLoading = false;
         this.getData = () => {
             this.formLoading.emit(true);
             this.isLoading = true;
@@ -64,13 +67,6 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
                 }
             });
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.representative = {};
-        this.isLoading = false;
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.allowOptionalFields = undefined;
     }
     async validateAndSubmit({ onSuccess }) {
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
@@ -95,8 +91,8 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
         return (h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
     }
 }, [0, "justifi-business-representative-form-step-core", {
-        "getBusiness": [16],
-        "patchBusiness": [16],
+        "getBusiness": [16, "get-business"],
+        "patchBusiness": [16, "patch-business"],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formController": [32],
         "errors": [32],

package/dist/module/business-representative-form-step.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { d as defineCustomElement$9 } from './custom-popper2.js';
@@ -17,11 +17,6 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
     }
     propChanged() {
         this.initializeApi();

package/dist/module/business-representative.js

@@ -14,6 +14,8 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
     constructor() {
         super();
         this.__registerHost();
+        this.errors = {};
+        this.representative = {};
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { [name]: value }) }));
         };
@@ -24,9 +26,6 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
             const dob_values = deconstructDate(event.detail);
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { dob_day: dob_values.dob_day, dob_month: dob_values.dob_month, dob_year: dob_values.dob_year }) }));
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.representative = {};
     }
     get identificationNumberLabel() {
         return this.representative.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
@@ -40,7 +39,7 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
         return (h(Host, { key: 'eb9c09602a11107abc465463bf7e7cdbeb98cede' }, h("fieldset", { key: '1f2a035f9796c29269a7dcd7ca874c73ed6493bb' }, h("legend", { key: '1aeaba7f119f15e1ffa75cd58d77608fe51a60c8', part: heading2 }, "Representative"), h("div", { key: '5d09c634135046c79b4ac80b5c1cfee9fbd26ce0', class: "row gy-3" }, h("div", { key: '6f03250bf88cc79ff07a1de68fef97a41a376aec', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd6696ab573a305e277db56a578eaeb3fc4adf9ff', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'fd6ddc83d99b4f86f29566077249a23724741438', class: "col-12 col-md-4" }, h("form-control-text", { key: '632b12a09042ffdaf85d2fafecfab1736bbc8d36', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '65842c9cb8c616806631bd1d2902342cebf5326e', class: "col-12 col-md-6" }, h("form-control-text", { key: '8e1f64cc7f97e4b337dfcda6494fca5750656130', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'e050604c8d71e1d07f916822fbb73da4c3f5e034', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'a5bba8b362ce6070efc65e88ee80880ce855e624', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'dcbd23ab368e630ebaea9e8bdbb6985a98d5fbeb', class: "col-12 col-md-4" }, h("form-control-date", { key: '05e0e255549ad8f0760102aab5cbfe444cae5996', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '764595ed842fd09221ef71d5c921a9ebe947556d', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '91761e52dd724a27e135a3db8b7c85643f7891d9', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '4be6739744d6d9fcd060ed9d894502f35396a9a9', class: "col-12" }, h("justifi-identity-address-form", { key: '7c9d98057e908a068aa0783b10b2bd0f634d7ab9', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 }, [0, "justifi-business-representative", {
-        "formController": [16],
+        "formController": [16, "form-controller"],
         "errors": [32],
         "representative": [32]
     }]);

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: '6dc5100426e8e4124d19a375250f85f8e15b28d4' }, h("div", { key: 'fb950108be5fd4096a7717c88943938261787f99', class: "row gy-3" }, h("div", { key: '08f85a06288e19939a16d3fa52ef3b3199c56f36', class: "col-12" }, h("h2", { key: 'a585b93921814b1ffbb95c6f9c1de37d4104049b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '3b7c620518006738d2e36863b62a72142f167733', class: "col-12" }, h("form-control-textarea", { key: '70a76160b0d29648a9e0598dd5b867a382935e03', 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: 'e06d4c794bad47e366ca702e764307fdab5e33a8', class: "col-12" }, h("form-control-textarea", { key: '1b783920c5a5b94bff60d4b061cc7cc6666cc184', 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: '3cb3371c1d3727e55140ea60a0cff96bc0f42702', class: "col-12" }, h("form-control-file-v2", { key: '738a456bf4653240180963fa7e5ab20a7a4add7c', 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();
             }