@justifi/webcomponents 4.19.3-rc → 4.19.3-rc-2

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 (164) hide show
  1. package/dist/cjs/{Analytics-57e3b5a8.js → Analytics-adc90fc6.js} +1 -1
  2. package/dist/cjs/justifi-bank-account-form.cjs.entry.js +2 -2
  3. package/dist/cjs/justifi-business-details.cjs.entry.js +2 -2
  4. package/dist/cjs/justifi-business-form.cjs.entry.js +2 -2
  5. package/dist/cjs/justifi-card-form.cjs.entry.js +2 -2
  6. package/dist/cjs/justifi-checkout-core.cjs.entry.js +2 -1
  7. package/dist/cjs/justifi-checkout.cjs.entry.js +2 -2
  8. package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +2 -2
  9. package/dist/cjs/justifi-new-payment-method_4.cjs.entry.js +4 -1
  10. package/dist/cjs/justifi-payment-details.cjs.entry.js +2 -2
  11. package/dist/cjs/justifi-payment-form.cjs.entry.js +2 -2
  12. package/dist/cjs/justifi-payment-method-form.cjs.entry.js +1 -1
  13. package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +2 -2
  14. package/dist/cjs/justifi-payments-list.cjs.entry.js +2 -2
  15. package/dist/cjs/justifi-payout-details.cjs.entry.js +2 -2
  16. package/dist/cjs/justifi-payouts-list.cjs.entry.js +2 -2
  17. package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +2 -2
  18. package/dist/cjs/{package-97b9c902.js → package-22d30c5d.js} +1 -1
  19. package/dist/collection/components/checkout/checkout-core.js +2 -1
  20. package/dist/collection/components/checkout/new-payment-method.js +4 -1
  21. package/dist/docs.json +1 -1
  22. package/dist/esm/{Analytics-7cb9826b.js → Analytics-a8eb7344.js} +1 -1
  23. package/dist/esm/justifi-bank-account-form.entry.js +2 -2
  24. package/dist/esm/justifi-business-details.entry.js +2 -2
  25. package/dist/esm/justifi-business-form.entry.js +2 -2
  26. package/dist/esm/justifi-card-form.entry.js +2 -2
  27. package/dist/esm/justifi-checkout-core.entry.js +2 -1
  28. package/dist/esm/justifi-checkout.entry.js +2 -2
  29. package/dist/esm/justifi-gross-payment-chart.entry.js +2 -2
  30. package/dist/esm/justifi-new-payment-method_4.entry.js +4 -1
  31. package/dist/esm/justifi-payment-details.entry.js +2 -2
  32. package/dist/esm/justifi-payment-form.entry.js +2 -2
  33. package/dist/esm/justifi-payment-method-form.entry.js +1 -1
  34. package/dist/esm/justifi-payment-provisioning.entry.js +2 -2
  35. package/dist/esm/justifi-payments-list.entry.js +2 -2
  36. package/dist/esm/justifi-payout-details.entry.js +2 -2
  37. package/dist/esm/justifi-payouts-list.entry.js +2 -2
  38. package/dist/esm/justifi-season-interruption-insurance.entry.js +2 -2
  39. package/dist/esm/{package-93884871.js → package-ccb774a9.js} +1 -1
  40. package/dist/module/checkout-core.js +2 -1
  41. package/dist/module/new-payment-method.js +4 -1
  42. package/dist/module/package.js +1 -1
  43. package/dist/types/components/checkout/new-payment-method.d.ts +1 -0
  44. package/dist/webcomponents/index.esm.js +1 -0
  45. package/dist/webcomponents/p-01a404ca.entry.js +44 -0
  46. package/dist/webcomponents/p-03d35880.entry.js +130 -0
  47. package/dist/webcomponents/p-06ff0429.entry.js +65 -0
  48. package/dist/webcomponents/p-08b0fb31.js +41 -1
  49. package/dist/webcomponents/p-0e1bc91e.js +28 -1
  50. package/dist/webcomponents/p-10875f3d.entry.js +97 -0
  51. package/dist/webcomponents/p-14c91ffd.js +20 -1
  52. package/dist/webcomponents/p-157acba8.entry.js +98 -0
  53. package/dist/webcomponents/p-15eafa87.js +77 -0
  54. package/dist/webcomponents/p-18fa0479.entry.js +131 -0
  55. package/dist/webcomponents/p-1a5120f4.entry.js +145 -0
  56. package/dist/webcomponents/p-1ad5995e.js +3599 -1
  57. package/dist/webcomponents/p-1ff8810b.js +29 -1
  58. package/dist/webcomponents/p-2338affa.js +213 -1
  59. package/dist/webcomponents/p-24dc023a.entry.js +791 -0
  60. package/dist/webcomponents/p-25d8cd65.entry.js +102 -0
  61. package/dist/webcomponents/p-27d87fe2.entry.js +133 -0
  62. package/dist/webcomponents/p-29c0b182.js +114 -1
  63. package/dist/webcomponents/p-2b6c9c4f.js +7 -1
  64. package/dist/webcomponents/p-2e8f4937.js +79 -0
  65. package/dist/webcomponents/p-2eab3c90.js +3052 -1
  66. package/dist/webcomponents/p-3395e896.entry.js +74 -0
  67. package/dist/webcomponents/p-3fd13ca3.js +52 -1
  68. package/dist/webcomponents/p-47d79529.js +18 -1
  69. package/dist/webcomponents/p-525db3e8.js +22 -1
  70. package/dist/webcomponents/p-53ecc8b9.entry.js +261 -0
  71. package/dist/webcomponents/p-5482d030.entry.js +21 -0
  72. package/dist/webcomponents/p-56f6ce4c.js +10 -1
  73. package/dist/webcomponents/p-576826b1.entry.js +43 -0
  74. package/dist/webcomponents/p-5968ff8a.js +178 -1
  75. package/dist/webcomponents/p-5f835b89.entry.js +606 -0
  76. package/dist/webcomponents/p-6078a370.js +244 -1
  77. package/dist/webcomponents/p-6124b1b3.entry.js +80 -0
  78. package/dist/webcomponents/p-70a2aa74.entry.js +76 -0
  79. package/dist/webcomponents/p-7582b554.entry.js +18 -0
  80. package/dist/webcomponents/p-75fd6367.entry.js +149 -0
  81. package/dist/webcomponents/p-79646550.entry.js +61 -0
  82. package/dist/webcomponents/p-7d85af5c.js +16 -1
  83. package/dist/webcomponents/p-800d31fe.entry.js +162 -0
  84. package/dist/webcomponents/p-8115b2f4.js +28 -1
  85. package/dist/webcomponents/p-83125497.js +4027 -1
  86. package/dist/webcomponents/p-85fc69e5.js +90 -1
  87. package/dist/webcomponents/p-89887332.js +301 -1
  88. package/dist/webcomponents/p-8df7bde8.js +27 -1
  89. package/dist/webcomponents/p-8eb774df.entry.js +54 -0
  90. package/dist/webcomponents/p-9c9c7dac.js +24 -1
  91. package/dist/webcomponents/p-9e17630d.entry.js +1684 -0
  92. package/dist/webcomponents/p-9f94bbb6.entry.js +118 -0
  93. package/dist/webcomponents/p-a4e8573e.entry.js +94 -0
  94. package/dist/webcomponents/p-a5a225d9.entry.js +125 -0
  95. package/dist/webcomponents/p-a5fb51dc.entry.js +131 -0
  96. package/dist/webcomponents/p-ab4816e1.entry.js +117 -0
  97. package/dist/webcomponents/p-ac086069.entry.js +58 -0
  98. package/dist/webcomponents/p-af244664.js +126 -1
  99. package/dist/webcomponents/p-b4b8b531.js +44 -1
  100. package/dist/webcomponents/p-b82c146f.entry.js +111 -0
  101. package/dist/webcomponents/p-ba4bae6f.js +12 -1
  102. package/dist/webcomponents/p-ba5fae28.js +90 -1
  103. package/dist/webcomponents/p-bd66f9d2.entry.js +101 -0
  104. package/dist/webcomponents/p-cc39384f.entry.js +99 -0
  105. package/dist/webcomponents/p-d17aee2b.entry.js +26 -0
  106. package/dist/webcomponents/p-d89bad72.js +39 -1
  107. package/dist/webcomponents/p-dad3e069.entry.js +298 -0
  108. package/dist/webcomponents/p-dce846bf.js +27 -1
  109. package/dist/webcomponents/p-df21aaad.js +120 -1
  110. package/dist/webcomponents/p-e1255160.js +3 -1
  111. package/dist/webcomponents/p-e1e7525b.entry.js +73 -0
  112. package/dist/webcomponents/p-e333620e.js +34 -1
  113. package/dist/webcomponents/p-e356f280.entry.js +29 -0
  114. package/dist/webcomponents/p-e3fab0e2.js +43 -1
  115. package/dist/webcomponents/p-e9a5cb95.entry.js +94 -0
  116. package/dist/webcomponents/p-ec854a3e.entry.js +11053 -0
  117. package/dist/webcomponents/p-edc37d1f.entry.js +75 -0
  118. package/dist/webcomponents/p-f02b75dc.entry.js +96 -0
  119. package/dist/webcomponents/p-fad19d75.js +1638 -2
  120. package/dist/webcomponents/webcomponents.css +362 -4
  121. package/dist/webcomponents/webcomponents.esm.js +20 -1
  122. package/package.json +1 -1
  123. package/dist/webcomponents/p-03419b17.js +0 -1
  124. package/dist/webcomponents/p-07109641.entry.js +0 -1
  125. package/dist/webcomponents/p-0bbe1f1c.entry.js +0 -1
  126. package/dist/webcomponents/p-0cd89142.entry.js +0 -1
  127. package/dist/webcomponents/p-0f7b9555.entry.js +0 -1
  128. package/dist/webcomponents/p-16887e04.entry.js +0 -1
  129. package/dist/webcomponents/p-17baca7d.entry.js +0 -1
  130. package/dist/webcomponents/p-17e4246f.entry.js +0 -1
  131. package/dist/webcomponents/p-1a43e355.entry.js +0 -19
  132. package/dist/webcomponents/p-1f761d16.entry.js +0 -1
  133. package/dist/webcomponents/p-276cc368.entry.js +0 -1
  134. package/dist/webcomponents/p-30a493cd.entry.js +0 -1
  135. package/dist/webcomponents/p-32211b2f.entry.js +0 -1
  136. package/dist/webcomponents/p-3352353a.entry.js +0 -1
  137. package/dist/webcomponents/p-462dc522.entry.js +0 -1
  138. package/dist/webcomponents/p-487b72a8.entry.js +0 -1
  139. package/dist/webcomponents/p-4a485cce.js +0 -1
  140. package/dist/webcomponents/p-4abc17f0.entry.js +0 -1
  141. package/dist/webcomponents/p-4c849993.entry.js +0 -1
  142. package/dist/webcomponents/p-52021fa1.entry.js +0 -1
  143. package/dist/webcomponents/p-53e64f15.entry.js +0 -1
  144. package/dist/webcomponents/p-62b32c4c.entry.js +0 -1
  145. package/dist/webcomponents/p-83876625.entry.js +0 -1
  146. package/dist/webcomponents/p-8e541a32.entry.js +0 -1
  147. package/dist/webcomponents/p-97272668.entry.js +0 -1
  148. package/dist/webcomponents/p-b1257354.entry.js +0 -1
  149. package/dist/webcomponents/p-b29f5084.entry.js +0 -1
  150. package/dist/webcomponents/p-babd56c3.entry.js +0 -1
  151. package/dist/webcomponents/p-bbed6107.entry.js +0 -1
  152. package/dist/webcomponents/p-be39c802.entry.js +0 -1
  153. package/dist/webcomponents/p-c607f049.entry.js +0 -1
  154. package/dist/webcomponents/p-c9f8f7ec.entry.js +0 -1
  155. package/dist/webcomponents/p-cd37a87e.entry.js +0 -1
  156. package/dist/webcomponents/p-cff82e78.entry.js +0 -1
  157. package/dist/webcomponents/p-d8355f91.entry.js +0 -1
  158. package/dist/webcomponents/p-e2c88817.entry.js +0 -1
  159. package/dist/webcomponents/p-e31f0f3e.entry.js +0 -1
  160. package/dist/webcomponents/p-f0866375.entry.js +0 -1
  161. package/dist/webcomponents/p-f117d1d1.entry.js +0 -1
  162. package/dist/webcomponents/p-f883bf32.entry.js +0 -1
  163. package/dist/webcomponents/p-fb58feb5.entry.js +0 -1
  164. package/dist/webcomponents/p-fe33151d.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const _package = require('./package-97b9c902.js');
