@justifi/webcomponents 6.7.0 → 6.7.2

package/dist/cjs/{check-pkg-version-nSgWWvdw.js → check-pkg-version-BG-Rfkh5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _package = require('./package-B8gOzTFM.js');
+var _package = require('./package-Df5lTFe6.js');
 var Api = require('./Api-QUTWjGTy.js');
 require('./ComponentError-D4OLnOkg.js');
 require('./GooglePay-BwiJ_80p.js');

package/dist/cjs/hidden-input_2.cjs.entry.js

@@ -5,7 +5,7 @@ var index = require('./index-mmd0OhmD.js');
 var parts = require('./parts-BVbaniVM.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var formControlErrorText = require('./form-control-error-text-Dg_65HGK.js');
-var _package = require('./package-B8gOzTFM.js');
+var _package = require('./package-Df5lTFe6.js');
 
 const iframeInputStylesStore = index.createStore({
     focused: {

package/dist/cjs/internal-tokenize-payment-method_7.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-BhI7cJcE.js');
 var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var configState = require('./config-state-CYoBVAca.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
@@ -13,11 +13,11 @@ require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var index$1 = require('./index-CajjbB9t.js');
 var skeleton = require('./skeleton-B8dzxFFr.js');
+var utils = require('./utils-D4WPxuzW.js');
 var button = require('./button-fUPGXjU_.js');
 var parts = require('./parts-BVbaniVM.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./Api-QUTWjGTy.js');
-require('./utils-D4WPxuzW.js');
 require('./index-mmd0OhmD.js');
 
 const JustifiRadioListItem = class {
@@ -305,6 +305,7 @@ const BankAccountForm = class {
     async componentWillLoad() {
         await configState.waitForConfig();
         this.iframeOrigin = configState.configState.iframeOrigin;
+        this.tabId = utils.generateTabId();
         checkPkgVersion.checkPkgVersion();
         this.analytics = new checkPkgVersion.JustifiAnalytics(this);
     }
@@ -334,10 +335,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '0daa12da1ca699a05ca499425c4a37e4d913b2dd' }, index.h(BankAccountFormSkeleton, { key: '9d4ee0af94759d71d52130781401d322fcb5e397', isReady: this.isReady }), index.h("hidden-input", { key: 'dc4ee0054cbc7acb214a1c410f8fd387677f92dc' }), index.h("div", { key: 'b489311f205e0ffdaa4680621b706322bd3fc4ca', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '1513483acd2de524f8634feb14f366a269601e06' }, index.h(BankAccountFormSkeleton, { key: '8b14e99af751f3dbf6e0a3d2d187b44e0934456d', isReady: this.isReady }), index.h("hidden-input", { key: 'edfc3e1b190f28eee4a3769ff33fb7b8220f73d3' }), index.h("div", { key: '9371fe5f4e189c882d16bec25068efcc6d56aff9', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '2d1b00b9705d1a94364f691d4ad705c339abbbce', class: "row mb-3" }, index.h("iframe-input", { key: '21a66eb7d87b77c1ff1a1171a4cb84a4759853dd', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '1ff36d49f7304e203cdefea46010100ed750ed68', class: "row" }, index.h("iframe-input", { key: '2211a638c875e504e7e25e0704788d7a437b5806', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: '5cecb5ecc5a3cfdb1ff0fe659aa9e22c0c1c8a11', class: "row mb-3" }, index.h("iframe-input", { key: 'b970e3a6e563cf1a5cff651c219a954d32b1fec3', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), index.h("div", { key: 'eaf6b26dc3638f548fd7e5b45363319db3bdf5f2', class: "row" }, index.h("iframe-input", { key: 'c90064cec52a9100522f0ea62593b8e439ea7a9e', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 };
 
@@ -401,6 +402,7 @@ const JustifiCardForm = class {
     async componentWillLoad() {
         await configState.waitForConfig();
         this.iframeOrigin = configState.configState.iframeOrigin;
+        this.tabId = utils.generateTabId();
         checkPkgVersion.checkPkgVersion();
         this.analytics = new checkPkgVersion.JustifiAnalytics(this);
     }
@@ -434,10 +436,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b0b07a928be767102b59ec93ab0df6296b8418af' }, index.h(CardFormSkeleton, { key: '03d37e42253a905ece1e6a9b1d654e84665470d6', isReady: this.isReady }), index.h("hidden-input", { key: '62f657a6c0a4d5b7a7bbf809abeb42eba0d22345' }), index.h("div", { key: '874cac5eac376c8c4e12d99f760cd3cd487a6521', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '83bf3ea8d44fd14cf98725b1e800e2481222423b' }, index.h(CardFormSkeleton, { key: 'e23ef5cf5d8b756dcdfda6341a240d86e400a10e', isReady: this.isReady }), index.h("hidden-input", { key: 'eddc0b1549ee00084df8bfbbd22658bc48cdf493' }), index.h("div", { key: '753a4c38f8624a9d528c582fd5e26929977e88c5', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'dcada2d72eebe506fe4cab8ad6eb959c551e9e2d', class: "mb-3" }, index.h("iframe-input", { key: '7e784726f8dd0c8b35832646bc99e0d2131c08f9', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '2384099f3aa18b7d6bbc346f47ba9ff06e5b7e86', class: "row" }, index.h("div", { key: '5fb523cd3f398894e5c7ee3e8a58d34581492410', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'a3b4aa06a5c85162d24e25a5261a9a2cc64a6b82', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '3ccd6a19fce1c393a8c58534113239c518d51a4f', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '6d064b868c73b4431b476194602843b0f28729e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '26cd762bec43890e96ab5c6903943b0f4cfa9672', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '826dfe08347461bc5a94296b181826b70a7d1f6f', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: 'db1c408da9865db12899f2e86d46a3181f592333', class: "mb-3" }, index.h("iframe-input", { key: 'b31b33f68f34fbde9abdab13cc4b0b09e2122bad', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: '4e8e14e60bb566032530fd72e7f787226e0e7940', class: "row" }, index.h("div", { key: 'cb1c06bd2c2e04cffdc2a6572505a6dcf26e9b48', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '915ff44d990585262a2e60d83ac569cd56e90762', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: 'ceca19853d0e78828c5a89a5e1f99acce6d05345', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'f0089860aab12b7bcfe31ac9fe6ed303182ff9fa', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: 'e1bdd33a875bdf82068aceeea68f27c48414ed65', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '7c483f78294418b7cee76e0c272ad375496bbc7d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 

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

@@ -12,7 +12,7 @@ var index$1 = require('./index-CajjbB9t.js');
 var header1 = require('./header-1-Bqejh9no.js');
 var insuranceState = require('./insurance-state-DsGnIHMM.js');
 var header3 = require('./header-3-DQ649Me2.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 require('./config-state-CYoBVAca.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
@@ -23,7 +23,7 @@ var utils$1 = require('./utils-DvUQQLmR.js');
 var checkout_service = require('./checkout.service-CwelwhrT.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
 require('./index-mmd0OhmD.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 
 // Centralized error codes for Apple Pay service
 var ApplePayServiceErrorCode;
@@ -914,7 +914,7 @@ class GooglePayService {
     /**
      * Create a basic payment data request
      */
-    static createPaymentDataRequest(amount, label, countryCode = 'US', currencyCode = 'USD', merchantName) {
+    static createPaymentDataRequest(amount, label, countryCode = 'US', currencyCode = 'USD', merchantName, merchantId) {
         const request = {
             apiVersion: 2,
             apiVersionMinor: 0,
@@ -928,6 +928,7 @@ class GooglePayService {
             },
             merchantInfo: {
                 merchantName,
+                merchantId,
             },
         };
         // No debug logs
@@ -1386,16 +1387,16 @@ const GooglePay = class {
         }
     }
     createPaymentDataRequest() {
-        return GooglePayService.createPaymentDataRequest(GooglePay$1.checkoutStore.paymentAmount, GooglePay$1.checkoutStore.paymentDescription, this.countryCode, GooglePay$1.checkoutStore.paymentCurrency, this.merchantName);
+        return GooglePayService.createPaymentDataRequest(GooglePay$1.checkoutStore.paymentAmount, GooglePay$1.checkoutStore.paymentDescription, this.countryCode, GooglePay$1.checkoutStore.paymentCurrency, this.merchantName, this.merchantId);
     }
     render() {
         const showError = !this.isLoading && !!this.error;
         const showDeviceUnavailable = !this.isLoading && !this.error && !this.isAvailable;
         const showPaymentsUnavailable = !this.isLoading && !this.error && this.isAvailable && !this.canMakePayments;
         const showButton = !this.isLoading && !this.error && this.isAvailable && this.canMakePayments;
-        return (index.h(styledHost.StyledHost, { key: '1f0b34c9821cc3442d470ffe63abce283f81fa89' }, GooglePay$1.checkoutStore.checkoutLoaded && (index.h("script", { key: '0d5e5f405b50629e6dc80a545a06a4dafc341e64', async: true, src: 'https://pay.google.com/gp/p/js/pay.js', onLoad: () => {
+        return (index.h(styledHost.StyledHost, { key: 'ee9d21e776e2a5c48d3fa2fb505290020707897d' }, GooglePay$1.checkoutStore.checkoutLoaded && (index.h("script", { key: '72bd5be9e6b80a42e219082cb248927aa6e1154b', async: true, src: 'https://pay.google.com/gp/p/js/pay.js', onLoad: () => {
                 this.initializeGooglePay();
-            } })), index.h("div", { key: '83a35cff20c0b1c4de521a845a6fb964c81dfcae', class: 'google-pay-container' }, index.h(GooglePaySkeleton, { key: '245833ba9f530d3e9e35373cd8b22dff00451561', isLoading: this.isLoading }), showError && (index.h("div", { key: 'e47b0aeffae5b749fe1da9b8bd00e2aafe9d6616', class: 'google-pay-error', role: 'alert', "data-testid": 'gp-error' }, index.h("span", { key: 'd1dd1d928868b0917be696deecac2db51a8b2356', class: 'error-icon' }, "\u26A0\uFE0F"), index.h("span", { key: '132c4a4fe9f635752f2c831f9fac46bf44f9414c', class: 'error-message' }, this.error))), showDeviceUnavailable && (index.h("div", { key: 'c376807e7b7d4eecf739ce2b7665c18cd36b7d6c', class: 'google-pay-unavailable', "data-testid": 'gp-device-unavailable' }, index.h("span", { key: '515f96d8a7edae2654ca900d4c6bdc31c0569dba', class: 'unavailable-message' }, "Google Pay is not available on this device"))), showPaymentsUnavailable && (index.h("div", { key: '917571ced603e504034d155f1066b8a47ad7db5b', class: 'google-pay-unavailable', "data-testid": 'gp-payments-unavailable' }, index.h("span", { key: 'd5a25481c52b9c781e7602014d41502a37ef41fb', class: 'unavailable-message' }, "Google Pay is not available for payments"))), showButton && (index.h(GooglePayButton, { key: 'ac9f2d4cef0f9f5bab2042e327182edba310d6c8', "data-testid": 'gp-button', buttonType: this.buttonType, buttonStyle: this.buttonStyle, buttonSizeMode: this.buttonSizeMode, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleGooglePayClick }))), index.h("style", { key: 'ead06da7b7b599bd68829a95d2725339ec40f44d' }, `
+            } })), index.h("div", { key: 'f0c2c019b80589e69c159e78b18e37fc5b1f5b21', class: 'google-pay-container' }, index.h(GooglePaySkeleton, { key: 'd2b1f727aec121ce5e71afcd4306df92a4b5dd3b', isLoading: this.isLoading }), showError && (index.h("div", { key: '257df18492bff1609b864b69e2fffbacfc751ead', class: 'google-pay-error', role: 'alert', "data-testid": 'gp-error' }, index.h("span", { key: 'f0ece1f1ceeb2fd957ab577f848741a377c7375d', class: 'error-icon' }, "\u26A0\uFE0F"), index.h("span", { key: '9139e3824de300b51b2f577fbfa77ab200b0afa5', class: 'error-message' }, this.error))), showDeviceUnavailable && (index.h("div", { key: 'f1bf0002a82aec202b168130729c16caeb254119', class: 'google-pay-unavailable', "data-testid": 'gp-device-unavailable' }, index.h("span", { key: 'de42cef5e7fd8df4f84c6b2d9429672b97e9e805', class: 'unavailable-message' }, "Google Pay is not available on this device"))), showPaymentsUnavailable && (index.h("div", { key: 'a4738f6c36240efee000560acc775e431b517588', class: 'google-pay-unavailable', "data-testid": 'gp-payments-unavailable' }, index.h("span", { key: '6987a5208a702c15081660b09bfc10360eeef922', class: 'unavailable-message' }, "Google Pay is not available for payments"))), showButton && (index.h(GooglePayButton, { key: 'de09f6693db4dc60ba6529e683dc213bec8492a5', "data-testid": 'gp-button', buttonType: this.buttonType, buttonStyle: this.buttonStyle, buttonSizeMode: this.buttonSizeMode, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleGooglePayClick }))), index.h("style", { key: 'ed3249a9b1f55720f6f4f29b3923ae2c6eda3431' }, `
             .google-pay-container {
               width: 100%;
             }
@@ -1904,7 +1905,8 @@ const ModularCheckout = class {
                     this.preCompleteHook(state, () => resolve(), () => reject());
                 });
             }
-            catch (_f) {
+            catch (error) {
+                console.log('Checkout cancelled by preCompleteHook', error);
                 return;
             }
         }
@@ -1926,7 +1928,7 @@ const ModularCheckout = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: 'e771926ee79c47b09145bd44b47cbba3c21be3eb' });
+        return index.h(index.Host, { key: '9ec3d399f4283773584cf02e7bdcece0bf50b1e0' });
     }
     get hostEl() { return index.getElement(this); }
 };

package/dist/cjs/justifi-business-details.cjs.entry.js

@@ -5,7 +5,7 @@ var utils = require('./utils-CMiA4X7s.js');
 var business_service = require('./business.service-q93NsTG_.js');
 var getBusiness = require('./get-business-D9ZHyPem.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 require('./parts-BVbaniVM.js');
 require('./Api-QUTWjGTy.js');
 require('./config-state-CYoBVAca.js');
@@ -18,7 +18,7 @@ require('./index-CajjbB9t.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./utils-DvUQQLmR.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

package/dist/cjs/justifi-business-form.cjs.entry.js

@@ -11,7 +11,7 @@ require('./GooglePay-BwiJ_80p.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var button = require('./button-fUPGXjU_.js');
 var styledHost = require('./styled-host-D5g7INLE.js');
 var header1 = require('./header-1-Bqejh9no.js');
@@ -27,7 +27,7 @@ require('./business-form-options-e9UFw4P-.js');
 require('./index-mmd0OhmD.js');
 require('./utils-D4WPxuzW.js');
 require('./index-CajjbB9t.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./Api-QUTWjGTy.js');
 require('./parts-BVbaniVM.js');
 require('./utils-DvUQQLmR.js');

package/dist/cjs/justifi-checkout.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var index = require('./index-BhI7cJcE.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var GooglePay = require('./GooglePay-BwiJ_80p.js');
 var parts = require('./parts-BVbaniVM.js');
 var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
 var index$1 = require('./index-CajjbB9t.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./Api-QUTWjGTy.js');
 require('./config-state-CYoBVAca.js');
 require('./index-mmd0OhmD.js');

package/dist/cjs/justifi-checkouts-list.cjs.entry.js

@@ -9,7 +9,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var checkout_service = require('./checkout.service-CwelwhrT.js');
 var getSubaccounts = require('./get-subaccounts-BE_wcfM7.js');
 var styledHost = require('./styled-host-D5g7INLE.js');
@@ -18,7 +18,7 @@ var checkoutsTable = require('./checkouts-table-BBtqxG2F.js');
 require('./index-mmd0OhmD.js');
 require('./utils-D4WPxuzW.js');
 require('./index-CajjbB9t.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./Api-QUTWjGTy.js');
 require('./badge-Cc87HAsf.js');
 require('./parts-BVbaniVM.js');

package/dist/cjs/justifi-dispute-management.cjs.entry.js

@@ -2,11 +2,11 @@
 
 var index = require('./index-BhI7cJcE.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var dispute_service = require('./dispute.service-q5ha39uN.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./Api-QUTWjGTy.js');
 require('./config-state-CYoBVAca.js');
 require('./index-mmd0OhmD.js');

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

@@ -11,7 +11,7 @@ var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var utils = require('./utils-DvUQQLmR.js');
 var dispute_service = require('./dispute.service-q5ha39uN.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 require('./dinero-BwNN_k7x.js');
 require('./Api-QUTWjGTy.js');
 require('./config-state-CYoBVAca.js');
@@ -21,7 +21,7 @@ require('./Dispute-CruQTF6_.js');
 require('./index-CajjbB9t.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;

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

@@ -9,14 +9,14 @@ require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var utils$1 = require('./utils-CMiA4X7s.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 require('./config-state-CYoBVAca.js');
 require('./index-mmd0OhmD.js');
 require('./utils-D4WPxuzW.js');
 require('./dinero-BwNN_k7x.js');
 require('./index-CajjbB9t.js');
 require('./parts-BVbaniVM.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 
 const api = Api.Api();
 class ReportsService {

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

@@ -4,7 +4,7 @@ var index = require('./index-BhI7cJcE.js');
 var parts = require('./parts-BVbaniVM.js');
 var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var business_service = require('./business.service-q93NsTG_.js');
 var Business = require('./Business-DWHy_-z9.js');
@@ -18,7 +18,7 @@ require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var terminal_service = require('./terminal.service-CFt55QNO.js');
 var utils$1 = require('./utils-D4WPxuzW.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./Api-QUTWjGTy.js');
 require('./index-mmd0OhmD.js');
 require('./index-CajjbB9t.js');

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

@@ -5,7 +5,7 @@ var payment_service = require('./payment.service-CyHFdJ7n.js');
 var getPaymentDetails = require('./get-payment-details-DidIAK2i.js');
 var utils = require('./utils-CMiA4X7s.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 require('./Api-QUTWjGTy.js');
 require('./config-state-CYoBVAca.js');
 require('./index-mmd0OhmD.js');
@@ -18,7 +18,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./utils-DvUQQLmR.js');
 require('./parts-BVbaniVM.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 
 const PaymentDetails = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BhI7cJcE.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
 var business_service = require('./business.service-q93NsTG_.js');
@@ -10,7 +10,7 @@ require('./GooglePay-BwiJ_80p.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./utils-DvUQQLmR.js');
 require('./config-state-CYoBVAca.js');
 require('./index-mmd0OhmD.js');

package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js

@@ -8,7 +8,7 @@ var GooglePay = require('./GooglePay-BwiJ_80p.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var utils = require('./utils-DvUQQLmR.js');
 var payment_service = require('./payment.service-CyHFdJ7n.js');
 var table = require('./table-CrtpRwGN.js');
@@ -18,7 +18,7 @@ var utils$1 = require('./utils-D4WPxuzW.js');
 var parts = require('./parts-BVbaniVM.js');
 require('./index-mmd0OhmD.js');
 require('./index-CajjbB9t.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./Api-QUTWjGTy.js');
 require('./spinner-jHyLNCGO.js');
 

package/dist/cjs/justifi-payments-list.cjs.entry.js

@@ -10,7 +10,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
 var paymentsTable = require('./payments-table-CWXVhECV.js');
@@ -18,7 +18,7 @@ require('./Api-QUTWjGTy.js');
 require('./utils-D4WPxuzW.js');
 require('./index-mmd0OhmD.js');
 require('./index-CajjbB9t.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./payments-status-BP4u31jU.js');
 require('./badge-Cc87HAsf.js');
 require('./parts-BVbaniVM.js');

package/dist/cjs/justifi-payout-details.cjs.entry.js

@@ -11,14 +11,14 @@ require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var utils$1 = require('./utils-CMiA4X7s.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var getPayoutCsv = require('./get-payout-csv-DE_D9y08.js');
 require('./Api-QUTWjGTy.js');
 require('./utils-D4WPxuzW.js');
 require('./index-mmd0OhmD.js');
 require('./index-CajjbB9t.js');
 require('./parts-BVbaniVM.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js

@@ -8,7 +8,7 @@ var GooglePay = require('./GooglePay-BwiJ_80p.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var utils = require('./utils-DvUQQLmR.js');
 var payout_service = require('./payout.service-Half-hdB.js');
 var table = require('./table-CrtpRwGN.js');
@@ -18,7 +18,7 @@ var utils$1 = require('./utils-D4WPxuzW.js');
 var parts = require('./parts-BVbaniVM.js');
 require('./index-mmd0OhmD.js');
 require('./index-CajjbB9t.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./Api-QUTWjGTy.js');
 require('./spinner-jHyLNCGO.js');
 

package/dist/cjs/justifi-payouts-list.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BhI7cJcE.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var payout_service = require('./payout.service-Half-hdB.js');
 require('./config-state-CYoBVAca.js');
 require('./dinero-BwNN_k7x.js');
@@ -16,7 +16,7 @@ var getSubaccounts = require('./get-subaccounts-BE_wcfM7.js');
 var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
 var payoutsTable = require('./payouts-table-ZLTcfkUm.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./Api-QUTWjGTy.js');
 require('./utils-D4WPxuzW.js');
 require('./index-mmd0OhmD.js');

package/dist/cjs/justifi-refund-payment.cjs.entry.js

@@ -14,7 +14,7 @@ var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
 var payment_service = require('./payment.service-CyHFdJ7n.js');
 var getPaymentDetails = require('./get-payment-details-DidIAK2i.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var utils$1 = require('./utils-DvUQQLmR.js');
 var Api = require('./Api-QUTWjGTy.js');
 var skeleton = require('./skeleton-B8dzxFFr.js');
@@ -23,7 +23,7 @@ require('./dinero-BwNN_k7x.js');
 require('./index-mmd0OhmD.js');
 require('./index-CajjbB9t.js');
 require('./parts-BVbaniVM.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 
 const amountValidation = (maxAmount) => {
     const max = +maxAmount;
@@ -102,13 +102,52 @@ const makePostRefund = ({ authToken, accountId, paymentId, service }) => async (
     }
 };
 
-const api = Api.Api();
+const api$1 = Api.Api();
 class RefundService {
     async postRefund(paymentId, accountId, authToken, refundBody) {
         const endpoint = `payments/${paymentId}/refunds`;
         const headers = { 'Sub-Account': accountId };
         const body = refundBody;
-        return api.post({ endpoint, headers, body, authToken });
+        return api$1.post({ endpoint, headers, body, authToken });
+    }
+}
+
+const makePostVoid = ({ authToken, accountId, paymentId, service }) => async ({ onSuccess, onError, final }) => {
+    var _a;
+    try {
+        const response = await service.postVoid(paymentId, accountId, authToken);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = utils$1.getErrorMessage(response.error);
+            const code = utils$1.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils$1.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+
+const api = Api.Api();
+class VoidService {
+    async postVoid(paymentId, accountId, authToken) {
+        const endpoint = `payments/${paymentId}/void`;
+        const headers = { 'Sub-Account': accountId };
+        return api.post({ endpoint, headers, authToken });
     }
 }
 
@@ -149,6 +188,16 @@ const RefundPayment = class {
         const errorMessage = 'Refund amount must be greater than 0';
         this.handleError(ComponentError.ComponentErrorCodes.INVALID_REFUND_AMOUNT, errorMessage, ComponentError.ComponentErrorSeverity.ERROR);
     }
+    isPaymentCreatedWithin25Minutes() {
+        var _a;
+        if (!this.payment || !((_a = this.payment) === null || _a === void 0 ? void 0 : _a.created_at)) {
+            return false;
+        }
+        const paymentCreatedAt = new Date(this.payment.created_at);
+        const now = new Date();
+        const diffInMinutes = (now.getTime() - paymentCreatedAt.getTime()) / (1000 * 60);
+        return diffInMinutes <= 25;
+    }
     initializeFormController() {
         const amount = this.refundPayload.amount;
         const amountRefundable = amount ? amount.toString() : '0';
@@ -172,6 +221,7 @@ const RefundPayment = class {
             });
             getPayment({
                 onSuccess: ({ payment }) => {
+                    this.payment = payment;
                     this.refundPayload = new GooglePay.RefundPayload({ amount: payment.amount_refundable });
                 },
                 onError: ({ error, code, severity }) => {
@@ -195,14 +245,56 @@ const RefundPayment = class {
         const valid = await this.formController.validate();
         if (!valid)
             return;
+        const values = this.formController.values.getValue();
+        this.refundLoading = true;
+        // Check if payment was created within 25 minutes and try to void first
+        if (this.isPaymentCreatedWithin25Minutes()) {
+            return this.tryVoidPayment();
+        }
+        // Otherwise, proceed with refund
+        return this.processRefund(values);
+    }
+    async tryVoidPayment() {
+        const postVoid = makePostVoid({
+            authToken: this.authToken,
+            accountId: this.accountId,
+            paymentId: this.paymentId,
+            service: new VoidService()
+        });
+        return new Promise((resolve) => {
+            let voidResponse;
+            let voidAttempted = false;
+            const values = this.formController.values.getValue();
+            postVoid({
+                onSuccess: (response) => {
+                    voidResponse = response;
+                    voidAttempted = true;
+                },
+                onError: ({ error, code, severity }) => {
+                    // If void fails, fall back to refund
+                    voidAttempted = true;
+                    this.handleError(error, code, severity);
+                    this.processRefund(values)
+                        .then(resolve);
+                },
+                final: () => {
+                    if (voidResponse && !voidResponse.error && voidAttempted) {
+                        this.submitEvent.emit({ response: voidResponse });
+                        this.submitDisabled = true;
+                        this.refundLoading = false;
+                        resolve(voidResponse.data);
+                    }
+                },
+            });
+        });
+    }
+    async processRefund(values) {
         const postRefund = makePostRefund({
             authToken: this.authToken,
             accountId: this.accountId,
             paymentId: this.paymentId,
             service: new RefundService()
         });
-        const values = this.formController.values.getValue();
-        this.refundLoading = true;
         return new Promise((resolve) => {
             let refundResponse;
             postRefund({

package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js

@@ -8,7 +8,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
+var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
 var utils$1 = require('./utils-D4WPxuzW.js');
 var insuranceState = require('./insurance-state-DsGnIHMM.js');
 var parts = require('./parts-BVbaniVM.js');
@@ -18,7 +18,7 @@ var skeleton = require('./skeleton-B8dzxFFr.js');
 require('./config-state-CYoBVAca.js');
 require('./index-mmd0OhmD.js');
 require('./index-CajjbB9t.js');
-require('./package-B8gOzTFM.js');
+require('./package-Df5lTFe6.js');
 require('./dinero-BwNN_k7x.js');
 
 const api = Api.Api();