@justifi/webcomponents 6.11.0 → 6.12.0

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

@@ -1,27 +1,28 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { D as Dispute, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { D as Dispute, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { D as DisputeService } from './dispute-response-actions.js';
 import { d as defineCustomElement$k } from './custom-popper2.js';
 import { d as defineCustomElement$j } from './form-control-date2.js';
 import { d as defineCustomElement$i } from './form-control-file-v22.js';
-import { d as defineCustomElement$h } from './form-control-help-text2.js';
+import { d as defineCustomElement$h } from './form-control-help-text3.js';
 import { d as defineCustomElement$g } from './form-control-text2.js';
 import { d as defineCustomElement$f } from './form-control-textarea2.js';
 import { d as defineCustomElement$e } from './form-control-tooltip2.js';
-import { d as defineCustomElement$d } from './additional-statement.js';
-import { d as defineCustomElement$c } from './cancellation-policy.js';
-import { d as defineCustomElement$b } from './customer-details.js';
+import { d as defineCustomElement$d } from './justifi-additional-statement2.js';
+import { d as defineCustomElement$c } from './justifi-cancellation-policy2.js';
+import { d as defineCustomElement$b } from './justifi-customer-details2.js';
 import { d as defineCustomElement$a } from './dispute-management-core.js';
-import { d as defineCustomElement$9 } from './dispute-notification.js';
-import { d as defineCustomElement$8 } from './dispute-response.js';
+import { d as defineCustomElement$9 } from './justifi-dispute-notification2.js';
+import { d as defineCustomElement$8 } from './justifi-dispute-response2.js';
 import { d as defineCustomElement$7 } from './dispute-response-core.js';
-import { d as defineCustomElement$6 } from './duplicate-charge.js';
-import { d as defineCustomElement$5 } from './electronic-evidence.js';
-import { d as defineCustomElement$4 } from './product-or-service.js';
-import { d as defineCustomElement$3 } from './refund-policy.js';
-import { d as defineCustomElement$2 } from './shipping-details.js';
+import { d as defineCustomElement$6 } from './justifi-duplicate-charge2.js';
+import { d as defineCustomElement$5 } from './justifi-electronic-evidence2.js';
+import { d as defineCustomElement$4 } from './justifi-product-or-service2.js';
+import { d as defineCustomElement$3 } from './justifi-refund-policy2.js';
+import { d as defineCustomElement$2 } from './justifi-shipping-details2.js';
 
 const makeGetDispute = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -52,7 +53,7 @@ const makeGetDispute = ({ id, authToken, service }) => async ({ onSuccess, onErr
     }
 };
 
-const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManagement extends HTMLElement {
+const JustifiDisputeManagement$1 = /*@__PURE__*/ proxyCustomElement(class JustifiDisputeManagement extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -96,7 +97,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '98ecb17d1cedefd5f7845f647aea099e966b495b', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'd69df58c862b817e39c773ef80ae95b24cac8be3', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],
@@ -119,7 +120,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-dispute-management":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, DisputeManagement);
+                customElements.define(tagName, JustifiDisputeManagement$1);
             }
             break;
         case "custom-popper":
@@ -221,7 +222,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiDisputeManagement = DisputeManagement;
+const JustifiDisputeManagement = JustifiDisputeManagement$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiDisputeManagement, defineCustomElement };

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

@@ -1,6 +1,6 @@
-import { D as DisputeNotification, d as defineCustomElement$1 } from './dispute-notification.js';
+import { J as JustifiDisputeNotification$1, d as defineCustomElement$1 } from './justifi-dispute-notification2.js';
 
-const JustifiDisputeNotification = DisputeNotification;
+const JustifiDisputeNotification = JustifiDisputeNotification$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiDisputeNotification, defineCustomElement };

package/dist/module/{dispute-notification.js → justifi-dispute-notification2.js}