3
+ const _package = require('./package-22d30c5d.js');
4
4
  const Api = require('./Api-3bc6e43f.js');
5
5
 
6
6
  class AnalyticsService {
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-fb499e95.js');
6
- const Analytics = require('./Analytics-57e3b5a8.js');
7
- require('./package-97b9c902.js');
6
+ const Analytics = require('./Analytics-adc90fc6.js');
7
+ require('./package-22d30c5d.js');
8
8
  require('./Api-3bc6e43f.js');
9
9
 
10
10
  const BankAccountForm = class {
@@ -8,11 +8,11 @@ const business_service = require('./business.service-090a21e1.js');
8
8
  const Business = require('./Business-aacbe893.js');
9
9
  const ComponentError = require('./ComponentError-233ac749.js');
10
10
  const utils = require('./utils-7a478c37.js');
11
- const Analytics = require('./Analytics-57e3b5a8.js');
11
+ const Analytics = require('./Analytics-adc90fc6.js');
12
12
  require('./Api-3bc6e43f.js');
13
13
  require('./helpers-602962eb.js');
14
14
  require('./state-options-4fbcb48a.js');
15
- require('./package-97b9c902.js');
15
+ require('./package-22d30c5d.js');
16
16
 
17
17
  const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
18
18
  var _a;
@@ -12,13 +12,13 @@ require('./Payment-1a8a8ca6.js');
12
12
  require('./Payout-a2dd7b01.js');
13
13
  const businessFormTypes = require('./business-form-types-6e1fcda3.js');
14
14
  const Business = require('./Business-aacbe893.js');
15
- const Analytics = require('./Analytics-57e3b5a8.js');
15
+ const Analytics = require('./Analytics-adc90fc6.js');
16
16
  const styledHost = require('./styled-host-cc053016.js');
17
17
  require('./schema-validations-2733de42.js');
18
18
  require('./state-options-4fbcb48a.js');
19
19
  require('./business-form-options-582467fe.js');
20
20
  require('./helpers-602962eb.js');
21
- require('./package-97b9c902.js');
21
+ require('./package-22d30c5d.js');
22
22
 
23
23
  const businessFormSchema = index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchema().fields), { legal_address: payloadParsers.addressSchema(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: payloadParsers.identitySchema('representative') }));
