@justifi/webcomponents 6.2.0-rc.2 → 6.2.0-rc.3

package/dist/module/customer-details.js

@@ -43,7 +43,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '858dcd8508a6ef974faf5b97c04cbd224cea93c0' }, h("div", { key: '7aef1bf1aaf5838e8f555b9f8680bc89f255d52c', class: "row gy-3" }, h("div", { key: 'f206b1c9958b39b242dfe2c899a0a98f16731dff', class: "col-12" }, h("h2", { key: '92916cf3952026ce406e52ac70be08cbb9c0e2a4', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'f80d3f7624484c70380035ad1bed0c292d7524b6', class: "col-12" }, h("form-control-text", { key: '1f762101dcda20301e4207e26e32d0d9808f141e', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'dc7b267094e7ff05194b96d5886788f56e31cae6', class: "col-12" }, h("form-control-text", { key: '64abb76bb8f9cf640bb4b367facb43355194db2d', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '8774802d03a56029ee6611820b077496c0032d9e', class: "col-12" }, h("form-control-textarea", { key: '2ffdd3ece9bbd6f7206508d96ba6a09e9b51e7e3', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '481cc546dcf904bd2414c096aafe9b034be548c2', class: "col-12" }, h("form-control-file-v2", { key: '763c89f78cf205bdf5f30cce01d8d96debfd12b0', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'bf358ed8e708f439877de74f18cb488b3fe65ecd', class: "col-12" }, h("form-control-file-v2", { key: 'e4c72136e11514b2dddac44a584b343a1846b077', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '4f66d1737416342483855947c8d0bc84633efd1a' }, h("div", { key: '0a7be5af6e92d56bf58ceb5e1a5269163f8a5eef', class: "row gy-3" }, h("div", { key: '0ae8574e9228b7cee09f33595f901a216fad571c', class: "col-12" }, h("h2", { key: '9a025c901262dc362e048a72f3f5d17eaa8bc7a4', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '8d651d6a4f9f3ebc519e3fd8b6cd03da452f7a5e', class: "col-12" }, h("form-control-text", { key: '00b3d5ffef1d253b75cdba11c26c05fc4b3d3e7d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '3494745d7843208abe678662359cf1612b035d2d', class: "col-12" }, h("form-control-text", { key: 'b6822a0f33dab183f717e58b68cd1c95445a62c8', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '86f9e759614375d50238fa26756ceac0ebd3d55c', class: "col-12" }, h("form-control-textarea", { key: 'e86f3fcc5a5f31cf46b67d53ee282b16232c0016', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'bda34fee75daeaf9ac91758a096febabe98ddf14', class: "col-12" }, h("form-control-file-v2", { key: '49c40325d8478296a6da2f124114a7a06d29b4c6', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '8f1b66a41596a3606b5c2f2a0c94844f11aa4b27', class: "col-12" }, h("form-control-file-v2", { key: 'c5c539c9f9cf799a1043330e657a6064510e59ba', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 }, [256, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/dispute-notification.js

@@ -43,9 +43,24 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     initiateRespondToDispute() {
         this.clickEvent.emit({ name: DisputeManagementClickActions.respondToDispute });
     }
+    isDueDatePassed() {
+        var _a;
+        if (!((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.due_date)) {
+            return false;
+        }
+        // Fix for JavaScript Date object parsing
+        // https://stackoverflow.com/a/31732581
+        const dueDate = new Date(this.dispute.due_date.replace(/-/g, '\/').replace(/T.+/, ''));
+        const today = new Date();
+        // Reset time to compare only dates
+        today.setHours(0, 0, 0, 0);
+        dueDate.setHours(0, 0, 0, 0);
+        return dueDate < today;
+    }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: 'd268295bb070b948984332bd763407dd2abe8467' }, this.isLoading && (h("div", { key: 'e9083c5f4f8cb88a348dc5099be678cf0c44c6fd', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'dd847619a087adcf9ca142bd705073b5bd2cbb38', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'abce0be539824cabcdc91cc1935acda2928738be', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'fd50de2ce4ff82a99bd9435438f8714173f07a63', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '44d88a0e658669f0cb703e7a80008788957b4075', part: text }, h("h1", { key: 'cbcf492cd4cb236f8241a03e9a722650c4a86a33', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'c30d8f5246aaf75415e6334acc2d3ab53fb200c5' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '929bdc03a93e66cd95ad0985df42cee6e1448ee1', class: "h5" }, "Dispute details"), h("div", { key: '71ace963ec6035edfadb8e3391c2a025203ffb8b', class: "d-table gap-2" }, h("div", { key: '13feb89ef8720eb97fb58bb5a01c650339b044a0', class: "d-table-row gap-2" }, h("span", { key: 'f53edd37be55640f22d6fc8418c2c7a2fb68d4eb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'ee91d5ecc2c3c921106fed6437b0122d87ffc590', 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: 'f8d03855088572719cc69eb70846baaca626873f', class: "d-table-row gap-2" }, h("span", { key: '1da829c98c3799d5f426078084d472fe21ea8714', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '66251cc54a379c54d1f10de9b63c3acc8441102e', 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: '75fb4722061c2ce1552aaf019cd55fe2e18d69bc', class: "d-table-row gap-2" }, h("span", { key: '0e1207c6ec9b5e0a1987c3dc27c7237b829c0e24', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'f59cee5df009fbe55a5afc7c862d127dcf9c39bc', 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: '843db57269e37dc9a6fe870efaac3345acd69f8c', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6bc8dc5a4d5b5fb3b4bd060f869cc154b5f38911', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'ece8a6e944501b889d9d881ae08181261aa630c1', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '5801625ebc25850e4001d9961e20b9f589ba071a' }, h("h1", { key: '6a20320f19deea6e4cd2ad391ef6e3adf16d9272', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '5fbfbe7a8c80674f1d65fa5f989a2db428dcce73' }, "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: '7531e3e361613accf7f6b6085ba94dbaafcb4915' }, h("h1", { key: '6f613bf334d77f89ff9fff4fb95bcb60b81154fd', class: "h4" }, "This payment was disputed"), h("p", { key: '148b60d2220cdd181cc4fa7692b524c1da049aea' }, "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: '905c1f81c5d4d0e2dac524fa11cb7ae977bd8c35' }, h("h1", { key: 'de0004f4f08d07e3bbeb224e900c5f89d58f3ecd', class: "h4" }, "This payment was disputed"), h("p", { key: '40f37c79108a79989b7e5a6d2d90a855b37ea2a3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return (h(StyledHost, { key: 'a494374453528ee6033589ed69dd2a0738ff8aaa' }, this.isLoading && (h("div", { key: '436d266650297674d89f1ba2d299bf3ebdf16506', style: { marginBottom: '8px' } }, h(Skeleton, { key: '952e9df74b83809b3a52d629ed05bc54b02754a5', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f3dd82b6b941500202404ec1353c2f951f79b642', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '608229cd12404e5e6f7014f955c24f9ff856a14f', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '6d18b253eaa245b9f7b817c3baf473d6f6a31845', part: text }, h("h1", { key: '7f7e30f8c7a9753970980796790b621a6d373548', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '1c458aecef8ce286b6c2a46e286c57e1276aff04' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'b3e85abf813bd36da6c952c9ad7c9357504bbc1d', part: text }, h("h1", { key: 'afcbe8f967170bc4abea0c71749a10e1c09937e0', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '30194ebea5f1763286f1a69f8fb2cd8c2c9d2d90' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '991505b018e4ee61b05c9872244163b729ee0cd1', class: "h5" }, "Dispute details"), h("div", { key: 'b94e62444ce05ac0ef6698a4b67f70088c10a9b4', class: "d-table gap-2" }, h("div", { key: '8873c8b0cab9bf5e56add69007e9b281c64dcbf3', class: "d-table-row gap-2" }, h("span", { key: '0c9cf9564277ba952c1b36acc7fa8660ec969266', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '0461b3c75b74e03b60dae12d80526b119d1e74d5', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '074f92623a156b5c431719a8c11870c95377dfc1', class: "d-table-row gap-2" }, h("span", { key: '04e1498ecb4d64f122c27ef0a83c38d843c72cad', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'fc3c56b35d899c06130b918cf03202cc9f44fa46', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '13eca44a73967f235a18e2f8818a008f14a96ba2', class: "d-table-row gap-2" }, h("span", { key: '954a86a2f0b77801a7c69c751a2b398f33bb2fe1', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '21e305a5cdc269f45439671639e3984e68cb75e0', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: 'cad8b592ab80d24b3d4ce187eb534a336bd36581', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '077df79dae040c41489d1206fffde036aef51954', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'eb26cd7bc9d93c83eefc927c565f321eb3c2bef1', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'f74d8e95a2ae74e1b59ac414d0a0d5cc43dd0291' }, h("h1", { key: '2404542678c5ad29dd4e3af13edebbace06734d6', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '0027bd32af1b0ab4ffdd42fcc0b21cb7ab55835a' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: 'ff335c7dbe7bda7637d1b27a65150785e81361bc' }, h("h1", { key: '36ee4c439d8e1346c115ba6f28e59008ce68d4e1', class: "h4" }, "This payment was disputed"), h("p", { key: '5e6e6869d956f6ea84e64378e4bfaebeb71109b0' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: 'd67894655a47ac5327540c55fdd97db472d34f9d' }, h("h1", { key: 'dec3b5da213071a75183eab6e1521c5c986d3876', class: "h4" }, "This payment was disputed"), h("p", { key: '806eb5f32bddde1c298eba9517c637a7fb69f598' }, "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: 'f8aa436de4217a890cb2c30d3e27aae405c69275', class: "row gy-3" }, h("div", { key: 'a49685c530a74ddc0c001f7aaa93a88083d050fa', class: "col-12" }, h("h1", { key: '15344ecf9317a883ca035637b943435d51663ad6', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '84005717b34e9f4a346bbd21c43f849f8238b452', class: "col-12" }, this.currentStepComponent), h("div", { key: 'f210b5351166085cc1638b4170af6e20c50080f2', class: "col-12" }, h("div", { key: '8294937c85b26845a9b22d5fd7afcb0caa7dbad1', 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: 'b23c5bc27b1f657b9211d3a3482ae5b99982754e', class: "row gy-3" }, h("div", { key: 'a630f3c475d6b8026a81724c76340dc4f6088b26', class: "col-12" }, h("h1", { key: 'f4e848277ee8f1ec05ef1b1dfbac0e8872d9d91f', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '6f7f21778853a3c1ac173ac79713f5427a226a5b', class: "col-12" }, this.currentStepComponent), h("div", { key: '7354846a446f5677a12a3113b3f4226060a8b86a', class: "col-12" }, h("div", { key: '4fb9dbccff8b004913656c3a130b46a0216dd6bb', 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: '4a6fcddbe3275068b9699dfc5c60adeff77f2192' }, h("justifi-dispute-response-core", { key: '80bd93d2ec9c64695d8b1d8bb7a4b59b2418a14f', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'ed6376969ab6a686999b8a31376b3c1cc8c7b566' }, h("justifi-dispute-response-core", { key: 'd823732d71613e9e98305d4b7d3c22af0344d209', "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: 'a2c44551e8089f9d9f30e99e93c146c160e78f45' }, h("div", { key: '9eb60cf652ebfbb37336a350552666b30bd87e1d', class: "row gy-3" }, h("div", { key: 'ec776dee0a386b87851aca4a275b5aec09f2f78a', class: "col-12" }, h("h2", { key: 'e6c60f82ded8750f7211ffa7b2790d8572bf67c7', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '6380b5a5be60a61d3bb2adcffad781388da2b6d2', class: "col-12" }, h("form-control-text", { key: 'b976b506913584ae88d35a30cfc42efb6a20a9e7', 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: 'f9ae261fbe01a5f4de3491b8ac2c7a1cd59a184d', class: "col-12" }, h("form-control-textarea", { key: 'cd3bf73a8374411113068c310b14101e8d9ab7fe', 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: 'f730411437abd1c6a5950e7a768390df2ea2102e', class: "col-12" }, h("form-control-file-v2", { key: '8021ee00e94803edf3eb27ec834e05353ba985d5', 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: '68152308257c9331e3e3e1b8141922634390c91d' }, h("div", { key: '0ff743d3d260272e98f9d9c9219e1465de1c7516', class: "row gy-3" }, h("div", { key: 'c02a18a34320cc8b4574b65f378b8a54207eb01c', class: "col-12" }, h("h2", { key: '254ae07ed42f2c61fed3b0be8cd02f928ac64f92', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'dfd97f7c5817bcd14458e4d390736b79651c29db', class: "col-12" }, h("form-control-text", { key: '76c551ab0641c3ebb78c40cdb78bb184911033c9', 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: '1edd78dcefbe32156f27e924e5b032a016dbffc5', class: "col-12" }, h("form-control-textarea", { key: '556829c59b797a79b8bd31d3add791819a2ef84a', 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: '183a68bf83924559e0032af6a43308466944fdcb', class: "col-12" }, h("form-control-file-v2", { key: 'fa3817f0e2e8ff17d5cdd142ccabc0e539a48d38', 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: 'b7ccea47ef4631e72192680468e9b5c370089766' }, h("div", { key: 'b33edf7018fe897a1b6d66edfbdf696fe4c4ad5d', class: "row gy-3" }, h("div", { key: '3f191923eb587c7efcdeec93afa830f7045e5ca5', class: "col-12" }, h("h2", { key: '6019125067e94159de463ff467f3a26a83efadb6', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '36169fba21ebe835eccbbdfa61665dbbf1922d22', class: "col-12" }, h("form-control-text", { key: '5cdd785662b43d8ac46b7ffa165fbf7b1d3008ae', 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: 'b2b3fdabb36b09c369c887779519000b1f9eb40e', class: "col-12" }, h("form-control-file-v2", { key: 'f112588b597277444e3d826cd8d94f8699dafc22', 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: '677a04d0eb6000066063a68bfe85d286c5c207fa' }, h("div", { key: 'b231437fc879fa2c24474c498eba17edd34128a3', class: "row gy-3" }, h("div", { key: 'd0cf03d9f5e2de19f63e47fd42f0bec710d44bd1', class: "col-12" }, h("h2", { key: '5343dcbeffdaa14e4605944eef18c5ebf1418a20', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'a4b816038465b14e4078b13d46543280b212c676', class: "col-12" }, h("form-control-text", { key: '8cebdd64857d99b8058013df9a10ac007869b998', 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: '637f3221604b415b8ea5c04af800a72dbfa40c4b', class: "col-12" }, h("form-control-file-v2", { key: '89b3db82c57b8673124369e915efa4f0ec3927a8', 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-control-date2.js

@@ -54,10 +54,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '8e5820c8f07562ce28e3b95c4948cb7c311d48d6' }, h("div", { key: '1dd0cbd495d132064808cc81bc272b92f7df95af', class: "form-group d-flex flex-column" }, h("div", { key: '82f27392fd4bdbb106db3ea4219eeb75d99a7c78', class: "d-flex gap-2" }, h("label", { key: 'a6ab3679c84b6f22e4c27ac4cb9764e77f97eed3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f481b59809157482acd955d8f2bdb60e5a91e164', helpText: this.helpText })), h("input", { key: '6803e25bbd12858678fa08a8230ca91268541624', 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: 'c1db3dd4bca7d9bf6dcbf61b0b43793232caae2f' }, h("div", { key: '4e00566fe24c7db972bcc7a99eaa1aa14c968f2b', class: "form-group d-flex flex-column" }, h("div", { key: '30e022fb522a6f69d04fadebb893c0377c0c580e', class: "d-flex gap-2" }, h("label", { key: 'f43b0d3c1e53d6c6e99dd26ca1dc61b601617e2c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '39ab2bcd705b6d917dad575c9e09594d2a6ff199', helpText: this.helpText })), h("input", { key: '54d475675a44f28a05315c23ed07b7e61717c6a9', 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: '0237d93c756aaea690eda467b0497ce2c0d8c904', 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: '91455fa726313c5316a91d395209df04d6927a41', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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: '4d69131cba0d3529b5e8d3344085400a0e491f7a', exportparts: "label,input,input-invalid" }, h("div", { key: '91ef14e863262efef2ca6478dddcbe06fed2c3de', class: "form-group d-flex flex-column" }, h("div", { key: '46fab1c0db5685d8ea5f84f1517a129894a4ba62', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e43d7049b5ce9265e27d30e6edca60b877ce7207', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4a6298c1b36cf0bbef8ebb383398168cf99af362', helpText: this.helpText })), h("input", { key: '1ec274c8399390dcc08b708218485be030df3e4a', 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: '154e2193272229f617555a5a1804c334d5214d53', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '7ba26de4dc1fc18b3eec2ea364fe26b1036b4f51', exportparts: "label,input,input-invalid" }, h("div", { key: 'ca125e36caa36d14f7d18c3048d00699af79bf35', class: "form-group d-flex flex-column" }, h("div", { key: '07cefe5047839cf9ec35682c01ad5d89a691ac4f', class: "d-flex align-items-start gap-2" }, h("label", { key: '7aa93bf0faa4759f5e94bf8420e52f50cbe9c07e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '88715a6ee07d8196602e951aa0054800f22ba942', helpText: this.helpText })), h("input", { key: '79c464c90f0f9ef4da01ac0d7703763749538191', 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: 'c979151bc382eaf2b542712d2725f6b7affd9bcb', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file-v2", {

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

@@ -50,10 +50,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'a4e07a279ac259cf7aea289ddb3e5ad976ac8a78' }, h("div", { key: '72f560a6d77e6077e6e1edab0af24080207490b3', class: "form-group d-flex flex-column" }, h("div", { key: '26c3f68a2b2a1f791eccadd4dda4607aedccfcf8', class: "d-flex align-items-start gap-2" }, h("label", { key: '9805d69f239c90357ed4123bf38bd0a20df78f86', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ae0e0a05268be3df43e250738ff69cc417beea8a', helpText: this.helpText })), h("input", { key: '4c9c7c69e0f0d786add6badaf6df61f53d1fd935', 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: '6b5ab04b95a39c87e7d82f0c3e50dbbe53922388' }, h("div", { key: '923928a3fe76cb185a4baa9ba90c4ac11d4a480d', class: "form-group d-flex flex-column" }, h("div", { key: '695e3fbfa88486048203e41ce2de7d887c0fcdd3', class: "d-flex align-items-start gap-2" }, h("label", { key: '94df69c5039e85369e6422c12390fff1401d9b2b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4e9ca48d614a54a9d11eb0a66d64f24e96fd7105', helpText: this.helpText })), h("input", { key: 'b84f4f9e72369cf39f6899423520437ea2f2deb4', 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: '47b98f71ebdf2b83e2cfd0b741908a74e691cd41', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '8024383aa421f8b787fde6ba0a39830c063e4a8d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file", {

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

@@ -53,10 +53,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: 'befed81330399d097413f8b769d01df6b315d707' }, h("div", { key: '570688783902a60e43689dc542e69008d52ee376', class: "form-group d-flex flex-column" }, h("label", { key: '0def0a1b40891a7f6ca3d8886e0b32197beab464', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '637edfe671dabaed1b82ce8f2b165ca2a574522b', name: this.name, helpText: this.helpText }), h("div", { key: '6b38281e577bfb6f8dfacc29574a3b0cb9183c56', class: "input-group" }, h("span", { key: '63d1f8596630e7f3922e02f099b9298ff83bb487', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'a23391ec4ede5bd11d7d2e552eac76544aa855ae', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'ae64aa9000fff01313371b755f0e20925fbd005b' }, h("div", { key: 'f40ae8e775f4ea3ab811f8f2985e30dca5c37c1e', class: "form-group d-flex flex-column" }, h("label", { key: '1f4283cc32579ef12c225ae5a1f1fff1c8142128', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'f991dae37527a94cc4b98ed766361a7d97b6214b', name: this.name, helpText: this.helpText }), h("div", { key: '86ecd5f81238c8675b59c7a0b6a3629b49a0109c', class: "input-group" }, h("span", { key: '04a5576a92c024926f320f7a121c34cf43ebcac8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '76f05aa792ae96d1d3302ef627e35cab538a6fdb', 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: '5f8175edeff6bc80c9f2fb815d89205d69b413a3', 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: 'b28032e69108ff37485080e2e9f284cc30d10697', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -73,10 +73,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: 'df43b2ce1fa351d04852fbc8a93ee14eeacab874' }, h("div", { key: 'e3b22cde550073e8ccac88ce2f6a0533cae6d781', class: "form-group d-flex flex-column" }, h("div", { key: 'c42151be8f9311c197a972dd5d0c15e09b884690', class: "d-flex align-items-start gap-2" }, h("label", { key: '603866f6c5202290c07490a7a3303b1fce13e375', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '878b2797d1acb8030f5881c47f08c647e605b335', helpText: this.helpText })), h("input", { key: '04e22f86c574d85190c55ee828c4df02c4652b91', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'c9dab9ba56a1b41607de674822120ed24b3ad7f6' }, h("div", { key: 'd08134d142c810576417f0cfdabe957cd7a29c10', class: "form-group d-flex flex-column" }, h("div", { key: '2103a3d5680ee3fccb8d17421b460eb142001ae8', class: "d-flex align-items-start gap-2" }, h("label", { key: '2f09b7eefbd6c5cd831cbb1e717bc1740971c508', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '6c0417df2d3610be4d875c330ef6237734a88448', helpText: this.helpText })), h("input", { key: '321ba8e05dcf152d6f4236b4dc28430c8a200f70', 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: '57b6c4a907ae8089981faaf2359a8120963d875f', 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: '34a37fcce3f7fe66d1632596b660fd8524aae5fb', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -47,10 +47,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '26ec43555c6c49a66b7fd29db062825751d10f3c' }, h("div", { key: '71b2ff7d916ae362fe1aceeb7f88ec909667712a', class: 'form-group d-flex flex-column' }, h("label", { key: '9aad7dc52dbb560a86deb6f998d751fa022ccf4b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a0b66ff0650405de0e05d8324b4941478df8385b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c07e38fb8e29b370384a0f0e205f5a88a1e6196e' }, h("div", { key: 'ad468ff917437598440706926b3f1ddb122ac58c', class: 'form-group d-flex flex-column' }, h("label", { key: '97d0f82fd9af770e89e6fb8d4a378dffcd94a52f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '044d3c7dd7537595e7d878b2e3d79820d567eaf6', 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: '9d722992680b132f7139ea4ce210a199918f98dd', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fa70d63a82b6910f129e6657b2504af400875170', 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: 'e13cb9e5f745aea81e3ac4f12bcfe2c1baad6468', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '02a1b55b70646abd319b10cc051be9803c525886', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -34,10 +34,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '741a56d8e04d3458d6cf1b8986e998ca50d87e3b', class: 'form-group d-flex flex-column' }, h("div", { key: '6504ba678b74a6a45b41f167a67c21dda55fa9c8', class: "form-check" }, h("input", { key: '2ab6b254dc740ee553058dc0830616ba7b6dff01', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0e904c8de95f266bc709f9b3c1fb7c58c303a24c', class: 'form-group d-flex flex-column' }, h("div", { key: '24dd45066d45495f108aa30262d2e74f257c3d4a', class: "form-check" }, h("input", { key: '12b5f8e62d22a4c0a4f54fc6842911c3a6664106', 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: '08950d0e13e5f19f7fcfbdd41f68820406dea53a', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'b1af2e0e55896d6cfd4836a5a272e0c03bb3383f', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '09126ab9b152f1c6908d85918cb9827b93173034', 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: 'dad68c4bb27faeeb5c94a92d89ed747bbd865e78', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '6c3cbe742fb61272e10c7d615c744853151bc5dc', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '9e2f85f6065e418f5b8a58bbaae86d44f6da9859', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],

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

@@ -48,10 +48,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '5ba787ceb003eaf5fcad45bf6ae26a68bdd7cceb' }, h("div", { key: '980775fd7a64832addc121753ccea21419721c0d', class: "form-group d-flex flex-column" }, h("div", { key: '01211e20d54ac84a75c1ff9a3a1a660675bae31a', class: "d-flex align-items-start gap-2" }, h("label", { key: 'fc5dcb4149f38e921f44642dbb509a0d599df6ad', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '705262faa2111568445a7593e125c07602f8e73a', helpText: this.helpText })), h("input", { key: 'd2ea69efb600493362abb12a5e309ddad85d470e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8fa1333a0d4d7f50ce2e415f8ba24317e33e6a08' }, h("div", { key: 'ed36e5fa440070d759aa830056c8a6cbdcc916d4', class: "form-group d-flex flex-column" }, h("div", { key: 'e773415acf7f067c8c1076198be94302c547bb80', class: "d-flex align-items-start gap-2" }, h("label", { key: '9a163545aed306bdc3abed71cd875804f3c4aa32', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '8d6e13cff374cb5c92ce0af3238c636238617cba', helpText: this.helpText })), h("input", { key: '3d7c95603d79f3e7919a879308f312053ce01f12', 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: 'c38896293fda5c445e24532521558fa24ad50c4a', 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: 'e79de48854230e9b8e25a48e805784a454207065', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -46,10 +46,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '8b45f46328cd09457814bf8d9f474a1f1f1b4384' }, h("div", { key: 'a10735e0d15b641d2ab79ca6930cb22e91c89147', class: "form-group d-flex flex-column" }, h("label", { key: 'fc72fe91f841c8fe1525eb87fc270492660d1932', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '237ec248e7c68d97dcb035984783347bb6eb1092', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e503ec4d39ce25b22cc252967ac0753982bad436' }, h("div", { key: '2d2d0d587a4ac57b62f27532b5adb47b36ebd3b7', class: "form-group d-flex flex-column" }, h("label", { key: '0ee84c2fb75c6a51bba1a0a70f06f66576366a77', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '81318a2cf2f0ccb3ba0deb74f52ec8d7e001cbc7', 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: 'e12fd273b27a74c07de1f043dc7cdb927c8b19d8', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e5e0fec72f54ddde7e72c465f8c97fef2df0ef85', 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: 'dd3d7c2a8caaf1dcd3b4b488977d44c6033e7213', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '103c3bb5f0579d940ed2152fcf5eb5a17a1e3640', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -11063,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '4a711fdb941b44d536c452ff140db2bc98d84d7d' }, this.loading && h(Spinner, { key: 'e703263242576bc23d7be3015ec89b13faa12053' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '0432a1c141cd1ea91ebcb3f975a220e5127164c8' }, this.loading && h(Spinner, { key: '0261cca24232d936418d305f60f3857a502dcb11' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/hidden-input2.js

@@ -78,7 +78,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '3c8f4bc2dac1852fa61e372b0077bfb4883c3b31' }, h("input", { key: 'f53ad76227d125d411c85ef980a902d0d4e0f91d', 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: '5d57d913b590d6118dbcf361b123792e47819615' }, h("input", { key: '5f86e91e383d5f1df0f3c6ad4fb1393a81175cf2', 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],

package/dist/module/iframe-input2.js

@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: '4782aa46a4967ef9097809122cfea52cf5845675', class: "form-group d-flex flex-column" }, h("div", { key: 'adf5212bb0a32d593fb9e5ea93a378a49a63ba5b', style: {
+        return (h(Host, { key: '6a9a148def6119cf6038a940e1d24998f0de8139', class: "form-group d-flex flex-column" }, h("div", { key: 'dd8e4f676545658c2faaf23f42ef96def263a603', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '309cb76edb80f3fca7264a5a1f2d2c8397c8b0f4', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '0f19c6d4f1851a6655e765f3ac021313c72ee106', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'f0db24e9a41fc5bcb06d84f0b5c7d0a9adea87b1', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'd9a8dac1e7ea15b602dbdb17d141dafcacedfa6a', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '2d2532b0a83f9449b7687fa95798e3fa1d055e97', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '524eec0a405f0a58b7b1c81f10532244478f749b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,7 +1632,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '0e0c98836f067f78af85e124a96dce7b39cf4b27', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '40393084f556c3f0c648d89c1b4f41ed93cd0b1a', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/justifi-button2.js

@@ -13,7 +13,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '101d2233002f9d316fae078dd77d43358c937291' }, h(Button, { key: 'd7e3c0a41d862572eb47a22e3c7178e8a172d990', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '4303daf453d356b8111a2a00f821bc83cdd658c5' }, h(Button, { key: '7c1b0a71ac3274bb03218a8d921d5dc39bc48528', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-header2.js

@@ -20,7 +20,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'ec45e1573823ebeb47a129e02e063bab9d08b154' }, h(HeaderComponent, { key: 'fc977d49c84906de818d9c4e17fb9a55c5ed8832', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '89edcc4c5a478317da615d276af05cac241c1867' }, h(HeaderComponent, { key: 'a5c01967f8809fd6b824ddc8730599041ae31822', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

package/dist/module/justifi-order-terminals.js

@@ -205,7 +205,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '186ee09b809f108e55ee4cea14968bd8acaefa93' }, h("div", { key: '902be700759e8354638931671dc8ec563fcd7868', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'f9c515ea3cf3dd616d894cef2cc64789663608e8' }, h("div", { key: '6b3d49555fe21563c251896300d313bed336f9fd', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

package/dist/module/justifi-payment-transactions-list.js

@@ -181,7 +181,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: 'f5a7946c22e065b9fb73c42f2e8bd338fe9f5b75' }, h(TableWrapper, { key: '3cac49cde086dc78b15583ab2725a6196987c123' }, h(TableComponent, { key: '7588b31adad3bd0804a95a61e656af24faf21857' }, h(TableHead, { key: '56d2e0f7b65f621e23db4f04b1768427553d077b' }, h(TableHeadRow, { key: '7be2399aa3dda6337c94e4e9d95e1d1d73b0702e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'e30961bb03921a1cb491c7fcd09df51eafbad3a6' }, h(TableLoadingState, { key: 'c26d53a4901ce5e3e42ff05ad627f08020a7a71c', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '5ed524b2d07316bad2814328f02ddefe1f263fc6', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '99cf81edbf8fde0cf96c55f62bd9dca3342d958d', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '816ce49013c603d64af1b8534e062df6dabde41b' }, h(TableFootRow, { key: '96786a7547c39275184c44d7da55069802ca8c22' }, h(TableFootCell, { key: '204328804873c7ff440cbeb889948dc0365d508c', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '4a4ecc86248e59d8e5cf3982a49abf514fe073a8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'ce4fd1549223738580d3a4e9195f535619491f5a' }, h(TableWrapper, { key: '0991e7ca748e75fa42e96be1dd1c9e9d2c876db9' }, h(TableComponent, { key: '1b5d58cbf6f27fdf2faef658ae6148ee642ad3fe' }, h(TableHead, { key: '5eaef864fe0072cd4557a0585a409572f6806969' }, h(TableHeadRow, { key: 'a9c35dd1c0031da4a82207a4313c9a521729db40' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '1ed790fcc17bbb6a93f6eaf18b741fc3b2e80855' }, h(TableLoadingState, { key: '64570f5736317dfabc97a7967dfa52dbc0dd384c', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '45d4d52687e203de3c5f45e406862b882c03757c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'b8c941adc6bad5e40edd33b69231b668f587f16b', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'a76f922158b408ff6a70c35a47531405c012aaae' }, h(TableFootRow, { key: '4cf90633de51f6e9286481300cbbe0f0183f1bfb' }, h(TableFootCell, { key: 'c06c168e8ba7c3115eab18c8366362be16582f86', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'f08aa685537d1ba529f5506d74bdc20d0352dd2b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/module/justifi-payments-list-filters.js

@@ -58,8 +58,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '0adcc6585575f955f2da15bcff6aee5f86e4d5ac' }, h("table-filters-menu", { key: 'c18193011732c8a20a8428d58d02dc3c6f8ccdd1', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '4ae0b3c0941e539e5a83256abcb8b09173931838', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b6cce3bc50c382bf1a00496bab05e8d9145fd8e3', class: "p-2" }, h("form-control-text", { key: 'b64ad1aef1e61d0659ea1940d1799f14710412e6', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '298e6738733cceb0b62a05676f295cb8c6ef0750', class: "p-2" }, h("form-control-text", { key: 'c3a5b4333be0c4d330869cbe8b4148c2ff676e43', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '3963977c199426f2c8c9a99ed2d6da89874a9a43', class: "p-2" }, h("form-control-select", { key: '8800c5cc708d493a1d07469ec61252ce3e3f3a24', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '64fbcb0188aa796929bd29bb43193f613c0c7449', class: "p-2" }, h("form-control-date", { key: 'dfbec3d2cdae9fcd06769bebf27829ca2665849f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '8ef26354ecc90302685d0c131dcbef482ab3e4c3', class: "p-2" }, h("form-control-date", { key: '612e747ed2d5576db931892640080103f67deece', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'ca1a151bf3527225312df08f192750364668b2ba' }, h("table-filters-menu", { key: '33663b7dbdeeaf5eabecc5ac650bbdf3676e30f8', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'f5a5a27b1f0e55b7b06b698f5e19baf5cf25fe7f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '59abc8a49326e203592a9f3b02d12c7de45a9235', class: "p-2" }, h("form-control-text", { key: '05e1db9bdfb0301330c2f9e00a2417431a704792', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '68c84deb196e2ab8ce186cd26aa686274042320d', class: "p-2" }, h("form-control-text", { key: '34c1a654a3e2328202f996d46e11f65ed2e0c8df', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '6399e8b9978352f1ee9b6dcb49f4e4e5e965b05f', class: "p-2" }, h("form-control-select", { key: 'aa687544903688a7936f4b34a221320f941ad0db', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '9acc20b55d25cbef52893b58464d0879d09389be', class: "p-2" }, h("form-control-date", { key: 'f853d5ce2259cf4adad00132d60eea80fae3a2f9', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: 'd7d78846efd7277418a9dad3c0d21a82f0ccc36b', class: "p-2" }, h("form-control-date", { key: '2eb64ec290032601d0ac32af679b13743bb4f796', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
 }, [257, "justifi-payments-list-filters", {

package/dist/module/justifi-payments-list.js

@@ -92,7 +92,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '600a899641ac8e2bbada4cc2f7f5c8477f16f5c9' }, h("payments-list-core", { key: '903ca5197fd56b9f0dfb141d09f92e27cd35f651', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '1e1f5cc087e917c65e7dbabaf21b355dd3261206' }, h("payments-list-core", { key: '318b81a8eaacb70cc333efb9159279bc9310dd32', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-payout-transactions-list.js

@@ -186,7 +186,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '9db64637291d99ace8fe5a0de8edc3053aefd974' }, h(TableWrapper, { key: '3b30494814b617574b58a605c85f7a8f230a70ae' }, h(TableComponent, { key: '966d5ca72315c7f5e9ed427a9a460f31e8de1a3c' }, h(TableHead, { key: 'aa3e49564fae46dd1a6f5e27b139ae08643e6d09' }, h(TableHeadRow, { key: 'c39ff750c941e243bdf74dd8f7281dc6e96256aa' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '78c00d108262a447890037f9ebdcacc96e47f58a' }, h(TableLoadingState, { key: '14c4181b5b5f162e23344df06f875b8202dd4853', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '9512b212d3afb4bca142b74c32968ca1b42affdc', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'f37e7baa18a07f197bda346f1457217a61cb63df', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '059923133e682bb04bbcf2020d2437e6bf1cb38c' }, h(TableFootRow, { key: '123caa479d333289bb4068ca2b85e3502057e4b3' }, h(TableFootCell, { key: '888276973e50a1b4335b107dfc67d00abedcc11a', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e81b1dacaa7b455bcd00df82b6f2b4035dea60f8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'ab6de6bc1bd8b389c3853cc8c9ff0a52ac79e139' }, h(TableWrapper, { key: '3946c0161a51c292e53776df23ef0aa297ab8a24' }, h(TableComponent, { key: '7f7acd0813a8eb710889d540b6c5b7ae6831e47a' }, h(TableHead, { key: 'eb0b11273c85116093d119bdbc8984f7c71729f0' }, h(TableHeadRow, { key: '5485e54cca61a69a48b4a0eb70ff4cfbf409cfab' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '778592bd28c2ed42fcb751f695ef97b75c911c17' }, h(TableLoadingState, { key: '2123dc933b4e16f2bc4588a6ec4357d3067a919f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'e13e4ba98217c4c41cc406d7f6bde34831771952', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'c837011abb597d3811cdc5636a457afab49224f6', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'a189800b2a36f8880bb7fb2ab60b8b2afd24d760' }, h(TableFootRow, { key: 'ae78dbea1986d6c0ee493bf26d8bb01ad294a1e2' }, h(TableFootCell, { key: '2146861e294be47a5c63f3354ff6744ad71b4d70', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2ab6bfa9a7534c063e603eaf25e4e6f44cbda859', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/module/justifi-payouts-list-filters.js

@@ -39,8 +39,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '2a4183abf17b63f6f0f4edf0484b4addec69e826' }, h("table-filters-menu", { key: 'e92d4af94c74e041203ff7041da5b751735f0e3f', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'd9747a0d596af183bdea79ba96bde7676bfa7bc9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd6d13d3c97e1c881636077a93144112a472394ce', class: "p-2" }, h("form-control-date", { key: '050f07a08ef83da2252486b47bb712a56eb72547', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'a7176e2b809ee60e0e9c6045dde062f0fdb583aa', class: "p-2" }, h("form-control-date", { key: '94940ac440b5eabac008d7931e861584d59d5426', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: 'c9fe17cad3d56aa5f8c9ef6b23b90b77e378d256' }, h("table-filters-menu", { key: 'e5d55040d356e8aeb60419a52891deca0cb2940a', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'a155ff5b6a89c233ad37a3697ed8ab7f03d22a9f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e13495766b1d817a93606fb35ca6c2222c48d0e5', class: "p-2" }, h("form-control-date", { key: 'fc510fa12504d70efa1fc74a36f4a49b89fff4d4', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'dd521da828ccf3d26460130cbcb89d20822ff42d', class: "p-2" }, h("form-control-date", { key: '091b8e21f62c6bad5b6e1e47fde86be51abcb25a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

package/dist/module/justifi-payouts-list.js

@@ -106,7 +106,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: 'e60de76d4e20f1fdf4d4b8ad40f1f7dcac414d83' }, h("payouts-list-core", { key: 'a950432f1eff844de876fd69b60f1f3702db7838', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '5ec4cfd9c227dc5c993fe82972124649d7468617' }, h("payouts-list-core", { key: '8e862e8b6c6cf861d342e72afec20d527f34f5c1', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-skeleton.js

@@ -11,7 +11,7 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '9507f69a72c7a58150ffbf1cc0555287f22adcab' }, h(Skeleton, { key: '203d85a6407458a39500303fb79b7ea31ee5fdb1', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '1dc5e1c56fe4145ed006e6dde0cd3b6c61c715ec' }, h(Skeleton, { key: '0f8058c2892b2b347a97611cee4333c806c5d35c', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 }, [257, "justifi-skeleton", {
         "component": [1],

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -64,8 +64,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '1df2679852a2c3795bd5c9a90ec2d08ea124ab63' }, h("table-filters-menu", { key: '2836ae98e62ac6ee5dbb00b2d5115b0b49795576', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'bd993ac7ed2e2b6a83d787dc2456ab4184bf85a7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b03fc2cdd1931f0dbf7873735152f277c823498b', class: "p-2" }, h("form-control-select", { key: '8796b887cda1645323a68de9ab34cfefbb144fbe', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '575764ad238bba204780582d45e694fb57fca521', class: "p-2" }, h("form-control-select", { key: '4dd9fb99dc251fc519d9484cd9820b190effa1de', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '4581e4f414e0acf62b61f3b343ec0dbc462aeb71', class: "p-2" }, h("form-control-date", { key: '2c9373178da8fdd87f99843cb18634b00fbc7724', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '882a33df41cdf11e5a0ec84ffefdb8eab8026a19', class: "p-2" }, h("form-control-date", { key: '2915ce84bbf61c73548112f8fdb894593f0c5695', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '1426d09efdcd667674d448b2bb572436ed4a5787' }, h("table-filters-menu", { key: '0aadfbc5ba334e99f0cd16496faa7671114c7ee8', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '6a0344eb0be7848cbf3ca6e9c862e69beacd78ae', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c383e57642f44332dde7f1526c0908353add6db1', class: "p-2" }, h("form-control-select", { key: '4b0a4b2772ba57a3952943b583ebad965f7fd74c', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'cdcfceef054dc263efa88f6b95d51ffd2190accd', class: "p-2" }, h("form-control-select", { key: '664b377599b07ff344df1e8f7c63eb5fdaf20cb7', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'e8b6e71186f760045f613191f8f511e0c0389622', class: "p-2" }, h("form-control-date", { key: 'b321911aba223d6c88acde201ffced30f98acb24', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '219bfedd2c9268c8218e2cc66ca755bc447608ec', class: "p-2" }, h("form-control-date", { key: '70e620e3f6335751838b0eb33a165f28f49685a3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {

package/dist/module/justifi-terminal-orders-list.js

@@ -98,7 +98,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '95be94d72e803e3c8449d1f39efe6cc6a7252f36' }, h("terminal-orders-list-core", { key: '7f610bc41818b1e9050c91557cb2561e41438a3d', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f89cb75d014a5d43c6766f0e0e7a572807c3df9f' }, h("terminal-orders-list-core", { key: 'c38fd6424ebca672c9577255d81b9e97712f3b9b', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [257, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],

package/dist/module/justifi-terminals-list-filters.js

@@ -54,7 +54,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '055dc0c6462def26d2f7966835bc2c229cc7d73a' }, h("table-filters-menu", { key: '4f238a7d96324d70e32023d886382a978b8cf45b', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'a31da98b14a903a9a4565fbc5163897d3dd52077', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '4ed075e1f7f74c3041ac9c17f306fe4d8242e178', class: "p-2" }, h("form-control-text", { key: '10da59db83f22e7ef1fa6c1c83294876b5b3e938', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'e4010f483a6a5c0629e8507998a43b6a6659c319', class: "p-2" }, h("form-control-text", { key: 'd14e72b7e46a32c8d22b5c2e5b6dcafb0c4c9a00', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '649dc17525eba4b8ea374487e6b51468e34e497d', class: "p-2" }, h("form-control-select", { key: '82032042a405581d6bcc1ab6a561e2b6f43b283d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '572f99cbf9fe8b4b01a6e4e34575ba83f5c62f25' }, h("table-filters-menu", { key: '21513ea58fa052e458af8a21691935cb9caed5f4', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '6bfe4487288dacdb4c56651d7431cfffcf715755', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9cba47fa96feb4d8cde9a54a7a98023d9b470f7a', class: "p-2" }, h("form-control-text", { key: '4cf78e13a31c8f6b7efeca735d31fd298c0f465a', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '1b3f105d54261c711b52d8730f99c7459c9d12e2', class: "p-2" }, h("form-control-text", { key: '09f4d86fb281bd84c2a47446e4dc5b263c034d8e', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'fb373b529881adee6b2bf3e3e55be3246623b956', class: "p-2" }, h("form-control-select", { key: '373348087fe077b04bd76fbd3cd3d5ab85ca77b8', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

package/dist/module/justifi-terminals-list.js

@@ -103,7 +103,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '52dcea711707c73644e44b53ef7ae5a695e9b6d4' }, h("terminals-list-core", { key: 'd804664cf67f0e8f4f3eedc653f2679794184798', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '34cb952a43c4ecfd904c3449a05895e10e673a95' }, h("terminals-list-core", { key: '32d981b366889364c4f27a4351aab41ed7d085b5', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/modular-checkout.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as checkoutStore, o as onAnyChange, g as getAvailablePaymentMethodTypes } from './checkout.store.js';
+import { c as checkoutStore, o as onAnyChange, g as getAvailablePaymentMethodTypes, a as getCheckoutState } from './checkout.store.js';
 import { J as JustifiAnalytics, c as checkPkgVersion } from './Analytics.js';
 import './config-state.js';
 import './dinero.js';
@@ -402,6 +402,17 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
             payment_mode: mapTypeToPaymentMode((_e = checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
             payment_token: checkoutStore.paymentToken,
         };
+        if (this.preCompleteHook) {
+            const state = getCheckoutState();
+            try {
+                await new Promise((resolve, reject) => {
+                    this.preCompleteHook(state, () => resolve(), () => reject());
+                });
+            }
+            catch (_f) {
+                return;
+            }
+        }
         this.completeCheckout({
             payment,
             onSuccess: ({ checkout }) => {
@@ -420,12 +431,13 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         });
     }
     render() {
-        return h(Host, { key: 'c0267323f405ad4fbcbac4481aeb5286dc98161b' });
+        return h(Host, { key: '56a003ca1e1ac4bdc1baa8f862cdb05b2d8af4b1' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {
         "authToken": [1, "auth-token"],
         "checkoutId": [1, "checkout-id"],
+        "preCompleteHook": [16],
         "setSelectedPaymentMethod": [64],
         "validate": [64],
         "submitCheckout": [64]