@justifi/webcomponents 6.14.4-rc.2 → 6.14.5-rc.1

package/dist/cjs/{checkout.store-CZHrIuaP.js → checkout.store-DOa1-SjA.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-W-zoNiyM.js');
+var index = require('./index-DDrfAj-j.js');
 var index$1 = require('./index-CajjbB9t.js');
 
 const initialState = {
@@ -106,10 +106,24 @@ function getCheckoutState() {
     };
 }
 function onAnyChange(callback) {
-    Object.keys(initialState).forEach((key) => {
-        // @ts-ignore - onChange is generically typed by stencil/store but not exported here
-        onChange(key, (newValue) => callback(key, newValue));
+    let pending = false;
+    let active = true;
+    const unsubscribe = Object.keys(initialState).map((key) => {
+        return onChange(key, () => {
+            if (pending || !active)
+                return;
+            pending = true;
+            queueMicrotask(() => {
+                pending = false;
+                if (active)
+                    callback();
+            });
+        });
     });
+    return () => {
+        active = false;
+        unsubscribe.forEach((off) => off());
+    };
 }
 
 exports.checkoutStore = checkoutStore;

package/dist/cjs/{payments-list-params-state-vGJZ6Oe2.js → checkouts-list-params-state-DDpRrUTY.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-W-zoNiyM.js');
+var index = require('./index-DDrfAj-j.js');
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/cjs/{config-state-BIgGhhe9.js → config-state-C1YMiFpR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-W-zoNiyM.js');
+var index = require('./index-DDrfAj-j.js');
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",

package/dist/cjs/dispute-notification_2.cjs.entry.js

@@ -6,16 +6,16 @@ var parts = require('./parts-BXshb_S-.js');
 var button = require('./button-CR9Rl1-o.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 require('./event-types-YOY5TKUN.js');
-var Plaid = require('./Plaid-CbaU5Arm.js');
-var utils = require('./utils-8zgGi717.js');
-var eventTypes = require('./event-types-DyRIxSSS.js');
-var checkPkgVersion = require('./check-pkg-version-DR4Ghb6-.js');
-var Analytics = require('./Analytics-DahOCpJB.js');
+var Plaid = require('./Plaid-B2o4c_Ej.js');
+var utils = require('./utils-WrOn06xB.js');
+var eventTypes = require('./event-types-CmDSoKh4.js');
+var checkPkgVersion = require('./check-pkg-version-BsDr9TZT.js');
+var Analytics = require('./Analytics-46pgYofS.js');
 require('./dinero-BwNN_k7x.js');
-require('./Api-B4fSXAdi.js');
-require('./config-state-BIgGhhe9.js');
-require('./index-W-zoNiyM.js');
-require('./package-DkLJAjev.js');
+require('./Api-C2V2lX6a.js');
+require('./config-state-C1YMiFpR.js');
+require('./index-DDrfAj-j.js');
+require('./package-Cb1-8Jj8.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 
@@ -152,8 +152,8 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (index.h("div", { key: '325018c414e82b5c1bc7d9c5aa444b5a9d4e83d6', class: "dispute-notification-root" }, this.isLoading && (index.h("div", { key: 'deffb8ef248e32962aca084a564e83aa5f222b0a', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: '6f6c630b3122b1b2fd480470f5df7683f19de612', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: '11f46711fed1094496c64551f084351c08f598be', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: 'fc7e2eac76e1cbc329147f3da39a8c28c51a7b6a', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (index.h("div", { key: '0ef159acf9fe5b12dc0dcddab6b7583e5fc9a799', part: parts.text }, index.h("h1", { key: 'db263006990c5b4cf178f7f81650ad7602765532', class: "h4", part: parts.heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), index.h("p", { key: '185c6f952ef46e3aec625cab73c943b3046ef6b4' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (index.h("div", { key: 'd4536104addc500277fbde990b7b33ba8ff54c7e', part: parts.text }, index.h("h1", { key: '198138cc6541c0aeeae458e2de1e3ae0c695328d', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: '6902ce5e3e94ab7f71ee6d0c6a7604ef97f0e740' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: 'f49d1ac855365480edc61e0af117230e2f3dbe1f', class: "h5" }, "Dispute details"), index.h("div", { key: 'f3868a098dbc4a613d676b8580c053527f9d5fad', class: "d-table gap-2" }, index.h("div", { key: '7699bc619b652ffe1c77cf6e5e0dac967679b1e6', class: "d-table-row gap-2" }, index.h("span", { key: '9de67b45877120f54f724f1efe7b3f4d4b035d30', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: 'bfd79f86b5b81daf2a34f5874fcff03a05d1e64d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), index.h("div", { key: '0e57d56172859eb5857a1930cb837569157026d9', class: "d-table-row gap-2" }, index.h("span", { key: '0b615bd8f9a9add7d18d50be4f4f644707576de2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: '46288c67be32fe2d95fea88f5b0148f22552a2c9', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), index.h("div", { key: 'c68280b0f36280804fb6231236d942174c189456', class: "d-table-row gap-2" }, index.h("span", { key: 'ed3f145aa0f2c949b80d7033e4ecb818a4a4fa68', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), index.h("span", { key: '4c4530acbc570fb13b5f53947714bd250ff99cab', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), index.h("div", { key: '3244bb6bdbed2b4e28c479c2d4db2d0ae152f2f0', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '3716a28cec93e70690ad96bfc0c5f3b7b56f8ecb', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '7f326ed6f298c9f1091b160c63e386864329190e', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (index.h("div", { key: 'd705ae48c1f30b904ac31bbdbab9e955868f51e1', part: parts.text }, index.h("h1", { key: '712cebef3699a8c2a97bcb69ae68e0b491090c88', class: "h4", part: parts.heading4 }, "This payment is disputed and under review"), index.h("p", { key: 'ca95b2c8bdc6083a3fbb1dd63c6bdaa4699ae2a7' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (index.h("div", { key: 'c0cb4c8342aa4f022d76e95123a047b7b707f562', part: parts.text }, index.h("h1", { key: '797966d237d4b46eb1b880deb7fa21746f5b3b1e', class: "h4", part: parts.heading4 }, "This payment was disputed"), index.h("p", { key: '2f9eed1a5f34f772206112488af22aa8b35c07b6' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (index.h("div", { key: '9a90af51218ed921e27519363995f12e29713bfd', part: parts.text }, index.h("h1", { key: '736ee5cf8f65d780d4812e24ea9050dcc0d109a4', class: "h4", part: parts.heading4 }, "This payment was disputed"), index.h("p", { key: '9ca83087b028e1078bcc2cd0b552e8f5379932d1' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (index.h("div", { key: '55685c8b421d48fb041862b2ae2ff0605a3a0b7f', class: "dispute-notification-root" }, this.isLoading && (index.h("div", { key: '93fba7164eea0a00231f2f762a1370fe2ba4ca52', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: 'db8ca80547c4e022ee9cbb59b51cf1d199a65f0c', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: '15c884a6bbfcab6e89d9eb36cfcdc14a0505c25a', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '61474f21b3f82c1cff6455c7d87c0474a4c5ebdd', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (index.h("div", { key: '724f8896f7985469d457d5dea5936dc8ef0b30c0', part: parts.text }, index.h("h1", { key: 'd4e86227300211d8ab792e8ae128912166957b02', class: "h4", part: parts.heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), index.h("p", { key: '40e2fff6dadd6426d847cbc7164a72bb137ee44d' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (index.h("div", { key: '1efebe3baa295271c793faaba07b9d62a7f19e93', part: parts.text }, index.h("h1", { key: 'a6e10b6d4e8f01aacefb8d3cd5244eecbbb251e6', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: 'fb99d2061fcae2a6b59a1121340bb141f8a2bcb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '5e6a34864d24df666ab69291e98dc569946933ad', class: "h5" }, "Dispute details"), index.h("div", { key: '6a189bf2c84fad8024d60da7c6972917e8768fa9', class: "d-table gap-2" }, index.h("div", { key: '1d76955da64391406f2cf082d473fac4da8f6be9', class: "d-table-row gap-2" }, index.h("span", { key: '7dcc2947c8e2ba7e388dde66ec426b9d95e87938', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: 'b45cdeebd1ee9f0b6e4a023a41e496c28c265c64', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), index.h("div", { key: 'd33fd1331385a3b8bad3f44bb8d0d92c7d9fb3eb', class: "d-table-row gap-2" }, index.h("span", { key: 'd4a5c2fae926b736c6516522b32965c1f55d7623', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: '034868aa10b8179e485f2cc497adcf9caaca123d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), index.h("div", { key: '8b56d8237d8039f90ec9141cc94e0147bc0e49bd', class: "d-table-row gap-2" }, index.h("span", { key: 'f301c07b7ceb2f54f642e764a61b359445962d17', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), index.h("span", { key: '3c7478dd78c2cd58b9eee3a3b30b0816ab8011bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), index.h("div", { key: '1c912ca4428f444d4dd4f27584a8a64099524539', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: 'd15adbc5be96fbfe0545e87c57e1fe34449d4c8f', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '0d7b4a74b52210106929114bb8d7db76eeadedd6', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (index.h("div", { key: '8f1e958c5601d937d71da120e908acdb9b303367', part: parts.text }, index.h("h1", { key: '67012e992b666b145bff9cf70011a0de88452e1e', class: "h4", part: parts.heading4 }, "This payment is disputed and under review"), index.h("p", { key: 'fda8d98bffac5daf67574aabc854e58b5a754de0' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (index.h("div", { key: '8c3699f761f941114b4fa91cad166c78def3dc00', part: parts.text }, index.h("h1", { key: '411280747b719b85240bde3ab052ba4bd43437e3', class: "h4", part: parts.heading4 }, "This payment was disputed"), index.h("p", { key: '82edec3d96009d23454f6ac63651b6763b4b22a4' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (index.h("div", { key: '68416771d44d09201b630d7b25952894ce4a096c', part: parts.text }, index.h("h1", { key: 'dcaf92df776e75aa78762c07fdbb750f1933311a', class: "h4", part: parts.heading4 }, "This payment was disputed"), index.h("p", { key: '811fcf0b3a9f38fcf857998a672286e5c5ae0a9a' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
@@ -354,7 +354,7 @@ const DisputeResponse = class {
         return this.currentStep === 0;
     }
     render() {
-        return (index.h("div", { key: '7f9c8d56cfb86cea73ab2f299b83ff0de28f5c3e', class: "dispute-response-root" }, index.h("div", { key: 'a805bf54df79453127557bf651c3d776a381241f', class: "row gy-3" }, index.h("div", { key: '2e6bc9cbe369e0ea5d200bc0934b4cad50f3c76f', class: "col-12" }, index.h("h1", { key: '9876e9c87c6dfb405e7bad46d64fdb40ad048142', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '045028232da5331c7041ad222c4e98364674ace3', class: "col-12" }, this.currentStepComponent), index.h("div", { key: '0455c4856a44340ce25c1c4c8f776abb197f919f', class: "col-12" }, index.h("div", { key: '5b990cc1d41b3a7152d727c941e9758ed70f75a1', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next")))))));
+        return (index.h("div", { key: '50c96cb107115c27ff993ed7288a58cd801ef936', class: "dispute-response-root" }, index.h("div", { key: '0ebe2541c4245c6371d3aa8cdfb58b3f92f2d96e', class: "row gy-3" }, index.h("div", { key: '78feb00f6f5b8fb96ceacba2e7bcda1342f8a244', class: "col-12" }, index.h("h1", { key: 'a86ab0cd63ebb945a69982ea05607ae4eadc1cf8', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: 'f9a5e9cad90d03ae773aaeb2e72049b453d05472', class: "col-12" }, this.currentStepComponent), index.h("div", { key: '838c642fdf957bf0e3fd8d4ef4c4abc79c2d6f61', class: "col-12" }, index.h("div", { key: '6b8af6fa4face4debee72950e86e3bc9461406da', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next")))))));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/cjs/{event-types-DyRIxSSS.js → event-types-CmDSoKh4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var Api = require('./Api-B4fSXAdi.js');
-require('./Plaid-CbaU5Arm.js');
+var Api = require('./Api-C2V2lX6a.js');
+require('./Plaid-B2o4c_Ej.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 

package/dist/cjs/{hidden-input_2.cjs.entry.js → form-alert_3.cjs.entry.js}

@@ -1,13 +1,28 @@
 'use strict';
 
-var index$1 = require('./index-p7cvUYAE.js');
-var index = require('./index-W-zoNiyM.js');
+var index = require('./index-p7cvUYAE.js');
 var parts = require('./parts-BXshb_S-.js');
+var index$1 = require('./index-DDrfAj-j.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var formControlErrorText = require('./form-control-error-text-BO58Y6zF.js');
-var _package = require('./package-DkLJAjev.js');
+var _package = require('./package-Cb1-8Jj8.js');
 
-const iframeInputStylesStore = index.createStore({
+const FormAlert = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        if (!this.text) {
+            return null;
+        }
+        if (this.hideAlert) {
+            return null;
+        }
+        return (index.h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert', part: parts.alertDanger }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" }, index.h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })), index.h("div", null, this.text)));
+    }
+};
+
+const iframeInputStylesStore = index$1.createStore({
     focused: {
         boxShadow: '',
         border: '',
@@ -29,7 +44,7 @@ const { state: iframeInputStyles, set: iframeInputStylesSet, } = iframeInputStyl
 
 const HiddenInput = class {
     constructor(hostRef) {
-        index$1.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.isFocused = false;
         this.errorText = '';
     }
@@ -114,7 +129,7 @@ const HiddenInput = class {
         return parts.input;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'c3b2f0cb5160d888b3ecbaca95285749c0b71002' }, index$1.h("input", { key: 'f6d0ad00733d086dfa09b646f7599d60f91e5f50', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (index.h(index.Host, { key: 'c3b2f0cb5160d888b3ecbaca95285749c0b71002' }, index.h("input", { key: 'f6d0ad00733d086dfa09b646f7599d60f91e5f50', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 };
 
@@ -1658,8 +1673,8 @@ const MessageEventType = {
 
 const IframeInput = class {
     constructor(hostRef) {
-        index$1.registerInstance(this, hostRef);
-        this.iframeLoaded = index$1.createEvent(this, "iframeLoaded", 7);
+        index.registerInstance(this, hostRef);
+        this.iframeLoaded = index.createEvent(this, "iframeLoaded", 7);
         this.isFocused = false;
         this.isValid = true;
         this.dispatchMessageEvent = (event) => {
@@ -1693,6 +1708,9 @@ const IframeInput = class {
             componentVersion: _package.packageJson.version,
         });
     }
+    async reload() {
+        this.iframeElement.src = this.iframeSrc;
+    }
     initializeFrameCommunicationService() {
         var _a;
         this.frameService = new FrameCommunicationService(this.iframeElement, this.iframeOrigin);
@@ -1728,11 +1746,14 @@ const IframeInput = class {
         const params = new URLSearchParams(encodedObject).toString();
         return params;
     }
+    get iframeSrc() {
+        return `${this.iframeOrigin}?${this.urlParams}`;
+    }
     render() {
-        return (index$1.h(index$1.Host, { key: '60e76f1a33ddd4ea5b89cd31a1b6906ff53c5ddb', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '5fdef33ae8deb616929478d06fddc01b97233f0a', style: {
+        return (index.h(index.Host, { key: 'ec85f26f88845957744034690b1ab0342009485c', class: "form-group d-flex flex-column" }, index.h("div", { key: 'e4b29dedfa037218b984bbcd00d3aed3bf6987bd', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index$1.h("label", { key: 'e37adecf5024d4c77561d3ca269f49c398fc8fd7', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '206a703cd84d713155aa754576410f495b4329fe', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '214ecd5b4fa9d075b91ea73b9edd09fdfa0cdf12', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index.h("label", { key: '9e9539cc47e48b835dac8a0510899e6a2a25b46b', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index.h("div", { key: '45b0ef6167e59c542b7e72e9dbdb76c9d29bcfb1', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index.h("iframe", { key: 'f52a24114c2e6de9cb110b20db28782125f3db9f', id: this.inputId, name: this.inputId, src: this.iframeSrc, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1742,10 +1763,11 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: 'bec41e86a063eacb8f1f741b446c64db540d9e4d', errorText: this.errorText, name: this.inputId }))));
+            } })), index.h(formControlErrorText.FormControlErrorText, { key: '6cec57e9a2d5ef4901302087e270255248cde0f1', errorText: this.errorText, name: this.inputId }))));
     }
-    get el() { return index$1.getElement(this); }
+    get el() { return index.getElement(this); }
 };
 
+exports.form_alert = FormAlert;
 exports.hidden_input = HiddenInput;
 exports.iframe_input = IframeInput;

package/dist/cjs/form-control-checkbox.cjs.entry.js

@@ -42,10 +42,10 @@ const FormControlCheckbox = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: 'dc2fdbd7fd92a0205b15e4b302458d8f0d775b35' }, index.h("div", { key: 'f32f7d5cb559282cece071f3623bdab80998bc04', class: 'form-group d-flex flex-column' }, index.h("div", { key: '5481439484b97ad733a0051f1722a5c3ed45778d', class: "form-check" }, index.h("input", { key: '9e96a563e5b0b1a9589dff7eb4f3eb3038d4918b', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'c125c58c5883ba06b2a671551340b0ee316308af' }, index.h("div", { key: 'fd4b904ef4f20c357ef3aa9ce8b69b452f62bc0e', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'b787782fcd23cbb044df6ea95a441fd71045815a', class: "form-check" }, index.h("input", { key: '72e4b3bed060f8b93fa53b254f6d492082270e62', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '11a27a415d7741d8a29dde8d1fd029c2e143f235', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: '3e0ef15182200a48d3cf3142c3511a0ad8095db3', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'e85175ea76f6073d7ee813a3f2d8eaecc044601a', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '8a17ab6e5144bb06486c1e74035576b5ce473621', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'd0be5c8bf0cd51bf2251a5d780538d2e053163cb', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'ebffb11e0e2fa1dd2846d389604856fc04943b55', errorText: this.errorText, name: this.name }))));
     }
 };
 

package/dist/cjs/form-control-select_2.cjs.entry.js

@@ -42,10 +42,10 @@ const FormControlSelect = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'bf6556107b1f272aa6bc4f89cb0f2a889f8b9d1d' }, index.h("div", { key: 'be1644d78987676c9af452831e25c3effc31a67c', class: "form-group d-flex flex-column" }, index.h("div", { key: '62eaea4bdbee959d6e785c00c4f41f642c0a16af', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '641ada798c78ca0c649ec76029c157069636838b', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3a04fe21799a54e402e8afead34b60898c804af4', helpText: this.helpText })), index.h("select", { key: '54188864be36aed540647275cd84eae738eb633f', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '181f9882efa122d1158475b03c5d91b6a596a029' }, index.h("div", { key: 'ab62345c08da6d3d33fa110937c936758e065eb3', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a4cd1468d4c57b63ee25f25cca6f42ea08b70ef4', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'ebb6e16b2e11a3623c3152eb8e1b51412fa4d1ae', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '5d5d414a90927659661b6a2e167056c938e9c5a7', helpText: this.helpText })), index.h("select", { key: '8105c889f7fdb9376848c6057ccd58b9c62841a4', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: '387753bf79494f44a91858175af74d48a9e9c051', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: '061a26387560f0b8085e83e1c373a43340146469', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/{get-business-B3Jf5X7U.js → get-business-BBDsPv-b.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var Business = require('./Business-oBifyXkW.js');
-var Plaid = require('./Plaid-CbaU5Arm.js');
-var utils = require('./utils-8zgGi717.js');
+var Plaid = require('./Plaid-B2o4c_Ej.js');
+var utils = require('./utils-WrOn06xB.js');
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/cjs/{get-payment-details-Q9lHwr8Y.js → get-payment-details-BYZeUFAB.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-require('./config-state-BIgGhhe9.js');
+require('./config-state-C1YMiFpR.js');
 require('./dinero-BwNN_k7x.js');
-var Plaid = require('./Plaid-CbaU5Arm.js');
+var Plaid = require('./Plaid-B2o4c_Ej.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-var utils = require('./utils-8zgGi717.js');
+var utils = require('./utils-WrOn06xB.js');
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/cjs/{get-subaccounts-Csq0SIVV.js → get-subaccounts-CuruLv9t.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var Api = require('./Api-B4fSXAdi.js');
-var Plaid = require('./Plaid-CbaU5Arm.js');
+var Api = require('./Api-C2V2lX6a.js');
+var Plaid = require('./Plaid-B2o4c_Ej.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-require('./config-state-BIgGhhe9.js');
+require('./config-state-C1YMiFpR.js');
 require('./dinero-BwNN_k7x.js');
-var utils = require('./utils-8zgGi717.js');
+var utils = require('./utils-WrOn06xB.js');
 
 const api = Api.Api();
 class SubAccountService {

package/dist/cjs/{index-W-zoNiyM.js → index-DDrfAj-j.js}

@@ -2,15 +2,18 @@
 
 var index = require('./index-p7cvUYAE.js');
 
-const appendToMap = (map, propName, value) => {
+const appendToMap = (map, refsByValue, propName, value) => {
+    let ref = refsByValue.get(value);
+    if (!ref) {
+        ref = new WeakRef(value);
+        refsByValue.set(value, ref);
+    }
     let refs = map.get(propName);
     if (!refs) {
-        refs = [];
+        refs = new Set();
         map.set(propName, refs);
     }
-    if (!refs.some((ref) => ref.deref() === value)) {
-        refs.push(new WeakRef(value));
-    }
+    refs.add(ref);
 };
 const debounce = (fn, ms) => {
     let timeoutId;
@@ -36,13 +39,15 @@ const debounce = (fn, ms) => {
  */
 const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
 const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        const refs = map.get(key).filter((ref) => {
+    map.forEach((refs, key) => {
+        const nextRefs = new Set();
+        refs.forEach((ref) => {
             const elm = ref.deref();
-            return elm && isConnected(elm);
+            if (elm && isConnected(elm))
+                nextRefs.add(ref);
         });
-        map.set(key, refs);
-    }
+        map.set(key, nextRefs);
+    });
 }, 2_000);
 const core = index.StencilCore;
 const forceUpdate = core.forceUpdate;
@@ -55,23 +60,24 @@ const stencilSubscription = () => {
     }
     const ensureForceUpdate = forceUpdate;
     const ensureGetRenderingRef = getRenderingRef;
+    const refsByElement = new WeakMap();
     const elmsToUpdate = new Map();
     return {
         dispose: () => elmsToUpdate.clear(),
         get: (propName) => {
             const elm = ensureGetRenderingRef();
             if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
+                appendToMap(elmsToUpdate, refsByElement, propName, elm);
             }
         },
         set: (propName) => {
             const refs = elmsToUpdate.get(propName);
             if (refs) {
-                const nextRefs = refs.filter((ref) => {
+                const nextRefs = new Set();
+                refs.forEach((ref) => {
                     const elm = ref.deref();
-                    if (!elm)
-                        return false;
-                    return ensureForceUpdate(elm);
+                    if (elm && ensureForceUpdate(elm))
+                        nextRefs.add(ref);
                 });
                 elmsToUpdate.set(propName, nextRefs);
             }

package/dist/cjs/{insurance-state-B-XQRmMs.js → insurance-state-CHQD1ZGw.js}

@@ -2,7 +2,7 @@
 
 var index = require('./index-p7cvUYAE.js');
 var parts = require('./parts-BXshb_S-.js');
-var index$1 = require('./index-W-zoNiyM.js');
+var index$1 = require('./index-DDrfAj-j.js');
 
 const Header2 = (props) => {
     return index.h("h2", { class: `header-2 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading2 }, props.text);

package/dist/cjs/justifi-apple-pay_11.cjs.entry.js

@@ -1,31 +1,31 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Api = require('./Api-B4fSXAdi.js');
-var Plaid = require('./Plaid-CbaU5Arm.js');
+var Api = require('./Api-C2V2lX6a.js');
+var Plaid = require('./Plaid-B2o4c_Ej.js');
 var styledHost = require('./styled-host-CW1WUnUq.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
-var checkout_store = require('./checkout.store-CZHrIuaP.js');
+var checkout_store = require('./checkout.store-DOa1-SjA.js');
 var parts = require('./parts-BXshb_S-.js');
 var utils = require('./utils-DB4XHlAU.js');
-var configState = require('./config-state-BIgGhhe9.js');
+var configState = require('./config-state-C1YMiFpR.js');
 var header1 = require('./header-1-CsBQoo1f.js');
-var insuranceState = require('./insurance-state-B-XQRmMs.js');
+var insuranceState = require('./insurance-state-CHQD1ZGw.js');
 var header3 = require('./header-3-DCYJhPro.js');
-var Analytics = require('./Analytics-DahOCpJB.js');
-var checkPkgVersion = require('./check-pkg-version-DR4Ghb6-.js');
+var Analytics = require('./Analytics-46pgYofS.js');
+var checkPkgVersion = require('./check-pkg-version-BsDr9TZT.js');
 require('./dinero-BwNN_k7x.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-var checkoutActions = require('./checkout-actions-Cm38ZPqN.js');
-var checkout_service = require('./checkout.service-DyL8PSeF.js');
-var plaid_service = require('./plaid.service-DJ42fz7B.js');
+var checkoutActions = require('./checkout-actions-VCJi-q4z.js');
+var checkout_service = require('./checkout.service-DObCfUj2.js');
+var plaid_service = require('./plaid.service-jphsDR0Z.js');
 var index$1 = require('./index-CajjbB9t.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
-require('./package-DkLJAjev.js');
-require('./index-W-zoNiyM.js');
-require('./utils-8zgGi717.js');
+require('./package-Cb1-8Jj8.js');
+require('./index-DDrfAj-j.js');
+require('./utils-WrOn06xB.js');
 
 const JustifiRadioListItem = class {
     constructor(hostRef) {
@@ -566,7 +566,7 @@ const JustifiApplePay = class {
                 this.error = null;
                 this.applePayStarted.emit();
                 const paymentRequest = {
-                    countryCode: this.countryCodeForCurrency(checkout_store.checkoutStore.paymentCurrency),
+                    countryCode: this.countryCode,
                     currencyCode: checkout_store.checkoutStore.paymentCurrency,
                     merchantCapabilities: [
                         Plaid.ApplePayMerchantCapability.SUPPORTS_3DS,
@@ -576,7 +576,6 @@ const JustifiApplePay = class {
                     supportedNetworks: Plaid.ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: Plaid.ApplePayHelpers.createLineItem(checkout_store.checkoutStore.paymentDescription, checkout_store.checkoutStore.paymentAmount),
                 };
-                console.log("=== Apple Pay Payment Request ===", paymentRequest);
                 const result = await this.applePayService.startPaymentSession(paymentRequest, checkout_store.checkoutStore.authToken, checkout_store.checkoutStore.accountId);
                 if (result.success) {
                     this.applePayCompleted.emit({
@@ -631,12 +630,6 @@ const JustifiApplePay = class {
             });
         }
     }
-    countryCodeForCurrency(currency) {
-        if (currency.toLowerCase() == "cad") {
-            return "CA";
-        }
-        return "US";
-    }
     loadApplePaySDK() {
         if (this.sdkLoaded)
             return;
@@ -995,6 +988,7 @@ const JustifiModularCheckout = class {
         };
     }
     connectedCallback() {
+        var _a;
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
@@ -1012,8 +1006,8 @@ const JustifiModularCheckout = class {
         };
         this.getCheckout = checkoutActions.makeGetCheckout(config);
         this.completeCheckout = checkoutActions.makeCheckoutComplete(config);
-        // Emit checkout-changed whenever any store key changes
-        checkout_store.onAnyChange(() => {
+        (_a = this.unsubscribeCheckoutChanges) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.unsubscribeCheckoutChanges = checkout_store.onAnyChange(() => {
             this.emitCheckoutChanged();
         });
     }
@@ -1036,8 +1030,10 @@ const JustifiModularCheckout = class {
         this.setupGooglePayListeners();
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+        var _a, _b;
+        (_a = this.unsubscribeCheckoutChanges) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.unsubscribeCheckoutChanges = undefined;
+        (_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
         this.removeApplePayListeners();
         this.removeGooglePayListeners();
     }
@@ -1231,7 +1227,7 @@ const JustifiModularCheckout = class {
         }
     }
     async submitCheckout(submitCheckoutArgs) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (checkout_store.checkoutStore.isSubmitting)
             return;
         checkout_store.checkoutStore.isSubmitting = true;
@@ -1308,7 +1304,22 @@ const JustifiModularCheckout = class {
             });
             return;
         }
-        if (!checkout_store.checkoutStore.paymentToken) {
+        // Sezzle has no payment token; approval comes from the Sezzle popup
+        const isSezzle = ((_e = checkout_store.checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type) === index$1.PAYMENT_METHODS.SEZZLE;
+        if (isSezzle) {
+            const sezzleRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
+            const payload = await (sezzleRef === null || sezzleRef === void 0 ? void 0 : sezzleRef.resolvePaymentMethod({ isValid }));
+            if (((_f = payload === null || payload === void 0 ? void 0 : payload.bnpl) === null || _f === void 0 ? void 0 : _f.status) !== 'success') {
+                checkout_store.checkoutStore.isSubmitting = false;
+                this.errorEvent.emit({
+                    message: ((_g = payload === null || payload === void 0 ? void 0 : payload.error) === null || _g === void 0 ? void 0 : _g.message) || 'Sezzle checkout was not completed.',
+                    errorCode: Plaid.ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: Plaid.ComponentErrorSeverity.ERROR,
+                });
+                return;
+            }
+        }
+        if (!isSezzle && !checkout_store.checkoutStore.paymentToken) {
             checkout_store.checkoutStore.isSubmitting = false;
             this.errorEvent.emit({
                 message: 'Payment token not found.',
@@ -1336,8 +1347,8 @@ const JustifiModularCheckout = class {
             }
         };
         const payment = {
-            payment_mode: mapTypeToPaymentMode((_e = checkout_store.checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
-            payment_token: checkout_store.checkoutStore.paymentToken,
+            payment_mode: mapTypeToPaymentMode((_h = checkout_store.checkoutStore.selectedPaymentMethod) === null || _h === void 0 ? void 0 : _h.type),
+            payment_token: isSezzle ? undefined : checkout_store.checkoutStore.paymentToken,
         };
         if (this.preCompleteHook) {
             const state = checkout_store.getCheckoutState();
@@ -1372,7 +1383,7 @@ const JustifiModularCheckout = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: '545e1cb07252ba0dc78fa980bd17ee5572559f6c' });
+        return index.h(index.Host, { key: 'c9b021ee33cdac2c88ec16df613ccaf3f4e981ef' });
     }
     get hostEl() { return index.getElement(this); }
 };
@@ -1979,7 +1990,7 @@ const JustifiSavedPaymentMethods = class {
     }
 };
 
-const sezzleLogo = (index.h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
+const sezzleLogo = () => (index.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',
@@ -1991,8 +2002,6 @@ const JustifiSezzlePaymentMethod = class {
         this.paymentMethodOptionSelected = index.createEvent(this, "paymentMethodOptionSelected", 7);
         this.paymentMethodOptionId = index$1.PAYMENT_METHODS.SEZZLE;
         this.initializeSezzleCheckout = () => {
-            let resolveSezzlePromise;
-            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
             const amount = Number(checkout_store.checkoutStore.paymentAmount);
             const Checkout = window.Checkout;
             const checkout = new Checkout({
@@ -2009,9 +2018,9 @@ const JustifiSezzlePaymentMethod = class {
                         checkout_url: checkout_store.checkoutStore.bnplProviderCheckoutUrl,
                     });
                 },
-                onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
-                onCancel: (event) => resolveSezzlePromise({ bnpl: event.data }),
-                onFailure: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onComplete: (event) => { var _a; return (_a = this.resolveSezzlePromise) === null || _a === void 0 ? void 0 : _a.call(this, { bnpl: event.data }); },
+                onCancel: (event) => { var _a; return (_a = this.resolveSezzlePromise) === null || _a === void 0 ? void 0 : _a.call(this, { bnpl: event.data }); },
+                onFailure: (event) => { var _a; return (_a = this.resolveSezzlePromise) === null || _a === void 0 ? void 0 : _a.call(this, { bnpl: event.data }); },
             });
             this.sezzleCheckout = checkout;
             this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
@@ -2029,8 +2038,13 @@ const JustifiSezzlePaymentMethod = class {
         if (!insuranceValidation.isValid) {
             return { validationError: true };
         }
+        if (!this.sezzleButtonRef) {
+            return { error: { code: 'sezzle_not_ready', message: 'Sezzle is not ready yet. Please try again.', decline_code: '' } };
+        }
+        // new promise per attempt so retries after cancel/failure re-open the popup
+        const sezzlePromise = new Promise((resolve) => { this.resolveSezzlePromise = resolve; });
         this.sezzleButtonRef.click();
-        return this.sezzlePromise;
+        return sezzlePromise;
     }
     async handleSelectionClick() {
         checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.SEZZLE };
@@ -2042,7 +2056,7 @@ const JustifiSezzlePaymentMethod = class {
             console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
             return null;
         }
-        return (index.h(styledHost.StyledHost, { class: "payment-method" }, index.h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", null, index.h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (index.h("small", null, index.h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", index.h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", index.h("span", { class: "fw-bold" }, utils.formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents)))))));
+        return (index.h(styledHost.StyledHost, { class: "payment-method" }, index.h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", null, index.h("div", null, "Buy now, pay later with ", sezzleLogo()), this.installmentPlan && (index.h("small", null, index.h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", index.h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", index.h("span", { class: "fw-bold" }, utils.formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents)))))));
     }
 };