24
24
 
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-fb499e95.js');
6
- const Analytics = require('./Analytics-57e3b5a8.js');
7
- require('./package-97b9c902.js');
6
+ const Analytics = require('./Analytics-adc90fc6.js');
7
+ require('./package-22d30c5d.js');
8
8
  require('./Api-3bc6e43f.js');
9
9
 
10
10
  const CardForm = class {
@@ -68,6 +68,7 @@ const CheckoutCore = class {
68
68
  this.paymentMethodOptionsRef.fillBillingForm(fields);
69
69
  }
70
70
  componentWillLoad() {
71
+ console.log('CheckoutCore: componentWillLoad iframeOrigin', this, this.iframeOrigin);
71
72
  if (this.getCheckout) {
72
73
  this.fetchData();
73
74
  // Refresh the checkout data when insurance is added or removed
@@ -144,7 +145,7 @@ const CheckoutCore = class {
144
145
  return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h(skeleton.Skeleton, { height: "24px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), index.h("div", { class: "jfi-payment-total" }, index.h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", index.h("span", { class: "jfi-payment-total-amount" }, utils.formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
145
146
  }
146
147
  render() {
147
- return (index.h(styledHost.StyledHost, { key: '085e3582c88e06c650d0ad52407982f9d0f713d5' }, index.h("div", { key: '15ff263db1588472d8338599b39336c6be74e629', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '19115dc64b5d232fa47c4976da5b1b450204d5c7', class: "col-12" }, index.h("h2", { key: 'f995a6510cec38c9742f095952e9d9ad54c4a95a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), index.h("div", { key: 'd14ce872c6fa7be272f279c02a571fa005828678', class: "col-12" }, index.h("slot", { key: '5dd8c141deeecdb1689f34728c491ac985b047b0', name: "insurance" })), index.h("div", { key: '33d821b9cb8fb975911b3c5dccd72bf6d6a9333a', class: "col-12 mt-4" }, index.h("h2", { key: '2c1be6ad9636a3cc9bbd2fd0b61b2e15444a66ab', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), index.h("h3", { key: 'ebdced7b60f3b5a390067f5eb685533360988f01', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), index.h("div", { key: 'eb110ff64cf495542e732e8065b23167394bc5e2', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: 'a2960051d744f1069a52b91090adaa90ed7053f3', class: "col-12" }, index.h("div", { key: '03f01d243ebfa1268ca6c24b076b133e14709bd6', class: "d-flex justify-content-end" }, index.h(button.Button, { key: '01dd57ac8cb2c6e496d70421e21fd70533e6b5f6', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
148
+ return (index.h(styledHost.StyledHost, { key: '991ae6970e426028ace0d1e8327119bc197639b0' }, index.h("div", { key: '1e57ee21429b494240e644235a2d5815ced99d43', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '70023ce10dea6ff8d5bd8e30c7d474f774682c65', class: "col-12" }, index.h("h2", { key: '8b09b03c1998e4d60e174fefb3d196e48d50b84a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), index.h("div", { key: 'e3bbdaaaf010451a31fe9c60bdf81e89bdd142f2', class: "col-12" }, index.h("slot", { key: '442a01184960f42b5e1f6694798633d3e7219bf5', name: "insurance" })), index.h("div", { key: '716e26e3dc675e9d72a3a992b1cb212ce48ffb1a', class: "col-12 mt-4" }, index.h("h2", { key: '762cfc8549b20d16583d0fd8748bde8035042c00', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), index.h("h3", { key: 'f07d716a87f3e2bd44471f7e93f7af5f5d20440e', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), index.h("div", { key: '1156291dd748b90d64a08916ffb98c3123132175', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: 'a5bd142a1c72c5abb29338a2cf24c180119d4ea7', class: "col-12" }, index.h("div", { key: '5a94ed9d54fd3dd24cfe3e34c23ee3c4995eca6d', class: "d-flex justify-content-end" }, index.h(button.Button, { key: '7fce3940d8fe562aa7c23e38201b5d2924157288', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
148
149
  }
149
150
  };
150
151
  CheckoutCore.style = JustifiCheckoutCoreStyle0 + JustifiCheckoutCoreStyle1;
@@ -9,8 +9,8 @@ const Api = require('./Api-3bc6e43f.js');
9
9
  require('./Pagination-0da8f095.js');
10
10
  require('./Payment-1a8a8ca6.js');
11
11
  require('./Payout-a2dd7b01.js');
12
- const Analytics = require('./Analytics-57e3b5a8.js');
13
- require('./package-97b9c902.js');
12
+ const Analytics = require('./Analytics-adc90fc6.js');
13
+ require('./package-22d30c5d.js');
14
14
 
15
15
  const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
16
16
  var _a;
@@ -7,8 +7,8 @@ const Api = require('./Api-3bc6e43f.js');
7
7
  const ComponentError = require('./ComponentError-233ac749.js');
8
8
  const utils = require('./utils-7a478c37.js');
9
9
  const utils$1 = require('./utils-c1d2e426.js');
10
- const Analytics = require('./Analytics-57e3b5a8.js');
11
- require('./package-97b9c902.js');
10
+ const Analytics = require('./Analytics-adc90fc6.js');
11
+ require('./package-22d30c5d.js');
12
12
 
13
13
  class ReportsService {
14
14
  async fetchGrossVolumeChartData(accountId, authToken) {
@@ -25,6 +25,9 @@ const NewPaymentMethod = class {
25
25
  this.isSelected = undefined;
26
26
  this.saveNewPaymentMethodChecked = false;
27
27
  }
28
+ componentWillLoad() {
29
+ console.log('NewPaymentMethod: componentWillLoad iframeOrigin', this, this.iframeOrigin);
30
+ }
28
31
  handleCheckboxChanged(event) {
29
32
  this.saveNewPaymentMethodChecked = event.detail;
30
33
  }
@@ -77,7 +80,7 @@ const NewPaymentMethod = class {
77
80
  }
78
81
  render() {
79
82
  var _a, _b, _c, _d;
80
- return (index.h("div", { key: '55a43467070e4981a6fda7b529f329122f33dda8', class: "payment-method" }, index.h("div", { key: 'b86a20d2e51883dab9f2c46e6787417d498af17e', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, index.h("input", { key: '900b836be24e83816d1e6c915855b11ba3b605ee', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), index.h("label", { key: 'b1976293de17845cba7671606c50698b90878bcb', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
83
+ return (index.h("div", { key: 'd597ba8b0ac2a650a14a79d002a91ef3edf604a4', class: "payment-method" }, index.h("div", { key: 'a287f7ffd480f17f0f1093d71b9d02fe3db39e0f', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, index.h("input", { key: 'f53d08d048cc242414fcf6794614ad2334db81bb', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), index.h("label", { key: '01712a80a30df19a7b540434532cffb4cb3b61e8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
81
84
  }
82
85
  };
83
86
 
@@ -10,9 +10,9 @@ require('./Payout-a2dd7b01.js');
10
10
  const ComponentError = require('./ComponentError-233ac749.js');
11
11
  const utils = require('./utils-7a478c37.js');
12
12
  const utils$1 = require('./utils-c1d2e426.js');
13
- const Analytics = require('./Analytics-57e3b5a8.js');
13
+ const Analytics = require('./Analytics-adc90fc6.js');
14
14
  require('./Api-3bc6e43f.js');
15
- require('./package-97b9c902.js');
15
+ require('./package-22d30c5d.js');
16
16
 
17
17
  const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
18
18
  var _a;
@@ -9,10 +9,10 @@ require('./Payout-a2dd7b01.js');
9
9
  const utils = require('./utils-89d86e29.js');
10
10
  const ComponentError = require('./ComponentError-233ac749.js');
11
11
  const utils$1 = require('./utils-7a478c37.js');
12
- const Analytics = require('./Analytics-57e3b5a8.js');
12
+ const Analytics = require('./Analytics-adc90fc6.js');
13
13
  const button = require('./button-3f400a66.js');
14
14
  const styledHost = require('./styled-host-cc053016.js');
15
- require('./package-97b9c902.js');
15
+ require('./package-22d30c5d.js');
16
16
  require('./Api-3bc6e43f.js');
17
17
 
18
18
  const paymentFormCss = ":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-fb499e95.js');
6
- const _package = require('./package-97b9c902.js');
6
+ const _package = require('./package-22d30c5d.js');
7
7
  const utils = require('./utils-89d86e29.js');
8
8
 
9
9
  var iframeResizer = {exports: {}};
@@ -3,12 +3,12 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-fb499e95.js');
6
- const Analytics = require('./Analytics-57e3b5a8.js');
6
+ const Analytics = require('./Analytics-adc90fc6.js');
7
7
  const ComponentError = require('./ComponentError-233ac749.js');
8
8
  const paymentProvisioningActions = require('./payment-provisioning-actions-06466dda.js');
9
9
  const business_service = require('./business.service-090a21e1.js');
10
10
  const Api = require('./Api-3bc6e43f.js');
11
- require('./package-97b9c902.js');
11
+ require('./package-22d30c5d.js');
12
12
  require('./utils-7a478c37.js');
13
13
 
14
14
  class ProvisionService {
@@ -10,9 +10,9 @@ require('./Payout-a2dd7b01.js');
10
10
  const ComponentError = require('./ComponentError-233ac749.js');
11
11
  const utils = require('./utils-7a478c37.js');
12
12
  const utils$1 = require('./utils-c1d2e426.js');
13
- const Analytics = require('./Analytics-57e3b5a8.js');
13
+ const Analytics = require('./Analytics-adc90fc6.js');
14
14
  require('./Api-3bc6e43f.js');
15
- require('./package-97b9c902.js');
15
+ require('./package-22d30c5d.js');
16
16
 
17
17
  const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
18
18
  var _a, _b;
@@ -10,9 +10,9 @@ const Payout = require('./Payout-a2dd7b01.js');
10
10
  const ComponentError = require('./ComponentError-233ac749.js');
11
11
  const utils = require('./utils-7a478c37.js');
12
12
  const utils$1 = require('./utils-c1d2e426.js');
13
- const Analytics = require('./Analytics-57e3b5a8.js');
13
+ const Analytics = require('./Analytics-adc90fc6.js');
14
14
  require('./Api-3bc6e43f.js');
15
- require('./package-97b9c902.js');
15
+ require('./package-22d30c5d.js');
16
16
 
17
17
  const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
18
18
  var _a;
@@ -11,9 +11,9 @@ const Payout = require('./Payout-a2dd7b01.js');
11
11
  const ComponentError = require('./ComponentError-233ac749.js');
12
12
  const utils = require('./utils-7a478c37.js');
13
13
  const utils$1 = require('./utils-c1d2e426.js');
14
- const Analytics = require('./Analytics-57e3b5a8.js');
14
+ const Analytics = require('./Analytics-adc90fc6.js');
15
15
  require('./Api-3bc6e43f.js');
16
- require('./package-97b9c902.js');
16
+ require('./package-22d30c5d.js');
17
17
 
18
18
  const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
19
19
  var _a, _b;
@@ -9,8 +9,8 @@ require('./Payment-1a8a8ca6.js');
9
9
  require('./Payout-a2dd7b01.js');
10
10
  const utils = require('./utils-7a478c37.js');
11
11
  const ComponentError = require('./ComponentError-233ac749.js');
12
- const Analytics = require('./Analytics-57e3b5a8.js');
13
- require('./package-97b9c902.js');
12
+ const Analytics = require('./Analytics-adc90fc6.js');
13
+ require('./package-22d30c5d.js');
14
14
 
15
15
  class InsuranceService {
16
16
  async fetchQuote(authToken, payload) {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const name = "@justifi/webcomponents";
4
- const version = "4.19.3-rc";
4
+ const version = "4.19.3-rc-2";
5
5
  const description = "JustiFi Web Components";
6
6
  const collection = "dist/collection/collection-manifest.json";
7
7
  const main = "dist/index.cjs.js";
@@ -46,6 +46,7 @@ export class CheckoutCore {
46
46
  this.paymentMethodOptionsRef.fillBillingForm(fields);
47
47
  }
48
48
  componentWillLoad() {
49
+ console.log('CheckoutCore: componentWillLoad iframeOrigin', this, this.iframeOrigin);
49
50
  if (this.getCheckout) {
50
51
  this.fetchData();
51
52
  // Refresh the checkout data when insurance is added or removed
@@ -122,7 +123,7 @@ export class CheckoutCore {
122
123
  return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
123
124
  }
124
125
  render() {
125
- return (h(StyledHost, { key: '085e3582c88e06c650d0ad52407982f9d0f713d5' }, h("div", { key: '15ff263db1588472d8338599b39336c6be74e629', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '19115dc64b5d232fa47c4976da5b1b450204d5c7', class: "col-12" }, h("h2", { key: 'f995a6510cec38c9742f095952e9d9ad54c4a95a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'd14ce872c6fa7be272f279c02a571fa005828678', class: "col-12" }, h("slot", { key: '5dd8c141deeecdb1689f34728c491ac985b047b0', name: "insurance" })), h("div", { key: '33d821b9cb8fb975911b3c5dccd72bf6d6a9333a', class: "col-12 mt-4" }, h("h2", { key: '2c1be6ad9636a3cc9bbd2fd0b61b2e15444a66ab', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'ebdced7b60f3b5a390067f5eb685533360988f01', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: 'eb110ff64cf495542e732e8065b23167394bc5e2', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a2960051d744f1069a52b91090adaa90ed7053f3', class: "col-12" }, h("div", { key: '03f01d243ebfa1268ca6c24b076b133e14709bd6', class: "d-flex justify-content-end" }, h(Button, { key: '01dd57ac8cb2c6e496d70421e21fd70533e6b5f6', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
126
+ return (h(StyledHost, { key: '991ae6970e426028ace0d1e8327119bc197639b0' }, h("div", { key: '1e57ee21429b494240e644235a2d5815ced99d43', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '70023ce10dea6ff8d5bd8e30c7d474f774682c65', class: "col-12" }, h("h2", { key: '8b09b03c1998e4d60e174fefb3d196e48d50b84a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'e3bbdaaaf010451a31fe9c60bdf81e89bdd142f2', class: "col-12" }, h("slot", { key: '442a01184960f42b5e1f6694798633d3e7219bf5', name: "insurance" })), h("div", { key: '716e26e3dc675e9d72a3a992b1cb212ce48ffb1a', class: "col-12 mt-4" }, h("h2", { key: '762cfc8549b20d16583d0fd8748bde8035042c00', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'f07d716a87f3e2bd44471f7e93f7af5f5d20440e', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: '1156291dd748b90d64a08916ffb98c3123132175', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a5bd142a1c72c5abb29338a2cf24c180119d4ea7', class: "col-12" }, h("div", { key: '5a94ed9d54fd3dd24cfe3e34c23ee3c4995eca6d', class: "d-flex justify-content-end" }, h(Button, { key: '7fce3940d8fe562aa7c23e38201b5d2924157288', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
126
127
  }
127
128
  static get is() { return "justifi-checkout-core"; }
128
129
  static get encapsulation() { return "shadow"; }
@@ -16,6 +16,9 @@ export class NewPaymentMethod {
16
16
  this.isSelected = undefined;
17
17
  this.saveNewPaymentMethodChecked = false;
18
18
  }
19
+ componentWillLoad() {
20
+ console.log('NewPaymentMethod: componentWillLoad iframeOrigin', this, this.iframeOrigin);
21
+ }
19
22
  handleCheckboxChanged(event) {
20
23
  this.saveNewPaymentMethodChecked = event.detail;
21
24
  }
@@ -68,7 +71,7 @@ export class NewPaymentMethod {
68
71
  }
69
72
  render() {
70
73
  var _a, _b, _c, _d;
71
- return (h("div", { key: '55a43467070e4981a6fda7b529f329122f33dda8', class: "payment-method" }, h("div", { key: 'b86a20d2e51883dab9f2c46e6787417d498af17e', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '900b836be24e83816d1e6c915855b11ba3b605ee', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'b1976293de17845cba7671606c50698b90878bcb', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
74
+ return (h("div", { key: 'd597ba8b0ac2a650a14a79d002a91ef3edf604a4', class: "payment-method" }, h("div", { key: 'a287f7ffd480f17f0f1093d71b9d02fe3db39e0f', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: 'f53d08d048cc242414fcf6794614ad2334db81bb', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '01712a80a30df19a7b540434532cffb4cb3b61e8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
72
75
  }
73
76
  static get is() { return "justifi-new-payment-method"; }
74
77
  static get properties() {
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2024-09-23T02:22:36",
2
+ "timestamp": "2024-09-23T14:13:05",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.19.2",
@@ -1,4 +1,4 @@
1
- import { p as packageJson } from './package-93884871.js';
1
+ import { p as packageJson } from './package-ccb774a9.js';
2
2
  import { A as Api } from './Api-b09a2f6a.js';
3
3
 
4
4
  class AnalyticsService {
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
2
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
3
- import './package-93884871.js';
2
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
3
+ import './package-ccb774a9.js';
4
4
  import './Api-b09a2f6a.js';
5
5
 
6
6
  const BankAccountForm = class {
@@ -4,11 +4,11 @@ import { B as BusinessService } from './business.service-37d0cc72.js';
4
4
  import { B as Business } from './Business-e218b4f4.js';
5
5
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
6
6
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
7
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
7
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
8
8
  import './Api-b09a2f6a.js';
9
9
  import './helpers-96ea3464.js';
10
10
  import './state-options-a356fb11.js';
11
- import './package-93884871.js';
11
+ import './package-ccb774a9.js';
12
12
 
13
13
  const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
14
14
  var _a;
@@ -8,13 +8,13 @@ import './Payment-6bf26fe2.js';
8
8
  import './Payout-dfe15b00.js';
9
9
  import { B as BusinessFormServerErrors, a as BusinessFormClickActions } from './business-form-types-1bc5fe08.js';
10
10
  import { B as Business } from './Business-e218b4f4.js';
11
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
11
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
12
12
  import { S as StyledHost } from './styled-host-ab9da520.js';
13
13
  import './schema-validations-a83ff220.js';
14
14
  import './state-options-a356fb11.js';
15
15
  import './business-form-options-7a9a74fc.js';
16
16
  import './helpers-96ea3464.js';
17
- import './package-93884871.js';
17
+ import './package-ccb774a9.js';
18
18
 
19
19
  const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
20
20
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
2
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
3
- import './package-93884871.js';
2
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
3
+ import './package-ccb774a9.js';
4
4
  import './Api-b09a2f6a.js';
5
5
 
6
6
  const CardForm = class {
@@ -64,6 +64,7 @@ const CheckoutCore = class {
64
64
  this.paymentMethodOptionsRef.fillBillingForm(fields);
65
65
  }
66
66
  componentWillLoad() {
67
+ console.log('CheckoutCore: componentWillLoad iframeOrigin', this, this.iframeOrigin);
67
68
  if (this.getCheckout) {
68
69
  this.fetchData();
69
70
  // Refresh the checkout data when insurance is added or removed
@@ -140,7 +141,7 @@ const CheckoutCore = class {
140
141
  return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
141
142
  }
142
143
  render() {
143
- return (h(StyledHost, { key: '085e3582c88e06c650d0ad52407982f9d0f713d5' }, h("div", { key: '15ff263db1588472d8338599b39336c6be74e629', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '19115dc64b5d232fa47c4976da5b1b450204d5c7', class: "col-12" }, h("h2", { key: 'f995a6510cec38c9742f095952e9d9ad54c4a95a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'd14ce872c6fa7be272f279c02a571fa005828678', class: "col-12" }, h("slot", { key: '5dd8c141deeecdb1689f34728c491ac985b047b0', name: "insurance" })), h("div", { key: '33d821b9cb8fb975911b3c5dccd72bf6d6a9333a', class: "col-12 mt-4" }, h("h2", { key: '2c1be6ad9636a3cc9bbd2fd0b61b2e15444a66ab', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'ebdced7b60f3b5a390067f5eb685533360988f01', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: 'eb110ff64cf495542e732e8065b23167394bc5e2', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a2960051d744f1069a52b91090adaa90ed7053f3', class: "col-12" }, h("div", { key: '03f01d243ebfa1268ca6c24b076b133e14709bd6', class: "d-flex justify-content-end" }, h(Button, { key: '01dd57ac8cb2c6e496d70421e21fd70533e6b5f6', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
144
+ return (h(StyledHost, { key: '991ae6970e426028ace0d1e8327119bc197639b0' }, h("div", { key: '1e57ee21429b494240e644235a2d5815ced99d43', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '70023ce10dea6ff8d5bd8e30c7d474f774682c65', class: "col-12" }, h("h2", { key: '8b09b03c1998e4d60e174fefb3d196e48d50b84a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'e3bbdaaaf010451a31fe9c60bdf81e89bdd142f2', class: "col-12" }, h("slot", { key: '442a01184960f42b5e1f6694798633d3e7219bf5', name: "insurance" })), h("div", { key: '716e26e3dc675e9d72a3a992b1cb212ce48ffb1a', class: "col-12 mt-4" }, h("h2", { key: '762cfc8549b20d16583d0fd8748bde8035042c00', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'f07d716a87f3e2bd44471f7e93f7af5f5d20440e', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: '1156291dd748b90d64a08916ffb98c3123132175', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a5bd142a1c72c5abb29338a2cf24c180119d4ea7', class: "col-12" }, h("div", { key: '5a94ed9d54fd3dd24cfe3e34c23ee3c4995eca6d', class: "d-flex justify-content-end" }, h(Button, { key: '7fce3940d8fe562aa7c23e38201b5d2924157288', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
144
145
  }
145
146
  };
146
147
  CheckoutCore.style = JustifiCheckoutCoreStyle0 + JustifiCheckoutCoreStyle1;
@@ -5,8 +5,8 @@ import { A as Api } from './Api-b09a2f6a.js';
5
5
  import './Pagination-afc8f96d.js';
6
6
  import './Payment-6bf26fe2.js';
7
7
  import './Payout-dfe15b00.js';
8
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
9
- import './package-93884871.js';
8
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
9
+ import './package-ccb774a9.js';
10
10
 
11
11
  const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
12
12
  var _a;
@@ -3,8 +3,8 @@ import { A as Api } from './Api-b09a2f6a.js';
3
3
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
4
4
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
5
5
  import { E as ErrorState } from './utils-01413a95.js';
6
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
7
- import './package-93884871.js';
6
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
7
+ import './package-ccb774a9.js';
8
8
 
9
9
  class ReportsService {
10
10
  async fetchGrossVolumeChartData(accountId, authToken) {
@@ -21,6 +21,9 @@ const NewPaymentMethod = class {
21
21
  this.isSelected = undefined;
22
22
  this.saveNewPaymentMethodChecked = false;
23
23
  }
24
+ componentWillLoad() {
25
+ console.log('NewPaymentMethod: componentWillLoad iframeOrigin', this, this.iframeOrigin);
26
+ }
24
27
  handleCheckboxChanged(event) {
25
28
  this.saveNewPaymentMethodChecked = event.detail;
26
29
  }
@@ -73,7 +76,7 @@ const NewPaymentMethod = class {
73
76
  }
74
77
  render() {
75
78
  var _a, _b, _c, _d;
76
- return (h("div", { key: '55a43467070e4981a6fda7b529f329122f33dda8', class: "payment-method" }, h("div", { key: 'b86a20d2e51883dab9f2c46e6787417d498af17e', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '900b836be24e83816d1e6c915855b11ba3b605ee', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'b1976293de17845cba7671606c50698b90878bcb', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
79
+ return (h("div", { key: 'd597ba8b0ac2a650a14a79d002a91ef3edf604a4', class: "payment-method" }, h("div", { key: 'a287f7ffd480f17f0f1093d71b9d02fe3db39e0f', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: 'f53d08d048cc242414fcf6794614ad2334db81bb', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '01712a80a30df19a7b540434532cffb4cb3b61e8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
77
80
  }
78
81
  };
79
82
 
@@ -6,9 +6,9 @@ import './Payout-dfe15b00.js';
6
6
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
7
7
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
8
8
  import { E as ErrorState } from './utils-01413a95.js';
9
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
9
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
10
10
  import './Api-b09a2f6a.js';
11
- import './package-93884871.js';
11
+ import './package-ccb774a9.js';
12
12
 
13
13
  const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
14
14
  var _a;
@@ -5,10 +5,10 @@ import './Payout-dfe15b00.js';
5
5
  import { l as loadFontsOnParent } from './utils-3c1dd2fa.js';
6
6
  import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
7
7
  import { g as getErrorMessage } from './utils-b10dae27.js';
8
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
8
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
9
9
  import { B as Button } from './button-34e75e0f.js';
10
10
  import { S as StyledHost } from './styled-host-ab9da520.js';
11
- import './package-93884871.js';
11
+ import './package-ccb774a9.js';
12
12
  import './Api-b09a2f6a.js';
13
13
 
14
14
  const paymentFormCss = ":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
2
- import { p as packageJson } from './package-93884871.js';
2
+ import { p as packageJson } from './package-ccb774a9.js';
3
3
  import { m as composeQueryParams } from './utils-3c1dd2fa.js';
4
4
 
5
5
  var iframeResizer = {exports: {}};
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
2
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
2
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
3
3
  import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
4
4
  import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-0635eff7.js';
5
5
  import { B as BusinessService } from './business.service-37d0cc72.js';
6
6
  import { A as Api } from './Api-b09a2f6a.js';
7
- import './package-93884871.js';
7
+ import './package-ccb774a9.js';
8
8
  import './utils-b10dae27.js';
9
9
 
10
10
  class ProvisionService {
@@ -6,9 +6,9 @@ import './Payout-dfe15b00.js';
6
6
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
7
7
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
8
8
  import { E as ErrorState } from './utils-01413a95.js';
9
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
9
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
10
10
  import './Api-b09a2f6a.js';
11
- import './package-93884871.js';
11
+ import './package-ccb774a9.js';
12
12
 
13
13
  const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
14
14
  var _a, _b;
@@ -6,9 +6,9 @@ import { P as Payout } from './Payout-dfe15b00.js';
6
6
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
7
7
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
8
8
  import { E as ErrorState } from './utils-01413a95.js';
9
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
9
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
10
10
  import './Api-b09a2f6a.js';
11
- import './package-93884871.js';
11
+ import './package-ccb774a9.js';
12
12
 
13
13
  const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
14
14
  var _a;
@@ -7,9 +7,9 @@ import { P as Payout } from './Payout-dfe15b00.js';
7
7
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
8
8
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
9
9
  import { E as ErrorState } from './utils-01413a95.js';
10
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
10
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
11
11
  import './Api-b09a2f6a.js';
12
- import './package-93884871.js';
12
+ import './package-ccb774a9.js';
13
13
 
14
14
  const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
15
15
  var _a, _b;
@@ -5,8 +5,8 @@ import './Payment-6bf26fe2.js';
5
5
  import './Payout-dfe15b00.js';
6
6
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
7
7
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
8
- import { J as JustifiAnalytics } from './Analytics-7cb9826b.js';
9
- import './package-93884871.js';
8
+ import { J as JustifiAnalytics } from './Analytics-a8eb7344.js';
9
+ import './package-ccb774a9.js';
10
10
 
11
11
  class InsuranceService {
12
12
  async fetchQuote(authToken, payload) {
@@ -1,5 +1,5 @@
1
1
  const name = "@justifi/webcomponents";
2
- const version = "4.19.3-rc";
2
+ const version = "4.19.3-rc-2";
3
3
  const description = "JustiFi Web Components";
4
4
  const collection = "dist/collection/collection-manifest.json";
5
5
  const main = "dist/index.cjs.js";
@@ -77,6 +77,7 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
77
77
  this.paymentMethodOptionsRef.fillBillingForm(fields);
78
78
  }
79
79
  componentWillLoad() {
80
+ console.log('CheckoutCore: componentWillLoad iframeOrigin', this, this.iframeOrigin);
80
81
  if (this.getCheckout) {
81
82
  this.fetchData();
82
83
  // Refresh the checkout data when insurance is added or removed
@@ -153,7 +154,7 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
153
154
  return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
154
155
  }
155
156
  render() {
156
- return (h(StyledHost, { key: '085e3582c88e06c650d0ad52407982f9d0f713d5' }, h("div", { key: '15ff263db1588472d8338599b39336c6be74e629', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '19115dc64b5d232fa47c4976da5b1b450204d5c7', class: "col-12" }, h("h2", { key: 'f995a6510cec38c9742f095952e9d9ad54c4a95a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'd14ce872c6fa7be272f279c02a571fa005828678', class: "col-12" }, h("slot", { key: '5dd8c141deeecdb1689f34728c491ac985b047b0', name: "insurance" })), h("div", { key: '33d821b9cb8fb975911b3c5dccd72bf6d6a9333a', class: "col-12 mt-4" }, h("h2", { key: '2c1be6ad9636a3cc9bbd2fd0b61b2e15444a66ab', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'ebdced7b60f3b5a390067f5eb685533360988f01', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: 'eb110ff64cf495542e732e8065b23167394bc5e2', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a2960051d744f1069a52b91090adaa90ed7053f3', class: "col-12" }, h("div", { key: '03f01d243ebfa1268ca6c24b076b133e14709bd6', class: "d-flex justify-content-end" }, h(Button, { key: '01dd57ac8cb2c6e496d70421e21fd70533e6b5f6', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
157
+ return (h(StyledHost, { key: '991ae6970e426028ace0d1e8327119bc197639b0' }, h("div", { key: '1e57ee21429b494240e644235a2d5815ced99d43', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '70023ce10dea6ff8d5bd8e30c7d474f774682c65', class: "col-12" }, h("h2", { key: '8b09b03c1998e4d60e174fefb3d196e48d50b84a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'e3bbdaaaf010451a31fe9c60bdf81e89bdd142f2', class: "col-12" }, h("slot", { key: '442a01184960f42b5e1f6694798633d3e7219bf5', name: "insurance" })), h("div", { key: '716e26e3dc675e9d72a3a992b1cb212ce48ffb1a', class: "col-12 mt-4" }, h("h2", { key: '762cfc8549b20d16583d0fd8748bde8035042c00', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'f07d716a87f3e2bd44471f7e93f7af5f5d20440e', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: '1156291dd748b90d64a08916ffb98c3123132175', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a5bd142a1c72c5abb29338a2cf24c180119d4ea7', class: "col-12" }, h("div", { key: '5a94ed9d54fd3dd24cfe3e34c23ee3c4995eca6d', class: "d-flex justify-content-end" }, h(Button, { key: '7fce3940d8fe562aa7c23e38201b5d2924157288', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
157
158
  }
158
159
  static get style() { return JustifiCheckoutCoreStyle0 + JustifiCheckoutCoreStyle1; }
159
160
  }, [1, "justifi-checkout-core", {