@@ -1,16 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as formatCurrency } from './utils2.js';
-import { t as text, $ as heading4 } from './parts.js';
+import { j as text, $ as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { S as Skeleton } from './skeleton.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { m as makeSubmitDisputeResponse, D as DisputeService } from './dispute-response-actions.js';
 import { D as DisputeManagementClickActions } from './event-types3.js';
 
-const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotification extends HTMLElement {
+const JustifiDisputeNotification = /*@__PURE__*/ proxyCustomElement(class JustifiDisputeNotification extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -59,8 +59,8 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h(StyledHost, { key: '5ec3fb458651022433067e2396d5f3382952b1d0' }, this.isLoading && (h("div", { key: 'a4e98abb63b4cf14606d020e79c3b24e34e8d6c8', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'a3385bb3e16f32b0d9ca8607382d5cfab67dea30', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'd2f20f95cbc49195ce6e2811335b747fd58f3acb', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '53b9006fb1fc2ba1fbff33fa2de9a8d8f2dbb5f8', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '509d7ae4a1d3cfe229c240a9782d919281e9f7f7', part: text }, h("h1", { key: 'a39eb9c225269bf984870ba6c28816bda4aeeb5c', 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: '97f89e8439bfd8ca4558ce4666b09766fa5f190b' }, "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: '9228dc32ee4c01961a726cf0d016d4121a0bade6', part: text }, h("h1", { key: '70f686c0766bc5ecbd5d18ddd62aa7b3864f79a2', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '464cd97ac905f33eb87b817662fd4120bcd75a5b' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '0b6120d06dee850ee65291ebc488e969de1ea988', class: "h5" }, "Dispute details"), h("div", { key: '0fde10ab79aa18679727c93b823ff353f99e78b2', class: "d-table gap-2" }, h("div", { key: 'a12705b53c1e2483d5c7a63851c29b64b8d1a55e', class: "d-table-row gap-2" }, h("span", { key: '9a04eb7b2708b89c2d3f721054797d4204984071', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b1e31c999df1469e7d0af22c26c52138134100d7', 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: 'dad70076664583f12d4c5076d2d02b5f41728a56', class: "d-table-row gap-2" }, h("span", { key: '08a5b3833aad625b7e37d9250eecd4eaa65ce340', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '8a5dc58561b019fa9aaa9b485182d1e45f41f0ab', 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: 'd843420ad58a1476ce5abadf48902387aedabe88', class: "d-table-row gap-2" }, h("span", { key: '4d6bfa397e48aea37875e02ec5bd87e1b0fc016f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '92eb09d8e5309448792c104ffeb45d0efd75ecdb', 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: '17460ccbaaa12b98a1ff4171b34e1d5f90ab408a', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'a216a14d3bab4927bb33b4f49f2db3a4aec93054', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '9c3aa14f1561ff4984e4c0da750878b7f9f7b931', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '66da2ac06164f5ff587acb9dcd7621fe9fe4fd77', part: text }, h("h1", { key: '3a1821dce2996b174f75da14eb5e56ca2c6b1abb', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: '3b0ea372d06ec75d2e11424d94e4afbd049a8c6a' }, "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: 'c57c024d4fbed71e9a34987c3a01fb047f00814b', part: text }, h("h1", { key: 'ce7b57efcd9094ea5327e6b326ee9b4315b60d66', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '78fc5f0f3104d370b87df29bc12da67d1878bf66' }, "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: '90d64362f0f228799e3574367343333e8cdedf27', part: text }, h("h1", { key: '24eac4bb8254f9be4472d0d74e45c2fd7e587478', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '60abcb3213442c77bd52d6c7e7a30a822bf673e9' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '75e06acd300bbbba83e38e53259ee305c9592aa8' }, this.isLoading && (h("div", { key: 'b852808f28d39e15739c16c9179e6f731c3a3ee3', style: { marginBottom: '8px' } }, h(Skeleton, { key: '11bbbb5dfdb53741532bd76593f59fd09229d722', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '7c74682a918479d5854421895c5beafdaaa12fdb', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'f6b983e1ef27ce63ebf4920b996dc9ade33b42f6', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '0b19bccb1bedbcf42984f44b551baab94f86d35d', part: text }, h("h1", { key: 'eaa11eb780246a9da8662344fe101e72f16f459c', 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: '46cd1c0b8e0ef61b1d5e6faf8f6894908322fce6' }, "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: 'd9718557fd3aabeac4102d4aa178fff605cf3609', part: text }, h("h1", { key: '01ccecfaaa218a40d1b5043c2a57770abc6feaee', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '5da9139f83d5744fd26b67112a5473e7d30e2a4b' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '8c8bd416b8e91cfbf9a3a4daeb51711bc5377241', class: "h5" }, "Dispute details"), h("div", { key: '43f5ca037aca877a697909c58356ece98e06bc39', class: "d-table gap-2" }, h("div", { key: '032c17789280a7adc25140b094e131548d6c44c1', class: "d-table-row gap-2" }, h("span", { key: 'c8b700be97fe760d337718615089e254fd0f6abb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'f63b20211f56511d8627008f751960307f443fbc', 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: '92579d43351346d762c2eccf9b1e051789cb50d4', class: "d-table-row gap-2" }, h("span", { key: 'a4d7fe9c5f652bacd0f5bc048834a43d3f36f760', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'ca700729f586472048f30cf79a9a5efa71d0484f', 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: 'f17846aa921eff9acf9449d27c2c8eb2d2d5f984', class: "d-table-row gap-2" }, h("span", { key: '47dc39b9e475769e43498f5c40c607bec6a06af8', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '788b5832c82cd35fc876ca8d333394f81a8963f7', 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: '1578b412b587e181acec89a68f2d82d0ea184a42', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '205c19d58eda4262f1c18f95cb741f1c38eadbf1', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'd0e387e4e48246e28e52e4b3b96a93313d281930', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'd1996604d64231c662ecb5be8e6361e389d1abf3', part: text }, h("h1", { key: '71ed6f1771cbc8dc384cabb3ca8c373284059f13', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'fbf33be6b30b0dd9f771deb63acdbd11871e4137' }, "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: '8dd403a92af2fce6aacaa48fffcb79eafcdc2530', part: text }, h("h1", { key: '3e8a41db0fa75148dd3c9b09a72f81bdc5fa950b', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '6ae352535401eb615aee3d355be21d7eee4b6838' }, "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: 'c88cd2888fca6e38dc41ee65cc54577565b9f8e4', part: text }, h("h1", { key: '7b3d964e374bed41dae30e67f122803456fdd9df', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'f6e97ff96c0cc195ce4e5a7b79b8c12454f8cc83' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [257, "justifi-dispute-notification", {
         "dispute": [16],
@@ -75,11 +75,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-dispute-notification":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, DisputeNotification);
+                customElements.define(tagName, JustifiDisputeNotification);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { DisputeNotification as D, defineCustomElement as d };
+export { JustifiDisputeNotification as J, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { D as DisputeResponseCore, d as defineCustomElement$1 } from './dispute-response-core.js';
+import { J as JustifiDisputeResponseCore$1, d as defineCustomElement$1 } from './dispute-response-core.js';
 
-const JustifiDisputeResponseCore = DisputeResponseCore;
+const JustifiDisputeResponseCore = JustifiDisputeResponseCore$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiDisputeResponseCore, defineCustomElement };

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

@@ -1,6 +1,6 @@
-import { D as DisputeResponse, d as defineCustomElement$1 } from './dispute-response.js';
+import { J as JustifiDisputeResponse$1, d as defineCustomElement$1 } from './justifi-dispute-response2.js';
 
-const JustifiDisputeResponse = DisputeResponse;
+const JustifiDisputeResponse = JustifiDisputeResponse$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiDisputeResponse, defineCustomElement };

package/dist/module/{dispute-response.js → justifi-dispute-response2.js}

@@ -1,29 +1,30 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { a as makeUpdateDisputeResponse, b as makeCreateDisputeEvidence, m as makeSubmitDisputeResponse, D as DisputeService } from './dispute-response-actions.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.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';
-import { d as defineCustomElement$d } from './form-control-help-text2.js';
+import { d as defineCustomElement$d } from './form-control-help-text3.js';
 import { d as defineCustomElement$c } from './form-control-text2.js';
 import { d as defineCustomElement$b } from './form-control-textarea2.js';
 import { d as defineCustomElement$a } from './form-control-tooltip2.js';
-import { d as defineCustomElement$9 } from './additional-statement.js';
-import { d as defineCustomElement$8 } from './cancellation-policy.js';
-import { d as defineCustomElement$7 } from './customer-details.js';
+import { d as defineCustomElement$9 } from './justifi-additional-statement2.js';
+import { d as defineCustomElement$8 } from './justifi-cancellation-policy2.js';
+import { d as defineCustomElement$7 } from './justifi-customer-details2.js';
 import { d as defineCustomElement$6 } from './dispute-response-core.js';
-import { d as defineCustomElement$5 } from './duplicate-charge.js';
-import { d as defineCustomElement$4 } from './electronic-evidence.js';
-import { d as defineCustomElement$3 } from './product-or-service.js';
-import { d as defineCustomElement$2 } from './refund-policy.js';
-import { d as defineCustomElement$1 } from './shipping-details.js';
+import { d as defineCustomElement$5 } from './justifi-duplicate-charge2.js';
+import { d as defineCustomElement$4 } from './justifi-electronic-evidence2.js';
+import { d as defineCustomElement$3 } from './justifi-product-or-service2.js';
+import { d as defineCustomElement$2 } from './justifi-refund-policy2.js';
+import { d as defineCustomElement$1 } from './justifi-shipping-details2.js';
 
-const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse extends HTMLElement {
+const JustifiDisputeResponse = /*@__PURE__*/ proxyCustomElement(class JustifiDisputeResponse extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -79,7 +80,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f65e8fa4aa2374eadaa94e5bb87e1dc73026c6d5' }, h("justifi-dispute-response-core", { key: '3222bf2f10f8ee185d9d9e03e083dd3e1e7bef61', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '56ad3468b96e715b7ec7ca5a22a7a14f309cf61b' }, h("justifi-dispute-response-core", { key: '40ebf7b84bb81480df6eebc0b327bda5e2838f48', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -107,7 +108,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-dispute-response":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, DisputeResponse);
+                customElements.define(tagName, JustifiDisputeResponse);
             }
             break;
         case "custom-popper":
@@ -194,4 +195,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { DisputeResponse as D, defineCustomElement as d };
+export { JustifiDisputeResponse as J, defineCustomElement as d };

package/dist/module/justifi-duplicate-charge.js

@@ -1,6 +1,6 @@
-import { D as DuplicateCharge, d as defineCustomElement$1 } from './duplicate-charge.js';
+import { J as JustifiDuplicateCharge$1, d as defineCustomElement$1 } from './justifi-duplicate-charge2.js';
 
-const JustifiDuplicateCharge = DuplicateCharge;
+const JustifiDuplicateCharge = JustifiDuplicateCharge$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiDuplicateCharge, defineCustomElement };

package/dist/module/{duplicate-charge.js → justifi-duplicate-charge2.js}

@@ -4,7 +4,7 @@ import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-inpu
 import { ab as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
-import { d as defineCustomElement$4 } from './form-control-help-text2.js';
+import { d as defineCustomElement$4 } from './form-control-help-text3.js';
 import { d as defineCustomElement$3 } from './form-control-text2.js';
 import { d as defineCustomElement$2 } from './form-control-textarea2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
@@ -14,7 +14,7 @@ const DuplicateChargeSchema = create$3({
     duplicate_charge_explanation: create$6().nullable(),
 });
 
-const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge extends HTMLElement {
+const JustifiDuplicateCharge = /*@__PURE__*/ proxyCustomElement(class JustifiDuplicateCharge extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -42,7 +42,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '3a6188603e8cfdd1b24db55703f63b2199dc9e71' }, h("div", { key: '68cac9c229db9641e3f71e42e9f96d4b6437e9b9', class: "row gy-3" }, h("div", { key: '2060793e27c759d8fdf21765fcfbf0253ca9a016', class: "col-12" }, h("h2", { key: '21fb843b28af8fe9cfc2ef4aa297541fb3d9d61b', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '9743e65ce74307e5d4544c46f2507f4815d0a413', class: "col-12" }, h("form-control-text", { key: '213e56620c428e214d3b937a45fee4a0c2116caf', 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: 'ca7963f7cbc63caece9d0ff91fd6ae04a45bc9a7', class: "col-12" }, h("form-control-textarea", { key: '9edf3135b2cbbc61017fa1fd74f06da34982c4d6', 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: 'e0fe338e2bec5bc1889eeb72f8138f2f0fce497b', class: "col-12" }, h("form-control-file-v2", { key: '86851806bb69be1da6334376a44da6cddfa013e7', 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: 'd79028dfc1949c6bf9f9c77bf427f6fea94c5cee' }, h("div", { key: '7f05dd0a6ad675d1acfbf6b6dedda12914092a42', class: "row gy-3" }, h("div", { key: '35a65eaf672b11812482eeb241e15ea7828f8b1a', class: "col-12" }, h("h2", { key: '91ead89be2f1497469ac63266ddb922f47223da2', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '89f7a88c0d068368f0b730e501f45183e065a1f2', class: "col-12" }, h("form-control-text", { key: 'c35b090d20419d40dfde1a88ec34afbcbf8ab0b2', 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: 'c3126552f55721c8faa39bb6c65de9740778a9e9', class: "col-12" }, h("form-control-textarea", { key: '014d8ffbcddccd883d655a2f9dd4f1443c81bf3c', 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: '050e60f3b5dfe80ad1cd0b7de8472667a1c32651', class: "col-12" }, h("form-control-file-v2", { key: '3f7610825c63c979655f80c68e475a7dd463956e', 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 })))));
     }
 }, [256, "justifi-duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],
@@ -60,7 +60,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-duplicate-charge":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuplicateCharge);
+                customElements.define(tagName, JustifiDuplicateCharge);
             }
             break;
         case "custom-popper":
@@ -97,4 +97,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { DuplicateCharge as D, defineCustomElement as d };
+export { JustifiDuplicateCharge as J, defineCustomElement as d };

package/dist/module/justifi-electronic-evidence.js

@@ -1,6 +1,6 @@
-import { E as ElectronicEvidence, d as defineCustomElement$1 } from './electronic-evidence.js';
+import { J as JustifiElectronicEvidence$1, d as defineCustomElement$1 } from './justifi-electronic-evidence2.js';
 
-const JustifiElectronicEvidence = ElectronicEvidence;
+const JustifiElectronicEvidence = JustifiElectronicEvidence$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiElectronicEvidence, defineCustomElement };

package/dist/module/{electronic-evidence.js → justifi-electronic-evidence2.js}

@@ -11,7 +11,7 @@ const ElectronicEvidenceSchema = create$3({
     customer_purchase_ip_address: create$6().nullable(),
 });
 
-const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvidence extends HTMLElement {
+const JustifiElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class JustifiElectronicEvidence extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -39,7 +39,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '2938a2cebbc08938a88af9848f674727c2925473' }, h("div", { key: 'fc85fd26921d9ffc0ed547bd4c4facb40cfbcd5f', class: "row gy-3" }, h("div", { key: 'b737248f4ffc77483816c80192b3b957ed899f67', class: "col-12" }, h("h2", { key: '4ee8776884ba4527e4ab6acf9255bc24ceda264c', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '6343a2a36120fd60a46c4a0d72096db778298d43', class: "col-12" }, h("form-control-text", { key: '26d4b151d39d0fcc100fa4494a5efca07905d152', 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: 'd9f2a4a6c66c32765a36378669b02faecbca070c', class: "col-12" }, h("form-control-file-v2", { key: 'f3284b4fc35f68e1120960e4728f0e8f472920fa', 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: 'f7b24599316e8545d61370c50d28cbf5e0d90985' }, h("div", { key: 'd1edc60194b573078d5701a14e16ef0dd8f6b45d', class: "row gy-3" }, h("div", { key: '4b7e12eb4a9b41b30d7c85334691136280679210', class: "col-12" }, h("h2", { key: 'b9e3721e4ff6610da877f49e263ef84b86cd81ea', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'b90b4c712c5bd02a0bf8911fcaae7b907c1a216f', class: "col-12" }, h("form-control-text", { key: '468f44dc9b907b4b21e387a511e7995f88d0c53c', 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: '563a949612a21b8434b80c5c025aa79567aa54a4', class: "col-12" }, h("form-control-file-v2", { key: '467fbd2f55a85134b73d23764845038b7f2415ba', 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 })))));
     }
 }, [256, "justifi-electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],
@@ -57,7 +57,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-electronic-evidence":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, ElectronicEvidence);
+                customElements.define(tagName, JustifiElectronicEvidence);
             }
             break;
         case "custom-popper":
@@ -84,4 +84,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { ElectronicEvidence as E, defineCustomElement as d };
+export { JustifiElectronicEvidence as J, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { G as GooglePay, d as defineCustomElement$1 } from './google-pay.js';
+import { J as JustifiGooglePay$1, d as defineCustomElement$1 } from './justifi-google-pay2.js';
 
-const JustifiGooglePay = GooglePay;
+const JustifiGooglePay = JustifiGooglePay$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiGooglePay, defineCustomElement };

package/dist/module/{google-pay.js → justifi-google-pay2.js}

@@ -2,7 +2,7 @@ import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/
 import { w as waitForConfig, c as configState } from './config-state.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { S as Skeleton } from './skeleton.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 
@@ -27,7 +27,7 @@ var GooglePayEventTypes;
     GooglePayEventTypes["paymentCanceled"] = "justifi.googlePay.paymentCanceled";
     GooglePayEventTypes["paymentError"] = "justifi.googlePay.paymentError";
 })(GooglePayEventTypes || (GooglePayEventTypes = {}));
-const GooglePay = /*@__PURE__*/ proxyCustomElement(class GooglePay extends HTMLElement {
+const JustifiGooglePay = /*@__PURE__*/ proxyCustomElement(class JustifiGooglePay extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -151,11 +151,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-google-pay":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, GooglePay);
+                customElements.define(tagName, JustifiGooglePay);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { GooglePay as G, defineCustomElement as d };
+export { JustifiGooglePay as J, defineCustomElement as d };

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

@@ -1,12 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { A as Api } from './Api.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { E as ErrorState } from './utils.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$2 } from './gross-payment-chart-core2.js';
 
 const api = Api();
@@ -45,7 +46,7 @@ const makeGetGrossPaymentChartData = ({ id, authToken, service }) => async ({ on
     }
 };
 
-const GrossPaymentChart = /*@__PURE__*/ proxyCustomElement(class GrossPaymentChart extends HTMLElement {
+const JustifiGrossPaymentChart$1 = /*@__PURE__*/ proxyCustomElement(class JustifiGrossPaymentChart extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -116,7 +117,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-gross-payment-chart":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, GrossPaymentChart);
+                customElements.define(tagName, JustifiGrossPaymentChart$1);
             }
             break;
         case "gross-payment-chart-core":
@@ -128,7 +129,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiGrossPaymentChart = GrossPaymentChart;
+const JustifiGrossPaymentChart = JustifiGrossPaymentChart$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiGrossPaymentChart, defineCustomElement };

package/dist/module/justifi-header.js

@@ -1,6 +1,6 @@
-import { H as Header, d as defineCustomElement$1 } from './justifi-header2.js';
+import { J as JustifiHeader$1, d as defineCustomElement$1 } from './justifi-header2.js';
 
-const JustifiHeader = Header;
+const JustifiHeader = JustifiHeader$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiHeader, defineCustomElement };

package/dist/module/justifi-header2.js

@@ -4,7 +4,7 @@ import { H as Header1 } from './header-1.js';
 import { H as Header2 } from './header-2.js';
 import { H as Header3 } from './header-3.js';
 
-const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement {
+const JustifiHeader = /*@__PURE__*/ proxyCustomElement(class JustifiHeader extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -20,7 +20,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'c1e23a5b492761bc527abc1bd59145dcd40b429f' }, h(HeaderComponent, { key: 'f7865a78f1671fdc7844805ef241188b5855afbf', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '879e301ec35e7cc536dec135e11daf140c67eeed' }, h(HeaderComponent, { key: '1766cb9a4d84bee1b3365b4df93515274cf31565', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],
@@ -35,11 +35,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-header":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, Header);
+                customElements.define(tagName, JustifiHeader);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { Header as H, defineCustomElement as d };
+export { JustifiHeader as J, defineCustomElement as d };

package/dist/module/justifi-modular-checkout.js

@@ -1,6 +1,6 @@
-import { M as ModularCheckout, d as defineCustomElement$1 } from './modular-checkout.js';
+import { J as JustifiModularCheckout$1, d as defineCustomElement$1 } from './justifi-modular-checkout2.js';
 
-const JustifiModularCheckout = ModularCheckout;
+const JustifiModularCheckout = JustifiModularCheckout$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiModularCheckout, defineCustomElement };

package/dist/module/{modular-checkout.js → justifi-modular-checkout2.js}

@@ -1,13 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as checkoutStore, o as onAnyChange, g as getAvailablePaymentMethodTypes, a as getCheckoutState } from './checkout.store.js';
-import { J as JustifiAnalytics, c as checkPkgVersion } from './Analytics.js';
+import { c as checkoutStore, a as onAnyChange, g as getAvailablePaymentMethodTypes, b as getCheckoutState } from './checkout.store.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import './config-state.js';
 import './dinero.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes, f as ComponentErrorMessages, I as ICheckoutStatus } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes, f as ComponentErrorMessages, I as ICheckoutStatus } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { C as CheckoutService } from './checkout.service.js';
 import { P as PlaidService } from './plaid.service.js';
 import { i as insuranceValuesOn, h as hasInsuranceValueChanged, a as insuranceValues } from './insurance-state.js';
@@ -68,7 +69,7 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     }
 };
 
-const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout extends HTMLElement {
+const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiModularCheckout extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -244,11 +245,20 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         this.checkoutChangedEvent.emit(detail);
     }
     queryFormRefs() {
-        this.billingFormRef = this.hostEl.querySelector("justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full");
+        this.billingFormRef = this.hostEl.querySelector("justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full, justifi-tokenize-payment-method");
         this.applePayRef = this.hostEl.querySelector("justifi-apple-pay");
         this.googlePayRef = this.hostEl.querySelector("justifi-google-pay");
         this.paymentMethodFormRef =
             this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form, justifi-tokenize-payment-method');
+        if (!checkoutStore.selectedPaymentMethod && this.paymentMethodFormRef) {
+            const tag = this.paymentMethodFormRef.tagName.toLowerCase();
+            if (tag === 'justifi-card-form') {
+                checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.NEW_CARD };
+            }
+            else if (tag === 'justifi-bank-account-form') {
+                checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.NEW_BANK_ACCOUNT };
+            }
+        }
         this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
     }
     setupApplePayListeners() {
@@ -297,6 +307,9 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         checkoutStore.paymentToken = tokenizeResult.id;
         return tokenizeResult.id;
     }
+    async fillBillingForm(fields) {
+        checkoutStore.billingFormFields = fields;
+    }
     // set the selected payment method to the checkout store from outside the component
     async setSelectedPaymentMethod(paymentMethod) {
         checkoutStore.selectedPaymentMethod = paymentMethod;
@@ -471,13 +484,14 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         });
     }
     render() {
-        return h(Host, { key: 'dc4f1c1a2e9cc32100415e732817d4aaec063d89' });
+        return h(Host, { key: 'f97e00da82355bfd1bf1ce34acefc4adfe0863dc' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {
         "authToken": [1, "auth-token"],
         "checkoutId": [1, "checkout-id"],
         "preCompleteHook": [16],
+        "fillBillingForm": [64],
         "setSelectedPaymentMethod": [64],
         "validate": [64],
         "submitCheckout": [64]
@@ -490,11 +504,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-modular-checkout":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, ModularCheckout);
+                customElements.define(tagName, JustifiModularCheckout);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { ModularCheckout as M, defineCustomElement as d };
+export { JustifiModularCheckout as J, defineCustomElement as d };