@justifi/webcomponents 5.7.6-rc-06 → 5.7.6-rc-07
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{check-pkg-version-AkwlI7Od.js → check-pkg-version-DEcNwH27.js} +1 -1
- package/dist/cjs/hidden-input_2.cjs.entry.js +1 -1
- package/dist/cjs/justifi-apple-pay.cjs.entry.js +33 -17
- package/dist/cjs/justifi-bank-account-form_5.cjs.entry.js +2 -2
- package/dist/cjs/justifi-business-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-business-form.cjs.entry.js +2 -2
- package/dist/cjs/justifi-button_5.cjs.entry.js +2 -2
- package/dist/cjs/justifi-checkout.cjs.entry.js +2 -2
- package/dist/cjs/justifi-checkouts-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-dispute-management.cjs.entry.js +2 -2
- package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js +2 -2
- package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +2 -2
- package/dist/cjs/justifi-order-terminals.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payments-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payout-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payouts-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-refund-payment.cjs.entry.js +2 -2
- package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +2 -2
- package/dist/cjs/justifi-terminal-orders-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-terminals-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-tokenize-payment-method.cjs.entry.js +2 -2
- package/dist/cjs/{package-BxbbLMLn.js → package-cJqLX2S4.js} +1 -1
- package/dist/collection/api/ApplePay.js +6 -11
- package/dist/collection/api/services/apple-pay.service.js +18 -4
- package/dist/collection/components/modular-checkout/sub-components/apple-pay.js +9 -2
- package/dist/docs.json +3 -3
- package/dist/esm/{check-pkg-version--jxAuWpF.js → check-pkg-version-mGsb6VH3.js} +1 -1
- package/dist/esm/hidden-input_2.entry.js +1 -1
- package/dist/esm/justifi-apple-pay.entry.js +33 -17
- package/dist/esm/justifi-bank-account-form_5.entry.js +2 -2
- package/dist/esm/justifi-business-details.entry.js +2 -2
- package/dist/esm/justifi-business-form.entry.js +2 -2
- package/dist/esm/justifi-button_5.entry.js +2 -2
- package/dist/esm/justifi-checkout.entry.js +2 -2
- package/dist/esm/justifi-checkouts-list.entry.js +2 -2
- package/dist/esm/justifi-dispute-management.entry.js +2 -2
- package/dist/esm/justifi-dispute-notification_3.entry.js +2 -2
- package/dist/esm/justifi-gross-payment-chart.entry.js +2 -2
- package/dist/esm/justifi-order-terminals.entry.js +2 -2
- package/dist/esm/justifi-payment-details.entry.js +2 -2
- package/dist/esm/justifi-payment-provisioning.entry.js +2 -2
- package/dist/esm/justifi-payment-transactions-list.entry.js +2 -2
- package/dist/esm/justifi-payments-list.entry.js +2 -2
- package/dist/esm/justifi-payout-details.entry.js +2 -2
- package/dist/esm/justifi-payout-transactions-list.entry.js +2 -2
- package/dist/esm/justifi-payouts-list.entry.js +2 -2
- package/dist/esm/justifi-refund-payment.entry.js +2 -2
- package/dist/esm/justifi-season-interruption-insurance.entry.js +2 -2
- package/dist/esm/justifi-terminal-orders-list.entry.js +2 -2
- package/dist/esm/justifi-terminals-list.entry.js +2 -2
- package/dist/esm/justifi-tokenize-payment-method.entry.js +2 -2
- package/dist/esm/{package-COytJSGm.js → package-kbTAg0Fi.js} +1 -1
- package/dist/module/justifi-apple-pay.js +33 -17
- package/dist/module/package.js +1 -1
- package/dist/types/api/ApplePay.d.ts +2 -2
- package/dist/types/api/services/apple-pay.service.d.ts +7 -2
- package/dist/webcomponents/p-0b2f1cdd.entry.js +1 -0
- package/dist/webcomponents/{p-fbd3e0e3.entry.js → p-154a298b.entry.js} +1 -1
- package/dist/webcomponents/{p-33fe206e.entry.js → p-1eb52e5c.entry.js} +1 -1
- package/dist/webcomponents/{p-b7adc480.entry.js → p-2041f39c.entry.js} +1 -1
- package/dist/webcomponents/{p-4d23ebb7.entry.js → p-20af3042.entry.js} +1 -1
- package/dist/webcomponents/p-271648dd.entry.js +1 -0
- package/dist/webcomponents/{p-eb69b479.entry.js → p-28beac6a.entry.js} +1 -1
- package/dist/webcomponents/{p-667b5302.entry.js → p-4022a5ec.entry.js} +1 -1
- package/dist/webcomponents/{p-855a2447.entry.js → p-426986d1.entry.js} +1 -1
- package/dist/webcomponents/{p-faf35b15.entry.js → p-450eeb37.entry.js} +1 -1
- package/dist/webcomponents/{p-a43bd396.entry.js → p-4d03b096.entry.js} +1 -1
- package/dist/webcomponents/{p-958e0c51.entry.js → p-56f91bae.entry.js} +1 -1
- package/dist/webcomponents/{p-3505a735.entry.js → p-5b4e8845.entry.js} +1 -1
- package/dist/webcomponents/{p-488f4f52.entry.js → p-67265fb9.entry.js} +1 -1
- package/dist/webcomponents/{p-a208da9e.entry.js → p-68d99790.entry.js} +1 -1
- package/dist/webcomponents/p-6f30cfa8.entry.js +1 -0
- package/dist/webcomponents/{p-8824c860.entry.js → p-794224cb.entry.js} +1 -1
- package/dist/webcomponents/{p-ce0da3ec.entry.js → p-813858cb.entry.js} +1 -1
- package/dist/webcomponents/{p-OeJDUMFM.js → p-DkGfv8M-.js} +1 -1
- package/dist/webcomponents/{p-d65a971e.entry.js → p-a7ab198e.entry.js} +1 -1
- package/dist/webcomponents/{p-8032dd16.entry.js → p-aac4b32b.entry.js} +1 -1
- package/dist/webcomponents/{p-ea958e5d.entry.js → p-cd89e908.entry.js} +1 -1
- package/dist/webcomponents/{p-d2ddf864.entry.js → p-cf5256f3.entry.js} +1 -1
- package/dist/webcomponents/p-e0ba82b6.entry.js +1 -0
- package/dist/webcomponents/{p-58fcce9f.entry.js → p-f53ff470.entry.js} +1 -1
- package/dist/webcomponents/p-kbTAg0Fi.js +1 -0
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/webcomponents/p-5e1f4c1f.entry.js +0 -1
- package/dist/webcomponents/p-6da97bca.entry.js +0 -1
- package/dist/webcomponents/p-86f73372.entry.js +0 -1
- package/dist/webcomponents/p-880b9afe.entry.js +0 -1
- package/dist/webcomponents/p-COytJSGm.js +0 -1
|
@@ -13,7 +13,7 @@ import { S as StyledHost } from './styled-host-B_XBaM7z.js';
|
|
|
13
13
|
import './event-types-CZfYo5-1.js';
|
|
14
14
|
import { P as PaymentService } from './payment.service-BnDr_9vX.js';
|
|
15
15
|
import { m as makeGetPaymentDetails } from './get-payment-details-j8nOngzB.js';
|
|
16
|
-
import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version
|
|
16
|
+
import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-mGsb6VH3.js';
|
|
17
17
|
import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
|
|
18
18
|
import { A as Api } from './Api-DQM93PRm.js';
|
|
19
19
|
import { S as Skeleton } from './skeleton-CZfDofm6.js';
|
|
@@ -22,7 +22,7 @@ import './index-B9me4yN2.js';
|
|
|
22
22
|
import './helpers-Mu7LQT-w.js';
|
|
23
23
|
import './state-options-BX8GieXu.js';
|
|
24
24
|
import './parts-D3G5aVLy.js';
|
|
25
|
-
import './package-
|
|
25
|
+
import './package-kbTAg0Fi.js';
|
|
26
26
|
|
|
27
27
|
const amountValidation = (maxAmount) => {
|
|
28
28
|
const max = +maxAmount;
|
|
@@ -7,14 +7,14 @@ import './Payment-Bs0-9Lnt.js';
|
|
|
7
7
|
import './Business-BCoP0TAV.js';
|
|
8
8
|
import './Dispute-7MWRbTXI.js';
|
|
9
9
|
import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
|
|
10
|
-
import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version
|
|
10
|
+
import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-mGsb6VH3.js';
|
|
11
11
|
import { c as checkoutStore } from './checkout.store-QrBBYQfi.js';
|
|
12
12
|
import './config-state-BrllxiM0.js';
|
|
13
13
|
import './index-B9me4yN2.js';
|
|
14
14
|
import './utils-B7jE0g5_.js';
|
|
15
15
|
import './helpers-Mu7LQT-w.js';
|
|
16
16
|
import './state-options-BX8GieXu.js';
|
|
17
|
-
import './package-
|
|
17
|
+
import './package-kbTAg0Fi.js';
|
|
18
18
|
|
|
19
19
|
const api = Api();
|
|
20
20
|
class InsuranceService {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js';
|
|
2
2
|
import { S as StyledHost } from './styled-host-B_XBaM7z.js';
|
|
3
3
|
import './event-types-CZfYo5-1.js';
|
|
4
|
-
import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version
|
|
4
|
+
import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-mGsb6VH3.js';
|
|
5
5
|
import { d as defaultColumnsKeys } from './terminal-orders-table-CvK516_V.js';
|
|
6
6
|
import './config-state-BrllxiM0.js';
|
|
7
7
|
import './utils-B7jE0g5_.js';
|
|
@@ -13,7 +13,7 @@ import './Business-BCoP0TAV.js';
|
|
|
13
13
|
import './Dispute-7MWRbTXI.js';
|
|
14
14
|
import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
|
|
15
15
|
import { A as Api } from './Api-DQM93PRm.js';
|
|
16
|
-
import './package-
|
|
16
|
+
import './package-kbTAg0Fi.js';
|
|
17
17
|
import './parts-D3G5aVLy.js';
|
|
18
18
|
import './badge-D-vrtiQR.js';
|
|
19
19
|
import './index-B9me4yN2.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js';
|
|
2
2
|
import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
|
|
3
|
-
import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version
|
|
3
|
+
import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-mGsb6VH3.js';
|
|
4
4
|
import { T as TerminalService } from './terminal.service-BLeBxTv4.js';
|
|
5
5
|
import './config-state-BrllxiM0.js';
|
|
6
6
|
import './utils-B7jE0g5_.js';
|
|
@@ -14,7 +14,7 @@ import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccoun
|
|
|
14
14
|
import { S as StyledHost } from './styled-host-B_XBaM7z.js';
|
|
15
15
|
import './event-types-CZfYo5-1.js';
|
|
16
16
|
import { d as defaultColumnsKeys } from './terminals-table-2QGQITkt.js';
|
|
17
|
-
import './package-
|
|
17
|
+
import './package-kbTAg0Fi.js';
|
|
18
18
|
import './Api-DQM93PRm.js';
|
|
19
19
|
import './index-B9me4yN2.js';
|
|
20
20
|
import './helpers-Mu7LQT-w.js';
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js'
|
|
|
2
2
|
import { B as Button } from './button-DxM4-mlD.js';
|
|
3
3
|
import { S as StyledHost } from './styled-host-B_XBaM7z.js';
|
|
4
4
|
import './event-types-CZfYo5-1.js';
|
|
5
|
-
import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version
|
|
5
|
+
import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-mGsb6VH3.js';
|
|
6
6
|
import './config-state-BrllxiM0.js';
|
|
7
7
|
import './utils-B7jE0g5_.js';
|
|
8
8
|
import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
|
|
@@ -13,7 +13,7 @@ import './Business-BCoP0TAV.js';
|
|
|
13
13
|
import './Dispute-7MWRbTXI.js';
|
|
14
14
|
import { c as checkoutStore } from './checkout.store-QrBBYQfi.js';
|
|
15
15
|
import './parts-D3G5aVLy.js';
|
|
16
|
-
import './package-
|
|
16
|
+
import './package-kbTAg0Fi.js';
|
|
17
17
|
import './Api-DQM93PRm.js';
|
|
18
18
|
import './index-B9me4yN2.js';
|
|
19
19
|
import './helpers-Mu7LQT-w.js';
|
|
@@ -75,9 +75,9 @@ class ApplePayPaymentRequest {
|
|
|
75
75
|
class ApplePayHelpers {
|
|
76
76
|
static isApplePaySupported() {
|
|
77
77
|
var _a;
|
|
78
|
-
return typeof window !== 'undefined' &&
|
|
78
|
+
return (typeof window !== 'undefined' &&
|
|
79
79
|
'ApplePaySession' in window &&
|
|
80
|
-
((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.supportsVersion(3));
|
|
80
|
+
((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.supportsVersion(3)));
|
|
81
81
|
}
|
|
82
82
|
static canMakePayments() {
|
|
83
83
|
var _a;
|
|
@@ -92,7 +92,7 @@ class ApplePayHelpers {
|
|
|
92
92
|
return false;
|
|
93
93
|
}
|
|
94
94
|
try {
|
|
95
|
-
return await ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePaymentsWithActiveCard(merchantIdentifier)) || false;
|
|
95
|
+
return ((await ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePaymentsWithActiveCard(merchantIdentifier))) || false);
|
|
96
96
|
}
|
|
97
97
|
catch (error) {
|
|
98
98
|
console.error('Error checking Apple Pay active card:', error);
|
|
@@ -109,23 +109,18 @@ class ApplePayHelpers {
|
|
|
109
109
|
return {
|
|
110
110
|
label,
|
|
111
111
|
amount: this.formatAmount(amount),
|
|
112
|
-
type
|
|
112
|
+
type,
|
|
113
113
|
};
|
|
114
114
|
}
|
|
115
115
|
static getDefaultSupportedNetworks() {
|
|
116
|
-
return [
|
|
117
|
-
'amex',
|
|
118
|
-
'discover',
|
|
119
|
-
'masterCard',
|
|
120
|
-
'visa'
|
|
121
|
-
];
|
|
116
|
+
return ['amex', 'discover', 'masterCard', 'visa'];
|
|
122
117
|
}
|
|
123
118
|
static getDefaultMerchantCapabilities() {
|
|
124
119
|
return [
|
|
125
120
|
ApplePayMerchantCapability.SUPPORTS_3DS,
|
|
126
121
|
ApplePayMerchantCapability.SUPPORTS_EMV,
|
|
127
122
|
ApplePayMerchantCapability.SUPPORTS_CREDIT,
|
|
128
|
-
ApplePayMerchantCapability.SUPPORTS_DEBIT
|
|
123
|
+
ApplePayMerchantCapability.SUPPORTS_DEBIT,
|
|
129
124
|
];
|
|
130
125
|
}
|
|
131
126
|
}
|
|
@@ -165,6 +160,12 @@ class ApplePayService {
|
|
|
165
160
|
setApiBaseUrl(url) {
|
|
166
161
|
this.apiBaseUrl = url;
|
|
167
162
|
}
|
|
163
|
+
/**
|
|
164
|
+
* Set authentication token
|
|
165
|
+
*/
|
|
166
|
+
setAuthToken(authToken) {
|
|
167
|
+
this.authToken = authToken;
|
|
168
|
+
}
|
|
168
169
|
/**
|
|
169
170
|
* Initialize Apple Pay configuration
|
|
170
171
|
*/
|
|
@@ -177,7 +178,7 @@ class ApplePayService {
|
|
|
177
178
|
/**
|
|
178
179
|
* Validate merchant with Apple Pay servers via API (fixed to match original logic)
|
|
179
180
|
*/
|
|
180
|
-
async validateMerchant(payload) {
|
|
181
|
+
async validateMerchant(authToken, payload) {
|
|
181
182
|
const endpoint = `${this.apiBaseUrl}/v1/apple_pay/merchant_session`;
|
|
182
183
|
const body = payload;
|
|
183
184
|
const response = await fetch(endpoint, {
|
|
@@ -185,6 +186,7 @@ class ApplePayService {
|
|
|
185
186
|
headers: {
|
|
186
187
|
'Content-Type': 'application/json',
|
|
187
188
|
Accept: 'application/json',
|
|
189
|
+
Authorization: `Bearer ${authToken}`,
|
|
188
190
|
},
|
|
189
191
|
body: JSON.stringify(body),
|
|
190
192
|
});
|
|
@@ -206,7 +208,7 @@ class ApplePayService {
|
|
|
206
208
|
/**
|
|
207
209
|
* Process Apple Pay payment via API (fixed to match original logic)
|
|
208
210
|
*/
|
|
209
|
-
async processPayment(payload) {
|
|
211
|
+
async processPayment(authToken, payload) {
|
|
210
212
|
const endpoint = `${this.apiBaseUrl}/apple_pay/process_token`;
|
|
211
213
|
const body = payload;
|
|
212
214
|
const response = await fetch(endpoint, {
|
|
@@ -214,6 +216,7 @@ class ApplePayService {
|
|
|
214
216
|
headers: {
|
|
215
217
|
'Content-Type': 'application/json',
|
|
216
218
|
Accept: 'application/json',
|
|
219
|
+
Authorization: `Bearer ${authToken}`,
|
|
217
220
|
},
|
|
218
221
|
body: JSON.stringify(body),
|
|
219
222
|
});
|
|
@@ -296,7 +299,10 @@ class ApplePayService {
|
|
|
296
299
|
const validationPayload = {
|
|
297
300
|
validation_url: event.validationURL,
|
|
298
301
|
};
|
|
299
|
-
|
|
302
|
+
if (!this.authToken) {
|
|
303
|
+
throw new Error('Authentication token not set. Call setAuthToken() first.');
|
|
304
|
+
}
|
|
305
|
+
const merchantSession = await this.validateMerchant(this.authToken, validationPayload);
|
|
300
306
|
if (merchantSession && isValidMerchantSession(merchantSession)) {
|
|
301
307
|
try {
|
|
302
308
|
this.currentSession.completeMerchantValidation(merchantSession);
|
|
@@ -341,7 +347,10 @@ class ApplePayService {
|
|
|
341
347
|
price: ApplePayHelpers.parseAmount(this.currentPaymentRequest.total.amount),
|
|
342
348
|
description: this.currentPaymentRequest.total.label,
|
|
343
349
|
} });
|
|
344
|
-
|
|
350
|
+
if (!this.authToken) {
|
|
351
|
+
throw new Error('Authentication token not set. Call setAuthToken() first.');
|
|
352
|
+
}
|
|
353
|
+
const paymentResult = await this.processPayment(this.authToken, paymentPayload);
|
|
345
354
|
if (paymentResult.success) {
|
|
346
355
|
this.currentSession.completePayment({
|
|
347
356
|
status: ApplePaySessionStatus.STATUS_SUCCESS,
|
|
@@ -708,16 +717,23 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
|
|
|
708
717
|
componentWillLoad() {
|
|
709
718
|
this.applePayService = new ApplePayService();
|
|
710
719
|
this.applePayService.setApiBaseUrl(this.apiBaseUrl);
|
|
720
|
+
this.applePayService.setAuthToken(checkoutStore.authToken);
|
|
711
721
|
this.initializeApplePay();
|
|
712
722
|
}
|
|
713
723
|
componentDidLoad() {
|
|
714
724
|
onChange('paymentAmount', () => {
|
|
715
725
|
this.initializeApplePay();
|
|
716
726
|
});
|
|
727
|
+
onChange('authToken', () => {
|
|
728
|
+
if (this.applePayService) {
|
|
729
|
+
this.applePayService.setAuthToken(checkoutStore.authToken);
|
|
730
|
+
}
|
|
731
|
+
});
|
|
717
732
|
}
|
|
718
733
|
watchPropsChange() {
|
|
719
734
|
if (this.applePayService) {
|
|
720
735
|
this.applePayService.setApiBaseUrl(this.apiBaseUrl);
|
|
736
|
+
this.applePayService.setAuthToken(checkoutStore.authToken);
|
|
721
737
|
}
|
|
722
738
|
this.initializeApplePay();
|
|
723
739
|
}
|
|
@@ -786,10 +802,10 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
|
|
|
786
802
|
this.isAvailable &&
|
|
787
803
|
this.canMakePayments &&
|
|
788
804
|
!this.error;
|
|
789
|
-
return (h(StyledHost, { key: '
|
|
805
|
+
return (h(StyledHost, { key: '47b08ec084abe436b837e8b7f3c05b0517739112' }, h("div", { key: '4d3a0f847699541030c8aa2e53205a1a5f134472', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '36ac17a7bfd0465868030dfc6cdcbb57403cb4ee', isReady: isReady }), !this.isLoading && this.error && (h("div", { key: 'd3f821257b878e869d45a6f705537860b2eaeb0b', class: 'apple-pay-error', role: 'alert' }, h("span", { key: '0db06ceb58b1976aa4279e4ed17418307f9e5e9d', class: 'error-icon' }, "\u26A0\uFE0F"), h("span", { key: 'ed273caaa60fd3b065d36f9cc38c65886abfffa0', class: 'error-message' }, this.error))), !this.isLoading && !this.error && !this.isAvailable && (h("div", { key: '39ba962ff187cca4dd2e688b4d3be6f2c9a8a379', class: 'apple-pay-unavailable' }, h("span", { key: 'd1d52f8ad8abe3532195d228a4977a36c91c931f', class: 'unavailable-message' }, "Apple Pay is not available on this device"))), !this.isLoading &&
|
|
790
806
|
!this.error &&
|
|
791
807
|
this.isAvailable &&
|
|
792
|
-
this.canMakePayments && (h(ApplePayButton, { key: '
|
|
808
|
+
this.canMakePayments && (h(ApplePayButton, { key: 'a60762c319dd5752e4d10c3ca94e1a30e798f9df', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '9a0656ac9092bf5abf3ef6b6250fc60b9ec892c3' }, `
|
|
793
809
|
.apple-pay-container {
|
|
794
810
|
width: 100%;
|
|
795
811
|
}
|
package/dist/module/package.js
CHANGED
|
@@ -141,8 +141,8 @@ export interface IApplePayPaymentResponse {
|
|
|
141
141
|
currency: string;
|
|
142
142
|
}
|
|
143
143
|
export interface IApplePayService {
|
|
144
|
-
validateMerchant(payload: IApplePayMerchantValidationRequest): Promise<IMerchantSession>;
|
|
145
|
-
processPayment(payload: IApplePayPaymentProcessRequest): Promise<{
|
|
144
|
+
validateMerchant(authToken: string, payload: IApplePayMerchantValidationRequest): Promise<IMerchantSession>;
|
|
145
|
+
processPayment(authToken: string, payload: IApplePayPaymentProcessRequest): Promise<{
|
|
146
146
|
success: boolean;
|
|
147
147
|
data: IApplePayPaymentResponse;
|
|
148
148
|
}>;
|
|
@@ -4,10 +4,15 @@ export declare class ApplePayService implements IApplePayService {
|
|
|
4
4
|
private currentSession?;
|
|
5
5
|
private currentPaymentRequest?;
|
|
6
6
|
private apiBaseUrl;
|
|
7
|
+
private authToken?;
|
|
7
8
|
/**
|
|
8
9
|
* Set custom API base URL
|
|
9
10
|
*/
|
|
10
11
|
setApiBaseUrl(url: string): void;
|
|
12
|
+
/**
|
|
13
|
+
* Set authentication token
|
|
14
|
+
*/
|
|
15
|
+
setAuthToken(authToken: string): void;
|
|
11
16
|
/**
|
|
12
17
|
* Initialize Apple Pay configuration
|
|
13
18
|
*/
|
|
@@ -15,11 +20,11 @@ export declare class ApplePayService implements IApplePayService {
|
|
|
15
20
|
/**
|
|
16
21
|
* Validate merchant with Apple Pay servers via API (fixed to match original logic)
|
|
17
22
|
*/
|
|
18
|
-
validateMerchant(payload: IApplePayMerchantValidationRequest): Promise<IMerchantSession>;
|
|
23
|
+
validateMerchant(authToken: string, payload: IApplePayMerchantValidationRequest): Promise<IMerchantSession>;
|
|
19
24
|
/**
|
|
20
25
|
* Process Apple Pay payment via API (fixed to match original logic)
|
|
21
26
|
*/
|
|
22
|
-
processPayment(payload: IApplePayPaymentProcessRequest): Promise<{
|
|
27
|
+
processPayment(authToken: string, payload: IApplePayPaymentProcessRequest): Promise<{
|
|
23
28
|
success: boolean;
|
|
24
29
|
data: IApplePayPaymentResponse;
|
|
25
30
|
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t,r as e,c as i}from"./p-kpoIU4v_.js";import{S as s}from"./p-CRFzwZW6.js";import"./p-CZfYo5-1.js";import{S as n}from"./p-Bz8JT676.js";import{c as a,o}from"./p-BYakc1Om.js";import"./p-D3G5aVLy.js";import"./p-7WIgS5RM.js";var r,p,c,l;!function(t){t.STATUS_SUCCESS="STATUS_SUCCESS",t.STATUS_FAILURE="STATUS_FAILURE"}(r||(r={})),function(t){t.PLAIN="plain",t.BUY="buy",t.SET_UP="set-up",t.DONATE="donate",t.CHECK_OUT="check-out",t.BOOK="book",t.SUBSCRIBE="subscribe"}(p||(p={})),function(t){t.BLACK="black",t.WHITE="white",t.WHITE_OUTLINE="white-outline"}(c||(c={})),function(t){t.SUPPORTS_3DS="supports3DS",t.SUPPORTS_EMV="supportsEMV",t.SUPPORTS_CREDIT="supportsCredit",t.SUPPORTS_DEBIT="supportsDebit"}(l||(l={}));class h{constructor(t){this.merchantIdentifier=t.merchantIdentifier,this.displayName=t.displayName,this.initiative=t.initiative,this.initiativeContext=t.initiativeContext,this.buttonType=t.buttonType||p.PLAIN,this.buttonStyle=t.buttonStyle||c.BLACK,this.buttonLocale=t.buttonLocale||"en-US"}get isValid(){return!!(this.merchantIdentifier&&this.displayName&&this.initiative&&this.initiativeContext)}}class d{constructor(t){this.countryCode=t.countryCode,this.currencyCode=t.currencyCode,this.merchantCapabilities=t.merchantCapabilities,this.supportedNetworks=t.supportedNetworks,this.total=t.total,this.lineItems=t.lineItems,this.shippingMethods=t.shippingMethods,this.applicationData=t.applicationData,this.supportedCountries=t.supportedCountries}get isValid(){var t,e,i,s;return!!(this.countryCode&&this.currencyCode&&(null===(t=this.merchantCapabilities)||void 0===t?void 0:t.length)&&(null===(e=this.supportedNetworks)||void 0===e?void 0:e.length)&&(null===(i=this.total)||void 0===i?void 0:i.label)&&(null===(s=this.total)||void 0===s?void 0:s.amount))}}class u{static isApplePaySupported(){var t;return"undefined"!=typeof window&&"ApplePaySession"in window&&(null===(t=window.ApplePaySession)||void 0===t?void 0:t.supportsVersion(3))}static canMakePayments(){var t;return this.isApplePaySupported()&&(null===(t=window.ApplePaySession)||void 0===t?void 0:t.canMakePayments())||!1}static async canMakePaymentsWithActiveCard(t){var e;if(!this.isApplePaySupported())return!1;try{return await(null===(e=window.ApplePaySession)||void 0===e?void 0:e.canMakePaymentsWithActiveCard(t))||!1}catch(t){return console.error("Error checking Apple Pay active card:",t),!1}}static formatAmount(t){return(t/100).toFixed(2)}static parseAmount(t){return Math.round(100*parseFloat(t))}static createLineItem(t,e,i="final"){return{label:t,amount:this.formatAmount(e),type:i}}static getDefaultSupportedNetworks(){return["amex","discover","masterCard","visa"]}static getDefaultMerchantCapabilities(){return[l.SUPPORTS_3DS,l.SUPPORTS_EMV,l.SUPPORTS_CREDIT,l.SUPPORTS_DEBIT]}}class y{constructor(){this.apiBaseUrl="https://api.justifi-staging.com"}setApiBaseUrl(t){this.apiBaseUrl=t}setAuthToken(t){this.authToken=t}initialize(t){if(this.applePayConfig=new h(t),!this.applePayConfig.isValid)throw new Error("Invalid Apple Pay configuration provided")}async validateMerchant(t,e){const i=`${this.apiBaseUrl}/v1/apple_pay/merchant_session`,s=e,n=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(s)});if(!n.ok){const t=await n.text();console.error("Backend validation failed - Raw response:",t);try{const e=JSON.parse(t);console.error("Backend validation failed - Parsed error:",e)}catch(t){console.error("Could not parse error response as JSON:",t)}throw new Error(`Merchant validation failed: ${n.status}`)}return await n.json()}async processPayment(t,e){const i=`${this.apiBaseUrl}/apple_pay/process_token`,s=e,n=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify(s)}),a=await n.json();return{success:n.ok&&"success"===a.status,data:a}}isAvailable(){return u.isApplePaySupported()&&u.canMakePayments()}async canMakePaymentsWithActiveCard(){if(!this.applePayConfig)throw new Error("Apple Pay not initialized. Call initialize() first.");return await u.canMakePaymentsWithActiveCard(this.applePayConfig.merchantIdentifier)}async startPaymentSession(t){if(!this.applePayConfig)throw new Error("Apple Pay not initialized. Call initialize() first.");if(!this.isAvailable())throw new Error("Apple Pay is not available on this device/browser");const e=new d(t);if(!e.isValid)throw new Error("Invalid payment request provided");return this.currentPaymentRequest=e,new Promise(((t,i)=>{try{this.currentSession=new window.ApplePaySession(3,e),this.setupSessionEventHandlers(t,i),this.currentSession.begin()}catch(t){i({success:!1,error:{code:"SESSION_ERROR",message:t instanceof Error?t.message:"Failed to start Apple Pay session"}})}}))}abortPaymentSession(){this.currentSession&&(this.currentSession.abort(),this.currentSession=void 0,this.currentPaymentRequest=void 0)}setupSessionEventHandlers(t,e){this.currentSession&&this.applePayConfig&&this.currentPaymentRequest&&(this.currentSession.onvalidatemerchant=async t=>{try{const i={validation_url:t.validationURL};if(!this.authToken)throw new Error("Authentication token not set. Call setAuthToken() first.");const s=await this.validateMerchant(this.authToken,i);if(s&&(t=>{const e=["merchantSessionIdentifier","nonce","merchantIdentifier","epochTimestamp","expiresAt"].filter((e=>!t[e]));if(e.length>0)return console.error("Missing required fields in merchant session:",e),console.error("Available fields:",Object.keys(t)),!1;const i=Date.now();return!(t.expiresAt&&t.expiresAt<i&&(console.error("Merchant session is expired:",{expiresAt:t.expiresAt,currentTime:i,expired:t.expiresAt<i}),1))})(s))try{this.currentSession.completeMerchantValidation(s)}catch(t){throw console.error("Error calling completeMerchantValidation:",t),t}else this.currentSession.abort(),e({success:!1,error:{code:"MERCHANT_VALIDATION_ERROR",message:"Merchant validation failed"}})}catch(t){console.error("=== MERCHANT VALIDATION ERROR ==="),console.error("Error during merchant validation:",t),console.error("Error stack:",t.stack),this.currentSession.abort(),e({success:!1,error:{code:"MERCHANT_VALIDATION_ERROR",message:t instanceof Error?t.message:"Merchant validation failed"}})}},this.currentSession.onpaymentauthorized=async i=>{try{const s=i.payment,n=Object.assign(Object.assign({},s.token),{product_details:{name:this.currentPaymentRequest.total.label,price:u.parseAmount(this.currentPaymentRequest.total.amount),description:this.currentPaymentRequest.total.label}});if(!this.authToken)throw new Error("Authentication token not set. Call setAuthToken() first.");const a=await this.processPayment(this.authToken,n);a.success?(this.currentSession.completePayment({status:r.STATUS_SUCCESS}),t({success:!0,token:s.token})):(console.error("PSP reported payment failure:",a.data),this.currentSession.completePayment({status:r.STATUS_FAILURE}),e({success:!1,error:{code:"PAYMENT_PROCESSING_ERROR",message:"Payment processing failed"}}))}catch(t){console.error("=== PAYMENT PROCESSING ERROR ==="),console.error("Error processing payment:",t),console.error("Error stack:",t.stack),this.currentSession.completePayment({status:r.STATUS_FAILURE}),e({success:!1,error:{code:"PAYMENT_PROCESSING_ERROR",message:t instanceof Error?t.message:"Payment processing failed"}})}finally{this.currentSession=void 0,this.currentPaymentRequest=void 0}},this.currentSession.onpaymentmethodselected=()=>{const t={newTotal:this.currentPaymentRequest.total,newLineItems:this.currentPaymentRequest.lineItems||[]};try{this.currentSession.completePaymentMethodSelection(t)}catch(t){console.error("Error completing payment method selection:",t),this.currentSession.abort()}},this.currentSession.onshippingmethodselected=()=>{this.currentSession.completeShippingMethodSelection({status:r.STATUS_SUCCESS,newTotal:this.currentPaymentRequest.total,newLineItems:this.currentPaymentRequest.lineItems||[]})},this.currentSession.oncancel=t=>{if(t.sessionError)switch(t.sessionError.code){case"unknown":console.error("Unknown error - likely merchant validation issue"),console.error("This usually means:"),console.error("1. Merchant certificate is invalid or expired"),console.error("2. Merchant identifier mismatch"),console.error("3. Backend validation endpoint issues");break;case"invalidMerchantSession":console.error("Invalid merchant session provided"),console.error("Check that the merchant session from backend is valid");break;case"userCancel":console.error("User cancelled the payment");break;default:console.error("Other error code:",t.sessionError.code)}this.currentSession=void 0,this.currentPaymentRequest=void 0,e({success:!1,error:{code:"USER_CANCELLED",message:"User cancelled the Apple Pay session"}})},"onerror"in this.currentSession&&(this.currentSession.onerror=t=>{console.error("=== APPLE PAY SESSION ERROR ==="),console.error("Session error:",t),this.currentSession=void 0,this.currentPaymentRequest=void 0,e({success:!1,error:{code:"SESSION_ERROR",message:"Apple Pay session error occurred"}})}))}static createPaymentRequest(t,e,i="US",s="USD"){return{countryCode:i,currencyCode:s,merchantCapabilities:u.getDefaultMerchantCapabilities(),supportedNetworks:u.getDefaultSupportedNetworks(),total:u.createLineItem(e,t)}}getApplePayConfig(){return this.applePayConfig}}const b=e=>{const{isReady:i}=e;return i?null:t("div",{class:"container-fluid p-0"},t("div",{class:"row mb-3"},t("div",{class:"col-12 align-content-center"},t(n,{height:"44px",width:"100%",styles:{borderRadius:"8px"}}))))},f=e=>t("div",{class:"apple-pay-button-container"},t("button",Object.assign({class:(()=>{let t="apple-pay-button";switch(e.buttonStyle){case c.WHITE:t+=" apple-pay-button-white";break;case c.WHITE_OUTLINE:t+=" apple-pay-button-white-outline";break;default:t+=" apple-pay-button-black"}switch(e.buttonType){case p.BUY:t+=" apple-pay-button-type-buy";break;case p.DONATE:t+=" apple-pay-button-type-donate";break;default:t+=" apple-pay-button-type-plain"}return(e.disabled||e.isProcessing||!e.isAvailable)&&(t+=" disabled"),t})(),style:{width:e.width||"200px",height:e.height||"48px"},onClick:()=>{!e.disabled&&!e.isProcessing&&e.isAvailable&&e.clickHandler&&e.clickHandler()},disabled:e.disabled||e.isProcessing||!e.isAvailable,"aria-label":"Pay with Apple Pay",type:"button"},e),e.isProcessing&&t("div",{class:"processing-overlay"},t("div",{class:"spinner"}),t("span",null,"Processing..."))),t("style",null,"\n .apple-pay-button-container {\n display: inline-block;\n position: relative;\n }\n\n /* Apple Pay CSS classes - these are the official Apple Pay button styles */\n .apple-pay-button {\n display: inline-block;\n -webkit-appearance: -apple-pay-button;\n -apple-pay-button-type: plain; /* default */\n -apple-pay-button-style: black; /* default */\n border-radius: 8px;\n cursor: pointer;\n border: none;\n outline: none;\n transition: opacity 0.2s ease;\n position: relative;\n }\n\n /* Button styles */\n .apple-pay-button.apple-pay-button-black {\n -apple-pay-button-style: black;\n }\n\n .apple-pay-button.apple-pay-button-white {\n -apple-pay-button-style: white;\n }\n\n .apple-pay-button.apple-pay-button-white-outline {\n -apple-pay-button-style: white-outline;\n }\n\n /* Button types */\n .apple-pay-button.apple-pay-button-type-plain {\n -apple-pay-button-type: plain;\n }\n\n .apple-pay-button.apple-pay-button-type-buy {\n -apple-pay-button-type: buy;\n }\n\n .apple-pay-button.apple-pay-button-type-donate {\n -apple-pay-button-type: donate;\n }\n\n /* Hover and disabled states */\n .apple-pay-button:hover:not(.disabled) {\n opacity: 0.9;\n }\n\n .apple-pay-button.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n /* Processing overlay */\n .processing-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n background: rgba(0, 0, 0, 0.8);\n color: white;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n }\n\n .spinner {\n width: 16px;\n height: 16px;\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-top: 2px solid #fff;\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n /* Responsive design */\n @media (max-width: 480px) {\n .apple-pay-button {\n width: 100% !important;\n min-width: 200px;\n }\n }\n ")),m=class{constructor(t){e(this,t),this.applePayStarted=i(this,"applePayStarted"),this.applePayCompleted=i(this,"applePayCompleted"),this.applePayCancelled=i(this,"applePayCancelled"),this.applePayError=i(this,"applePayError"),this.countryCode="US",this.merchantIdentifier="merchant.com.justifi.checkout",this.merchantDisplayName="JustiFi Checkout",this.initiativeContext="checkout.justifi.tech",this.apiBaseUrl="https://api.justifi-staging.com",this.buttonType=p.PLAIN,this.buttonStyle=c.BLACK,this.disabled=!1,this.showSkeleton=!0,this.isLoading=!0,this.isProcessing=!1,this.isAvailable=!1,this.canMakePayments=!1,this.error=null,this.handleApplePayClick=async()=>{var t;if(!this.isProcessing&&!this.disabled&&this.isAvailable)try{this.isProcessing=!0,this.error=null,this.applePayStarted.emit();const e={countryCode:this.countryCode,currencyCode:a.paymentCurrency,merchantCapabilities:u.getDefaultMerchantCapabilities(),supportedNetworks:u.getDefaultSupportedNetworks(),total:u.createLineItem(a.paymentDescription,a.paymentAmount)},i=await this.applePayService.startPaymentSession(e);i.success?this.applePayCompleted.emit({success:!0,token:i.token}):(this.applePayCompleted.emit({success:!1,error:i.error}),this.applePayError.emit({error:(null===(t=i.error)||void 0===t?void 0:t.message)||"Payment failed"}))}catch(t){console.error("Apple Pay payment error:",t);const e=t instanceof Error?t.message:"Payment failed";this.error=e,this.applePayError.emit({error:e}),this.applePayCompleted.emit({success:!1,error:e})}finally{this.isProcessing=!1}}}componentWillLoad(){this.applePayService=new y,this.applePayService.setApiBaseUrl(this.apiBaseUrl),this.applePayService.setAuthToken(a.authToken),this.initializeApplePay()}componentDidLoad(){o("paymentAmount",(()=>{this.initializeApplePay()})),o("authToken",(()=>{this.applePayService&&this.applePayService.setAuthToken(a.authToken)}))}watchPropsChange(){this.applePayService&&(this.applePayService.setApiBaseUrl(this.apiBaseUrl),this.applePayService.setAuthToken(a.authToken)),this.initializeApplePay()}async initializeApplePay(){try{if(this.isLoading=!0,this.error=null,!a.paymentAmount)return this.error="Missing required Apple Pay configuration",void(this.isLoading=!1);if(this.isAvailable=u.isApplePaySupported(),this.canMakePayments=u.canMakePayments(),!this.isAvailable)return this.error="Apple Pay is not supported on this device",void(this.isLoading=!1);if(!this.canMakePayments)return this.error="Apple Pay is not available",void(this.isLoading=!1);this.applePayService.initialize({merchantIdentifier:this.merchantIdentifier,displayName:this.merchantDisplayName,initiative:"web",initiativeContext:this.initiativeContext,buttonType:this.buttonType,buttonStyle:this.buttonStyle}),await this.applePayService.canMakePaymentsWithActiveCard()||console.warn("No Apple Pay cards available, but continuing...")}catch(t){console.error("Apple Pay initialization error:",t),this.error=t instanceof Error?t.message:"Failed to initialize Apple Pay"}finally{this.isLoading=!1}}async isSupported(){return this.isAvailable&&this.canMakePayments}async getPaymentMethods(){return this.isAvailable?u.getDefaultSupportedNetworks():[]}async abort(){this.applePayService.abortPaymentSession(),this.isProcessing=!1,this.applePayCancelled.emit()}render(){return t(s,{key:"47b08ec084abe436b837e8b7f3c05b0517739112"},t("div",{key:"4d3a0f847699541030c8aa2e53205a1a5f134472",class:"apple-pay-container"},t(b,{key:"36ac17a7bfd0465868030dfc6cdcbb57403cb4ee",isReady:!this.isLoading&&this.isAvailable&&this.canMakePayments&&!this.error}),!this.isLoading&&this.error&&t("div",{key:"d3f821257b878e869d45a6f705537860b2eaeb0b",class:"apple-pay-error",role:"alert"},t("span",{key:"0db06ceb58b1976aa4279e4ed17418307f9e5e9d",class:"error-icon"},"⚠️"),t("span",{key:"ed273caaa60fd3b065d36f9cc38c65886abfffa0",class:"error-message"},this.error)),!this.isLoading&&!this.error&&!this.isAvailable&&t("div",{key:"39ba962ff187cca4dd2e688b4d3be6f2c9a8a379",class:"apple-pay-unavailable"},t("span",{key:"d1d52f8ad8abe3532195d228a4977a36c91c931f",class:"unavailable-message"},"Apple Pay is not available on this device")),!this.isLoading&&!this.error&&this.isAvailable&&this.canMakePayments&&t(f,{key:"a60762c319dd5752e4d10c3ca94e1a30e798f9df",buttonType:this.buttonType,buttonStyle:this.buttonStyle,disabled:this.disabled,isProcessing:this.isProcessing,isAvailable:this.isAvailable,clickHandler:this.handleApplePayClick})),t("style",{key:"9a0656ac9092bf5abf3ef6b6250fc60b9ec892c3"},"\n .apple-pay-container {\n width: 100%;\n }\n\n .apple-pay-error {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: #fef2f2;\n border: 1px solid #fecaca;\n border-radius: 8px;\n color: #dc2626;\n font-size: 14px;\n }\n\n .apple-pay-unavailable {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 12px;\n background: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n color: #6b7280;\n font-size: 14px;\n }\n\n .error-icon {\n font-size: 16px;\n }\n "))}static get watchers(){return{merchantIdentifier:["watchPropsChange"],apiBaseUrl:["watchPropsChange"],buttonType:["watchPropsChange"],buttonStyle:["watchPropsChange"],disabled:["watchPropsChange"]}}};export{m as justifi_apple_pay}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i}from"./p-kpoIU4v_.js";import"./p-9y5MOK55.js";import"./p-B7jE0g5_.js";import{C as o,a as r}from"./p-Cjcsf8ku.js";import{C as e}from"./p-Bou1Z4Bm.js";import"./p-CLHwhyvu.js";import"./p-BDUTtU21.js";import"./p-BlJnA265.js";import"./p-7MWRbTXI.js";import{g as c,a}from"./p-D2muobcE.js";import{c as p,J as n}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i}from"./p-kpoIU4v_.js";import"./p-9y5MOK55.js";import"./p-B7jE0g5_.js";import{C as o,a as r}from"./p-Cjcsf8ku.js";import{C as e}from"./p-Bou1Z4Bm.js";import"./p-CLHwhyvu.js";import"./p-BDUTtU21.js";import"./p-BlJnA265.js";import"./p-7MWRbTXI.js";import{g as c,a}from"./p-D2muobcE.js";import{c as p,J as n}from"./p-DkGfv8M-.js";import{C as h}from"./p-C0EFqY0W.js";import{m,S as u}from"./p-Dv7YEshZ.js";import{S as j}from"./p-CRFzwZW6.js";import"./p-CZfYo5-1.js";import{d}from"./p-DX_mixvZ.js";import"./p-7WIgS5RM.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-kbTAg0Fi.js";import"./p-Dj1uo4J3.js";import"./p-DCDU6JB3.js";import"./p-D3G5aVLy.js";const f=class{constructor(i){t(this,i),this.errorEvent=s(this,"error-event"),this.errorMessage=null,this.columns=d,this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)}}componentWillLoad(){p(),this.analytics=new n(this),this.initializeGetData()}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetData()}initializeGetData(){this.initializeGetCheckouts(),this.initializeGetSubAccounts()}initializeGetCheckouts(){this.accountId&&this.authToken?this.getCheckouts=(({accountId:t,authToken:s,service:i})=>async({params:r,onSuccess:p,onError:n})=>{var h,m;try{const u=await i.fetchCheckouts(t,s,r);if(u.error)return n({error:a(u.error),code:c(null===(m=u.error)||void 0===m?void 0:m.code),severity:o.ERROR});{const t=Object.assign({},u.page_info);p({checkouts:(null===(h=u.data)||void 0===h?void 0:h.map((t=>new e(t))))||[],pagingInfo:t})}}catch(t){const s=c(null==t?void 0:t.code);return n({error:t.message||t,code:s,severity:o.ERROR})}})({accountId:this.accountId,authToken:this.authToken,service:new h}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:r.MISSING_PROPS,message:this.errorMessage,severity:o.ERROR}))}initializeGetSubAccounts(){this.accountId&&this.authToken&&(this.getSubAccounts=m({accountId:this.accountId,authToken:this.authToken,service:new u}))}render(){return i(j,{key:"41bf633467138b6af13b1c02ccf1e1016ec54bfe"},i("checkouts-list-core",{key:"cd3ca431258ad73e701fe74612ecdf2c0f2a1bda",getCheckouts:this.getCheckouts,getSubAccounts:this.getSubAccounts,"onError-event":this.handleErrorEvent,columns:this.columns}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{f as justifi_checkouts_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i}from"./p-kpoIU4v_.js";import{C as e,a as r}from"./p-Cjcsf8ku.js";import{c as o,J as p}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i}from"./p-kpoIU4v_.js";import{C as e,a as r}from"./p-Cjcsf8ku.js";import{c as o,J as p}from"./p-DkGfv8M-.js";import{a}from"./p-7MWRbTXI.js";import{g as n,a as h}from"./p-D2muobcE.js";import{D as u}from"./p-DiWKhLRS.js";import"./p-kbTAg0Fi.js";import"./p-Dj1uo4J3.js";import"./p-9y5MOK55.js";import"./p-7WIgS5RM.js";import"./p-B7jE0g5_.js";import"./p-Bou1Z4Bm.js";import"./p-CLHwhyvu.js";import"./p-BDUTtU21.js";import"./p-BlJnA265.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";const c=class{constructor(i){t(this,i),this.errorEvent=s(this,"error-event"),this.errorMessage=null,this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)}}componentWillLoad(){o(),this.analytics=new p(this),this.initializeGetDispute()}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetDispute()}initializeGetDispute(){this.disputeId&&this.authToken?this.getDispute=(({id:t,authToken:s,service:i})=>async({onSuccess:r,onError:o})=>{var p;try{const u=await i.fetchDispute(t,s);if(u.error)return o({error:h(u.error),code:n(null===(p=u.error)||void 0===p?void 0:p.code),severity:e.ERROR});{const t=Object.assign({},u.page_info);r({dispute:new a(u.data),pagingInfo:t})}}catch(t){const s=n(null==t?void 0:t.code);return o({error:t.message||t,code:s,severity:e.ERROR})}})({id:this.disputeId,authToken:this.authToken,service:new u}):(this.errorMessage="Dispute ID and Auth Token are required",this.errorEvent.emit({message:this.errorMessage,errorCode:r.MISSING_PROPS,severity:e.ERROR}))}render(){return i("justifi-dispute-management-core",{key:"4087eb105a046a3cc194d9f25c80fa11298fa0a2",getDispute:this.getDispute,disputeId:this.disputeId,authToken:this.authToken,"onError-event":this.handleErrorEvent})}static get watchers(){return{disputeId:["propChanged"],authToken:["propChanged"]}}};export{c as justifi_dispute_management}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i}from"./p-kpoIU4v_.js";import{P as r}from"./p-ObR0KZw0.js";import{m as
|
|
1
|
+
import{r as t,c as s,h as i}from"./p-kpoIU4v_.js";import{P as r}from"./p-ObR0KZw0.js";import{m as p}from"./p-DSfL8jLw.js";import{E as e}from"./p-CEYGUVns.js";import{C as o,a}from"./p-Cjcsf8ku.js";import{c as m,J as h}from"./p-DkGfv8M-.js";import"./p-Dj1uo4J3.js";import"./p-9y5MOK55.js";import"./p-7WIgS5RM.js";import"./p-B7jE0g5_.js";import"./p-Bou1Z4Bm.js";import"./p-CLHwhyvu.js";import"./p-BDUTtU21.js";import"./p-7MWRbTXI.js";import"./p-BlJnA265.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-D2muobcE.js";import"./p-D3G5aVLy.js";import"./p-kbTAg0Fi.js";const n=class{constructor(i){t(this,i),this.errorEvent=s(this,"error-event"),this.errorMessage=null,this.paymentService=new r,this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)}}componentWillLoad(){m(),this.analytics=new h(this),this.initializeGetPaymentDetails()}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetPaymentDetails()}initializeGetPaymentDetails(){this.paymentId&&this.authToken?this.getPaymentDetails=p({id:this.paymentId,authToken:this.authToken,service:new r}):(this.errorMessage="Payment ID and Auth Token are required",this.errorEvent.emit({message:this.errorMessage,errorCode:a.MISSING_PROPS,severity:o.ERROR}))}render(){return this.errorMessage?e(this.errorMessage):i("payment-details-core",{getPaymentDetails:this.getPaymentDetails,"onError-event":this.handleErrorEvent})}static get watchers(){return{paymentId:["propChanged"],authToken:["propChanged"]}}};export{n as justifi_payment_details}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as a}from"./p-kpoIU4v_.js";import{c as
|
|
1
|
+
import{r as e,c as t,h as a}from"./p-kpoIU4v_.js";import{c as i,J as d}from"./p-DkGfv8M-.js";import{c as s}from"./p-BYakc1Om.js";import{d as c}from"./p-D3G5aVLy.js";import{P as o}from"./p-BDUTtU21.js";import{S as f}from"./p-CRFzwZW6.js";import"./p-CZfYo5-1.js";import"./p-kbTAg0Fi.js";import"./p-Dj1uo4J3.js";import"./p-9y5MOK55.js";import"./p-7WIgS5RM.js";import"./p-B7jE0g5_.js";import"./p-Cjcsf8ku.js";import"./p-Bou1Z4Bm.js";import"./p-CLHwhyvu.js";import"./p-BlJnA265.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-7MWRbTXI.js";const h={bankAccount:"New bank account",card:"New credit or debit card"},r=class{constructor(a){e(this,a),this.errorEvent=t(this,"error-event"),this.loadedEvent=t(this,"loaded"),this.submitEvent=t(this,"submit-event"),this.errorMessage="",this.insuranceToggled=!1,this.isSubmitting=!1,this.paymentMethodOptions=[],this.savePaymentMethod=!1,this.disableBankAccount=!1,this.disableBnpl=!1,this.disableCreditCard=!1,this.disablePaymentMethodGroup=!1,this.hideBankAccountBillingForm=!1,this.hideCardBillingForm=!1}propChanged(){this.updateStore()}connectedCallback(){this.authToken&&this.checkoutId&&this.updateStore()}componentWillLoad(){i(),this.analytics=new d(this)}disconnectedCallback(){var e;null===(e=this.analytics)||void 0===e||e.cleanup()}savePaymentMethodChanged(e){this.savePaymentMethod=e.detail}checkoutComplete(e){this.isSubmitting=!1}checkoutError(e){this.isSubmitting=!1,console.error("checkout error",e.detail)}paymentMethodOptionSelected(e){s.selectedPaymentMethod=e.detail.id}async fillBillingForm(e){s.billingFormFields=e}async validate(){var e;return{isValid:await(null===(e=this.modularCheckoutRef)||void 0===e?void 0:e.validate())}}updateStore(){s.checkoutId=this.checkoutId,s.authToken=this.authToken,s.disableCreditCard=this.disableCreditCard,s.disableBankAccount=this.disableBankAccount,s.disableBnpl=this.disableBnpl,s.disablePaymentMethodGroup=this.disablePaymentMethodGroup}async submit(e){this.isSubmitting=!0,this.modularCheckoutRef.submitCheckout(s.billingFormFields)}get canSavePaymentMethod(){return s.selectedPaymentMethod===o.card||s.selectedPaymentMethod===o.bankAccount}get showBillingForm(){return s.selectedPaymentMethod===o.card&&!this.hideCardBillingForm||s.selectedPaymentMethod===o.bankAccount&&!this.hideBankAccountBillingForm}get showBillingFormSection(){return s.selectedPaymentMethod===o.card||s.selectedPaymentMethod===o.bankAccount}get showPaymentTypeHeader(){return!this.disableCreditCard&&!this.disableBankAccount}get showPostalCodeForm(){return s.selectedPaymentMethod===o.card&&this.hideCardBillingForm}render(){return a(f,{key:"4fb1d82b065de6c1e4651a246a53f8e58451d6f6"},a("justifi-modular-checkout",{key:"232cf32890422f474cf929b7c7ed7246d7b39c75",ref:e=>this.modularCheckoutRef=e,authToken:this.authToken,checkoutId:this.checkoutId,savePaymentMethod:this.canSavePaymentMethod&&this.savePaymentMethod},a("div",{key:"677ad110b05520be3b729995657086f0f6cbf337",class:"row gy-3 jfi-checkout-core"},a("div",{key:"458c84541dd154dd8b4ad1d0f2320e2308cc1785",class:"col-12",part:c},a("justifi-header",{key:"440a7d1ad7b21da3db66e6c6f1f9afefb434a089",text:"Summary",level:"h2",class:"fs-5 fw-bold pb-3"}),a("section",{key:"99bd431a8f70ce6e764cc04da3d0aaae6f0ebcbe"},a("justifi-checkout-summary",{key:"52da663e5bed35f0deb220800c7ede8835a3671b"}))),a("div",{key:"e95b1c6830d20c5af57c558badb04d07d3c48f23",class:"col-12 mt-4"},a("slot",{key:"527d58d4806d2e1bbcba499e97ab65f6c9c7efb9",name:"insurance"})),a("div",{key:"69d1319d1e05852de4f5566ad3be20bc9a6ee499",class:"col-12 mt-4"},a("justifi-header",{key:"1682f909f22172a44da54118aefe428f92908e91",text:"Payment",level:"h2",class:"fs-5 fw-bold pb-3"}),this.showPaymentTypeHeader&&a("justifi-header",{key:"7942a12143bea0235705969737e11d59bc5180e1",text:"Select payment type",level:"h3",class:"fs-6 fw-bold lh-lg"}),a("div",{key:"497664d455695693c4f9a1a4465c62ad4d5b6bdf",class:"d-flex flex-column"},a("section",{key:"d3da4c18b430e1b36f7b9ba20be517994e763b5e"},a("div",{key:"1cc0f0462a0f70d2acc4c9fdee25fbb2fe953c22"},a("justifi-saved-payment-methods",{key:"576da27df84d67bc69f2d95f00a6c440fa73f7ed"}),a("justifi-sezzle-payment-method",{key:"6544a3a250ee012870a9edce71dd763553d44554"}),!this.disableCreditCard&&a("div",{key:"79050f768d8d76c4d882bed667e85391c230a960"},a("payment-method-option",{key:"5a6c1dc583766707e6215203fdba176bd65b501d",paymentMethodOptionId:o.card,isSelected:s.selectedPaymentMethod===o.card,clickHandler:()=>{s.selectedPaymentMethod=o.card},radioButtonHidden:this.disableCreditCard,label:h[o.card]}),s.selectedPaymentMethod===o.card&&a("div",{key:"5e6f0b854191a9a5db8936b2e30518fba251e478",class:"mt-4 mb-4"},a("justifi-card-form",{key:"6c3f72f27dfe36924fe94ab4f7c79b6b9ff19b47"}))),!this.disableBankAccount&&a("div",{key:"f6a88103b2c30e4dd10e733b19aaa29a7a44430c"},a("payment-method-option",{key:"67ef047a8caad5bc389238d54bb3d7056ca4b9e6",paymentMethodOptionId:o.bankAccount,isSelected:s.selectedPaymentMethod===o.bankAccount,clickHandler:()=>{s.selectedPaymentMethod=o.bankAccount},radioButtonHidden:this.disableBankAccount,label:h[o.bankAccount]}),s.selectedPaymentMethod===o.bankAccount&&a("div",{key:"e67924184fc43811523081711f59865a01d7cf9f",class:"mt-4 mb-4"},a("justifi-bank-account-form",{key:"a01cdfe8be1bc98d4c0f75c2a9f2ca1cce519042"}))))))),this.showBillingFormSection&&a("div",{key:"a15f1202548c7d6c302c2b2827168a6a119f8634",class:"col-12 mt-4"},this.showBillingForm&&a("justifi-header",{key:"ee654c812cb097449937da4253e191de1ee669d5",text:"Billing Address",level:"h2",class:"fs-5 fw-bold pb-3"}),this.showPostalCodeForm&&a("justifi-postal-code-form",{key:"2a5736e6da3354f7a9d1a5b8870a2f61c09c2592"}),this.showBillingForm&&a("justifi-billing-information-form",{key:"7dd63931e75d7583b4f51a1f6bb2b1e84a46e078"})),a("div",{key:"54aeb0f07f574ee004ec02cd279265202cffa9bf",class:"col-12"},this.canSavePaymentMethod&&a("justifi-save-new-payment-method",{key:"2e010be22091cee1ebc4353d5dac3b49639175e7"})),a("div",{key:"71df812c8a922ae8b447d647f69675230c092db9",class:"mt-4"},a("justifi-button",{key:"057cd18c6235c73cc69ca85e9cb35a2a614a4d9a",text:"Pay",type:"submit",variant:"primary",clickHandler:e=>this.submit(e),disabled:this.isSubmitting,isLoading:this.isSubmitting,customStyle:{width:"100%",textAlign:"center"}})))))}static get watchers(){return{authToken:["propChanged"],checkoutId:["propChanged"],disableCreditCard:["propChanged"],disableBankAccount:["propChanged"],disableBnpl:["propChanged"],disablePaymentMethodGroup:["propChanged"]}}};export{r as justifi_checkout}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as i}from"./p-kpoIU4v_.js";import{C as r,a as o}from"./p-Cjcsf8ku.js";import{c as e,J as a}from"./p-DkGfv8M-.js";import{T as p}from"./p-DtsIovbb.js";import"./p-9y5MOK55.js";import"./p-B7jE0g5_.js";import{d as n}from"./p-Bou1Z4Bm.js";import"./p-CLHwhyvu.js";import"./p-BDUTtU21.js";import"./p-BlJnA265.js";import"./p-7MWRbTXI.js";import{g as c,a as h}from"./p-D2muobcE.js";import{m,S as d}from"./p-Dv7YEshZ.js";import{S as u}from"./p-CRFzwZW6.js";import"./p-CZfYo5-1.js";import{d as j}from"./p-BRtwZAeZ.js";import"./p-kbTAg0Fi.js";import"./p-Dj1uo4J3.js";import"./p-7WIgS5RM.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-DCDU6JB3.js";import"./p-D3G5aVLy.js";const l=class{constructor(i){t(this,i),this.errorEvent=s(this,"error-event"),this.errorMessage=null,this.columns=j,this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)}}componentWillLoad(){e(),this.analytics=new a(this),this.initializeGetData()}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetData()}initializeGetData(){this.initializeGetTerminals(),this.initializeGetSubAccounts()}initializeGetTerminals(){this.accountId&&this.authToken?this.getTerminals=(({id:t,authToken:s,service:i})=>async({params:o,onSuccess:e,onError:a})=>{var p,m;try{const d=await i.fetchTerminals(t,s,o);if(d.error)return a({error:h(d.error),code:c(null===(m=d.error)||void 0===m?void 0:m.code),severity:r.ERROR});{const t=Object.assign({},d.page_info);e({terminals:(null===(p=d.data)||void 0===p?void 0:p.map((t=>new n(t))))||[],pagingInfo:t})}}catch(t){const s=c(null==t?void 0:t.code);return a({error:t.message||t,code:s,severity:r.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new p}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:o.MISSING_PROPS,message:this.errorMessage,severity:r.ERROR}))}initializeGetSubAccounts(){this.accountId&&this.authToken&&(this.getSubAccounts=m({accountId:this.accountId,authToken:this.authToken,service:new d}))}render(){return i(u,{key:"8645e44a4c7754b32faccc639a262d495cd1a0e0"},i("terminals-list-core",{key:"ffc7d495380aad7b5fabc7fdcdefcd6ec4fe10de",getTerminals:this.getTerminals,getSubAccounts:this.getSubAccounts,"onError-event":this.handleErrorEvent,columns:this.columns}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{l as justifi_terminals_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,c as i,h as t}from"./p-kpoIU4v_.js";import{c as o,J as
|
|
1
|
+
import{r as s,c as i,h as t}from"./p-kpoIU4v_.js";import{c as o,J as r}from"./p-DkGfv8M-.js";import{C as e,a as p}from"./p-Cjcsf8ku.js";import{m as n,a}from"./p-5aA7gjr5.js";import{B as h}from"./p-DVPcHdzq.js";import{A as m}from"./p-Dj1uo4J3.js";import"./p-Bou1Z4Bm.js";import"./p-CLHwhyvu.js";import"./p-BDUTtU21.js";import"./p-BlJnA265.js";import"./p-7MWRbTXI.js";import"./p-kbTAg0Fi.js";import"./p-D2muobcE.js";import"./p-9y5MOK55.js";import"./p-7WIgS5RM.js";import"./p-B7jE0g5_.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";const u=m();class c{async postProvisioning(s,i,t){return u.post({endpoint:"entities/provisioning",body:{business_id:i,product_category:t},authToken:s})}}const j=class{constructor(t){s(this,t),this.errorEvent=i(this,"error-event"),this.allowOptionalFields=!1,this.formTitle="Business Information"}propChanged(){this.initializeApi()}componentWillLoad(){o(),this.analytics=new r(this),this.initializeApi()}disconnectedCallback(){var s;null===(s=this.analytics)||void 0===s||s.cleanup()}initializeApi(){this.authToken&&this.businessId?(this.getBusiness=n({authToken:this.authToken,businessId:this.businessId,service:new h}),this.postProvisioning=a({authToken:this.authToken,businessId:this.businessId,product:"payment",service:new c})):this.errorEvent.emit({message:"auth-token and business-id are required",errorCode:p.MISSING_PROPS,severity:e.ERROR})}render(){return t("justifi-payment-provisioning-core",{key:"11871305b4b4974787a9278195ea0b314be250b0",businessId:this.businessId,authToken:this.authToken,allowOptionalFields:this.allowOptionalFields,formTitle:this.formTitle,getBusiness:this.getBusiness,postProvisioning:this.postProvisioning})}static get watchers(){return{authToken:["propChanged"],businessId:["propChanged"]}}};export{j as justifi_payment_provisioning}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as n,H as t,c as i,g as o}from"./p-kpoIU4v_.js";import{c as r}from"./p-7WIgS5RM.js";import{i as s,b as a,a as c,c as d,l as u}from"./p-D3G5aVLy.js";import{g as f}from"./p-BFTU3MAI.js";import{F as l}from"./p-D522G7Ja.js";import{p as h}from"./p-COytJSGm.js";const m=r({focused:{boxShadow:"",border:""},focusedAndInvalid:{boxShadow:"",border:""},fontStyles:{fontFamily:"",fontSize:"",fontWeight:"",lineHeight:"",margin:"",padding:""}}),{state:w,set:g}=m,b=class{constructor(n){e(this,n),this.isFocused=!1,this.errorText=""}async componentDidLoad(){const e=await this.getBaseFontStyles();g("fontStyles",e);const n=await this.getFocusedStyles();g("focused",n);const t=await this.getFocusedAndInvalidStyles();g("focusedAndInvalid",t)}async getBaseFontStyles(){return new Promise((e=>{setTimeout((()=>{const n=getComputedStyle(this.hiddenInput);e({fontFamily:n.fontFamily,fontSize:n.fontSize,fontWeight:n.fontWeight,lineHeight:n.lineHeight,margin:n.margin,padding:n.padding,color:n.color})}),500)}))}async getFocusedStyles(){return new Promise((e=>{this.hiddenInput.focus(),setTimeout((()=>{this.hiddenInput.blur();let n=getComputedStyle(this.hiddenInput);e({boxShadow:n.boxShadow,border:n.border})}),500)}))}async getFocusedAndInvalidStyles(){return new Promise((e=>{this.hiddenInput.focus(),this.errorText="Error",setTimeout((()=>{const n=getComputedStyle(this.hiddenInput),t={boxShadow:n.boxShadow,border:n.border};this.hiddenInput.blur(),e(t)}),500)}))}get part(){return this.isFocused&&this.errorText?s:this.errorText?a:this.isFocused?c:d}render(){return n(t,{key:"0ee80d3f6e70e496682e798ddfc57d9e8e8b0578"},n("input",{key:"6ec2b8825e4b2e9c2d130ce810bb76f67dc30940",ref:e=>this.hiddenInput=e,type:"text",class:this.errorText?"form-control is-invalid":"form-control",onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1,part:this.part,tabindex:"-1",style:{height:"0",opacity:"0",pointerEvents:"none",animation:"none"}}))}};var p,y,v={exports:{}},k=f((p||(p=1,y=v,console.info("\nIFRAME-RESIZER\n\nIframe-Resizer 5 is now available via the following two packages:\n\n * @iframe-resizer/parent\n * @iframe-resizer/child\n\nAdditionally their are also new versions of iframe-resizer for React, Vue, and jQuery.\n\nVersion 5 of iframe-resizer has been extensively rewritten to use modern browser APIs, which has enabled significantly better performance and greater accuracy in the detection of content resizing events.\n\nPlease see https://iframe-resizer.com/upgrade for more details.\n"),function(e){if("undefined"!=typeof window){var n,t,i=0,o=!1,r=!1,s="[iFrameSizer]",a=null,c=window.requestAnimationFrame,d=Object.freeze({max:1,scroll:1,bodyScroll:1,documentElementScroll:1}),u={},f=null,l=Object.freeze({autoResize:!0,bodyBackground:null,bodyMargin:null,bodyMarginV1:8,bodyPadding:null,checkOrigin:!0,inPageLinks:!1,enablePublicMethods:!0,heightCalculationMethod:"bodyOffset",id:"iFrameResizer",interval:32,license:"1jqr0si6pnt",log:!1,maxHeight:1/0,maxWidth:1/0,minHeight:0,minWidth:0,mouseEvents:!0,resizeFrom:"parent",scrolling:!1,sizeHeight:!0,sizeWidth:!1,warningTimeout:5e3,tolerance:0,widthCalculationMethod:"scroll",onClose:function(){return!0},onClosed:function(){},onInit:function(){},onMessage:function(){k("onMessage function not defined")},onMouseEnter:function(){},onMouseLeave:function(){},onResized:function(){},onScroll:function(){return!0}}),h={};window.jQuery!==e&&((t=window.jQuery).fn?t.fn.iFrameResize||(t.fn.iFrameResize=function(e){return this.filter("iframe").each((function(n,t){W(t,e)})).end()}):v("","Unable to bind to jQuery, it is not fully loaded.")),y.exports=P(),window.iFrameResize=window.iFrameResize||P()}function m(){return window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver}function w(e,n,t){e.addEventListener(n,t,!1)}function g(e,n,t){e.removeEventListener(n,t,!1)}function b(e){return u[e]?u[e].log:o}function p(e,n){x("log",e,n,b(e))}function v(e,n){x("info",e,n,b(e))}function k(e,n){x("warn",e,n,!0)}function x(e,n,t,i){!0===i&&"object"==typeof window.console&&console[e](function(e){return s+"["+function(e){var n="Host page: "+e;return window.top!==window.self&&(n=window.parentIFrame&&window.parentIFrame.getId?window.parentIFrame.getId()+": "+e:"Nested host page: "+e),n}(e)+"]"}(n),t)}function I(e){function n(){t("Height"),t("Width"),C((function(){R(A),T(L),l("onResized",A)}),A,"init")}function t(e){var n=Number(u[L]["max"+e]),t=Number(u[L]["min"+e]),i=e.toLowerCase(),o=Number(A[i]);p(L,"Checking "+i+" is in range "+t+"-"+n),o<t&&(o=t,p(L,"Set "+i+" to min value")),o>n&&(o=n,p(L,"Set "+i+" to max value")),A[i]=""+o}function i(e){return W.slice(W.indexOf(":")+7+e)}function o(e,n){var t,i;t=function(){var t,i;E("Send Page Info","pageInfo:"+(t=document.body.getBoundingClientRect(),i=A.iframe.getBoundingClientRect(),JSON.stringify({iframeHeight:i.height,iframeWidth:i.width,clientHeight:Math.max(document.documentElement.clientHeight,window.innerHeight||0),clientWidth:Math.max(document.documentElement.clientWidth,window.innerWidth||0),offsetTop:parseInt(i.top-t.top,10),offsetLeft:parseInt(i.left-t.left,10),scrollTop:window.pageYOffset,scrollLeft:window.pageXOffset,documentHeight:document.documentElement.clientHeight,documentWidth:document.documentElement.clientWidth,windowHeight:window.innerHeight,windowWidth:window.innerWidth})),e,n)},h[i=n]||(h[i]=setTimeout((function(){h[i]=null,t()}),32))}function r(e){var n=e.getBoundingClientRect();return M(L),{x:Math.floor(Number(n.left)+Number(a.x)),y:Math.floor(Number(n.top)+Number(a.y))}}function c(e){var n=e?r(A.iframe):{x:0,y:0},t={x:Number(A.width)+n.x,y:Number(A.height)+n.y};p(L,"Reposition requested from iFrame (offset x:"+n.x+" y:"+n.y+")"),window.top===window.self?(a=t,d(),p(L,"--")):window.parentIFrame?window.parentIFrame["scrollTo"+(e?"Offset":"")](t.x,t.y):k(L,"Unable to scroll to requested position, window.parentIFrame not found")}function d(){!1===l("onScroll",a)?j():T(L)}function f(e){var n={};if(0===Number(A.width)&&0===Number(A.height)){var t=i(9).split(":");n={x:t[1],y:t[0]}}else n={x:A.width,y:A.height};l(e,{iframe:A.iframe,screenX:Number(n.x),screenY:Number(n.y),type:A.type})}function l(e,n){return S(L,e,n)}var m,b,y,x,I,z,W=e.data,A={},L=null;"[iFrameResizerChild]Ready"===W?function(){for(var e in u)E("iFrame requested init",N(e),u[e].iframe,e)}():s===(""+W).slice(0,13)&&W.slice(13).split(":")[0]in u?(x=(y=W.slice(13).split(":"))[1]?parseInt(y[1],10):0,I=u[y[0]]&&u[y[0]].iframe,z=getComputedStyle(I),A={iframe:I,id:y[0],height:x+function(e){return"border-box"!==e.boxSizing?0:(e.paddingTop?parseInt(e.paddingTop,10):0)+(e.paddingBottom?parseInt(e.paddingBottom,10):0)}(z)+function(e){return"border-box"!==e.boxSizing?0:(e.borderTopWidth?parseInt(e.borderTopWidth,10):0)+(e.borderBottomWidth?parseInt(e.borderBottomWidth,10):0)}(z),width:y[2],type:y[3]},u[L=A.id]&&(u[L].loaded=!0),(b=A.type in{true:1,false:1,undefined:1})&&p(L,"Ignoring init message from meta parent page"),!b&&function(e){var n=!0;return u[e]||(n=!1,k(A.type+" No settings for "+e+". Message was: "+W)),n}(L)&&(p(L,"Received: "+W),m=!0,null===A.iframe&&(k(L,"IFrame ("+A.id+") not found"),m=!1),m&&function(){var n,t=e.origin,i=u[L]&&u[L].checkOrigin;if(i&&""+t!="null"&&!(i.constructor===Array?function(){var e=0,n=!1;for(p(L,"Checking connection is from allowed list of origins: "+i);e<i.length;e++)if(i[e]===t){n=!0;break}return n}():(p(L,"Checking connection is from: "+(n=u[L]&&u[L].remoteHost)),t===n)))throw new Error("Unexpected message received from: "+t+" for "+A.iframe.id+". Message was: "+e.data+". This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.");return!0}()&&function(){switch(u[L]&&u[L].firstRun&&u[L]&&(u[L].firstRun=!1),A.type){case"close":F(A.iframe);break;case"message":m=i(6),p(L,"onMessage passed: {iframe: "+A.iframe.id+", message: "+m+"}"),l("onMessage",{iframe:A.iframe,message:JSON.parse(m)}),p(L,"--");break;case"mouseenter":f("onMouseEnter");break;case"mouseleave":f("onMouseLeave");break;case"autoResize":u[L].autoResize=JSON.parse(i(9));break;case"scrollTo":c(!1);break;case"scrollToOffset":c(!0);break;case"pageInfo":o(u[L]&&u[L].iframe,L),function(){function e(e,i){function r(){u[t]?o(u[t].iframe,t):n()}["scroll","resize"].forEach((function(n){p(t,e+n+" listener for sendPageInfo"),i(window,n,r)}))}function n(){e("Remove ",g)}var t=L;e("Add ",w),u[t]&&(u[t].stopPageInfo=n)}();break;case"pageInfoStop":u[L]&&u[L].stopPageInfo&&(u[L].stopPageInfo(),delete u[L].stopPageInfo);break;case"inPageLink":t=i(9).split("#")[1]||"",s=decodeURIComponent(t),(h=document.getElementById(s)||document.getElementsByName(s)[0])?(e=r(h),p(L,"Moving to in page link (#"+t+") at x: "+e.x+" y: "+e.y),a={x:e.x,y:e.y},d(),p(L,"--")):window.top===window.self?p(L,"In page link #"+t+" not found"):window.parentIFrame?window.parentIFrame.moveToAnchor(t):p(L,"In page link #"+t+" not found and window.parentIFrame not found");break;case"reset":O(A);break;case"init":n(),l("onInit",A.iframe);break;default:0===Number(A.width)&&0===Number(A.height)?k("Unsupported message received ("+A.type+"), this is likely due to the iframe containing a later version of iframe-resizer than the parent page"):n()}var e,t,s,h,m}())):v(L,"Ignored: "+W)}function S(e,n,t){var i=null,o=null;if(u[e]){if("function"!=typeof(i=u[e][n]))throw new TypeError(n+" on iFrame["+e+"] is not a function");o=i(t)}return o}function z(e){delete u[e.id]}function F(e){var t=e.id;if(!1!==S(t,"onClose",t)){p(t,"Removing iFrame: "+t);try{e.parentNode&&e.parentNode.removeChild(e)}catch(e){k(e)}S(t,"onClosed",t),p(t,"--"),z(e),n&&(n.disconnect(),n=null)}else p(t,"Close iframe cancelled by onClose event")}function M(n){null===a&&p(n,"Get page position: "+(a={x:window.pageXOffset===e?document.documentElement.scrollLeft:window.pageXOffset,y:window.pageYOffset===e?document.documentElement.scrollTop:window.pageYOffset}).x+","+a.y)}function T(e){null!==a&&(window.scrollTo(a.x,a.y),p(e,"Set page position: "+a.x+","+a.y),j())}function j(){a=null}function O(e){p(e.id,"Size reset requested by "+("init"===e.type?"host page":"iFrame")),M(e.id),C((function(){R(e),E("reset","reset",e.iframe,e.id)}),e,"reset")}function R(e){function n(n){r||"0"!==e[n]||(r=!0,p(i,"Hidden iFrame detected, creating visibility listener"),function(){function e(){Object.keys(u).forEach((function(e){!function(e){function n(n){return"0px"===(u[e]&&u[e].iframe.style[n])}u[e]&&null!==u[e].iframe.offsetParent&&(n("height")||n("width"))&&E("Visibility change","resize",u[e].iframe,e)}(e)}))}function n(n){p("window","Mutation observed: "+n[0].target+" "+n[0].type),A(e,16)}var t,i=m();i&&(t=document.querySelector("body"),new i(n).observe(t,{attributes:!0,attributeOldValue:!1,characterData:!0,characterDataOldValue:!1,childList:!0,subtree:!0}))}())}function t(t){!function(n){e.id?(e.iframe.style[n]=e[n]+"px",p(e.id,"IFrame ("+i+") "+n+" set to "+e[n]+"px")):p("undefined","messageData id not set")}(t),n(t)}var i=e.iframe.id;u[i]&&(u[i].sizeHeight&&t("height"),u[i].sizeWidth&&t("width"))}function C(e,n,t){t!==n.type&&c&&!window.jasmine?(p(n.id,"Requesting animation frame"),c(e)):e()}function E(e,n,t,i,o){var r,a=!1;u[i=i||t.id]&&(t&&"contentWindow"in t&&null!==t.contentWindow?(p(i,"["+e+"] Sending msg to iframe["+i+"] ("+n+") targetOrigin: "+(r=u[i]&&u[i].targetOrigin)),t.contentWindow.postMessage(s+n,r)):k(i,"["+e+"] IFrame("+i+") not found"),o&&u[i]&&u[i].warningTimeout&&(u[i].msgTimeout=setTimeout((function(){!u[i]||u[i].loaded||a||(a=!0,k(i,"IFrame has not responded within "+u[i].warningTimeout/1e3+" seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ignored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning."))}),u[i].warningTimeout)))}function N(e){return e+":"+u[e].bodyMarginV1+":"+u[e].sizeWidth+":"+u[e].log+":"+u[e].interval+":"+u[e].enablePublicMethods+":"+u[e].autoResize+":"+u[e].bodyMargin+":"+u[e].heightCalculationMethod+":"+u[e].bodyBackground+":"+u[e].bodyPadding+":"+u[e].tolerance+":"+u[e].inPageLinks+":"+u[e].resizeFrom+":"+u[e].widthCalculationMethod+":"+u[e].mouseEvents}function W(t,r){function s(e){var n=e.split("Callback");if(2===n.length){var t="on"+n[0].charAt(0).toUpperCase()+n[0].slice(1);this[t]=this[e],delete this[e],k(f,"Deprecated: '"+e+"' has been renamed '"+t+"'. The old method will be removed in the next major version.")}}var a,c,f=function(e){if("string"!=typeof e)throw new TypeError("Invaild id for iFrame. Expected String");var n;return""===e&&(t.id=(n=r&&r.id||l.id+i++,null!==document.getElementById(n)&&(n+=i++),e=n),o=(r||{}).log,p(e,"Added missing iframe ID: "+e+" ("+t.src+")")),e}(t.id);f in u&&"iFrameResizer"in t?k(f,"Ignored iFrame, already setup."):(function(e){var n;e=e||{},u[f]=Object.create(null),u[f].iframe=t,u[f].firstRun=!0,u[f].remoteHost=t.src&&t.src.split("/").slice(0,3).join("/"),function(e){if("object"!=typeof e)throw new TypeError("Options is not an object")}(e),Object.keys(e).forEach(s,e),function(e){for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(u[f][n]=Object.prototype.hasOwnProperty.call(e,n)?e[n]:l[n])}(e),u[f]&&(u[f].targetOrigin=!0===u[f].checkOrigin?""===(n=u[f].remoteHost)||null!==n.match(/^(about:blank|javascript:|file:\/\/)/)?"*":n:"*")}(r),function(){switch(p(f,"IFrame scrolling "+(u[f]&&u[f].scrolling?"enabled":"disabled")+" for "+f),t.style.overflow=!1===(u[f]&&u[f].scrolling)?"hidden":"auto",u[f]&&u[f].scrolling){case"omit":break;case!0:t.scrolling="yes";break;case!1:t.scrolling="no";break;default:t.scrolling=u[f]?u[f].scrolling:"no"}}(),function(){function e(e){var n=u[f][e];1/0!==n&&0!==n&&(t.style[e]="number"==typeof n?n+"px":n,p(f,"Set "+e+" = "+t.style[e]))}function n(e){if(u[f]["min"+e]>u[f]["max"+e])throw new Error("Value for min"+e+" can not be greater than max"+e)}n("Height"),n("Width"),e("maxHeight"),e("minHeight"),e("maxWidth"),e("minWidth")}(),"number"!=typeof(u[f]&&u[f].bodyMargin)&&"0"!==(u[f]&&u[f].bodyMargin)||(u[f].bodyMarginV1=u[f].bodyMargin,u[f].bodyMargin=u[f].bodyMargin+"px"),a=N(f),(c=m())&&(n=function(e){if(!t.parentNode)return null;var n=new e((function(e){e.forEach((function(e){Array.prototype.slice.call(e.removedNodes).forEach((function(e){e===t&&F(t)}))}))}));return n.observe(t.parentNode,{childList:!0}),n}(c)),w(t,"load",(function(){E("iFrame.onload",a,t,e,!0),(!u[f]||!u[f].firstRun)&&u[f]&&u[f].heightCalculationMethod in d&&O({iframe:t,height:0,width:0,type:"init"})})),E("init",a,t,e,!0),u[f]&&(u[f].iframe.iFrameResizer={close:F.bind(null,u[f].iframe),removeListeners:z.bind(null,u[f].iframe),resize:E.bind(null,"Window resize","resize",u[f].iframe),moveToAnchor:function(e){E("Move to anchor","moveToAnchor:"+e,u[f].iframe,f)},sendMessage:function(e){E("Send Message","message:"+(e=JSON.stringify(e)),u[f].iframe,f)}}))}function A(e,n){null===f&&(f=setTimeout((function(){f=null,e()}),n))}function L(){"hidden"!==document.visibilityState&&(p("document","Trigger event: Visibility change"),A((function(){H("Tab Visible","resize")}),16))}function H(e,n){Object.keys(u).forEach((function(t){(function(e){return u[e]&&"parent"===u[e].resizeFrom&&u[e].autoResize&&!u[e].firstRun})(t)&&E(e,n,u[t].iframe,t)}))}function P(){function n(e,n){n&&(function(){if(!n.tagName)throw new TypeError("Object is not a valid DOM element");if("IFRAME"!==n.tagName.toUpperCase())throw new TypeError("Expected <IFRAME> tag, found <"+n.tagName+">")}(),W(n,e),t.push(n))}var t;return function(){var e,n=["moz","webkit","o","ms"];for(e=0;e<n.length&&!c;e+=1)c=window[n[e]+"RequestAnimationFrame"];c?c=c.bind(window):p("setup","RequestAnimationFrame not supported")}(),w(window,"message",I),w(window,"resize",(function(){p("window","Trigger event: resize"),A((function(){H("Window resize","resize")}),16)})),w(document,"visibilitychange",L),w(document,"-webkit-visibilitychange",L),function(i,o){switch(t=[],function(e){e&&e.enablePublicMethods&&k("enablePublicMethods option has been removed, public methods are now always available in the iFrame")}(i),typeof o){case"undefined":case"string":Array.prototype.forEach.call(document.querySelectorAll(o||"iframe"),n.bind(e,i));break;case"object":n(i,o);break;default:throw new TypeError("Unexpected data type ("+typeof o+")")}return t}}}()),v.exports));class x{constructor(e,n){this.iframe=e,this.iframeOrigin=n}postMessage(e,n){const t=Object.assign({eventType:e},n);this.iframe.contentWindow.postMessage(t,this.iframeOrigin)}addMessageListener(e){window.addEventListener("message",e)}removeMessageListener(e){window.removeEventListener("message",e)}postMessageWithResponseListener(e,n){return new Promise((t=>{const i=n=>{n.data.eventType===e&&(window.removeEventListener("message",i),t(n.data.data))};window.addEventListener("message",i),this.postMessage(e,n)}))}}const I=class{constructor(n){e(this,n),this.iframeLoaded=i(this,"iframeLoaded"),this.isFocused=!1,this.isValid=!0,this.dispatchMessageEvent=e=>{const{eventType:n,data:t}=e.data;(null==t?void 0:t.id)===this.inputId&&("focused"===n&&(this.isFocused=!0),"blurred"===n&&(this.isFocused=!1))}}disconnectedCallback(){this.frameService.removeMessageListener(this.dispatchMessageEvent)}async validate(){const e=await this.frameService.postMessageWithResponseListener("validate");return this.isValid=e.isValid,this.errorText=e.error.message,e}async tokenize(e,n,t){return this.frameService.postMessageWithResponseListener("tokenize",{clientId:e,paymentMethodMetadata:n,account:t,componentVersion:h.version})}initializeFrameCommunicationService(){var e;this.frameService=new x(this.iframeElement,this.iframeOrigin),null===(e=this.frameService)||void 0===e||e.addMessageListener(this.dispatchMessageEvent)}get part(){return this.isFocused&&!this.isValid?s:this.isValid?this.isFocused?c:d:a}get style(){return this.isFocused?this.isValid?w.focused:w.focusedAndInvalid:null}get urlParams(){const e=Object.fromEntries(Object.entries(w.fontStyles).map((([e,n])=>[e,btoa(String(n))])));return new URLSearchParams(e).toString()}render(){return n(t,{key:"476aa13501c575d34fc189186cb9cc087f1934c0",class:"form-group d-flex flex-column"},n("div",{key:"4479d3f3ca36738a4803a8296335df173cc60600",style:{visibility:this.iframeLoaded?"visible":"hidden",height:this.iframeLoaded?"auto":"0"}},n("label",{key:"ab3ca944b088d966fb5e31248e72be90cd817596",class:"form-label",htmlFor:"",part:u},this.label||""),n("div",{key:"e0590b5060c5f53ae009f463c7fd2013c718d29a",class:"p-0 d-flex form-control "+(this.isValid?"":"is-invalid"),part:this.part,style:Object.assign(Object.assign({},this.style),{overflow:"hidden"})},n("iframe",{key:"5c31e3628e9c1480702008c750b9023e27427c68",id:this.inputId,name:this.inputId,src:`${this.iframeOrigin}?${this.urlParams}`,ref:e=>{this.iframeElement=e,this.initializeFrameCommunicationService()},width:"100%",onLoad:()=>{k({log:!1,onResized:()=>{this.iframeLoaded.emit()}},this.iframeElement)}})),n(l,{key:"8dd8903b2de383fa145a11d45e32efe1b95e10fd",errorText:this.errorText,name:this.inputId})))}get el(){return o(this)}};export{b as hidden_input,I as iframe_input}
|
|
1
|
+
import{r as e,h as n,H as t,c as i,g as o}from"./p-kpoIU4v_.js";import{c as r}from"./p-7WIgS5RM.js";import{i as s,b as a,a as c,c as d,l as u}from"./p-D3G5aVLy.js";import{g as f}from"./p-BFTU3MAI.js";import{F as l}from"./p-D522G7Ja.js";import{p as h}from"./p-kbTAg0Fi.js";const m=r({focused:{boxShadow:"",border:""},focusedAndInvalid:{boxShadow:"",border:""},fontStyles:{fontFamily:"",fontSize:"",fontWeight:"",lineHeight:"",margin:"",padding:""}}),{state:w,set:g}=m,b=class{constructor(n){e(this,n),this.isFocused=!1,this.errorText=""}async componentDidLoad(){const e=await this.getBaseFontStyles();g("fontStyles",e);const n=await this.getFocusedStyles();g("focused",n);const t=await this.getFocusedAndInvalidStyles();g("focusedAndInvalid",t)}async getBaseFontStyles(){return new Promise((e=>{setTimeout((()=>{const n=getComputedStyle(this.hiddenInput);e({fontFamily:n.fontFamily,fontSize:n.fontSize,fontWeight:n.fontWeight,lineHeight:n.lineHeight,margin:n.margin,padding:n.padding,color:n.color})}),500)}))}async getFocusedStyles(){return new Promise((e=>{this.hiddenInput.focus(),setTimeout((()=>{this.hiddenInput.blur();let n=getComputedStyle(this.hiddenInput);e({boxShadow:n.boxShadow,border:n.border})}),500)}))}async getFocusedAndInvalidStyles(){return new Promise((e=>{this.hiddenInput.focus(),this.errorText="Error",setTimeout((()=>{const n=getComputedStyle(this.hiddenInput),t={boxShadow:n.boxShadow,border:n.border};this.hiddenInput.blur(),e(t)}),500)}))}get part(){return this.isFocused&&this.errorText?s:this.errorText?a:this.isFocused?c:d}render(){return n(t,{key:"0ee80d3f6e70e496682e798ddfc57d9e8e8b0578"},n("input",{key:"6ec2b8825e4b2e9c2d130ce810bb76f67dc30940",ref:e=>this.hiddenInput=e,type:"text",class:this.errorText?"form-control is-invalid":"form-control",onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1,part:this.part,tabindex:"-1",style:{height:"0",opacity:"0",pointerEvents:"none",animation:"none"}}))}};var p,y,v={exports:{}},k=f((p||(p=1,y=v,console.info("\nIFRAME-RESIZER\n\nIframe-Resizer 5 is now available via the following two packages:\n\n * @iframe-resizer/parent\n * @iframe-resizer/child\n\nAdditionally their are also new versions of iframe-resizer for React, Vue, and jQuery.\n\nVersion 5 of iframe-resizer has been extensively rewritten to use modern browser APIs, which has enabled significantly better performance and greater accuracy in the detection of content resizing events.\n\nPlease see https://iframe-resizer.com/upgrade for more details.\n"),function(e){if("undefined"!=typeof window){var n,t,i=0,o=!1,r=!1,s="[iFrameSizer]",a=null,c=window.requestAnimationFrame,d=Object.freeze({max:1,scroll:1,bodyScroll:1,documentElementScroll:1}),u={},f=null,l=Object.freeze({autoResize:!0,bodyBackground:null,bodyMargin:null,bodyMarginV1:8,bodyPadding:null,checkOrigin:!0,inPageLinks:!1,enablePublicMethods:!0,heightCalculationMethod:"bodyOffset",id:"iFrameResizer",interval:32,license:"1jqr0si6pnt",log:!1,maxHeight:1/0,maxWidth:1/0,minHeight:0,minWidth:0,mouseEvents:!0,resizeFrom:"parent",scrolling:!1,sizeHeight:!0,sizeWidth:!1,warningTimeout:5e3,tolerance:0,widthCalculationMethod:"scroll",onClose:function(){return!0},onClosed:function(){},onInit:function(){},onMessage:function(){k("onMessage function not defined")},onMouseEnter:function(){},onMouseLeave:function(){},onResized:function(){},onScroll:function(){return!0}}),h={};window.jQuery!==e&&((t=window.jQuery).fn?t.fn.iFrameResize||(t.fn.iFrameResize=function(e){return this.filter("iframe").each((function(n,t){A(t,e)})).end()}):v("","Unable to bind to jQuery, it is not fully loaded.")),y.exports=P(),window.iFrameResize=window.iFrameResize||P()}function m(){return window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver}function w(e,n,t){e.addEventListener(n,t,!1)}function g(e,n,t){e.removeEventListener(n,t,!1)}function b(e){return u[e]?u[e].log:o}function p(e,n){x("log",e,n,b(e))}function v(e,n){x("info",e,n,b(e))}function k(e,n){x("warn",e,n,!0)}function x(e,n,t,i){!0===i&&"object"==typeof window.console&&console[e](function(e){return s+"["+function(e){var n="Host page: "+e;return window.top!==window.self&&(n=window.parentIFrame&&window.parentIFrame.getId?window.parentIFrame.getId()+": "+e:"Nested host page: "+e),n}(e)+"]"}(n),t)}function I(e){function n(){t("Height"),t("Width"),C((function(){R(W),T(L),l("onResized",W)}),W,"init")}function t(e){var n=Number(u[L]["max"+e]),t=Number(u[L]["min"+e]),i=e.toLowerCase(),o=Number(W[i]);p(L,"Checking "+i+" is in range "+t+"-"+n),o<t&&(o=t,p(L,"Set "+i+" to min value")),o>n&&(o=n,p(L,"Set "+i+" to max value")),W[i]=""+o}function i(e){return A.slice(A.indexOf(":")+7+e)}function o(e,n){var t,i;t=function(){var t,i;E("Send Page Info","pageInfo:"+(t=document.body.getBoundingClientRect(),i=W.iframe.getBoundingClientRect(),JSON.stringify({iframeHeight:i.height,iframeWidth:i.width,clientHeight:Math.max(document.documentElement.clientHeight,window.innerHeight||0),clientWidth:Math.max(document.documentElement.clientWidth,window.innerWidth||0),offsetTop:parseInt(i.top-t.top,10),offsetLeft:parseInt(i.left-t.left,10),scrollTop:window.pageYOffset,scrollLeft:window.pageXOffset,documentHeight:document.documentElement.clientHeight,documentWidth:document.documentElement.clientWidth,windowHeight:window.innerHeight,windowWidth:window.innerWidth})),e,n)},h[i=n]||(h[i]=setTimeout((function(){h[i]=null,t()}),32))}function r(e){var n=e.getBoundingClientRect();return M(L),{x:Math.floor(Number(n.left)+Number(a.x)),y:Math.floor(Number(n.top)+Number(a.y))}}function c(e){var n=e?r(W.iframe):{x:0,y:0},t={x:Number(W.width)+n.x,y:Number(W.height)+n.y};p(L,"Reposition requested from iFrame (offset x:"+n.x+" y:"+n.y+")"),window.top===window.self?(a=t,d(),p(L,"--")):window.parentIFrame?window.parentIFrame["scrollTo"+(e?"Offset":"")](t.x,t.y):k(L,"Unable to scroll to requested position, window.parentIFrame not found")}function d(){!1===l("onScroll",a)?j():T(L)}function f(e){var n={};if(0===Number(W.width)&&0===Number(W.height)){var t=i(9).split(":");n={x:t[1],y:t[0]}}else n={x:W.width,y:W.height};l(e,{iframe:W.iframe,screenX:Number(n.x),screenY:Number(n.y),type:W.type})}function l(e,n){return F(L,e,n)}var m,b,y,x,I,z,A=e.data,W={},L=null;"[iFrameResizerChild]Ready"===A?function(){for(var e in u)E("iFrame requested init",N(e),u[e].iframe,e)}():s===(""+A).slice(0,13)&&A.slice(13).split(":")[0]in u?(x=(y=A.slice(13).split(":"))[1]?parseInt(y[1],10):0,I=u[y[0]]&&u[y[0]].iframe,z=getComputedStyle(I),W={iframe:I,id:y[0],height:x+function(e){return"border-box"!==e.boxSizing?0:(e.paddingTop?parseInt(e.paddingTop,10):0)+(e.paddingBottom?parseInt(e.paddingBottom,10):0)}(z)+function(e){return"border-box"!==e.boxSizing?0:(e.borderTopWidth?parseInt(e.borderTopWidth,10):0)+(e.borderBottomWidth?parseInt(e.borderBottomWidth,10):0)}(z),width:y[2],type:y[3]},u[L=W.id]&&(u[L].loaded=!0),(b=W.type in{true:1,false:1,undefined:1})&&p(L,"Ignoring init message from meta parent page"),!b&&function(e){var n=!0;return u[e]||(n=!1,k(W.type+" No settings for "+e+". Message was: "+A)),n}(L)&&(p(L,"Received: "+A),m=!0,null===W.iframe&&(k(L,"IFrame ("+W.id+") not found"),m=!1),m&&function(){var n,t=e.origin,i=u[L]&&u[L].checkOrigin;if(i&&""+t!="null"&&!(i.constructor===Array?function(){var e=0,n=!1;for(p(L,"Checking connection is from allowed list of origins: "+i);e<i.length;e++)if(i[e]===t){n=!0;break}return n}():(p(L,"Checking connection is from: "+(n=u[L]&&u[L].remoteHost)),t===n)))throw new Error("Unexpected message received from: "+t+" for "+W.iframe.id+". Message was: "+e.data+". This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.");return!0}()&&function(){switch(u[L]&&u[L].firstRun&&u[L]&&(u[L].firstRun=!1),W.type){case"close":S(W.iframe);break;case"message":m=i(6),p(L,"onMessage passed: {iframe: "+W.iframe.id+", message: "+m+"}"),l("onMessage",{iframe:W.iframe,message:JSON.parse(m)}),p(L,"--");break;case"mouseenter":f("onMouseEnter");break;case"mouseleave":f("onMouseLeave");break;case"autoResize":u[L].autoResize=JSON.parse(i(9));break;case"scrollTo":c(!1);break;case"scrollToOffset":c(!0);break;case"pageInfo":o(u[L]&&u[L].iframe,L),function(){function e(e,i){function r(){u[t]?o(u[t].iframe,t):n()}["scroll","resize"].forEach((function(n){p(t,e+n+" listener for sendPageInfo"),i(window,n,r)}))}function n(){e("Remove ",g)}var t=L;e("Add ",w),u[t]&&(u[t].stopPageInfo=n)}();break;case"pageInfoStop":u[L]&&u[L].stopPageInfo&&(u[L].stopPageInfo(),delete u[L].stopPageInfo);break;case"inPageLink":t=i(9).split("#")[1]||"",s=decodeURIComponent(t),(h=document.getElementById(s)||document.getElementsByName(s)[0])?(e=r(h),p(L,"Moving to in page link (#"+t+") at x: "+e.x+" y: "+e.y),a={x:e.x,y:e.y},d(),p(L,"--")):window.top===window.self?p(L,"In page link #"+t+" not found"):window.parentIFrame?window.parentIFrame.moveToAnchor(t):p(L,"In page link #"+t+" not found and window.parentIFrame not found");break;case"reset":O(W);break;case"init":n(),l("onInit",W.iframe);break;default:0===Number(W.width)&&0===Number(W.height)?k("Unsupported message received ("+W.type+"), this is likely due to the iframe containing a later version of iframe-resizer than the parent page"):n()}var e,t,s,h,m}())):v(L,"Ignored: "+A)}function F(e,n,t){var i=null,o=null;if(u[e]){if("function"!=typeof(i=u[e][n]))throw new TypeError(n+" on iFrame["+e+"] is not a function");o=i(t)}return o}function z(e){delete u[e.id]}function S(e){var t=e.id;if(!1!==F(t,"onClose",t)){p(t,"Removing iFrame: "+t);try{e.parentNode&&e.parentNode.removeChild(e)}catch(e){k(e)}F(t,"onClosed",t),p(t,"--"),z(e),n&&(n.disconnect(),n=null)}else p(t,"Close iframe cancelled by onClose event")}function M(n){null===a&&p(n,"Get page position: "+(a={x:window.pageXOffset===e?document.documentElement.scrollLeft:window.pageXOffset,y:window.pageYOffset===e?document.documentElement.scrollTop:window.pageYOffset}).x+","+a.y)}function T(e){null!==a&&(window.scrollTo(a.x,a.y),p(e,"Set page position: "+a.x+","+a.y),j())}function j(){a=null}function O(e){p(e.id,"Size reset requested by "+("init"===e.type?"host page":"iFrame")),M(e.id),C((function(){R(e),E("reset","reset",e.iframe,e.id)}),e,"reset")}function R(e){function n(n){r||"0"!==e[n]||(r=!0,p(i,"Hidden iFrame detected, creating visibility listener"),function(){function e(){Object.keys(u).forEach((function(e){!function(e){function n(n){return"0px"===(u[e]&&u[e].iframe.style[n])}u[e]&&null!==u[e].iframe.offsetParent&&(n("height")||n("width"))&&E("Visibility change","resize",u[e].iframe,e)}(e)}))}function n(n){p("window","Mutation observed: "+n[0].target+" "+n[0].type),W(e,16)}var t,i=m();i&&(t=document.querySelector("body"),new i(n).observe(t,{attributes:!0,attributeOldValue:!1,characterData:!0,characterDataOldValue:!1,childList:!0,subtree:!0}))}())}function t(t){!function(n){e.id?(e.iframe.style[n]=e[n]+"px",p(e.id,"IFrame ("+i+") "+n+" set to "+e[n]+"px")):p("undefined","messageData id not set")}(t),n(t)}var i=e.iframe.id;u[i]&&(u[i].sizeHeight&&t("height"),u[i].sizeWidth&&t("width"))}function C(e,n,t){t!==n.type&&c&&!window.jasmine?(p(n.id,"Requesting animation frame"),c(e)):e()}function E(e,n,t,i,o){var r,a=!1;u[i=i||t.id]&&(t&&"contentWindow"in t&&null!==t.contentWindow?(p(i,"["+e+"] Sending msg to iframe["+i+"] ("+n+") targetOrigin: "+(r=u[i]&&u[i].targetOrigin)),t.contentWindow.postMessage(s+n,r)):k(i,"["+e+"] IFrame("+i+") not found"),o&&u[i]&&u[i].warningTimeout&&(u[i].msgTimeout=setTimeout((function(){!u[i]||u[i].loaded||a||(a=!0,k(i,"IFrame has not responded within "+u[i].warningTimeout/1e3+" seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ignored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning."))}),u[i].warningTimeout)))}function N(e){return e+":"+u[e].bodyMarginV1+":"+u[e].sizeWidth+":"+u[e].log+":"+u[e].interval+":"+u[e].enablePublicMethods+":"+u[e].autoResize+":"+u[e].bodyMargin+":"+u[e].heightCalculationMethod+":"+u[e].bodyBackground+":"+u[e].bodyPadding+":"+u[e].tolerance+":"+u[e].inPageLinks+":"+u[e].resizeFrom+":"+u[e].widthCalculationMethod+":"+u[e].mouseEvents}function A(t,r){function s(e){var n=e.split("Callback");if(2===n.length){var t="on"+n[0].charAt(0).toUpperCase()+n[0].slice(1);this[t]=this[e],delete this[e],k(f,"Deprecated: '"+e+"' has been renamed '"+t+"'. The old method will be removed in the next major version.")}}var a,c,f=function(e){if("string"!=typeof e)throw new TypeError("Invaild id for iFrame. Expected String");var n;return""===e&&(t.id=(n=r&&r.id||l.id+i++,null!==document.getElementById(n)&&(n+=i++),e=n),o=(r||{}).log,p(e,"Added missing iframe ID: "+e+" ("+t.src+")")),e}(t.id);f in u&&"iFrameResizer"in t?k(f,"Ignored iFrame, already setup."):(function(e){var n;e=e||{},u[f]=Object.create(null),u[f].iframe=t,u[f].firstRun=!0,u[f].remoteHost=t.src&&t.src.split("/").slice(0,3).join("/"),function(e){if("object"!=typeof e)throw new TypeError("Options is not an object")}(e),Object.keys(e).forEach(s,e),function(e){for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(u[f][n]=Object.prototype.hasOwnProperty.call(e,n)?e[n]:l[n])}(e),u[f]&&(u[f].targetOrigin=!0===u[f].checkOrigin?""===(n=u[f].remoteHost)||null!==n.match(/^(about:blank|javascript:|file:\/\/)/)?"*":n:"*")}(r),function(){switch(p(f,"IFrame scrolling "+(u[f]&&u[f].scrolling?"enabled":"disabled")+" for "+f),t.style.overflow=!1===(u[f]&&u[f].scrolling)?"hidden":"auto",u[f]&&u[f].scrolling){case"omit":break;case!0:t.scrolling="yes";break;case!1:t.scrolling="no";break;default:t.scrolling=u[f]?u[f].scrolling:"no"}}(),function(){function e(e){var n=u[f][e];1/0!==n&&0!==n&&(t.style[e]="number"==typeof n?n+"px":n,p(f,"Set "+e+" = "+t.style[e]))}function n(e){if(u[f]["min"+e]>u[f]["max"+e])throw new Error("Value for min"+e+" can not be greater than max"+e)}n("Height"),n("Width"),e("maxHeight"),e("minHeight"),e("maxWidth"),e("minWidth")}(),"number"!=typeof(u[f]&&u[f].bodyMargin)&&"0"!==(u[f]&&u[f].bodyMargin)||(u[f].bodyMarginV1=u[f].bodyMargin,u[f].bodyMargin=u[f].bodyMargin+"px"),a=N(f),(c=m())&&(n=function(e){if(!t.parentNode)return null;var n=new e((function(e){e.forEach((function(e){Array.prototype.slice.call(e.removedNodes).forEach((function(e){e===t&&S(t)}))}))}));return n.observe(t.parentNode,{childList:!0}),n}(c)),w(t,"load",(function(){E("iFrame.onload",a,t,e,!0),(!u[f]||!u[f].firstRun)&&u[f]&&u[f].heightCalculationMethod in d&&O({iframe:t,height:0,width:0,type:"init"})})),E("init",a,t,e,!0),u[f]&&(u[f].iframe.iFrameResizer={close:S.bind(null,u[f].iframe),removeListeners:z.bind(null,u[f].iframe),resize:E.bind(null,"Window resize","resize",u[f].iframe),moveToAnchor:function(e){E("Move to anchor","moveToAnchor:"+e,u[f].iframe,f)},sendMessage:function(e){E("Send Message","message:"+(e=JSON.stringify(e)),u[f].iframe,f)}}))}function W(e,n){null===f&&(f=setTimeout((function(){f=null,e()}),n))}function L(){"hidden"!==document.visibilityState&&(p("document","Trigger event: Visibility change"),W((function(){H("Tab Visible","resize")}),16))}function H(e,n){Object.keys(u).forEach((function(t){(function(e){return u[e]&&"parent"===u[e].resizeFrom&&u[e].autoResize&&!u[e].firstRun})(t)&&E(e,n,u[t].iframe,t)}))}function P(){function n(e,n){n&&(function(){if(!n.tagName)throw new TypeError("Object is not a valid DOM element");if("IFRAME"!==n.tagName.toUpperCase())throw new TypeError("Expected <IFRAME> tag, found <"+n.tagName+">")}(),A(n,e),t.push(n))}var t;return function(){var e,n=["moz","webkit","o","ms"];for(e=0;e<n.length&&!c;e+=1)c=window[n[e]+"RequestAnimationFrame"];c?c=c.bind(window):p("setup","RequestAnimationFrame not supported")}(),w(window,"message",I),w(window,"resize",(function(){p("window","Trigger event: resize"),W((function(){H("Window resize","resize")}),16)})),w(document,"visibilitychange",L),w(document,"-webkit-visibilitychange",L),function(i,o){switch(t=[],function(e){e&&e.enablePublicMethods&&k("enablePublicMethods option has been removed, public methods are now always available in the iFrame")}(i),typeof o){case"undefined":case"string":Array.prototype.forEach.call(document.querySelectorAll(o||"iframe"),n.bind(e,i));break;case"object":n(i,o);break;default:throw new TypeError("Unexpected data type ("+typeof o+")")}return t}}}()),v.exports));class x{constructor(e,n){this.iframe=e,this.iframeOrigin=n}postMessage(e,n){const t=Object.assign({eventType:e},n);this.iframe.contentWindow.postMessage(t,this.iframeOrigin)}addMessageListener(e){window.addEventListener("message",e)}removeMessageListener(e){window.removeEventListener("message",e)}postMessageWithResponseListener(e,n){return new Promise((t=>{const i=n=>{n.data.eventType===e&&(window.removeEventListener("message",i),t(n.data.data))};window.addEventListener("message",i),this.postMessage(e,n)}))}}const I=class{constructor(n){e(this,n),this.iframeLoaded=i(this,"iframeLoaded"),this.isFocused=!1,this.isValid=!0,this.dispatchMessageEvent=e=>{const{eventType:n,data:t}=e.data;(null==t?void 0:t.id)===this.inputId&&("focused"===n&&(this.isFocused=!0),"blurred"===n&&(this.isFocused=!1))}}disconnectedCallback(){this.frameService.removeMessageListener(this.dispatchMessageEvent)}async validate(){const e=await this.frameService.postMessageWithResponseListener("validate");return this.isValid=e.isValid,this.errorText=e.error.message,e}async tokenize(e,n,t){return this.frameService.postMessageWithResponseListener("tokenize",{clientId:e,paymentMethodMetadata:n,account:t,componentVersion:h.version})}initializeFrameCommunicationService(){var e;this.frameService=new x(this.iframeElement,this.iframeOrigin),null===(e=this.frameService)||void 0===e||e.addMessageListener(this.dispatchMessageEvent)}get part(){return this.isFocused&&!this.isValid?s:this.isValid?this.isFocused?c:d:a}get style(){return this.isFocused?this.isValid?w.focused:w.focusedAndInvalid:null}get urlParams(){const e=Object.fromEntries(Object.entries(w.fontStyles).map((([e,n])=>[e,btoa(String(n))])));return new URLSearchParams(e).toString()}render(){return n(t,{key:"476aa13501c575d34fc189186cb9cc087f1934c0",class:"form-group d-flex flex-column"},n("div",{key:"4479d3f3ca36738a4803a8296335df173cc60600",style:{visibility:this.iframeLoaded?"visible":"hidden",height:this.iframeLoaded?"auto":"0"}},n("label",{key:"ab3ca944b088d966fb5e31248e72be90cd817596",class:"form-label",htmlFor:"",part:u},this.label||""),n("div",{key:"e0590b5060c5f53ae009f463c7fd2013c718d29a",class:"p-0 d-flex form-control "+(this.isValid?"":"is-invalid"),part:this.part,style:Object.assign(Object.assign({},this.style),{overflow:"hidden"})},n("iframe",{key:"5c31e3628e9c1480702008c750b9023e27427c68",id:this.inputId,name:this.inputId,src:`${this.iframeOrigin}?${this.urlParams}`,ref:e=>{this.iframeElement=e,this.initializeFrameCommunicationService()},width:"100%",onLoad:()=>{k({log:!1,onResized:()=>{this.iframeLoaded.emit()}},this.iframeElement)}})),n(l,{key:"8dd8903b2de383fa145a11d45e32efe1b95e10fd",errorText:this.errorText,name:this.inputId})))}get el(){return o(this)}};export{b as hidden_input,I as iframe_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as r}from"./p-kpoIU4v_.js";import{P as i}from"./p-ObR0KZw0.js";import"./p-9y5MOK55.js";import"./p-B7jE0g5_.js";import{C as o,a as e}from"./p-Cjcsf8ku.js";import"./p-Bou1Z4Bm.js";import"./p-CLHwhyvu.js";import{a as p}from"./p-BDUTtU21.js";import"./p-BlJnA265.js";import"./p-7MWRbTXI.js";import{g as a,a as n}from"./p-D2muobcE.js";import{c as m,J as c}from"./p-
|
|
1
|
+
import{r as t,c as s,h as r}from"./p-kpoIU4v_.js";import{P as i}from"./p-ObR0KZw0.js";import"./p-9y5MOK55.js";import"./p-B7jE0g5_.js";import{C as o,a as e}from"./p-Cjcsf8ku.js";import"./p-Bou1Z4Bm.js";import"./p-CLHwhyvu.js";import{a as p}from"./p-BDUTtU21.js";import"./p-BlJnA265.js";import"./p-7MWRbTXI.js";import{g as a,a as n}from"./p-D2muobcE.js";import{c as m,J as c}from"./p-DkGfv8M-.js";import{S as h}from"./p-CRFzwZW6.js";import"./p-CZfYo5-1.js";import{d as j}from"./p-B2csvKrZ.js";import"./p-Dj1uo4J3.js";import"./p-7WIgS5RM.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-kbTAg0Fi.js";import"./p-BvyiDejp.js";import"./p-DCDU6JB3.js";import"./p-D3G5aVLy.js";const d=class{constructor(r){t(this,r),this.errorEvent=s(this,"error-event"),this.errorMessage=null,this.columns=j,this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)}}componentWillLoad(){m(),this.analytics=new c(this),this.initializeGetPayments()}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetPayments()}initializeGetPayments(){this.accountId&&this.authToken?this.getPayments=(({id:t,authToken:s,service:r})=>async({params:i,onSuccess:e,onError:m,final:c})=>{var h,j;try{const c=await r.fetchPayments(t,s,i);if(c.error)return m({error:n(c.error),code:a(null===(j=c.error)||void 0===j?void 0:j.code),severity:o.ERROR});{const t=Object.assign({},c.page_info);e({payments:(null===(h=c.data)||void 0===h?void 0:h.map((t=>new p(t))))||[],pagingInfo:t})}}catch(t){const s=a(null==t?void 0:t.code);return m({error:t.message||t,code:s,severity:o.ERROR})}finally{return c()}})({id:this.accountId,authToken:this.authToken,service:new i}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:e.MISSING_PROPS,message:this.errorMessage,severity:o.ERROR}))}render(){return r(h,{key:"346d4f307320d44c5103a3d259bef61e08b4779b"},r("payments-list-core",{key:"9e5283017a8d56fd274754b81942e293686d874b",getPayments:this.getPayments,"onError-event":this.handleErrorEvent,columns:this.columns}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{d as justifi_payments_list}
|