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

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: 'bb50db485b666c8a69826d3ccdccb19e1defff7f' }, 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: 'b2fe02d9cc805d8bd9a9a7c7e24aa447bb506368' }, this.isLoading && (h("div", { key: '3e8b6996ba3bd3b6cee9ff6aa40de111d63d6e49', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'a9b5a6b69637c1fcff54d0d057a9c1d555b05333', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '771b72567728b6ffcc3dd393a9c7e289ffb49939', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '10bbcae1a4bd006394a71ad9d93ba2c2ab00174c', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '4c34718dfa9622a045c3d7ee5c45415b87ba43d2', part: text }, h("h1", { key: '6df61476d7e98b819722ecfd94eb74b25b1165b8', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '3274dd90180201005e0c281c18bea8e794c1fae6' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '0498b48e2a1f1ca5bc0f660ee5e515fea03cb171', class: "h5" }, "Dispute details"), h("div", { key: '65307411698be9a095eebfe5d8783c211b41d174', class: "d-table gap-2" }, h("div", { key: '64363e176ce32bcbdc670f73e07548893946aedd', class: "d-table-row gap-2" }, h("span", { key: '20bfe036e146209037512e63abe1c6c9c6996384', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '7bc3b39608079b9627047e50d5d534b0722a85cd', 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: '9fe0319d887d357f1db48ea0fea0234d183b837e', class: "d-table-row gap-2" }, h("span", { key: 'dfb7291c466865477e2f3e91aca16d4e8b0b388f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '08a88fdf4888617b3bb6812dee8d0e3b3067b9fa', 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: 'e8ed2895586fa7c4d95bc074099d2ef1c84c662d', class: "d-table-row gap-2" }, h("span", { key: '2776f7600495b448feec656e078c02935d564074', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: 'd6122984a16b4eae7b1ee6aed85d43364ab14097', 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: '66ffc380b6703cc0d6e5e1dc36969471eff5888a', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '733d1bad942cab95915f9ec95a394db669501251', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '37b2245252ec8e44ee1e2d16244a37915bf233e7', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'ce261f2fffe22a31a8342dd4bfca31da31853ae2' }, h("h1", { key: '2005fa90f8ca5c53cd4f3835a0ce5b6a02e7d88b', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '37b92daa4a6efa2d1b8d38722b4cb34292145407' }, "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: '71e849f41c4fb6594818f89a4a8358289396c121' }, h("h1", { key: '4a06746430e79e0117ce7bb7e6997f7c606ebad5', class: "h4" }, "This payment was disputed"), h("p", { key: 'e72309f0d54c499c5cb9fca1e088c95b6b341a80' }, "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: 'ca1aae552813c4d6d7d952e512f8c8bfd5815957' }, h("h1", { key: '1d7644c907dbcdafc010ad5f44570306669f3f25', class: "h4" }, "This payment was disputed"), h("p", { key: '2b69366146a32a2005789d07c8af8ce4158148c3' }, "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: '3f00a6b94c956c235145b6b5a91a097867ca00ef', class: "row gy-3" }, h("div", { key: '7bc1bcda8f5748999359a5286f69bddec6d92bc6', class: "col-12" }, h("h1", { key: '0b9ab07a2b421f9a61662a40341e464bf91c7edd', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'e8782ca7ad6a04f270df67b2242b525ec52310d5', class: "col-12" }, this.currentStepComponent), h("div", { key: 'a305428bc3ff3801bdb7c2d086bd3b10d39c6eed', class: "col-12" }, h("div", { key: 'dac35a130c1c33df3b99505d7680d8affaac9906', 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: '757f300705d786610e958ecd2e574ec6294eb3a2' }, h("justifi-dispute-response-core", { key: 'c451a27a530b06072829dff517d85d2f0afd65ae', "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: '0f5f659e4d683e122205cbeeb2cb9986af3b13de' }, h("div", { key: 'a9f2910fedb5c5b3367db1a36e0aacdb1a96f38f', class: "row gy-3" }, h("div", { key: 'bb6a3f733f7620c198b76c827ffbd50eee9415e2', class: "col-12" }, h("h2", { key: 'd976f202ed4fa871e57fa5e0ce9b4a6042c2c292', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '684b857d0cc6ca2695b66fdf1edeaebfdaa9226b', class: "col-12" }, h("form-control-text", { key: '4e6ca5dd148141e590c6a883f2b58ee7a754d81a', 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: '1b1ecb53c5eada4d1e31b73f64b37893479fd0e9', class: "col-12" }, h("form-control-textarea", { key: '3b4e38dedb3cd53afc191639150fa2b2e1bfbcf4', 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: 'fe4687a70ea0d9f3e76bdc09d4311f18f78fe2e4', class: "col-12" }, h("form-control-file-v2", { key: 'aa6707c20292f7167b76a9100ef24aefde3ec729', 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: 'c5cfda0599b55ba1e9df3361d7bb5b417fc44961' }, h("div", { key: 'bcdd174428a0712fcc00e2f70b62a79882254389', class: "row gy-3" }, h("div", { key: '4d6f2f5dae0398067a19537b4ebdfdeb5dbf0386', class: "col-12" }, h("h2", { key: '6e1bd9467724bf8bf3f37306e2141fab16fdef1b', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'b51096b1e38057f637bc65252c3e3208f4909c7f', class: "col-12" }, h("form-control-text", { key: '6d337d08e6c34f282f8dd39f67e398ff97afcdfc', 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: 'f7d15788e604d9b0fd5d8a79b4783a1f698e89fe', class: "col-12" }, h("form-control-file-v2", { key: 'ea0d2bf4b37df20ddcd9aa4cda505d978ede92bf', 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: '54f78efeb7d16825cfc08e98dcd37bad7b61f81b' }, h("div", { key: '83fef493e58c3a063cbbfe09700ba786b6242c4f', class: 'form-group d-flex flex-column' }, h("div", { key: '3c0ce3b7eb238a2ed5311f284b7f7422117e77bb', class: "form-check" }, h("input", { key: 'e071a738ff24cfec86f8f8c33c3cbae7261015ac', 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: 'e73b59126ddfd1b4f7c510b6d18e48c66aa9417d', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'c69896d9f44b0d9bb12bad10f22f3da5c5a6de52', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5a8e732e9cb5999ab72769f00f00a4a19def3471', 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: '08bce3cf3be399f5cbc2b83885b42cbc38edb118' }, h("div", { key: '9d7537d093c98aad6ace2bf2e1dff221a94342ae', class: "form-group d-flex flex-column" }, h("div", { key: '4bb572f4060339595df10dd2b33799b926b6efd1', class: "d-flex gap-2" }, h("label", { key: '7ff86ee061e99220d836786304835edb087a513e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '22506780fb5306be2eea2c8b0982668a57b8ac64', helpText: this.helpText })), h("input", { key: 'a15de1023d46a919caf8f2d4b4bd2fd187c44bc7', 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: '05011a1473a87a9a167a757d1f9387a3da3b9ebe', 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: '326085a82e5ba4a9dfd92d821bbc61ae1226abca', exportparts: "label,input,input-invalid" }, h("div", { key: 'eb08a1c5c9eba7c1589a4088c822d6c877d2ac8f', class: "form-group d-flex flex-column" }, h("div", { key: '214803f34627450d640573a746fff3d10aeb83c8', class: "d-flex align-items-start gap-2" }, h("label", { key: '4c352fd5c0388437bbda2d02b0d5fb7b93b031f4', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5653524953f91a5de2f10aa1d60014fe47b1e9b9', helpText: this.helpText })), h("input", { key: 'a247246694d393078ff8e3fb391b6232c3ee66c5', 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: 'e3b485d2b5968444f4f0af9c1e4b922f0da58283', 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: '8521437d1faf90d5f3b73f821485560d0ca517a2' }, h("div", { key: 'd803250512feba82aea03c8a8946b024aec2eeae', class: "form-group d-flex flex-column" }, h("div", { key: '8377b86ca9c4b1974a55380d7cc325d6b5149913', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ae69567c041aed85bdde3ea16f829aec96e4b25c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '78c0ab7de411ca18dcfade80f1bac72b4741fdf9', helpText: this.helpText })), h("input", { key: 'ed1d7c11db1478e0edb90be9d918e119feb478ba', 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: 'b31b790d9c3fc013df2d504be03fb75987779148', 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: '4627cd58c4be09dc4650c52c22cba47134dad748' }, h("div", { key: '71b9039fd1046aacf6dc1e5ebbfc778dbea36f18', class: "form-group d-flex flex-column" }, h("label", { key: '53326d4fc12a7b0087a420f5c3396a42e1fc01dc', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '50e431a5aa3e83f6cff7d520bc5df4f372055541', name: this.name, helpText: this.helpText }), h("div", { key: 'e462e21706fd2cdac31f68e3a9dfc3319e002416', class: "input-group" }, h("span", { key: '2bfe95a64d5ba18f36256933f85bb710f47c233c', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '5ce586b7b9de9f082d29632a2abc4ee676ca3ef9', 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: '5ba05e5b423b1aa99bad6cd4e096b3ca40e1f528', 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: '90e98aec90cbbfcb6b7aed010f45ec83336faf17' }, h("div", { key: '43185b809d29eee55e8d52538e4db9b58c07105e', class: "form-group d-flex flex-column" }, h("div", { key: 'c6eaeaae9643e86fb719b4c3c1fb91e5283611f9', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f7aec8f74195a1837b27202b7f54891572ba4dc7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '17d6bb8316b612de5276f9c492213a50400a672f', helpText: this.helpText })), h("input", { key: '6d5bc7033170be3cec7a0c63c4367839c6907588', 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: 'a826bbca2dfb515542bcc5485b2c31c8c6c6fc56', 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: 'efa689f0c0eaf8ea284c3638ae24eb78d22b3746' }, h("div", { key: 'cf749f1b2fbdc117dbd54b64804aa9e86e5e7596', class: 'form-group d-flex flex-column' }, h("label", { key: '1d9313fad2bfe87aba771584888d1ae14a65658b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '450f93bc24778a0ffe095a5e9b0481466f301eef', 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: 'be5d1cf04001775d86aff7f3f8acbecc4b3940f4', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'af63439d042a2e74906a37050c5772d26bb98eaa', 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: '6fc1bd87b882538bc41afbb6879b25a8bc046f16', class: 'form-group d-flex flex-column' }, h("div", { key: '0937e3f5820ca6eaaa4d44a7c21c60db2e0c6d96', class: "form-check" }, h("input", { key: '3e1d3fa4567bbe2ee72915c9ef9817194c4d2789', 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: 'b9b6978555b339b722492cbbf8fba7c2f2086f7d', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'da9d5829ca6bd368bad2a9455d1aa24fb9453a07', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'd63ced982c2ba602e765c1133dfe8def475c861c', 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: '839c378aeb1e2886a99828d5d2bf56a886863553' }, h("div", { key: 'b136cb01ca628a434e0f3525ea9160e8ea645461', class: "form-group d-flex flex-column" }, h("div", { key: '02beb8e2c5d8c3c83b0ff3f7fc85999d1f3fd238', class: "d-flex align-items-start gap-2" }, h("label", { key: '446aae548caa27b70c79f50dd8248b30ed03d65a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '704061186d7d11461a4eb28f2da23ae0b0182386', helpText: this.helpText })), h("select", { key: '8960d6fdd2cb5c6065494c23157f25ed9fb8b43a', 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: 'b9a86795fa9b2717c459735cb49b2100c890d12a', 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: 'e5d8f5de52ee67b8a19f92c9bda42590ba7c8f9e' }, h("div", { key: '70f3889053a4c432d8597db382e2e79d1a0bf940', class: "form-group d-flex flex-column" }, h("div", { key: '8ce7f67b0d3e9331e14f697e8ab09e62ad8fa802', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ea05923eafbecc5a6c9657cde0e9f2bfbbd53398', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fafde539fde52e451a50626325c5053449969f12', helpText: this.helpText })), h("input", { key: 'ca8c5abef9574fdd3b6f6a8abbde7d6ce6d16dba', 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: '54585710ea44fec44de2a299c1703a412e96ac21', 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: 'f45ebba5dc17491a061e42d2367af0349a6dfbb6' }, h("div", { key: '91a3b4bd2c7f1b24c86c462142e03fadada54333', class: "form-group d-flex flex-column" }, h("label", { key: '0db662d661f3f8ae7cbf0dafba5f1aae77bdab16', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '413bb49fe3aadc0113bc2c95bee09dda04efa13e', 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: 'fe43f983b1354f90ed608a0bc32d521af7428c76', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '870687afed45cb19d663c7fde78f292aa819c0b7', 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: '11b7b6cbe8be6b338125afb3e7d375f1cd0ae040' }, this.loading && h(Spinner, { key: 'af11687eac9f4648ef2ef57651826c048dceea83' }), !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: 'aa2fcff3addf2d5c93e3f5826f1690c4d48ed57c' }, h("input", { key: '302959d5e9bee9f86c6260a89268e0f68332c23e', 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: 'fb0924f188673c2d89902e033ebac390204f790c', class: "form-group d-flex flex-column" }, h("div", { key: '376d424fe55e8e82fa97fefdc245be3586f92f93', 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: 'd4fae6f4a028eb14be4271b75794da46834c7087', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd43852337045814bdaeba085cff30ea0af00cf44', 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: 'bcdad13247f7c3fa34ccd4ab334426ba6ed24a0b', 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: '5366a798dfce089b8f6b300c7a8fb7f5e10aeddd', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [0, "iframe-input", {