@justifi/webcomponents 5.7.6 → 6.0.0-rc.2

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: '055958d36a7cd65fe4eb34ae51ec399eb33d7d1b' }, 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: '6374c478bc8907019b48e1a53b0ecb2e171ab2e4' }, 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

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as formatCurrency } from './utils2.js';
-import { t as text, Y as heading4 } from './parts.js';
+import { t as text, X as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { S as Skeleton } from './skeleton.js';
 import './details.js';
 import './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: '1db05d5d0a2a5d6e6b78cc59993505bd4d76ebe7' }, this.isLoading && (h("div", { key: '9c89f30960ddf0be3d71c966ca57b569f3ff9d4a', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'e5a2a2bc3ac92eb5ad4195fc88033213a8ece47a', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '0bc0a4d2fada5d327e1931c1fa0d14e96bffdb3e', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '3166b2cfc5b45d26e5df4895eacf531e9e65007e', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'e466615b698a19c1732cb121e62bb1e3c907dd8c', part: text }, h("h1", { key: 'e0dcf51f9f23aaa638c4262279e9e09a51ea4fd3', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'f6223902379663abfa854238d4da032c0c05c6db' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '2f020f828b56ffad6d304a8b1dbf456fd2bc1566', class: "h5" }, "Dispute details"), h("div", { key: 'd039822e36ebbda4e16260d475a38099bffb2987', class: "d-table gap-2" }, h("div", { key: 'f500c5dbe0db03f17eadcecd63fb391650b5dcfd', class: "d-table-row gap-2" }, h("span", { key: '663fd1b756692e84a6c1777f3283964cc28d89c2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b6740f9c893af1894f41854ccc3ad8f3ea4a078a', 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: '3ed0b2ad6671aae4ab0e8ca39cff0a5a8b9dd372', class: "d-table-row gap-2" }, h("span", { key: '92567e18ffca620b909602b4e3384a633177e804', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '96f921be894d079bfe920d58c1c1b219a8a4908b', 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: '0d378be43be30460b7f4a029f1b15329ec97e8e4', class: "d-table-row gap-2" }, h("span", { key: '77a49b1a543318be776fc5d21e341abf8670527a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '41de3a05cbaa74975c010de2fad237321a4f58c0', 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: '3f0b6a369b04389428bad7de8b71d3f8718d538b', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '07ffa21453cf14537441283c280e3a32bc8a7391', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '977c1a385c094d0fa3dac86ecdc128c5b6a76579', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '9c58e1b63217f79cddd6bcf2cbba875a321c6c32' }, h("h1", { key: 'c8feb6609b2da8a8a7ec340cd184cb80ffabdd1f', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'a1498ee9a3055028bb5157926ad59b12aeee2925' }, "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: '7721a8e37b1b8ad4cc535f83a16c2a5d31c7d70c' }, h("h1", { key: '0669edf9efde01f89a75751286cb4ce4601dfc8a', class: "h4" }, "This payment was disputed"), h("p", { key: '41a2645ecd146432c7b6c7db48acafa538e6c6a7' }, "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: '53bcf1dc1ca865fd0d1aa297794759099d3e5736' }, h("h1", { key: '3c4e05422f28d10620577a3f35c3d182afca6482', class: "h4" }, "This payment was disputed"), h("p", { key: '7f82acac107d1ae357e5ced092f9f7d23ca80bd2' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: 'ec6f99be66b3b164c367b96d8274824d2e709dd5' }, this.isLoading && (h("div", { key: '26587e055eb4756785ae5935fd803746ddab355d', style: { marginBottom: '8px' } }, h(Skeleton, { key: '159c5d9b0fb16af4aac0125ea5e69bd9f7b4210e', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '5c89a8dd2244ddaed8c26b743cb22f20fa2e2742', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '6f0a6ebf743bdbea125c6630cb98c5bda5bd9919', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'f44a0c9494731be14b75e3b25adc2b09c61c84a5', part: text }, h("h1", { key: 'd8820437a86bebcc0782607796b4f2c5429d40e7', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '8cf4a2b3194d781d5f17ae3067d9931be54159e2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'd79312da2cc6715016be0b57d1b70e0ddbc2b8c5', class: "h5" }, "Dispute details"), h("div", { key: '958af1e87a119c4af76729b54bf322c16b966c54', class: "d-table gap-2" }, h("div", { key: 'e10802db747c99408371863c94c2f47737a03626', class: "d-table-row gap-2" }, h("span", { key: '84b151c7c9846fd395517ab14339504e56e5298d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '197dffa3676aa9ff7425cea00eca69bb84bef427', 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: '4754429fa095be98083e34b32485cc45f379151b', class: "d-table-row gap-2" }, h("span", { key: 'c3e168a4d7dd902b9c4bc67531b7489dea32bda2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'f08c9ce67f2b7b673de82963bacaf6ea8af87353', 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: '0de1ab69dbc18cb00b31df8c2c4ab421a5982b4b', class: "d-table-row gap-2" }, h("span", { key: '8217191859fed71cbeac5173b0a43ff4a98c397d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: 'e63c3d2a1f0dbd98aae53a402be9fa96344e4f0b', 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: '5767bc945b2fd3c7390011771b5c7a53c27c4447', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'dd6676ca0348579051cf13ce32bf6d9b1a2a3d21', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '27655bc90dd44e05180739e9c2a0f695ad294266', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '2b25123f6bf95ad7e847b4365f96eab71f1933f8' }, h("h1", { key: 'ab4b47f721ded5deb8b04a9b55b6c2978616f23b', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'bf4ee462258e4742ddf5722f470b597134489ee1' }, "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: 'ba1257cb1448cb8b4cd1aba4340f2ac65208e264' }, h("h1", { key: '203b5926fa96278cfd3a7b0a4d5398226b2361b6', class: "h4" }, "This payment was disputed"), h("p", { key: '8f05fc9fb0d7f5151519bbf82ed6abeca676e4b5' }, "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: '1f6d1d4048cc011d61292934dd225ef07dcf260d' }, h("h1", { key: '3df3c3a6bf4c86e8eb0361b039d88f55b502177c', class: "h4" }, "This payment was disputed"), h("p", { key: '03f2dce54b06ad242f8e8d1d4c8194219013af1c' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [257, "justifi-dispute-notification", {
         "dispute": [16],

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

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

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { D as DisputeManagementClickActions } from './event-types3.js';
-import { Y as heading4 } from './parts.js';
+import { X as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { d as defineCustomElement$f } from './custom-popper2.js';
 import { d as defineCustomElement$e } from './form-control-date2.js';
@@ -178,7 +178,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: 'c01224655927f38fbe19920656dfcbdd832708cc', class: "row gy-3" }, h("div", { key: '86f297470d848fec04a8f2e28cb57e497c840ca0', class: "col-12" }, h("h1", { key: '57c00af581c27dc5b2793c3acda3985dba47879d', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '0b669232373f4f9a33ed49c5ba7235edb47765f1', class: "col-12" }, this.currentStepComponent), h("div", { key: 'f61fde58ce2876513ee8d45b58b85433337de4f9', class: "col-12" }, h("div", { key: '4c97586d7b9961a50e629425f7caba4fe96bbf27', 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: '41406d4115c2a084c84ca59895c0107af2a30e4d', class: "row gy-3" }, h("div", { key: '54f86cc1ffdb90a4ec738ca6cdac8165025ede65', class: "col-12" }, h("h1", { key: '28a0289b5926d7f4d04a658f13782d80aa96584a', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'abfcc8a09326b8d780647a644dd0b6e1deada071', class: "col-12" }, this.currentStepComponent), h("div", { key: 'e1bfbd12d9c6c86521d1d47cd4afb007960cdf9b', class: "col-12" }, h("div", { key: '3149002728d1953c116758ab48eb0a2481a68398', 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"))))));
     }
 }, [256, "justifi-dispute-response-core", {
         "updateDisputeResponse": [16, "update-dispute-response"],

package/dist/module/dispute-response.js

@@ -1,10 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './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 './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { d as defineCustomElement$g } from './custom-popper2.js';
 import { d as defineCustomElement$f } from './form-control-date2.js';
 import { d as defineCustomElement$e } from './form-control-file-v22.js';
@@ -76,7 +77,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: 'ccac9f466cce91e00a39d8130ebf7ff9266ed34e' }, h("justifi-dispute-response-core", { key: '45f6c536728230fce1b7dd9b727d857b4f263df5', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '29abcdaed7ccbfee203794068c72354a5e1e0bab' }, h("justifi-dispute-response-core", { key: 'e0697cb6261d0b50d6adb6d33caa955d08e4e158', "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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { $ as heading5 } from './parts.js';
+import { _ as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
 import { d as defineCustomElement$4 } from './form-control-help-text2.js';
@@ -40,7 +40,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f1ad63ad261419cc624080e5b8363e57f551d675' }, h("div", { key: 'b19abdfe6ea2daccc787a9096c99849e8eedf591', class: "row gy-3" }, h("div", { key: '3a9b55f65746147f3ef354d246803061fa3438e1', class: "col-12" }, h("h2", { key: '4e354e4458cade4a7195f4e9aedd9edbb72898eb', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '79dd25447a79eda39115a8337de5a8f8898cba13', class: "col-12" }, h("form-control-text", { key: 'f060bd04807441f8b97387632b46561e6e702ca4', 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: '1a2679c9f693abf61d19b645ccc114a8c15bd8e6', class: "col-12" }, h("form-control-textarea", { key: '14f5736b6845a02a0a98c934ca24f742ba061a71', 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: '0e3bd831dd17518d21a1c0c6c24a137b05e5025b', class: "col-12" }, h("form-control-file-v2", { key: 'a62004b90911cdb5bfdf9bd82fe98a41de7d94ab', 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: 'fcf2b846ac2f612a53895836df0a5287da15b20a' }, h("div", { key: '953be0fa8732b94991d1c078a9102666e5a91a81', class: "row gy-3" }, h("div", { key: '60f7ef7802a5f3ff7cd2167ba747d37e258e3f99', class: "col-12" }, h("h2", { key: '3e1336abfca85298ee392459dfa22401a8e47259', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '75fa5b181b617cd68010e01f91a8513c9c828acb', class: "col-12" }, h("form-control-text", { key: 'b54f2d3d86aabc2072acaf2b961de118934bedcd', 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: '614f070bd6d0aad1e2e64c2e2f9c447402fd161a', class: "col-12" }, h("form-control-textarea", { key: 'a0653f81b9e237b669bfc47e7788b9027a1d5a6a', 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: 'f358128dbb1715a40841521f9602e30bb6c7d702', class: "col-12" }, h("form-control-file-v2", { key: 'ad7f1b8219560600ef3fba20a0b968a9d3930b3d', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 }, [256, "justifi-duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/electronic-evidence.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { $ as heading5 } from './parts.js';
+import { _ as heading5 } from './parts.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -37,7 +37,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'd31ff9284f1b051ddfbad25b3a4efce68f24fc08' }, h("div", { key: 'c8b485a03299b48bb431db694931f1af5e44ee83', class: "row gy-3" }, h("div", { key: '1c88f5240a562366d9eefc32b06e22449cf53c80', class: "col-12" }, h("h2", { key: 'e17b11f2cda9f2de7d5c43f379a333b160d0ba28', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'd7d4e81eba52518f0a598d9efcd773802ef72441', class: "col-12" }, h("form-control-text", { key: 'f8e7a558c2f1d4018317c754cc30bc54f165b2f2', 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: '0cce46d607ad965c964dac6392345e94f5731fec', class: "col-12" }, h("form-control-file-v2", { key: '59f06b1acac7c97bacfae2933b40a11d2a7504e7', 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: 'fb40a53ecb355271bfdff95eed90e6b5e4827ae9' }, h("div", { key: 'fcbcdd6a8bb4891ac5a3cb26d54d26d6f317f401', class: "row gy-3" }, h("div", { key: 'b605ae860e8e6efd21ee21ed851d23af5e813c04', class: "col-12" }, h("h2", { key: 'a7c8d699c79f92334f159025acbbe65969452594', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '1a623a273c2e6a82ffcb9c709d6953ba01590a02', class: "col-12" }, h("form-control-text", { key: '7d8b0ee30a8c7b6bef84f19fe7734484ba84b0e1', 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: 'd50d372a0881ce648fa61ba96e61f3f28d4136ae', class: "col-12" }, h("form-control-file-v2", { key: 'e635514b9a48cfabb7d16c53293585ad1740c608', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 }, [256, "justifi-electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],

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: 'ef460f128592bfd184fca86069bfab332a64eeff' }, h("div", { key: '78325197057fa5e0596cd61b9afd49fde6af8450', class: 'form-group d-flex flex-column' }, h("div", { key: '6e378253d00756ffd119e6a1a2ac077c1ab174c1', class: "form-check" }, h("input", { key: '0472ba4b38c104af063a486b73126ed7b0a4fec3', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0d374cd9b723d22a594cc15131fb58ea47f4bd30' }, h("div", { key: '8ac29bb245a0216555106f0032654546132677f2', class: 'form-group d-flex flex-column' }, h("div", { key: 'e332d04b1964a4f26d0b44ee69e80a16661f7774', class: "form-check" }, h("input", { key: 'f56ca248d45ad8ac9457c69befd9d071b79ca7e5', 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: '304f9cf54c6e04abf68de2f2105693591e0d01ac', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'ecff18172b609cf841b3e56312f533c09003fc70', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '640c5b72c4eab21d6e0d4c07e1c0cc7982c11d06', 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: '8187e193ea1bb8c91990d757f7697a716b07a17d', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '9ec4d8ec57ec09675ff83ec1125b1534da5b8275', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '01adbe1f12aa5590049a4dfbbb354070d2b35b55', errorText: this.errorText, name: this.name }))));
     }
 }, [256, "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: '387ca851d0ba965900607a3dd417dd59f974c718' }, h("div", { key: 'bdf79a396ecdae500c55a6686531cc78325c4580', class: "form-group d-flex flex-column" }, h("div", { key: '3196864654ab4f9724119daf618fe1b64cca13df', class: "d-flex gap-2" }, h("label", { key: 'a0c9fce77a892dea1d8a87f2771f8131eae677db', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a4c89f3d96d7f41f8659f57a0899e3867ecc483a', helpText: this.helpText })), h("input", { key: '071accb6b7f5f8c4af48aaeb5cac85a521e32876', 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: '6cd65d367a94e06c8d49be26e3e8d7e2751cfa51' }, h("div", { key: '6ff62394e1879e3ecebe8c610e4eb4cf7a9060a3', class: "form-group d-flex flex-column" }, h("div", { key: '68f0f7d9e86666c589078356440c9aaa80bba217', class: "d-flex gap-2" }, h("label", { key: 'c328217fd188da129cb23cef60b0a62bc9ed971a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '238b5b79e5374c7d9b96e18584de9c4bca68d980', helpText: this.helpText })), h("input", { key: '0d1ebc76676163c1361660bc9cc0d31577bdb8a5', 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: '57fce536cd671823b56a78fddf9d9059082f1dde', 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: '0bd94154e9ae185fb7de192f385a7031cb556207', 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: '65a74abf67c4a1042e464bdfe54639e741d26b6a', exportparts: "label,input,input-invalid" }, h("div", { key: '0f1b64014947338a330121a173db5e2ac6a23922', class: "form-group d-flex flex-column" }, h("div", { key: '96adc32860be2d6c5b39413c88eb27110867b84b', class: "d-flex align-items-start gap-2" }, h("label", { key: '307d3a47e2eaa2ef4db50c5c2024bd05d6734713', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '19c747ac4b049cd36f16fcb7ab9d701ce860b3cc', helpText: this.helpText })), h("input", { key: 'b2fc110e75ccf066a69696b514dfcc347bfa4533', 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: '6f8c055b12038b984eadafcffe15f2c0fb1c3eba', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '2471eb40bed06640e17dd9cfadfe427c4178d923', exportparts: "label,input,input-invalid" }, h("div", { key: '0463e18df33326affe7a829711d7b7c615048c2c', class: "form-group d-flex flex-column" }, h("div", { key: 'f74bc11fc71a94edc1abfdfe19c361b4fb06fd8d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f2e7975411fe2e328554d2b90e1d730864db6f22', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd4aec54d0d69b1528083f564db69705e4ec1c96', helpText: this.helpText })), h("input", { key: '1eb925311b0cd7257d17565726e32a00766a3b9a', 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: '4e0897e145758bdbf8b2a707ed6b7c0ddaaf9cc7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "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: 'd2a65bf95224f0c7a4ee68d926e2895df0a3503d' }, h("div", { key: '522a1224df863e600dfa574642cc93716c11280f', class: "form-group d-flex flex-column" }, h("div", { key: 'a7d95e45e7faac780142ae5a0cdf6eb6bf23012b', class: "d-flex align-items-start gap-2" }, h("label", { key: '19d0d2c0282d443b36e6a817c622e2015f1d636e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '52ecd0a5185ea7cedb5b13de82b3e66eb8252915', helpText: this.helpText })), h("input", { key: '1414537ee264cbbc7e69edb38911401c6de29717', 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: 'fdb25496e92f4a0ac8d59dc21a1ee0b4364dfb0b' }, h("div", { key: 'dfbb750595eafcaef0d02dffa740c58b0459d99a', class: "form-group d-flex flex-column" }, h("div", { key: '78b3a1c682ad87d317f7e7407fbd73392a20b5c2', class: "d-flex align-items-start gap-2" }, h("label", { key: '1f0a3ee1e9252c5ea446636d6602102bb7b6215c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7cf6117ae465514d3cbeb1ed2186f6b9d708c14e', helpText: this.helpText })), h("input", { key: '44a29d1872127ae6b588553cceed75144dd80381', 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: 'de236bb9de009da258b2780c6097bf8f7101bd18', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '50be6125a92cc147aa1b7be3b6777835d7a8d0c3', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "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: 'e8ab870c05f8b7afe5d88dd5a140f7a7755352a8' }, h("div", { key: '20d0d1829323bd768d35f7b705ea217b2dae6c68', class: "form-group d-flex flex-column" }, h("label", { key: 'd070a678bb54d81ee94cc4d9e9e1a9e061f1f982', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'f2497f970c6701e1079cdb5d7b2d7cf756d57077', name: this.name, helpText: this.helpText }), h("div", { key: 'ef456df0dddcafcd5af8f93c5b65b435544a98ee', class: "input-group" }, h("span", { key: '4c7e2380dacaf41fe6297832e5e0c91fa886685d', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'e78dcb0ccd5a75ee13ec8ef8aff63b3cd0bd767a', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c8f67091e23f41d7cff3ae8e7d484682546c7b46' }, h("div", { key: '5a957dc0aec90bdf3220b8b736353d158d23d5e2', class: "form-group d-flex flex-column" }, h("label", { key: 'a71b52991e5ec8a46aa01d0d3017aaf6de15a682', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '85b306a5a8445187ac103d15926ef9d6d161db3c', name: this.name, helpText: this.helpText }), h("div", { key: '2a9cf50fc362e436d6c2b3c592fea5ddfbc95710', class: "input-group" }, h("span", { key: '99829c1fb6bec3bb86fa7c13bf3182f04b41a5bc', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '8adbcae5bb6aa9d110b5c47b29edd6021a90b3fc', 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: 'd79a5ef4dd32486c8fb94602e02ceb8ef5e9ca21', 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: 'c390bb0b610a367b9ca08ff3a737250b97b685fb', 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';
 
@@ -70,10 +71,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: '3b909f365c2a545a2d255bfaec281812a391c3f7' }, h("div", { key: 'd40c59e5911aabeaf738bddb4b9fe4938f043f9f', class: "form-group d-flex flex-column" }, h("div", { key: 'bad6d496763bfa3eb91797369a67f1501439d053', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ecd7157e378449736090d37deab6143e91e26f2d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '76f4f2b7e2103087bf2fb15c0ef9f2444f61b746', helpText: this.helpText })), h("input", { key: '5ab0ee72a81073b62170a1136429f2e7f7fb61a1', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '589d87bd8c266abca5f90b98a4c283bbbf7395e0' }, h("div", { key: 'b81beb01581f1ba626e62fbd977e50ee0ce1e511', class: "form-group d-flex flex-column" }, h("div", { key: '6d19e6935f4b161a803b5c977b031f47590bd9cc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f083814b699a6b319d487e4d604c944c25e33604', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '50dc464aa682be09049620371eda508deb4e622a', helpText: this.helpText })), h("input", { key: 'bfddf6e15747db29189374015178c167a491e4ec', 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: 'c6a0f38dfb4ad8b12c75dead15cca55e16bdcf1d', 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: '3f89d9f453eb3267606abc1ac4138eee97b18d22', 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: '4b7549a92438ca0c2af28ca1c01c0aafcbafb0b5' }, h("div", { key: '4367a89894beca5359a4a1fe6e000b99e89c4cf8', class: 'form-group d-flex flex-column' }, h("label", { key: '989fa10991b685da0e3419190733c491403a309d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '1e1f9d45d9528e12ae2d79933fc2c44e2f739139', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '53d8829b903659510dcac88b1d9656bf820b0c0b' }, h("div", { key: '795d0f1b6033e039a081fb10f93908cffddb493f', class: 'form-group d-flex flex-column' }, h("label", { key: 'dd5bfb80db6bd7b0332976034705c58c0421638c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'e8f794181b53447d9f352e3b00405c24bcbdc0f8', 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: '4e57da3b445639563cd60d8481522fdd3450f9b7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'd038896853b604804af4c3f88a33f57c4d4a445f', 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: '04c4a1f7f9e991190462cae647f569bfbef9ba48', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ab947bca804ceb6ec9f1c3d603a2b550266aa20f', 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: '4cc66381051471ec207680e04daa50697296ff86', class: 'form-group d-flex flex-column' }, h("div", { key: '6f4aef601b75e7bc4b1530f3deb3d5c34daada1b', class: "form-check" }, h("input", { key: '11db889bf99cc8a7dd0e5f7a92834b4db63eb34a', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'f699cf07beab2c184ed0bf349b547e20b8a809a3', class: 'form-group d-flex flex-column' }, h("div", { key: '7a6427ca06397dd7ef610484e66766137a49bcc5', class: "form-check" }, h("input", { key: '2cbda070ab205f489ec5345a387f95aa63303ad4', 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: '20cb045393b05cd8b30d655b4d199a0476314007', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '31664ad4a401ebf5184fff7cd40a78326672ba2b', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7d28efa52994e3fb112d58a571f9b043972bb065', 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: '653fbd79f9fc7e55337208e02b55f2e7751d2811', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '36bebcb0ce02c548a21a02219d6d6b54c9a856eb', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '8bc6df11eeaea35ea50b3d8132678c9855beacd9', errorText: this.errorText, name: this.name })));
     }
 }, [256, "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: '16afff88a986b1e1b5596aeb3c780c11632ead9e' }, h("div", { key: '6a025a451737f626e6597e667a8825e815250f89', class: "form-group d-flex flex-column" }, h("div", { key: 'e6582c06498576f23b55dfc454e2c8f73e736e4a', class: "d-flex align-items-start gap-2" }, h("label", { key: '6d8c53a2404c66d04e217faf397db3e7e7f95f70', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '80f38de1fafd576e340603147917194a0ca88def', helpText: this.helpText })), h("select", { key: 'a747f1946d552aa2bef3141b3ec05119a2fa0f15', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), h("select", { key: 'bef2df140499a642ea9bf5bd3f6d7b558042e733', 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: 'f2a725b0cac08bb1ad33d8af4e8a0efb64fe9d45', 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: '99abaaa766c1270cf1cfd926320d343393b13d1d', 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: '54560107b58c2a11f306b499dc926be155b22b51' }, h("div", { key: 'a62dab043fa298ae060c7e910b1748af607b8bd5', class: "form-group d-flex flex-column" }, h("div", { key: 'ad624f874d571ee713c8f36cf24faab4d3bcf27d', class: "d-flex align-items-start gap-2" }, h("label", { key: '6c0b79ef74a686975c2d2071d80f877fae7428c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '0eb37ab82f5eb69cc28db76249fcf45633b8bba5', helpText: this.helpText })), h("input", { key: 'd23affba3abef502dadf503ef59d140d20fccb89', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'd2bda676ececdf630c420c541d070b0e24f0c876' }, h("div", { key: '11cb790f797a1ea3009b134670741d3cf8da4c87', class: "form-group d-flex flex-column" }, h("div", { key: '7049eba9568b3847d6eec66133606ab6ec3534ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '591c5e32006d90bf7e6cfdd0cebaa72f01e5535f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '206b51faffe537a28854f36d632354ded8b09e84', helpText: this.helpText })), h("input", { key: '3849d55e0d300acfdaadbc649e9adb7d977e3216', 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: '58224f241eab27ca2e46883acce95f88a2a8eebf', 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: '63ac8e960213bd020b222be5e5082514b96ddbcd', 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: '28fbf164d56ff9d9daeec56db1132a1342070ab8' }, h("div", { key: 'c88783d5fd02f8d9b507449b72fb5350c0adfde2', class: "form-group d-flex flex-column" }, h("label", { key: 'dcccf11884c7c91c2bc8eb01439ce2cdd558da9e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '9e51c0c08739aaefc37a95f8651373c96b7ff38d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7d4f4ae4d68bb1bd8367eaeb35004c812cc7a486' }, h("div", { key: 'f313b9fd13190c4bb2c9806ef81cef2b7c9fd888', class: "form-group d-flex flex-column" }, h("label", { key: '57d3e7f77c4a92c7e37a49a30981848586189c67', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a8f08aed29a0931d8ec6c00794b3d3a328040f4', 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: 'df079e1b6f6dd0208779398975e52ceade80f6ae', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'fa25b7836d84edb480af7e4a82319192a73fd7bc', 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: '2a2bf6e0bee0cd60f7fae84dc30684e816527b4d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '4d4fc8fc5450eb711dad88e2d8ca0d318b6dfd0c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/get-business.js

@@ -1,5 +1,5 @@
 import { a as Business } from './Business.js';
-import { C as ComponentErrorSeverity } from './Checkout.js';
+import { C as ComponentErrorSeverity } from './Refund.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {

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

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

package/dist/module/get-payout-csv.js

@@ -1,4 +1,4 @@
-import { C as ComponentErrorSeverity } from './Checkout.js';
+import { C as ComponentErrorSeverity } from './Refund.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 
 const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {

package/dist/module/get-subaccounts.js

@@ -1,11 +1,9 @@
 import { A as Api } from './Api.js';
-import { C as ComponentErrorSeverity } from './Checkout.js';
+import { S as SubAccount, C as ComponentErrorSeverity } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import { S as SubAccount } from './Refund.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, k 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: '9c0cca988c30933ff2e2b0f9822525fff507e299' }, this.loading && h(Spinner, { key: '37dd49dd0337e1e1358d65735be502926e30a4ea' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '0201a1f9445d3eb9800aca09098b5b58a24b6923' }, this.loading && h(Spinner, { key: 'c6e39699e3bfaf3d7d0f5907d7085604e1fe5b9d' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/header-2.js

@@ -0,0 +1,8 @@
+import { h } from '@stencil/core/internal/client';
+import { h as heading2 } from './parts.js';
+
+const Header2 = (props) => {
+    return h("h2", { class: `header-2 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading2 }, props.text);
+};
+
+export { Header2 as H };

package/dist/module/header-3.js

@@ -0,0 +1,8 @@
+import { h } from '@stencil/core/internal/client';
+import { W as heading3 } from './parts.js';
+
+const Header3 = (props) => {
+    return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);
+};
+
+export { Header3 as H };

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: '61f65f5960ecc45fe7e321299bdd367fde6f3f57' }, h("input", { key: 'ae2126e3efa70fe09a1211e0335667f324471649', 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: 'd43ecd651426b84f971c3cd8a447b5022d26cec4' }, h("input", { key: 'b5c0880882ebbe14ac4e24ead353e26b3c86271c', 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' } })));
     }
 }, [256, "hidden-input", {
         "isFocused": [32],