@justifi/webcomponents 6.14.5 → 6.15.0-rc.1

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: 'a4be51ca28d0558a06a96429c9f6967de65f7687' }, h("div", { key: 'e240189e3a8d31963667e6779a9497ab8258f983', class: "row gy-3" }, h("div", { key: 'c22af27a5e94810c4daa4105d30b69a9bac3ea84', class: "col-12" }, h("h2", { key: '6b09237bb4a404c03a20f1dd3687b1b2b6c02f72', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '91cca8f6bfe938aad35d57f1360cea9c8a46b89b', class: "col-12" }, h("form-control-text", { key: '88cd9fad95f55f1302cf8b638eee372279c0b601', 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: '930ddf5ae0d1f22e87f40d422cc7cc3cf202cf78', class: "col-12" }, h("form-control-textarea", { key: 'ab6764a1f982f6be6dd0fc94d5f6630b54fca654', 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: '8ca0a2a0b69d577022bd82d7f04fe8205ee66e7f', class: "col-12" }, h("form-control-file-v2", { key: '9a5e4ac52a949a8a7b4bcabd397f8b38edbff159', 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: '805b160927f30729b321ffbafc15fe78fed732c9' }, h("div", { key: 'fcc99471b08ea21905c1246849ec41e05194834f', class: "row gy-3" }, h("div", { key: 'f7259723ec39b5ae09aaa552a99f3a8a15b85fd8', class: "col-12" }, h("h2", { key: '5f0719c624bce5542364120568079fb6921c7d6f', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '718c50ebae8b6ca9c146d81f261dad5007945a33', class: "col-12" }, h("form-control-text", { key: '090a5f0e4ca359af300f655ad94296af1a28eef0', 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: '217b8e9b896412a1e74d138c20d6cc42760e7a54', class: "col-12" }, h("form-control-textarea", { key: 'd9ba9a25ccaa5848f17ec8f1dfde222c29624e06', 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: 'eb26362fb100e775339b4a64959521a1b7cad394', class: "col-12" }, h("form-control-file-v2", { key: '5753787dd59e736a7a2dea84268d93983cfdeae4', 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 "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: 'edbcd0fd94da7a6fb25403bca804133cd20be070' }, h("div", { key: '82263da6e6a92b478366025bf648fce4f3f91db6', class: "row gy-3" }, h("div", { key: 'f6435773410b5561ead0e4a20637a57b785b8c50', class: "col-12" }, h("h2", { key: 'c911fb7238d292f9d11627e13729cf613192cb13', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'ae43f664aa254449df9cf2c6e851e2e9c532c90e', class: "col-12" }, h("form-control-text", { key: 'a7781046a1ef45514831affa9c650b7849100817', 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: '47ba5795dde01a4d62fbdeae9e5b7b29cd538cc5', class: "col-12" }, h("form-control-file-v2", { key: 'a44528a479ec5fa2d60e357aa577b1a44f81a074', 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: '1de8dc7fafbd3dba15344a817fd2c008929ab0bc' }, h("div", { key: 'dda3c4b88713e0e1b9fe25c2a4fe2d015889f2b3', class: "row gy-3" }, h("div", { key: '1638ff98ca047509306f9387e68ba83c9be5c885', class: "col-12" }, h("h2", { key: '9ee705b8558a88bd4eebe2448e2da655fbcf9bf3', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '71a392aa19784a1e25654791544fab6e9fd482a6', class: "col-12" }, h("form-control-text", { key: 'b2ef47161c0c73f010461f326f39f60efb140ae8', 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: '0341ecbd1404b29e223d508e937752ed67a5f9e2', class: "col-12" }, h("form-control-file-v2", { key: '00d8fd3c9bfded6f20ae8568aca1fd21564649df', 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 "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: '05c536ee29807808dde18056696f0874d58efbe9' }, h("div", { key: '07927d573fff06c4b65330a4cfb493f594e362d4', class: "row gy-3" }, h("div", { key: 'c38ab76b089b7b66aad0dd89dbc74b2a3fedddda', class: "col-12" }, h("h2", { key: '830d1384bc17af43bcd20145eab870ca293d965d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '6b5fb4827719e7dd29a90935ec5afd540c1c81fd', class: "col-12" }, h("form-control-text", { key: '0fed87fcbb554a739285431f6256f8b8d7802b9a', 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: '8a59d2bb505dd211126d6e4a6e741aaed959edc7', class: "col-12" }, h("form-control-date", { key: 'ffa4f5323aaa7c274950f2176774a4f7946c4ca4', 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: 'c9e7aca6c2e9c66ec0884b34533af18a1c581b4d', class: "col-12" }, h("form-control-file-v2", { key: '8db8543f45b02496d2cc6f04794c18da55f4c146', 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: '3f2d1c2f4b0595e922712f8754ae1022b2d19261' }, h("div", { key: '0ab14085510225a4d00b352014ea72f4dc0a059a', class: "row gy-3" }, h("div", { key: '12271b714bf3e6b6756274674e3413018124fa4c', class: "col-12" }, h("h2", { key: '9b6175bf1eb88788b909be3f7a46337a75856306', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '912e647000393b9146329e7d4cca78ee15837621', class: "col-12" }, h("form-control-text", { key: '7b365315a58fdfa65fa7e1e6f009dc5c70c17d95', 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: '03d48b21fb83a4a4b07ed6f0f7b6f08a32c10ce5', class: "col-12" }, h("form-control-date", { key: 'fbd7c448acc69aa0012999f90d3b38f9374af933', 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: '74683fc2825cffa9403313b21d52a4ddb76db12e', class: "col-12" }, h("form-control-file-v2", { key: '7d3e5f2f96375d884a98e207c22d2b3115ed6e1b', 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 "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: 'baf5ee051fb023d19f3d0c21d4a7ee651e283c76' }, h("div", { key: 'c8e4870b875bff53184b90e2d254acdee795e51c', class: "row gy-3" }, h("div", { key: '872d7f45c1b5832234d013a3f7065d05f9896d80', class: "col-12" }, h("h2", { key: '7ae62cf2f5ab51537349b91db8fa9d2fa351e685', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '48a8249261d3bcf981e45dba6aaf260c4419816e', class: "col-12" }, h("form-control-textarea", { key: '31b6c4b3ffadc1fe812a00fb5e4d40de423b635e', 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: 'f5504c3367bc74127dec92d95d0934a9bbb00b29', class: "col-12" }, h("form-control-textarea", { key: '9fe085d5435561251b3192169904438f0b6501e6', 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: 'ae8110175bfd1880b62e41fc1b474f31a9523cfb', class: "col-12" }, h("form-control-file-v2", { key: 'ba38271cac7afd52ba6669086d664cec2e008f77', 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: '31ff66405fdae65e1b441b847a0e5f048822e0fc', class: "col-12" }, h("form-control-file-v2", { key: 'a36cb88846ba11690a4525ffbb27c0b4fb2140af', 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: '828ac1997382fa491920b9439099959ae5376c81' }, h("div", { key: '8d0453e4c2ec424a2010cfd01885cb4a03020d93', class: "row gy-3" }, h("div", { key: 'd15021ea6df4b3939d4564a84951ebadb50cc7cd', class: "col-12" }, h("h2", { key: '632eafab4924af0d433f28a3329877b98376ea27', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'cb55f0f106e68e9af4057a4496811db991f487d0', class: "col-12" }, h("form-control-textarea", { key: '1fdca1aea95757a0dac55b338355eeffd351c6cb', 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: '6f6c35c4626a764e4119dc253aded2985ac6ffbc', class: "col-12" }, h("form-control-textarea", { key: '6c0fcba48cad9f8c3cc9ed6c35d6b0e1301f9c35', 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: '1bf52c92c53313ab7542bfc1b2ed607e9d5db032', class: "col-12" }, h("form-control-file-v2", { key: '67b266e26d5568e3370b3f8aaad2c0d6450f67f6', 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: '8994ee85c8a31fc709a0fa396d97e4da576e57c3', class: "col-12" }, h("form-control-file-v2", { key: 'c468b92349b6a92f02b6eef0dc06c71dfc924c4e', 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 "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: '079899510230700b1b0164642856719267e0dc09' }, h("div", { key: '23229775a0a57e60cd6de4ceff1bcb60d2502283', class: "row gy-3" }, h("div", { key: '9376fd2dfe64983f734f93354c08a38cbe6d46d4', class: "col-12" }, h("h2", { key: '141a2e2a5098388d15e4626a4311a0d95991af3b', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'c1eae745411ea51d07839c84abce48742cf8e31b', class: "col-12" }, h("form-control-text", { key: '37ffbdb5be2e0bcffcc78b19ce5a125fd3a7cbd5', 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: '27f39470af011e3cbae85e35e56c544a331c1241', class: "col-12" }, h("form-control-text", { key: 'dda7d915ab28bb2845cbfd1338222b1c50aab063', 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: 'bbf1cff1e23632597fad5c84b4c6ceb8080be547', class: "col-12" }, h("form-control-date", { key: '8a0bc94d48e7ccde53408ad6a3f20ffcfe7a6263', 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: '55e9efd42f6380c0bb645de90dde4eb63ce80a5d', class: "col-12" }, h("form-control-textarea", { key: '0dac6c8521bec728b7dd182841552b72f38dbbec', 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: '488034d64bc2808d27b9a072515cb84593e72db9', class: "col-12" }, h("form-control-file-v2", { key: '609b0177ed8279fe483f5b4e59ee076b4b471ee7', 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: '0d7695711048ad14596ba44e364b45e3aa3d1e39' }, h("div", { key: 'e6911e35f66ef8aaa591f54e389d67c202af8172', class: "row gy-3" }, h("div", { key: 'd59ab2fe6318a27c4b38650e4e9d07b9c851041f', class: "col-12" }, h("h2", { key: 'b8a8634fe9dcf11c332dab0c1736732e579aeb59', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '5170b37a386805e194d8cf7c769ffdbac8db8fa2', class: "col-12" }, h("form-control-text", { key: '7bc3f59737fa075134e2bc476fa26d79ddc4e26b', 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: 'ef41052d0eec68b02d04638ce7cfdbc1477c16eb', class: "col-12" }, h("form-control-text", { key: 'b88d31bed47cdf09e04a29122c1adf955bdc4d25', 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: '743dea4d8f59e62103403fa58936ca86d7bbf216', class: "col-12" }, h("form-control-date", { key: '4be255a38f91f9bf758428d780649d2775d22153', 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: '7b274a743a9ca8f3cb7b86facbe12b723b8695e4', class: "col-12" }, h("form-control-textarea", { key: '833a03ac489cfa6fe6991e14a079b104b7b86ddc', 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: 'a1363e8014fe90442e1d0f6820bf2b9cf9966c90', class: "col-12" }, h("form-control-file-v2", { key: 'beb99c4b9e898265f8a904984172fb1a6a52cb49', 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 "shipping-details"; }
     static get properties() {

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

@@ -92,7 +92,7 @@ export class JustifiDisputeManagement {
         });
     }
     render() {
-        return (h(StyledHost, { key: '6d86218f7a7fe8ea93a377e3bf182dc67e339682' }, h("div", { key: '0b51a3bbf6608671ba63773aa77665f85e88ef27' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
+        return (h(StyledHost, { key: 'd5af8e699e5b96a91d866a274addac1da03c2a10' }, h("div", { key: '14b445c20f27bed7e3131cbd6c8d87c0d3030c57' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
     }
     static get is() { return "justifi-dispute-management"; }
     static get encapsulation() { return "shadow"; }

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: 'b2995f302e9627d876ff6ac21295d41ce69d4f7b', class: "d-flex gap-2" }, h("div", { key: '998fd281023ac31e826e5288d4b6d47292cdf6ef', class: "dropdown pb-3" }, h("button", { key: 'fc3ee216db9069418fcc0c53f0910185934b4ad9', 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: '276206711bc368554023e0545852cc2dd05bbc84', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '099fa4a9981bf956e2bab4b938595ed5414d0c49', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '7d4e6e5b97effc0ccddce3333795b1fc43f63e43' })))), h("div", { key: '422589b336e1e9d0a1aac49ce05f7febf804759c' }, h(Button, { key: '1ae668bea62082a84fe47d75697d2b0cbb9ed617', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '467c453ff98299885dfde3e25a7911211220bd21', class: "d-flex gap-2" }, h("div", { key: '3a25ceab0cccbcde3fb9e3073e4e581f6a08591a', class: "dropdown pb-3" }, h("button", { key: '833cbfe0e73c388971ef9eca8240198251b4271e', 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: '00371051688c5b62e60c7c42cf92d8261019bd06', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'a8d97a8bde738a0ddf9f194487bc6cec590d384d', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '97b96488fff4b33f90fdab113511a529234da457' })))), h("div", { key: '41c110a579fa3da4c9a8711fec9a6b1a0ee07218' }, h(Button, { key: '83ee38c0db83d3d25779a462fc123cedc7128870', 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/modular-checkout/ModularCheckout.js

@@ -4,6 +4,8 @@ export var PAYMENT_MODE;
     PAYMENT_MODE["BNPL"] = "bnpl";
     PAYMENT_MODE["APPLE_PAY"] = "apple_pay";
     PAYMENT_MODE["GOOGLE_PAY"] = "google_pay";
+    PAYMENT_MODE["PAYPAL"] = "paypal";
+    PAYMENT_MODE["VENMO"] = "venmo";
 })(PAYMENT_MODE || (PAYMENT_MODE = {}));
 // Maps the backend payment method types to the frontend payment method types
 export var PAYMENT_METHOD_TYPES;
@@ -26,6 +28,8 @@ export var PAYMENT_METHODS;
     PAYMENT_METHODS["GOOGLE_PAY"] = "google_pay";
     PAYMENT_METHODS["SEZZLE"] = "sezzle";
     PAYMENT_METHODS["PLAID"] = "plaid";
+    PAYMENT_METHODS["PAYPAL"] = "paypal";
+    PAYMENT_METHODS["VENMO"] = "venmo";
 })(PAYMENT_METHODS || (PAYMENT_METHODS = {}));
 const mapPaymentMethodType = (type) => {
     switch (type) {

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

@@ -11,6 +11,43 @@ import { PAYMENT_MODE, PAYMENT_METHODS, PaymentMethod } from "./ModularCheckout"
 export class JustifiModularCheckout {
     constructor() {
         this.plaidService = new PlaidService();
+        this.handlePaypalStarted = () => {
+            checkoutStore.isWalletProcessing = true;
+        };
+        this.handlePaypalCompleted = (event) => {
+            const { success, paymentMethodId, fundingSource } = event.detail || {};
+            checkoutStore.isWalletProcessing = false;
+            if (success && paymentMethodId) {
+                checkoutStore.paymentToken = paymentMethodId;
+                checkoutStore.selectedPaymentMethod = {
+                    type: fundingSource === "venmo"
+                        ? PAYMENT_METHODS.VENMO
+                        : PAYMENT_METHODS.PAYPAL,
+                };
+                this.submitCheckout();
+            }
+            else {
+                this.errorEvent.emit({
+                    message: "Paypal payment failed",
+                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentErrorSeverity.ERROR,
+                });
+            }
+        };
+        this.handlePaypalCancelled = () => {
+            checkoutStore.isWalletProcessing = false;
+            checkoutStore.paymentToken = undefined;
+            checkoutStore.selectedPaymentMethod = undefined;
+        };
+        this.handlePaypalError = (event) => {
+            checkoutStore.isWalletProcessing = false;
+            const { error, code } = event.detail || {};
+            this.errorEvent.emit({
+                message: error || "Paypal error occurred",
+                errorCode: `PAYPAL_${code}`,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        };
         this.handleApplePayStarted = () => {
             checkoutStore.isWalletProcessing = true;
         };
@@ -80,6 +117,7 @@ export class JustifiModularCheckout {
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
             this.setupGooglePayListeners();
+            this.setupPaypalListeners();
         });
         this.observer.observe(this.hostEl, {
             childList: true,
@@ -115,6 +153,7 @@ export class JustifiModularCheckout {
         this.queryFormRefs();
         this.setupApplePayListeners();
         this.setupGooglePayListeners();
+        this.setupPaypalListeners();
     }
     disconnectedCallback() {
         var _a, _b;
@@ -123,6 +162,7 @@ export class JustifiModularCheckout {
         (_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
         this.removeApplePayListeners();
         this.removeGooglePayListeners();
+        this.removePaypalListeners();
     }
     fetchCheckout() {
         if (!this.authToken || !this.checkoutId) {
@@ -165,9 +205,8 @@ export class JustifiModularCheckout {
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         checkoutStore.accountId = checkout.account_id;
-        checkoutStore.checkoutLoaded = true;
         const rawMode = checkout.mode != null ? String(checkout.mode).toLowerCase() : '';
         checkoutStore.checkoutMode =
             rawMode === 'test' ? 'test' : rawMode === 'live' ? 'live' : null;
@@ -179,16 +218,20 @@ export class JustifiModularCheckout {
         checkoutStore.totalAmount = checkout.total_amount;
         checkoutStore.paymentAmount = checkout.payment_amount;
         checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
-        checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
-        checkoutStore.bankAccountVerification = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.bank_account_verification;
-        checkoutStore.applePayEnabled = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.apple_payments;
-        checkoutStore.googlePayEnabled = (_d = checkout.payment_settings) === null || _d === void 0 ? void 0 : _d.google_payments;
+        checkoutStore.insuranceEnabled = (_b = checkout.payment_settings.insurance_payments) !== null && _b !== void 0 ? _b : false;
+        checkoutStore.bankAccountVerification = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.bank_account_verification;
+        checkoutStore.applePayEnabled = (_e = (_d = checkout.payment_settings) === null || _d === void 0 ? void 0 : _d.apple_payments) !== null && _e !== void 0 ? _e : false;
+        checkoutStore.googlePayEnabled = (_g = (_f = checkout.payment_settings) === null || _f === void 0 ? void 0 : _f.google_payments) !== null && _g !== void 0 ? _g : false;
+        checkoutStore.paypalEnabled = (_j = (_h = checkout.payment_settings) === null || _h === void 0 ? void 0 : _h.paypal_payments) !== null && _j !== void 0 ? _j : false;
+        checkoutStore.paypalProviderClientId = (_l = (_k = checkout.paypal) === null || _k === void 0 ? void 0 : _k.provider_client_id) !== null && _l !== void 0 ? _l : '';
         checkoutStore.achPaymentsEnabled = achEnabled;
-        checkoutStore.bnplProviderClientId = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_client_id;
-        checkoutStore.bnplProviderMode = (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_mode;
-        checkoutStore.bnplProviderApiVersion = (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_api_version;
+        checkoutStore.bnplProviderClientId = (_m = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _m === void 0 ? void 0 : _m.provider_client_id;
+        checkoutStore.bnplProviderMode = (_o = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _o === void 0 ? void 0 : _o.provider_mode;
+        checkoutStore.bnplProviderApiVersion = (_p = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _p === void 0 ? void 0 : _p.provider_api_version;
         checkoutStore.bnplProviderCheckoutUrl =
-            (_h = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _h === void 0 ? void 0 : _h.provider_checkout_url;
+            (_q = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _q === void 0 ? void 0 : _q.provider_checkout_url;
+        checkoutStore.paymentCurrency = (checkout.payment_currency || checkoutStore.paymentCurrency).toUpperCase();
+        checkoutStore.checkoutLoaded = true;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -202,6 +245,7 @@ export class JustifiModularCheckout {
         this.billingFormRef = this.hostEl.querySelector("justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full, justifi-tokenize-payment-method");
         this.applePayRef = this.hostEl.querySelector("justifi-apple-pay");
         this.googlePayRef = this.hostEl.querySelector("justifi-google-pay");
+        this.paypalRef = this.hostEl.querySelector("justifi-paypal");
         this.paymentMethodFormRef =
             this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form, justifi-tokenize-payment-method');
         if (!checkoutStore.selectedPaymentMethod && this.paymentMethodFormRef) {
@@ -246,6 +290,22 @@ export class JustifiModularCheckout {
             this.googlePayRef.removeEventListener("googlePayCancelled", this.handleGooglePayCancelled);
         }
     }
+    setupPaypalListeners() {
+        if (this.paypalRef) {
+            this.paypalRef.addEventListener("paypalStarted", this.handlePaypalStarted);
+            this.paypalRef.addEventListener("paypalCompleted", this.handlePaypalCompleted);
+            this.paypalRef.addEventListener("paypalCancelled", this.handlePaypalCancelled);
+            this.paypalRef.addEventListener("paypalError", this.handlePaypalError);
+        }
+    }
+    removePaypalListeners() {
+        if (this.paypalRef) {
+            this.paypalRef.removeEventListener("paypalStarted", this.handlePaypalStarted);
+            this.paypalRef.removeEventListener("paypalCompleted", this.handlePaypalCompleted);
+            this.paypalRef.removeEventListener("paypalCancelled", this.handlePaypalCancelled);
+            this.paypalRef.removeEventListener("paypalError", this.handlePaypalError);
+        }
+    }
     async tokenizePaymentMethod(tokenizeArgs) {
         var _a, _b, _c;
         const billingInfoValues = (_b = (await ((_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.getValues()))) !== null && _b !== void 0 ? _b : {};
@@ -429,6 +489,10 @@ export class JustifiModularCheckout {
                     return PAYMENT_MODE.APPLE_PAY;
                 case PAYMENT_METHODS.GOOGLE_PAY:
                     return PAYMENT_MODE.GOOGLE_PAY;
+                case PAYMENT_METHODS.PAYPAL:
+                    return PAYMENT_MODE.PAYPAL;
+                case PAYMENT_METHODS.VENMO:
+                    return PAYMENT_MODE.VENMO;
                 default:
                     return undefined;
             }
@@ -470,7 +534,7 @@ export class JustifiModularCheckout {
         });
     }
     render() {
-        return h(Host, { key: 'c9b021ee33cdac2c88ec16df613ccaf3f4e981ef' });
+        return h(Host, { key: '127bf2aea6758c7d91e33f252a3db4bc27b066ff' });
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {

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

@@ -22,7 +22,7 @@ export class JustifiBankAccountBillingFormSimple {
         return (_b = (_a = this.bankAccountBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '669227ed02e4f0791882b95ed814ea1865db80de' }, h("bank-account-billing-form-simple", { key: '97cbe9637d8969023b1f7d3a6b3091a246112032', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
+        return (h(StyledHost, { key: '9848071f08342d3f5c2f7001af6e15148e713495' }, h("bank-account-billing-form-simple", { key: '35f2baeb2f017116199ccff431d0acac01ad498f', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
     }
     static get is() { return "justifi-bank-account-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class JustifiBankAccountForm {
         return this.bankAccountFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: '3c8a48f6060f14433ae94399fc48097cb138e301' }, h("bank-account-form", { key: '30cd40b60629f5c7f874194dd7641ee3737e8b69', ref: (el) => (this.bankAccountFormElement = el) })));
+        return (h(StyledHost, { key: '1263233d6c63c0df4a2a6a17b263651156ad6bee' }, h("bank-account-form", { key: 'f6c6707201ef127eafc81e12535bcfa37ddf3c5d', ref: (el) => (this.bankAccountFormElement = el) })));
     }
     static get is() { return "justifi-bank-account-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/justifi-billing-form-full.js

@@ -10,7 +10,7 @@ export class JustifiBillingFormFull {
         return (_b = (_a = this.billingFormFullRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: 'be25329cda69d5b2c00a84d5abc8ec8a7c5c643d' }, h("billing-form-full", { key: 'c2437172bfbc1c52eb2a86efbef978747e76b4b7', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
+        return (h(StyledHost, { key: '0486f3f304d4751751b54a4a698ef5d7cb742947' }, h("billing-form-full", { key: '4c0822f484b70a14dca9309f6d145e1c8b6261dd', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
     }
     static get is() { return "justifi-billing-form-full"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class JustifiCardBillingFormSimple {
         return (_b = (_a = this.cardBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '799c9c1ed22b4794fc292a6cbe0986ad91c41cd9' }, h("card-billing-form-simple", { key: '5a96ecdd0a474fae719f6fa48bcb4a88fd74ef92', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
+        return (h(StyledHost, { key: '252d0c30a2ce3775759aa0490592bea6608620ca' }, h("card-billing-form-simple", { key: '62a33d79b9b12dfefbfef68f0cf9ec8beb52d177', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
     }
     static get is() { return "justifi-card-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class JustifiCardForm {
         return this.cardFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: 'e8591312a00d22c68812fda0b56a125ffd763e01' }, h("card-form", { key: 'e987ea9f3bcd2bf0aa8b2c6749bff3b902f20519', ref: (el) => (this.cardFormElement = el) })));
+        return (h(StyledHost, { key: '4fa9ff677d40a6733c33d34135fe85e52392f8b0' }, h("card-form", { key: '3fe97adcb966b78dc28d5902409671e88525ca41', ref: (el) => (this.cardFormElement = el) })));
     }
     static get is() { return "justifi-card-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ import { checkoutStore } from "../../../store/checkout.store";
 import { StyledHost } from "../../../ui-components";
 export class JustifiCheckoutSummary {
     render() {
-        return (h(StyledHost, { key: '336fa6563952ee7905c2ed4a3330d73bbb33a0eb' }, h("section", { key: '48b8798a925d618f5a2c52d743190207b78eb70a' }, h("div", { key: '81d91167c10ccc49acb039ea54a9f97f4aa6e305' }, h("div", { key: '9744242f2c2c3082e9c1a3af6e716ec4cb28f1fd', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '438062935abd2f00495c432ef6652e3808e5215f' }, h("span", { key: 'e3f24d9c52ddae0206cbefe61bd08f24697fe28e', part: text }, "Total"), "\u00A0", h("span", { key: '9835cb60de31a2c8946b7ac2dd6d1fa82f223110', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '7d3447ff4daa9bf4f603ca381027b3f43cfcc6a1' }, h("section", { key: '1c8189ccde6dc986ad2d4c74da2dd10cacfc1c36' }, h("div", { key: '45e6d5f47d8a92e0bd4a7bfa427630a96f049b4a' }, h("div", { key: '9900b5fd770cd59b00803c3614216c16a803da41', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '16cec140ef6912533a80b1f6341fcc9cb341b478' }, h("span", { key: 'f8883538c99a524017bb102bfd8cfaea7062e650', part: text }, "Total"), "\u00A0", h("span", { key: '11baa64630a60c56cedfa53548c107ec3fe3c0f5', 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/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: '526c90a231cf9132798d1135da9eb3cf7c1e0dde', class: "payment-method" }, h("div", { key: '189394f898e9d907af6209982e2150e672e90622', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '291e6f6e165daf7a6c0b8f9077e7b8b1fbd9a3df', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: 'da82ac8f91a83d8be03b6db4d0a297d71182dea3', class: "payment-method" }, h("div", { key: '0b08e32931ffdbe963334c70cf245ad2230e7cc7', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '36b905117b18c8feace01d4b28ce532c4b2826dc', 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/paypal/justifi-paypal.js

@@ -0,0 +1,253 @@
+import { h } from "@stencil/core";
+import { StyledHost } from "../../../../ui-components";
+import { checkoutStore, onChange } from "../../../../store/checkout.store";
+import { PaypalService } from "../../../../api/services/paypal.service";
+import { PaypalErrorCode, PAYPAL_COMPONENTS, PAYPAL_DEFAULT_CURRENCY, PAYPAL_PAGE_TYPE, PAYPAL_PRESENTATION_MODE, PAYPAL_SCRIPT_DATA_TEST_ID, paypalScriptUrl, VENMO_SUPPORTED_CURRENCY, } from "./paypal";
+export class JustifiPaypal {
+    constructor() {
+        this.paypalService = new PaypalService();
+        this.paypalEligible = false;
+        this.venmoEligible = false;
+        this.startSession = async (session, fundingSource) => {
+            if (!session)
+                return;
+            this.pendingOrderId = undefined;
+            this.paypalStarted.emit({ fundingSource });
+            let orderFailed = false;
+            const order = this.createOrder(fundingSource)
+                .then((created) => ({ orderId: created.provider_order_id }))
+                .catch((error) => {
+                orderFailed = true;
+                this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Could not create the Paypal order', PaypalErrorCode.ORDER_ERROR);
+                throw error;
+            });
+            // The SDK is what normally consumes this rejection; swallow a copy so a
+            // failed order can never surface as an unhandled rejection.
+            order.catch(() => undefined);
+            try {
+                await session.start({ presentationMode: PAYPAL_PRESENTATION_MODE }, order);
+            }
+            catch (error) {
+                if (orderFailed)
+                    return;
+                this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Paypal payment failed', PaypalErrorCode.PAYMENT_FAILED);
+            }
+        };
+    }
+    componentDidLoad() {
+        if (checkoutStore.checkoutLoaded) {
+            this.initializePaypal();
+        }
+        else {
+            onChange('checkoutLoaded', (loaded) => {
+                if (loaded)
+                    this.initializePaypal();
+            });
+        }
+    }
+    get currencyCode() {
+        return (checkoutStore.paymentCurrency || PAYPAL_DEFAULT_CURRENCY).toUpperCase();
+    }
+    emitError(error, code) {
+        this.paypalError.emit({ error, code });
+    }
+    // The script tag is the dedup token, so a second instance (or a remount)
+    // reuses the in-flight load instead of appending another SDK.
+    loadPaypalScript() {
+        const loaded = window.paypal;
+        if (loaded)
+            return Promise.resolve(loaded);
+        return new Promise((resolve, reject) => {
+            const selector = `script[data-test-id="${PAYPAL_SCRIPT_DATA_TEST_ID}"]`;
+            let script = document.head.querySelector(selector);
+            if (!script) {
+                script = document.createElement('script');
+                script.src = paypalScriptUrl(checkoutStore.checkoutMode);
+                script.async = true;
+                script.setAttribute('data-test-id', PAYPAL_SCRIPT_DATA_TEST_ID);
+                document.head.appendChild(script);
+            }
+            script.addEventListener('load', () => {
+                const paypal = window.paypal;
+                if (paypal) {
+                    resolve(paypal);
+                }
+                else {
+                    reject(new Error('Paypal script loaded but window.paypal is undefined'));
+                }
+            });
+            script.addEventListener('error', () => reject(new Error('Error loading Paypal script')));
+        });
+    }
+    metadataId() {
+        return (Math.random().toString(36).substring(2, 15) +
+            Math.random().toString(36).substring(2, 15));
+    }
+    async initializePaypal() {
+        const clientId = checkoutStore.paypalProviderClientId;
+        if (!clientId) {
+            this.paypalEligible = false;
+            this.venmoEligible = false;
+            this.emitError('Missing Paypal client id', PaypalErrorCode.CONFIG_ERROR);
+            return;
+        }
+        try {
+            const paypal = await this.loadPaypalScript();
+            this.sdkInstance = await paypal.createInstance({
+                clientId,
+                components: PAYPAL_COMPONENTS,
+                pageType: PAYPAL_PAGE_TYPE,
+                metadataId: this.metadataId(),
+            });
+            const eligibleMethods = await this.sdkInstance.findEligibleMethods({
+                currencyCode: this.currencyCode,
+            });
+            this.paypalEligible = eligibleMethods.isEligible('paypal');
+            this.venmoEligible = eligibleMethods.isEligible('venmo');
+            if (this.paypalEligible) {
+                this.paypalSession = this.sdkInstance.createPayPalOneTimePaymentSession(this.sessionOptions('paypal'));
+            }
+            if (this.venmoEligible) {
+                this.venmoSession = this.sdkInstance.createVenmoOneTimePaymentSession(this.sessionOptions('venmo'));
+            }
+        }
+        catch (error) {
+            this.paypalEligible = false;
+            this.venmoEligible = false;
+            this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Error initializing Paypal', PaypalErrorCode.INITIALIZATION_ERROR);
+        }
+    }
+    sessionOptions(fundingSource) {
+        return {
+            onApprove: () => this.paypalCompleted.emit({
+                success: true,
+                paymentMethodId: this.pendingOrderId,
+                fundingSource,
+            }),
+            onCancel: () => this.paypalCancelled.emit({ fundingSource }),
+            onError: (error) => this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Paypal payment failed', PaypalErrorCode.PAYMENT_FAILED),
+        };
+    }
+    async createOrder(fundingSource) {
+        const response = await this.paypalService.createPaypalOrder(checkoutStore.authToken, checkoutStore.checkoutId, fundingSource);
+        if (response === null || response === void 0 ? void 0 : response.error) {
+            const message = typeof response.error === 'string'
+                ? response.error
+                : response.error.message;
+            throw new Error(message || 'Could not create the Paypal order');
+        }
+        const order = response === null || response === void 0 ? void 0 : response.data;
+        if (!(order === null || order === void 0 ? void 0 : order.provider_order_id)) {
+            throw new Error('Paypal order is missing a provider order id');
+        }
+        this.pendingOrderId = order.id;
+        return order;
+    }
+    render() {
+        if (!checkoutStore.paypalEnabled)
+            return null;
+        const showVenmo = this.venmoEligible && this.currencyCode === VENMO_SUPPORTED_CURRENCY;
+        if (!this.paypalEligible && !showVenmo)
+            return null;
+        return (h(StyledHost, null, h("div", { class: "paypal-buttons" }, this.paypalEligible && (h("paypal-button", { type: "pay", onClick: () => this.startSession(this.paypalSession, 'paypal') })), showVenmo && (h("venmo-button", { type: "pay", onClick: () => this.startSession(this.venmoSession, 'venmo') }))), h("style", null, `
+            .paypal-buttons {
+              display: flex;
+              gap: 8px;
+              width: 100%;
+            }
+            .paypal-buttons > * {
+              flex: 1 1 0;
+              min-width: 0;
+            }
+          `)));
+    }
+    static get is() { return "justifi-paypal"; }
+    static get encapsulation() { return "shadow"; }
+    static get states() {
+        return {
+            "paypalEligible": {},
+            "venmoEligible": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "paypalStarted",
+                "name": "paypalStarted",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{\n    fundingSource: PaypalFundingSource;\n  }",
+                    "resolved": "{ fundingSource: PaypalFundingSource; }",
+                    "references": {
+                        "PaypalFundingSource": {
+                            "location": "import",
+                            "path": "../../../../api/Paypal",
+                            "id": "src/api/Paypal.ts::PaypalFundingSource"
+                        }
+                    }
+                }
+            }, {
+                "method": "paypalCompleted",
+                "name": "paypalCompleted",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{\n    success: boolean;\n    paymentMethodId?: string;\n    fundingSource: PaypalFundingSource;\n  }",
+                    "resolved": "{ success: boolean; paymentMethodId?: string; fundingSource: PaypalFundingSource; }",
+                    "references": {
+                        "PaypalFundingSource": {
+                            "location": "import",
+                            "path": "../../../../api/Paypal",
+                            "id": "src/api/Paypal.ts::PaypalFundingSource"
+                        }
+                    }
+                }
+            }, {
+                "method": "paypalCancelled",
+                "name": "paypalCancelled",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{\n    fundingSource: PaypalFundingSource;\n  }",
+                    "resolved": "{ fundingSource: PaypalFundingSource; }",
+                    "references": {
+                        "PaypalFundingSource": {
+                            "location": "import",
+                            "path": "../../../../api/Paypal",
+                            "id": "src/api/Paypal.ts::PaypalFundingSource"
+                        }
+                    }
+                }
+            }, {
+                "method": "paypalError",
+                "name": "paypalError",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ error: string; code: string }",
+                    "resolved": "{ error: string; code: string; }",
+                    "references": {}
+                }
+            }];
+    }
+}