@justifi/webcomponents 6.0.0-rc.13 → 6.0.0-rc.15

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.
Files changed (88) hide show
  1. package/dist/cjs/{check-pkg-version-BHgnfPmN.js → check-pkg-version-CVOffMTi.js} +1 -1
  2. package/dist/cjs/hidden-input_2.cjs.entry.js +1 -1
  3. package/dist/cjs/justifi-apple-pay.cjs.entry.js +12 -12
  4. package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js +2 -2
  5. package/dist/cjs/justifi-business-details.cjs.entry.js +2 -2
  6. package/dist/cjs/justifi-business-form.cjs.entry.js +2 -2
  7. package/dist/cjs/justifi-checkout-summary_7.cjs.entry.js +2 -2
  8. package/dist/cjs/justifi-checkout.cjs.entry.js +2 -2
  9. package/dist/cjs/justifi-checkouts-list.cjs.entry.js +2 -2
  10. package/dist/cjs/justifi-dispute-management.cjs.entry.js +2 -2
  11. package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js +2 -2
  12. package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +2 -2
  13. package/dist/cjs/justifi-order-terminals.cjs.entry.js +2 -2
  14. package/dist/cjs/justifi-payment-details.cjs.entry.js +2 -2
  15. package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +2 -2
  16. package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js +2 -2
  17. package/dist/cjs/justifi-payments-list.cjs.entry.js +2 -2
  18. package/dist/cjs/justifi-payout-details.cjs.entry.js +2 -2
  19. package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js +2 -2
  20. package/dist/cjs/justifi-payouts-list.cjs.entry.js +2 -2
  21. package/dist/cjs/justifi-refund-payment.cjs.entry.js +2 -2
  22. package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +2 -2
  23. package/dist/cjs/justifi-terminal-orders-list.cjs.entry.js +2 -2
  24. package/dist/cjs/justifi-terminals-list.cjs.entry.js +2 -2
  25. package/dist/cjs/{package-Cm4x8bfN.js → package-MU7zz6nI.js} +1 -1
  26. package/dist/collection/components/modular-checkout/sub-components/apple-pay.js +12 -12
  27. package/dist/docs.json +1 -1
  28. package/dist/esm/{check-pkg-version-tLpcWQSC.js → check-pkg-version-BLDmtrcB.js} +1 -1
  29. package/dist/esm/hidden-input_2.entry.js +1 -1
  30. package/dist/esm/justifi-apple-pay.entry.js +12 -12
  31. package/dist/esm/justifi-bank-account-billing-form-simple_9.entry.js +2 -2
  32. package/dist/esm/justifi-business-details.entry.js +2 -2
  33. package/dist/esm/justifi-business-form.entry.js +2 -2
  34. package/dist/esm/justifi-checkout-summary_7.entry.js +2 -2
  35. package/dist/esm/justifi-checkout.entry.js +2 -2
  36. package/dist/esm/justifi-checkouts-list.entry.js +2 -2
  37. package/dist/esm/justifi-dispute-management.entry.js +2 -2
  38. package/dist/esm/justifi-dispute-notification_3.entry.js +2 -2
  39. package/dist/esm/justifi-gross-payment-chart.entry.js +2 -2
  40. package/dist/esm/justifi-order-terminals.entry.js +2 -2
  41. package/dist/esm/justifi-payment-details.entry.js +2 -2
  42. package/dist/esm/justifi-payment-provisioning.entry.js +2 -2
  43. package/dist/esm/justifi-payment-transactions-list.entry.js +2 -2
  44. package/dist/esm/justifi-payments-list.entry.js +2 -2
  45. package/dist/esm/justifi-payout-details.entry.js +2 -2
  46. package/dist/esm/justifi-payout-transactions-list.entry.js +2 -2
  47. package/dist/esm/justifi-payouts-list.entry.js +2 -2
  48. package/dist/esm/justifi-refund-payment.entry.js +2 -2
  49. package/dist/esm/justifi-season-interruption-insurance.entry.js +2 -2
  50. package/dist/esm/justifi-terminal-orders-list.entry.js +2 -2
  51. package/dist/esm/justifi-terminals-list.entry.js +2 -2
  52. package/dist/esm/{package-CEVFNhpl.js → package-BFz8vLec.js} +1 -1
  53. package/dist/module/justifi-apple-pay.js +12 -12
  54. package/dist/module/package.js +1 -1
  55. package/dist/types/components/modular-checkout/sub-components/apple-pay.d.ts +2 -1
  56. package/dist/webcomponents/p-0e2010f1.entry.js +1 -0
  57. package/dist/webcomponents/{p-1152a6a9.entry.js → p-12136157.entry.js} +1 -1
  58. package/dist/webcomponents/{p-f25b186a.entry.js → p-1c157c8e.entry.js} +1 -1
  59. package/dist/webcomponents/p-1f7a796e.entry.js +1 -0
  60. package/dist/webcomponents/{p-0274b193.entry.js → p-286221ee.entry.js} +1 -1
  61. package/dist/webcomponents/{p-e6a76aed.entry.js → p-2abcad8b.entry.js} +1 -1
  62. package/dist/webcomponents/{p-a3a4ec8a.entry.js → p-2dec38c9.entry.js} +1 -1
  63. package/dist/webcomponents/p-50ef7446.entry.js +1 -0
  64. package/dist/webcomponents/{p-a83d1a04.entry.js → p-50f6a37b.entry.js} +1 -1
  65. package/dist/webcomponents/{p-30ab1370.entry.js → p-5961ab23.entry.js} +1 -1
  66. package/dist/webcomponents/p-65c958b1.entry.js +1 -0
  67. package/dist/webcomponents/{p-9ea0b24c.entry.js → p-75fff382.entry.js} +1 -1
  68. package/dist/webcomponents/{p-da3c80ba.entry.js → p-7f422774.entry.js} +1 -1
  69. package/dist/webcomponents/{p-f728b278.entry.js → p-81c2edfb.entry.js} +1 -1
  70. package/dist/webcomponents/{p-652d3d04.entry.js → p-852febb1.entry.js} +1 -1
  71. package/dist/webcomponents/{p-9ad0c9c6.entry.js → p-8b2eff55.entry.js} +1 -1
  72. package/dist/webcomponents/{p-28a6ac3d.entry.js → p-949cecf8.entry.js} +1 -1
  73. package/dist/webcomponents/{p-6f5ddeef.entry.js → p-98ef7e25.entry.js} +1 -1
  74. package/dist/webcomponents/p-BFz8vLec.js +1 -0
  75. package/dist/webcomponents/{p-CDnaIULr.js → p-DjB0cvKF.js} +1 -1
  76. package/dist/webcomponents/{p-7c2c8fe8.entry.js → p-c340830a.entry.js} +1 -1
  77. package/dist/webcomponents/{p-8f4a6d22.entry.js → p-cbd65ba9.entry.js} +1 -1
  78. package/dist/webcomponents/{p-4f3a9d8f.entry.js → p-e45bd6ec.entry.js} +1 -1
  79. package/dist/webcomponents/p-e7fc542c.entry.js +1 -0
  80. package/dist/webcomponents/{p-ae63ec25.entry.js → p-f887ae7c.entry.js} +1 -1
  81. package/dist/webcomponents/webcomponents.esm.js +1 -1
  82. package/package.json +1 -1
  83. package/dist/webcomponents/p-02d807ac.entry.js +0 -1
  84. package/dist/webcomponents/p-32c4a487.entry.js +0 -1
  85. package/dist/webcomponents/p-3a4cf905.entry.js +0 -1
  86. package/dist/webcomponents/p-CEVFNhpl.js +0 -1
  87. package/dist/webcomponents/p-c271e9c6.entry.js +0 -1
  88. package/dist/webcomponents/p-fb5c3ced.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var _package = require('./package-Cm4x8bfN.js');
