@justifi/webcomponents 6.1.0-rc.3 → 6.1.0

package/dist/module/dispute-notification.js

@@ -45,7 +45,7 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: '36f654e2a694534927056d925446dd8ff0de9ee4' }, this.isLoading && (h("div", { key: 'fcfb19c4dc3fe510232c6c3d796a525c9369ffa0', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'aa36660470935287c5edef694605d23a654a2bc8', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '801dcf184fcf68ebc07f79d2f748afdc787d85f8', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'b0f1e518ca525ea557fd2582611dd3b6a2d5fa1a', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'd4d312c97b47151c093c3cba3e77c3ce476dae59', part: text }, h("h1", { key: 'bccf53bb045a197678054b6827910a4c3714936a', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '402b629e9a4d558764216d21f66860c30cc0b980' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'c75c24e1c6340a7abbd8ef2d801b8b8c3b20b6e1', class: "h5" }, "Dispute details"), h("div", { key: '343f9b41d4aad58faabe558a25b5dde774f377ac', class: "d-table gap-2" }, h("div", { key: '41f57f72c7f8099b60fab931062c917b37ac5234', class: "d-table-row gap-2" }, h("span", { key: 'b1f5f93e4953001a4bdf3cd4b93f3a6a6c9a4029', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '1a3c5bdf2badf52c93f65598f0d6ff047275e411', 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: 'cc9be933cec2ca2e71f46ff242a6764f43e33d96', class: "d-table-row gap-2" }, h("span", { key: '55b5a66315505d8f25c65c76800be448dc66d4e4', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'ec35b2fc23586ed63ed268c68d9c968100cac608', 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: '6be9f8d5c61fa3e437bb64a7acff76872549ac3e', class: "d-table-row gap-2" }, h("span", { key: '0258e8031223b25ea632c7437b7c1c5163eff3fb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '9cd8e420ce852a9516bdb9628d4e6bdf0557469e', 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: 'af20a8d051bb06056a908bba7fe6719bd5833f0c', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'ca78c484bf58102ca0d0be451532f3b7b3602d93', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '274e1f792e8f623c8ea5be577feab130e89924ee', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'a95367fe1e2390904b11b8274cf4c64eb421e091' }, h("h1", { key: '22f246e2f51aaf22711d26a6e98e91b7e73a4cab', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'f4cd8dd0d037a7a7b235a82b8efdc5540c377c84' }, "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: '07cf44a7e3fe8013a90c0a169a2b040d09bed003' }, h("h1", { key: '43cbc044f82e73bb8bb20dd51442122cc657ef4f', class: "h4" }, "This payment was disputed"), h("p", { key: 'c5044bac07848f0376a8f48929d438d9ddc37e53' }, "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: '7bba3c52f74f3c342133d090f0d9cc8470a41213' }, h("h1", { key: '3c2b7d76ff3496acb58305df470eface52110594', class: "h4" }, "This payment was disputed"), h("p", { key: '23d99d90b02aa2df806dbfeb6804dfb9b080ac81' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: 'ab36fe0292ebcc4d2f062898065c135b869be67a' }, this.isLoading && (h("div", { key: '8cff4628d911c7119b0f8d1612e99caad526746c', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'ee3bce3019778f5e481ae26ada89e70090671b37', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '242cbb756770f1545d09f5e79c539683158acaa6', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '409e7d228cb414ed458959107ba5ba2fe38eed72', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '8ba65861b311e2020f52ee38f0303b19c4b8b386', part: text }, h("h1", { key: '9f62e7a3144e50a0980d5e3ea2a1e078ec8e9d0b', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '533af5d2cc8cba530812d247f60ad7a92e4a36a3' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cf842a85853e34e3b1a38674d36bd0a4705ff5e0', class: "h5" }, "Dispute details"), h("div", { key: 'cd3bcc4861a2ba4a576638d9a0e86927ff4d7123', class: "d-table gap-2" }, h("div", { key: '1bd4ce368992bf9d6855a301e0b249c68a98471c', class: "d-table-row gap-2" }, h("span", { key: '18845a901fcd0bff4480b780bbcf35fc171f4b0b', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '75533ed5fd445f69a4967a6625cab5badc5766a3', 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: '5c0974a223983b19150230544d4c3b4154747de2', class: "d-table-row gap-2" }, h("span", { key: '7d09c4fdbc0b5f38f15d78b3c325e256d29136dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '2379e217700a07a388650f7ca82ca5a420175dd9', 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: 'c4b5ad2e540d0ab61ff29b2913344ed055a56618', class: "d-table-row gap-2" }, h("span", { key: '2f32326e0067d8d8ac734ba9f16b6aee0e774cc2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '823b0d79ad2c77ef68c27300a5b8f539bfa66b30', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.due_date))), h("div", { key: '8a0cca3f006564da1feee39e06b3e322cd2773fc', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '07d7ba81e9353183148c9892ea8016537095b078', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '05d437f6711fae2398f865fdaeb6908327f8b68b', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '4ca58f734515deb7c713c13a2f69f0f42d52f706' }, h("h1", { key: '65f92415880cc2fb39b7b2753df960ec10437455', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '8129f146f956db43378b672f68a9edeec9374401' }, "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: '85acb2724f46424856bf4fc885bd1553539ce2be' }, h("h1", { key: '7ce9b3ed57a5c3cd904d1c706044091fbda3dc03', class: "h4" }, "This payment was disputed"), h("p", { key: '6a92fd3be617562d1ba10192ec508354a9450150' }, "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: '8e45676c7909732bee12f707297987b927b9526c' }, h("h1", { key: 'f64abd54f60a63e0ff6888beecc74050e2f860db', class: "h4" }, "This payment was disputed"), h("p", { key: 'bd2e689d5de42468b67259573b8289835c4acc5e' }, "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-core.js

@@ -180,7 +180,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: 'b0925fa2e5387b89682987f9cc75f228da07b4df', class: "row gy-3" }, h("div", { key: '15fdf9ec545bcfba442c1b3f1aeddd9bacfa6f45', class: "col-12" }, h("h1", { key: '645ae905d554dbecfa2b289f10952749f5d22372', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '8d9a23d7732ee87957509c035773542e419ecbbc', class: "col-12" }, this.currentStepComponent), h("div", { key: '6744fe63b64af9ac0c402460108a208aa7ba95f7', class: "col-12" }, h("div", { key: '1af3c1a9e527ec75e45b6851c55d1588a06317cc', 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: 'b57563a641ae4f1be39f5f64ca88132b92aff3bd', class: "row gy-3" }, h("div", { key: '72f86b4907aaa872db039783e06f38b5c9d26658', class: "col-12" }, h("h1", { key: '62c570a4c30831bbc805e8cbad8d9e5d1433f5a5', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '692d6386e5c4874a0c2585fca9ffd6194dc8ef85', class: "col-12" }, this.currentStepComponent), h("div", { key: 'a7b614f93994721ff45724cbb6ff42877ff55aeb', class: "col-12" }, h("div", { key: 'e6c66ca06f1eaab7baa10742246e0707d7ebd083', 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],

package/dist/module/dispute-response.js

@@ -79,7 +79,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f61dc766ef15ba3cf533d2a24e7cd2a151a879d5' }, h("justifi-dispute-response-core", { key: 'e436ecce1235cb3bd15cf28be9551acb08e67035', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '62d1cf5247d9049fd5aa66d13c64ef1b16625f46' }, h("justifi-dispute-response-core", { key: 'b5903023092984d31135dcd037850d66acc860df', "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

@@ -42,7 +42,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f92749f7fd0503b15bbfe993c95a602676d1efc9' }, h("div", { key: '0fd4c0f8137c7ab2a14093f21b908fe31b816fa3', class: "row gy-3" }, h("div", { key: 'e6bdf0cee9a9c21f4508effd2ba2b16a72efdcb9', class: "col-12" }, h("h2", { key: 'cd9df12a4b8ce72981e87317de500639577b0cf2', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '0610126a79d2b0281daa89a13eccb8178fda98b2', class: "col-12" }, h("form-control-text", { key: 'b31165845e60e496c20536a6c33ccf0e9ba9b22e', 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: 'a45ef37fcebc4ea005644c3d3d7391272afb1860', class: "col-12" }, h("form-control-textarea", { key: '6efbc623051dc552f06ca7c9b958789af2c5e92e', 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: '9d871317463940d04380aa1bc1f733ea93149769', class: "col-12" }, h("form-control-file-v2", { key: 'c6938fd5a5e1b2fdbbd7e396513aa0b90f8db22f', 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: '6e23d7a8b0f34f768620c1d54dd6d8bf7c234820' }, h("div", { key: 'fd26483347d8aad82e94a0e83fa63f30e9053f34', class: "row gy-3" }, h("div", { key: '0d704dc675156249894d5884c0df5827a39be124', class: "col-12" }, h("h2", { key: '258aa245aa2ac48345461634fcebdcae9be6e0e9', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '47c4fba5c53955f942a7d0331449525c6ae8acc8', class: "col-12" }, h("form-control-text", { key: '4f0f59a2c592704283b96b796c7d3de162188d01', 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: '3f5a763a99dd70c5e746f32386302649aa77d4db', class: "col-12" }, h("form-control-textarea", { key: '37f69391a2445294a429a49fd76ce9f243e012ba', 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: '8bf4d091ff3b4e3ea0cddee8911c3c9fd7d00b46', class: "col-12" }, h("form-control-file-v2", { key: '06e2beb25aa5295a6de7dfb8f70d8f0828a17be8', 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

@@ -39,7 +39,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'c0007b1394ef881d14b34592c65e1de1b1dd922e' }, h("div", { key: '7a78993c7df8b5a695243eb2c8c27e9fb409b508', class: "row gy-3" }, h("div", { key: '407d7f4153099870a2318b283d16ec6fcee1f0e2', class: "col-12" }, h("h2", { key: '0d9cb826eeb066cce6a5e706d4e8080387272507', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '8e5cb60db05a6cb130259874650704eefb413632', class: "col-12" }, h("form-control-text", { key: 'b88d48627b79768a5b5c1fd5b4d2cca1cb025c13', 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: '474e78766908fb2ba6eb2f4011b4d852d02814db', class: "col-12" }, h("form-control-file-v2", { key: 'cdd3d6a9fb17cfd66432db435acd4005e7cc71b8', 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: '84db9939ca198549d31db9faf6435ae9d23d58af' }, h("div", { key: '89b6b94293de6fdb64219c500ab7e9024d2a54a0', class: "row gy-3" }, h("div", { key: '78c1fdb5d5bcc1e0dde42facb67c75d378b7cd74', class: "col-12" }, h("h2", { key: '62fc16c71794e98be239ecd143534d7615bfac2e', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '6fc5dd09c140b3401e1c0223db460424ceb7579f', class: "col-12" }, h("form-control-text", { key: '43b195045d0b27f76884b7cccebad23900f9a228', 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: '0286da4cae5f301e1aeebd7c43b38a9283ae5c6d', class: "col-12" }, h("form-control-file-v2", { key: 'd893e28129b4e1f25c5ed75de546ae8e03350b40', 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 { M as alertDanger } from './parts.js';
+import { N as alertDanger } from './parts.js';
 
 const FormAlert = /*@__PURE__*/ proxyCustomElement(class FormAlert extends HTMLElement {
     constructor(registerHost) {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { N as inputCheckboxInvalid, O as inputCheckboxCheckedFocused, P as inputCheckboxFocused, Q as inputCheckboxChecked, R as inputCheckbox, l as label } from './parts.js';
+import { O as inputCheckboxInvalid, P as inputCheckboxCheckedFocused, Q as inputCheckboxFocused, R as inputCheckboxChecked, S as inputCheckbox, b 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';
@@ -42,10 +42,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'b9f175598599477e4eab8b690e414539421368c9' }, h("div", { key: 'd775d704b4ec7d43ce3b973b38dfe145b99bc6b9', class: 'form-group d-flex flex-column' }, h("div", { key: '0c7b3e3a405f967914e270f84e9625074fb1fb05', class: "form-check" }, h("input", { key: '7cc316c6069fd7ca174a0f41c5e564f68147099d', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '5f005eb28eba876fdb960c1f2f1dcde88eb3301e' }, h("div", { key: '09ee456c7f4339129b7b8b6a3988e460729a1b63', class: 'form-group d-flex flex-column' }, h("div", { key: '37ed948a6a54b5274416183130718d4edb5a0438', class: "form-check" }, h("input", { key: 'd787cb203ba00e73e802b9d4fb19176b3b773ada', 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: '329eaefa881d6b6b15fe1aa910d605c3a81b1eac', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '0f2acd28cbd742726c50eac743bf96acaed8b9d3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c9837469aeb10591668c1e3d3db1e97047ac1bc1', 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: '46548faac2cfe3d43ac71a68616ae3fb2d496d03', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'ac4d887f51e5a32bed3b57053f4fbdbff5bac22d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4e4274031280fe30b9b3c8089aa0b313ff2308c9', errorText: this.errorText, name: this.name }))));
     }
 }, [256, "form-control-checkbox", {
         "label": [1],

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { i as input, b as label, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -54,10 +54,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'be66385ae9cb403d1c94ef487ee42b6b98b63913' }, h("div", { key: 'eea4d3a39cb61ad2a54b0a3d184c984f26747c77', class: "form-group d-flex flex-column" }, h("div", { key: '787c9ba01d365f101d00e16d23506cb7af7cf7aa', class: "d-flex gap-2" }, h("label", { key: '286798b356618d38521da6c9f5dc381d4e68cb7e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd04a23cb0be7da8b732efcaecd9853d10058d2b', helpText: this.helpText })), h("input", { key: 'a25ff1e3b236d6ed30e87033d665d3d136beffbc', 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: '607129129bd143b24c20aa331484cd0d3d4f0655' }, h("div", { key: '9c4f1decc70e765b5a8e2e48521ca5fad3196368', class: "form-group d-flex flex-column" }, h("div", { key: 'f02ddd07ed0abd495b113fc3c558ec9266bbf9c0', class: "d-flex gap-2" }, h("label", { key: '13c995ca29975db2b8940cd044d1e0eb5a7639ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3dbe855de95b7ddeaab7a14f5e3bb914a6330056', helpText: this.helpText })), h("input", { key: 'defe89403181e6d2b3466582a03491a3e4a0dc96', 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: 'f0363ed5549cb92b724367bef1cd025fbe597b8d', 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: '6f53bc00b94123fef03ad278a19bff43fc2e52e9', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-error-text.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { j as textDanger } from './parts.js';
+import { k as textDanger } from './parts.js';
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

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

@@ -13,7 +13,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
     }
     render() {
-        return (h(Host, { key: '3e9e35e7c4c1166866e3cf94dd18bfda6d64222d', exportparts: "label,input,input-invalid" }, h("div", { key: 'f951ee548b004edd55957f2b34a8ab4cddb59bc7', class: "form-group d-flex flex-column" }, h("div", { key: '9b28774efa7c53871c23b2e66ea8b6434af3d07b', class: "d-flex align-items-start gap-2" }, h("label", { key: '783eb33e72b44bb42d01f7e474998d7fa2b58093', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'bbc906ac8482e5cf21af56cf841932b78cd5e015', helpText: this.helpText })), h("input", { key: '3670f289b59e5464c11ba8b5ef66af0a3a2d65ca', 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: '11d9f49721bc8920c0fa917e6a406019aa29041e', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '54f8fba4d9bc07aafaa174983d2076ea0dcadc0a', exportparts: "label,input,input-invalid" }, h("div", { key: '2fe88af83e94677829c929ecc1e8a3e158d186d7', class: "form-group d-flex flex-column" }, h("div", { key: '70ba8fca4595554f0ebafe314570e6b7f257fe84', class: "d-flex align-items-start gap-2" }, h("label", { key: '3f2b47ce3509acfe5b52573b4742824ffd8b1a60', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '21fd8bb39e59287f546486ce2d3328c6a3eda5cb', helpText: this.helpText })), h("input", { key: 'a8713185858b865850f8f362367af36cfd7e712c', 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: '5ccdf1adad43c5f7f789b292fc49584b23b69436', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file-v2", {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { i as input, b as label, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -50,10 +50,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'c1d92b4464500d430ad828ce374b864f0abf79dc' }, h("div", { key: '7753e5875afe4c6da178a088721b62590e104039', class: "form-group d-flex flex-column" }, h("div", { key: '35732250f1da24e5d8af9d6c984360402aa8c749', class: "d-flex align-items-start gap-2" }, h("label", { key: '1dbdb4c74c82415714295d882a48ea3634265cae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '132b4e5b01986aba2f1999db2f19373477b0af9d', helpText: this.helpText })), h("input", { key: '4c371be7c4d784fb7ba3dc3244aaab5ef7dea763', 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: '1c348aaabc1d1defcd6b43857d5f96c65081480a' }, h("div", { key: 'c4242a743ad5ad7dbd4ea33d94209f9e1f32a54b', class: "form-group d-flex flex-column" }, h("div", { key: 'fe9c313899afb870878f0b93c9d424efb4243bdf', class: "d-flex align-items-start gap-2" }, h("label", { key: '8229509739e4641da66d6ada865dd96d193c5189', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'cf9773e27c5e9af5f8dd1824dc4cc599ced525d2', helpText: this.helpText })), h("input", { key: '0de93e1cd1d87922682c6bdbc9d55f648659eeb9', 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: 'f9c2a057b20ccf863331c90156a5a9df65bb85a6', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '0215ddf922a8f33ff7001ac2036a8f22a399266e', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file", {

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

@@ -1,7 +1,7 @@
 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 { T as inputGroup, l as label, S as inputAdornment, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { U as inputGroup, b as label, T as inputAdornment, c as inputInvalid, d as inputDisabled, e 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';
@@ -67,10 +67,10 @@ const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class Monetar
         return part;
     }
     render() {
-        return (h(Host, { key: '12d04cf0bc1dbc85acd1006148c411e00941ab70' }, h("div", { key: '08d92fd3c4c764295cf291fc983f63ab58e4312e', class: "form-group d-flex flex-column" }, h("label", { key: '1c7bddbfc094535558b24d3988dafe91f0cbde0a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'a1dfb4ab2de228f7ad138c12eb37403e9578c001', class: "input-group" }, h("span", { key: '94e9009f2a6c782798dccaf6dfae472391f43078', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'ebbc696bc1b695d20a758039465ae37a66be974a', 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: '58f0977b34ab42051b1d4af9e5754d57d60e2fb5', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b3cdaa58f30edb185e2c89bca5d02a86c52cc8d0', 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,5 +1,5 @@
 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, S as inputAdornment } from './parts.js';
+import { c as inputInvalid, d as inputDisabled, e as inputFocused, i as input, b as label, T 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';
@@ -53,10 +53,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: 'dd501963b2b4c85eecd6c78ac8a1c38d6e30020c' }, h("div", { key: '4c130a5d956ab1caaab521930d29d666dfbfcf67', class: "form-group d-flex flex-column" }, h("label", { key: '59a59b0589b3555efcb509ebb0ca34a3cc01ce3a', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '0290105bb2d69ae83d1583f2495557e1e11b2939', name: this.name, helpText: this.helpText }), h("div", { key: 'cf80c69cc63137195ef179dd12f726f34bf35780', class: "input-group" }, h("span", { key: '5ecc2e144e7fe9fde5a64e48d8b8471d446fdb5d', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '585da3cd389904d002a545c01b4322c9aa9ea74e', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4608057454c832b6e42af88264675c9b128ab756' }, h("div", { key: '43d57d4620bec818fe83ac7ece2b4a778205b96b', class: "form-group d-flex flex-column" }, h("label", { key: '569fb6f7e0ce1488fc7caa7eca60c86b810c232b', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'eae2a633393231de6a83d7d0640fec025ae6bf10', name: this.name, helpText: this.helpText }), h("div", { key: 'e04b5ee1925a6172843e9dd2e1536349f41cdfa8', class: "input-group" }, h("span", { key: 'a8a80244ee29e4b9790e6424d12b5121a30143a8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '20b6917c428866d8191ed09d0d71c78b23c8a342', 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: '52a6fef8192278acb9a3eb854f5cea8834ed5d0f', 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: '8999aa746df7b4a37b5c5a1c6f410698a0940d77', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { I as IMask } from './index3.js';
-import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label } from './parts.js';
+import { c as inputInvalid, d as inputDisabled, e as inputFocused, i as input, b as label } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -73,10 +73,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: '5252b2a1d8f6275cdaaa803c1c3a58294b35ef5c' }, h("div", { key: '7fe65f7797268ebc964a1b02ac61166254a0c409', class: "form-group d-flex flex-column" }, h("div", { key: '843bf1cf8ff7bf245760d0f65ea844768aa78ad2', class: "d-flex align-items-start gap-2" }, h("label", { key: '2ba6512c6a6dfa9aa4105f069809173f01262c60', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ec179bc366c9286246134133510bcd35fd9de891', helpText: this.helpText })), h("input", { key: '546e50189acc596e7b1c1826edb7473084f93754', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'adf23d58dec1c24cf4ba2211503ffe64b522be75' }, h("div", { key: 'a36c57a06cf264359a28b61fe18b1f6e3a68ac7f', class: "form-group d-flex flex-column" }, h("div", { key: '8f661e4521f0b3fe44b2c5b79dd5589949f3e0e2', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a7348d28089c56cb8a757ac6cc8a39093014a947', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '43c99dd657f8026d5e7c44b33161a698ac2703e5', helpText: this.helpText })), h("input", { key: '1573ed829c667326706b707fab13b736e3c08d92', 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: '6da86dcebd7e427cce68d7b88d07b94daec26f21', 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: 'b5f2c780415db76cf369e2b96f625751d8da11f6', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { U as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, i as input, l as label } from './parts.js';
+import { V as inputInvalidAndFocused, e as inputFocused, c as inputInvalid, i as input, b 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';
@@ -47,10 +47,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '4272ba30cf80097abd67fd184b927f4d41b3091b' }, h("div", { key: '567b2b04d354e5c3352dd42431c92bd84fdb4d9d', class: 'form-group d-flex flex-column' }, h("label", { key: '0d3ee096554d638896e03002ed908f7379e406fd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '59ffd3ffe0beba8af97de7dd7ee12a2589c0d722', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '15e25b44aa07c819b29e3d027b8111f73fa74bf2' }, h("div", { key: 'd71978a6d38bfff6a25a2d90dcd956ea0c05f723', class: 'form-group d-flex flex-column' }, h("label", { key: 'f09af5d0c28c29d23f6906966dea489649ab78c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'eb400587ec1cc22378c0dc0b4d7fb1136c389dfd', 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: '891b76120f5985007ad9101379a818e9e095cb46', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '974fb8971bd4a369fb3dc838a2af03ca11d1f650', 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: 'c6427f92a21c1534d3723accc9ee7c31671f2a05', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5e2a1d91656022a28bb0bd2759b7ceb799ebf7bc', 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 { k as inputRadioInvalid, m as inputRadioCheckedFocused, n as inputRadioChecked, o as inputRadioFocused, p as inputRadio, l as label } from './parts.js';
+import { m as inputRadioInvalid, n as inputRadioCheckedFocused, o as inputRadioChecked, p as inputRadioFocused, q as inputRadio, b as label } from './parts.js';
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTMLElement {
@@ -34,10 +34,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '1b798d4c7a78475795a0b667839e82bbc402749c', class: 'form-group d-flex flex-column' }, h("div", { key: 'df37525372c220bb0fcbc54bc89d28b55c5b5407', class: "form-check" }, h("input", { key: 'af923ae2cb8677fd9e943c912ef9c117dc8eb9d5', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '22c8d00ad3ac42efb24eb601f4a56870ff4a546a', class: 'form-group d-flex flex-column' }, h("div", { key: '35348f22933cc6c02ed7ac802d5fe99c430b425b', class: "form-check" }, h("input", { key: '02e95c2f92aabfeda66a9b39c889140a2daac14a', 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: '06aec18092d38c386cb3dbeb7712a356f6615f82', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '63356fa988cecc235ff01b7f9eb4c344d62a18c0', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '61c5b0fac0b21856660dd6b9c64c2202f82324b2', 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: '71514aeb916b728b1d5c139db7d8bbf61875565d', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4b80544c0dde725a998d3d4a4ad96e48150a2ebf', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'd5b711dc19ec9025989de7833839804df37f66dc', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { i as input, b as label, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -47,10 +47,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '2ac056b6684397d4d15fdd740e1b6b0a2fcab9ba' }, h("div", { key: 'd39bc781ad4f60814c213dd655f45fc28fdd92f4', class: "form-group d-flex flex-column" }, h("div", { key: 'f18f1fe7772209b2736d7bb5dbc2a791b5c2a331', class: "d-flex align-items-start gap-2" }, h("label", { key: 'cd6421228020ec41d8aae8dc65d8af5adff88b34', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '8df3bee7bd8110a4d90a091566e4c18451a9a1d9', helpText: this.helpText })), h("select", { key: '9ac74e5291d4ebeeec621e3d50b7ec030ff259cc', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6a6696ce1aa6cae8f04dfa705fb00840ce93a8f8' }, h("div", { key: '8c6275b19f9f55d5d6965b0433a80df34f06f9ca', class: "form-group d-flex flex-column" }, h("div", { key: '37483257e8603ecd9809656069f7b50f27aca2e6', class: "d-flex align-items-start gap-2" }, h("label", { key: 'dfb36f4753f4cf3cf984683d7330ee8eae8a0353', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '03246509a169745bac4ef251989e8d1a976fb1f0', helpText: this.helpText })), h("select", { key: 'ec7e357f969e25697dc2875d4f4963bac4afd169', 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: 'd54d9266ae88a5ef38a6adf85fbedad37b14ed5f', 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: 'ad796d86b1abece5dd9051914e7a66f61250b61e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,5 +1,5 @@
 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 } from './parts.js';
+import { c as inputInvalid, d as inputDisabled, e as inputFocused, i as input, b as label } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -48,10 +48,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'bf68ea270c8dee6a9e572f0d2fdfc9308c8c106f' }, h("div", { key: '8e315377092c55c7c1a48c5528dba67f0d4a6f1c', class: "form-group d-flex flex-column" }, h("div", { key: 'c507734dadd643a306a22ce2e9df63a54422a7ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '7e9ca4266d86bfb0e33e5951a07599a7a17c0c31', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a3f1737b361144e9df92c706c6b5a1c4e1e2fc34', helpText: this.helpText })), h("input", { key: '657edb006b902ad815cd65e426d74a306328a0cb', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'f9172730f4579570ff008c316bc9e4f80d6af2ba' }, h("div", { key: '5db37f42f9510cb07c66ded8bd43d281678eaf08', class: "form-group d-flex flex-column" }, h("div", { key: 'cd54abd6e258eef9ecea7308e94e5ce855e9c8ad', class: "d-flex align-items-start gap-2" }, h("label", { key: '2dfbc1523d7c7a193a1d3636993b656011537f8a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd76eb6fdb392f3cafbed498a0634c3ea9338f2b3', helpText: this.helpText })), h("input", { key: '60252f4dd024ec3aafe67a32d119014d4219b37d', 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: '1ebb690623549e319972fe5ea0221966a9982cac', 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: 'b3d383f533f1dd60f9f833475f855c111cb137e2', 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 { U as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, i as input, l as label } from './parts.js';
+import { V as inputInvalidAndFocused, c as inputInvalid, e as inputFocused, d as inputDisabled, i as input, b as label } from './parts.js';
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLElement {
@@ -46,10 +46,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '1e41c053b809f4bda982850125e00e9897470d54' }, h("div", { key: 'c87bf55b62aea28d4eee19235c6a49ba5e14d9d7', class: "form-group d-flex flex-column" }, h("label", { key: 'be4dd8515c80b016e8d0cb88d8a50a53f570e239', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'da24a7b98a098a71683a79bc1a4c77da64d9f3dc', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '17565b8284dd9766896b450d6127f6e735591443' }, h("div", { key: 'b4ba485d3330fe2dd2ecad155360b6865f9eac28', class: "form-group d-flex flex-column" }, h("label", { key: '96e9ac9b482085fc85d9f6d19cc08b0afe3f4853', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2db671bba03af9e8f1626029eebe3e755051f223', 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: '6af10143701fec60501ebc5bcbff614638d3c9a9', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3a56898b53e89041e5947d3ffcd9f827a6b925fe', 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: '8670e24897cebcb1128993f24bdffa2cf26d7688', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'a48c15a05be9351ed450a01f5c958a4078ab1ed7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { e as tooltipIcon, f as tooltip, g as tooltipInner } from './parts.js';
+import { f as tooltipIcon, g as tooltip, j as tooltipInner } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const TooltipComponent = /*@__PURE__*/ proxyCustomElement(class TooltipComponent extends HTMLElement {

package/dist/module/form-input-masks.js

@@ -1,14 +1,8 @@
 const PHONE_MASKS = {
     US: '(000) 000-0000',
 };
-// Identity number masks by country
-// Supports both long and short country codes for robustness during rollout
-const IDENTITY_MASKS = {
-    USA: '000-00-0000',
-    US: '000-00-0000',
-    CAN: '000-000-000',
-    CA: '000-000-000',
-};
+const TAX_ID_MASKS = { US: '00-0000000' };
+const SSN_MASK = '000-00-0000';
 const CURRENCY_MASK = {
     WHOLE: {
         mask: Number,
@@ -25,4 +19,4 @@ const CURRENCY_MASK = {
     }
 };
 
-export { CURRENCY_MASK as C, IDENTITY_MASKS as I, PHONE_MASKS as P };
+export { CURRENCY_MASK as C, PHONE_MASKS as P, SSN_MASK as S, TAX_ID_MASKS as T };

package/dist/module/get-business.js

@@ -1,4 +1,4 @@
-import { b as Business } from './Business.js';
+import { a as Business } from './Business.js';
 import { C as ComponentErrorSeverity } from './Refund.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 

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, l as formatDisplayDate } from './utils2.js';
+import { c as formatCurrency, m as formatDisplayDate } from './utils2.js';
 import { E as ErrorState } from './utils.js';
 import { S as Spinner } from './spinner.js';
 
@@ -585,7 +585,7 @@ class Color {
 }
 
 /*!
- * Chart.js v4.5.0
+ * Chart.js v4.5.1
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -2534,10 +2534,10 @@ function getMaximumSize(canvas, bbWidth, bbHeight, aspectRatio) {
  * @returns True if the canvas context size or transformation has changed.
  */ function retinaScale(chart, forceRatio, forceStyle) {
     const pixelRatio = forceRatio || 1;
-    const deviceHeight = Math.floor(chart.height * pixelRatio);
-    const deviceWidth = Math.floor(chart.width * pixelRatio);
-    chart.height = Math.floor(chart.height);
-    chart.width = Math.floor(chart.width);
+    const deviceHeight = round1(chart.height * pixelRatio);
+    const deviceWidth = round1(chart.width * pixelRatio);
+    chart.height = round1(chart.height);
+    chart.width = round1(chart.width);
     const canvas = chart.canvas;
     // If no style has been set on the canvas, the render size is used as display size,
     // making the chart visually bigger, so let's enforce it to the "correct" values.
@@ -2682,7 +2682,7 @@ function getDatasetClipArea(chart, meta) {
 }
 
 /*!
- * Chart.js v4.5.0
+ * Chart.js v4.5.1
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -4416,19 +4416,24 @@ class DoughnutController extends DatasetController {
                 labels: {
                     generateLabels (chart) {
                         const data = chart.data;
+                        const { labels: { pointStyle , textAlign , color , useBorderRadius , borderRadius  }  } = chart.legend.options;
                         if (data.labels.length && data.datasets.length) {
-                            const { labels: { pointStyle , color  }  } = chart.legend.options;
                             return data.labels.map((label, i)=>{
                                 const meta = chart.getDatasetMeta(0);
                                 const style = meta.controller.getStyle(i);
                                 return {
                                     text: label,
                                     fillStyle: style.backgroundColor,
-                                    strokeStyle: style.borderColor,
                                     fontColor: color,
+                                    hidden: !chart.getDataVisibility(i),
+                                    lineDash: style.borderDash,
+                                    lineDashOffset: style.borderDashOffset,
+                                    lineJoin: style.borderJoinStyle,
                                     lineWidth: style.borderWidth,
+                                    strokeStyle: style.borderColor,
+                                    textAlign: textAlign,
                                     pointStyle: pointStyle,
-                                    hidden: !chart.getDataVisibility(i),
+                                    borderRadius: useBorderRadius && (borderRadius || style.borderRadius),
                                     index: i
                                 };
                             });
@@ -7272,18 +7277,22 @@ var registry = /* #__PURE__ */ new Registry();
 
 class PluginService {
     constructor(){
-        this._init = [];
+        this._init = undefined;
     }
  notify(chart, hook, args, filter) {
         if (hook === 'beforeInit') {
             this._init = this._createDescriptors(chart, true);
             this._notify(this._init, chart, 'install');
         }
+        if (this._init === undefined) {
+            return;
+        }
         const descriptors = filter ? this._descriptors(chart).filter(filter) : this._descriptors(chart);
         const result = this._notify(descriptors, chart, hook, args);
         if (hook === 'afterDestroy') {
             this._notify(descriptors, chart, 'stop');
             this._notify(this._init, chart, 'uninstall');
+            this._init = undefined;
         }
         return result;
     }
@@ -7726,7 +7735,7 @@ function needContext(proxy, names) {
     return false;
 }
 
-var version = "4.5.0";
+var version = "4.5.1";
 
 const KNOWN_POSITIONS = [
     'top',
@@ -11054,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: 'bf0ec4beb53d9dd307b6241348ad984ea73be9ec' }, this.loading && h(Spinner, { key: '6529c781452e90b082aea5551f3d0af266616729' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '23c2f499d03273189d31adaa1786831a04b65b8d' }, this.loading && h(Spinner, { key: '0b57cbb314d3b87c24e09d4ea7660e6e0a988dc6' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/header-3.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { W as heading3 } from './parts.js';
+import { X 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);

package/dist/module/helpers.js

@@ -0,0 +1,29 @@
+import { S as StateOptions } from './state-options.js';
+
+function getStateAbbreviation(stateName) {
+    const state = StateOptions.find(s => s.label === stateName);
+    return state ? state.value : stateName;
+}
+// filterNumber is intended to be used to format a string that contains a single digit to a two digit string. 
+function filterNumber(num) {
+    if (/^\d$/.test(num)) {
+        return '0' + num;
+    }
+    return num;
+}
+function constructDate(year, month, day) {
+    if (!year || !month || !day) {
+        return;
+    }
+    return `${year}-${filterNumber(month)}-${filterNumber(day)}`;
+}
+function deconstructDate(formInput) {
+    const dateString = formInput.value;
+    const [dob_year, dob_month, dob_day] = dateString.split('-');
+    return { dob_year, dob_month, dob_day };
+}
+function checkProvisioningStatus(business) {
+    return business.associated_accounts.length > 0;
+}
+
+export { constructDate as a, checkProvisioningStatus as c, deconstructDate as d, filterNumber as f, getStateAbbreviation as g };