@justifi/webcomponents 5.7.6-rc-16 → 5.7.6-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.
Files changed (90) hide show
  1. package/dist/cjs/{check-pkg-version-BkzyzJ71.js → check-pkg-version-CgL8WQc_.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 +16 -8
  4. package/dist/cjs/justifi-bank-account-form_5.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-button_5.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/justifi-tokenize-payment-method.cjs.entry.js +2 -2
  26. package/dist/cjs/{package-e83u_82Y.js → package-BuyUN-rG.js} +1 -1
  27. package/dist/collection/api/services/apple-pay.service.js +10 -3
  28. package/dist/collection/components/modular-checkout/sub-components/apple-pay.js +6 -5
  29. package/dist/docs.json +1 -1
  30. package/dist/esm/{check-pkg-version-Ddp_kLM5.js → check-pkg-version-DcgvYBss.js} +1 -1
  31. package/dist/esm/hidden-input_2.entry.js +1 -1
  32. package/dist/esm/justifi-apple-pay.entry.js +16 -8
  33. package/dist/esm/justifi-bank-account-form_5.entry.js +2 -2
  34. package/dist/esm/justifi-business-details.entry.js +2 -2
  35. package/dist/esm/justifi-business-form.entry.js +2 -2
  36. package/dist/esm/justifi-button_5.entry.js +2 -2
  37. package/dist/esm/justifi-checkout.entry.js +2 -2
  38. package/dist/esm/justifi-checkouts-list.entry.js +2 -2
  39. package/dist/esm/justifi-dispute-management.entry.js +2 -2
  40. package/dist/esm/justifi-dispute-notification_3.entry.js +2 -2
  41. package/dist/esm/justifi-gross-payment-chart.entry.js +2 -2
  42. package/dist/esm/justifi-order-terminals.entry.js +2 -2
  43. package/dist/esm/justifi-payment-details.entry.js +2 -2
  44. package/dist/esm/justifi-payment-provisioning.entry.js +2 -2
  45. package/dist/esm/justifi-payment-transactions-list.entry.js +2 -2
  46. package/dist/esm/justifi-payments-list.entry.js +2 -2
  47. package/dist/esm/justifi-payout-details.entry.js +2 -2
  48. package/dist/esm/justifi-payout-transactions-list.entry.js +2 -2
  49. package/dist/esm/justifi-payouts-list.entry.js +2 -2
  50. package/dist/esm/justifi-refund-payment.entry.js +2 -2
  51. package/dist/esm/justifi-season-interruption-insurance.entry.js +2 -2
  52. package/dist/esm/justifi-terminal-orders-list.entry.js +2 -2
  53. package/dist/esm/justifi-terminals-list.entry.js +2 -2
  54. package/dist/esm/justifi-tokenize-payment-method.entry.js +2 -2
  55. package/dist/esm/{package-HMZ8vsvN.js → package--Ab7NjUs.js} +1 -1
  56. package/dist/module/justifi-apple-pay.js +16 -8
  57. package/dist/module/package.js +1 -1
  58. package/dist/webcomponents/p--Ab7NjUs.js +1 -0
  59. package/dist/webcomponents/{p-f2bae759.entry.js → p-00a81662.entry.js} +1 -1
  60. package/dist/webcomponents/{p-207f4e07.entry.js → p-05e2deb4.entry.js} +1 -1
  61. package/dist/webcomponents/{p-a60c67e6.entry.js → p-0d805d71.entry.js} +1 -1
  62. package/dist/webcomponents/{p-be4c5b34.entry.js → p-17bb2ed6.entry.js} +1 -1
  63. package/dist/webcomponents/{p-90a2875b.entry.js → p-2c765088.entry.js} +1 -1
  64. package/dist/webcomponents/{p-fb6723b7.entry.js → p-2d939102.entry.js} +1 -1
  65. package/dist/webcomponents/p-33ab768e.entry.js +1 -0
  66. package/dist/webcomponents/{p-b6d05490.entry.js → p-378019b6.entry.js} +1 -1
  67. package/dist/webcomponents/p-3798a371.entry.js +1 -0
  68. package/dist/webcomponents/p-38520e51.entry.js +1 -0
  69. package/dist/webcomponents/{p-f3f8a5a2.entry.js → p-539afc41.entry.js} +1 -1
  70. package/dist/webcomponents/{p-1c79237c.entry.js → p-885e4e72.entry.js} +1 -1
  71. package/dist/webcomponents/{p-df82aca6.entry.js → p-8c165b52.entry.js} +1 -1
  72. package/dist/webcomponents/{p-c983e9bb.entry.js → p-996a1fca.entry.js} +1 -1
  73. package/dist/webcomponents/{p-487fd882.entry.js → p-9ecfccb3.entry.js} +1 -1
  74. package/dist/webcomponents/{p-CDmdt8BH.js → p-B16hhI5M.js} +1 -1
  75. package/dist/webcomponents/{p-04169a4a.entry.js → p-a8867388.entry.js} +1 -1
  76. package/dist/webcomponents/{p-e5ae45c3.entry.js → p-ac7663dd.entry.js} +1 -1
  77. package/dist/webcomponents/{p-948066ff.entry.js → p-b91c5440.entry.js} +1 -1
  78. package/dist/webcomponents/{p-b0f90f5d.entry.js → p-c7ab53bc.entry.js} +1 -1
  79. package/dist/webcomponents/p-d6256beb.entry.js +1 -0
  80. package/dist/webcomponents/{p-7db0847f.entry.js → p-d9e87345.entry.js} +1 -1
  81. package/dist/webcomponents/{p-6b9dfd09.entry.js → p-ea472ab4.entry.js} +1 -1
  82. package/dist/webcomponents/{p-35bc4279.entry.js → p-ea8a09a7.entry.js} +1 -1
  83. package/dist/webcomponents/{p-935f8208.entry.js → p-fbb89dcf.entry.js} +1 -1
  84. package/dist/webcomponents/webcomponents.esm.js +1 -1
  85. package/package.json +1 -1
  86. package/dist/webcomponents/p-3fb1b0be.entry.js +0 -1
  87. package/dist/webcomponents/p-HMZ8vsvN.js +0 -1
  88. package/dist/webcomponents/p-bb481c67.entry.js +0 -1
  89. package/dist/webcomponents/p-f18076ba.entry.js +0 -1
  90. package/dist/webcomponents/p-fcc30769.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var _package = require('./package-e83u_82Y.js');
3
+ var _package = require('./package-BuyUN-rG.js');
4
4
  var Api = require('./Api-p2pK86Zd.js');
5
5
  require('./ComponentError-D4OLnOkg.js');
6
6
  require('./Refund-BztCb6AK.js');
@@ -5,7 +5,7 @@ var index = require('./index-Yd9aLenr.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-HM0zQerh.js');
8
- var _package = require('./package-e83u_82Y.js');
8
+ var _package = require('./package-BuyUN-rG.js');
9
9
 
10
10
  const iframeInputStylesStore = index.createStore({
11
11
  focused: {
@@ -187,16 +187,22 @@ class ApplePayService {
187
187
  async validateMerchant(authToken, payload) {
188
188
  const endpoint = `${this.apiBaseUrl}/v1/apple_pay/merchant_session`;
189
189
  const body = payload;
190
+ console.log('=== MERCHANT VALIDATION REQUEST ===');
191
+ console.log('Endpoint:', endpoint);
192
+ console.log('Payload:', body);
193
+ console.log('Auth token present:', !!authToken);
194
+ console.log('Account ID:', this.accountId);
190
195
  const response = await fetch(endpoint, {
191
196
  method: 'POST',
192
197
  headers: {
193
198
  'Content-Type': 'application/json',
194
199
  Accept: 'application/json',
195
200
  Authorization: `Bearer ${authToken}`,
196
- "Sub-Account": this.accountId
201
+ 'Sub-Account': this.accountId,
197
202
  },
198
203
  body: JSON.stringify(body),
199
204
  });
205
+ console.log('Response status:', response.status);
200
206
  if (!response.ok) {
201
207
  const errorData = await response.text();
202
208
  console.error('Backend validation failed - Raw response:', errorData);
@@ -210,13 +216,14 @@ class ApplePayService {
210
216
  throw new Error(`Merchant validation failed: ${response.status}`);
211
217
  }
212
218
  const merchantSession = await response.json();
219
+ console.log('Merchant session received:', merchantSession);
213
220
  return merchantSession;
214
221
  }
215
222
  /**
216
223
  * Process Apple Pay payment via API (fixed to match original logic)
217
224
  */
218
225
  async processPayment(authToken, payload) {
219
- const endpoint = `${this.apiBaseUrl}/apple_pay/process_token`;
226
+ const endpoint = `${this.apiBaseUrl}/v1/apple_pay/process_token`;
220
227
  const body = payload;
221
228
  const response = await fetch(endpoint, {
222
229
  method: 'POST',
@@ -224,7 +231,7 @@ class ApplePayService {
224
231
  'Content-Type': 'application/json',
225
232
  Accept: 'application/json',
226
233
  Authorization: `Bearer ${authToken}`,
227
- "Sub-Account": this.accountId
234
+ 'Sub-Account': this.accountId,
228
235
  },
229
236
  body: JSON.stringify(body),
230
237
  });
@@ -775,6 +782,10 @@ const ApplePay = class {
775
782
  buttonType: this.buttonType,
776
783
  buttonStyle: this.buttonStyle,
777
784
  };
785
+ console.log('=== APPLE PAY CONFIG ===');
786
+ console.log('Config:', applePayConfig);
787
+ console.log('Auth token present:', !!checkout_store.checkoutStore.authToken);
788
+ console.log('Account ID:', checkout_store.checkoutStore.accountId);
778
789
  this.applePayService.setAccountId(checkout_store.checkoutStore.accountId);
779
790
  this.applePayService.initialize(applePayConfig);
780
791
  const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
@@ -812,13 +823,10 @@ const ApplePay = class {
812
823
  this.isAvailable &&
813
824
  this.canMakePayments &&
814
825
  !this.error;
815
- return (index.h(styledHost.StyledHost, { key: '627782068c729d8a2ed515957b0d1d30497c43fb' }, index.h("script", { key: '526abcdccd477a882c2087c1d9a2272edc24c759', async: true, onLoad: () => {
816
- console.log('Apple Pay SDK loaded');
817
- this.initializeApplePay();
818
- }, src: "https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js" }), index.h("div", { key: '29221d2d2c4ebc00ba0d27e428bdc2c26b9a3dff', class: 'apple-pay-container' }, index.h(ApplePaySkeleton, { key: '9135d2ad9bfbcd3b84a687738d733c2b6d1c7a31', isReady: isReady }), !this.isLoading && this.error && (index.h("div", { key: 'da6585c2eb35ab82aa1e21e3895dc379854a35b1', class: 'apple-pay-error', role: 'alert' }, index.h("span", { key: '4a3234ea9927e49bf3a8658c2800ae4baf2c8a2e', class: 'error-icon' }, "\u26A0\uFE0F"), index.h("span", { key: '13627e68c6132fed6e08558386995e660f78b01b', class: 'error-message' }, this.error))), !this.isLoading && !this.error && !this.isAvailable && (index.h("div", { key: 'db9167ed16f32614610f2168d25e5a4643e22879', class: 'apple-pay-unavailable' }, index.h("span", { key: 'f09c6e9d8325fb324dfc537edf51d80f800588a9', class: 'unavailable-message' }, "Apple Pay is not available on this device"))), !this.isLoading &&
826
+ return (index.h(styledHost.StyledHost, { key: '1067306dfa050d5c89d9bc64991c4a8e95427b3e' }, index.h("script", { key: '737e6d849fffc8902867dfa8a68d18f0da81f4fd', async: true, src: "https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js" }), index.h("div", { key: 'b354353c65d7f56db82c61ff088ed1d37eea905b', class: 'apple-pay-container' }, index.h(ApplePaySkeleton, { key: '82d80ec54612e57b7a1eef76925194659e3186bb', isReady: isReady }), !this.isLoading && this.error && (index.h("div", { key: '0b5923bfbc3d0616fee8de4fd43b149810b91ca4', class: 'apple-pay-error', role: 'alert' }, index.h("span", { key: 'f3a885c30fee6375becfa53c147895db58ab1336', class: 'error-icon' }, "\u26A0\uFE0F"), index.h("span", { key: '3a5ff8b3f89c46092fe41a04eb9dd635fe959d34', class: 'error-message' }, this.error))), !this.isLoading && !this.error && !this.isAvailable && (index.h("div", { key: '1a5ad2a2ed7e748dab98e66dca56b337991ef648', class: 'apple-pay-unavailable' }, index.h("span", { key: '7684e951c36278404e15b8497e9c74ffeb2cb992', class: 'unavailable-message' }, "Apple Pay is not available on this device"))), !this.isLoading &&
819
827
  !this.error &&
820
828
  this.isAvailable &&
821
- this.canMakePayments && (index.h(ApplePayButton, { key: '2e7c23547883e165edea0ffb776e49007b8d82a1', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), index.h("style", { key: '99c32299d475bcbb8a093505c9254de4ab87145f' }, `
829
+ this.canMakePayments && (index.h(ApplePayButton, { key: '94c75b7ab68f8ff02e4953689de8931cb5aab1f2', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), index.h("style", { key: 'acdef8691d85e319fc0ab548443173f2bd32029d' }, `
822
830
  .apple-pay-container {
823
831
  width: 100%;
824
832
  }
@@ -4,7 +4,7 @@ var index = require('./index-dm_GlYlb.js');
4
4
  var styledHost = require('./styled-host-CqQYxX-w.js');
5
5
  require('./event-types-YOY5TKUN.js');
6
6
  var skeleton = require('./skeleton-x-GSs3xk.js');
7
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
7
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
8
8
  var configState = require('./config-state-5xZf-jax.js');
9
9
  var index_esm = require('./index.esm-BleZSAc0.js');
10
10
  var schemaValidations = require('./schema-validations-jek_iZ9W.js');
@@ -12,7 +12,7 @@ var parts = require('./parts-9jMf1erK.js');
12
12
  var utils = require('./utils-DAyWinG2.js');
13
13
  var stateOptions = require('./state-options-CIT9xdTz.js');
14
14
  var checkout_store = require('./checkout.store-mEv437nN.js');
15
- require('./package-e83u_82Y.js');
15
+ require('./package-BuyUN-rG.js');
16
16
  require('./Api-p2pK86Zd.js');
17
17
  require('./utils-Dka3MplB.js');
18
18
  require('./ComponentError-D4OLnOkg.js');
@@ -5,7 +5,7 @@ var utils = require('./utils-Df-pajL7.js');
5
5
  var business_service = require('./business.service-DwZSyIlI.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-BkzyzJ71.js');
8
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
9
9
  require('./parts-9jMf1erK.js');
10
10
  require('./Api-p2pK86Zd.js');
11
11
  require('./config-state-5xZf-jax.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-e83u_82Y.js');
22
+ require('./package-BuyUN-rG.js');
23
23
 
24
24
  const BusinessDetails = class {
25
25
  constructor(hostRef) {
@@ -12,7 +12,7 @@ require('./Pagination-Dediz133.js');
12
12
  require('./Payment-2Zmn-l6G.js');
13
13
  var Business = require('./Business-DCRzZf0w.js');
14
14
  require('./Dispute-CruQTF6_.js');
15
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
15
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
16
16
  var button = require('./button-CfVQSysQ.js');
17
17
  var styledHost = require('./styled-host-CqQYxX-w.js');
18
18
  var header1 = require('./header-1-DD41iNlG.js');
@@ -27,7 +27,7 @@ require('./state-options-CIT9xdTz.js');
27
27
  require('./business-form-options-CMII7nIK.js');
28
28
  require('./index-Yd9aLenr.js');
29
29
  require('./helpers-B5OCqlIM.js');
30
- require('./package-e83u_82Y.js');
30
+ require('./package-BuyUN-rG.js');
31
31
  require('./Api-p2pK86Zd.js');
32
32
  require('./parts-9jMf1erK.js');
33
33
  require('./utils-DvUQQLmR.js');
@@ -10,7 +10,7 @@ require('./event-types-YOY5TKUN.js');
10
10
  var header1 = require('./header-1-DD41iNlG.js');
11
11
  var insuranceState = require('./insurance-state-qT_hkvZV.js');
12
12
  var header3 = require('./header-3-D9Wa0IfT.js');
13
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
13
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
14
14
  require('./config-state-5xZf-jax.js');
15
15
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
16
16
  var Refund = require('./Refund-BztCb6AK.js');
@@ -21,7 +21,7 @@ require('./Dispute-CruQTF6_.js');
21
21
  var utils$1 = require('./utils-DvUQQLmR.js');
22
22
  var checkout_service = require('./checkout.service-C_qEIb8b.js');
23
23
  require('./index-Yd9aLenr.js');
24
- require('./package-e83u_82Y.js');
24
+ require('./package-BuyUN-rG.js');
25
25
  require('./Api-p2pK86Zd.js');
26
26
  require('./helpers-B5OCqlIM.js');
27
27
  require('./state-options-CIT9xdTz.js');
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-dm_GlYlb.js');
4
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
4
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
5
5
  var checkout_store = require('./checkout.store-mEv437nN.js');
6
6
  var parts = require('./parts-9jMf1erK.js');
7
7
  var Payment = require('./Payment-2Zmn-l6G.js');
8
8
  var styledHost = require('./styled-host-CqQYxX-w.js');
9
9
  require('./event-types-YOY5TKUN.js');
10
- require('./package-e83u_82Y.js');
10
+ require('./package-BuyUN-rG.js');
11
11
  require('./Api-p2pK86Zd.js');
12
12
  require('./config-state-5xZf-jax.js');
13
13
  require('./index-Yd9aLenr.js');
@@ -10,7 +10,7 @@ require('./Payment-2Zmn-l6G.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-BkzyzJ71.js');
13
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
14
14
  var checkout_service = require('./checkout.service-C_qEIb8b.js');
15
15
  var getSubaccounts = require('./get-subaccounts-CvtcQGsb.js');
16
16
  var styledHost = require('./styled-host-CqQYxX-w.js');
@@ -19,7 +19,7 @@ var checkoutsTable = require('./checkouts-table-DJoMGwVG.js');
19
19
  require('./index-Yd9aLenr.js');
20
20
  require('./helpers-B5OCqlIM.js');
21
21
  require('./state-options-CIT9xdTz.js');
22
- require('./package-e83u_82Y.js');
22
+ require('./package-BuyUN-rG.js');
23
23
  require('./Api-p2pK86Zd.js');
24
24
  require('./badge-CMmPvqtE.js');
25
25
  require('./parts-9jMf1erK.js');
@@ -2,11 +2,11 @@
2
2
 
3
3
  var index = require('./index-dm_GlYlb.js');
4
4
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
5
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
5
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.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-cQpQQMeh.js');
9
- require('./package-e83u_82Y.js');
9
+ require('./package-BuyUN-rG.js');
10
10
  require('./Api-p2pK86Zd.js');
11
11
  require('./config-state-5xZf-jax.js');
12
12
  require('./index-Yd9aLenr.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-cQpQQMeh.js');
13
13
  var eventTypes = require('./event-types-BWQT2lwu.js');
14
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
14
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
15
15
  require('./Api-p2pK86Zd.js');
16
16
  require('./config-state-5xZf-jax.js');
17
17
  require('./index-Yd9aLenr.js');
@@ -22,7 +22,7 @@ require('./Dispute-CruQTF6_.js');
22
22
  require('./Business-DCRzZf0w.js');
23
23
  require('./helpers-B5OCqlIM.js');
24
24
  require('./state-options-CIT9xdTz.js');
25
- require('./package-e83u_82Y.js');
25
+ require('./package-BuyUN-rG.js');
26
26
 
27
27
  const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
28
28
  var _a;
@@ -10,14 +10,14 @@ require('./Business-DCRzZf0w.js');
10
10
  require('./Dispute-CruQTF6_.js');
11
11
  var utils = require('./utils-DvUQQLmR.js');
12
12
  var utils$1 = require('./utils-Df-pajL7.js');
13
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
13
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
14
14
  require('./config-state-5xZf-jax.js');
15
15
  require('./index-Yd9aLenr.js');
16
16
  require('./utils-Dka3MplB.js');
17
17
  require('./helpers-B5OCqlIM.js');
18
18
  require('./state-options-CIT9xdTz.js');
19
19
  require('./parts-9jMf1erK.js');
20
- require('./package-e83u_82Y.js');
20
+ require('./package-BuyUN-rG.js');
21
21
 
22
22
  const api = Api.Api();
23
23
  class ReportsService {
@@ -4,7 +4,7 @@ var index = require('./index-dm_GlYlb.js');
4
4
  var parts = require('./parts-9jMf1erK.js');
5
5
  var styledHost = require('./styled-host-CqQYxX-w.js');
6
6
  require('./event-types-YOY5TKUN.js');
7
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
7
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
8
8
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
9
9
  var business_service = require('./business.service-DwZSyIlI.js');
10
10
  var Business = require('./Business-DCRzZf0w.js');
@@ -18,7 +18,7 @@ require('./Payment-2Zmn-l6G.js');
18
18
  require('./Dispute-CruQTF6_.js');
19
19
  var utils = require('./utils-DvUQQLmR.js');
20
20
  var terminal_service = require('./terminal.service-I07QoXPB.js');
21
- require('./package-e83u_82Y.js');
21
+ require('./package-BuyUN-rG.js');
22
22
  require('./Api-p2pK86Zd.js');
23
23
  require('./helpers-B5OCqlIM.js');
24
24
  require('./state-options-CIT9xdTz.js');
@@ -5,7 +5,7 @@ var payment_service = require('./payment.service-CVZ55YLl.js');
5
5
  var getPaymentDetails = require('./get-payment-details-DwLcmCQs.js');
6
6
  var utils = require('./utils-Df-pajL7.js');
7
7
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
8
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
8
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
9
9
  require('./Api-p2pK86Zd.js');
10
10
  require('./config-state-5xZf-jax.js');
11
11
  require('./index-Yd9aLenr.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-e83u_82Y.js');
22
+ require('./package-BuyUN-rG.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-dm_GlYlb.js');
4
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
4
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.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-DwZSyIlI.js');
@@ -11,7 +11,7 @@ require('./Pagination-Dediz133.js');
11
11
  require('./Payment-2Zmn-l6G.js');
12
12
  require('./Business-DCRzZf0w.js');
13
13
  require('./Dispute-CruQTF6_.js');
14
- require('./package-e83u_82Y.js');
14
+ require('./package-BuyUN-rG.js');
15
15
  require('./utils-DvUQQLmR.js');
16
16
  require('./config-state-5xZf-jax.js');
17
17
  require('./index-Yd9aLenr.js');
@@ -9,7 +9,7 @@ var Pagination = require('./Pagination-Dediz133.js');
9
9
  require('./Payment-2Zmn-l6G.js');
10
10
  require('./Business-DCRzZf0w.js');
11
11
  require('./Dispute-CruQTF6_.js');
12
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
12
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
13
13
  var utils = require('./utils-DvUQQLmR.js');
14
14
  var payment_service = require('./payment.service-CVZ55YLl.js');
15
15
  var table = require('./table-BJVUhh3s.js');
@@ -19,7 +19,7 @@ var parts = require('./parts-9jMf1erK.js');
19
19
  require('./index-Yd9aLenr.js');
20
20
  require('./helpers-B5OCqlIM.js');
21
21
  require('./state-options-CIT9xdTz.js');
22
- require('./package-e83u_82Y.js');
22
+ require('./package-BuyUN-rG.js');
23
23
  require('./Api-p2pK86Zd.js');
24
24
  require('./spinner-Kb1BFvnL.js');
25
25
 
@@ -11,7 +11,7 @@ var Payment = require('./Payment-2Zmn-l6G.js');
11
11
  require('./Business-DCRzZf0w.js');
12
12
  require('./Dispute-CruQTF6_.js');
13
13
  var utils = require('./utils-DvUQQLmR.js');
14
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
14
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
15
15
  var styledHost = require('./styled-host-CqQYxX-w.js');
16
16
  require('./event-types-YOY5TKUN.js');
17
17
  var paymentsTable = require('./payments-table-uouQ4x2Y.js');
@@ -19,7 +19,7 @@ require('./Api-p2pK86Zd.js');
19
19
  require('./index-Yd9aLenr.js');
20
20
  require('./helpers-B5OCqlIM.js');
21
21
  require('./state-options-CIT9xdTz.js');
22
- require('./package-e83u_82Y.js');
22
+ require('./package-BuyUN-rG.js');
23
23
  require('./payments-status-PB63klt3.js');
24
24
  require('./badge-CMmPvqtE.js');
25
25
  require('./parts-9jMf1erK.js');
@@ -12,14 +12,14 @@ require('./Business-DCRzZf0w.js');
12
12
  require('./Dispute-CruQTF6_.js');
13
13
  var utils = require('./utils-DvUQQLmR.js');
14
14
  var utils$1 = require('./utils-Df-pajL7.js');
15
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
15
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
16
16
  var getPayoutCsv = require('./get-payout-csv-DE_D9y08.js');
17
17
  require('./Api-p2pK86Zd.js');
18
18
  require('./index-Yd9aLenr.js');
19
19
  require('./helpers-B5OCqlIM.js');
20
20
  require('./state-options-CIT9xdTz.js');
21
21
  require('./parts-9jMf1erK.js');
22
- require('./package-e83u_82Y.js');
22
+ require('./package-BuyUN-rG.js');
23
23
 
24
24
  const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
25
25
  var _a;
@@ -9,7 +9,7 @@ var Pagination = require('./Pagination-Dediz133.js');
9
9
  require('./Payment-2Zmn-l6G.js');
10
10
  require('./Business-DCRzZf0w.js');
11
11
  require('./Dispute-CruQTF6_.js');
12
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
12
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
13
13
  var utils = require('./utils-DvUQQLmR.js');
14
14
  var payout_service = require('./payout.service-BlbHwzd_.js');
15
15
  var table = require('./table-BJVUhh3s.js');
@@ -19,7 +19,7 @@ var parts = require('./parts-9jMf1erK.js');
19
19
  require('./index-Yd9aLenr.js');
20
20
  require('./helpers-B5OCqlIM.js');
21
21
  require('./state-options-CIT9xdTz.js');
22
- require('./package-e83u_82Y.js');
22
+ require('./package-BuyUN-rG.js');
23
23
  require('./Api-p2pK86Zd.js');
24
24
  require('./spinner-Kb1BFvnL.js');
25
25
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-dm_GlYlb.js');
4
4
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
5
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
5
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
6
6
  var payout_service = require('./payout.service-BlbHwzd_.js');
7
7
  require('./config-state-5xZf-jax.js');
8
8
  require('./utils-Dka3MplB.js');
@@ -17,7 +17,7 @@ var getSubaccounts = require('./get-subaccounts-CvtcQGsb.js');
17
17
  var styledHost = require('./styled-host-CqQYxX-w.js');
18
18
  require('./event-types-YOY5TKUN.js');
19
19
  var payoutsTable = require('./payouts-table-Bo61u5ZZ.js');
20
- require('./package-e83u_82Y.js');
20
+ require('./package-BuyUN-rG.js');
21
21
  require('./Api-p2pK86Zd.js');
22
22
  require('./index-Yd9aLenr.js');
23
23
  require('./helpers-B5OCqlIM.js');
@@ -15,7 +15,7 @@ var styledHost = require('./styled-host-CqQYxX-w.js');
15
15
  require('./event-types-YOY5TKUN.js');
16
16
  var payment_service = require('./payment.service-CVZ55YLl.js');
17
17
  var getPaymentDetails = require('./get-payment-details-DwLcmCQs.js');
18
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
18
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
19
19
  var utils$1 = require('./utils-DvUQQLmR.js');
20
20
  var Api = require('./Api-p2pK86Zd.js');
21
21
  var skeleton = require('./skeleton-x-GSs3xk.js');
@@ -24,7 +24,7 @@ require('./index-Yd9aLenr.js');
24
24
  require('./helpers-B5OCqlIM.js');
25
25
  require('./state-options-CIT9xdTz.js');
26
26
  require('./parts-9jMf1erK.js');
27
- require('./package-e83u_82Y.js');
27
+ require('./package-BuyUN-rG.js');
28
28
 
29
29
  const amountValidation = (maxAmount) => {
30
30
  const max = +maxAmount;
@@ -9,14 +9,14 @@ require('./Payment-2Zmn-l6G.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-BkzyzJ71.js');
12
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
13
13
  var checkout_store = require('./checkout.store-mEv437nN.js');
14
14
  require('./config-state-5xZf-jax.js');
15
15
  require('./index-Yd9aLenr.js');
16
16
  require('./utils-Dka3MplB.js');
17
17
  require('./helpers-B5OCqlIM.js');
18
18
  require('./state-options-CIT9xdTz.js');
19
- require('./package-e83u_82Y.js');
19
+ require('./package-BuyUN-rG.js');
20
20
 
21
21
  const api = Api.Api();
22
22
  class InsuranceService {
@@ -3,7 +3,7 @@
3
3
  var index = require('./index-dm_GlYlb.js');
4
4
  var styledHost = require('./styled-host-CqQYxX-w.js');
5
5
  require('./event-types-YOY5TKUN.js');
6
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
6
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
7
7
  var terminalOrdersTable = require('./terminal-orders-table-v0Sn7jUg.js');
8
8
  require('./config-state-5xZf-jax.js');
9
9
  require('./utils-Dka3MplB.js');
@@ -15,7 +15,7 @@ require('./Business-DCRzZf0w.js');
15
15
  require('./Dispute-CruQTF6_.js');
16
16
  var utils = require('./utils-DvUQQLmR.js');
17
17
  var Api = require('./Api-p2pK86Zd.js');
18
- require('./package-e83u_82Y.js');
18
+ require('./package-BuyUN-rG.js');
19
19
  require('./parts-9jMf1erK.js');
20
20
  require('./badge-CMmPvqtE.js');
21
21
  require('./index-Yd9aLenr.js');
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-dm_GlYlb.js');
4
4
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
5
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
5
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
6
6
  var terminal_service = require('./terminal.service-I07QoXPB.js');
7
7
  require('./config-state-5xZf-jax.js');
8
8
  require('./utils-Dka3MplB.js');
@@ -16,7 +16,7 @@ var getSubaccounts = require('./get-subaccounts-CvtcQGsb.js');
16
16
  var styledHost = require('./styled-host-CqQYxX-w.js');
17
17
  require('./event-types-YOY5TKUN.js');
18
18
  var terminalsTable = require('./terminals-table-CGG9EhiI.js');
19
- require('./package-e83u_82Y.js');
19
+ require('./package-BuyUN-rG.js');
20
20
  require('./Api-p2pK86Zd.js');
21
21
  require('./index-Yd9aLenr.js');
22
22
  require('./helpers-B5OCqlIM.js');
@@ -4,7 +4,7 @@ var index = require('./index-dm_GlYlb.js');
4
4
  var button = require('./button-CfVQSysQ.js');
5
5
  var styledHost = require('./styled-host-CqQYxX-w.js');
6
6
  require('./event-types-YOY5TKUN.js');
7
- var checkPkgVersion = require('./check-pkg-version-BkzyzJ71.js');
7
+ var checkPkgVersion = require('./check-pkg-version-CgL8WQc_.js');
8
8
  require('./config-state-5xZf-jax.js');
9
9
  require('./utils-Dka3MplB.js');
10
10
  var ComponentError = require('./ComponentError-D4OLnOkg.js');
@@ -15,7 +15,7 @@ require('./Business-DCRzZf0w.js');
15
15
  require('./Dispute-CruQTF6_.js');
16
16
  var checkout_store = require('./checkout.store-mEv437nN.js');
17
17
  require('./parts-9jMf1erK.js');
18
- require('./package-e83u_82Y.js');
18
+ require('./package-BuyUN-rG.js');
19
19
  require('./Api-p2pK86Zd.js');
20
20
  require('./index-Yd9aLenr.js');
21
21
  require('./helpers-B5OCqlIM.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const name = "@justifi/webcomponents";
4
- const version = "5.7.6-rc-16";
4
+ const version = "5.7.6-rc-18";
5
5
  var packageJson = {
6
6
  name: name,
7
7
  version: version};
@@ -58,16 +58,22 @@ export class ApplePayService {
58
58
  async validateMerchant(authToken, payload) {
59
59
  const endpoint = `${this.apiBaseUrl}/v1/apple_pay/merchant_session`;
60
60
  const body = payload;
61
+ console.log('=== MERCHANT VALIDATION REQUEST ===');
62
+ console.log('Endpoint:', endpoint);
63
+ console.log('Payload:', body);
64
+ console.log('Auth token present:', !!authToken);
65
+ console.log('Account ID:', this.accountId);
61
66
  const response = await fetch(endpoint, {
62
67
  method: 'POST',
63
68
  headers: {
64
69
  'Content-Type': 'application/json',
65
70
  Accept: 'application/json',
66
71
  Authorization: `Bearer ${authToken}`,
67
- "Sub-Account": this.accountId
72
+ 'Sub-Account': this.accountId,
68
73
  },
69
74
  body: JSON.stringify(body),
70
75
  });
76
+ console.log('Response status:', response.status);
71
77
  if (!response.ok) {
72
78
  const errorData = await response.text();
73
79
  console.error('Backend validation failed - Raw response:', errorData);
@@ -81,13 +87,14 @@ export class ApplePayService {
81
87
  throw new Error(`Merchant validation failed: ${response.status}`);
82
88
  }
83
89
  const merchantSession = await response.json();
90
+ console.log('Merchant session received:', merchantSession);
84
91
  return merchantSession;
85
92
  }
86
93
  /**
87
94
  * Process Apple Pay payment via API (fixed to match original logic)
88
95
  */
89
96
  async processPayment(authToken, payload) {
90
- const endpoint = `${this.apiBaseUrl}/apple_pay/process_token`;
97
+ const endpoint = `${this.apiBaseUrl}/v1/apple_pay/process_token`;
91
98
  const body = payload;
92
99
  const response = await fetch(endpoint, {
93
100
  method: 'POST',
@@ -95,7 +102,7 @@ export class ApplePayService {
95
102
  'Content-Type': 'application/json',
96
103
  Accept: 'application/json',
97
104
  Authorization: `Bearer ${authToken}`,
98
- "Sub-Account": this.accountId
105
+ 'Sub-Account': this.accountId,
99
106
  },
100
107
  body: JSON.stringify(body),
101
108
  });
@@ -123,6 +123,10 @@ export class ApplePay {
123
123
  buttonType: this.buttonType,
124
124
  buttonStyle: this.buttonStyle,
125
125
  };
126
+ console.log('=== APPLE PAY CONFIG ===');
127
+ console.log('Config:', applePayConfig);
128
+ console.log('Auth token present:', !!checkoutStore.authToken);
129
+ console.log('Account ID:', checkoutStore.accountId);
126
130
  this.applePayService.setAccountId(checkoutStore.accountId);
127
131
  this.applePayService.initialize(applePayConfig);
128
132
  const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
@@ -160,13 +164,10 @@ export class ApplePay {
160
164
  this.isAvailable &&
161
165
  this.canMakePayments &&
162
166
  !this.error;
163
- return (h(StyledHost, { key: '627782068c729d8a2ed515957b0d1d30497c43fb' }, h("script", { key: '526abcdccd477a882c2087c1d9a2272edc24c759', async: true, onLoad: () => {
164
- console.log('Apple Pay SDK loaded');
165
- this.initializeApplePay();
166
- }, src: "https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js" }), h("div", { key: '29221d2d2c4ebc00ba0d27e428bdc2c26b9a3dff', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '9135d2ad9bfbcd3b84a687738d733c2b6d1c7a31', isReady: isReady }), !this.isLoading && this.error && (h("div", { key: 'da6585c2eb35ab82aa1e21e3895dc379854a35b1', class: 'apple-pay-error', role: 'alert' }, h("span", { key: '4a3234ea9927e49bf3a8658c2800ae4baf2c8a2e', class: 'error-icon' }, "\u26A0\uFE0F"), h("span", { key: '13627e68c6132fed6e08558386995e660f78b01b', class: 'error-message' }, this.error))), !this.isLoading && !this.error && !this.isAvailable && (h("div", { key: 'db9167ed16f32614610f2168d25e5a4643e22879', class: 'apple-pay-unavailable' }, h("span", { key: 'f09c6e9d8325fb324dfc537edf51d80f800588a9', class: 'unavailable-message' }, "Apple Pay is not available on this device"))), !this.isLoading &&
167
+ return (h(StyledHost, { key: '1067306dfa050d5c89d9bc64991c4a8e95427b3e' }, h("script", { key: '737e6d849fffc8902867dfa8a68d18f0da81f4fd', async: true, src: "https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js" }), h("div", { key: 'b354353c65d7f56db82c61ff088ed1d37eea905b', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '82d80ec54612e57b7a1eef76925194659e3186bb', isReady: isReady }), !this.isLoading && this.error && (h("div", { key: '0b5923bfbc3d0616fee8de4fd43b149810b91ca4', class: 'apple-pay-error', role: 'alert' }, h("span", { key: 'f3a885c30fee6375becfa53c147895db58ab1336', class: 'error-icon' }, "\u26A0\uFE0F"), h("span", { key: '3a5ff8b3f89c46092fe41a04eb9dd635fe959d34', class: 'error-message' }, this.error))), !this.isLoading && !this.error && !this.isAvailable && (h("div", { key: '1a5ad2a2ed7e748dab98e66dca56b337991ef648', class: 'apple-pay-unavailable' }, h("span", { key: '7684e951c36278404e15b8497e9c74ffeb2cb992', class: 'unavailable-message' }, "Apple Pay is not available on this device"))), !this.isLoading &&
167
168
  !this.error &&
168
169
  this.isAvailable &&
169
- this.canMakePayments && (h(ApplePayButton, { key: '2e7c23547883e165edea0ffb776e49007b8d82a1', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '99c32299d475bcbb8a093505c9254de4ab87145f' }, `
170
+ this.canMakePayments && (h(ApplePayButton, { key: '94c75b7ab68f8ff02e4953689de8931cb5aab1f2', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: 'acdef8691d85e319fc0ab548443173f2bd32029d' }, `
170
171
  .apple-pay-container {
171
172
  width: 100%;
172
173
  }
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-08-06T20:36:13",
2
+ "timestamp": "2025-08-07T15:57:57",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.36.2",
@@ -1,4 +1,4 @@
1
- import { p as packageJson } from './package-HMZ8vsvN.js';
1
+ import { p as packageJson } from './package--Ab7NjUs.js';
2
2
  import { A as Api } from './Api-DQM93PRm.js';
3
3
  import './ComponentError-Cjcsf8ku.js';
4
4
  import './Refund-4B3c-kLz.js';
@@ -3,7 +3,7 @@ import { c as createStore } from './index-B9me4yN2.js';
3
3
  import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-D3G5aVLy.js';
4
4
  import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
5
5
  import { F as FormControlErrorText } from './form-control-error-text-Dew-m4MW.js';
6
- import { p as packageJson } from './package-HMZ8vsvN.js';
6
+ import { p as packageJson } from './package--Ab7NjUs.js';
7
7
 
8
8
  const iframeInputStylesStore = createStore({
9
9
  focused: {