3
+ var _package = require('./package-MU7zz6nI.js');
4
4
  var Api = require('./Api-DyimBzKT.js');
5
5
  require('./ComponentError-D4OLnOkg.js');
6
6
  require('./Refund-BefKONu4.js');
@@ -5,7 +5,7 @@ var index = require('./index-B32W0A3m.js');
5
5
  var parts = require('./parts-9jMf1erK.js');
6
6
  var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
7
7
  var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
8
- var _package = require('./package-Cm4x8bfN.js');
8
+ var _package = require('./package-MU7zz6nI.js');
9
9
 
10
10
  const iframeInputStylesStore = index.createStore({
11
11
  focused: {
@@ -664,18 +664,18 @@ const ApplePay = class {
664
664
  }
665
665
  componentWillLoad() {
666
666
  this.applePayService = new ApplePayService();
667
+ this.unsubscribeCheckoutLoaded = checkout_store.onChange("checkoutLoaded", (loaded) => {
668
+ console.log("checkoutLoaded", loaded);
669
+ if (loaded) {
670
+ this.initializeApplePay();
671
+ }
672
+ });
667
673
  this.initializeApplePay();
668
674
  }
669
- componentDidLoad() {
670
- checkout_store.onChange("paymentAmount", () => {
671
- this.initializeApplePay();
672
- });
673
- checkout_store.onChange("authToken", () => {
674
- this.initializeApplePay();
675
- });
676
- checkout_store.onChange("checkoutLoaded", () => {
677
- this.initializeApplePay();
678
- });
675
+ disconnectedCallback() {
676
+ var _a;
677
+ (_a = this.unsubscribeCheckoutLoaded) === null || _a === void 0 ? void 0 : _a.call(this);
678
+ this.unsubscribeCheckoutLoaded = undefined;
679
679
  }
680
680
  watchPropsChange() {
681
681
  this.initializeApplePay();
@@ -758,14 +758,14 @@ const ApplePay = class {
758
758
  }
759
759
  render() {
760
760
  const shouldHide = !this.isLoading &&
761
- (!this.isConfigValid || !this.isAvailable || !this.canMakePayments);
761
+ (!this.isConfigValid || !this.isAvailable || !this.canMakePayments || !checkout_store.checkoutStore.checkoutLoaded);
762
762
  if (shouldHide) {
763
763
  return null;
764
764
  }
765
765
  const isReady = !this.isLoading &&
766
766
  this.isAvailable &&
767
767
  this.canMakePayments &&
768
- this.isConfigValid && checkout_store.checkoutStore.checkoutLoaded;
768
+ this.isConfigValid;
769
769
  return (index.h(styledHost.StyledHost, null, index.h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js' }), index.h("div", { class: 'apple-pay-container' }, index.h(ApplePaySkeleton, { isReady: isReady }), !this.isLoading &&
770
770
  this.isAvailable &&
771
771
  this.canMakePayments && (index.h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), index.h("style", null, `
@@ -7,7 +7,7 @@ var parts = require('./parts-9jMf1erK.js');
7
7
  var styledHost = require('./styled-host-BfVJlAsJ.js');
8
8
  require('./event-types-YOY5TKUN.js');
9
9
  var skeleton = require('./skeleton-C7DQRD6r.js');
10
- var checkPkgVersion = require('./check-pkg-version-BHgnfPmN.js');
10
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
11
11
  var configState = require('./config-state-BBOZIS8x.js');
12
12
  var header3 = require('./header-3-sOdOpfx3.js');
13
13
  var utils = require('./utils-DAyWinG2.js');
@@ -18,7 +18,7 @@ require('./_commonjsHelpers-BJu3ubxk.js');
18
18
  require('./business-form-options-CMII7nIK.js');
19
19
  require('./Business-DCRzZf0w.js');
20
20
  require('./helpers-B5OCqlIM.js');
21
- require('./package-Cm4x8bfN.js');
21
+ require('./package-MU7zz6nI.js');
22
22
  require('./Api-DyimBzKT.js');
23
23
  require('./utils-ChCUZgUy.js');
24
24
  require('./dinero-BwNN_k7x.js');
@@ -5,7 +5,7 @@ var utils = require('./utils-Bzyj4qWe.js');
5
5
  var business_service = require('./business.service-BB6zl4Gc.js');
6
6
  var getBusiness = require('./get-business-o5jPq_ME.js');
7
7
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
8
- var checkPkgVersion = require('./check-pkg-version-BHgnfPmN.js');
8
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
9
9
  require('./parts-9jMf1erK.js');
10
10
  require('./Api-DyimBzKT.js');
11
11
  require('./config-state-BBOZIS8x.js');
@@ -19,7 +19,7 @@ require('./Business-DCRzZf0w.js');
19
19
  require('./helpers-B5OCqlIM.js');
20
20
  require('./state-options-CIT9xdTz.js');
21
21
  require('./utils-DvUQQLmR.js');
22
- require('./package-Cm4x8bfN.js');
22
+ require('./package-MU7zz6nI.js');
23
23
 
24
24
  const BusinessDetails = class {
25
25
  constructor(hostRef) {
@@ -11,7 +11,7 @@ require('./Refund-BefKONu4.js');
11
11
  require('./Pagination-Dediz133.js');
12
12
  var Business = require('./Business-DCRzZf0w.js');
13
13
  require('./Dispute-CruQTF6_.js');
14
- var checkPkgVersion = require('./check-pkg-version-BHgnfPmN.js');
14
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
15
15
  var button = require('./button-DsHDMHaa.js');
16
16
  var styledHost = require('./styled-host-BfVJlAsJ.js');
17
17
  var header1 = require('./header-1-DRA3f4Jh.js');
@@ -27,7 +27,7 @@ require('./business-form-options-CMII7nIK.js');
27
27
  require('./index-B32W0A3m.js');
28
28
  require('./utils-ChCUZgUy.js');
29
29
  require('./helpers-B5OCqlIM.js');
30
- require('./package-Cm4x8bfN.js');
30
+ require('./package-MU7zz6nI.js');
31
31
  require('./Api-DyimBzKT.js');
32
32
  require('./parts-9jMf1erK.js');
33
33
  require('./utils-DvUQQLmR.js');
@@ -9,7 +9,7 @@ require('./event-types-YOY5TKUN.js');
9
9
  var header1 = require('./header-1-DRA3f4Jh.js');
10
10
  var insuranceState = require('./insurance-state-d2thhXUX.js');
11
11
  var header3 = require('./header-3-sOdOpfx3.js');
12
- var checkPkgVersion = require('./check-pkg-version-BHgnfPmN.js');
12
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
13
13
  require('./config-state-BBOZIS8x.js');
14
14
  require('./dinero-BwNN_k7x.js');
15
15
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
@@ -23,7 +23,7 @@ var Api = require('./Api-DyimBzKT.js');
23
23
  var index$1 = require('./index-D-dD-aC2.js');
24
24
  var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
25
25
  require('./index-B32W0A3m.js');
26
- require('./package-Cm4x8bfN.js');
26
+ require('./package-MU7zz6nI.js');
27
27
  require('./helpers-B5OCqlIM.js');
28
28
  require('./state-options-CIT9xdTz.js');
29
29
 
@@ -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-BHgnfPmN.js');
4
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
5
5
  require('./config-state-BBOZIS8x.js');
6
6
  require('./dinero-BwNN_k7x.js');
7
7
  require('./ComponentError-D4OLnOkg.js');
@@ -14,7 +14,7 @@ var parts = require('./parts-9jMf1erK.js');
14
14
  var styledHost = require('./styled-host-BfVJlAsJ.js');
15
15
  require('./event-types-YOY5TKUN.js');
16
16
  var index$1 = require('./index-D-dD-aC2.js');
17
- require('./package-Cm4x8bfN.js');
17
+ require('./package-MU7zz6nI.js');
18
18
  require('./Api-DyimBzKT.js');
19
19
  require('./utils-ChCUZgUy.js');
20
20
  require('./index-B32W0A3m.js');
@@ -9,7 +9,7 @@ require('./Pagination-Dediz133.js');
9
9
  require('./Business-DCRzZf0w.js');
10
10
  require('./Dispute-CruQTF6_.js');
11
11
  var utils = require('./utils-DvUQQLmR.js');
12
- var checkPkgVersion = require('./check-pkg-version-BHgnfPmN.js');
12
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
13
13
  var checkout_service = require('./checkout.service-B-R80p4f.js');
14
14
  var getSubaccounts = require('./get-subaccounts-Bnfv2tEN.js');
15
15
  var styledHost = require('./styled-host-BfVJlAsJ.js');
@@ -19,7 +19,7 @@ require('./index-B32W0A3m.js');
19
19
  require('./utils-ChCUZgUy.js');
20
20
  require('./helpers-B5OCqlIM.js');
21
21
  require('./state-options-CIT9xdTz.js');
22
- require('./package-Cm4x8bfN.js');
22
+ require('./package-MU7zz6nI.js');
23
23
  require('./Api-DyimBzKT.js');
24
24
  require('./badge-CcJ9H85-.js');
25
25
  require('./parts-9jMf1erK.js');
@@ -2,11 +2,11 @@
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-BHgnfPmN.js');
5
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
6
6
  var Dispute = require('./Dispute-CruQTF6_.js');
7
7
  var utils = require('./utils-DvUQQLmR.js');
8
8
  var dispute_service = require('./dispute.service-B5tITFAh.js');
9
- require('./package-Cm4x8bfN.js');
9
+ require('./package-MU7zz6nI.js');
10
10
  require('./Api-DyimBzKT.js');
11
11
  require('./config-state-BBOZIS8x.js');
12
12
  require('./index-B32W0A3m.js');
@@ -11,7 +11,7 @@ var ComponentError = require('./ComponentError-D4OLnOkg.js');
11
11
  var utils = require('./utils-DvUQQLmR.js');
12
12
  var dispute_service = require('./dispute.service-B5tITFAh.js');
13
13
  var eventTypes = require('./event-types-BWQT2lwu.js');
14
- var checkPkgVersion = require('./check-pkg-version-BHgnfPmN.js');
14
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
15
15
  require('./dinero-BwNN_k7x.js');
16
16
  require('./Api-DyimBzKT.js');
17
17
  require('./config-state-BBOZIS8x.js');
@@ -22,7 +22,7 @@ require('./Pagination-Dediz133.js');
22
22
  require('./Business-DCRzZf0w.js');
23
23
  require('./helpers-B5OCqlIM.js');
24
24
  require('./state-options-CIT9xdTz.js');
25
- require('./package-Cm4x8bfN.js');
25
+ require('./package-MU7zz6nI.js');
26
26
 
27
27
  const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
28
28
  var _a;
@@ -9,7 +9,7 @@ require('./Business-DCRzZf0w.js');
9
9
  require('./Dispute-CruQTF6_.js');
10
10
  var utils = require('./utils-DvUQQLmR.js');
11
11
  var utils$1 = require('./utils-Bzyj4qWe.js');
12
- var checkPkgVersion = require('./check-pkg-version-BHgnfPmN.js');
12
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
13
13
  require('./config-state-BBOZIS8x.js');
14
14
  require('./index-B32W0A3m.js');
15
15
  require('./utils-ChCUZgUy.js');
@@ -17,7 +17,7 @@ require('./dinero-BwNN_k7x.js');
17
17
  require('./helpers-B5OCqlIM.js');
18
18
  require('./state-options-CIT9xdTz.js');
19
19
  require('./parts-9jMf1erK.js');
20
- require('./package-Cm4x8bfN.js');
20
+ require('./package-MU7zz6nI.js');
21
21
 
22
22
  const api = Api.Api();
23
23
  class ReportsService {
@@ -4,7 +4,7 @@ var index = require('./index-C9hBD-32.js');
4
4
  var parts = require('./parts-9jMf1erK.js');
5
5
  var styledHost = require('./styled-host-BfVJlAsJ.js');
6
6
  require('./event-types-YOY5TKUN.js');
7
- var checkPkgVersion = require('./check-pkg-version-BHgnfPmN.js');
7
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
8
8
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
9
9
  var business_service = require('./business.service-BB6zl4Gc.js');
10
10
  var Business = require('./Business-DCRzZf0w.js');
@@ -18,7 +18,7 @@ require('./Dispute-CruQTF6_.js');
18
18
  var utils = require('./utils-DvUQQLmR.js');
19
19
  var terminal_service = require('./terminal.service-D1FAYZzd.js');
20
20
  var utils$1 = require('./utils-ChCUZgUy.js');
21
- require('./package-Cm4x8bfN.js');
21
+ require('./package-MU7zz6nI.js');
22
22
  require('./Api-DyimBzKT.js');
23
23
  require('./helpers-B5OCqlIM.js');
24
24
  require('./state-options-CIT9xdTz.js');
@@ -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-BHgnfPmN.js');
8
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.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-Cm4x8bfN.js');
22
+ require('./package-MU7zz6nI.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-BHgnfPmN.js');
4
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.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-Cm4x8bfN.js');
13
+ require('./package-MU7zz6nI.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-BHgnfPmN.js');
11
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.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-Cm4x8bfN.js');
22
+ require('./package-MU7zz6nI.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-BHgnfPmN.js');
13
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.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-Cm4x8bfN.js');
22
+ require('./package-MU7zz6nI.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-BHgnfPmN.js');
14
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.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-Cm4x8bfN.js');
22
+ require('./package-MU7zz6nI.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-BHgnfPmN.js');
11
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.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-Cm4x8bfN.js');
22
+ require('./package-MU7zz6nI.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-BHgnfPmN.js');
5
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.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-Cm4x8bfN.js');
19
+ require('./package-MU7zz6nI.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-BHgnfPmN.js');
17
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.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-Cm4x8bfN.js');
27
+ require('./package-MU7zz6nI.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-BHgnfPmN.js');
11
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.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-Cm4x8bfN.js');
23
+ require('./package-MU7zz6nI.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-BHgnfPmN.js');
6
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.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-Cm4x8bfN.js');
17
+ require('./package-MU7zz6nI.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-BHgnfPmN.js');
5
+ var checkPkgVersion = require('./check-pkg-version-CVOffMTi.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-Cm4x8bfN.js');
18
+ require('./package-MU7zz6nI.js');
19
19
  require('./Api-DyimBzKT.js');
20
20
  require('./utils-ChCUZgUy.js');
21
21
  require('./index-B32W0A3m.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const name = "@justifi/webcomponents";
4
- const version = "6.0.0-rc.13";
4
+ const version = "6.0.0-rc.15";
5
5
  var packageJson = {
6
6
  name: name,
7
7
  version: version};
@@ -72,18 +72,18 @@ export class ApplePay {
72
72
  }
73
73
  componentWillLoad() {
74
74
  this.applePayService = new ApplePayService();
75
+ this.unsubscribeCheckoutLoaded = onChange("checkoutLoaded", (loaded) => {
76
+ console.log("checkoutLoaded", loaded);
77
+ if (loaded) {
78
+ this.initializeApplePay();
79
+ }
80
+ });
75
81
  this.initializeApplePay();
76
82
  }
77
- componentDidLoad() {
78
- onChange("paymentAmount", () => {
79
- this.initializeApplePay();
80
- });
81
- onChange("authToken", () => {
82
- this.initializeApplePay();
83
- });
84
- onChange("checkoutLoaded", () => {
85
- this.initializeApplePay();
86
- });
83
+ disconnectedCallback() {
84
+ var _a;
85
+ (_a = this.unsubscribeCheckoutLoaded) === null || _a === void 0 ? void 0 : _a.call(this);
86
+ this.unsubscribeCheckoutLoaded = undefined;
87
87
  }
88
88
  watchPropsChange() {
89
89
  this.initializeApplePay();
@@ -166,14 +166,14 @@ export class ApplePay {
166
166
  }
167
167
  render() {
168
168
  const shouldHide = !this.isLoading &&
169
- (!this.isConfigValid || !this.isAvailable || !this.canMakePayments);
169
+ (!this.isConfigValid || !this.isAvailable || !this.canMakePayments || !checkoutStore.checkoutLoaded);
170
170
  if (shouldHide) {
171
171
  return null;
172
172
  }
173
173
  const isReady = !this.isLoading &&
174
174
  this.isAvailable &&
175
175
  this.canMakePayments &&
176
- this.isConfigValid && checkoutStore.checkoutLoaded;
176
+ this.isConfigValid;
177
177
  return (h(StyledHost, null, h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js' }), h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isReady: isReady }), !this.isLoading &&
178
178
  this.isAvailable &&
179
179
  this.canMakePayments && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", null, `
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-09-02T20:33:29",
2
+ "timestamp": "2025-09-02T21:29:23",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.36.3",
@@ -1,4 +1,4 @@
1
- import { p as packageJson } from './package-CEVFNhpl.js';
1
+ import { p as packageJson } from './package-BFz8vLec.js';
2
2
  import { A as Api } from './Api-DAWuvzbl.js';
3
3
  import './ComponentError-Cjcsf8ku.js';
4
4
  import './Refund-CVh70dXA.js';
@@ -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-CEVFNhpl.js';
6
+ import { p as packageJson } from './package-BFz8vLec.js';
7
7
 
8
8
  const iframeInputStylesStore = createStore({
9
9
  focused: {
@@ -662,18 +662,18 @@ const ApplePay = class {
662
662
  }
663
663
  componentWillLoad() {
664
664
  this.applePayService = new ApplePayService();
665
+ this.unsubscribeCheckoutLoaded = onChange("checkoutLoaded", (loaded) => {
666
+ console.log("checkoutLoaded", loaded);
667
+ if (loaded) {
668
+ this.initializeApplePay();
669
+ }
670
+ });
665
671
  this.initializeApplePay();
666
672
  }
667
- componentDidLoad() {
668
- onChange("paymentAmount", () => {
669
- this.initializeApplePay();
670
- });
671
- onChange("authToken", () => {
672
- this.initializeApplePay();
673
- });
674
- onChange("checkoutLoaded", () => {
675
- this.initializeApplePay();
676
- });
673
+ disconnectedCallback() {
674
+ var _a;
675
+ (_a = this.unsubscribeCheckoutLoaded) === null || _a === void 0 ? void 0 : _a.call(this);
676
+ this.unsubscribeCheckoutLoaded = undefined;
677
677
  }
678
678
  watchPropsChange() {
679
679
  this.initializeApplePay();
@@ -756,14 +756,14 @@ const ApplePay = class {
756
756
  }
757
757
  render() {
758
758
  const shouldHide = !this.isLoading &&
759
- (!this.isConfigValid || !this.isAvailable || !this.canMakePayments);
759
+ (!this.isConfigValid || !this.isAvailable || !this.canMakePayments || !checkoutStore.checkoutLoaded);
760
760
  if (shouldHide) {
761
761
  return null;
762
762
  }
763
763
  const isReady = !this.isLoading &&
764
764
  this.isAvailable &&
765
765
  this.canMakePayments &&
766
- this.isConfigValid && checkoutStore.checkoutLoaded;
766
+ this.isConfigValid;
767
767
  return (h(StyledHost, null, h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js' }), h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isReady: isReady }), !this.isLoading &&
768
768
  this.isAvailable &&
769
769
  this.canMakePayments && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", null, `
@@ -5,7 +5,7 @@ import { r as radioListItem, av as billingForm } from './parts-RvUQ__Pq.js';
5
5
  import { S as StyledHost } from './styled-host-CTAGIN84.js';
6
6
  import './event-types-CZfYo5-1.js';
7
7
  import { S as Skeleton } from './skeleton-qMb0_Cjy.js';
8
- import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-tLpcWQSC.js';
8
+ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BLDmtrcB.js';
9
9
  import { w as waitForConfig, c as configState } from './config-state-DZeVYerv.js';
10
10
  import { H as Header3 } from './header-3-CWa41YWq.js';
11
11
  import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
@@ -16,7 +16,7 @@ import './_commonjsHelpers-BFTU3MAI.js';
16
16
  import './business-form-options-CgssATyg.js';
17
17
  import './Business-BCoP0TAV.js';
18
18
  import './helpers-Mu7LQT-w.js';
19
- import './package-CEVFNhpl.js';
19
+ import './package-BFz8vLec.js';
20
20
  import './Api-DAWuvzbl.js';
21
21
  import './utils-BscIVFn8.js';
22
22
  import './dinero-HXpYMWUU.js';
@@ -3,7 +3,7 @@ import { E as ErrorState } from './utils-Dg6gMUTv.js';
3
3
  import { B as BusinessService } from './business.service-cQrH5BqF.js';
4
4
  import { m as makeGetBusiness } from './get-business-Crb6P-iI.js';
5
5
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
6
- import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-tLpcWQSC.js';
6
+ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BLDmtrcB.js';
7
7
  import './parts-RvUQ__Pq.js';
8
8
  import './Api-DAWuvzbl.js';
9
9
  import './config-state-DZeVYerv.js';
@@ -17,7 +17,7 @@ import './Business-BCoP0TAV.js';
17
17
  import './helpers-Mu7LQT-w.js';
18
18
  import './state-options-BX8GieXu.js';
19
19
  import './utils-BeQLScSm.js';
20
- import './package-CEVFNhpl.js';
20
+ import './package-BFz8vLec.js';
21
21
 
22
22
  const BusinessDetails = class {
23
23
  constructor(hostRef) {