@justifi/webcomponents 6.1.0-rc.3 → 6.1.1-rc.1

package/dist/collection/components/dispute-management/dispute-response/additional-statement.js

@@ -29,7 +29,7 @@ export class AdditionalStatement {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '0701151c838584f2c15ae5e3ff3a806e655b1dfe' }, h("div", { key: '40c863834d4a0dd48d0cb5073b7aa8d43f306826', class: "row gy-3" }, h("div", { key: '65151bc575f0ce4ff11c0eeffe3ae25bd0191840', class: "col-12" }, h("h2", { key: '6748c97c80ded43e019492bd24536d505022f44d', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '8d93d7560ef06fecbf7b43c66fb6bba783b5fc17', class: "col-12" }, h("form-control-textarea", { key: '422c586a3820a3344adf6d48bf49dd33636d6562', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '68b91cd23d51018d746e0a4b53baa4fd8d28f2b7', class: "col-12" }, h("form-control-file-v2", { key: '32a4bf53f4f9642af7381d75adb532c23ec21dc7', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: '1923f4fe65f07834785b052ff36d2c9b11a38232' }, h("div", { key: 'd3cd444874826ca88bca6dc4a3c411ad40cc4e59', class: "row gy-3" }, h("div", { key: '55359a7d9b54f71ceb1e78a802348f03c6274716', class: "col-12" }, h("h2", { key: '08dab7b1178136a2c82a6d6eb92e6e1c8ce8a50c', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '1bd6f80bfccf53663f3edd983e90dc48d5063254', class: "col-12" }, h("form-control-textarea", { key: 'ecc2f5c94e92b46688f37e10b10b9dc81f08d0f7', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'dacce3a39a44e7b9a819feb4b9dc66f3d761ec95', class: "col-12" }, h("form-control-file-v2", { key: 'd54e7538b572e84b81ea3fb4601fa92083599225', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
     static get is() { return "justifi-additional-statement"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/cancellation-policy.js

@@ -28,7 +28,7 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '3f3b10445d89df70c60c4dff0719dbb32880aaf0' }, h("div", { key: 'adc8e2d164a5fa0a4452c11c91aabc2681af5987', class: "row gy-3" }, h("div", { key: '0930cce7f709ebc178e353da02b9a04248df2aed', class: "col-12" }, h("h2", { key: 'cdb9ace025d5fe91bedf866c23156af7959280d1', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '980e35073d775f422c981298b4b937f14dd52974', class: "col-12" }, h("form-control-textarea", { key: 'f56144d1ed0625aa03f393d02589b3b6580424ac', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'b94141788ce77f8132ed2c6c7477e49bdfb56731', class: "col-12" }, h("form-control-textarea", { key: 'dc9d14b12a0e7eb2c7332d0610191eda46ed45bc', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'a1dae824aa1a23844b028036d1dba093cde3b015', class: "col-12" }, h("form-control-file-v2", { key: 'ce7896b8ba5d9e3070c53a8eb75a2b6b216f2f2b', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: 'f3be140160f96c20a65cfe0eb0f32b0a36d6328d' }, h("div", { key: '72c6936c3b99f55493c0019a0ade1ab85dc6245e', class: "row gy-3" }, h("div", { key: 'dc369f250820762b0d2f70b776b12b4736dacf7d', class: "col-12" }, h("h2", { key: '1b657416345e0ffb7e1181e40f913919e50a514b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'af2320dcc457a9b58bf50398dadedfedb8b65e04', class: "col-12" }, h("form-control-textarea", { key: '6366a3fb241515461a17102450db84e56c6d23ad', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '0129cd6a72201be98e4654e232314262c81a0a3b', class: "col-12" }, h("form-control-textarea", { key: 'f2b4d61af6aaa2e13f19e412b8bfdf369ff33876', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '18c38013f5ffaa3145d6e11b6cee27a77fb922aa', class: "col-12" }, h("form-control-file-v2", { key: 'b8412565744676cb05a8d59df609da8a1b183f77', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/customer-details.js

@@ -28,7 +28,7 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '43f1c26c5415eac4654f0f5947ac0addcaf3b34c' }, h("div", { key: '8fee41ca6d0f88ed26d4daec0c09a8902ef455a3', class: "row gy-3" }, h("div", { key: '62812f9023a6e414d8fdcca9b3bcb82abb05dbd2', class: "col-12" }, h("h2", { key: '969514698a6e6c67018aeb651c0a3afb4c1e5811', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'a7c1780fb747a67e9a2ebbdd3cebca8f046807ce', class: "col-12" }, h("form-control-text", { key: '3e1618fce6c07ea5aa4282992defcd66e8caf3b4', 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: 'e1a599c3b8561625010d237949d23888873e5646', class: "col-12" }, h("form-control-text", { key: '9b829f4326c2d5adc60df203ce2a06cb4f563a9b', 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: 'a21a0dc6c46257939ac638367428f04e93f51a8b', class: "col-12" }, h("form-control-textarea", { key: 'a9adb60757f60573514d0eddbc8ceb42d5da1c7b', 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: '9f31a99f7583c289106715ba13bce24c38d19298', class: "col-12" }, h("form-control-file-v2", { key: '316714c50d1e3376196bf3d48a58623a68b11f03', 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: '2264dcb54d957d878b491a94741163fd03234db8', class: "col-12" }, h("form-control-file-v2", { key: '35d451de15d7003f236bae02fe6a216c6aa7bfce', 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: '0712f857726a187d96acf7661994f262322660e8' }, h("div", { key: 'd162d3d251a64fb260f052daa18ad5aaefc947ef', class: "row gy-3" }, h("div", { key: 'b1e10245c1a1a55e67274144927398ca6d628794', class: "col-12" }, h("h2", { key: '3166f6d2419436011ac8adaf7188c10630ab237e', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '11ada832a6170259f355d1133a5c78bacdd4a5be', class: "col-12" }, h("form-control-text", { key: '0a69c2607434e17ae92a7c542e7245a59d95b638', 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: '8d2a4b3fa5a84088b5178d1c1a06df51c5b219cf', class: "col-12" }, h("form-control-text", { key: '74f2eec855986ac45e4687487fc7e4b261626d10', 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: '5a8a8b151e1d695d5b6944b4fe98d61b1c5d36d2', class: "col-12" }, h("form-control-textarea", { key: 'ef6bf00d9e8c7f58f2d54ef314f3ab0eec3080f8', 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: 'b1fcb7ba8bfd16258e1e0f15356735332803243c', class: "col-12" }, h("form-control-file-v2", { key: 'eea96693591cf044a825db953f50ac42e1e7165c', 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: 'd7ec90bb479ad9dc06a7811065b532f10af0d838', class: "col-12" }, h("form-control-file-v2", { key: 'bf4a80a05d7dd6e58086b0fe5acc6f65cd697a38', 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 })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response-core.js

@@ -156,7 +156,7 @@ export class DisputeResponseCore {
         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"))))));
     }
     static get is() { return "justifi-dispute-response-core"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response.js

@@ -55,7 +55,7 @@ export class DisputeResponse {
         }
     }
     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 is() { return "justifi-dispute-response"; }

package/dist/collection/components/dispute-management/dispute-response/duplicate-charge.js

@@ -28,7 +28,7 @@ export class DuplicateCharge {
     }
     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 })))));
     }
     static get is() { return "justifi-duplicate-charge"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/electronic-evidence.js

@@ -28,7 +28,7 @@ export class ElectronicEvidence {
     }
     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 })))));
     }
     static get is() { return "justifi-electronic-evidence"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/product-or-service.js

@@ -28,7 +28,7 @@ export class ProductOrService {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '3560b76ef6eb095e247058bd65138baca3270d26' }, h("div", { key: '340ff32d302a7c255f4e3d2f7c6e32ed42ecd812', class: "row gy-3" }, h("div", { key: '4dd1cd92df58c39920940715c74b1cdc19206ea5', class: "col-12" }, h("h2", { key: 'd5f577c5169664f1d84bf64bdc85758c5033be9e', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '4a3c80fe6e8714adb4f195cafd6d0fe419f0d392', class: "col-12" }, h("form-control-text", { key: '637118ed43962371b9232fce583f65ee810132ca', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '7a52049834ea6a7ec1805f3a2e9aa4b827c5dc7b', class: "col-12" }, h("form-control-date", { key: '8eefafabd31fe7a9be19de0d13a1cecb6f61c043', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'b445d6ffb5866da1e94e64d87e4d120e1f1e8993', class: "col-12" }, h("form-control-file-v2", { key: 'db218fa96ddaf2383a7f053ca4115333657e916b', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '1002bf180aa37c993efd3843426d4ec3e46b091d' }, h("div", { key: '967d17c9b1efe91249dff780a207c59970700bb1', class: "row gy-3" }, h("div", { key: '52a40746d927711df8c524eb19bd20f6dc2a0992', class: "col-12" }, h("h2", { key: '72c38af00bc0427b69ed3c59985c9adc0e735ddf', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '01245228bab86a92f467467f766ee19679491311', class: "col-12" }, h("form-control-text", { key: 'd0936f06983e214bdbb2c46c934caeb8f1be5429', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'af799d1fc18297dd453a3cf95499d7f3fe131a2d', class: "col-12" }, h("form-control-date", { key: 'bae6c1912a5b58e9e241799bf422f47e05cf69ad', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'ba0fb2219d311ff6532371de7d1779f9cdf58fba', class: "col-12" }, h("form-control-file-v2", { key: '35321f0049a0c792a0c723a4f56fcf1077cfe226', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
     static get is() { return "justifi-product-or-service"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/refund-policy.js

@@ -28,7 +28,7 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '47624ab9ecb43e67c11b92a779f306c3dfdf2983' }, h("div", { key: 'ed48b88318c23510deb37d4dc0f573a656b9f52a', class: "row gy-3" }, h("div", { key: 'd95b83dd2996710485c66bd853bd5c06f52b69e2', class: "col-12" }, h("h2", { key: '38dfdfc96d1f082a05c10709cba186eb97efafa2', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '61ee95c2f40109d36dd9649f91ba92a2daae8fb6', class: "col-12" }, h("form-control-textarea", { key: 'cb8a8d8e695dd1c8b4db4471cfb052a9983f38d2', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '4f88c32fdb04ac20fbc69be497f7d1a65a7de46e', class: "col-12" }, h("form-control-textarea", { key: '4b6720ade82fa44869b86289ec8f29fb53be9dc1', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'fc70d14e807749f441d0d25e86dc99dc3168eceb', class: "col-12" }, h("form-control-file-v2", { key: '46d8bd0af0da9693e0efffd24a43214b487b968e', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '0d3f4c43419df58245f4a2c6efca51052ec926f3', class: "col-12" }, h("form-control-file-v2", { key: '770130dfa0920d22681614a71091c60af5057b1d', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: '8c477299c96f62141b72beb93869affcdfc6b11b' }, h("div", { key: '91788a7fbad8a83f79840f6579688f29a97d49a5', class: "row gy-3" }, h("div", { key: 'e2948efeccf931b4b35fa12dda1c00ba7edbbfda', class: "col-12" }, h("h2", { key: 'bff14f8b7bf0e823fc7586ba4eb64160ed031d60', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '90affc176f5fb5f53253493833bc3a053611a3cf', class: "col-12" }, h("form-control-textarea", { key: 'b367d9aa62aa68fed18cfeeb97fbf3eb3e692b0e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'a73a5ff85720baf8753871a6f644fe590cf78984', class: "col-12" }, h("form-control-textarea", { key: 'd1b50580a0e3dd932628b4538ca7d9baa629120f', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '58cc7aeab51768dd5dd95b5779383345c32e13b7', class: "col-12" }, h("form-control-file-v2", { key: 'ef83492203035b03ae2dc164a552dabef93b67e1', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'd5cdd3248db7caaec1c0ac1f29f6855a8aae7173', class: "col-12" }, h("form-control-file-v2", { key: '94ea35a1d40ff19d2820469d540f77d23001062a', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
     static get is() { return "justifi-refund-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/shipping-details.js

@@ -29,7 +29,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '5d6f7387470632f1477d70e63884e7f220bbf3c3' }, h("div", { key: '33435f8d374285ea7da21ba19077ce6a7d64f877', class: "row gy-3" }, h("div", { key: 'dd9e36fcb5a920815b65f2da7ffaae6624762b2e', class: "col-12" }, h("h2", { key: 'fc9f218047ccbb8d36f9ae659cae8608c4a17c98', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '3837754c1ca9827c6eefe8bd015753e757f6ecce', class: "col-12" }, h("form-control-text", { key: 'f92430e331cdc1e548823ee50e19bf6a0138061c', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '4b75c4ba88d83560288e567f06d3aa8bd60c02d3', class: "col-12" }, h("form-control-text", { key: '9c20d40ec5e39b8eda0324f83c9bcc7ae0aaec97', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'c2ea40c473883b76644794473b6a61b44a00a9fa', class: "col-12" }, h("form-control-date", { key: '8bb7a4f77956e6ad738bb216143bd81dd06c9b8a', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '0f488c098004accd493d17b43e9f5e03c8aa2e04', class: "col-12" }, h("form-control-textarea", { key: '06668e8e56aabab9d618b35c0b179476595a5af5', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'c6c0191e78a0dad7d915ad146181c9c702b5f946', class: "col-12" }, h("form-control-file-v2", { key: '816cf6e130f8c986811c161499d9325d7dd5d7fc', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: 'cd32d2a2ae133088c3388a9a52039ae757a0a200' }, h("div", { key: '5457f7a144ca6ce25d20fe2f043eba902c35205f', class: "row gy-3" }, h("div", { key: 'd11c623e7351f870cfbe41b3841eae7f6bb58eef', class: "col-12" }, h("h2", { key: 'ab3defdc23613c680c9e275b0fcc5598528f1c9d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'cde829a944264990fbbb21261a858dea7e7e3ff0', class: "col-12" }, h("form-control-text", { key: 'b4c7ed2c1ca6f0a6b56702449fadf8d7440aea83', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '2c1fd6999a2cbda3282a87c8512386abd40988e4', class: "col-12" }, h("form-control-text", { key: 'eadf6f942e0ea8ba2a09f08c89c75e493fcec54e', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '6c7cde4b10b6fc29eaf643b60521fd08071a4e9b', class: "col-12" }, h("form-control-date", { key: '0a38ef541f75ba9416ab85a6a396b2cdd7075064', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '117e0936637101d76dda444e0892270196e27f0f', class: "col-12" }, h("form-control-textarea", { key: '72edaebdde0129baf35803be9620d4279c08481e', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'f50278e1ba2a8221bb1b656e636325edab4652d9', class: "col-12" }, h("form-control-file-v2", { key: 'c56b1a62dfd1d4ab3b164d1e27f5f4622af4327b', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
     static get is() { return "justifi-shipping-details"; }
     static get properties() {

package/dist/collection/components/filters/table-filters-menu.js

@@ -19,7 +19,7 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '666d19b7f8dfa697155195faf6cafed8e001a3a1', class: "d-flex gap-2" }, h("div", { key: 'e8c5ce6acf0e981e974ec7dac626fa1133de91b1', class: "dropdown pb-3" }, h("button", { key: '019fe2ecdeac0d436b343489de8c58c28299b3eb', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '1264bdb0fad73a14857cd08774c5965b36e8e7cc', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'a5474b3d320f0ef1ac44ce386a0fe06543c4dc56', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '2bcaecc2051576ef38accd6195f041859c94ed32' })))), h("div", { key: '5adfbe93c5ec7e7b953e33a92d197dd52f12291f' }, h(Button, { key: '60ae8725304a6fe6ef1e994deab0151c2c5bebd1', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'feeb1b62445446c773d4b6a31cf58bb237e782f5', class: "d-flex gap-2" }, h("div", { key: '4118208bf7f1a0a95f17ce3b5e675f0593a404a2', class: "dropdown pb-3" }, h("button", { key: 'd19031fcda3a895e141758b453e84e58a5dc0869', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '57b0d375b063fbe91299865ae7a441f09ea6e7ea', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'e76309f3d4fbdf967ec1bed88d3ddaf99cf0eccf', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'e72f0b9567b07e22237f905ad5a94aa5d8d0400f' })))), h("div", { key: 'e9ace5e67bf4dc200e48c538e93571166caa1225' }, h(Button, { key: 'b26a73a1ad3af4ee2f724a95fb0361cb51460c64', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get is() { return "table-filters-menu"; }
     static get properties() {

package/dist/collection/components/gross-payment-chart/gross-payment-chart-core.js

@@ -67,7 +67,7 @@ export class GrossPaymentChartCore {
         }
     }
     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 is() { return "gross-payment-chart-core"; }
     static get properties() {

package/dist/collection/components/modular-checkout/modular-checkout.js

@@ -127,7 +127,7 @@ export class ModularCheckout {
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         checkoutStore.accountId = checkout.account_id;
         checkoutStore.checkoutLoaded = true;
         checkoutStore.paymentMethods = checkout.payment_methods.map((paymentMethod) => new PaymentMethod(paymentMethod));
@@ -138,11 +138,12 @@ export class ModularCheckout {
         checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
         checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
         checkoutStore.bankAccountVerification = (_a = checkout.payment_settings) === null || _a === void 0 ? void 0 : _a.bank_account_verification;
-        checkoutStore.bnplProviderClientId = (_b = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _b === void 0 ? void 0 : _b.provider_client_id;
-        checkoutStore.bnplProviderMode = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_mode;
-        checkoutStore.bnplProviderApiVersion = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_api_version;
+        checkoutStore.applePayEnabled = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.apple_payments;
+        checkoutStore.bnplProviderClientId = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_client_id;
+        checkoutStore.bnplProviderMode = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_mode;
+        checkoutStore.bnplProviderApiVersion = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_api_version;
         checkoutStore.bnplProviderCheckoutUrl =
-            (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_checkout_url;
+            (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_checkout_url;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -353,7 +354,7 @@ export class ModularCheckout {
         });
     }
     render() {
-        return h(Host, { key: '92483fadc77e6468f71ffe8161acb01ec05029bd' });
+        return h(Host, { key: 'a3619798ffe1de168262d61d7855209b46b01ab5' });
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {

package/dist/collection/components/modular-checkout/sub-components/apple-pay.js

@@ -15,6 +15,8 @@ export class ApplePay {
         this.buttonStyle = ApplePayButtonStyle.BLACK;
         this.disabled = false;
         this.showSkeleton = true;
+        this.width = "100%";
+        this.height = "48px";
         this.isLoading = true;
         this.isProcessing = false;
         this.isAvailable = false;
@@ -30,14 +32,6 @@ export class ApplePay {
                 this.isProcessing = true;
                 this.error = null;
                 this.applePayStarted.emit();
-                console.groupCollapsed('[ApplePay Component] handleApplePayClick');
-                console.log('[ApplePay Component] click context:', {
-                    isProcessing: this.isProcessing,
-                    disabled: this.disabled,
-                    isAvailable: this.isAvailable,
-                    canMakePayments: this.canMakePayments,
-                    hasService: Boolean(this.applePayService),
-                });
                 const paymentRequest = {
                     countryCode: this.countryCode,
                     currencyCode: checkoutStore.paymentCurrency,
@@ -49,13 +43,7 @@ export class ApplePay {
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
                 };
-                console.log("[ApplePay Component] paymentRequest", paymentRequest);
-                console.log('[ApplePay Component] identifiers snapshot:', {
-                    authTokenLength: checkoutStore.authToken ? String(checkoutStore.authToken).length : 0,
-                    accountId: checkoutStore.accountId,
-                });
                 const result = await this.applePayService.startPaymentSession(paymentRequest, checkoutStore.authToken, checkoutStore.accountId);
-                console.log("[ApplePay Component] startPaymentSession result", result);
                 if (result.success) {
                     this.applePayCompleted.emit({
                         success: true,
@@ -85,7 +73,6 @@ export class ApplePay {
             }
             finally {
                 this.isProcessing = false;
-                console.groupEnd();
             }
         };
     }
@@ -94,13 +81,6 @@ export class ApplePay {
             this.isLoading = true;
             this.error = null;
             this.isConfigValid = true;
-            console.groupCollapsed('[ApplePay Component] initializeApplePay');
-            console.log('[ApplePay Component] checkout state snapshot:', {
-                paymentAmount: checkoutStore.paymentAmount,
-                paymentCurrency: checkoutStore.paymentCurrency,
-                hasAuthToken: Boolean(checkoutStore.authToken),
-                accountId: checkoutStore.accountId,
-            });
             const hasRequiredConfig = Boolean(checkoutStore.paymentAmount) &&
                 Boolean(checkoutStore.paymentCurrency) &&
                 Boolean(checkoutStore.authToken);
@@ -115,22 +95,15 @@ export class ApplePay {
                 });
                 this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.CONFIG_ERROR });
                 this.isLoading = false;
-                console.groupEnd();
                 return;
             }
             this.isAvailable = ApplePayHelpers.isApplePaySupported();
             this.canMakePayments = ApplePayHelpers.canMakePayments();
-            console.log('[ApplePay Component] support check:', {
-                isAvailable: this.isAvailable,
-                canMakePayments: this.canMakePayments,
-                hasApplePaySessionOnWindow: typeof window !== 'undefined' && 'ApplePaySession' in window,
-            });
             if (!this.isAvailable) {
                 this.error = "Apple Pay is not supported on this device";
                 console.error(this.error);
                 this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_SUPPORTED });
                 this.isLoading = false;
-                console.groupEnd();
                 return;
             }
             if (!this.canMakePayments) {
@@ -138,7 +111,6 @@ export class ApplePay {
                 console.error(this.error);
                 this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_AVAILABLE });
                 this.isLoading = false;
-                console.groupEnd();
                 return;
             }
             const applePayConfig = {
@@ -149,7 +121,6 @@ export class ApplePay {
                 buttonType: this.buttonType,
                 buttonStyle: this.buttonStyle,
             };
-            console.log('[ApplePay Component] initializing service with config:', applePayConfig);
             this.applePayService = new ApplePayService();
             this.applePayService.initialize(applePayConfig);
             const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
@@ -167,7 +138,6 @@ export class ApplePay {
         }
         finally {
             this.isLoading = false;
-            console.groupEnd();
         }
     }
     async isSupported() {
@@ -185,14 +155,17 @@ export class ApplePay {
         this.applePayCancelled.emit();
     }
     render() {
+        if (!checkoutStore.applePayEnabled) {
+            // Render nothing when Apple Pay is disabled at the checkout settings level
+            return null;
+        }
         const isReady = !this.isLoading &&
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (h(StyledHost, { key: 'ce2932a0c43641d2a96122b3d228e2180f3ce468' }, checkoutStore.checkoutLoaded && (h("script", { key: '33a584501a38517bdfe0a897d0238e2713c8c5c6', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
-                console.log('[ApplePay Component] Apple Pay SDK script loaded');
+        return (h(StyledHost, null, checkoutStore.checkoutLoaded && (h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
                 this.initializeApplePay();
-            } })), h("div", { key: 'a6a4ff59660273ccf96940d8de73dadbe8daa77d', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '30d6c8bae27b5e86f48ec09ede9dc030550cda15', isLoading: this.isLoading }), isReady && (h(ApplePayButton, { key: '0d611070bd523ad146242b7f5aab42b03056c37c', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '87dd4fce32332f885fd819a054b23a973c4011cb' }, `
+            } })), h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isLoading: this.isLoading }), isReady && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick, width: this.width, height: this.height }))), h("style", null, `
             .apple-pay-container {
               width: 100%;
             }
@@ -373,6 +346,46 @@ export class ApplePay {
                 "reflect": false,
                 "attribute": "show-skeleton",
                 "defaultValue": "true"
+            },
+            "width": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "width",
+                "defaultValue": "\"100%\""
+            },
+            "height": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "height",
+                "defaultValue": "\"48px\""
             }
         };
     }

package/dist/collection/components/modular-checkout/sub-components/bank-account-billing-form-simple.js

@@ -32,7 +32,7 @@ export class BankAccountBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '06b875ab5179041ce4c44ace37e17238494541a1' }, h("div", { key: '321c641aaeb8ed882322877a427812c2998da4aa', part: billingForm, class: "mt-4" }, h("form", { key: 'b75303414b93c335ada237e9b3cb52cd0bcaa52b' }, h("fieldset", { key: 'e445030d7645425c20234448d328b865510e4585' }, this.legend && (h("legend", { key: 'c2a9c8062ba656488c1c4b708f2426482cdad4b8' }, this.legend)), h("div", { key: '5b20cbce02c04bbb8a9d4221e12b4a34fe3ece20', class: "row gy-3" }, h("div", { key: '6a70c8e73c3bc3a9d898a7f7a714c33aa3375eb1', class: "col-12" }, h("form-control-text", { key: 'e6aea5a583925374101effde95322d5b5f6fd566', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (h(StyledHost, { key: '2429d26c0338ec1732337718ca4e7693f30a0f8a' }, h("div", { key: '774911ce7d594bc1f44c15060136356acc349cbb', part: billingForm, class: "mt-4" }, h("form", { key: '5c93f5a6af372fdf24a20870ef6ae69f554efec4' }, h("fieldset", { key: '38ac8adb2592b7799825d63c4a8e9bde61510cd0' }, this.legend && (h("legend", { key: 'abbce27bb8ae2ef564b8aeef755050fc096cb81f' }, this.legend)), h("div", { key: '5a0350fe7f635600d746f1f3979757a045cc09f0', class: "row gy-3" }, h("div", { key: '71aac995514b7fea7254204df825eb8b381e21c7', class: "col-12" }, h("form-control-text", { key: 'f33d26eddfc9f3d307e05a48afec9472213b2822', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
     static get is() { return "justifi-bank-account-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/bank-account.js

@@ -40,10 +40,10 @@ export class BankAccountForm {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '0daa12da1ca699a05ca499425c4a37e4d913b2dd' }, h(BankAccountFormSkeleton, { key: '9d4ee0af94759d71d52130781401d322fcb5e397', isReady: this.isReady }), h("hidden-input", { key: 'dc4ee0054cbc7acb214a1c410f8fd387677f92dc' }), h("div", { key: 'b489311f205e0ffdaa4680621b706322bd3fc4ca', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'a2fd28c8b8202e0d702d02761cbcf3f568298265' }, h(BankAccountFormSkeleton, { key: '6777d110d3ccf3a688a763687c7087a3520643ac', isReady: this.isReady }), h("hidden-input", { key: '513e1cdaaf464a741d4312a6d359c4af665e0ade' }), h("div", { key: '2b4e473c7bb062a78148537d2cad02caf503330d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '2d1b00b9705d1a94364f691d4ad705c339abbbce', class: "row mb-3" }, h("iframe-input", { key: '21a66eb7d87b77c1ff1a1171a4cb84a4759853dd', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '1ff36d49f7304e203cdefea46010100ed750ed68', class: "row" }, h("iframe-input", { key: '2211a638c875e504e7e25e0704788d7a437b5806', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: 'e706151f3e04835efab49fc0fb7a48f4657ab2c4', class: "row mb-3" }, h("iframe-input", { key: 'a70e0deac68d04f9ffa37790c33d801cfce8dc46', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '3f488f86388b2fc797c49ddc81c7de3a815ca74f', class: "row" }, h("iframe-input", { key: 'a09d3cec373c5bab5b38ebc090724178e65d2de2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
     static get is() { return "justifi-bank-account-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/card-billing-form-simple.js

@@ -33,7 +33,7 @@ export class CardBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '69aa44d031f1841d4b59974fa49371636eed6c31' }, h("div", { key: '2095e0159089400d141f4486ad4e3019a684ff2e', part: billingForm }, h("form", { key: 'ae6fb56fabb52b9f2b3e63a5507bba26e75e9029' }, h("fieldset", { key: '4a6232a78f884dbfae0363b445ed067e15a9aacd' }, this.legend && (h("legend", { key: '68539c45a73cad427847374267a8aff03d1e1227' }, this.legend)), h("div", { key: 'e469f109f2d3c5f780a6218269b698dcf956ef64', class: "row gy-3" }, h("div", { key: 'ee0614721f191a4b4bd8842de7fc2d8586b1ac26', class: "col-12" }, h("form-control-text", { key: '954516264218d359d2299e6680643da1d1c8e1fd', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+        return (h(StyledHost, { key: '2523873a34180694357ab780bd4b9768f9ea267d' }, h("div", { key: '30204a976bba8a843830a905cec86d5aaf486f30', part: billingForm }, h("form", { key: '479e65b39fbecc80ba6281648bd390c4cd2a688e' }, h("fieldset", { key: '93613aa83561aaba46efff4e6d64e240e1ddbc84' }, this.legend && (h("legend", { key: '4d6da7c78c5b1a84bc4b37dfca80d9c7f0be462f' }, this.legend)), h("div", { key: '11259470415c62c15c0ef9217f91f4d6b5c8651b', class: "row gy-3" }, h("div", { key: '2b85b5b820991faee8d8b14c121a69ab4974da98', class: "col-12" }, h("form-control-text", { key: 'd7632e0d32832491bfdf911ae45e67efe0ec6555', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
     }
     static get is() { return "justifi-card-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/card-form.js

@@ -44,10 +44,10 @@ export class JustifiCardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'b0b07a928be767102b59ec93ab0df6296b8418af' }, h(CardFormSkeleton, { key: '03d37e42253a905ece1e6a9b1d654e84665470d6', isReady: this.isReady }), h("hidden-input", { key: '62f657a6c0a4d5b7a7bbf809abeb42eba0d22345' }), h("div", { key: '874cac5eac376c8c4e12d99f760cd3cd487a6521', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '64d9bda2ce54aa06788509ae294bcb1eefdb173a' }, h(CardFormSkeleton, { key: 'a1f233464393512652fc37a31b769bb9f48f3797', isReady: this.isReady }), h("hidden-input", { key: '4405ec6e9a510f670a137d33c83a5ad38a19a0aa' }), h("div", { key: 'e704d33d8b3cbcd55798afb537b2b16d37d0077d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'dcada2d72eebe506fe4cab8ad6eb959c551e9e2d', class: "mb-3" }, h("iframe-input", { key: '7e784726f8dd0c8b35832646bc99e0d2131c08f9', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '2384099f3aa18b7d6bbc346f47ba9ff06e5b7e86', class: "row" }, h("div", { key: '5fb523cd3f398894e5c7ee3e8a58d34581492410', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a3b4aa06a5c85162d24e25a5261a9a2cc64a6b82', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '3ccd6a19fce1c393a8c58534113239c518d51a4f', class: "col-4 align-content-end" }, h("iframe-input", { key: '6d064b868c73b4431b476194602843b0f28729e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '26cd762bec43890e96ab5c6903943b0f4cfa9672', class: "col-4 align-content-end" }, h("iframe-input", { key: '826dfe08347461bc5a94296b181826b70a7d1f6f', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'c519dafa0657af1372836a2a30301849f2e422b3', class: "mb-3" }, h("iframe-input", { key: '6c6a0154ed62e0e684784ff0f327e3bc282da10c', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '7efcb6e9fed504ea8f0470f55b8c48b7d82b537b', class: "row" }, h("div", { key: 'e216e57f82d04325cedeca9f3945285ab8675c7d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c3ffef01705152180c66adaf482e67a1d2f114e9', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '97666cb9d9e4b272c033913527c4b6a60b6067c5', class: "col-4 align-content-end" }, h("iframe-input", { key: '4d2f7f56f2a0d5717776c6ef164eef5f7dbc4d8d', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'ecc6fff75106b265a7cb00febef40a7b14651a0a', class: "col-4 align-content-end" }, h("iframe-input", { key: '9a756344f1d47f69c0702b57d15d66a658b57e3d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
     static get is() { return "justifi-card-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/payment-method-option.js

@@ -3,7 +3,7 @@ import { radioListItem } from "../../../styles/parts";
 import { StyledHost } from "../../../ui-components";
 export class PaymentMethodOption {
     render() {
-        return (h(StyledHost, { key: 'c3edf1e3223d8d4bbd1b0433bb3546bdb59f0d5e', class: "payment-method" }, h("div", { key: 'e7f8815636cd256758e951d92f89890ee04564c3', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'f560ddcc9789e9915c8186d3212efe82b9e1d802', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '1b2afde467e7df3ac661951843ad81fd93878585', class: "payment-method" }, h("div", { key: '1671afdd9d7ceb16836af9453a001ecaa2b6bab4', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '3d1a48f478c9504b63c81ff2665ebff2fb19c862', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
     static get is() { return "payment-method-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/summary.js

@@ -5,7 +5,7 @@ import { checkoutStore } from "../../../store/checkout.store";
 import { StyledHost } from "../../../ui-components";
 export class Summary {
     render() {
-        return (h(StyledHost, { key: '486de82e23fb45c7dbe804e92687ee380643483e' }, h("section", { key: '45a41fb60275d5c50b994aa47bed8db6df231b77' }, h("div", { key: 'ea4d92fdce0182538a3f42e314c7e9a9bc8e75eb' }, h("div", { key: '35158706826e010c86f7fcb43da383c726fe595b', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'e2caeff8e0b4ba4a549cc256ab6df0ad44d3cebb' }, h("span", { key: '104c839b0a5c518d115fc34d66082c035e1b76ac', part: text }, "Total"), "\u00A0", h("span", { key: '79fac509d988600dd8c7e99f6c1be82956ea8219', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'abd92b499208321582b08a490c78c9167be2ebd4' }, h("section", { key: '38e15cef5a19a43249d7ecf3d4eb4ea8e032f248' }, h("div", { key: '747f811012ed9707265369e59dbde8cd7ad3bca6' }, h("div", { key: '8575f50759664d5c64d235025699c81f055267ca', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'af77776bbe21bce77586447bbf445e4c5d8c1165' }, h("span", { key: '5cdaaec454118197b3e37a942d83907e72444342', part: text }, "Total"), "\u00A0", h("span", { key: 'ccc35217ac9740d5a00b7abbcec4133848afcc28', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
     static get is() { return "justifi-checkout-summary"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/order-terminals.js

@@ -126,7 +126,7 @@ export class OrderTerminals {
         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: '41e37a4d39c62a70af04300f4075e3504ad0bfb7' }, h("div", { key: 'b3c3ccac39a5b7a6c70af5fd328291454ddf10e0', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '5e7da5050d127f6470bc12f9cf547fe421ce1897' }, h("div", { key: '6a1f46676ef1f31f6cfeb642001a0dd3f8a60072', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
     static get is() { return "justifi-order-terminals"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js

@@ -18,7 +18,7 @@ export class TerminalQuantitySelector {
         };
     }
     render() {
-        return (h("div", { key: 'f05ebce500fb462f6e92351386b14ea0f1968139', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'ebf32f2ac9ee978f08d4c146d6022fb0ad92774f', class: "d-flex gap-3" }, h("div", { key: 'adb4e21d7ea60318b9b977f9f5fe7f52261a1949', class: "d-flex align-items-center" }, h("img", { key: '6e64b6e9b56a651708529d14919ba97feeb44862', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'cd4bdf915458e857b8986a65e8127409782c73ae', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'f6f70ca349493eea14d08d71b156a45c0c0d6852', class: "row" }, h("div", { key: '45b80f642748e9ef52df59e79fd2133d7f6d42b4', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'f48f14c05bae0b817208d37b159b90fa52155b5c', helpText: this.description })), h("div", { key: '340152ebf444ecae6118d7b0411cbc892dae08dc', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'fb16cb533eb0b4b6f4826323ff181bda7925b672', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '13ff697e39207f42e1e805169ebcf559b3b864a5', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '248a028259b6bbf3eff7cd42aef9d492bb11d298', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '5a0ac226861b9349ad26e184d9295052ca987ba5', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '89d2c494975c1a2d2c71d9047c44119a48c5ba11', class: "d-flex gap-3" }, h("div", { key: 'ca30020f4b3469df0a59f5ca5fa8b81a039f9d5f', class: "d-flex align-items-center" }, h("img", { key: '291fc116fff8b4d33ba3fc1bfb2ec3bd59bef007', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '56466b3e7a47f7156b40bc0e60d8158d63f5700a', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '871c7d5d2575a6a26ee11d817b1cce5ce42cbffb', class: "row" }, h("div", { key: '12e3e653243d07dc4a712f9127927924e13c411a', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'a69d9738422defbb50ec1abb951b049e53fb5f8c', helpText: this.description })), h("div", { key: '84bc103439e64acc04b20afd0295a792c78595c5', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'e245dfcc301ef1efe2aed937af3d21eecff1004e', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '30827d9946f4d82b57ee3967ab2cfe475e9ab65c', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '758b3a72d98a540b8b92dc8b86c8abdd7d19d2a9', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
     static get is() { return "terminal-quantity-selector"; }
     static get properties() {

package/dist/collection/components/payment-details/payment-details-core.js

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
+import { DisputeStatus, PaymentStatuses } from "../../api";
 import { formatDate, formatTime, snakeCaseToHumanReadable } from "../../utils/utils";
-import { MapPaymentStatusToBadge } from "../payments-list/payments-status";
+import { MapPaymentStatusToBadge, PaymentStatusBadge } from "../payments-list/payments-status";
 import { CodeBlock, DetailItem, DetailSectionTitle, EntityHeadInfo, EntityHeadInfoItem, ErrorState } from "../../ui-components/details/utils";
 import { StyledHost } from "../../ui-components";
 import PaymentDetailsLoading from "./payment-details-loading";
@@ -37,17 +38,26 @@ export class PaymentDetailsCore {
             },
         });
     }
+    get PaymentStatus() {
+        if (this.payment.status === PaymentStatuses.disputed) {
+            const disputeWasLost = this.payment.disputes.some((dispute) => dispute.status === DisputeStatus.lost);
+            if (disputeWasLost) {
+                return PaymentStatusBadge.DISPUTE_LOST;
+            }
+        }
+        return this.payment.status;
+    }
     render() {
-        return (h(StyledHost, { key: '25ed5c9e906407f662ef7ebbaa25f2213e5cccc9' }, this.loading && h(PaymentDetailsLoading, { key: 'b5c123d3ed3e0f652c381cb55203155e12274d22' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'baf306757436e341879261f25890f32e84506f6e', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '59ffd1cefafce8bdb5f61967705539a13c5a9874', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '0c1eb1feda928bae7a99de1b01263521e321c4f7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'd5e18d093518c6f100b60ad024b6767e6309b1f8', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd70449e817bf505f1c9c2784ef1a59e5223c3393', title: "ID", value: this.payment.id })), h("div", { key: '16b88c7204b8bd5216bfd6e53e29d8feea7a1e5d', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'eb6f996248478b0508f429e6924da3a9adfd9f09', sectionTitle: "Details" }), h("div", { key: 'cf3f17085930ac40cebefe920704284f747a1042', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '56897b69bc9ef5b51156ef4e77f24537b8b72df7', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '36e9ac617d83ac03361724525f4833a1795aa93f', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a7c47250572be737b7f609f4cc70fd920562f620', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'bdd0df4024cbe8f7d8bee2f201b3d9a79fc61d2c', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '2c03f3bfaabb5fb37358adcb72d7f9eb880dfcc4', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'c4ad1d92e7c4429a0093f60b4c94682f8bd8daec', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '8c7f1531e67e1647b2ca1b0690bcdea8351e32cb', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'f58f18b2b550efdf8e6ffc31f2c6807dafec3755', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'b3ca89e74ae93e27bdf58de8b0d29cf21ce1c7c2', title: "Description", value: this.payment.description }), h(DetailItem, { key: '58e1993dee67555d69fb20c560953a7de5658ee2', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '0e9b3abf65e6592cc5cbed82c5a183f6d05c8fc2', sectionTitle: "Payment Method" }),
-            h("div", { key: '91fc3faffc6bd2a0c515229efa03a6c1a59c555c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f67dfc71504d76159689766c25180dcf2e531409', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'e78c847e0a48544592303b7548bbc72b7c6495c9', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '160a4fd630c256c53bb7379ecec7985f8e78c42f', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'd3317e6b4186113d1376ded0ccdaed2af2735f38', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'd6aaf539523dabf5b79070b9512438a8c043e0e6', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'c21bde055f6cb0d1e799150a6aeec78b5448b203' }, this.loading && h(PaymentDetailsLoading, { key: '8b53bcbfff07473d7b12c3fb4b203c941d8a3136' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'c669a7e7e44cf5db639b8177e2d0df0c34f26222', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'aae0305936b35e19c39af04d42bbb5cd7f350d7d', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '4074322623130af0a21f407a43f5752e6f0b8101', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'c787517c0f383a06b2cc1b3824c61e756c885fb1', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '82752b93e9d2540c2afa444b7bd9c76f225c3997', title: "ID", value: this.payment.id })), h("div", { key: '334cd65d0f811491aa947da7462d021beb534b56', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '7ee3ab127b13c4d862308501f3acc2891a23a88f', sectionTitle: "Details" }), h("div", { key: '238557ff12daf46bb9c99cc134d8e5e8f67c24ed', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '819e68fe8d51e59c0ce120225091799d1b1d9d53', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'd63890fffdbc61e83366a7692fd00aebfe61ffd5', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'c0f584a18c91c5b0b841847f226952eef89690ca', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '7f20a671d48f48f78fd6fcec95152d274bdb0a3e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '981e31e166e7780df1dbbdacf1c3ce61a761d7b3', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'e7fdc5fccdb259fb8dc0fb224b9384fe3a172b5a', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '112221995807f5e5468807e0a4e9395146ec771d', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'fa330af63e96fe2888c783332908c43e7f66a29f', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'd154d77d74c5b56e8139a28a9220cc60799000d9', title: "Description", value: this.payment.description }), h(DetailItem, { key: '68788fd77e8805d2d58e3cf1aaff3776795a7431', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '28ccc458f7ec0c60c3d750e3d8db3317f130e1c6', sectionTitle: "Payment Method" }),
+            h("div", { key: 'd163947b967270345b7be3dd8815d8a40bc18c22', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '7fdeabbc64c747218da6cab078995866bebc67fb', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'ec2ed7eb523de4c0f64d877bb48f6e02bb2a0e14', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '3c7e7903935e04d8368716887c90a19bb4c3612a', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '77042c02c0ed83d6dc443a8995a1a22c97663c83', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '689a092cfeea4642b9ccaf9846a1ba4ce1de38ca', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '17de969fc0e95f5ab2afdbdb0d486f2d0fdd7b65', sectionTitle: "Payment Method" }),
-            h("div", { key: '796fba5c17545a37996a2b197721f64031e8e0e3', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5144c207cedc0aa80b9252d216857eba2477bf7a', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '9b06231a073e33adcaca4bc09db654ef65c3738f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '880c481c9677b629406e90cd13c672850fc5b762', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '3d59ecf1db015154b33a141f445d0f1d9671e7e0', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: 'd6369d2d90896916dbffb50f0ebd52014340b8de', sectionTitle: "Payment Method" }),
+            h("div", { key: 'dc7a48fbca9ad84b70aaee854d161a0c9f2751f1', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2b3786ff126a4a53a2ccc9669890ad1df71f111f', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '0114e2d9b6311c8786a8710358d1e6d15785f7f2', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '5926ccc059ce8351c3342b129c42c51ae761ef68', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'cf9c5fe4c93e50bd4bceb7d972d9a0b80a976baa', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '7597a4e86d8cda118144a80499a98dd9aa67c442', sectionTitle: 'Metadata' }),
-            h("div", { key: '421c20438ef533975a22796dc4fd10a7fa9fce1d', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '268c3efaa09969a1c8cdddb1faeccc48e7a90701', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '55a4e72b93c9b8bd780026649e69f8f8813012f3', sectionTitle: 'Metadata' }),
+            h("div", { key: 'a555d84696123a99f484b27c185f8affe0de34ae', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'f15b235765c9728a048118195465c2f8dc1760f8', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }