@justifi/webcomponents 5.7.2 → 5.7.3-rc-02

package/dist/esm/justifi-dispute-notification_3.entry.js

@@ -1,28 +1,28 @@
-import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
-import { f as formatCurrency } from './utils-DB5fh6Iv.js';
-import { A as text, ah as heading4 } from './parts-BrLVc_85.js';
-import { B as Button } from './button-CjH5C0pG.js';
-import { S as StyledHost } from './styled-host-C7vaWLiB.js';
-import { S as Skeleton } from './skeleton-Dlpibtr0.js';
+import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
+import { f as formatCurrency } from './utils-BjLkBMLe.js';
+import { t as text, aj as heading4 } from './parts-C71Mxtso.js';
+import { B as Button } from './button-BcLzheaP.js';
+import { S as StyledHost } from './styled-host-BSX_LSdk.js';
+import { S as Skeleton } from './skeleton-BVM4XTj9.js';
 import './event-types-CZfYo5-1.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { D as DisputeService } from './dispute.service-1AYcALSg.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
+import { D as DisputeService } from './dispute.service-D3IjL7Z8.js';
 import { D as DisputeManagementClickActions } from './event-types-Bg2SZArf.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BykGn7tx.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Api-cgKcLG0y.js';
-import './config-state-CkKrqnpZ.js';
-import './index-Cc3u0uDC.js';
-import './Checkout-B9LrTq63.js';
+import './Api-CqimcNgb.js';
+import './config-state-BjXhUj2q.js';
+import './index-Cf8VXyXg.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
-import './Document-DvWsQBM6.js';
-import './Dispute-BH0Xfn-F.js';
-import './Refund-zZewCvey.js';
+import './Payment-BEvE6jAC.js';
+import './Dispute-7MWRbTXI.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-BjMTOtI1.js';
+import './package-CJdXAC5R.js';
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -143,7 +143,7 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: text }, h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '19087aba5c516d0c71e9f84e8b3323a044ae532a', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '5cffed27038f5571f37377c5023a88c8b7773a59', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '580144b1439d6e017726b9731b7bb15e71900092' }, h("h1", { key: '42d74d215d23409672449af86e25c945aac33ea1', class: "h4" }, "This payment was disputed"), h("p", { key: '4c337e89a32f62c8f03a53eb84737785f4b0bdb4' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '66c0f7bbada42053683dd25776a7c0abdb708315' }, h("h1", { key: '273f2d82dbe73a15da3186946763579be2801aa4', class: "h4" }, "This payment was disputed"), h("p", { key: '22172d1c6833eb5407c19dd31b85db805d07d177' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: 'ec6f99be66b3b164c367b96d8274824d2e709dd5' }, this.isLoading && (h("div", { key: '26587e055eb4756785ae5935fd803746ddab355d', style: { marginBottom: '8px' } }, h(Skeleton, { key: '159c5d9b0fb16af4aac0125ea5e69bd9f7b4210e', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '5c89a8dd2244ddaed8c26b743cb22f20fa2e2742', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '6f0a6ebf743bdbea125c6630cb98c5bda5bd9919', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'f44a0c9494731be14b75e3b25adc2b09c61c84a5', part: text }, h("h1", { key: 'd8820437a86bebcc0782607796b4f2c5429d40e7', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '8cf4a2b3194d781d5f17ae3067d9931be54159e2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'd79312da2cc6715016be0b57d1b70e0ddbc2b8c5', class: "h5" }, "Dispute details"), h("div", { key: '958af1e87a119c4af76729b54bf322c16b966c54', class: "d-table gap-2" }, h("div", { key: 'e10802db747c99408371863c94c2f47737a03626', class: "d-table-row gap-2" }, h("span", { key: '84b151c7c9846fd395517ab14339504e56e5298d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '197dffa3676aa9ff7425cea00eca69bb84bef427', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: '4754429fa095be98083e34b32485cc45f379151b', class: "d-table-row gap-2" }, h("span", { key: 'c3e168a4d7dd902b9c4bc67531b7489dea32bda2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'f08c9ce67f2b7b673de82963bacaf6ea8af87353', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '0de1ab69dbc18cb00b31df8c2c4ab421a5982b4b', class: "d-table-row gap-2" }, h("span", { key: '8217191859fed71cbeac5173b0a43ff4a98c397d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: 'e63c3d2a1f0dbd98aae53a402be9fa96344e4f0b', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: '5767bc945b2fd3c7390011771b5c7a53c27c4447', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'dd6676ca0348579051cf13ce32bf6d9b1a2a3d21', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '27655bc90dd44e05180739e9c2a0f695ad294266', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '2b25123f6bf95ad7e847b4365f96eab71f1933f8' }, h("h1", { key: 'ab4b47f721ded5deb8b04a9b55b6c2978616f23b', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'bf4ee462258e4742ddf5722f470b597134489ee1' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'ba1257cb1448cb8b4cd1aba4340f2ac65208e264' }, h("h1", { key: '203b5926fa96278cfd3a7b0a4d5398226b2361b6', class: "h4" }, "This payment was disputed"), h("p", { key: '8f05fc9fb0d7f5151519bbf82ed6abeca676e4b5' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '1f6d1d4048cc011d61292934dd225ef07dcf260d' }, h("h1", { key: '3df3c3a6bf4c86e8eb0361b039d88f55b502177c', class: "h4" }, "This payment was disputed"), h("p", { key: '03f2dce54b06ad242f8e8d1d4c8194219013af1c' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
@@ -199,7 +199,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: '6f1fd8e2109c806c82c63cfd046739e18cc2b3b7' }, h("justifi-dispute-response-core", { key: '56cba360a731ed4054c89c11250f115a7e3b9e63', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '29abcdaed7ccbfee203794068c72354a5e1e0bab' }, h("justifi-dispute-response-core", { key: 'e0697cb6261d0b50d6adb6d33caa955d08e4e158', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -367,7 +367,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '452cfcf106f40c27f34df05ae2923c0909de9245', class: "row gy-3" }, h("div", { key: 'd9b608a8d880310b96e98cd4a00cabfcca77dc79', class: "col-12" }, h("h1", { key: '050aef1fa636d09880edc7d738d56eab2cf62e52', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '4e6094f9240d4db3d4bc03c59754ab3d04fed5bc', class: "col-12" }, this.currentStepComponent), h("div", { key: '9c1739bc4ed1a9104fd04531a11e02cbbb4f11cc', class: "col-12" }, h("div", { key: 'd37cda5a7689d8bf9263283eb24e1074ee3d97a0', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '41406d4115c2a084c84ca59895c0107af2a30e4d', class: "row gy-3" }, h("div", { key: '54f86cc1ffdb90a4ec738ca6cdac8165025ede65', class: "col-12" }, h("h1", { key: '28a0289b5926d7f4d04a658f13782d80aa96584a', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'abfcc8a09326b8d780647a644dd0b6e1deada071', class: "col-12" }, this.currentStepComponent), h("div", { key: 'e1bfbd12d9c6c86521d1d47cd4afb007960cdf9b', class: "col-12" }, h("div", { key: '3149002728d1953c116758ab48eb0a2481a68398', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 };
 

package/dist/esm/justifi-gross-payment-chart.entry.js

@@ -1,23 +1,23 @@
-import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
-import { A as Api } from './Api-cgKcLG0y.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
+import { A as Api } from './Api-CqimcNgb.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
-import './Document-DvWsQBM6.js';
-import './Refund-zZewCvey.js';
+import './Payment-BEvE6jAC.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-BH0Xfn-F.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { E as ErrorState } from './utils-BpP_VJGf.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BykGn7tx.js';
-import './config-state-CkKrqnpZ.js';
-import './index-Cc3u0uDC.js';
-import './utils-DB5fh6Iv.js';
+import './Dispute-7MWRbTXI.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
+import { E as ErrorState } from './utils-B-aPFy3u.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
+import './config-state-BjXhUj2q.js';
+import './index-Cf8VXyXg.js';
+import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-BrLVc_85.js';
-import './package-BjMTOtI1.js';
+import './parts-C71Mxtso.js';
+import './package-CJdXAC5R.js';
 
 const api = Api();
 class ReportsService {

package/dist/esm/justifi-new-payment-method.entry.js

@@ -0,0 +1,97 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
+import { r as radioListItem } from './parts-C71Mxtso.js';
+
+const PaymentMethodTypeLabels = {
+    bankAccount: 'New bank account',
+    card: 'New credit or debit card',
+};
+const NewPaymentMethod = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected");
+        this.saveNewPaymentMethodChecked = false;
+        this.onPaymentMethodOptionClick = (e) => {
+            e.preventDefault();
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+        };
+    }
+    handleCheckboxChanged(event) {
+        this.saveNewPaymentMethodChecked = event.detail;
+    }
+    async fillBillingForm(fields) {
+        this.billingFormRef.fill(fields);
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        var _a, _b;
+        if (!this.paymentMethodFormRef || !this.billingFormRef)
+            return;
+        try {
+            const { isValid, errors } = await this.validate();
+            if (!isValid || !insuranceValidation.isValid) {
+                // get propety value from first property in errors object
+                const message = `${Object.values(errors)[0] || 'Validation error'}`;
+                return {
+                    validationError: true,
+                    error: {
+                        code: 'validation_error',
+                        message,
+                        decline_code: undefined
+                    }
+                };
+            }
+            const tokenizeResponse = await this.tokenize();
+            if (tokenizeResponse.error) {
+                return { error: tokenizeResponse.error };
+            }
+            else {
+                const tokenizeRessponseData = tokenizeResponse.data;
+                return {
+                    token: ((_a = tokenizeRessponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeRessponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
+                    data: tokenizeRessponseData
+                };
+            }
+        }
+        catch (error) {
+            return { error };
+        }
+    }
+    async validate() {
+        const billingFormValidation = await this.billingFormRef.validate();
+        const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
+        const isValid = billingFormValidation.isValid && paymentMethodFormValidation.isValid;
+        const errors = Object.assign(Object.assign({}, billingFormValidation.errors), paymentMethodFormValidation.errors);
+        return { isValid, errors };
+    }
+    async tokenize() {
+        try {
+            const billingFormFieldValues = await this.billingFormRef.getValues();
+            let paymentMethodData;
+            if (this.saveNewPaymentMethodChecked) {
+                paymentMethodData = Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId });
+            }
+            else {
+                paymentMethodData = Object.assign({}, billingFormFieldValues);
+            }
+            const clientId = this.authToken;
+            const tokenizeResponse = await this.paymentMethodFormRef.tokenize(clientId, paymentMethodData, this.accountId);
+            return tokenizeResponse;
+        }
+        catch (error) {
+            return error;
+        }
+    }
+    showNewPaymentMethodForm() {
+        var _a;
+        const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
+        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), paymentMethodType === 'card' ? (h("justifi-card-form", null)) : (h("justifi-bank-account-form", null)), h("justifi-billing-form", { hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+    }
+    get hiddenRadioInput() {
+        return !this.showAch || !this.showCard;
+    }
+    render() {
+        var _a, _b;
+        return (h(Host, { key: '86a50eecba10706b674e3517c7b1e5ba6674035a', class: "payment-method" }, h("div", { key: '54ec6ea1d0eb1f1bcbb0b5c145858a270dc7ccf4', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: '348ab53888c29f3b942f2698dcb72450d73ed90d', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+    }
+};
+
+export { NewPaymentMethod as justifi_new_payment_method };

package/dist/esm/justifi-order-terminals.entry.js

@@ -1,27 +1,27 @@
-import { h, r as registerInstance, c as createEvent } from './index-D6FDxSyt.js';
-import { ak as heading5, ah as heading4, ad as buttonPrimary, A as text } from './parts-BrLVc_85.js';
-import { S as StyledHost } from './styled-host-C7vaWLiB.js';
+import { h, r as registerInstance, c as createEvent } from './index-Bta_r52Z.js';
+import { am as heading5, aj as heading4, ae as buttonPrimary, t as text } from './parts-C71Mxtso.js';
+import { S as StyledHost } from './styled-host-BSX_LSdk.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BykGn7tx.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { B as BusinessService } from './business.service-BWivPbyO.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import { B as BusinessService } from './business.service-wY8gOZQr.js';
 import { B as Business } from './Business-BCoP0TAV.js';
-import { m as makeGetBusiness } from './get-business-GEPTefIj.js';
-import { S as Skeleton } from './skeleton-Dlpibtr0.js';
-import './config-state-CkKrqnpZ.js';
-import { j as formatPhoneNumber } from './utils-DB5fh6Iv.js';
-import './Checkout-B9LrTq63.js';
+import { m as makeGetBusiness } from './get-business-BSRtbTh7.js';
+import { S as Skeleton } from './skeleton-BVM4XTj9.js';
+import './config-state-BjXhUj2q.js';
+import { k as formatPhoneNumber } from './utils-BjLkBMLe.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
-import './Document-DvWsQBM6.js';
-import { f as TerminalModel, e as TerminalOrder, a as TerminalOrderType } from './Refund-zZewCvey.js';
-import './Dispute-BH0Xfn-F.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { T as TerminalService } from './terminal.service-8kwGru35.js';
-import './package-BjMTOtI1.js';
-import './Api-cgKcLG0y.js';
+import './Payment-BEvE6jAC.js';
+import { f as TerminalModel, e as TerminalOrder, a as TerminalOrderType } from './Refund-BKe90wSq.js';
+import './Dispute-7MWRbTXI.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
+import { T as TerminalService } from './terminal.service-DH8gRG1H.js';
+import './package-CJdXAC5R.js';
+import './Api-CqimcNgb.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './index-Cc3u0uDC.js';
+import './index-Cf8VXyXg.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 
 const FormBlock = () => (h("div", { class: "row gap-3" },
@@ -233,7 +233,7 @@ const OrderTerminals = class {
         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: '95d4b374036e4713216ce61e87571a607b8c3f0a' }, h("div", { key: '3e57b055db0d1bf26b9eb38a78fa57493afd3af3', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '80d01331179298720ebc453702a6db644ea51ff4' }, h("div", { key: '895f5315bf90607eae80c6cd471d8adcab542d14', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };
 

package/dist/esm/justifi-owner-form_3.entry.js

@@ -1,30 +1,30 @@
-import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
-import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions-BIfyW239.js';
-import { I as IdentityService } from './business.service-BWivPbyO.js';
+import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
+import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions-2qP7AtHj.js';
+import { I as IdentityService } from './business.service-wY8gOZQr.js';
 import { F as FormController } from './index.esm-BCNUj0Dx.js';
 import { O as Owner } from './Business-BCoP0TAV.js';
-import { i as identitySchema } from './business-identity-schema-CntGz8jo.js';
-import { B as Button } from './button-CjH5C0pG.js';
-import { U as heading3 } from './parts-BrLVc_85.js';
+import { i as identitySchema } from './business-identity-schema-BsrgqgDl.js';
+import { B as Button } from './button-BcLzheaP.js';
+import { D as heading3 } from './parts-C71Mxtso.js';
 import './event-types-CZfYo5-1.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import { S as SSN_MASK, P as PHONE_MASKS } from './form-input-masks-B-iV5cYd.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-CX6mSvOM.js';
-import './ComponentError-SdntD1xf.js';
-import './utils-Dccsn9BY.js';
-import './Api-cgKcLG0y.js';
-import './config-state-CkKrqnpZ.js';
-import './index-Cc3u0uDC.js';
-import './utils-DB5fh6Iv.js';
+import './ComponentError-BhrFjjAs.js';
+import './utils-BZvep88z.js';
+import './Api-CqimcNgb.js';
+import './config-state-BjXhUj2q.js';
+import './index-Cf8VXyXg.js';
+import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Checkout-B9LrTq63.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
-import './Document-DvWsQBM6.js';
-import './Dispute-BH0Xfn-F.js';
-import './Refund-zZewCvey.js';
+import './Payment-BEvE6jAC.js';
+import './Dispute-7MWRbTXI.js';
+import './Refund-BKe90wSq.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './schema-validations-C7D5tPzq.js';
+import './schema-validations-DLWfpHyI.js';
 import './business-form-options-CgssATyg.js';
 
 const BusinessOwnerForm = class {

package/dist/esm/justifi-payment-details.entry.js

@@ -1,25 +1,25 @@
-import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
-import { P as PaymentService } from './payment.service-2afJc31y.js';
-import { m as makeGetPaymentDetails } from './get-payment-details-DXhXxFPr.js';
-import { E as ErrorState } from './utils-BpP_VJGf.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BykGn7tx.js';
-import './Api-cgKcLG0y.js';
-import './config-state-CkKrqnpZ.js';
-import './index-Cc3u0uDC.js';
-import './utils-DB5fh6Iv.js';
+import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
+import { P as PaymentService } from './payment.service-ddFQWXPn.js';
+import { m as makeGetPaymentDetails } from './get-payment-details-CmVKt1jR.js';
+import { E as ErrorState } from './utils-B-aPFy3u.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
+import './Api-CqimcNgb.js';
+import './config-state-BjXhUj2q.js';
+import './index-Cf8VXyXg.js';
+import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Checkout-B9LrTq63.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
-import './Document-DvWsQBM6.js';
-import './Dispute-BH0Xfn-F.js';
-import './Refund-zZewCvey.js';
+import './Payment-BEvE6jAC.js';
+import './Dispute-7MWRbTXI.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './utils-Dccsn9BY.js';
-import './parts-BrLVc_85.js';
-import './package-BjMTOtI1.js';
+import './utils-BZvep88z.js';
+import './parts-C71Mxtso.js';
+import './package-CJdXAC5R.js';
 
 const PaymentDetails = class {
     constructor(hostRef) {

package/dist/esm/justifi-payment-method-options_3.entry.js

@@ -0,0 +1,162 @@
+import { r as registerInstance, h, c as createEvent } from './index-Bta_r52Z.js';
+import { a as PaymentMethodTypes } from './Payment-BEvE6jAC.js';
+import { P as PaymentMethodOption, C as CardBrandLabels } from './payment-method-option-utils-8n_ALxec.js';
+import { s as state } from './checkout.store-DQrlfeus.js';
+import { r as radioListItem } from './parts-C71Mxtso.js';
+import { S as StyledHost } from './styled-host-BSX_LSdk.js';
+import './event-types-CZfYo5-1.js';
+import { f as formatCurrency } from './utils-BjLkBMLe.js';
+import './Dispute-7MWRbTXI.js';
+import './index-Cf8VXyXg.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+
+const PaymentMethodTypeLabels = {
+    bankAccount: 'New bank account',
+    card: 'New credit or debit card',
+};
+const PaymentMethodOptions = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.savedPaymentMethods = [];
+        this.paymentMethodOptions = [];
+    }
+    async fillBillingForm(fields) {
+        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
+        if (newPaymentMethodElement.fillBillingForm) {
+            newPaymentMethodElement.fillBillingForm(fields);
+        }
+    }
+    connectedCallback() {
+        this.paymentMethodsChanged();
+    }
+    paymentMethodsChanged() {
+        var _a, _b;
+        this.paymentMethodOptions = this.savedPaymentMethods
+            .map((paymentMethod) => new PaymentMethodOption(paymentMethod))
+            .filter((paymentMethod) => {
+            // Don't saved card or bank account if they are disabled
+            return ((this.showCard || paymentMethod.type !== PaymentMethodTypes.card) &&
+                (this.showAch || paymentMethod.type !== PaymentMethodTypes.bankAccount));
+        });
+        if (this.showBnpl && ((_a = this.bnpl) === null || _a === void 0 ? void 0 : _a.provider) === 'sezzle' && !this.insuranceToggled) {
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.sezzle }));
+        }
+        if (this.showCard) {
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.card }));
+        }
+        if (this.showAch) {
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.bankAccount }));
+        }
+        if (!state.selectedPaymentMethod) {
+            state.selectedPaymentMethod = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
+        }
+    }
+    paymentMethodOptionSelected(event) {
+        state.selectedPaymentMethod = event.detail.id;
+    }
+    get hiddenRadioInput() {
+        return !this.showAch || !this.showCard;
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        var _a;
+        return await ((_a = this.selectedPaymentMethodOptionRef) === null || _a === void 0 ? void 0 : _a.resolvePaymentMethod(insuranceValidation));
+    }
+    async validate() {
+        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
+        return newPaymentMethodElement.validate();
+    }
+    render() {
+        return (h("div", { key: '43947388e9c3e84f5af7ebefb379dcb0fc89bae7' }, h("div", { key: '203dde4a60f39cfb38408f58670b89047cadd3b3', class: "radio-list-item p-3", part: radioListItem, onClick: () => { state.selectedPaymentMethod = PaymentMethodTypes.card; }, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'c26d64e69722cbdcdd1d573c93328d322b2db256', name: "paymentMethodType", value: PaymentMethodTypes.card, checked: state.selectedPaymentMethod === PaymentMethodTypes.card, label: PaymentMethodTypeLabels[PaymentMethodTypes.card] })), h("div", { key: '87799dce96c87b24d3f7ecc597021dbfde851a22', class: "radio-list-item p-3", part: radioListItem, onClick: () => { state.selectedPaymentMethod = PaymentMethodTypes.bankAccount; }, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: '22df7be58ce8a58a8ce38a52912234bd313c4d2e', name: "paymentMethodType", value: PaymentMethodTypes.bankAccount, checked: state.selectedPaymentMethod === PaymentMethodTypes.bankAccount, label: PaymentMethodTypeLabels[PaymentMethodTypes.bankAccount] })), h("justifi-sezzle-payment-method", { key: '3ce43229e7268a453e5a2bad83f573105e8a6727' }), h("justifi-saved-payment-methods", { key: 'e6de7f6010736a702337dd91defc8bf00604ee34', exportparts: radioListItem.split(' ').join(',') })));
+    }
+    static get watchers() { return {
+        "savedPaymentMethods": ["paymentMethodsChanged"]
+    }; }
+};
+
+const SavedPaymentMethods = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
+            e.preventDefault();
+            state.selectedPaymentMethod = paymentMethodId;
+        };
+    }
+    componentWillLoad() {
+        if (!state.paymentMethods.length) {
+            console.warn('No saved payment methods available.');
+        }
+    }
+    render() {
+        return (h(StyledHost, { key: '7bebb3f8ff2a2abe400e1d099154a1729913140c' }, h("div", { key: '3a5798c5ceba63160dceecb0dc65f8a211bb5110', class: "saved-payment-methods" }, state.paymentMethods.length ? state.paymentMethods.map((paymentMethod) => (h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id) }, h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: state.selectedPaymentMethod === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
+    }
+};
+
+const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
+        display: 'inline',
+        width: '80px',
+        marginLeft: '5px',
+        marginTop: '-5px',
+    } }));
+const SezzlePaymentMethod = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected");
+        this.paymentMethodOptionId = 'sezzle';
+        this.onPaymentMethodOptionClick = (e) => {
+            e.preventDefault();
+            state.selectedPaymentMethod = this.paymentMethodOptionId;
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
+        };
+        this.initializeSezzleCheckout = () => {
+            let resolveSezzlePromise;
+            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
+            const amount = Number(state.paymentAmount);
+            const Checkout = window.Checkout;
+            const checkout = new Checkout({
+                mode: 'popup',
+                publicKey: state.bnplProviderClientId,
+                apiMode: state.bnplProviderMode,
+                apiVersion: state.bnplProviderApiVersion,
+            });
+            checkout.sezzleButtonElement = this.sezzleButtonRef;
+            checkout.init({
+                onClick: function (event) {
+                    event.preventDefault();
+                    checkout.startCheckout({
+                        checkout_url: state.bnplProviderCheckoutUrl,
+                    });
+                },
+                onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onCancel: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onFailure: (event) => resolveSezzlePromise({ bnpl: event.data }),
+            });
+            this.sezzleCheckout = checkout;
+            this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
+        };
+    }
+    componentDidRender() {
+        if (!this.scriptRef)
+            return;
+        this.scriptRef.onload = () => {
+            this.sezzleButtonRef = document.createElement('button');
+            this.initializeSezzleCheckout();
+        };
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        if (!insuranceValidation.isValid) {
+            return { validationError: true };
+        }
+        this.sezzleButtonRef.click();
+        return this.sezzlePromise;
+    }
+    render() {
+        var _a, _b;
+        if (!state.bnplEnabled) {
+            console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
+            return null;
+        }
+        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: state.selectedPaymentMethod === this.paymentMethodOptionId, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
+    }
+};
+
+export { PaymentMethodOptions as justifi_payment_method_options, SavedPaymentMethods as justifi_saved_payment_methods, SezzlePaymentMethod as justifi_sezzle_payment_method };

package/dist/esm/justifi-payment-provisioning-core.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
+import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
 import { c as checkProvisioningStatus } from './helpers-Mu7LQT-w.js';
-import { A as text } from './parts-BrLVc_85.js';
-import { S as StyledHost } from './styled-host-C7vaWLiB.js';
-import { H as Header1 } from './header-1-D2gZb3iT.js';
+import { t as text } from './parts-C71Mxtso.js';
+import { S as StyledHost } from './styled-host-BSX_LSdk.js';
+import { H as Header1 } from './header-1-CmImLcLi.js';
 import './event-types-CZfYo5-1.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import './state-options-BX8GieXu.js';

package/dist/esm/justifi-payment-provisioning.entry.js

@@ -1,20 +1,20 @@
-import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BykGn7tx.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-BIfyW239.js';
-import { B as BusinessService } from './business.service-BWivPbyO.js';
-import { A as Api } from './Api-cgKcLG0y.js';
-import './Checkout-B9LrTq63.js';
+import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-2qP7AtHj.js';
+import { B as BusinessService } from './business.service-wY8gOZQr.js';
+import { A as Api } from './Api-CqimcNgb.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
-import './Document-DvWsQBM6.js';
-import './Refund-zZewCvey.js';
+import './Payment-BEvE6jAC.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-BH0Xfn-F.js';
-import './package-BjMTOtI1.js';
-import './utils-Dccsn9BY.js';
-import './config-state-CkKrqnpZ.js';
-import './index-Cc3u0uDC.js';
-import './utils-DB5fh6Iv.js';
+import './Dispute-7MWRbTXI.js';
+import './package-CJdXAC5R.js';
+import './utils-BZvep88z.js';
+import './config-state-BjXhUj2q.js';
+import './index-Cf8VXyXg.js';
+import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';