@justifi/webcomponents 6.13.0-rc.1 → 6.13.0

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

@@ -130,7 +130,7 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
         });
     }
     get patchPayload() {
-        let formValues = new Representative(this.formController.values.getValue()).payload;
+        const formValues = new Representative(this.formController.values.getValue()).payload;
         return { representative: formValues };
     }
     render() {

package/dist/module/business-representative2.js

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks.js';
-import { d as deconstructDate } from './Business.js';
-import { h as heading2, l as label, c as inputDisabled, E as buttonSecondary } from './parts.js';
+import { d as deconstructDate, a as CountryCode } from './Business.js';
+import { h as heading2, l as label, c as inputDisabled, A as buttonSecondary } from './parts.js';
 import { c as countryLabels } from './country-config.js';
+import { d as businessTitleOptions } from './business-form-options.js';
 import { d as defineCustomElement$8 } from './custom-popper2.js';
 import { d as defineCustomElement$7 } from './form-address-fields2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
@@ -36,7 +37,7 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
         var _a;
         const label = countryLabels[this.country].idNumberLabel;
         const labelOptional = countryLabels[this.country].idNumberLabelOptional;
-        return ((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) ? labelOptional : label;
+        return (((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.country === CountryCode.CAN) ? labelOptional : label;
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors.representative)));
@@ -45,11 +46,11 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
     render() {
         var _a, _b;
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: 'c12be1414101467b72170c101cb3d7792f0fafe0' }, h("fieldset", { key: '821c9982121243de546bfe95094402379e704659' }, h("legend", { key: '48d43758a4d62dcd977eeb9703bae8ac153b9bf4', part: heading2 }, "Representative"), h("div", { key: '458edb00ebc0817623cd0fe70b8221c178cac168', class: "row gy-3" }, h("div", { key: '5d6b3fc92d7c6fb6bf729881bf26198ea796cbfa', class: "col-12 col-md-8" }, h("form-control-text", { key: '73eb60a383a45664050dd53bbc8b22b1e54ec22f', 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: 'fa4b8c69dc03d7ffeecf98badd5cda52edc370e5', class: "col-12 col-md-4" }, h("form-control-text", { key: '3cc743bd85400c30741b6c05c3c098badce49a58', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '83daa42529e73c5b946830dded92d0d48c95b251', class: "col-12 col-md-6" }, h("form-control-text", { key: '046a7537d6a2c5ab90d0069f91cc75f42a925e27', 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: '9de7ac978409f7d5b6064cbeaa30771a6002fa5b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '05bd882e8d76b6bc1dbc44fc4e1951d14d6d2649', 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: 'b511c08db58c2442746a497c7d784cd0605e9f17', class: "col-12 col-md-4" }, h("form-control-date", { key: '46be9d7a916f72c583b0d47a528e6e3d2443ac83', 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: 'ae69c549fdf91314f4be3fa2d922c73bc19253ed', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: '9045242989e4d43d1e7b0770d0c5421005db78fa' }, h("fieldset", { key: '6643f8bd8e81bbc64ae8a0e9bcf317e16f91bab9' }, h("legend", { key: '20b897584a059ad98c109a37a3ea74c8be4b407c', part: heading2 }, "Representative"), h("div", { key: '37da5bfb73a7606c6180c151761aaf13dcc819c4', class: "row gy-3" }, h("div", { key: '8d76accd442d9fda35ae4d3e1c47b65e17f098a0', class: "col-12 col-md-8" }, h("form-control-text", { key: '2eadd087eac463e851192d8ee1c30390a29ee8b2', 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: 'f495a8cb3c6a0e9b4a00aac3e8c77f66da84b9e2', class: "col-12 col-md-4" }, h("form-control-select", { key: '4b7669b96b7df9a387cf3c4f9638ea9ada9f37ee', name: "title", label: "Title", options: businessTitleOptions, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '3e10f464a7e26a9518b4ce6d37c6f4a968514f98', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a0d51c6999295428bfdcb43ef4b0ec15194eb077', 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: 'a8e1a4c8e4fa5a50d436c18e41a5b77f23bc53cf', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'a72115bf51fc97a25add717c208e820c7e9e5495', 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: 'db04f552f1757b6ac4e10539e4a148f399a75192', class: "col-12 col-md-4" }, h("form-control-date", { key: 'cb07a2cc4e6fc242d643f9caea01db380a9ff366', 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: '95348511ba3b1582053f754249b15efe4d707252', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
-            } }, "Change"))))), h("div", { key: 'dc7a74fe3641cfb03e682a6170c04efbd15b41d0', class: "col-12" }, h("identity-address-form", { key: '3756996788014f46ecfda29a3e5f9212b749a5d8', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), h("div", { key: '57dcdaad0ec89f94d82236bfc8e093b68b7ec478', class: "col-12" }, h("identity-address-form", { key: '0ea02562077d352c5d3a1d0903dee1e8b69fa6f1', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
 }, [256, "business-representative", {
         "formController": [16],

package/dist/module/button.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { a3 as buttonOutlineSecondary, a4 as buttonOutlinePrimary, a1 as buttonLink, a5 as buttonDark, a6 as buttonLight, a7 as buttonInfo, a8 as buttonWarning, a9 as buttonDanger, aa as buttonSuccess, E as buttonSecondary, D as buttonPrimary, ab as buttonLoading } from './parts.js';
+import { a3 as buttonOutlineSecondary, a4 as buttonOutlinePrimary, a1 as buttonLink, a5 as buttonDark, a6 as buttonLight, a7 as buttonInfo, a8 as buttonWarning, a9 as buttonDanger, aa as buttonSuccess, A as buttonSecondary, z as buttonPrimary, ab 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-policy2.js

@@ -41,7 +41,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'debb9fe05382d0806038547b61fe3201845db2a1' }, h("div", { key: '030d5be9a41dff1954049c6ac33a79024741c43c', class: "row gy-3" }, h("div", { key: 'd5da527af347d6c29c30f5ed5b5295b9ef693e7f', class: "col-12" }, h("h2", { key: '3f8d2da0485bd28220ae9f66db87fab49e86a734', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'd7fa3aacd80ad375ba58d1c86d8cf9d00c4cce6e', class: "col-12" }, h("form-control-textarea", { key: 'ca14e78ef0dcbad3b2a76cb230c2eb4a7c56f877', 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: 'e8f10ab0e5e3e9c7a0f90aa13e8680607bb64a3e', class: "col-12" }, h("form-control-textarea", { key: '5ca2d11d67301b512756cbc4355939b9433be033', 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: '36b8ef8f62721f220a05b1571bb347641b433b56', class: "col-12" }, h("form-control-file-v2", { key: 'c04f383cf55abd36b753718c2170d64f97935e7f', 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: '8812e04b5497b1b75d4afcc18084ff224efe11e0' }, h("div", { key: 'fd414b2ebd443b490ec68bb1788efce0824877e6', class: "row gy-3" }, h("div", { key: '300e7b1afa78dac54bd3240af7ad1bdd6f386134', class: "col-12" }, h("h2", { key: 'c85c78cf40224ad06db9746c929d312d6ac53613', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'fab79ca4fb6f343674698b87fd5e713c6028ce8b', class: "col-12" }, h("form-control-textarea", { key: '106094d74237d258091a60d14e0bdeecf1106584', 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: 'ac5d1d534d30176483fc490947e3bf65fe41afa3', class: "col-12" }, h("form-control-textarea", { key: 'd0972bf1837f9f23de6925517756ec18e1fac3fe', 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: '135463253e19c6a2d5ff86b04413e6838f824a89', class: "col-12" }, h("form-control-file-v2", { key: 'ef0a3a1d1113f5cb4e97bbf1017841b75463f690', 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 })))));
     }
 }, [256, "cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/card-billing-form-simple2.js

@@ -48,7 +48,7 @@ const CardBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class CardBilling
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h("div", { key: 'c067c5a1aab63baa994322346b7cc3d71fca5157', part: billingForm }, h("form", { key: '72a74580a254d4c940579e0c5fa781e00a6a80d6' }, h("fieldset", { key: '6beea66d6a8c863e228aafbd9e7ff78f5e19b033' }, this.legend && (h("legend", { key: 'ba5bb1b6b8d703898424113e5787a0ffb7f534af' }, this.legend)), h("div", { key: 'cc3bc3446e475822c45d2ae261cdfb755e6313db', class: "row gy-3" }, h("div", { key: '5dd21759753d2a5378d6dcc0b3b7ffb436c052db', class: "col-12" }, h("form-control-text", { key: '033d5598a3ba198712189597ed1d1efe0dc09802', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
+        return (h("div", { key: '41a7f26e12bfa3da4e7926d8a535218a0580be14', part: billingForm }, h("form", { key: 'b48cf148ec6d16fd8e5859dfe96a3b9fd6d3036d' }, h("fieldset", { key: '88094544642af8fadb270dfafd838d450ad88cdd' }, this.legend && (h("legend", { key: '13c19557aa4c0c127305cc54f6346eeb74d4f750' }, this.legend)), h("div", { key: 'bbcf1a622720df2d21db718eaf823e4e33155070', class: "row gy-3" }, h("div", { key: '96b9d590fd68fd4f2a54760e58c0f2bc166a832b', class: "col-12" }, h("form-control-text", { key: '57050d0274782cb2ff5f1a9b13726a8319438a36', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
     }
 }, [256, "card-billing-form-simple", {
         "legend": [1025],

package/dist/module/card-form2.js

@@ -55,10 +55,10 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         return result;
     }
     render() {
-        return (h("div", { key: 'cef558344c088e6e0bccb49b99c8a47c76200467' }, h(CardFormSkeleton, { key: 'f35bad214bc4d7657b7ab8a097a76602df877bcf', isReady: this.isReady }), h("hidden-input", { key: 'd3791651ad279e2e0ad169012f4d066a44bbfa66' }), h("div", { key: '37318e633f9ab08bfbc95750466c054158e5e4ff', class: "container-fluid p-0", style: {
+        return (h("div", { key: 'd3cb1fca6595f60e5f5f122b73d3d6c11a826423' }, h(CardFormSkeleton, { key: 'f83dcbbc214d460bb21c015ec051436ed5cf6670', isReady: this.isReady }), h("hidden-input", { key: '5fad0d06303d0ddb55c30c2cd94014255f2a8cec' }), h("div", { key: '68440756a1aad69b5c95245e7a2a5feb16899dca', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'd5eccc9c8a496f3f264a1bd01bb065e823aa01b5', class: "mb-3" }, h("iframe-input", { key: '2ec07c9bf1ea18ed354cd036e2c7876f974a30ed', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '2959894ab0721d9bffccb0c16ecfb71bd3488518', class: "row" }, h("div", { key: 'dea7afd2515c4faa4927fd6cb32678fc782b9b5a', class: "col-4 align-content-end" }, h("iframe-input", { key: '7d95eff6c6765ff996c1c497866ad01216b2cc4f', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '00b02deefe877431409ef584662fc07e4a20cc3c', class: "col-4 align-content-end" }, h("iframe-input", { key: '4860f042f29eb1d3db0e5ad4cb7c9471b8536ce6', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'c69f9be6e581e683b757e89000ef1ba385c5f57b', class: "col-4 align-content-end" }, h("iframe-input", { key: 'e5fbb8e78af5c8c6ed74db18aeb226bfba5d083f', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: 'b39eab56c79463935f1a1bb15cc867997f026e7b', class: "mb-3" }, h("iframe-input", { key: '25a2390a8c3c92d5e6eceafe6b821202ecb22d76', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '68766798d954a0b3d093ae13c3c2955f819da4f2', class: "row" }, h("div", { key: '05539f1ac8ebb0397574d55b4b76d7acdb7d2dca', class: "col-4 align-content-end" }, h("iframe-input", { key: '4c437a4384e6c301e18824d799784c1133e70ee3', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'b9a5b8b5dda1d8ab6305c9dc1ef9b655eb02fb3d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c1a412c20e75d21c1084a4b93f22362c367c1907', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'abdfdbd7eb784871011397a7c5fdf371e3c6baf0', class: "col-4 align-content-end" }, h("iframe-input", { key: '08dff072e785846d7543018c194b4df6ce5b343e', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 }, [256, "card-form", {
         "isReady": [32],

package/dist/module/checkout.store.js

@@ -12,6 +12,7 @@ const initialState = {
     isWalletProcessing: false,
     applePayEnabled: false,
     googlePayEnabled: false,
+    achPaymentsEnabled: false,
     insuranceEnabled: false,
     bnplProviderApiVersion: '',
     bnplProviderCheckoutUrl: '',
@@ -19,6 +20,7 @@ const initialState = {
     bnplProviderMode: '',
     checkoutId: '',
     checkoutLoaded: false,
+    checkoutMode: null,
     bankAccountVerification: undefined,
     disableBankAccount: false,
     disableCreditCard: false,
@@ -46,6 +48,7 @@ Object.keys(initialState).forEach((key) => {
 function getAvailablePaymentMethodTypes() {
     var _a;
     const methods = [];
+    const achAllowedForCheckout = !checkoutStore.checkoutLoaded || checkoutStore.achPaymentsEnabled;
     if (!checkoutStore.disablePaymentMethodGroup &&
         ((_a = checkoutStore.paymentMethods) === null || _a === void 0 ? void 0 : _a.length)) {
         const hasSavedCard = checkoutStore.paymentMethods.some((pm) => pm.type === PAYMENT_METHODS.SAVED_CARD);
@@ -53,14 +56,16 @@ function getAvailablePaymentMethodTypes() {
         if (hasSavedCard && !checkoutStore.disableCreditCard) {
             methods.push(PAYMENT_METHODS.SAVED_CARD);
         }
-        if (hasSavedBank && !checkoutStore.disableBankAccount) {
+        if (hasSavedBank &&
+            !checkoutStore.disableBankAccount &&
+            achAllowedForCheckout) {
             methods.push(PAYMENT_METHODS.SAVED_BANK_ACCOUNT);
         }
     }
     if (!checkoutStore.disableCreditCard) {
         methods.push(PAYMENT_METHODS.NEW_CARD);
     }
-    if (!checkoutStore.disableBankAccount) {
+    if (!checkoutStore.disableBankAccount && achAllowedForCheckout) {
         methods.push(PAYMENT_METHODS.NEW_BANK_ACCOUNT);
     }
     if (checkoutStore.bnplEnabled) {
@@ -73,7 +78,8 @@ function getAvailablePaymentMethodTypes() {
         methods.push(PAYMENT_METHODS.GOOGLE_PAY);
     }
     if (checkoutStore.bankAccountVerification === true &&
-        !checkoutStore.disableBankAccount) {
+        !checkoutStore.disableBankAccount &&
+        achAllowedForCheckout) {
         methods.push(PAYMENT_METHODS.PLAID);
     }
     return methods;

package/dist/module/country-config.js

@@ -28,24 +28,31 @@ const countryLabels = {
         idNumberLabelOptional: 'SSN (optional)',
         identityHelpText: 'Enter your full Social Security Number. It is required for Federal OFAC check.',
         taxIdLabel: 'Tax ID (EIN or SSN)',
+        taxIdLabelOptional: '',
         taxIdHelpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns. Enter value without dashes.",
     },
     CAN: {
-        stateLabel: 'Province',
-        postalLabel: 'Postal Code',
+        stateLabel: 'Province / State',
+        postalLabel: 'Postal / Zip Code',
         idNumberLabel: 'SIN',
         idNumberLabelOptional: 'SIN (optional)',
         identityHelpText: 'Enter your full Social Insurance Number.',
         taxIdLabel: 'Business Number (BN)',
+        taxIdLabelOptional: 'Business Number (BN) (optional)',
         taxIdHelpText: 'Business Numbers (BN) are nine digits. Enter value without spaces or dashes.',
     },
 };
+const provinceAndStateOptions = [
+    { label: 'Choose province / state', value: '' },
+    ...ProvinceOptions.filter(o => o.value !== ''),
+    ...StateOptions.filter(o => o.value !== ''),
+];
 const countryOptions = {
     USA: {
         stateOptions: StateOptions,
     },
     CAN: {
-        stateOptions: ProvinceOptions,
+        stateOptions: provinceAndStateOptions,
     },
 };
 const countryValidation = {
@@ -55,10 +62,10 @@ const countryValidation = {
         taxIdDigits: 9,
     },
     CAN: {
-        postalRegex: /^[A-Za-z]\d[A-Za-z][ -]?\d[A-Za-z]\d$/,
+        postalRegex: /^([A-Za-z]\d[A-Za-z][ -]?\d[A-Za-z]\d|[0-9]{5}(-[0-9]{4})?)$/,
         identityDigits: 9,
         taxIdDigits: 9,
     },
 };
 
-export { countryOptions as a, countryValidation as b, countryLabels as c };
+export { ProvinceOptions as P, countryOptions as a, countryValidation as b, countryLabels as c };

package/dist/module/custom-popper2.js

@@ -1903,7 +1903,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'eb1e7317215bc36f340ac0cd8b5826cc302c3693' }, h("style", { key: '1acdb1992e684a654d659e7472758e016b4b11d6' }, `
+        return (h("div", { key: 'dd78d45fac5784e4e35b567edd830849d7a6e7e6' }, h("style", { key: '9eb0b20522bf597e5220c0ccd83e0ee7bd8e5b3e' }, `
           .popper-content {
             display: none;
           }
@@ -1911,7 +1911,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '53ff89449687b84469c9cfbb83c7807b6e95e003', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'f8f516747c2ad6c2e32efefeaa33f319a202bba6' }))));
+          `), h("div", { key: 'de0afbe656eacf34ed147beeeb8d5485b8e1c187', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'ebb302495c71a1e5f1fd5236ce75495b5d4bc3b3' }))));
     }
     static get watchers() { return {
         "anchorRef": ["onAnchorRefChange"]

package/dist/module/customer-details2.js

@@ -43,7 +43,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '91e26b2e75fdd29814c58122e5aeae0d4d696032' }, h("div", { key: '029a3828b8682fdd10af400dccceff109f866509', class: "row gy-3" }, h("div", { key: '71fa3ded5566c5c18c682b8cfdfdcc5ebba2db44', class: "col-12" }, h("h2", { key: '95eb1ed9da9cd955fa9c4c7a83368ac3c3378d5b', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9450f8bd033efc7d48d62ce343b8b43833887f63', class: "col-12" }, h("form-control-text", { key: '5690f7d9a46e2d58bdc24af0aab3798664f21745', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'a12aa4cb464e5df7f045302b08801adca70005f6', class: "col-12" }, h("form-control-text", { key: '39cdb0b558b87a7eae0528ea40b9ca4175b4cf7c', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '13604ae63374c6fa1805d8c4be0ba55fc166a924', class: "col-12" }, h("form-control-textarea", { key: '60a110f277175418c2ec0938600ad4b04f885ee3', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'abaa8888fff9952b3433c49e82a7150d6cd971dd', class: "col-12" }, h("form-control-file-v2", { key: 'e2e79edd8eaafd93cfdb91fd6a3b77645c1d28f2', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '04bfc4bf3e735cccf70fb83d2e0882662b389727', class: "col-12" }, h("form-control-file-v2", { key: '476d3df1f072afdf95a6ad83e8b94b5946d66186', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '91b627ab79cff98fc4bb2b76e9e9159b99bcdc44' }, h("div", { key: 'ddb074202926fca96c40fba3724b1a603ef29bf8', class: "row gy-3" }, h("div", { key: '680d03bb31e19a1ab7aa560195a802dc2a7f1bcf', class: "col-12" }, h("h2", { key: 'b9e47dc34c931a18373053384dac93ccd45e4823', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '286716947b073de829fe525eb855864f51d72234', class: "col-12" }, h("form-control-text", { key: '2b9369bfbb55fa87ee8448324f6ff8480679ba58', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '89f384a11dcac912a189b4909586a3e1db603f25', class: "col-12" }, h("form-control-text", { key: 'c6dfbeb68b117d840a39bfe4e96be7d18d5395b7', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '29c2e48fabafe27b878294e3267a9ec04a91a2a4', class: "col-12" }, h("form-control-textarea", { key: 'ec734cbef65f6263e462b86332be24c92a1173ad', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'f944aca1e6594cdcc20bb69bd1aa625536d05ac0', class: "col-12" }, h("form-control-file-v2", { key: 'f227a8b81e6b8409152f61ae6906319577663dd3', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '4804ef68cc6f5d0006568aca8bc57086243af4de', class: "col-12" }, h("form-control-file-v2", { key: 'a0dba5cfa046de4bca065d7bb20ec2a5abd57fc9', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 }, [256, "customer-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/dispute-notification2.js

@@ -47,7 +47,7 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
         }
         // Fix for JavaScript Date object parsing
         // https://stackoverflow.com/a/31732581
-        const dueDate = new Date(this.dispute.due_date.replace(/-/g, '\/').replace(/T.+/, ''));
+        const dueDate = new Date(this.dispute.due_date.replace(/-/g, '/').replace(/T.+/, ''));
         const today = new Date();
         // Reset time to compare only dates
         today.setHours(0, 0, 0, 0);
@@ -56,8 +56,8 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("div", { key: 'c5963c0823e635ee0c2e88979b174c89c96af134', class: "dispute-notification-root" }, this.isLoading && (h("div", { key: '4de146d999a16e1b4ad3e393285a843d86febdda', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'ccbf1fe76ac5582cb2536548901c12768096e867', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '06ede07362fe88dfd4ec6b38c80bf619b9c7a134', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '768613c5b20ef403c468b12d5dacbea4b211ebef', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: 'a22e18df2764ddb6bee0db7e4da388bd9aec0d99', part: text }, h("h1", { key: 'b602464b54aacc6c0776975921dbe3fceeda1f04', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), h("p", { key: 'e4b8615f75914e7aa613f6120172bc2cc0f6dd31' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '2b09cc88b63ca582e2ef8cb83ef4455d4af493cc', part: text }, h("h1", { key: '74ac700bc104aac085712a30da0b968a1bec41fe', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '2d133967991c3ee44f022ac925c873c198b71315' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '376936590aaeb5903f430eedb84984704966563d', class: "h5" }, "Dispute details"), h("div", { key: '8afea9772ee48495c8b731ba8602c48e00061f8c', class: "d-table gap-2" }, h("div", { key: '14630372fff051e1baadb7239ced63ae56edaf7e', class: "d-table-row gap-2" }, h("span", { key: '4ec3fc5233e87b07021eeb78ac7d4e09666502c7', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'fe19ae497136c8ef5511a0197952c6d3cd889b84', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '0f955e0707a9b8126868a34dafa39320e00d7706', class: "d-table-row gap-2" }, h("span", { key: '63dc2ebf125f6ec52a155ced1324a02b0735c78b', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5a6e543559e873811348fa0b68d21fe0f1dac781', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '7656de07c60c137dd7005f96370a71442dcdb526', class: "d-table-row gap-2" }, h("span", { key: '817a89c84f605cbfac346f0d39790b35a73d51a4', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'e0e7c74f85934f6a1d2e02bc24d5563e1a37222e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '2ef721cebd617709242a0b4b9713ff264f73eac0', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '530f16709538e4146e542b88177145e4b2c9808a', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'a498af8eb2d5a41e75a8fb044b981463b8e3bbd4', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'f01a89cda469402b5543b64b02ddfc9ec66cc62b', part: text }, h("h1", { key: '15f0173bdfc20dea6fb16b030479f8554e40b716', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'a444d77fad985cddf37a0386db7ee65f321fa11c' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '08bf0f31e5fe43dbf1058709f500d0b592827dcb', part: text }, h("h1", { key: 'e9925566140ac26b9fb42026258f3ca2bebc002f', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'b0dd7cec8cad943d46d7e2d7d919f15b29d08fbd' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '4b037a462c3e9b3c7b7296e15b443c94a4310f46', part: text }, h("h1", { key: 'b614282d90adb69e9c638ed7a6f80566033c69ed', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '3808b99fb69241784c6f3e09bbd6b13636cb26a3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h("div", { key: '325018c414e82b5c1bc7d9c5aa444b5a9d4e83d6', class: "dispute-notification-root" }, this.isLoading && (h("div", { key: 'deffb8ef248e32962aca084a564e83aa5f222b0a', style: { marginBottom: '8px' } }, h(Skeleton, { key: '6f6c630b3122b1b2fd480470f5df7683f19de612', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '11f46711fed1094496c64551f084351c08f598be', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'fc7e2eac76e1cbc329147f3da39a8c28c51a7b6a', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '0ef159acf9fe5b12dc0dcddab6b7583e5fc9a799', part: text }, h("h1", { key: 'db263006990c5b4cf178f7f81650ad7602765532', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '185c6f952ef46e3aec625cab73c943b3046ef6b4' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'd4536104addc500277fbde990b7b33ba8ff54c7e', part: text }, h("h1", { key: '198138cc6541c0aeeae458e2de1e3ae0c695328d', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '6902ce5e3e94ab7f71ee6d0c6a7604ef97f0e740' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'f49d1ac855365480edc61e0af117230e2f3dbe1f', class: "h5" }, "Dispute details"), h("div", { key: 'f3868a098dbc4a613d676b8580c053527f9d5fad', class: "d-table gap-2" }, h("div", { key: '7699bc619b652ffe1c77cf6e5e0dac967679b1e6', class: "d-table-row gap-2" }, h("span", { key: '9de67b45877120f54f724f1efe7b3f4d4b035d30', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'bfd79f86b5b81daf2a34f5874fcff03a05d1e64d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '0e57d56172859eb5857a1930cb837569157026d9', class: "d-table-row gap-2" }, h("span", { key: '0b615bd8f9a9add7d18d50be4f4f644707576de2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '46288c67be32fe2d95fea88f5b0148f22552a2c9', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: 'c68280b0f36280804fb6231236d942174c189456', class: "d-table-row gap-2" }, h("span", { key: 'ed3f145aa0f2c949b80d7033e4ecb818a4a4fa68', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '4c4530acbc570fb13b5f53947714bd250ff99cab', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '3244bb6bdbed2b4e28c479c2d4db2d0ae152f2f0', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '3716a28cec93e70690ad96bfc0c5f3b7b56f8ecb', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '7f326ed6f298c9f1091b160c63e386864329190e', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'd705ae48c1f30b904ac31bbdbab9e955868f51e1', part: text }, h("h1", { key: '712cebef3699a8c2a97bcb69ae68e0b491090c88', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'ca95b2c8bdc6083a3fbb1dd63c6bdaa4699ae2a7' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: 'c0cb4c8342aa4f022d76e95123a047b7b707f562', part: text }, h("h1", { key: '797966d237d4b46eb1b880deb7fa21746f5b3b1e', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '2f9eed1a5f34f772206112488af22aa8b35c07b6' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '9a90af51218ed921e27519363995f12e29713bfd', part: text }, h("h1", { key: '736ee5cf8f65d780d4812e24ea9050dcc0d109a4', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '9ca83087b028e1078bcc2cd0b552e8f5379932d1' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [256, "dispute-notification", {
         "dispute": [16],

package/dist/module/dispute-response2.js

@@ -221,7 +221,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '50f6bf79c7590ef3591e2163dbcd89241ca17b62', class: "dispute-response-root" }, h("div", { key: '5345d5a3c5e7ff2d4c56f438fe623578e3d2029e', class: "row gy-3" }, h("div", { key: '8925276a290105b2fde5cd6bfdf0390c3a0c95f9', class: "col-12" }, h("h1", { key: 'b8eb14deedc748b3612f11fad9d94fa38020a7f8', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '50afe487bdb21d3ea2dc149c662a284f5ebb4d9b', class: "col-12" }, this.currentStepComponent), h("div", { key: 'cde242630fdc12e82ee5a77a199c4f6a7858371e', class: "col-12" }, h("div", { key: 'ce548b753ec56df34e23eb33649a27449d49b712', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next")))))));
+        return (h("div", { key: '7f9c8d56cfb86cea73ab2f299b83ff0de28f5c3e', class: "dispute-response-root" }, h("div", { key: 'a805bf54df79453127557bf651c3d776a381241f', class: "row gy-3" }, h("div", { key: '2e6bc9cbe369e0ea5d200bc0934b4cad50f3c76f', class: "col-12" }, h("h1", { key: '9876e9c87c6dfb405e7bad46d64fdb40ad048142', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '045028232da5331c7041ad222c4e98364674ace3', class: "col-12" }, this.currentStepComponent), h("div", { key: '0455c4856a44340ce25c1c4c8f776abb197f919f', class: "col-12" }, h("div", { key: '5b990cc1d41b3a7152d727c941e9758ed70f75a1', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next")))))));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/document-upload-form-step.d.ts

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

package/dist/module/document-upload-form-step.js

@@ -0,0 +1,6 @@
+import { D as DocumentUploadFormStep$1, d as defineCustomElement$1 } from './document-upload-form-step2.js';
+
+const DocumentUploadFormStep = DocumentUploadFormStep$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DocumentUploadFormStep, defineCustomElement };