@justifi/webcomponents 6.1.0-rc.2 → 6.1.0-rc.3

package/dist/module/gross-payment-chart-core2.js

@@ -11054,14 +11054,14 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '663505aa79e84647ccc612ba671910a2cbc9e27d' }, this.loading && h(Spinner, { key: '2c0a00781ec16313786e76e2d95f4cddae5d3cb9' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: 'bf0ec4beb53d9dd307b6241348ad984ea73be9ec' }, this.loading && h(Spinner, { key: '6529c781452e90b082aea5551f3d0af266616729' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],
         "grossVolumeReport": ["grossVolumeReportChanged"]
     }; }
 }, [256, "gross-payment-chart-core", {
-        "getGrossPayment": [16, "get-gross-payment"],
+        "getGrossPayment": [16],
         "grossVolumeReport": [32],
         "loading": [32],
         "errorMessage": [32]

package/dist/module/hidden-input2.js

@@ -78,7 +78,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: 'bf8fcd89cdc8fcd1bfd8b9af5a7211c877e482ba' }, h("input", { key: 'f202d9252b60195b193a8203f750730fcf2e271b', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '1058a3fea9276fe3f9eb3158365a839603e06532' }, h("input", { key: '856ad55446d13a3a8d935e90bbdba5a0ea77b706', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [256, "hidden-input", {
         "isFocused": [32],

package/dist/module/identity-address-form.js

@@ -1,10 +1,9 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { S as StateOptions } from './state-options.js';
-import { n as numberOnlyHandler } from './utils3.js';
-import { d as defineCustomElement$4 } from './custom-popper2.js';
-import { d as defineCustomElement$3 } from './form-control-select2.js';
-import { d as defineCustomElement$2 } from './form-control-text2.js';
-import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
+import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$1 } from './form-address-fields.js';
 
 const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddressForm extends HTMLElement {
     constructor(registerHost) {
@@ -22,18 +21,16 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
         this.handleFormUpdate(newValues);
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: '63db91625abddc3e615b031e04366a5823d516cf' }, h("div", { key: 'e07f0e511b178471343594fe0c88ae286325a5e5', class: "row gy-3" }, h("div", { key: 'a22674f05f19378994eceb7386c29f579c285a26', class: "col-12 col-md-8" }, h("form-control-text", { key: 'c6cfe95a8ce577a162e4eae61ff7d61902b36e73', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: 'de08102a8f4948a929f4fd9194ba7eb2f075d507', class: "col-12 col-md-4" }, h("form-control-text", { key: '8dd269cbd72719ff4ad7b85693ed67e1fdd88225', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: 'a1081a9a0016dc5fe06106ffdb0063374389f5de', class: "col-12" }, h("form-control-text", { key: '94b340156ae354a87a93a8cb44bbc0a2f6507489', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: '66732609b564a08b4b907e9a50aab38a782b0cbc', class: "col-12 col-md-6" }, h("form-control-select", { key: '8f91fd2a2ae886044b105f21177c0ccd893c3993', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: 'ebec4b6351ccb7741e195806f1897436e10404cc', class: "col-12 col-md-6" }, h("form-control-text", { key: '2d0884fb5acd8e2557fb5ece1b735e6d5945f2a1', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '8051b9545fd8a93fec6f1c00623c2e2876912db7', class: "col-12" }, h("form-control-select", { key: 'c68c63ce249f139f4d1df8820f0e1dd56763a67f', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
-            // just for now so we skip handling country specificities
-            disabled: true })))));
+        return (h(Host, { key: 'c9b75fa8c884fb755cd26be4433022f278794e4e' }, h("justifi-form-address-fields", { key: '2f9cfa3fc695de214d9203c680e6cb115d714b82', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
     }
     static get watchers() { return {
         "address": ["handleAddressChange"]
     }; }
 }, [256, "justifi-identity-address-form", {
-        "handleFormUpdate": [16, "handle-form-update"],
+        "handleFormUpdate": [16],
         "errors": [8],
         "defaultValues": [8, "default-values"],
+        "country": [1],
         "address": [32]
     }, undefined, {
         "address": ["handleAddressChange"]
@@ -42,7 +39,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-identity-address-form", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip"];
+    const components = ["justifi-identity-address-form", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-identity-address-form":
             if (!customElements.get(tagName)) {
@@ -51,20 +48,25 @@ function defineCustomElement() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "justifi-form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/iframe-input2.js

@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: 'c8a36a456afdfd883ae2ad8e05de98d307615b4c', class: "form-group d-flex flex-column" }, h("div", { key: '580cdd90dd76289f78b688fcdb1486ecb7fe6c5a', style: {
+        return (h(Host, { key: '0c3f4427120c3405bf47f60dd3bde638f0c3176e', class: "form-group d-flex flex-column" }, h("div", { key: '6ba2a62c8df9db7b01341ea06fbe1df25a87e604', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '7df8c29c720b5edf85553e5667c14eeb0ad6e2b6', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '3caeb47ddf3940e1b1a7fe08d8bd50b8123eb2c5', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '2fdff0682753d32292431a8d62d30a1647fa62ef', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'cc7dfd2299382e473f6ce279c5ffe61794d56e59', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '62406d7581a21dcdec52c993edc2a03cd8fce1ef', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '7c804be15e9029e003684bea21f93578269bdac7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,7 +1632,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '075ca2ca25623703280fda84ff119e4820f9a5cb', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '2cb6be114be8cea65d880b6c21eacdf46052468c', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/input-handlers.js

@@ -1,4 +1,4 @@
-import { d as deconstructDate } from './helpers.js';
+import { d as deconstructDate } from './Business.js';
 
 const updateFormValues = (formController, newValues) => {
     formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));

package/dist/module/justifi-apple-pay.js

@@ -852,10 +852,10 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (h(StyledHost, { key: '6ffd1642666316916be6c263d6e79c44fb2d26cf' }, checkoutStore.checkoutLoaded && (h("script", { key: 'd3cea0c2fea2b9e51fd926f581dce118a7b0cc00', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+        return (h(StyledHost, { key: 'ce2932a0c43641d2a96122b3d228e2180f3ce468' }, checkoutStore.checkoutLoaded && (h("script", { key: '33a584501a38517bdfe0a897d0238e2713c8c5c6', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
                 console.log('[ApplePay Component] Apple Pay SDK script loaded');
                 this.initializeApplePay();
-            } })), h("div", { key: '4a2ee3cb9a98746be1a10c3836833bb408d0896b', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: 'e804a3d42e4632d224a780c2313da4fd40a35281', isLoading: this.isLoading }), isReady && (h(ApplePayButton, { key: '82c8caa32e8857797dc3071a7404d9418fcd2274', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '022d4942b34097987ca8fe956bb6e02174a488b9' }, `
+            } })), h("div", { key: 'a6a4ff59660273ccf96940d8de73dadbe8daa77d', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '30d6c8bae27b5e86f48ec09ede9dc030550cda15', isLoading: this.isLoading }), isReady && (h(ApplePayButton, { key: '0d611070bd523ad146242b7f5aab42b03056c37c', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '87dd4fce32332f885fd819a054b23a973c4011cb' }, `
             .apple-pay-container {
               width: 100%;
             }

package/dist/module/justifi-business-form.js

@@ -1,14 +1,14 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as create$3, F as FormController } from './form.js';
-import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
+import { a as businessCoreInfoSchemaUSA, b as businessCoreInfoSchemaCAN } from './business-core-info-schema.js';
 import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
-import { i as identitySchema } from './business-identity-schema.js';
-import { a as addressSchema } from './business-address-schema.js';
+import { a as identitySchemaUSA, b as identitySchemaCAN } from './business-identity-schema.js';
+import { a as addressSchemaUSA, b as addressSchemaCAN } from './business-address-schema.js';
 import './config-state.js';
 import './dinero.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import { a as Business, c as BusinessFormServerErrors } from './Business.js';
+import { a as CountryCode, b as Business, f as BusinessFormServerErrors } from './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
@@ -20,21 +20,25 @@ import { S as Skeleton } from './skeleton.js';
 import { a as BusinessFormClickActions } from './event-types2.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$e } from './custom-popper2.js';
-import { d as defineCustomElement$d } from './form-alert2.js';
-import { d as defineCustomElement$c } from './form-control-date2.js';
-import { d as defineCustomElement$b } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$a } from './form-control-number-masked2.js';
-import { d as defineCustomElement$9 } from './form-control-select2.js';
-import { d as defineCustomElement$8 } from './form-control-text2.js';
-import { d as defineCustomElement$7 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$6 } from './additional-questions.js';
-import { d as defineCustomElement$5 } from './business-core-info.js';
-import { d as defineCustomElement$4 } from './business-representative.js';
+import { d as defineCustomElement$f } from './custom-popper2.js';
+import { d as defineCustomElement$e } from './form-alert2.js';
+import { d as defineCustomElement$d } from './form-control-date2.js';
+import { d as defineCustomElement$c } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$b } from './form-control-number-masked2.js';
+import { d as defineCustomElement$a } from './form-control-select2.js';
+import { d as defineCustomElement$9 } from './form-control-text2.js';
+import { d as defineCustomElement$8 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$7 } from './additional-questions.js';
+import { d as defineCustomElement$6 } from './business-core-info.js';
+import { d as defineCustomElement$5 } from './business-representative.js';
+import { d as defineCustomElement$4 } from './form-address-fields.js';
 import { d as defineCustomElement$3 } from './identity-address-form.js';
 import { d as defineCustomElement$2 } from './legal-address-form.js';
 
-const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
+const businessFormSchemaUSA = create$3(Object.assign(Object.assign({}, businessCoreInfoSchemaUSA().fields), { legal_address: addressSchemaUSA(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaUSA('representative') }));
+create$3(Object.assign(Object.assign({}, businessCoreInfoSchemaCAN().fields), { legal_address: addressSchemaCAN(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaCAN('representative') }));
+// For backward compatibility, default to USA
+const businessFormSchema = businessFormSchemaUSA;
 
 const FormBlock = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "25%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "50%" }), h(Skeleton, { width: "50%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "65%" }), h(Skeleton, { width: "35%" }))));
 const BusinessFormLoading = () => {
@@ -53,11 +57,13 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.errorEvent = createEvent(this, "error-event", 7);
         this.isLoading = false;
         this.isSaving = false;
+        this.country = CountryCode.USA;
         this.hideErrors = false;
         this.formTitle = 'Business Information';
         this.removeTitle = false;
         this.instantiateBusiness = (data) => {
             const business = new Business(data);
+            this.country = business.country_of_establishment;
             this.formController.setInitialValues(Object.assign({}, business));
         };
         this.sendData = async () => {
@@ -148,7 +154,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         if (this.isLoading) {
             return h(StyledHost, null, h(BusinessFormLoading, null));
         }
-        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("justifi-business-core-info", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-legal-address-form", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-business-representative", { formController: this.formController })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
+        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("justifi-business-core-info", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("justifi-legal-address-form", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("justifi-additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-business-representative", { formController: this.formController, country: this.country })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
     }
 }, [257, "justifi-business-form", {
         "authToken": [1, "auth-token"],
@@ -158,13 +164,14 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         "removeTitle": [4, "remove-title"],
         "isLoading": [32],
         "isSaving": [32],
-        "errorMessage": [32]
+        "errorMessage": [32],
+        "country": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-form", "custom-popper", "form-alert", "form-control-date", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions", "justifi-business-core-info", "justifi-business-representative", "justifi-identity-address-form", "justifi-legal-address-form"];
+    const components = ["justifi-business-form", "custom-popper", "form-alert", "form-control-date", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions", "justifi-business-core-info", "justifi-business-representative", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-legal-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-form":
             if (!customElements.get(tagName)) {
@@ -173,55 +180,60 @@ function defineCustomElement$1() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "form-alert":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "justifi-additional-questions":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "justifi-business-core-info":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "justifi-business-representative":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

package/dist/module/justifi-button2.js

@@ -13,13 +13,13 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '48098276e0808052803f0d16df68ba23d529c4ab' }, h(Button, { key: 'c62e8d2d9208dc180180b4283edea991c5a93c57', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: 'e3b353dac8bf4c078fed17a4854c6ee1891df140' }, h(Button, { key: '76bfcc8763775a3442fe7f8c307400c1fa829da0', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],
         "variant": [1],
         "isLoading": [4, "is-loading"],
-        "clickHandler": [16, "click-handler"],
+        "clickHandler": [16],
         "disabled": [4],
         "type": [1],
         "class": [1],

package/dist/module/justifi-checkout.js

@@ -75,6 +75,11 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.isSubmitting = false;
     }
     checkoutChanged(event) {
+        // if disabled bnpl, remove sezzle from available payment methods
+        if (this.disableBnpl) {
+            this.availablePaymentMethods = event.detail.availablePaymentMethodTypes.filter((method) => method !== PAYMENT_METHODS.SEZZLE);
+            return;
+        }
         this.availablePaymentMethods = event.detail.availablePaymentMethodTypes;
     }
     async fillBillingForm(fields) {
@@ -92,7 +97,6 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         checkoutStore.authToken = this.authToken;
         checkoutStore.disableCreditCard = this.disableCreditCard;
         checkoutStore.disableBankAccount = this.disableBankAccount;
-        checkoutStore.disableBnpl = this.disableBnpl;
         checkoutStore.disablePaymentMethodGroup = this.disablePaymentMethodGroup;
     }
     async submit(_event) {
@@ -105,16 +109,15 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '65e97b6e7b25f885beda63487d96877ac4785847' }, h("justifi-modular-checkout", { key: 'dc009a2897ae02dfaa9ca7694dc20a588bca5b8a', ref: (el) => {
+        return (h(StyledHost, { key: '40765f54a977fb2e8e450eba0bf9731132ae4897' }, h("justifi-modular-checkout", { key: '3e698888a43c585749644d874dd49510889b04ca', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '8c8536f5139ad2d05316546a5442552e87992d89', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '20135fb737963df1d2c5e790881b98d6efa8c04b', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '4fa1fdcad237ce5014266adbd6fec1fa766c3e44', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '44a694a98e30ebd21e1f3d2beaafe8d5d11f1a36' }, h("justifi-checkout-summary", { key: '1ff39b9c2d31649f2346d0aa666168d1cbe1deca' }))), h("div", { key: '6401bebd557fcf9ef73746c2ee4f2d67ccccf73b', class: "col-12 mt-4" }, h("slot", { key: '72d1e32aaed73232cf2b2d247ab5e7fc19a36092', name: "insurance" })), h("div", { key: '2fea8b30dd19032afc7a5b37abe897aa1aee1362', class: "col-12 mt-4" }, h("justifi-header", { key: '8b2d443e9e5db4ba95ab72983e737a7579824e69', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '67a2c1a30841a789b9b2ee2d16209373ad055783', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '1fdb903931cd73a801975eabd12d7ad43cefcb97', class: "d-flex flex-column" }, h("section", { key: '29b3a041e397aebae60106ac508188d6b4770f1f' }, h("div", { key: '0ab54f7a284a59d8bcae57df1abe8e8347628fc2' }, h("justifi-saved-payment-methods", { key: 'b8f73b6e8992e99332dc55cf6ed099ccb60953c3' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'd87bd60da7d44160a56de342fcbe6c505e8d79e5', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && (h("justifi-radio-list-item", { key: '9d0527fe516eaee74a10314a6f7a866cf40a6942', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'fd29144c8e488ee48361df556bde824a80d1a207', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '9f3cc42ae66e37193ab0b6df7f5235aaf8cc3c84', class: "mt-4" }, h("justifi-button", { key: '2cbd13a7bde5ce0478e948456edb2191f9b96c0b', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '2491242f0619ea24fbd0e50fbdda4cc2bad9915f', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'a965de56c5190e62bbad82116874c78c57f9d9c6', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'ad29fd4619a5bf9e38cbca2e24f8c6818419c022', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '4b1691f7f54a8e83f649a3d1346ec5e0f4ebb588' }, h("justifi-checkout-summary", { key: '8ea50acbcd67ea9f26dbdf74f3a0a30062926364' }))), h("div", { key: 'b024b6c6debc74443abca6b7776c29ce0253da34', class: "col-12 mt-4" }, h("slot", { key: '00b9e18b4fb5278085a3752cdd009d29b0a97a04', name: "insurance" })), h("div", { key: '7dac621b116926cbd860ca975aa642bc207fc62e', class: "col-12 mt-4" }, h("justifi-header", { key: '228d89e8fc31e9e0d6e67907b45f74b8af601e30', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '6cc7b7a742f679029f40d8c64c9d59004604f67b', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'd5ca29544817acbd96c6cff74de27ed13b9ac42f', class: "d-flex flex-column" }, h("section", { key: 'd149835076b70d73c61cfa6e219ac613cf93e817' }, h("div", { key: 'c4562096a2bbd0bacb907c1bbb5cf741d5c77cb3' }, h("justifi-saved-payment-methods", { key: '077666867b456945c6da965a2ebebfd2faaa66b9' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'bcf02b77573ff17e37b5b61793bd26351979b088', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '496cf7bd1c93724a5608bc3dba4756ae8dc605a6', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'eeb4dd27a8f448cc69e85bce8a4412306dbf0af2', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'ad13982f1c15dd574e915e8a3a1adac55b21c188', class: "mt-4" }, h("justifi-button", { key: '0a0ffc091fbe77e9221114643d5e17e891977594', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
         "checkoutId": ["propChanged"],
         "disableCreditCard": ["propChanged"],
         "disableBankAccount": ["propChanged"],
-        "disableBnpl": ["propChanged"],
         "disablePaymentMethodGroup": ["propChanged"]
     }; }
 }, [260, "justifi-checkout", {
@@ -140,7 +143,6 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         "checkoutId": ["propChanged"],
         "disableCreditCard": ["propChanged"],
         "disableBankAccount": ["propChanged"],
-        "disableBnpl": ["propChanged"],
         "disablePaymentMethodGroup": ["propChanged"]
     }]);
 function defineCustomElement$1() {

package/dist/module/justifi-checkouts-list-filters.js

@@ -55,7 +55,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '0899d18449324a8dc022297d9ab5b4f726d091f9' }, h("table-filters-menu", { key: '8b110d394a685f0f4868c089621711086384ab1c', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'e556d20b1ff0fe9fe3a8c4ad38e58701cb27d6f7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ba35f335ab22792af155140efbe01b7deed60e25', class: "p-2" }, h("form-control-select", { key: '6669b68303f80616ce2f307d653e4775c9d2483b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '7ddd00d88cc28ea92540b83a5b40354ca69803b8', class: "p-2" }, h("form-control-select", { key: 'dfecff15700e174c3fe12a2aa5bc724e8826b831', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: '6dbdb00f79ef53a27be368d8fe4cbe2f16f2dd4f' }, h("table-filters-menu", { key: 'de5804ab5f58f460dbff9a271ef54c2ad36189b2', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '3cf13c643c5bdddf18228b3e1a5c3bb1fa8888d1', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '18b4c17805ab037e9cedc0deb64728d5b0678a4d', class: "p-2" }, h("form-control-select", { key: '07fc0b1645bfca511e08fc6e1752405c7c07a33c', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '49ae4add03dc26083430ebc17b5e382a63b820b4', class: "p-2" }, h("form-control-select", { key: 'a5479b1e04a0d393ea9007e032453f05efaf2e68', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],

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

@@ -103,7 +103,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '4889226a2351b13dde8cbbfb0ba5fb3156226c5f' }, h("checkouts-list-core", { key: '56c36469e55f5ce33da5cc3224ebfd83057811d7', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'e4cb557d2c2a552f8491c9360ae937d8403e7355' }, h("checkouts-list-core", { key: 'cd12ed4b958bac696e3801951110d2d227dbfb16', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-dispute-management.js

@@ -96,7 +96,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '4087eb105a046a3cc194d9f25c80fa11298fa0a2', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: '3e27df0e4efcad1b359a1daf1f32d8fe9dbc74f0', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-form-address-fields.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiFormAddressFields extends Components.JustifiFormAddressFields, HTMLElement {}
+export const JustifiFormAddressFields: {
+    prototype: JustifiFormAddressFields;
+    new (): JustifiFormAddressFields;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-form-address-fields.js

@@ -0,0 +1,6 @@
+import { F as FormAddressFields, d as defineCustomElement$1 } from './form-address-fields.js';
+
+const JustifiFormAddressFields = FormAddressFields;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiFormAddressFields, defineCustomElement };

package/dist/module/justifi-header2.js

@@ -20,7 +20,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'eb3651b698897193d34a6c6456cd57dd0bd0bc43' }, h(HeaderComponent, { key: '39caee687f93d3d4d90e62d9fbcae318eaa8022e', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'd4871da09451d40b27220a207ee72317ed9b1b9f' }, h(HeaderComponent, { key: 'f7de159fa6395ef4024f48b868369f8d10edf64e', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

package/dist/module/justifi-order-terminals.js

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { X as heading4, _ as heading5, a0 as buttonPrimary, t as text } from './parts.js';
+import { Y as heading4, $ as heading5, a0 as buttonPrimary, t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -7,7 +7,7 @@ import './justifi-radio-list-item2.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { o as TerminalModel, C as ComponentErrorSeverity, n as TerminalOrder, e as TerminalOrderType, a as ComponentErrorCodes } from './Refund.js';
 import { B as BusinessService } from './business.service.js';
-import { a as Business } from './Business.js';
+import { b as Business } from './Business.js';
 import { m as makeGetBusiness } from './get-business.js';
 import { S as Skeleton } from './skeleton.js';
 import './config-state.js';
@@ -205,7 +205,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '3ea6cebd4ab6bc47090056581482dab8502175c1' }, h("div", { key: '383dc710920b5119841d5cf6f1b596ebc349fd5a', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '41e37a4d39c62a70af04300f4075e3504ad0bfb7' }, h("div", { key: 'b3c3ccac39a5b7a6c70af5fd328291454ddf10e0', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],