@justifi/webcomponents 5.7.4 → 5.7.6-rc-01

package/dist/module/business-bank-account-form-step-core.js

@@ -1,14 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, d as create$8, F as FormController } from './form.js';
-import { E as EntityDocumentType, b as EntityDocumentStorage, c as EntityDocument } from './Refund.js';
-import { z as routingNumberValidation, A as accountNumberValidation, B as accountTypeValidation, n as identityNameValidation, C as nicknameValidation, D as bankNameValidation } from './schema-validations.js';
+import { E as EntityDocumentType, e as EntityDocumentStorage, f as EntityDocument, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { z as routingNumberValidation, A as accountNumberValidation, B as accountTypeValidation, i as identityNameValidation, C as nicknameValidation, D as bankNameValidation } from './schema-validations.js';
 import './Business.js';
 import { B as BusinessFormStep } from './event-types2.js';
 import { h as heading2 } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import './config-state.js';
 import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { d as defineCustomElement$8 } from './bank-account-document-inputs.js';
@@ -197,9 +196,10 @@ const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class B
             if (!docData.presigned_url) {
                 throw new Error('Presigned URL is not set');
             }
+            const fileData = await docData.getFileData();
             const response = await fetch(docData.presigned_url, {
                 method: 'PUT',
-                body: docData.fileString,
+                body: fileData
             });
             return this.handleUploadResponse(response);
         };

package/dist/module/business-bank-account-form-step.js

@@ -1,10 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import './config-state.js';
 import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Payment.js';
-import './Refund.js';
 import './Business.js';
 import { m as makeGetBusiness, b as makePostBankAccount, c as makePostDocumentRecord } from './payment-provisioning-actions.js';
 import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service.js';

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.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$7 } from './custom-popper2.js';

package/dist/module/business-core-info-schema.js

@@ -1,5 +1,5 @@
 import { c as create$3 } from './form.js';
