@justifi/webcomponents 6.0.0-rc.16 → 6.0.0-rc.18
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-DfzaKEDg.js → check-pkg-version-BIRpFWjW.js} +1 -1
- package/dist/cjs/hidden-input_2.cjs.entry.js +1 -1
- package/dist/cjs/justifi-apple-pay.cjs.entry.js +341 -35
- package/dist/cjs/justifi-bank-account-billing-form-simple_9.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-checkout-summary_7.cjs.entry.js +3 -4
- 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/{package-CHNXn8wx.js → package-BVAhjheJ.js} +1 -1
- package/dist/collection/components/modular-checkout/modular-checkout.js +1 -2
- package/dist/collection/components/modular-checkout/sub-components/apple-pay.js +8 -35
- package/dist/docs.json +1 -1
- package/dist/esm/{check-pkg-version-Cz8T6Ux8.js → check-pkg-version-DHG-pLKx.js} +1 -1
- package/dist/esm/hidden-input_2.entry.js +1 -1
- package/dist/esm/justifi-apple-pay.entry.js +341 -35
- package/dist/esm/justifi-bank-account-billing-form-simple_9.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-checkout-summary_7.entry.js +3 -4
- 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/{package-BiTF1__F.js → package-D34B0fIu.js} +1 -1
- package/dist/module/justifi-apple-pay.js +338 -32
- package/dist/module/modular-checkout.js +1 -2
- package/dist/module/package.js +1 -1
- package/dist/webcomponents/{p-c3cfcd4b.entry.js → p-00ce804c.entry.js} +1 -1
- package/dist/webcomponents/{p-2b47ddd8.entry.js → p-1a00ae1a.entry.js} +1 -1
- package/dist/webcomponents/p-387951b7.entry.js +1 -0
- package/dist/webcomponents/{p-3d94c845.entry.js → p-39caca63.entry.js} +1 -1
- package/dist/webcomponents/{p-3a34e4f9.entry.js → p-43929b3f.entry.js} +1 -1
- package/dist/webcomponents/{p-0913a57b.entry.js → p-52453823.entry.js} +1 -1
- package/dist/webcomponents/{p-a65d751d.entry.js → p-5d604178.entry.js} +1 -1
- package/dist/webcomponents/{p-995c2cbf.entry.js → p-5fbcf154.entry.js} +1 -1
- package/dist/webcomponents/{p-07c3c25e.entry.js → p-611a013a.entry.js} +1 -1
- package/dist/webcomponents/p-66b1a1be.entry.js +1 -0
- package/dist/webcomponents/p-857ed314.entry.js +1 -0
- package/dist/webcomponents/{p-225da0b5.entry.js → p-8e3be834.entry.js} +1 -1
- package/dist/webcomponents/{p-eabaeaf6.entry.js → p-9080a91c.entry.js} +1 -1
- package/dist/webcomponents/{p-ce272d8a.entry.js → p-91110a56.entry.js} +1 -1
- package/dist/webcomponents/{p-f6e3f1ca.entry.js → p-91753cd0.entry.js} +1 -1
- package/dist/webcomponents/{p-a53710c4.entry.js → p-95279d6b.entry.js} +1 -1
- package/dist/webcomponents/p-D34B0fIu.js +1 -0
- package/dist/webcomponents/{p-BcAsEqa5.js → p-DWOdLN23.js} +1 -1
- package/dist/webcomponents/p-ad6df3f2.entry.js +1 -0
- package/dist/webcomponents/p-b37c187c.entry.js +1 -0
- package/dist/webcomponents/{p-e7921c1f.entry.js → p-b4cb8091.entry.js} +1 -1
- package/dist/webcomponents/{p-3caee9d2.entry.js → p-ccc932f5.entry.js} +1 -1
- package/dist/webcomponents/{p-0bba0dd0.entry.js → p-cef742c4.entry.js} +1 -1
- package/dist/webcomponents/{p-b9ab3803.entry.js → p-dd481752.entry.js} +1 -1
- package/dist/webcomponents/p-eab855aa.entry.js +1 -0
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/webcomponents/p-099e96ba.entry.js +0 -1
- package/dist/webcomponents/p-4abf0877.entry.js +0 -1
- package/dist/webcomponents/p-5a3fc339.entry.js +0 -1
- package/dist/webcomponents/p-69bf5e32.entry.js +0 -1
- package/dist/webcomponents/p-73dd0306.entry.js +0 -1
- package/dist/webcomponents/p-BiTF1__F.js +0 -1
- package/dist/webcomponents/p-a7712cea.entry.js +0 -1
|
@@ -5,7 +5,7 @@ var payment_service = require('./payment.service-aR96UW5e.js');
|
|
|
5
5
|
var getPaymentDetails = require('./get-payment-details-BfgRmNL4.js');
|
|
6
6
|
var utils = require('./utils-Bzyj4qWe.js');
|
|
7
7
|
var ComponentError = require('./ComponentError-D4OLnOkg.js');
|
|
8
|
-
var checkPkgVersion = require('./check-pkg-version-
|
|
8
|
+
var checkPkgVersion = require('./check-pkg-version-BIRpFWjW.js');
|
|
9
9
|
require('./Api-DyimBzKT.js');
|
|
10
10
|
require('./config-state-BBOZIS8x.js');
|
|
11
11
|
require('./index-B32W0A3m.js');
|
|
@@ -19,7 +19,7 @@ require('./helpers-B5OCqlIM.js');
|
|
|
19
19
|
require('./state-options-CIT9xdTz.js');
|
|
20
20
|
require('./utils-DvUQQLmR.js');
|
|
21
21
|
require('./parts-9jMf1erK.js');
|
|
22
|
-
require('./package-
|
|
22
|
+
require('./package-BVAhjheJ.js');
|
|
23
23
|
|
|
24
24
|
const PaymentDetails = class {
|
|
25
25
|
constructor(hostRef) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-C9hBD-32.js');
|
|
4
|
-
var checkPkgVersion = require('./check-pkg-version-
|
|
4
|
+
var checkPkgVersion = require('./check-pkg-version-BIRpFWjW.js');
|
|
5
5
|
var ComponentError = require('./ComponentError-D4OLnOkg.js');
|
|
6
6
|
var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
|
|
7
7
|
var business_service = require('./business.service-BB6zl4Gc.js');
|
|
@@ -10,7 +10,7 @@ require('./Refund-BefKONu4.js');
|
|
|
10
10
|
require('./Pagination-Dediz133.js');
|
|
11
11
|
require('./Business-DCRzZf0w.js');
|
|
12
12
|
require('./Dispute-CruQTF6_.js');
|
|
13
|
-
require('./package-
|
|
13
|
+
require('./package-BVAhjheJ.js');
|
|
14
14
|
require('./utils-DvUQQLmR.js');
|
|
15
15
|
require('./config-state-BBOZIS8x.js');
|
|
16
16
|
require('./index-B32W0A3m.js');
|
|
@@ -8,7 +8,7 @@ var Refund = require('./Refund-BefKONu4.js');
|
|
|
8
8
|
var Pagination = require('./Pagination-Dediz133.js');
|
|
9
9
|
require('./Business-DCRzZf0w.js');
|
|
10
10
|
require('./Dispute-CruQTF6_.js');
|
|
11
|
-
var checkPkgVersion = require('./check-pkg-version-
|
|
11
|
+
var checkPkgVersion = require('./check-pkg-version-BIRpFWjW.js');
|
|
12
12
|
var utils = require('./utils-DvUQQLmR.js');
|
|
13
13
|
var payment_service = require('./payment.service-aR96UW5e.js');
|
|
14
14
|
var table = require('./table-Ccdrt0v_.js');
|
|
@@ -19,7 +19,7 @@ var parts = require('./parts-9jMf1erK.js');
|
|
|
19
19
|
require('./index-B32W0A3m.js');
|
|
20
20
|
require('./helpers-B5OCqlIM.js');
|
|
21
21
|
require('./state-options-CIT9xdTz.js');
|
|
22
|
-
require('./package-
|
|
22
|
+
require('./package-BVAhjheJ.js');
|
|
23
23
|
require('./Api-DyimBzKT.js');
|
|
24
24
|
require('./spinner-jmeA44Ee.js');
|
|
25
25
|
|
|
@@ -10,7 +10,7 @@ require('./Pagination-Dediz133.js');
|
|
|
10
10
|
require('./Business-DCRzZf0w.js');
|
|
11
11
|
require('./Dispute-CruQTF6_.js');
|
|
12
12
|
var utils = require('./utils-DvUQQLmR.js');
|
|
13
|
-
var checkPkgVersion = require('./check-pkg-version-
|
|
13
|
+
var checkPkgVersion = require('./check-pkg-version-BIRpFWjW.js');
|
|
14
14
|
var styledHost = require('./styled-host-BfVJlAsJ.js');
|
|
15
15
|
require('./event-types-YOY5TKUN.js');
|
|
16
16
|
var paymentsTable = require('./payments-table-BE8u0-i0.js');
|
|
@@ -19,7 +19,7 @@ require('./utils-ChCUZgUy.js');
|
|
|
19
19
|
require('./index-B32W0A3m.js');
|
|
20
20
|
require('./helpers-B5OCqlIM.js');
|
|
21
21
|
require('./state-options-CIT9xdTz.js');
|
|
22
|
-
require('./package-
|
|
22
|
+
require('./package-BVAhjheJ.js');
|
|
23
23
|
require('./payments-status-DXRh_ekP.js');
|
|
24
24
|
require('./badge-CcJ9H85-.js');
|
|
25
25
|
require('./parts-9jMf1erK.js');
|
|
@@ -11,7 +11,7 @@ require('./Business-DCRzZf0w.js');
|
|
|
11
11
|
require('./Dispute-CruQTF6_.js');
|
|
12
12
|
var utils = require('./utils-DvUQQLmR.js');
|
|
13
13
|
var utils$1 = require('./utils-Bzyj4qWe.js');
|
|
14
|
-
var checkPkgVersion = require('./check-pkg-version-
|
|
14
|
+
var checkPkgVersion = require('./check-pkg-version-BIRpFWjW.js');
|
|
15
15
|
var getPayoutCsv = require('./get-payout-csv-DE_D9y08.js');
|
|
16
16
|
require('./Api-DyimBzKT.js');
|
|
17
17
|
require('./utils-ChCUZgUy.js');
|
|
@@ -19,7 +19,7 @@ require('./index-B32W0A3m.js');
|
|
|
19
19
|
require('./helpers-B5OCqlIM.js');
|
|
20
20
|
require('./state-options-CIT9xdTz.js');
|
|
21
21
|
require('./parts-9jMf1erK.js');
|
|
22
|
-
require('./package-
|
|
22
|
+
require('./package-BVAhjheJ.js');
|
|
23
23
|
|
|
24
24
|
const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
|
|
25
25
|
var _a;
|
|
@@ -8,7 +8,7 @@ var Refund = require('./Refund-BefKONu4.js');
|
|
|
8
8
|
var Pagination = require('./Pagination-Dediz133.js');
|
|
9
9
|
require('./Business-DCRzZf0w.js');
|
|
10
10
|
require('./Dispute-CruQTF6_.js');
|
|
11
|
-
var checkPkgVersion = require('./check-pkg-version-
|
|
11
|
+
var checkPkgVersion = require('./check-pkg-version-BIRpFWjW.js');
|
|
12
12
|
var utils = require('./utils-DvUQQLmR.js');
|
|
13
13
|
var payout_service = require('./payout.service-6Cl_yXXQ.js');
|
|
14
14
|
var table = require('./table-Ccdrt0v_.js');
|
|
@@ -19,7 +19,7 @@ var parts = require('./parts-9jMf1erK.js');
|
|
|
19
19
|
require('./index-B32W0A3m.js');
|
|
20
20
|
require('./helpers-B5OCqlIM.js');
|
|
21
21
|
require('./state-options-CIT9xdTz.js');
|
|
22
|
-
require('./package-
|
|
22
|
+
require('./package-BVAhjheJ.js');
|
|
23
23
|
require('./Api-DyimBzKT.js');
|
|
24
24
|
require('./spinner-jmeA44Ee.js');
|
|
25
25
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-C9hBD-32.js');
|
|
4
4
|
var ComponentError = require('./ComponentError-D4OLnOkg.js');
|
|
5
|
-
var checkPkgVersion = require('./check-pkg-version-
|
|
5
|
+
var checkPkgVersion = require('./check-pkg-version-BIRpFWjW.js');
|
|
6
6
|
var payout_service = require('./payout.service-6Cl_yXXQ.js');
|
|
7
7
|
require('./config-state-BBOZIS8x.js');
|
|
8
8
|
require('./dinero-BwNN_k7x.js');
|
|
@@ -16,7 +16,7 @@ var getSubaccounts = require('./get-subaccounts-Bnfv2tEN.js');
|
|
|
16
16
|
var styledHost = require('./styled-host-BfVJlAsJ.js');
|
|
17
17
|
require('./event-types-YOY5TKUN.js');
|
|
18
18
|
var payoutsTable = require('./payouts-table-BbydhJUr.js');
|
|
19
|
-
require('./package-
|
|
19
|
+
require('./package-BVAhjheJ.js');
|
|
20
20
|
require('./Api-DyimBzKT.js');
|
|
21
21
|
require('./utils-ChCUZgUy.js');
|
|
22
22
|
require('./index-B32W0A3m.js');
|
|
@@ -14,7 +14,7 @@ var styledHost = require('./styled-host-BfVJlAsJ.js');
|
|
|
14
14
|
require('./event-types-YOY5TKUN.js');
|
|
15
15
|
var payment_service = require('./payment.service-aR96UW5e.js');
|
|
16
16
|
var getPaymentDetails = require('./get-payment-details-BfgRmNL4.js');
|
|
17
|
-
var checkPkgVersion = require('./check-pkg-version-
|
|
17
|
+
var checkPkgVersion = require('./check-pkg-version-BIRpFWjW.js');
|
|
18
18
|
var utils$1 = require('./utils-DvUQQLmR.js');
|
|
19
19
|
var Api = require('./Api-DyimBzKT.js');
|
|
20
20
|
var skeleton = require('./skeleton-C7DQRD6r.js');
|
|
@@ -24,7 +24,7 @@ require('./index-B32W0A3m.js');
|
|
|
24
24
|
require('./helpers-B5OCqlIM.js');
|
|
25
25
|
require('./state-options-CIT9xdTz.js');
|
|
26
26
|
require('./parts-9jMf1erK.js');
|
|
27
|
-
require('./package-
|
|
27
|
+
require('./package-BVAhjheJ.js');
|
|
28
28
|
|
|
29
29
|
const amountValidation = (maxAmount) => {
|
|
30
30
|
const max = +maxAmount;
|
|
@@ -8,7 +8,7 @@ require('./Pagination-Dediz133.js');
|
|
|
8
8
|
require('./Business-DCRzZf0w.js');
|
|
9
9
|
require('./Dispute-CruQTF6_.js');
|
|
10
10
|
var utils = require('./utils-DvUQQLmR.js');
|
|
11
|
-
var checkPkgVersion = require('./check-pkg-version-
|
|
11
|
+
var checkPkgVersion = require('./check-pkg-version-BIRpFWjW.js');
|
|
12
12
|
var checkout_store = require('./checkout.store-DJEc-So8.js');
|
|
13
13
|
var utils$1 = require('./utils-ChCUZgUy.js');
|
|
14
14
|
var insuranceState = require('./insurance-state-d2thhXUX.js');
|
|
@@ -20,7 +20,7 @@ require('./config-state-BBOZIS8x.js');
|
|
|
20
20
|
require('./index-B32W0A3m.js');
|
|
21
21
|
require('./helpers-B5OCqlIM.js');
|
|
22
22
|
require('./state-options-CIT9xdTz.js');
|
|
23
|
-
require('./package-
|
|
23
|
+
require('./package-BVAhjheJ.js');
|
|
24
24
|
require('./dinero-BwNN_k7x.js');
|
|
25
25
|
require('./index-D-dD-aC2.js');
|
|
26
26
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-C9hBD-32.js');
|
|
4
4
|
var styledHost = require('./styled-host-BfVJlAsJ.js');
|
|
5
5
|
require('./event-types-YOY5TKUN.js');
|
|
6
|
-
var checkPkgVersion = require('./check-pkg-version-
|
|
6
|
+
var checkPkgVersion = require('./check-pkg-version-BIRpFWjW.js');
|
|
7
7
|
var terminalOrdersTable = require('./terminal-orders-table-B4HjERrK.js');
|
|
8
8
|
require('./config-state-BBOZIS8x.js');
|
|
9
9
|
require('./dinero-BwNN_k7x.js');
|
|
@@ -14,7 +14,7 @@ require('./Business-DCRzZf0w.js');
|
|
|
14
14
|
require('./Dispute-CruQTF6_.js');
|
|
15
15
|
var utils = require('./utils-DvUQQLmR.js');
|
|
16
16
|
var Api = require('./Api-DyimBzKT.js');
|
|
17
|
-
require('./package-
|
|
17
|
+
require('./package-BVAhjheJ.js');
|
|
18
18
|
require('./parts-9jMf1erK.js');
|
|
19
19
|
require('./utils-ChCUZgUy.js');
|
|
20
20
|
require('./badge-CcJ9H85-.js');
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-C9hBD-32.js');
|
|
4
4
|
var ComponentError = require('./ComponentError-D4OLnOkg.js');
|
|
5
|
-
var checkPkgVersion = require('./check-pkg-version-
|
|
5
|
+
var checkPkgVersion = require('./check-pkg-version-BIRpFWjW.js');
|
|
6
6
|
var terminal_service = require('./terminal.service-D1FAYZzd.js');
|
|
7
7
|
require('./config-state-BBOZIS8x.js');
|
|
8
8
|
require('./dinero-BwNN_k7x.js');
|
|
@@ -15,7 +15,7 @@ var getSubaccounts = require('./get-subaccounts-Bnfv2tEN.js');
|
|
|
15
15
|
var styledHost = require('./styled-host-BfVJlAsJ.js');
|
|
16
16
|
require('./event-types-YOY5TKUN.js');
|
|
17
17
|
var terminalsTable = require('./terminals-table-C79Xc4FI.js');
|
|
18
|
-
require('./package-
|
|
18
|
+
require('./package-BVAhjheJ.js');
|
|
19
19
|
require('./Api-DyimBzKT.js');
|
|
20
20
|
require('./utils-ChCUZgUy.js');
|
|
21
21
|
require('./index-B32W0A3m.js');
|
|
@@ -198,7 +198,6 @@ export class ModularCheckout {
|
|
|
198
198
|
checkoutStore.selectedPaymentMethod = paymentMethod;
|
|
199
199
|
checkoutStore.paymentToken = paymentMethod.id || undefined;
|
|
200
200
|
}
|
|
201
|
-
// getAvailablePaymentMethods removed in favor of checkout-changed event
|
|
202
201
|
// if validation fails, the error will be emitted by the component
|
|
203
202
|
async validate() {
|
|
204
203
|
const promises = [];
|
|
@@ -346,7 +345,7 @@ export class ModularCheckout {
|
|
|
346
345
|
});
|
|
347
346
|
}
|
|
348
347
|
render() {
|
|
349
|
-
return h(Host, { key: '
|
|
348
|
+
return h(Host, { key: '2cbac33c57dd2cad327f156a4630b1dba9bf3252' });
|
|
350
349
|
}
|
|
351
350
|
static get is() { return "justifi-modular-checkout"; }
|
|
352
351
|
static get properties() {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { h,
|
|
2
|
-
|
|
3
|
-
} from "@stencil/core";
|
|
1
|
+
import { h, } from "@stencil/core";
|
|
2
|
+
import { ApplePayService } from "../../../api/services/apple-pay.service";
|
|
4
3
|
import { ApplePayButtonType, ApplePayButtonStyle, ApplePayHelpers, } from "../../../api/ApplePay";
|
|
5
4
|
import { StyledHost } from "../../../ui-components";
|
|
6
5
|
import ApplePaySkeleton from "./apple-pay-skeleton";
|
|
@@ -38,6 +37,7 @@ export class ApplePay {
|
|
|
38
37
|
supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
|
|
39
38
|
total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
|
|
40
39
|
};
|
|
40
|
+
console.log("paymentRequest", paymentRequest);
|
|
41
41
|
const result = await this.applePayService.startPaymentSession(paymentRequest, checkoutStore.authToken, checkoutStore.accountId);
|
|
42
42
|
if (result.success) {
|
|
43
43
|
this.applePayCompleted.emit({
|
|
@@ -71,29 +71,7 @@ export class ApplePay {
|
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
73
|
}
|
|
74
|
-
// private unsubscribeCheckoutLoaded?: () => void;
|
|
75
|
-
// componentWillLoad() {
|
|
76
|
-
// this.unsubscribeCheckoutLoaded = onChange("checkoutLoaded", (loaded) => {
|
|
77
|
-
// this.applePayService = new ApplePayService();
|
|
78
|
-
// console.log("checkoutLoaded", loaded);
|
|
79
|
-
// if (loaded) {
|
|
80
|
-
// this.initializeApplePay();
|
|
81
|
-
// }
|
|
82
|
-
// });
|
|
83
|
-
// }
|
|
84
|
-
// disconnectedCallback() {
|
|
85
|
-
// this.unsubscribeCheckoutLoaded?.();
|
|
86
|
-
// this.unsubscribeCheckoutLoaded = undefined;
|
|
87
|
-
// }
|
|
88
|
-
// @Watch("merchantIdentifier")
|
|
89
|
-
// @Watch("buttonType")
|
|
90
|
-
// @Watch("buttonStyle")
|
|
91
|
-
// @Watch("disabled")
|
|
92
|
-
// watchPropsChange() {
|
|
93
|
-
// this.initializeApplePay();
|
|
94
|
-
// }
|
|
95
74
|
async initializeApplePay() {
|
|
96
|
-
console.log("initializeApplePay", checkoutStore.checkoutLoaded);
|
|
97
75
|
try {
|
|
98
76
|
this.isLoading = true;
|
|
99
77
|
this.error = null;
|
|
@@ -102,9 +80,9 @@ export class ApplePay {
|
|
|
102
80
|
Boolean(checkoutStore.paymentCurrency) &&
|
|
103
81
|
Boolean(checkoutStore.authToken);
|
|
104
82
|
if (!hasRequiredConfig) {
|
|
105
|
-
this.error = "Missing required Apple Pay configuration
|
|
83
|
+
this.error = "Missing required Apple Pay configuration";
|
|
106
84
|
this.isConfigValid = false;
|
|
107
|
-
console.error("Apple Pay config error: missing required values
|
|
85
|
+
console.error("Apple Pay config error: missing required values", {
|
|
108
86
|
paymentAmount: checkoutStore.paymentAmount,
|
|
109
87
|
paymentCurrency: checkoutStore.paymentCurrency,
|
|
110
88
|
hasAuthToken: Boolean(checkoutStore.authToken),
|
|
@@ -137,6 +115,7 @@ export class ApplePay {
|
|
|
137
115
|
buttonType: this.buttonType,
|
|
138
116
|
buttonStyle: this.buttonStyle,
|
|
139
117
|
};
|
|
118
|
+
this.applePayService = new ApplePayService();
|
|
140
119
|
this.applePayService.initialize(applePayConfig);
|
|
141
120
|
const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
|
|
142
121
|
if (!hasActiveCard) {
|
|
@@ -170,19 +149,13 @@ export class ApplePay {
|
|
|
170
149
|
this.applePayCancelled.emit();
|
|
171
150
|
}
|
|
172
151
|
render() {
|
|
173
|
-
// const shouldHide =
|
|
174
|
-
// !this.isLoading &&
|
|
175
|
-
// (!this.isConfigValid || !this.isAvailable || !this.canMakePayments || !checkoutStore.checkoutLoaded);
|
|
176
|
-
// if (shouldHide) {
|
|
177
|
-
// return null;
|
|
178
|
-
// }
|
|
179
152
|
const isReady = !this.isLoading &&
|
|
180
153
|
this.isAvailable &&
|
|
181
154
|
this.canMakePayments &&
|
|
182
155
|
this.isConfigValid;
|
|
183
|
-
return (h(StyledHost, { key: '
|
|
156
|
+
return (h(StyledHost, { key: '89555e4ca332762a2212d1ef447c9890fa9dc154' }, checkoutStore.checkoutLoaded && (h("script", { key: '0770cdfd74b354262215f651713e92cc3a4cc2a0', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
|
|
184
157
|
this.initializeApplePay();
|
|
185
|
-
} })), h("div", { key: '
|
|
158
|
+
} })), h("div", { key: '8e97c5c22626c24d81b7fe1114b35808f3ba0758', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '8c3859ab8a7b5c215366667692c84841c34a96de', isReady: isReady }), isReady && (h(ApplePayButton, { key: 'ab9e158a240c81530f693a6272c974a0c62fe317', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '4182e97979dcb25b9e5e0f13fa176037fe0300e0' }, `
|
|
186
159
|
.apple-pay-container {
|
|
187
160
|
width: 100%;
|
|
188
161
|
}
|
package/dist/docs.json
CHANGED
|
@@ -3,7 +3,7 @@ import { c as createStore } from './index-B_KxSZIF.js';
|
|
|
3
3
|
import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-RvUQ__Pq.js';
|
|
4
4
|
import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
|
|
5
5
|
import { F as FormControlErrorText } from './form-control-error-text-R7U07nTg.js';
|
|
6
|
-
import { p as packageJson } from './package-
|
|
6
|
+
import { p as packageJson } from './package-D34B0fIu.js';
|
|
7
7
|
|
|
8
8
|
const iframeInputStylesStore = createStore({
|
|
9
9
|
focused: {
|