@justifi/webcomponents 5.7.6-rc-02 → 5.7.6-rc-03

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { D as DisputeManagementClickActions } from './event-types3.js';
-import { D as Dispute, a as DisputeStatus } from './Payment.js';
+import { D as Dispute, b as DisputeStatus } from './Refund.js';
 import { d as defineCustomElement$i } from './custom-popper2.js';
 import { d as defineCustomElement$h } from './form-control-date2.js';
 import { d as defineCustomElement$g } from './form-control-file-v22.js';
@@ -68,7 +68,7 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         });
     }
     render() {
-        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 }))));
+        return (h("div", { key: 'b5a802e8c418b3b7f3235f43260186084a6ee079' }, 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

@@ -6,6 +6,7 @@ import { S as StyledHost } from './styled-host.js';
 import { S as Skeleton } from './skeleton.js';
 import './details.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';
 
@@ -42,7 +43,7 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        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.")))));
+        return (h(StyledHost, { key: '90d2506d5bde2ea478fa3575fc162bb356b67fac' }, this.isLoading && (h("div", { key: '4877ae22d3d8e312640b122c9107b6bdd8f924cb', style: { marginBottom: '8px' } }, h(Skeleton, { key: '31fa0717949bbc6aa49db1c6ae0e324099ae1de2', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'ac5179232cb9ee33d3f3e16d9f93536ecfbf46a5', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c22a5e3b257d01f92de7f6188fa0758861abc747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'be331b1a5e2fa0baf46bc593ef7ce4f5872abcff', part: text }, h("h1", { key: '8094c16d3b375f28ffe314613f21ae25b63e59ef', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'd89ae665e1f9bd99c9338e2132c1dc56e5386696' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '2786733eac76628019993e13473d1f43c0c395ed', class: "h5" }, "Dispute details"), h("div", { key: '663c28c46136bd56889b6ad0b9bfce9e5adbb590', class: "d-table gap-2" }, h("div", { key: 'dc688fad875d1591dcb7f31d423b61a3df2ff954', class: "d-table-row gap-2" }, h("span", { key: '442db7a6e95524ca6b092794c7a4a4d987c9866e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '0a31de8692c9b00f43fcf3c0508e4d00a221d096', 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: '9fe0c1a3d3350c36fca190ae748dafe24d41b5fc', class: "d-table-row gap-2" }, h("span", { key: '12165cb6671519130a5f2e0d8938aaa55e7e3ead', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '4a37ca8a7d64b97142997bb50ec11d737ac6a882', 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: '4d9cf74a8ed26dd84e4ce7325d4b8703352362a4', class: "d-table-row gap-2" }, h("span", { key: '8c0eaa24ebec7703eb18384b0b1f2eae8a684b55', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '238813abf2ea0848e1fe817d5798b9b0d0b78ffc', 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: 'd156a7e9bf0e7214ff2164fc09b12c0b8f1d2b36', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '7822fd12dfc39bd2aced043956d012fd34cc1b01', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '05132b3a6d1fc3d136dc227008ea1999330cdb96', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'b04dd0c34f608b75ea3997a9c28ce948fa9dba5c' }, h("h1", { key: 'ac2a13373315703e86247b6707097af7cf2e6757', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '203aed553e01bbaebe44bb370a1d088c149cda06' }, "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: '6325264f8ad7b6678825878ed59f03f90eee421a' }, h("h1", { key: '7b647ed77373884e0751de4fc39403211c249db6', class: "h4" }, "This payment was disputed"), h("p", { key: '2a5c1560d341af9b743234a058a1187f245a2ae8' }, "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: 'a89e7f4d7e8926ed052023c7dbbbaf076a03ed9c' }, h("h1", { key: '534b560aa35dd43ba0eba668904ef70dc1a6954f', class: "h4" }, "This payment was disputed"), h("p", { key: '2381f2f6418b47dce67c498c56d5f3789add57dc' }, "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,7 +1,6 @@
 import { A as Api } from './Api.js';
 import { C as ComponentErrorSeverity } from './Refund.js';
 import './Pagination.js';
-import './Payment.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: '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"))))));
+        return (h("div", { key: '09b09843d54a2dbced9788d16e244b2e59a3a78f', class: "row gy-3" }, h("div", { key: '6a3fe32d65ea1a74161d9ba9984543cf950e47ea', class: "col-12" }, h("h1", { key: 'bbb6f1334fd6b120e592117ba191d90b628e620f', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '19cbc45842294e9344dbffb725f5f053bf370af7', class: "col-12" }, this.currentStepComponent), h("div", { key: 'fa875ca152ea77fc4c8363216d8ba16c7699b597', class: "col-12" }, h("div", { key: 'fa7b62fff0cbac81c19ebad919f5dd54c3679e84', 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

@@ -3,6 +3,7 @@ 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 './justifi-radio-list-item2.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 './Refund.js';
 import { d as defineCustomElement$g } from './custom-popper2.js';
@@ -76,7 +77,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        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 })));
+        return (h(StyledHost, { key: 'b90f636418c3e11b046d36dee9accf345756b407' }, h("justifi-dispute-response-core", { key: 'ff6e510faad54506eda24b1d8dc94b67afc18014', "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: '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 })))));
+        return (h("div", { key: '2b1fbb67aebf81b2cac878cfd86a71e31feb7288' }, h("div", { key: 'e05d18f73ae193c43ead170ca59e580172115c25', class: "row gy-3" }, h("div", { key: '0f0c24505bc9e14e79681e1686e61671027af940', class: "col-12" }, h("h2", { key: '0c5a6f6119c5178564ece36506e90d79cf0a2393', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'cb740c8a1b6ded55b53b4b402ec5ae3147b6c632', class: "col-12" }, h("form-control-text", { key: 'a89bae70a2cf7500d69d51d0e2a8b9f50dc6ed56', 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: '87ec40290b40beae641136a5caca878bf5b69d34', class: "col-12" }, h("form-control-textarea", { key: '3a87c44d1584949ac5ec444c28b26a043a697e90', 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: 'dc4fbe2c23c992d9bf72d1932d41886d3a4bd53a', class: "col-12" }, h("form-control-file-v2", { key: 'ee9e58fff423be4009bef08109b14a4acda8e39f', 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: '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 })))));
+        return (h("div", { key: 'e23dbefec1d452aa3ba3cca69523eee0f5cfe923' }, h("div", { key: 'e1f11a356d05519b568b5bb65be9e8a1fc14e46f', class: "row gy-3" }, h("div", { key: 'a6208153a9a44d49e88f80d953477de8b40ed64b', class: "col-12" }, h("h2", { key: 'c80cc00343452fbf9d9ddacb6929d3a7e0a33f42', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '1ed5c9f72596f33f41431eb62e6338f60adc9ab3', class: "col-12" }, h("form-control-text", { key: 'dfb38a1c00b8b09849840f4a071fbaa12321f7a8', 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: 'd6f0a73cccf7eb2ea481836c6206ee39a0a21c6c', class: "col-12" }, h("form-control-file-v2", { key: '25dfd3efa3ec536f899fb263624bfea1b68dc397', 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/form-alert2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { G as alertDanger } from './parts.js';
+import { M as alertDanger } from './parts.js';
 
 const FormAlert = /*@__PURE__*/ proxyCustomElement(class FormAlert extends HTMLElement {
     constructor() {

package/dist/module/form-control-checkbox2.js

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { H as inputCheckboxInvalid, I as inputCheckboxCheckedFocused, J as inputCheckboxFocused, K as inputCheckboxChecked, L as inputCheckbox, l as label } from './parts.js';
+import { N as inputCheckboxInvalid, O as inputCheckboxCheckedFocused, P as inputCheckboxFocused, Q as inputCheckboxChecked, R as inputCheckbox, l as label } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 
 const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput extends HTMLElement {
     constructor() {
@@ -39,10 +40,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'cb878f1f74f6b677e33e07b61eb39f1b16c567c1' }, h("div", { key: '167df136f1b44f0bf858d2ed4c8cddf67afe05fa', class: 'form-group d-flex flex-column' }, h("div", { key: '74e3a823e0c6c6a64de50ebb68be2241fb6dd8ba', class: "form-check" }, h("input", { key: '65c82ac502370c5b55800c2190fef383368639cf', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'f574898ffe8a3d666d4b95721cf4f3f3866f8632' }, h("div", { key: '185ac07832d140b467162e2bdacb90ea0640d460', class: 'form-group d-flex flex-column' }, h("div", { key: 'c610e4c989b6c8529253ef73e39d4e58f0efd1e3', class: "form-check" }, h("input", { key: '7abfbfed27e3ad2c0a46a5f30b0681d54673c1fb', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '69a428f166d8a46f483c72c954ed6e2b17b81584', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'a9baa778379ae26189b96983ee9a3279020b2d94', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e1d9e8d4996777ec30978ece5b03892044e1a95e', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '9c505e1d0926690eb32d2d9621d6c144cfe27f6a', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'fc7933d29f06ef533fe45025184d5c8cdd24cdd1', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '29879fd2d7c04a26eb999bb2f9991bc38515994b', errorText: this.errorText, name: this.name }))));
     }
 }, [0, "form-control-checkbox", {
         "label": [1],

package/dist/module/form-control-date2.js

@@ -3,6 +3,7 @@ import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inp
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -51,10 +52,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'aba03d207c431a08d380ac058af828c295b594f7' }, h("div", { key: 'c1a64293005369e2e31fb5ed0e190c5de03d0ea8', class: "form-group d-flex flex-column" }, h("div", { key: '59688afd0b5e558e185e5e0db079b37a20fd86bb', class: "d-flex gap-2" }, h("label", { key: '1523b0e40973eae06b1667ab903f7fa1f4cfcb11', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ed2a4f5c67e59b9d3161d83c3d128e04b404f6ff', helpText: this.helpText })), h("input", { key: '747544d1efcd84f71ba2cb918919381f3e93a102', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '42d56dc5835b06508f48e7eb8b5dca063d32dd5f' }, h("div", { key: '9a111c9f90604df8c32f66d1f0bcb05ebca9bad5', class: "form-group d-flex flex-column" }, h("div", { key: 'bec15b51e5d0f03cd4a69abcc3f0ee727262479b', class: "d-flex gap-2" }, h("label", { key: 'b57723374131e145d8c1307d7b94a5240ead9b4b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2c03597da3e1db9fafd25a3835ee9b72dcb54a6d', helpText: this.helpText })), h("input", { key: 'b5e7e7b38fc6ba6c68cf1773e8ad68f09663a1cd', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '5e8ae080996677daf725a6ec33078a2f57a93866', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '4ac80bbeaa886a8822b641f3643c6a36d1bbe111', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-file-v22.js

@@ -11,7 +11,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
     }
     render() {
-        return (h(Host, { key: 'f8c95c4ffb51065ab139413a562a2a9a228860ed', exportparts: "label,input,input-invalid" }, h("div", { key: 'dab3e9b8f432ab84d32c479dc5a7c3aff292d4d1', class: "form-group d-flex flex-column" }, h("div", { key: '48af26bf174f393270da0170470e5ad14c401181', class: "d-flex align-items-start gap-2" }, h("label", { key: '6d6c5c6660f6851322a54af80a220c4c37eaa16a', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3222a9ba3a6b4ffdeede44ccf1dac6fc7a974c1d', helpText: this.helpText })), h("input", { key: '3954f9ca95278ac082ebc5c213fd337eaf65192e', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '1a391573e3dbe383a4108c32f2f2f4cb0dbbd1c7', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '09a00c508e5f8a6760a10596caa60e39650ae3dc', exportparts: "label,input,input-invalid" }, h("div", { key: 'af053f126524dc7dc5f02d5f6ef871012097e1a4', class: "form-group d-flex flex-column" }, h("div", { key: 'e7cbe9ae561c54c14ef4bf1adb4405f93e52a0da', class: "d-flex align-items-start gap-2" }, h("label", { key: '84173f53d2d70e8f3728cd5ed69dff4fa86ee659', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a5f6fa27696c3cb673c5b10a7cf7049c2be1d113', helpText: this.helpText })), h("input", { key: '8f39d6dfaa711830059c04fcbb0b99600d269000', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: 'f9c61d2900f3a0776895c51d9f1aa42e6aabac4b', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file-v2", {

package/dist/module/form-control-file2.js

@@ -3,6 +3,7 @@ import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inp
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -47,10 +48,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '2f33f18c45bf27b27e3a3a633ba21ba90eee5ceb' }, h("div", { key: 'c749589536322fcc31a2ce7ccf1614c57881da36', class: "form-group d-flex flex-column" }, h("div", { key: 'c30a7d7ab3ade7898d74d0b0c638b7f76b05ad73', class: "d-flex align-items-start gap-2" }, h("label", { key: '62a9d698290f4d02ec06f3c26327f7abfc6bf8dc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '93636c12615e31be1091dce3a77e29c5b78620af', helpText: this.helpText })), h("input", { key: '0e6430bbf633b6228f09013f6ce60e0810759666', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'bbf3a7e4cd4dcd5cc0ccefe4ad405dccbe7e3e78' }, h("div", { key: '4cb2c56d8015d1bb78ab08c5499d00ddeb8dd738', class: "form-group d-flex flex-column" }, h("div", { key: 'f72a96162d320c2ec86b0668a0d174065cca15e1', class: "d-flex align-items-start gap-2" }, h("label", { key: 'b99571312c582e453b867888db7499ad5dad69c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '014c69076270156f8301ba329bbc779046282e69', helpText: this.helpText })), h("input", { key: '08a71546d4f2c2fc3df64d4f87ac1ffe2dcef6d4', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '90d3406a0417e6073815a2f6e370c14ec614bf6a', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '67496c44c3db670d269394b2667c13776d9ae166', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file", {

package/dist/module/form-control-monetary-provisioning2.js

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { I as IMask } from './index3.js';
 import { C as CURRENCY_MASK } from './form-input-masks.js';
-import { N as inputGroup, l as label, M as inputAdornment, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { T as inputGroup, l as label, S as inputAdornment, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 
 const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class MonetaryInputProvisioning extends HTMLElement {
     constructor() {
@@ -64,10 +65,10 @@ const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class Monetar
         return part;
     }
     render() {
-        return (h(Host, { key: '950019f15743434eaa378b48338e73157525d677' }, h("div", { key: '9a4dab257ec7a62f3f3f1ba1cc2c4aad3f823c17', class: "form-group d-flex flex-column" }, h("label", { key: '19d046ba0d9f5d2b8fc7c3d8c1b9dc893a5834e5', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'ba7df233aa5965ee0a7f5c01dfd84aabd3cecf70', class: "input-group" }, h("span", { key: 'e325e64173d5d7c260b824ef492f02f2333bdb8f', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '5b1632e00657f9aa31139a9869ab63ad9388612e', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '59e5e4d46e7d4ece898464d846505756611f6635' }, h("div", { key: 'e82201d6777584666ec5ca04ad9e02b83fa956c0', class: "form-group d-flex flex-column" }, h("label", { key: '9bbb22bb201d3db07670e4f26521593ff229f583', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '61909b4796f78e22d9e6508d9257cdf16220e675', class: "input-group" }, h("span", { key: '152a4f1a6323e55bf6f48aa25353939569acc419', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'cc8055c02a4ccb4f63553f45b5ded4ee3d8cf972', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'cb7f04dc7e6849d335eb0cfecfb05d7e0c26ff1f', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '6ad1b947a48e8c97a2f5a1c4c2c1094679ce25cd', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '776dfb4a9d74342ba139dda6706af8e60b4700fc', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '74e503b7e525aeeb994b1ae94941f07365d2460e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-monetary2.js

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label, M as inputAdornment } from './parts.js';
+import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label, S as inputAdornment } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { c as formatCurrency } from './utils2.js';
 
 const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput extends HTMLElement {
@@ -50,10 +51,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: '3e5d9d316389c408227efc140470919ede9a49f0' }, h("div", { key: '438e75320d0dd82644da5846f35aa00253070b0d', class: "form-group d-flex flex-column" }, h("label", { key: 'ba7f69b961efda039f6faed58571d80320f1e7db', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '70a4dc0fc48a37102f0f1d6bffb259eb6e4a7c6b', name: this.name, helpText: this.helpText }), h("div", { key: '57c943368d8556a00fa8ed94cf34195761416322', class: "input-group" }, h("span", { key: '9c1f65ba1448895aa107c5358ea5200484835639', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '55910515d5146d078e72d6f4d70cab9c5ad0afe7', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0842196a10a26630b99d9b10149edc52f9197d75' }, h("div", { key: '9195cd13c772720637f9f5c68c3d93ba0b7b2b03', class: "form-group d-flex flex-column" }, h("label", { key: '995e71be182068b0ef4629c4fd6d66539199be5d', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'b9d3a12f486d808bc9eeb4155ca0c7c8086cdd0b', name: this.name, helpText: this.helpText }), h("div", { key: '00a19cfca58d00169c831f3f138c7ebc4b5afd85', class: "input-group" }, h("span", { key: '36120c616e2eec08cdf4a29fdfc2cb472441bf2b', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'dff91515955e4bc2ceb60b48deaa27be8717d95b', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: 'b3b5b2f0e09bf65b8aca2836f1712f9fbc79eb88', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '52a89e9a6196eeff1fbc20c7474ce7016be16fe3', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number-masked2.js

@@ -4,6 +4,7 @@ import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -68,10 +69,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: '2396f0e86fd6411a69aa33ad27996bc27d51c5ff' }, h("div", { key: '843c49d6623748474fb66a5a9c6df312ce3150c6', class: "form-group d-flex flex-column" }, h("div", { key: '02946008f20a5cbf5fa120581320d2232ca8f87b', class: "d-flex align-items-start gap-2" }, h("label", { key: '2cd845c41e2ff5c76e16f6ae235902a7ff821aa5', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9142e6d951c69ac721d2be24fd90fad55e163231', helpText: this.helpText })), h("input", { key: '0161aa4d9bcc0c8f319a041e10948ee3fd4b92ac', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '6cae1871670deff0c71ea486c0e152f3e2fde29b' }, h("div", { key: 'd19b5550c44f287f8a209b8e5494f8dfa684c83c', class: "form-group d-flex flex-column" }, h("div", { key: 'b47d25e856e615073680ca7138659fb5a744482b', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a8487b47e04941ff3f03f4cf50cc8e6a3487a83d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c1742daada4cc36cabee18a31d64320b039c8b7c', helpText: this.helpText })), h("input", { key: 'f0502f8af26a5a1dede6e8ea3645119b7c29086e', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'fcf3fb19e7cbf18323fbbf4824235c4b1957a5d1', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'f718537088c8b1fdb0b55a60fec35606e1d5e113', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number.js

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { T as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, i as input, l as label } from './parts.js';
+import { U as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, i as input, l as label } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 
 const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends HTMLElement {
     constructor() {
@@ -44,10 +45,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '2b4670028ce921d1784140b1a5e35c0e808e82d8' }, h("div", { key: '14a7d522a53eb04ef55e806fc7e14ec419d05915', class: 'form-group d-flex flex-column' }, h("label", { key: 'c4785313dab96aeb2a4d2f3b24d89fe0b1ff933f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a3dff589653bd94be8ebf3bb27af35f296a49e59', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0c518001e14574c5c7bce66643ec03571eb80e86' }, h("div", { key: 'd09fbf1cd01990d2d73fe8ca3b0ee59ba48b4631', class: 'form-group d-flex flex-column' }, h("label", { key: '51476220a170a30e6fb8eabb06c0dc16b5231a59', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '3d31c0cbb62e9f9957994b3a4d2fc26330aa4ee8', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: 'f0de00517cece23f8eabe877f656f595711317d7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '7691b836399614924d377c26340e631b13ac6fdf', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '48241a9ebf6118a0b231d05b7aa14ade91e105b7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '53b60709bd2c431e93fe411c498df28dca5dbc30', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-radio2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { O as inputRadioInvalid, P as inputRadioCheckedFocused, Q as inputRadioChecked, R as inputRadioFocused, S as inputRadio, l as label } from './parts.js';
+import { k as inputRadioInvalid, m as inputRadioCheckedFocused, n as inputRadioChecked, o as inputRadioFocused, p as inputRadio, l as label } from './parts.js';
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTMLElement {
@@ -32,10 +32,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '7e506e677b020d762afbbf5b4a2e95b78c672b33', class: 'form-group d-flex flex-column' }, h("div", { key: '33ebf3735238b6e14eba97d2763088d7c25eb64f', class: "form-check" }, h("input", { key: '3098513864c05277e14c33bdb2aca188b90f2b90', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'd14a72683af8b1acaa69c203939b736a4c0dccb1', class: 'form-group d-flex flex-column' }, h("div", { key: '7c6f41ce758caf8c4dde203bdfa01088295a0d1c', class: "form-check" }, h("input", { key: '44577027dce61879ecf2eb697040364d4a383e3e', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '059f7d8a9bc8bbb19bd5cb73c5e06719becbf441', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '295307b03dbf8e634902692cf5f382571ccf430e', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '9a0b8e22a4e975236e9575102b2e8a8bf83faf3e', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '865a2e9b10774fd3e8c1352a20eb8c8b08d0adc4', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '8b9e73b963315bb209ed1a7f086d86020c56fc3b', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'a64d416e7683886a2846594b33f5205545fd3bf9', errorText: this.errorText, name: this.name })));
     }
 }, [0, "form-control-radio", {
         "label": [1],

package/dist/module/form-control-select2.js

@@ -3,6 +3,7 @@ import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inp
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -44,10 +45,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: 'a7428cd8a89414d877dafe9948f5652f28c36a5f' }, h("div", { key: 'c9d5d5d2f8a6292484d3606d883dbb9d168aa316', class: "form-group d-flex flex-column" }, h("div", { key: 'c1aba6560934b966de02e9afef77428c6060eefb', class: "d-flex align-items-start gap-2" }, h("label", { key: '5fbbb09c3955ff3285b006f24c3873082394d39c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f756a05a8273ab6fd65205bb5c32cd34c30a9db3', helpText: this.helpText })), h("select", { key: 'ffd0fa461d3c35da5595e705a7c4068066d8f971', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9842d5b2a2069292ded1b960bc024d7995a6d58e' }, h("div", { key: 'b4b5fe37f88661d2f592864adb16ae997a38b484', class: "form-group d-flex flex-column" }, h("div", { key: 'f70c40c7e4bdd58b985ac9b6e76fbf48ff15261e', class: "d-flex align-items-start gap-2" }, h("label", { key: '6b1d9e1f3b22e702962c1d23a057f08222af5e1a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae7835adde280a8c4f48f3c9b169240aac3672d', helpText: this.helpText })), h("select", { key: 'bee75d1bb56ed104473efcad7d8c432b50bfbb38', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '6ee60bb236ccf7cea7bc8ccf946a363d2cd26906', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'f5df46552aa8124b344260bca05bd02c695d0fe6', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-text2.js

@@ -3,6 +3,7 @@ import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -45,10 +46,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'eb266645327b65097de5c9a6b2858f2c9a38412e' }, h("div", { key: 'a20abffedd96e0114988859acbb4823c5a6839e0', class: "form-group d-flex flex-column" }, h("div", { key: '26bf741a7908f6920b04a062432473cd935186ea', class: "d-flex align-items-start gap-2" }, h("label", { key: '944ba9e8f13ca14ba4d7880874536f19b19c02f6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '596052a2165ed3e22ea45a949ffc663d82b12b6b', helpText: this.helpText })), h("input", { key: '7e2b7aeef57188ca4b3e5ab767e784b736eff5ba', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '3bfa995ee52c29b234f9b5e55ba28b313b7cdaea' }, h("div", { key: '7c3063420028402d161a39799b8353f7579a63ec', class: "form-group d-flex flex-column" }, h("div", { key: 'cd66e51b2c88f33f107a06d548678dd0fe471045', class: "d-flex align-items-start gap-2" }, h("label", { key: '47a010c294accf77ab36ff4aae0e49b4b7088d75', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1bc3361f6851fc5b62e76ca0bb6cfa34b88e7f79', helpText: this.helpText })), h("input", { key: '8127d267a560e3b68bb170d32590ab3134d113f2', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'ffc880aaa556ba0a6e8ae6f36d0ba14d34b2919e', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '24fa8b67f634e15fe5aafc2e9c3c875ea2bc2811', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-textarea2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { T as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, i as input, l as label } from './parts.js';
+import { U as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, i as input, l as label } from './parts.js';
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLElement {
@@ -44,10 +44,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'd0b98d212fc77b580dbc95ffbd4968e116a4ea68' }, h("div", { key: 'e2f15c7d68df28274470385c5417bd41ba4658a2', class: "form-group d-flex flex-column" }, h("label", { key: 'd1ece77c3c00a1ca83bb56b6cd990c04c5148a58', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '9b299c1201c42a700720d39a58b8088768efd3b7', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8b7aa0820fe8e28893564b1db81f9a46af19ba5a' }, h("div", { key: '430c5979f3926703d09bbe33319634b77d8061e4', class: "form-group d-flex flex-column" }, h("label", { key: '74e5ea2805d737f43350d95ee95a3de0b3283661', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '64d7394cb65fcb16330c34efee4b343b7017be92', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '3e302298cde7d5b7572f8afa9c154ab9c5f3a36e', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'd0609429f696b59661135f0c4da2b2a90e508964', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '83b3b2f47a805d6896cc7b2c43bb57fce3242c4c', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '9670a3995f4530352df05956bbd6827def43baed', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/get-payment-details.js

@@ -1,8 +1,7 @@
 import './config-state.js';
-import './utils2.js';
-import { C as ComponentErrorSeverity } from './Refund.js';
+import './dinero.js';
+import { P as Payment, C as ComponentErrorSeverity } from './Refund.js';
 import './Pagination.js';
-import { P as Payment } from './Payment.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 

package/dist/module/get-subaccounts.js

@@ -1,10 +1,9 @@
 import { A as Api } from './Api.js';
 import { S as SubAccount, C as ComponentErrorSeverity } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import './config-state.js';
-import './utils2.js';
+import './dinero.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 
 const api = Api();

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as formatCurrency, m as formatDisplayDate } from './utils2.js';
+import { c as formatCurrency, l as formatDisplayDate } from './utils2.js';
 import { E as ErrorState } from './utils.js';
 import { S as Spinner } from './spinner.js';
 
@@ -11052,7 +11052,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '663505aa79e84647ccc612ba671910a2cbc9e27d' }, this.loading && h(Spinner, { key: '2c0a00781ec16313786e76e2d95f4cddae5d3cb9' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && h(Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/hidden-input2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { i as iframeInputStylesSet } from './iframe-input-styles-state.js';
-import { T as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input } from './parts.js';
+import { U as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input } from './parts.js';
 
 const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends HTMLElement {
     constructor() {
@@ -76,7 +76,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: 'b463ccd5b6d6dff0c02080a61f768b33710bf81d' }, h("input", { key: 'd5fe6d3120d11b1a82fcf6d3e1d9a3b5929ac61d', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '9b8c4b1b44264f71586cf36ea85a920c65ab68ea' }, h("input", { key: 'b740788c09c9abd2368e35d1107581e821b72d28', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [0, "hidden-input", {
         "isFocused": [32],

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

@@ -21,7 +21,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: 'ee0ad865c40fb26b4138c0b68a944f05f96fdc65' }, h("div", { key: '15e35c582daaa30f5d7523d30445546fa9d648b8', class: "row gy-3" }, h("div", { key: '066f08f377cdb74ff640787fdc54082b74952de0', class: "col-12 col-md-8" }, h("form-control-text", { key: '9b96dd42003108200b0ebb0bb5f246e48028967a', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: 'c0f25515428343bdbb6e2ee715dc8e7996ae922b', class: "col-12 col-md-4" }, h("form-control-text", { key: 'af541412c694f912fb2d511d1b72d02274e4ef21', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: '61cdbddac8ab71b22feab3a5169f5fda57f751ee', class: "col-12" }, h("form-control-text", { key: '1861b0a9807c2f0679eaba07f313d4dfaf563fd2', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: 'cb3aab077c4e3824e6becf46396b67114ff24f16', class: "col-12 col-md-6" }, h("form-control-select", { key: '0adfc316afc87f6aa91198d01da7ad3a86b6221d', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '36ae7e269ba4f31541ffc2d20e0931500b33732a', class: "col-12 col-md-6" }, h("form-control-text", { key: '7f8a76e23c78f505133a3fcd23575ae0e04e2c7a', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '67d3c31c5450fffcc5d333f2a6927f805d88fc4f', class: "col-12" }, h("form-control-select", { key: 'c99faee491f35231c852e9a6096e5822c389d6cb', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: '136f90a2d2e8634c003a5f47af20d422b7cc59be' }, h("div", { key: 'e7441c2a0410381be43f8d0735fdf4e390f664f2', class: "row gy-3" }, h("div", { key: '93f23a3ba51716a88bf90628f395dbb3bc456cdc', class: "col-12 col-md-8" }, h("form-control-text", { key: 'f4801f6eb05d3a169142daa6b0d123ef84864de8', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: 'e8ce49dcd4d3c6df3327d2c011ec1c0a080fb4f2', class: "col-12 col-md-4" }, h("form-control-text", { key: '8cbe92c156c4d410b712b2fc95c7bfe55be4e337', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: '4cfcfc24268fd92ccaac110a8293e95bc9998af8', class: "col-12" }, h("form-control-text", { key: 'b2739b7fd7838ee73c9127fd8e9b0dd6dcd12210', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: 'ce9e4974dcdab596dfcefef362d045ee2fea3648', class: "col-12 col-md-6" }, h("form-control-select", { key: 'c001d0a3d3b402768ec428c0e5760cf0e88c318d', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '7b73598a2b207db9ec2480ed37d163aa45128e6d', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a070edca32110dc4ec238c486ae96852733ae924', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '57b01955142ed533a65058b63cfd20598e8387c2', class: "col-12" }, h("form-control-select", { key: '8f07809025c039b4c39a452ddf2948f973a82d9a', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true })))));
     }

package/dist/module/iframe-input2.js

@@ -3,7 +3,7 @@ import { g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import { w as webcomponentsPackageJson } from './package.js';
 import { a as iframeInputStyles } from './iframe-input-styles-state.js';
-import { T as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input, l as label } from './parts.js';
+import { U as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input, l as label } from './parts.js';
 
 var iframeResizer = {exports: {}};
 
@@ -1617,10 +1617,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: 'b18d7ca56b7cb3f3fb927c210664e7c41a3263c2', class: "form-group d-flex flex-column" }, h("div", { key: '78fccc6cdc1323ef732cfc8fd57dfc9ab865db3f', style: {
+        return (h(Host, { key: '6317dc0f48d4b44a94a2172e2d7342b8b77d96c7', class: "form-group d-flex flex-column" }, h("div", { key: '928a638fd786fb3e0518586e7c91f43d8e78f869', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '6e6a08b933f3df6c68cbb8cf54768d8e1ab5af8d', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '43ace7ad01b2fd63d7184ba922cb83cd84cfef23', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '01fe8b095292a49b6278b2f5019847646536f5a2', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '9489d0302ae3c1f9944c4563a4cf57a9864a0055', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '024ba8303ad42a45ea0794c7bd551294bad67c84', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'effd7074bf559e5dfb63450eda633af57edb7abc', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1630,7 +1630,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '8531887da5c4a6a1fc02a7e7f1e835463a0fbd09', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '718118cbaf63d8e287f9bb8a0175b9cdb44fe41b', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [0, "iframe-input", {