-import { d as dateOfIncorporationValidation, t as taxIdValidation, i as industryValidation, c as businessClassificationValidation, e as doingBusinessAsValidation, f as phoneValidation, g as emailValidation, h as websiteUrlValidation, j as businessNameValidation } from './schema-validations.js';
+import { g as dateOfIncorporationValidation, t as taxIdValidation, h as industryValidation, j as businessClassificationValidation, k as doingBusinessAsValidation, m as phoneValidation, n as emailValidation, q as websiteUrlValidation, u as businessNameValidation } from './schema-validations.js';
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = create$3({

package/dist/module/business-identity-schema.js

@@ -1,6 +1,6 @@
 import { c as create$3, a as create$6 } from './form.js';
 import { a as addressSchema } from './business-address-schema.js';
-import { k as ssnValidation, l as dobValidation, f as phoneValidation, g as emailValidation, m as identityTitleValidation, n as identityNameValidation } from './schema-validations.js';
+import { v as ssnValidation, x as dobValidation, m as phoneValidation, n as emailValidation, y as identityTitleValidation, i as identityNameValidation } from './schema-validations.js';
 
 const identitySchema = (role, allowOptionalFields) => {
     const schema = create$3({

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 ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.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';

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 ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.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';

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

@@ -1,10 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, b as create$7, F as FormController } from './form.js';
 import { A as Api } from './Api.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Payment.js';
-import './Refund.js';
 import './Business.js';
 import { h as heading2 } from './parts.js';
 import { B as BusinessFormStep } from './event-types2.js';

package/dist/module/business.service.js

@@ -1,8 +1,7 @@
 import { A as Api } from './Api.js';
-import './Checkout.js';
+import './Refund.js';
 import './Pagination.js';
 import './Payment.js';
-import './Refund.js';
 import './Business.js';
 
 const api = Api();

package/dist/module/cancellation-policy.js

@@ -39,7 +39,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        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 })))));
+        return (h("div", { key: 'ac10b9b21d37179211d74118b06f561e95d9ea71' }, h("div", { key: '8ff525f8ed20828ed153b7dc23cb84a0277b81d4', class: "row gy-3" }, h("div", { key: '4f22ed526972a6625dc77b3ab0ab5b074277d7b2', class: "col-12" }, h("h2", { key: 'd78d54468b91edd99238bd757f871b18ec5b58ca', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '629c9660446cbba8951cd8396d9b72aea71c731b', class: "col-12" }, h("form-control-textarea", { key: '60e0b4903e4ddec6915d23617f215d5d2ea20935', 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: 'aec3e4561f880b86ba6f5c7ce0298e45b837c2fd', class: "col-12" }, h("form-control-textarea", { key: 'e77d126709037cb22e6e4fcf2228652ffeb672ee', 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: '407c071a0f7a1e488eb2ef4d522e515138a5ed2c', class: "col-12" }, h("form-control-file-v2", { key: '15dfacd8e1de439848d12ecec9a0f5ffac259484', 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-form.js

@@ -1,4 +1,94 @@
-import { C as CardForm$1, d as defineCustomElement$1 } from './card-form2.js';
+import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
+import { S as Skeleton } from './skeleton.js';
+import { w as waitForConfig, c as configState } from './config-state.js';
+import { d as defineCustomElement$2 } from './iframe-input2.js';
+
+const CardFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" },
+        h("div", { class: "mb-3" },
+            h(Skeleton, { height: "18px", width: "100px" }),
+            h(Skeleton, { height: "36px" })),
+        h("div", { class: "row" },
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "18px", width: "80px" }),
+                h(Skeleton, { height: "36px" })),
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "36px" })),
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "18px", width: "30px" }),
+                h(Skeleton, { height: "36px" })))));
+};
+
+const CardForm$1 = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await waitForConfig();
+        this.iframeOrigin = configState.iframeOrigin;
+    }
+    componentDidRender() {
+        const elements = [
+            this.cardNumberIframeElement,
+            this.expirationMonthIframeElement,
+            this.expirationYearIframeElement,
+            this.cvvIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    async validate() {
+        const cardNumberIsValid = await this.cardNumberIframeElement.validate();
+        const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
+        const expirationYearIsValid = await this.expirationYearIframeElement.validate();
+        const cvvIsValid = await this.cvvIframeElement.validate();
+        return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
+    }
+    async tokenize(clientId, paymentMethodMetadata, account) {
+        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (h(Host, { key: '0f8d1d7a069380709165302ab55b8f272eb1d721' }, h(CardFormSkeleton, { key: 'f269c934c7b1712cc82a58f6a52a98ae06de0427', isReady: this.isReady }), h("div", { key: 'af64a2c9bff9e71427605d863613810aabbbf50e', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: 'b07542c92ca49a44a8c9ea04919ec3db14100cac', class: "mb-3" }, h("iframe-input", { key: 'a13821b11e3c3b9b5cfd42a967c5c708ee5fbb9e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '4ffe80a04c90546ae26b7239d7a081c251b1e9a5', class: "d-flex align-items-start" }, h("div", { key: '8b86e21933299ace1eb6914ea003eb368f164945', class: "flex-fill me-3" }, h("iframe-input", { key: 'a1c4b27683e2685a4fe4da5ae7d86b9439ec90d9', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '614059cd2995bd630709b75e9e6c29c8134c8762', class: "flex-fill me-3" }, h("iframe-input", { key: '178b15d416591122cf271e63d633950fa6a67617', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '097a78e72fa9eadd4b930b7eaf4afca5c3bf7d6b', class: "flex-fill" }, h("iframe-input", { key: 'cbe3bc2f75863d19a8e5345f0d2a68aa75a54a98', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+}, [0, "card-form", {
+        "isReady": [32],
+        "iframeOrigin": [32],
+        "validate": [64],
+        "tokenize": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["card-form", "iframe-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "card-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CardForm$1);
+            }
+            break;
+        case "iframe-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
 
 const CardForm = CardForm$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/module/card-form2.js

@@ -1,6 +1,11 @@
-import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
 import { S as Skeleton } from './skeleton.js';
+import './details.js';
+import './event-types.js';
+import { S as StyledHost } from './styled-host.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { w as waitForConfig, c as configState } from './config-state.js';
+import { d as defineCustomElement$2 } from './hidden-input2.js';
 import { d as defineCustomElement$1 } from './iframe-input2.js';
 
 const CardFormSkeleton = (props) => {
@@ -23,15 +28,18 @@ const CardFormSkeleton = (props) => {
                 h(Skeleton, { height: "36px" })))));
 };
 
-const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLElement {
+const JustifiCardForm = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.isReady = false;
     }
     async componentWillLoad() {
         await waitForConfig();
         this.iframeOrigin = configState.iframeOrigin;
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
     }
     componentDidRender() {
         const elements = [
@@ -48,6 +56,10 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
             this.isReady = true;
         });
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
     async validate() {
         const cardNumberIsValid = await this.cardNumberIframeElement.validate();
         const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
@@ -55,16 +67,16 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         const cvvIsValid = await this.cvvIframeElement.validate();
         return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
     }
-    async tokenize(clientId, paymentMethodMetadata, account) {
+    async tokenize({ clientId, paymentMethodMetadata, account, }) {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '3d28e96f020196a359a359507237b50dd9fed020' }, h(CardFormSkeleton, { key: 'ee07eb10acf142fcaab1398278e335df49f1abe9', isReady: this.isReady }), h("div", { key: 'bfce475f392cbb2bad3fd1c76f16c6e6a6718c1f', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '2c4ec015f537508bc875aaf6e3d527cd4f39eec6' }, h(CardFormSkeleton, { key: '064b3dab1b506c3332c753233b1893b36d36d42a', isReady: this.isReady }), h("hidden-input", { key: 'cb74f8ef5c6c437c3ff2c763b2b3f7a9f7732c13' }), h("div", { key: '7c688141ed3e96b032fc6f96a170cd4be09a65e5', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'e8517852800a9a165e61308f8d1cf875a87c021e', class: "mb-3" }, h("iframe-input", { key: '6efe224b7f4a2f63eec601d3e48c454d78c30300', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'c14b9deb1a9d677a6ee8952cbc946fea3c95f21a', class: "d-flex align-items-start" }, h("div", { key: 'd0ced17b3f1d231514f81d9fe21f75cb87db145c', class: "flex-fill me-3" }, h("iframe-input", { key: '5b187bbe0826dde34cd49ecce1e386ab5373da93', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'aace0455d0a522fff3141f17af7267e9ca8dc252', class: "flex-fill me-3" }, h("iframe-input", { key: 'a2f2a445a2100aa1a15f3e56ca336792abed4fd0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '7c4baf5981965a25ab75f1e9ce35a5cf8e293837', class: "flex-fill" }, h("iframe-input", { key: 'de7f0c99eb09e0bdc0bb22e485eba5bf4486e345', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '2722c8d805cc4767bf58cb70c5be4815e8bc09ee', class: "mb-3" }, h("iframe-input", { key: '428df22cc9075d737c5aec2520596ae774adde1e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '292ae9746f3dd219ced19be33f6900fa00bfb4b1', class: "row" }, h("div", { key: '2e825c02e676a30e873f6f119aa6521e49ac7051', class: "col-4 align-content-end" }, h("iframe-input", { key: '4a9ddbf248fdabcc6da0fb405e95c906717a91ab', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'a500314664b746c6947107021e32d04790000865', class: "col-4 align-content-end" }, h("iframe-input", { key: '995c9294a85c8da8b9e314646c93c700a54e7310', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'b0a7d1f9df2a2fba165d3cae93b542da80cec77c', class: "col-4 align-content-end" }, h("iframe-input", { key: '3adfeccdfc31745b972bf7d040aaf0e5d55fbfb3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
-}, [0, "card-form", {
+}, [1, "justifi-card-form", {
         "isReady": [32],
         "iframeOrigin": [32],
         "validate": [64],
@@ -74,11 +86,16 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["card-form", "iframe-input"];
+    const components = ["justifi-card-form", "hidden-input", "iframe-input"];
     components.forEach(tagName => { switch (tagName) {
-        case "card-form":
+        case "justifi-card-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JustifiCardForm);
+            }
+            break;
+        case "hidden-input":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, CardForm);
+                defineCustomElement$2();
             }
             break;
         case "iframe-input":
@@ -90,4 +107,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { CardForm as C, defineCustomElement as d };
+export { JustifiCardForm as J, defineCustomElement as d };

package/dist/module/checkout.service.js

@@ -1,8 +1,7 @@
 import { A as Api } from './Api.js';
-import './Checkout.js';
+import './Refund.js';
 import './Pagination.js';
 import './Payment.js';
-import './Refund.js';
 import './Business.js';
 
 const api = Api();

package/dist/module/checkout.store.js

@@ -0,0 +1,34 @@
+import { c as createStore } from './index2.js';
+
+const initialState = {
+    accountId: '',
+    authToken: '',
+    billingFormFields: {
+        address_postal_code: '',
+    },
+    bnplEnabled: false,
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    checkoutId: '',
+    disableBankAccount: false,
+    disableBnpl: false,
+    disableCreditCard: false,
+    disablePaymentMethodGroup: false,
+    paymentAmount: 0,
+    paymentDescription: '',
+    paymentMethodGroupId: '',
+    paymentMethods: [],
+    selectedPaymentMethod: '',
+    totalAmount: 0,
+};
+const { state: checkoutStore, onChange } = createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        checkoutStore[key] = newValue;
+    });
+});
+
+export { checkoutStore as c, onChange as o };

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

@@ -1,16 +1,15 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import { a as formatDate, e as formatTime } from './utils2.js';
-import './Checkout.js';
+import './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
-import './Refund.js';
 import './Business.js';
 import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { n as tableHeadCell, a7 as getAlternateTableCellPart } from './parts.js';
+import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -178,7 +177,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '79f36b8dd358285868187892962f5e2138942fe8' }, h(TableComponent, { key: 'e48c644e425ac45ab27b92548bc49af35b599245' }, h(TableHead, { key: '6d47b68c0a74f0eff3146dfc4720b0cc0f6fc24d' }, h(TableHeadRow, { key: 'a3660ae82b53ba7dead2e577fd8d573426935dc6' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '08fbd465bae0afa3de8d472c84e0410150509673' }, h(TableLoadingState, { key: 'ba7d778f9fc029166d6228fe9b1a8f1598a68c5a', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '312b176371526658852b74ae228524695f5c1947', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a24680fb1d681397a3cb266ec34ab5c9310dfa64', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '503ffd707d958a353a18a6f06d1280a0cb01c741' }, h(TableFootRow, { key: '250fcfc3961881ab460221e5e0160d5b6d35e5c3' }, h(TableFootCell, { key: '2631d54b49bbee1502e5412cd9303d7d67746525', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'd7bb27501b62a1089090b06c82b2a2c328a2e0b6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'c411d1c3a54fd8a331f0c5cdbae344e231482c0f' }, h(TableComponent, { key: '21774546f3500612497943869017fa7c712dff7e' }, h(TableHead, { key: 'c4e745ead905a393ff1b0cd0fba23db2fcc03ad8' }, h(TableHeadRow, { key: '88063d0baedd1febe0febcab1ccefc512accfd7d' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'e2534bc13d9e015f127c5396bbe73545d92536b4' }, h(TableLoadingState, { key: '0f0958fa87403652880222365cf7f88dd33335cc', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '588bb80d518892791ed2134dd5405940e7c28db7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '219cce1137232c64b7c9188042c4aaca7e0e91b6', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '16978b3be698ceabd1d19b9eaa3f85c01a862b83' }, h(TableFootRow, { key: 'cd26e5b6f03dff77e09dfb4f9962e7601b2e40dc' }, h(TableFootCell, { key: '508008cf682b393549a839453d4b4c2eee1f67a4', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '688702c35e666def509ccb77b88b88ddd5e0d58a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/custom-popper2.js

@@ -1873,7 +1873,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '7ef56b941bf884c5a1416b373372748374bb204a' }, h("style", { key: 'ac2a710bea0939dd7f279968cfd33d789eba3a08' }, `
+        return (h("div", { key: 'ef187a8100be9de010408f04e4f2f65fcfdee096' }, h("style", { key: 'c3e6cd76e7db2703a3b6053a9448290d27f47513' }, `
           .popper-content {
             display: none;
           }
@@ -1881,7 +1881,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'f34a15bd8122833ed8b188cd0519588f2da78bb9', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '54d97c9be7fe9c33584156569c927e2108cab331' }))));
+          `), h("div", { key: 'c580384fa4e1bedd9c365c2f29b57bd2639e3aaa', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'e60f03801976ec3379e4d6e3118a92c18b5c0549' }))));
     }
 }, [4, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -41,7 +41,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '70e29d650d5304522f927c15b4eb5e62e203c5e0' }, h("div", { key: 'f50422b29cb2a4f3bca911ced94dc681adb3fc41', class: "row gy-3" }, h("div", { key: 'f29816d9281ea4c4db5018d3b7edb1600569357a', class: "col-12" }, h("h2", { key: 'a2889c95c293bf0bbf97c16e4486e307ca87729c', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9cd45719434a1740f67b73c13fd08e0fe562168e', class: "col-12" }, h("form-control-text", { key: '5a30a3aef7fbe2d3013c46e43a437724dae41213', 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: '9812e1f9f6df949b9f15b2c3f28857db7dcf5cb7', class: "col-12" }, h("form-control-text", { key: '10b146053a399039e8dbd42c3cab53b4b55c0ec3', 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: '2742a0922a223bd60d6e3d08a55190742ecf5112', class: "col-12" }, h("form-control-textarea", { key: '41491e238c75716520d747cbf9f1bcc329a2d686', 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: '71074f31e565c24107b91b04d9aa16da77ba618c', class: "col-12" }, h("form-control-file-v2", { key: '17f70cf96927b01e65430e13c2d21209e9170603', 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: 'ec696695191e68c7ceb0cc41f99f9e53f2d59da1', class: "col-12" }, h("form-control-file-v2", { key: '562ff8b3819f536d491f2e2e55a85a55fcda0e1c', 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: 'e09402d1c3ca9bb8f3a243c22bec2e9d908d661f' }, h("div", { key: '67a1038f92a9a9711ca37d353af7a06b87cbe0a8', class: "row gy-3" }, h("div", { key: '1be2249539c434bf3faf847b4202ff2f421d15a3', class: "col-12" }, h("h2", { key: '17d8bc1b31dfa77f08500ff4029f572049d9e1ce', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '3e218b39c8f5dab178cc8b23caf403e1a912694c', class: "col-12" }, h("form-control-text", { key: 'ab28a2176315c3ecd1ff984a599589a81375f4e0', 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: 'e1739728748de575e39f29018cd1139d75232611', class: "col-12" }, h("form-control-text", { key: '9f2aec120b08ac793be93f9c990d81a74c9e57d2', 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: '9be7e4a85edfc9bc95e8ede96ebc81f4777f1cdb', class: "col-12" }, h("form-control-textarea", { key: '100e419cc2064509aaa03c76e2898fc7df85e950', 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: '94da95bb013738aefb17088203ee14e07f159ae0', class: "col-12" }, h("form-control-file-v2", { key: '1ab77a12a715fbb82c0bc1c9f9081e54fd3fef0e', 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: '88eed9387758b86332137fa64b4e3b3c5825d908', class: "col-12" }, h("form-control-file-v2", { key: '0b654ffcf253c639b07ffe03450a87550caaa75a', 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 })))));
     }
 }, [0, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -68,7 +68,7 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         });
     }
     render() {
-        return (h("div", { key: '5a8663529813801b730d449c835cfafb9924d860' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: 'c85852cbd1169f371eb30ae06b6a2a564a15ece7' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

package/dist/module/dispute-notification.js

@@ -42,7 +42,7 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: text }, h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '19087aba5c516d0c71e9f84e8b3323a044ae532a', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '5cffed27038f5571f37377c5023a88c8b7773a59', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '580144b1439d6e017726b9731b7bb15e71900092' }, h("h1", { key: '42d74d215d23409672449af86e25c945aac33ea1', class: "h4" }, "This payment was disputed"), h("p", { key: '4c337e89a32f62c8f03a53eb84737785f4b0bdb4' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '66c0f7bbada42053683dd25776a7c0abdb708315' }, h("h1", { key: '273f2d82dbe73a15da3186946763579be2801aa4', class: "h4" }, "This payment was disputed"), h("p", { key: '22172d1c6833eb5407c19dd31b85db805d07d177' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '0f1028825a7a96a06e7219518ffed54bc0db1b2b' }, this.isLoading && (h("div", { key: 'f4b704182a5a7085827854634d38c56423cc2e1b', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'b2062d8b683ab110c26fc30f1600c4500f668d87', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'b5d2afe1fdd2e5ee0ec60048a48778bcfa6c78d3', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '1e87c8936b3f2e26e680786927c5a4609aca0b83', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '49090493e3921353b7a830397795496bb234d112', part: text }, h("h1", { key: 'fd7b56a7cfeaa6820bf2cc121575314d075b5a83', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72ba296695928baca8f7c5c3b1f858c596efedb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cce733ff1bbca7a9530a442035cbae2995e018e7', class: "h5" }, "Dispute details"), h("div", { key: '28b7f081e345112d99c52d05f205734995617253', class: "d-table gap-2" }, h("div", { key: 'd9476d8d0adfa3c6eccad229e94cd3824a720c7d', class: "d-table-row gap-2" }, h("span", { key: '4d9e0714eee778c326ee1d70a32f79d90d3d4b09', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b227edcf9b4b65b790d8aa98021d2662a12855bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b1b1cdaac5482f565a6f26af71c0b526b8c19f4e', class: "d-table-row gap-2" }, h("span", { key: '0a479a9de96cce6e42bec90a17affe2c93ced44f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5d5020dda571f4465e2a358880ad5f20bc6171ea', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: 'a5f42c3fcbb5d14f8479d0a576d31a50f8fc6441', class: "d-table-row gap-2" }, h("span", { key: '280fca5a101eb0e823eb9ccc13c746ac7ed62069', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '4dfc0b9a295ffc804b708d3590358256009e5376', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: '654e7baccd08628bc90d050bad108011b49f9972', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'd0817cdb23bf33086c6ce5122f4ed5388027d96c', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '5446bef44a0ca747692d59fd5490409d00a9e285', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '17fbc5902badc4230c5485b326f480180c844768' }, h("h1", { key: 'fefa0234306588d9e7f56733872bf8c9793f51dd', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'eaad72aa8d9f65ca296379a2800180878ec8a7e5' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'ec1b0d728a7518f913c2a69976fa1f5fc8f76c74' }, h("h1", { key: '9d42fad15fbeee507e2f364c3a35f143ff7599e2', class: "h4" }, "This payment was disputed"), h("p", { key: '3b728a5544fe17a6c58c12f7e8eef290022945b6' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '6d1813508a657265546fbef00bd1e8f46ffaf740' }, h("h1", { key: 'de981fc2e06e860f47146647975965a903a39b55', class: "h4" }, "This payment was disputed"), h("p", { key: '4e57ab86518bd678a3a5402b712d40d573b3a970' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [1, "justifi-dispute-notification", {
         "dispute": [16],

package/dist/module/dispute-response-actions.js

@@ -1,8 +1,7 @@
 import { A as Api } from './Api.js';
-import { C as ComponentErrorSeverity } from './Checkout.js';
+import { C as ComponentErrorSeverity } from './Refund.js';
 import './Pagination.js';
 import './Payment.js';
-import './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 

package/dist/module/dispute-response-core.js

@@ -178,7 +178,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '452cfcf106f40c27f34df05ae2923c0909de9245', class: "row gy-3" }, h("div", { key: 'd9b608a8d880310b96e98cd4a00cabfcca77dc79', class: "col-12" }, h("h1", { key: '050aef1fa636d09880edc7d738d56eab2cf62e52', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '4e6094f9240d4db3d4bc03c59754ab3d04fed5bc', class: "col-12" }, this.currentStepComponent), h("div", { key: '9c1739bc4ed1a9104fd04531a11e02cbbb4f11cc', class: "col-12" }, h("div", { key: 'd37cda5a7689d8bf9263283eb24e1074ee3d97a0', 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: '20d075178a9d88cd73be32e52f8df6d3d360f8d7', class: "row gy-3" }, h("div", { key: '6c1bc735f1a15709c596b5bea7cc3ce50e9a73f5', class: "col-12" }, h("h1", { key: '27a0804924937ee7a8d01265bd0da2d9dd31d301', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'b60822e91425c5c4af003169f47fd725daf9fb0f', class: "col-12" }, this.currentStepComponent), h("div", { key: 'd1be3f6be53de37836275067070cf4b5a2eb3e4a', class: "col-12" }, h("div", { key: '48c8725d8de8b658e59ccfa851a6af6638e19ca5', 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"))))));
     }
 }, [0, "justifi-dispute-response-core", {
         "updateDisputeResponse": [16, "update-dispute-response"],

package/dist/module/dispute-response.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import { a as makeUpdateDisputeResponse, b as makeCreateDisputeEvidence, m as makeSubmitDisputeResponse, D as DisputeService } from './dispute-response-actions.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { d as defineCustomElement$g } from './custom-popper2.js';
 import { d as defineCustomElement$f } from './form-control-date2.js';
 import { d as defineCustomElement$e } from './form-control-file-v22.js';
@@ -76,7 +76,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: '6f1fd8e2109c806c82c63cfd046739e18cc2b3b7' }, h("justifi-dispute-response-core", { key: '56cba360a731ed4054c89c11250f115a7e3b9e63', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'dbdfd59a21c7e8ea4dfdaecb91f885f82540a27c' }, h("justifi-dispute-response-core", { key: '3cff38e5995f0033c45c54fa195ffeebc27e189e', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {

package/dist/module/duplicate-charge.js

@@ -40,7 +40,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '0b0d73b396b32f29fa389d3981d48c3f30f96fd7' }, h("div", { key: '2fd16a4cf964c863a59789a2be60d94b27a95de8', class: "row gy-3" }, h("div", { key: '48c15f7db3285caa9164d815615b82a84283fbfe', class: "col-12" }, h("h2", { key: '397b3026311bf57588b172146fc9822f99ede63e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'c825b6efd428bee298b9b0ddf2265378cf999de9', class: "col-12" }, h("form-control-text", { key: 'b43283087a10826bf8e582a1e863ed4982b5c000', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '66d5cefa16c341f5c523eaa46de5c11f5b16e619', class: "col-12" }, h("form-control-textarea", { key: 'f83573136fc2ce108f186f9434f46a3f157bd102', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'cc47dc1d9dbac962d27494b5ff3fef572c98c7b4', class: "col-12" }, h("form-control-file-v2", { key: '3cf06b6d61edd6ac96d02b12639d040f698b2526', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: '2a51ce4a6859bdd9b6fc3376f08726a682a61587' }, h("div", { key: '49765fde2654e0eda955e4569d3003749d04b1a1', class: "row gy-3" }, h("div", { key: '9a04ce529407e436c5c7dc363525821116eb3271', class: "col-12" }, h("h2", { key: '6d8c1c64da56d19e3adedc08171b7096084adb0b', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '3a4be2ced9e35974864a6fb3504dff58d792e623', class: "col-12" }, h("form-control-text", { key: 'a3d86e2059a017d931619d1e53a24e60e9f95282', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '407386824a21bc40a802366ebf4c8e0cc2aef908', class: "col-12" }, h("form-control-textarea", { key: 'c4b5a5026eeffedeae11d9f6fd74ecd4e288894c', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'cc4a805b1c5574436a19258007cd3271831e9967', class: "col-12" }, h("form-control-file-v2", { key: '49d84e63f7acd6dd953429063fc9206373482d16', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 }, [0, "justifi-duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/electronic-evidence.js

@@ -37,7 +37,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '1a4a1d78529c48b8f32029a3efa05b4430c6d271' }, h("div", { key: '593d167f4e6b610ac3cdb8a04b4eee30a1cb4f91', class: "row gy-3" }, h("div", { key: '39440c3a2802b823c85f251c4393ba76bad287c0', class: "col-12" }, h("h2", { key: 'f5ec8cce1bbadb772ac6dbe668cf54187d2690d7', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'b9020a773c45a8f59a31ffef44b32253fdb4a551', class: "col-12" }, h("form-control-text", { key: '56122eafb7f138f4472a5818cddd32cb0e17fc7e', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '0737f585271838dd60ab9ee1e6ac83d0c6362b96', class: "col-12" }, h("form-control-file-v2", { key: '63590d574ee151cbf82638002dfe513cea471035', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: '41d5fd40ac6fc4fffddb7913b647046869882dfd' }, h("div", { key: '265d25bbd6423f6514a1bb4fab1574631113783d', class: "row gy-3" }, h("div", { key: 'e55e31fbfaa88eacd940622551e37951e54aa321', class: "col-12" }, h("h2", { key: '710bec9fdf42a7ddedbaed447ab1212bc9d6be9c', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '81ad6d6af441041c0aa0f39c732d528e9d966b61', class: "col-12" }, h("form-control-text", { key: 'b9a3ae49cc394e28baadec0ca9904e5c25996921', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '53c9b52e9ff3a988805c9e72dca2038ac8cb8483', class: "col-12" }, h("form-control-file-v2", { key: 'bd2bd5d7131bf7c92a7d11042211a9b7764dbbd7', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 }, [0, "justifi-electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/file-input-handler.js

@@ -32,20 +32,17 @@ class DisputeEvidenceDocument {
         return this._presignedUrl;
     }
     async getFileString() {
-        let fileString = '';
-        const fileStringPromise = new Promise((resolve, reject) => {
+        const fileDataPromise = new Promise((resolve, reject) => {
             const reader = new FileReader();
             reader.onload = (e) => {
-                fileString = e.target.result;
-                resolve(fileString);
+                resolve(e.target.result);
             };
             reader.onerror = () => {
                 reject(new Error('Error reading file'));
             };
-            reader.readAsDataURL(this._file);
+            reader.readAsArrayBuffer(this._file);
         });
-        await fileStringPromise;
-        return fileString;
+        return await fileDataPromise;
     }
     ;
     constructor(file, dispute_evidence_type) {