@justifi/webcomponents 6.2.0-rc.3 → 6.4.0

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 (256) hide show
  1. package/LICENSE +21 -0
  2. package/dist/cjs/bank-account-document-form-inputs_6.cjs.entry.js +4 -4
  3. package/dist/cjs/bank-account-form.cjs.entry.js +2 -2
  4. package/dist/cjs/{business-additional-questions-schema-BzHg6qqg.js → business-additional-questions-schema-CE-z5qrr.js} +1 -1
  5. package/dist/cjs/{business-identity-schema-Di-jf6nr.js → business-identity-schema-rMMiHyPz.js} +2 -2
  6. package/dist/cjs/card-form.cjs.entry.js +2 -2
  7. package/dist/cjs/{check-pkg-version-NXr7H2Sp.js → check-pkg-version-BO_NdUB_.js} +1 -1
  8. package/dist/cjs/{checkout.store-BiT7zKgX.js → checkout.store-BA6h-dp2.js} +2 -0
  9. package/dist/cjs/checkouts-list-core.cjs.entry.js +1 -1
  10. package/dist/cjs/form-alert_5.cjs.entry.js +6 -6
  11. package/dist/cjs/form-control-checkbox.cjs.entry.js +2 -2
  12. package/dist/cjs/form-control-monetary-provisioning.cjs.entry.js +2 -2
  13. package/dist/cjs/form-control-number-masked_3.cjs.entry.js +2 -2
  14. package/dist/cjs/hidden-input_2.cjs.entry.js +1 -1
  15. package/dist/cjs/justifi-additional-questions-form-step-core_6.cjs.entry.js +3 -3
  16. package/dist/cjs/justifi-additional-questions-form-step_9.cjs.entry.js +9 -9
  17. package/dist/cjs/justifi-apple-pay_8.cjs.entry.js +3 -3
  18. package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js +9 -10
  19. package/dist/cjs/justifi-business-details.cjs.entry.js +2 -2
  20. package/dist/cjs/justifi-business-form.cjs.entry.js +5 -5
  21. package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js +2 -2
  22. package/dist/cjs/justifi-checkout.cjs.entry.js +6 -5
  23. package/dist/cjs/justifi-checkouts-list-filters.cjs.entry.js +1 -1
  24. package/dist/cjs/justifi-checkouts-list.cjs.entry.js +3 -3
  25. package/dist/cjs/justifi-details.cjs.entry.js +1 -1
  26. package/dist/cjs/justifi-dispute-management.cjs.entry.js +2 -2
  27. package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js +2 -2
  28. package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +2 -2
  29. package/dist/cjs/justifi-order-terminals.cjs.entry.js +2 -2
  30. package/dist/cjs/justifi-owner-form_3.cjs.entry.js +6 -6
  31. package/dist/cjs/justifi-payment-details.cjs.entry.js +2 -2
  32. package/dist/cjs/justifi-payment-provisioning-core.cjs.entry.js +1 -1
  33. package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +3 -3
  34. package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js +2 -2
  35. package/dist/cjs/justifi-payments-list.cjs.entry.js +2 -2
  36. package/dist/cjs/justifi-payout-details.cjs.entry.js +2 -2
  37. package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js +2 -2
  38. package/dist/cjs/justifi-payouts-list.cjs.entry.js +2 -2
  39. package/dist/cjs/justifi-refund-payment.cjs.entry.js +2 -2
  40. package/dist/cjs/justifi-saved-payment-method.cjs.entry.js +1 -1
  41. package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +3 -3
  42. package/dist/cjs/justifi-terminal-orders-list.cjs.entry.js +2 -2
  43. package/dist/cjs/justifi-terminals-list.cjs.entry.js +2 -2
  44. package/dist/cjs/loader.cjs.js +1 -1
  45. package/dist/cjs/{package-DPdtuJhk.js → package-CvqCkafe.js} +1 -1
  46. package/dist/cjs/pagination-menu.cjs.entry.js +3 -3
  47. package/dist/cjs/{schema-validations-AxtufX7q.js → schema-validations-BOiGVUHM.js} +1 -1
  48. package/dist/cjs/webcomponents.cjs.js +1 -1
  49. package/dist/collection/collection-manifest.json +1 -1
  50. package/dist/collection/components/business-forms/business-form/additional-questions/additional-questions.js +6 -7
  51. package/dist/collection/components/business-forms/business-form/business-core-info/business-core-info.js +2 -2
  52. package/dist/collection/components/business-forms/business-form/business-representative/business-representative.js +7 -8
  53. package/dist/collection/components/business-forms/business-form/legal-address-form/legal-address-form.js +6 -7
  54. package/dist/collection/components/business-forms/owner-form/identity-address/identity-address-form.js +1 -1
  55. package/dist/collection/components/business-forms/owner-form/owner-form-core.js +1 -1
  56. package/dist/collection/components/business-forms/owner-form/owner-form-inputs.js +7 -8
  57. package/dist/collection/components/business-forms/owner-form/owner-form.js +1 -1
  58. package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step.js +1 -1
  59. package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-document-inputs.js +1 -1
  60. package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-form-inputs-canada.js +1 -1
  61. package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-form-inputs.js +1 -1
  62. package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-read-only-value.js +1 -1
  63. package/dist/collection/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.js +1 -1
  64. package/dist/collection/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step.js +1 -1
  65. package/dist/collection/components/business-forms/payment-provisioning/business-owners/business-owners-form-step.js +1 -1
  66. package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-inputs.js +2 -2
  67. package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.js +1 -1
  68. package/dist/collection/components/business-forms/payment-provisioning/form-address-fields/form-address-fields.js +1 -1
  69. package/dist/collection/components/business-forms/payment-provisioning/form-control-monetary-provisioning.js +2 -2
  70. package/dist/collection/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step.js +1 -1
  71. package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-core.js +1 -1
  72. package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-buttons.js +1 -1
  73. package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-steps.js +1 -1
  74. package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.js +1 -1
  75. package/dist/collection/components/business-forms/payment-provisioning/terms-and-conditions/business-terms-conditions-form-step.js +1 -1
  76. package/dist/collection/components/business-forms/schemas/business-address-schema.js +2 -2
  77. package/dist/collection/components/business-forms/schemas/schema-validations.js +1 -1
  78. package/dist/collection/components/checkout/bank-account-form/bank-account-form.js +2 -2
  79. package/dist/collection/components/checkout/card-form/card-form.js +2 -2
  80. package/dist/collection/components/checkout/checkout.js +31 -2
  81. package/dist/collection/components/checkout/save-new-payment-method.js +1 -1
  82. package/dist/collection/components/checkout/saved-payment-method.js +1 -1
  83. package/dist/collection/components/checkouts-list/checkouts-list-core.js +1 -1
  84. package/dist/collection/components/checkouts-list/checkouts-list-filters.js +1 -1
  85. package/dist/collection/components/checkouts-list/checkouts-list.js +1 -1
  86. package/dist/collection/components/modular-checkout/modular-checkout.js +3 -2
  87. package/dist/collection/components/modular-checkout/sub-components/bank-account-billing-form-simple.js +1 -1
  88. package/dist/collection/components/modular-checkout/sub-components/billing-form-full.js +1 -2
  89. package/dist/collection/components/modular-checkout/sub-components/card-billing-form-simple.js +1 -2
  90. package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js +3 -2
  91. package/dist/collection/store/checkout.store.js +2 -0
  92. package/dist/collection/ui-components/details/details.js +1 -1
  93. package/dist/collection/ui-components/form/form-control-checkbox.js +2 -2
  94. package/dist/collection/ui-components/pagination-menu/pagination-menu.js +3 -3
  95. package/dist/collection/ui-components/shadow-dom-components/justifi-radio-list-item.js +1 -1
  96. package/dist/docs.json +143 -32
  97. package/dist/esm/bank-account-document-form-inputs_6.entry.js +4 -4
  98. package/dist/esm/bank-account-form.entry.js +2 -2
  99. package/dist/esm/{business-additional-questions-schema-BCXg6YTP.js → business-additional-questions-schema-hZ6O6Bs0.js} +1 -1
  100. package/dist/esm/{business-identity-schema-CvzdGI9h.js → business-identity-schema-DJvIo0oa.js} +2 -2
  101. package/dist/esm/card-form.entry.js +2 -2
  102. package/dist/esm/{check-pkg-version-BifOuhlz.js → check-pkg-version-B6jUXpX3.js} +1 -1
  103. package/dist/esm/{checkout.store-CMsV0tl9.js → checkout.store-CaS_htQd.js} +2 -0
  104. package/dist/esm/checkouts-list-core.entry.js +1 -1
  105. package/dist/esm/form-alert_5.entry.js +6 -6
  106. package/dist/esm/form-control-checkbox.entry.js +2 -2
  107. package/dist/esm/form-control-monetary-provisioning.entry.js +2 -2
  108. package/dist/esm/form-control-number-masked_3.entry.js +2 -2
  109. package/dist/esm/hidden-input_2.entry.js +1 -1
  110. package/dist/esm/justifi-additional-questions-form-step-core_6.entry.js +3 -3
  111. package/dist/esm/justifi-additional-questions-form-step_9.entry.js +9 -9
  112. package/dist/esm/justifi-apple-pay_8.entry.js +3 -3
  113. package/dist/esm/justifi-bank-account-billing-form-simple_9.entry.js +9 -10
  114. package/dist/esm/justifi-business-details.entry.js +2 -2
  115. package/dist/esm/justifi-business-form.entry.js +5 -5
  116. package/dist/esm/justifi-business-representative-form-inputs.entry.js +2 -2
  117. package/dist/esm/justifi-checkout.entry.js +6 -5
  118. package/dist/esm/justifi-checkouts-list-filters.entry.js +1 -1
  119. package/dist/esm/justifi-checkouts-list.entry.js +3 -3
  120. package/dist/esm/justifi-details.entry.js +1 -1
  121. package/dist/esm/justifi-dispute-management.entry.js +2 -2
  122. package/dist/esm/justifi-dispute-notification_3.entry.js +2 -2
  123. package/dist/esm/justifi-gross-payment-chart.entry.js +2 -2
  124. package/dist/esm/justifi-order-terminals.entry.js +2 -2
  125. package/dist/esm/justifi-owner-form_3.entry.js +6 -6
  126. package/dist/esm/justifi-payment-details.entry.js +2 -2
  127. package/dist/esm/justifi-payment-provisioning-core.entry.js +1 -1
  128. package/dist/esm/justifi-payment-provisioning.entry.js +3 -3
  129. package/dist/esm/justifi-payment-transactions-list.entry.js +2 -2
  130. package/dist/esm/justifi-payments-list.entry.js +2 -2
  131. package/dist/esm/justifi-payout-details.entry.js +2 -2
  132. package/dist/esm/justifi-payout-transactions-list.entry.js +2 -2
  133. package/dist/esm/justifi-payouts-list.entry.js +2 -2
  134. package/dist/esm/justifi-refund-payment.entry.js +2 -2
  135. package/dist/esm/justifi-saved-payment-method.entry.js +1 -1
  136. package/dist/esm/justifi-season-interruption-insurance.entry.js +3 -3
  137. package/dist/esm/justifi-terminal-orders-list.entry.js +2 -2
  138. package/dist/esm/justifi-terminals-list.entry.js +2 -2
  139. package/dist/esm/loader.js +1 -1
  140. package/dist/esm/{package-CuLmJjEz.js → package-BeukOaOq.js} +1 -1
  141. package/dist/esm/pagination-menu.entry.js +3 -3
  142. package/dist/esm/{schema-validations-CoIE0a4H.js → schema-validations-C0qp3ZJ5.js} +2 -2
  143. package/dist/esm/webcomponents.js +1 -1
  144. package/dist/module/additional-questions.js +2 -2
  145. package/dist/module/bank-account-billing-form-simple.js +1 -1
  146. package/dist/module/bank-account-document-inputs.js +1 -1
  147. package/dist/module/bank-account-form-inputs-canada2.js +1 -1
  148. package/dist/module/bank-account-form-inputs2.js +1 -1
  149. package/dist/module/bank-account-form.js +2 -2
  150. package/dist/module/bank-account-read-only-value2.js +1 -1
  151. package/dist/module/billing-form-full.js +1 -2
  152. package/dist/module/business-additional-questions-form-step.js +1 -1
  153. package/dist/module/business-address-schema.js +2 -2
  154. package/dist/module/business-bank-account-form-step.js +1 -1
  155. package/dist/module/business-core-info-form-step.js +1 -1
  156. package/dist/module/business-core-info.js +2 -2
  157. package/dist/module/business-owners-form-step.js +1 -1
  158. package/dist/module/business-representative-form-inputs.js +2 -2
  159. package/dist/module/business-representative-form-step.js +1 -1
  160. package/dist/module/business-representative.js +3 -3
  161. package/dist/module/business-terms-conditions-form-step.js +1 -1
  162. package/dist/module/card-billing-form-simple.js +1 -2
  163. package/dist/module/card-form.js +2 -2
  164. package/dist/module/checkout.store.js +2 -0
  165. package/dist/module/checkouts-list-core2.js +1 -1
  166. package/dist/module/details.js +1 -1
  167. package/dist/module/form-address-fields.js +1 -1
  168. package/dist/module/form-control-checkbox2.js +2 -2
  169. package/dist/module/form-control-monetary-provisioning2.js +2 -2
  170. package/dist/module/identity-address-form.js +1 -1
  171. package/dist/module/justifi-checkout.js +4 -2
  172. package/dist/module/justifi-checkouts-list-filters.js +1 -1
  173. package/dist/module/justifi-checkouts-list.js +1 -1
  174. package/dist/module/justifi-payment-provisioning.js +1 -1
  175. package/dist/module/justifi-radio-list-item2.js +1 -1
  176. package/dist/module/justifi-saved-payment-method.js +1 -1
  177. package/dist/module/legal-address-form-step.js +1 -1
  178. package/dist/module/legal-address-form.js +2 -2
  179. package/dist/module/owner-form-core2.js +1 -1
  180. package/dist/module/owner-form-inputs2.js +3 -3
  181. package/dist/module/owner-form.js +1 -1
  182. package/dist/module/package.js +1 -1
  183. package/dist/module/pagination-menu2.js +3 -3
  184. package/dist/module/payment-provisioning-core.js +1 -1
  185. package/dist/module/payment-provisioning-form-buttons.js +1 -1
  186. package/dist/module/payment-provisioning-form-steps.js +1 -1
  187. package/dist/module/save-new-payment-method.js +1 -1
  188. package/dist/module/schema-validations.js +1 -1
  189. package/dist/types/components/business-forms/schemas/business-form-schema.d.ts +3 -3
  190. package/dist/types/components/checkout/checkout.d.ts +3 -1
  191. package/dist/types/components.d.ts +14 -10
  192. package/dist/types/store/checkout.store.d.ts +1 -0
  193. package/dist/webcomponents/{p-5a3f2d71.entry.js → p-0214a9f4.entry.js} +1 -1
  194. package/dist/webcomponents/p-065eafc5.entry.js +1 -0
  195. package/dist/webcomponents/p-06a0e2e2.entry.js +1 -0
  196. package/dist/webcomponents/{p-edd335bb.entry.js → p-0bd7b871.entry.js} +1 -1
  197. package/dist/webcomponents/{p-1fa1e280.entry.js → p-20ccd0a4.entry.js} +1 -1
  198. package/dist/webcomponents/p-220420bb.entry.js +1 -0
  199. package/dist/webcomponents/{p-3c313469.entry.js → p-2859a8e3.entry.js} +1 -1
  200. package/dist/webcomponents/{p-e3c111d5.entry.js → p-2976c54e.entry.js} +1 -1
  201. package/dist/webcomponents/{p-ff411ffd.entry.js → p-2a53a095.entry.js} +1 -1
  202. package/dist/webcomponents/{p-cbe349bf.entry.js → p-32af1830.entry.js} +1 -1
  203. package/dist/webcomponents/p-336b08de.entry.js +1 -0
  204. package/dist/webcomponents/{p-75f81cbf.entry.js → p-3cb3a241.entry.js} +1 -1
  205. package/dist/webcomponents/{p-d160381c.entry.js → p-589e4fcb.entry.js} +1 -1
  206. package/dist/webcomponents/p-58a68ad6.entry.js +1 -0
  207. package/dist/webcomponents/{p-b15f80c2.entry.js → p-5c847406.entry.js} +1 -1
  208. package/dist/webcomponents/{p-d812d34f.entry.js → p-5eb2698f.entry.js} +1 -1
  209. package/dist/webcomponents/{p-bc5d225e.entry.js → p-6677f09f.entry.js} +1 -1
  210. package/dist/webcomponents/p-728158a8.entry.js +1 -0
  211. package/dist/webcomponents/p-77884032.entry.js +1 -0
  212. package/dist/webcomponents/p-82b13550.entry.js +1 -0
  213. package/dist/webcomponents/{p-7e46060a.entry.js → p-85bbadaf.entry.js} +1 -1
  214. package/dist/webcomponents/{p-cd5bf3c1.entry.js → p-89f1448c.entry.js} +1 -1
  215. package/dist/webcomponents/{p-38352272.entry.js → p-89ff96ef.entry.js} +1 -1
  216. package/dist/webcomponents/p-8dab7768.entry.js +1 -0
  217. package/dist/webcomponents/{p-78f5b1e5.entry.js → p-91f22211.entry.js} +1 -1
  218. package/dist/webcomponents/{p-123ad398.entry.js → p-98508ff0.entry.js} +1 -1
  219. package/dist/webcomponents/{p-7c78bb5e.entry.js → p-9d6ceb95.entry.js} +1 -1
  220. package/dist/webcomponents/{p-c67d86b1.entry.js → p-9fb66685.entry.js} +1 -1
  221. package/dist/webcomponents/p-BeukOaOq.js +1 -0
  222. package/dist/webcomponents/{p-BfYkosa4.js → p-Bo278yZD.js} +1 -1
  223. package/dist/webcomponents/{p-CXxdHjVv.js → p-CeO5d98O.js} +1 -1
  224. package/dist/webcomponents/p-DU8dqq9U.js +1 -0
  225. package/dist/webcomponents/p-DopgIZQg.js +1 -0
  226. package/dist/webcomponents/p-O4_LrrnE.js +1 -0
  227. package/dist/webcomponents/p-abf2073d.entry.js +1 -0
  228. package/dist/webcomponents/{p-0d7650e4.entry.js → p-aee79310.entry.js} +1 -1
  229. package/dist/webcomponents/{p-ac1a4470.entry.js → p-c6edc4c9.entry.js} +1 -1
  230. package/dist/webcomponents/p-d217f6ea.entry.js +1 -0
  231. package/dist/webcomponents/{p-4c3f1bea.entry.js → p-d287dea1.entry.js} +1 -1
  232. package/dist/webcomponents/{p-730eaf8b.entry.js → p-de7f1479.entry.js} +1 -1
  233. package/dist/webcomponents/{p-6c2b5d37.entry.js → p-e050b917.entry.js} +1 -1
  234. package/dist/webcomponents/p-e29bdbc2.entry.js +1 -0
  235. package/dist/webcomponents/{p-a95dfc01.entry.js → p-e34a6e5f.entry.js} +1 -1
  236. package/dist/webcomponents/p-e788ecc9.entry.js +1 -0
  237. package/dist/webcomponents/{p-03474a21.entry.js → p-f02ab3fd.entry.js} +1 -1
  238. package/dist/webcomponents/webcomponents.esm.js +1 -1
  239. package/package.json +14 -13
  240. package/dist/webcomponents/p-0348a46b.entry.js +0 -1
  241. package/dist/webcomponents/p-605e0aa1.entry.js +0 -1
  242. package/dist/webcomponents/p-6612f9fb.entry.js +0 -1
  243. package/dist/webcomponents/p-855eefb0.entry.js +0 -1
  244. package/dist/webcomponents/p-89fdee6e.entry.js +0 -1
  245. package/dist/webcomponents/p-97250c61.entry.js +0 -1
  246. package/dist/webcomponents/p-9a459083.entry.js +0 -1
  247. package/dist/webcomponents/p-9ae2b437.entry.js +0 -1
  248. package/dist/webcomponents/p-BHe87s0Y.js +0 -1
  249. package/dist/webcomponents/p-CbBTgsKC.js +0 -1
  250. package/dist/webcomponents/p-Cpp4qrH2.js +0 -1
  251. package/dist/webcomponents/p-CuLmJjEz.js +0 -1
  252. package/dist/webcomponents/p-ab739e07.entry.js +0 -1
  253. package/dist/webcomponents/p-de09adac.entry.js +0 -1
  254. package/dist/webcomponents/p-ea6bda92.entry.js +0 -1
  255. package/dist/webcomponents/p-ef89c7df.entry.js +0 -1
  256. package/dist/webcomponents/p-f535328c.entry.js +0 -1
@@ -18,21 +18,22 @@ export class AdditionalQuestions {
18
18
  render() {
19
19
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
20
20
  const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
21
- return (h(Host, { key: '8f51222ff2a06a8636c2252a1df25803c464cd5a' }, h("fieldset", { key: 'c705274cb9e5cc651f8cedb5ac23714a75dca09a' }, h("legend", { key: '0e865f2763c872ccd65c7d255e0a49533bf8afbe', part: heading2 }, "Additional Questions"), h("div", { key: 'b5a9d2c8086820d837a6261c0fbbd1c4785e8cbe', class: "row gy-3" }, h("div", { key: 'b0174e926ef2726d9c1ce809d00cf8fef623207c', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '5553ed9ca690b4b7a54dfe864225fb4e10987c96', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'a01e709a65772041979e7b8c057b271e26524174', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '2e56403c3eb357dac7f6791e0c5fa4fca58e6cfb', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '74318a7f6fdcc265d96827e5fb02d797631b3fd5', class: "col-12" }, h("form-control-select", { key: 'd166c9a1951afc9e1876d078ddc026671e8e0dcc', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'e47aefb3a2274244d3e2561da7cfecb203445f1e', class: "col-12" }, h("form-control-select", { key: '33978d0af775cace90de84104f74b2d6c22ae1c0', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '93f996064e4055c9a81c0077a20fd878ad1a6c97', class: "col-12" }, h("form-control-text", { key: '68ac25357311838b8fa9a897fbb324f45f589f5f', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'f2dfe10a8ed19faa36a38a8192268813b03d454f', class: "col-12" }, h("form-control-select", { key: '1d6cf56564944d8dbef4f22c403232c9b7841018', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'fe75a54400d4614fe1d3ed9099ff5a5d3822c007', class: "col-12" }, h("form-control-text", { key: 'aa7609f7687a5c0666bf35119cd4af7ad4e68f89', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
21
+ return (h(Host, { key: 'e3e354a7cf470f658e0f95d37186b1f45771b673' }, h("fieldset", { key: '7fb001177a4f907d513eb5955063d446234ede0c' }, h("legend", { key: 'ee6b045a438be9f56345daad752e105640f1ca3d', part: heading2 }, "Additional Questions"), h("div", { key: 'ed114675357f3b70c34a3eb941fdb30e6219cdc9', class: "row gy-3" }, h("div", { key: 'b85c27c827cf5e5d0d556c343315e5eec736f538', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '4576f67fa74ba7c2ca9730468ddc52b055a3c496', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '0614c60cc7daaf890ccb4888d41b0260a26f9a0e', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '2c435c1553714d75542e0e3bcf1d723f26b37da8', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '8d4a19eb0b6b5707f4a423543d86ae50f6492efc', class: "col-12" }, h("form-control-select", { key: '2e49f907bae85cd4901e4aa4413284596fbed365', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '11bc4e0bbe2122b977cf8bc29ac0601ef941881c', class: "col-12" }, h("form-control-select", { key: 'c511b728971250dc3272c1ef9ff96131a9ac6a2e', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '5a40dfe41a9fca815cdf0eb7455b41615d1e6c76', class: "col-12" }, h("form-control-text", { key: 'd8aaf0f6d7d44b1b15ec76af198a0117493f08c6', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'b211bb865a60baf1ea00c81f76f000ff2a31d7bd', class: "col-12" }, h("form-control-select", { key: '4b693e7425e690a59e2c70646cca2b886b8a8796', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'e85b7fceb9cdc808afaf3559609b7519c9630266', class: "col-12" }, h("form-control-text", { key: 'ae4a6518c7499826f30376f1c902f694244059c7', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
22
22
  }
23
23
  static get is() { return "justifi-additional-questions"; }
24
24
  static get properties() {
25
25
  return {
26
26
  "formController": {
27
- "type": "any",
27
+ "type": "unknown",
28
28
  "mutable": false,
29
29
  "complexType": {
30
30
  "original": "FormController",
31
31
  "resolved": "FormController",
32
32
  "references": {
33
33
  "FormController": {
34
- "location": "global",
35
- "id": "global::FormController"
34
+ "location": "import",
35
+ "path": "../../../../components",
36
+ "id": "src/components.d.ts::FormController"
36
37
  }
37
38
  }
38
39
  },
@@ -43,9 +44,7 @@ export class AdditionalQuestions {
43
44
  "text": ""
44
45
  },
45
46
  "getter": false,
46
- "setter": false,
47
- "reflect": false,
48
- "attribute": "form-controller"
47
+ "setter": false
49
48
  }
50
49
  };
51
50
  }
@@ -30,10 +30,10 @@ export class BusinessCoreInfo {
30
30
  render() {
31
31
  var _a, _b;
32
32
  const coreInfoDefaultValue = this.formController.getInitialValues();
33
- return (h(Host, { key: 'abe85b33019341e670263a3fabefe1c73c203a12' }, h("fieldset", { key: '12eb6d4e78e56c8771d95e03fa7d8c4c9ea6478f' }, h("legend", { key: '514cb38045c7d4a4a6746a3846c84013507d0691', part: heading2 }, "General Info"), h("div", { key: '30a509f2dd8ec2938dcc790d8891a917b76b91a0', class: "row gy-3" }, h("div", { key: 'ced24f46905abd380fd190bd56d56eba7ec65289', class: "col-12" }, h("form-control-text", { key: '26e986bef6cad147cd7e5b557e27ad8e61932e54', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'fabae43dc916ee087b73e366b01bc40fc29a4110', class: "col-12" }, h("form-control-text", { key: 'bf7e45fe95c0156c583c693006f4a65f2d1d6b1b', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '12d52af1fb5dcef7382b8a36f44a048bcff5a752', class: "col-12 col-md-8" }, h("form-control-select", { key: '94ea7c2438e5fbb0b85a9df5915d78791ae026ea', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '90800a655ff4470ea6de9f774dcdccc95862c821', class: "col-12 col-md-4" }, h("form-control-date", { key: '715436c7bf7d34ab2505b1005873ac549f351af1', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'f4502deec218f3493210ecb6b1ad19fc7cf9f28f', class: "col-12 col-md-6" }, h("form-control-text", { key: '91614c8854a4b2e79fea028c1ad43ef751dacfb1', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '9c7a45b88199e7d00673e6d569f45e2dcf3d242d', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
33
+ return (h(Host, { key: '0dba6443b063d02368f93f3a336a8051364b5fca' }, h("fieldset", { key: '42eabe1f20623241291a8bc374c14b0727fae5cd' }, h("legend", { key: 'b74d116fa26b843eee56201c3997ecf916453a23', part: heading2 }, "General Info"), h("div", { key: '8370be848754f5730d1f5bffbfb51875cec01218', class: "row gy-3" }, h("div", { key: 'b891b5ce1820755b44a4d4d14240cd6f6f705114', class: "col-12" }, h("form-control-text", { key: '712f62f8feb4c34eb90048f29158c03cf71b38db', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '52cb8a48648bb036b04fba034dc27a4b286bf7ce', class: "col-12" }, h("form-control-text", { key: '655edd4ae78b47fea221308ce9e582eb731454a7', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '0cd13bcea3e7e1ef90e5d071ea40690f7a8ea022', class: "col-12 col-md-8" }, h("form-control-select", { key: '00a2173bda66d059f9ef7534b3535a4f36dbbbc1', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '4c157888deded84baa24ffdd5c5d74e90590c5f8', class: "col-12 col-md-4" }, h("form-control-date", { key: '7af97d93cf2a9f7ff988621d53e528a8930932ed', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'b5d0493b01ad9a0853bea95b76220c939cd43828', class: "col-12 col-md-6" }, h("form-control-text", { key: '5df583e04316c0afeaef771177dff20f6d266362', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '0bd63d995778469190a97a21190e3da742a468fa', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
34
34
  this.isEditingTaxId = true;
35
35
  this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
36
- } }, "Change"))))), h("div", { key: 'd0eb145c0afde23fd1dcf7837763971b259ff260', class: "col-12" }, h("form-control-text", { key: '7b2d6a1558b6be6adc87ff4109bca6e9238c2ecf', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'eb9637448b9f9a6e4a8b8a08ad9f7f48ff56ec4f', class: "col-12 col-md-6" }, h("form-control-text", { key: '1f2b0ce0c7dd02485635e8f666d59cd7ec792dbc', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '46fa9ad350b8482296ce0a76db841b78efb9b83b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '9d4376e2e1d4372470ba8483f8fe1c0992267e38', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
36
+ } }, "Change"))))), h("div", { key: '3decd3a593098a1c36e4baf1aeb846603b4a6769', class: "col-12" }, h("form-control-text", { key: 'e3cb697846ad086ca6f4998d302574bb4de4c4a6', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '69c357ad3d2b5464d0c333c8fdc82353044b7301', class: "col-12 col-md-6" }, h("form-control-text", { key: '49857dc20c817d8c600dbeae9c8191452ec1898f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1c9279a56b389fcd71ffeaad66df8a067a035334', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '7c329ae3c7dcff34d88bce2a64d9ccaa09384055', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
37
37
  }
38
38
  static get is() { return "justifi-business-core-info"; }
39
39
  static get properties() {
@@ -32,25 +32,26 @@ export class BusinessRepresentative {
32
32
  render() {
33
33
  var _a, _b;
34
34
  const representativeDefaultValue = this.formController.getInitialValues().representative;
35
- return (h(Host, { key: '1ce133c6cf1804607b661953bb9d952e6dfdede7' }, h("fieldset", { key: '759e0e7adc03c8814e09effd245e7c25f9fcf536' }, h("legend", { key: '625eb15226d9318075c57c7e13d6b8a04686f00f', part: heading2 }, "Representative"), h("div", { key: '8b11c10cd073c3ffcb7c52f97c463b91a5609afa', class: "row gy-3" }, h("div", { key: '35b0b9a741ee46dfc049ea5914dfa672e4bd64f3', class: "col-12 col-md-8" }, h("form-control-text", { key: '577cb8c5911c5a8364de282ca04e75b045d6de36', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '3ebaa46f7045f1db417285fe3ef9c19310dbe0c6', class: "col-12 col-md-4" }, h("form-control-text", { key: '69eb59adf3da1d3d48b1d395badd4c76ac0d8383', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'd9ee1e3a4919e5d714f34ff1417677a48101166f', class: "col-12 col-md-6" }, h("form-control-text", { key: 'cc6c0e28dc815985be5309de33957fcd37f53b29', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd40a0a637c921ca6e8fa4aa347369c029c4569cb', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ce15cd57570e34d14bc596c1b5f7e49d3f33ea36', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '1504ac209231141b564412af3719b2ab6d84e553', class: "col-12 col-md-4" }, h("form-control-date", { key: '8fe92ed396ab947f439a04e2b67787725b393dcb', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'd8ee89f3f4124ebb222d99a9337db4be7ab7df61', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
35
+ return (h(Host, { key: '2d8a5324bfea8bd297b5db5f1e5aaf5d9aa51cb4' }, h("fieldset", { key: 'c25884a7aaa0ffb19316002e8ce9e158a1f0b8e9' }, h("legend", { key: 'af36d94625e4b82c8418079b60cade953ac53e8e', part: heading2 }, "Representative"), h("div", { key: 'c3ad5ca5e1c636db05fa3994c443975ecc363e62', class: "row gy-3" }, h("div", { key: '8b27315feb79cf08d69c5a108426705cb6445c71', class: "col-12 col-md-8" }, h("form-control-text", { key: 'f6ffb2619c6537f99bed5a35602d3d7d68f821ad', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'cde914c872fcfbe0395f358b570d9cefbf14872e', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c70330625ed26d8d5e8d00af7df55571ef4ff32a', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '64bba44c0facd07c8648fba1ce31385b33f94513', class: "col-12 col-md-6" }, h("form-control-text", { key: '33c7c4a365f6d7ce43e6b98b9ca3646f2263abd1', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '5b96d76754918f37fc4f226a5c6656529b77b63f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'c7cf814cf84a0c69e547c0b60f643b7fb78490af', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'e5c486242e9fb47c81a28831a9a648bee28e95d5', class: "col-12 col-md-4" }, h("form-control-date", { key: '519cc94edb63b5f465d0ada9fe905e68aca54e1e', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b971e1320a57061d9d1eae7adb28eda19ce855a4', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
36
36
  this.isEditingIdentification = true;
37
37
  // Clear last4 and current value to force validation
38
38
  this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
39
- } }, "Change"))))), h("div", { key: '54548bf9622fcc949ebd91db29cc8b877dd7652d', class: "col-12" }, h("justifi-identity-address-form", { key: '9925b7d70bceb8e3d1dafc9313673a5c8a0810a0', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
39
+ } }, "Change"))))), h("div", { key: '92b0c2109f98ac67a32ad57ca91c4f663d3de307', class: "col-12" }, h("justifi-identity-address-form", { key: '187ac4670413b762f4f78dcde5a33ae2a73f203f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
40
40
  }
41
41
  static get is() { return "justifi-business-representative"; }
42
42
  static get properties() {
43
43
  return {
44
44
  "formController": {
45
- "type": "any",
45
+ "type": "unknown",
46
46
  "mutable": false,
47
47
  "complexType": {
48
48
  "original": "FormController",
49
49
  "resolved": "FormController",
50
50
  "references": {
51
51
  "FormController": {
52
- "location": "global",
53
- "id": "global::FormController"
52
+ "location": "import",
53
+ "path": "../../../../components",
54
+ "id": "src/components.d.ts::FormController"
54
55
  }
55
56
  }
56
57
  },
@@ -61,9 +62,7 @@ export class BusinessRepresentative {
61
62
  "text": ""
62
63
  },
63
64
  "getter": false,
64
- "setter": false,
65
- "reflect": false,
66
- "attribute": "form-controller"
65
+ "setter": false
67
66
  },
68
67
  "country": {
69
68
  "type": "string",
@@ -15,21 +15,22 @@ export class LegalAddressForm {
15
15
  render() {
16
16
  var _a;
17
17
  const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
18
- return (h(Host, { key: '0e6136a175ee0bb8708d1848ad850bd973f60c4b' }, h("fieldset", { key: '2fcfb7b8cc1bf70157dbfaba7bb5df9ddd82454b' }, h("legend", { key: 'ce30f5e679113cceda046f142e01548a1db573a0', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: 'a091d88fb62401c814458d696866de64a26a6bff', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
18
+ return (h(Host, { key: '020c1a41ff7fa0881464463322b54754e7664957' }, h("fieldset", { key: 'cb1ae50abc99f8915cead7ef850de52f62bab304' }, h("legend", { key: '74d2bba4a9557ff2ac5b9b34d0947e9a076ddb84', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '86d9fc1d344ace729cdc75b1a9239b74865f306b', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
19
19
  }
20
20
  static get is() { return "justifi-legal-address-form"; }
21
21
  static get properties() {
22
22
  return {
23
23
  "formController": {
24
- "type": "any",
24
+ "type": "unknown",
25
25
  "mutable": false,
26
26
  "complexType": {
27
27
  "original": "FormController",
28
28
  "resolved": "FormController",
29
29
  "references": {
30
30
  "FormController": {
31
- "location": "global",
32
- "id": "global::FormController"
31
+ "location": "import",
32
+ "path": "../../../../components",
33
+ "id": "src/components.d.ts::FormController"
33
34
  }
34
35
  }
35
36
  },
@@ -40,9 +41,7 @@ export class LegalAddressForm {
40
41
  "text": ""
41
42
  },
42
43
  "getter": false,
43
- "setter": false,
44
- "reflect": false,
45
- "attribute": "form-controller"
44
+ "setter": false
46
45
  },
47
46
  "country": {
48
47
  "type": "string",
@@ -11,7 +11,7 @@ export class IdentityAddressForm {
11
11
  this.handleFormUpdate(newValues);
12
12
  }
13
13
  render() {
14
- return (h(Host, { key: 'c9b75fa8c884fb755cd26be4433022f278794e4e' }, h("justifi-form-address-fields", { key: '2f9cfa3fc695de214d9203c680e6cb115d714b82', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
14
+ return (h(Host, { key: '86c91933676745470d6b28cf6843624d092adc57' }, h("justifi-form-address-fields", { key: '7cbee24003b6b0446fb1203c9863151b0d2f4f15', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
15
15
  }
16
16
  static get is() { return "justifi-identity-address-form"; }
17
17
  static get properties() {
@@ -145,7 +145,7 @@ export class BusinessOwnerFormCore {
145
145
  this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
146
146
  }
147
147
  render() {
148
- return (h("form", { key: '8374d88e5a1d99f58ac2c93680fb000410a67ec8', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '82d2f80aaff654362852e4e8c5c9775d82a5080c' }, h("legend", { key: 'd74d4c8bdfc91086b14e41b27934dddf14695e49', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '8f6fe8d7d6b66ca2b0fd8e4b0797ee681c11f7eb' }), h("div", { key: 'ef546418d4192bc1d1fef02faf47f965127f45ef', class: "row gy-3" }, h("owner-form-inputs", { key: '2f961ee901838a5dd82b20484fe149b393c7c609', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '8ed50b5de9839353b25d54d7b51546c1d2afaeb5', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: 'a9c94571902b2a6fc68459662ee7be35874ebb66', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'dc6072e019ebedc91d99917023b561f7048e7a08', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'd46ee611300752429d1c9b50dfce99e8b6fc10fa' }))));
148
+ return (h("form", { key: 'ee00e580c90a942bde7cf0c483e99ef417dce3d6', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '39904e046ca0f24c296fe99a43fc41f104091ecc' }, h("legend", { key: 'db92e079906c797790f5de7c424cfebab4c9cf63', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '896303e22939d419ac624d9948e6c5765ad75aec' }), h("div", { key: '8705189e44fe2d5ff76057d6e961b7b5b396fcf5', class: "row gy-3" }, h("owner-form-inputs", { key: 'f14872c9ecf75f8d6e7bd1147b58aad8a8124f0d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '9333d749fb940ca5aa9d5b6c227b229c473ed06a', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '00911c37ed00097d5cd55be0c6a5e503f0b087ed', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '84a311d76d65310f994a5c5e473e7e1e1cc5e249', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '1d4ec7836ea466b48cdf04ac2af0769d68f808d1' }))));
149
149
  }
150
150
  static get is() { return "owner-form-core"; }
151
151
  static get properties() {
@@ -15,14 +15,14 @@ export class BusinessOwnerFormInputs {
15
15
  }
16
16
  render() {
17
17
  var _a, _b;
18
- return (h("div", { key: '81c659f924f51a559e3e958b5d608f7c68022093', class: "row gy-3" }, h("div", { key: '9c89bc8e39cb584bf81852784a335599308681ff', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a02d86ccbbcda1219a2e4e2885d0ffb54bcc3942', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '7281855c61b30b689809aa9fd3d4fce3927fcb8f', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c91163386bd23653e3eaca4cf66c9690c28ed6f7', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'c998576d6f8442f255685a31a4bb0463175163f5', class: "col-12 col-md-6" }, h("form-control-text", { key: '345003706db0198c9de5e4234f3fe3efbacc51c7', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '8bccc4ebd45c92924e921f7fffa7f5214406c9e2', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'adaf6251217a5396c36ee7e9c0963cf2c948d9cd', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'd87f294ba9bf27df562f3e9b0ea4e286c1c6a725', class: "col-12 col-md-4" }, h("form-control-date", { key: '0681a51f830eb1b358c525deb46baa06f7bc9977', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '090785d6d86ec3122c3884ec8ba46df43f71d08e', class: "col-12 col-md-8" }, (!((_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
18
+ return (h("div", { key: '2dea97a8711ac74a5973bab13ffa9d0cbe5cdac4', class: "row gy-3" }, h("div", { key: 'c666e5f65e175db737c2192e2e83f80eb0df3633', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a598efd8f1e898335dae5527cb1b39fc348112e4', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'caadd033a1c510ce222b8b45408677dfd69463bf', class: "col-12 col-md-4" }, h("form-control-text", { key: '8b65c536b51f0d3ab50fef8a5a33b5031eb57af4', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'b2011382dd1d5ebb060fb9c09a402aacdb3c1778', class: "col-12 col-md-6" }, h("form-control-text", { key: '3d540ddff95a999de1329bceaf9bc059d6128963', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0bcad2552b4adb76549649b249e33f329bfdf85b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '8c26d1e8b350fce2c03836fdef244f4b28117d76', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'c6fcb2e3972cc6b32c2ea1ef125ad49c4fe084b7', class: "col-12 col-md-4" }, h("form-control-date", { key: '549fb157eaa9a91f446522e48cb90b0b750c0a91', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '728304b41b7083df8cc8cec50f3d22681497b484', class: "col-12 col-md-8" }, (!((_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
19
19
  this.isEditingIdentification = true;
20
20
  // Clear last4 and current value to force validation
21
21
  updateFormValues(this.formController, {
22
22
  ssn_last4: null,
23
23
  identification_number: ''
24
24
  });
25
- } }, "Change"))))), h("div", { key: '3d5eabefcd198d1a27bfe158c92e3c18a0a14e69', class: "col-12" }, h("justifi-identity-address-form", { key: '10158bd6a40fa0ca00d7e9feb04d7c22e51d5829', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
25
+ } }, "Change"))))), h("div", { key: '9496ee53f65c46f66437817fd7ec80a48ce7d000', class: "col-12" }, h("justifi-identity-address-form", { key: '55463847557a8d8285a5be69ba0b5ab77f3749af', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
26
26
  }
27
27
  ;
28
28
  static get is() { return "owner-form-inputs"; }
@@ -67,15 +67,16 @@ export class BusinessOwnerFormInputs {
67
67
  "attribute": "errors"
68
68
  },
69
69
  "formController": {
70
- "type": "any",
70
+ "type": "unknown",
71
71
  "mutable": false,
72
72
  "complexType": {
73
73
  "original": "FormController",
74
74
  "resolved": "FormController",
75
75
  "references": {
76
76
  "FormController": {
77
- "location": "global",
78
- "id": "global::FormController"
77
+ "location": "import",
78
+ "path": "../../../components",
79
+ "id": "src/components.d.ts::FormController"
79
80
  }
80
81
  }
81
82
  },
@@ -86,9 +87,7 @@ export class BusinessOwnerFormInputs {
86
87
  "text": ""
87
88
  },
88
89
  "getter": false,
89
- "setter": false,
90
- "reflect": false,
91
- "attribute": "form-controller"
90
+ "setter": false
92
91
  },
93
92
  "country": {
94
93
  "type": "string",
@@ -34,7 +34,7 @@ export class BusinessOwnerForm {
34
34
  });
35
35
  }
36
36
  render() {
37
- return (h("owner-form-core", { key: '84af0e74910def3f34aa4a6ce9d1f501faf6f5c5', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
37
+ return (h("owner-form-core", { key: 'd3765b80461f8222189643b378ae5d63886163c3', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
38
38
  }
39
39
  static get is() { return "justifi-owner-form"; }
40
40
  static get properties() {
@@ -34,7 +34,7 @@ export class AdditionalQuestionsFormStep {
34
34
  }
35
35
  }
36
36
  render() {
37
- return (h("justifi-additional-questions-form-step-core", { key: 'a2e24c04b312a226b607147bcf68d6ea50a2be05', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
37
+ return (h("justifi-additional-questions-form-step-core", { key: 'a688dd7646fae4e99f46fabca10c0a86921bb560', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
38
38
  }
39
39
  static get is() { return "justifi-additional-questions-form-step"; }
40
40
  static get properties() {
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
2
2
  import { EntityDocumentType } from "../../../../api";
3
3
  export class BankAccountDocumentFormInputs {
4
4
  render() {
5
- return (h("div", { key: '4daf6eadf7e1213c3534bd845c917af0b1ec1fec', class: "row gy-3" }, h("div", { key: '9d7235d40a0884960948eaac7dc990e947bf5165', class: "col-12" }, h("form-control-file", { key: 'e0e3704079e20c86dacec668d27ca23ef981aa2f', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '5c4c20191c6c54170896a9c0f893a7fe06ff6a70', class: "col-12" }, h("form-control-file", { key: '6d4ac9d3a47952644bab5afe4b23332a56c04035', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
5
+ return (h("div", { key: '92e97e95c2875dcfad6c2e4ad5e42a4ae250c7e7', class: "row gy-3" }, h("div", { key: 'e24529f3c9a3e4db9e676c7c1e2e32b9f123e9e5', class: "col-12" }, h("form-control-file", { key: '09d5b83dfe3ab52c56fa589deb5bd744d2a883f1', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '887a7e0f3751e57dd08ddc1a8ce3c45380efbf9f', class: "col-12" }, h("form-control-file", { key: 'e427c222b43de52cf51d19ffbab7137a5d603d8a', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
6
6
  }
7
7
  static get is() { return "bank-account-document-form-inputs"; }
8
8
  static get properties() {
@@ -4,7 +4,7 @@ import { numberOnlyHandler } from "../../../../ui-components/form/utils";
4
4
  export class BankAccountFormInputsCanada {
5
5
  render() {
6
6
  var _a, _b, _c, _d, _e, _f, _g;
7
- return (h("div", { key: '80b2030f1c1840df293a5ec600fe16836b502647', class: "row gy-3" }, h("div", { key: '5a28a5b515856da7808fc49cf0f775f8c4c71daa', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '62761912ccf0ee5ba1e5c13cbb08cde9687d05bd', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '04472a07096890a51d2e2db463f7040a389fd4e1', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'c2caa8ddb2b1038efb49e3361eab760108a34308', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '2446720991bd2512f6bb8a779e47e526100dacb3', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: '98cda3809e604cc3e863f2d01698e217694b2550', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: 'de285afb20fe922e3a8dd66727222e2f49567aae', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
7
+ return (h("div", { key: '4badae2dd74e7b618730114e3ca6086f970a4b16', class: "row gy-3" }, h("div", { key: '39c645b2a10d384ec357e4a5c117bad22d8cd1a5', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'c1605cd3d83ea214580da9ea59dbe59401420863', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '6aaced2f6c0c8b46e6a3593d8ad13c7527451a23', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'd381212bea7f03818ce8ea6a33f5183081363fa8', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '6f8fa0aa9f01c34440277ae56375e99f4e00259f', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: '5b5d8fbd0144c30bb830415da675bb466e735b0d', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: 'd1de061b7d721dbfb9539212415ceff9655aeed3', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
8
8
  }
9
9
  static get is() { return "bank-account-form-inputs-canada"; }
10
10
  static get properties() {
@@ -4,7 +4,7 @@ import { numberOnlyHandler } from "../../../../ui-components/form/utils";
4
4
  export class BankAccountFormInputs {
5
5
  render() {
6
6
  var _a, _b, _c, _d, _e, _f;
7
- return (h("div", { key: '951373cbaf604ec2f34364fd93ac9ccf666a4e58', class: "row gy-3" }, h("div", { key: 'a2fbc555aeb3b9bed12f032385ea9889482e6caf', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'c05c9e185293799ee94cbd8bec3976d115469b00', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'b3cc026a1c2079ddcd744d7557742ac98073f03c', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'f3649a91a8af13374eb55f06ecc81e6e06bd4b01', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '34eb7df603e1d7d9bb616c51057dd5da9a2e3e3f', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: '64897a96be65ddd311267e5ea1571993ab61787d', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
7
+ return (h("div", { key: '6414bcb6ef5fd6948154f69b56fd7f20881f091c', class: "row gy-3" }, h("div", { key: 'f025f35d2b84fc5672d2a6335dd5bf21d925c960', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '3cf2e75befc249d6b7e996d46206e470cf47ddbf', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '16ec731916e67fc42060372fb6222893cb159483', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '38460bb83c32289d3494f6ef386b45943f2f78e9', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: 'cfbb7ffa2a56ee1c7d1bb7e0b01d872c37d5d5df', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: '8d844071f3e37c92938e65209ff89170c8e09dc7', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
8
8
  }
9
9
  static get is() { return "bank-account-form-inputs"; }
10
10
  static get properties() {
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
2
2
  import { text } from "../../../../styles/parts";
3
3
  export class BankAccountReadOnlyValue {
4
4
  render() {
5
- return (h("div", { key: '0d44d4aa265a5fd36ca30f1db072eb834f8bdf1b' }, h("label", { key: '892e6dbdbff5d484df4dfb522f3db8968f46d7d4', class: "form-label", part: text }, this.label), h("div", { key: 'cd617e2302834ad67ebccd64e24d535b2cc19da8', part: text }, this.value || '')));
5
+ return (h("div", { key: '99b3b6a22eecad258b65287c4f9c8a1485a95d4d' }, h("label", { key: 'fcd00510470fa322ee4c2a4a7179de3064569c0e', class: "form-label", part: text }, this.label), h("div", { key: '30e4d925bb41664887d41871d87f3bcf2709dcff', part: text }, this.value || '')));
6
6
  }
7
7
  static get is() { return "bank-account-read-only-value"; }
8
8
  static get properties() {
@@ -37,7 +37,7 @@ export class BusinessBankAccountFormStep {
37
37
  }
38
38
  }
39
39
  render() {
40
- return (h("justifi-business-bank-account-form-step-core", { key: 'f4e4c31d04884510d5b432b7cced5eea2b618bcd', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
40
+ return (h("justifi-business-bank-account-form-step-core", { key: 'a265d71bf69715689e4ff56f9850119fe6524e8f', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
41
41
  }
42
42
  static get is() { return "justifi-business-bank-account-form-step"; }
43
43
  static get properties() {
@@ -34,7 +34,7 @@ export class BusinessCoreInfoFormStep {
34
34
  }
35
35
  }
36
36
  render() {
37
- return (h("justifi-business-core-info-form-step-core", { key: '1aeaeae1d432883c1e242c066881cabc37097032', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
37
+ return (h("justifi-business-core-info-form-step-core", { key: 'f76d7744562afbe13f503876fcc4e2ef7597fee9', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
38
38
  }
39
39
  static get is() { return "justifi-business-core-info-form-step"; }
40
40
  static get properties() {
@@ -34,7 +34,7 @@ export class BusinessOwnersFormStep {
34
34
  }
35
35
  }
36
36
  render() {
37
- return (h(Host, { key: '510b3ece6194fa6c34c04ba4d87718490631b69d' }, h("justifi-business-owners-form-step-core", { key: '01b034456e183d39b6adc4b9f9d36e289483eb9b', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: (el) => this.coreComponent = el })));
37
+ return (h(Host, { key: '2299a420a6ee8165c1b13ba7ad88664ff9e031de' }, h("justifi-business-owners-form-step-core", { key: 'd167e856e2983728beeb95f6647bd7045652fbe8', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: (el) => this.coreComponent = el })));
38
38
  }
39
39
  static get is() { return "justifi-business-owners-form-step"; }
40
40
  static get properties() {
@@ -15,14 +15,14 @@ export class RepresentativeFormInputs {
15
15
  }
16
16
  render() {
17
17
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
18
- return (h("form", { key: '7f2a20427197ce4f402c1b4b859839d506613769' }, h("fieldset", { key: 'fe71959a012c1961b6f91d98862ca4ea9411bf6d' }, h("div", { key: '801fb53d33eeff75f82552da84210abfb1daa55d', class: "d-flex align-items-center gap-2" }, h("legend", { key: '63486b252a7c4f71e944712a833a2edc762c1692', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '9a22a232bb856c05ca8c75a0255ea8a2b33b8a80', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'b29a6dcd41991b2874cb64fc3cd058f3bcf10a48', class: "mt-2" }), h("div", { key: '52e2b29c6f915f50e1f33c19363657e657355b85', class: "row gy-3" }, h("div", { key: '9531872c804ef3713c0778c6bff1d3ca589bb3d5', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd1eedf80da0790767a6c294f084c4b9d4112b9cf', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'b5effb996c7b97cd5a8815781474ea32e5bc37b6', class: "col-12 col-md-4" }, h("form-control-text", { key: '554a6fe90a0c68a32ae7e6b0401e43a8a2d6c7fe', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '6025d1b2b67120a9e9e25d0a6e3e352651759c62', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ed758eafa726ee6801c16535fbba7d05886c21d5', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '933650753a5fdc6f75db658baf536ce4033e0e6c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '81ba9debb6c8fd8225c67a0c0a6b8612e87fc3f0', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '913c766d6eb5fe5f132eafecba91145a6c418dae', class: "col-12 col-md-4" }, h("form-control-date", { key: 'c50e5ad2022906d753b783e7892be8322d80661c', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '74492ad88a4962c2abfd04319880edb757d78796', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
18
+ return (h("form", { key: '1a83fb932d4faad4def91d0f23860a761d819b4b' }, h("fieldset", { key: '986e6cedd20f712a10d2de0e51cae2258107106e' }, h("div", { key: '3367b1c686a63a1e17cc4bccf23f65031369d11b', class: "d-flex align-items-center gap-2" }, h("legend", { key: '2d63acb9c5aabe4e63495f0760cb016991fd15c6', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '193602ac61e012271ef25d18ec80a8b718856472', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: '25527499226c33721bc0fdb418b495367b269b65', class: "mt-2" }), h("div", { key: 'f160423cfeaad499329d536a158f6365153bf7f0', class: "row gy-3" }, h("div", { key: '39a70eca42b7e7a23cf8247fb5911125465da6dd', class: "col-12 col-md-8" }, h("form-control-text", { key: '2124c8121470e5ceefca7a024752af788a2e17a6', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '6c8ac5169e22796f52b9959552600d1a8074f089', class: "col-12 col-md-4" }, h("form-control-text", { key: '1b19885ec772c8288fe8c25ed2f2d60a0aaabd54', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '450957573c4d8721cdaf9caa0bbc8fde9ce576d7', class: "col-12 col-md-6" }, h("form-control-text", { key: '9e470fdfbc757e0ccf25cccd498e7db638d1f735', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1776f5a919e9d015938ce4adbd1dcc721e54171f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'dfccc56e5c4e522900db3c66335b91355a8ea9e7', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'a21afbd6fe25a1fd21d402ac55bc5c46c34ce7ca', class: "col-12 col-md-4" }, h("form-control-date", { key: '3f449ef87db9487b2e314993ad12946f4317aef2', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'ac114c5bac016be5b7440993b48b8b16bb93a06a', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
19
19
  this.isEditingIdentification = true;
20
20
  // Clear current value to force validation
21
21
  updateFormValues(this.formController, {
22
22
  identification_number: '',
23
23
  ssn_last4: null
24
24
  });
25
- } }, "Change"))))), h("div", { key: 'dd27d90284c7eac1ec619622bf3e25b28360fe4c', class: "col-12" }, h("justifi-identity-address-form", { key: 'fa011614b624b6ad395f304552ff334d64d2c048', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
25
+ } }, "Change"))))), h("div", { key: '955bb98fdafe93be1ad56e1ed76b19abb5160ec5', class: "col-12" }, h("justifi-identity-address-form", { key: 'c32b6ffd80e9261567b3adcc4ac35ae8bf2e4d2f', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
26
26
  }
27
27
  static get is() { return "justifi-business-representative-form-inputs"; }
28
28
  static get properties() {
@@ -34,7 +34,7 @@ export class BusinessRepresentativeFormStep {
34
34
  }
35
35
  }
36
36
  render() {
37
- return (h("justifi-business-representative-form-step-core", { key: '93ebeaecfc5eecc8a4c74cbc30760d35d8120183', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
37
+ return (h("justifi-business-representative-form-step-core", { key: '8846ca3e4eb1cbe90155fd097e672a81061da0d3', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
38
38
  }
39
39
  static get is() { return "justifi-business-representative-form-step"; }
40
40
  static get properties() {
@@ -10,7 +10,7 @@ export class FormAddressFields {
10
10
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
11
11
  const labels = countryLabels[this.country];
12
12
  const options = countryOptions[this.country];
13
- return (h(Host, { key: '429dd1250553f6d25f9db6d6c1379af0290718c6' }, h("div", { key: '91b9d7199bea1620c7614efd25c0421d3f85c19d', class: "row gy-3" }, h("div", { key: '13dd91b17d387ef9c8bc97b44a273f0984758a3a', class: "col-12" }, h("form-control-text", { key: '52ecc715696aed27a6f4329971e90e90ebb971fa', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: '64bc39361d02b10c75dfc8389915ce192b9f7606', class: "col-12" }, h("form-control-text", { key: 'a835f2f9706664dd195daa5436fe49aea2c54968', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'ef9b02103d0d1469da092d8965d021b049e54cb5', class: "col-12" }, h("form-control-text", { key: '9263360f47c6e833a904aab2e8b30d4a35d50e75', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '4609534e39659ed47350e68a64fee58616320da4', class: "col-12" }, h("form-control-select", { key: 'a7f94fa5ea2642cae82729951198771fd1f31380', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'eadf0a6e2e2cfbe8e476ba8abb25eab4b2b005fb', class: "col-12" }, h("form-control-text", { key: '2708d2a47c8afccc470203775d494683f133174b', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
13
+ return (h(Host, { key: '2943b7ea4042efedfffd589359f719057c976943' }, h("div", { key: 'e60164507ebf9a668d096eb39a78a968d00ab83d', class: "row gy-3" }, h("div", { key: '358efebc35eb48f25f3b804c02483acaff94143a', class: "col-12" }, h("form-control-text", { key: 'a17cef7d46163763c1b84db11e255f5e93b7cb6d', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: '069ea65dc0f8869be84b8faa91bc49b0a6cbb76a', class: "col-12" }, h("form-control-text", { key: '5c7086dbccec99a6e25f8e940e4d234aeac7f373', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '6e935727697564f3f58a3a2568d9f042eb566e6f', class: "col-12" }, h("form-control-text", { key: '65a6af1e9b7fec9c3180183f248dee7b7273a022', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '6ac0db8fbecd98ffb2a02a6617280fbaf4f51bfc', class: "col-12" }, h("form-control-select", { key: '1f9f893c24d0a5cc9151268e692891767361da6e', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '8fd58d225a2fea2019f5bad56cd4c3e5c14ab32a', class: "col-12" }, h("form-control-text", { key: '52bee859b031431cd56456ed2a1f7280c4acc6c6', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
14
14
  }
15
15
  static get is() { return "justifi-form-address-fields"; }
16
16
  static get properties() {
@@ -56,10 +56,10 @@ export class MonetaryInputProvisioning {
56
56
  return part;
57
57
  }
58
58
  render() {
59
- return (h(Host, { key: '12d04cf0bc1dbc85acd1006148c411e00941ab70' }, h("div", { key: '08d92fd3c4c764295cf291fc983f63ab58e4312e', class: "form-group d-flex flex-column" }, h("label", { key: '1c7bddbfc094535558b24d3988dafe91f0cbde0a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'a1dfb4ab2de228f7ad138c12eb37403e9578c001', class: "input-group" }, h("span", { key: '94e9009f2a6c782798dccaf6dfae472391f43078', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'ebbc696bc1b695d20a758039465ae37a66be974a', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
59
+ return (h(Host, { key: '5dc9ad5ec4f9af9bb4afec0d5265a35c52167721' }, h("div", { key: '03efd5093d0176772bbcb070b8e580c1c027ed0e', class: "form-group d-flex flex-column" }, h("label", { key: '153721fcb4f29fca302512ecc29b8bc30e5f6aa3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '16250c5429d1047febcdd056b55a38a09441fcbd', class: "input-group" }, h("span", { key: '12d29ec8820f21bfa2ba7ae25217cb9bf3944cb8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '9eb4547dba64f8979b30e8d212b7e0576c3b4491', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
60
60
  this.isFocused = false;
61
61
  this.formControlBlur.emit();
62
- }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '58f0977b34ab42051b1d4af9e5754d57d60e2fb5', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b3cdaa58f30edb185e2c89bca5d02a86c52cc8d0', errorText: this.errorText, name: this.name }))));
62
+ }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'c6601c7cc606c915bf3c01535bd907d4990ea0ca', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '89634f2156d5aae538e700f16554451120ec8a6d', errorText: this.errorText, name: this.name }))));
63
63
  }
64
64
  static get is() { return "form-control-monetary-provisioning"; }
65
65
  static get properties() {
@@ -34,7 +34,7 @@ export class LegalAddressFormStep {
34
34
  }
35
35
  }
36
36
  render() {
37
- return (h("justifi-legal-address-form-step-core", { key: '1e4419d2e8c75721883171124185590efe459fc9', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
37
+ return (h("justifi-legal-address-form-step-core", { key: 'a8b4b59a646739f00e3a7867519a7f996ecb3c83', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
38
38
  }
39
39
  static get is() { return "justifi-legal-address-form-step"; }
40
40
  static get properties() {
@@ -105,7 +105,7 @@ export class PaymentProvisioningCore {
105
105
  this.loading = event.detail;
106
106
  }
107
107
  render() {
108
- return (h(StyledHost, { key: 'f7206f7fa5c0b2052b524737e86b622f92dcd07e' }, h("div", { key: '65cd3a37191f1bdef3380b1c5ceebc260b846b6a', class: 'row gap-3' }, h(Header1, { key: '05fd7dff0691a80ad7c1dc9152a5fd4d851a292d', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: '57f9b35aa0a1fa2205a43cb90c274fa211f7c359', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { key: '94fd88a0aa9114677a2a1325e14bd059a08b6d72', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'bb0ba1762a15c92dbb71f98722b01b1b0324ebcf', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'a3cab2c2c655a1bc6d1771c7b759e2b0adc971b0', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
108
+ return (h(StyledHost, { key: '058aaacf6c0fe49ef24e50b575247efb470c4254' }, h("div", { key: 'd4d329af8f8e4ccd8e7ddb2d7050797fe9ec5824', class: 'row gap-3' }, h(Header1, { key: 'd2358393171311c9dd6b03ca3509e2775d784e4c', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'd7a8767e276c28c2ca0413ac0d1195cb98b9fe0b', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { key: '37dc95f2e8785c0e2ac969294b86318d81237b0b', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: '54e6fe77e63faf3b2ae725c349748cf9c34322b0', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'aa3e1c621248f1daa48ae7e66dd76c03e0a9eb3c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
109
109
  }
110
110
  static get is() { return "justifi-payment-provisioning-core"; }
111
111
  static get properties() {
@@ -12,7 +12,7 @@ export class PaymentProvisioningFormButtons {
12
12
  return this.currentStep === this.totalSteps;
13
13
  }
14
14
  render() {
15
- return (h("div", { key: 'ad959d93323ee66a154d5addbabd0cd0351f5d5f', class: 'd-flex gap-2' }, h(Button, { key: '6f77f6c7ee080a1a2525ec92107881adfef3afcb', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '6edac397291014bde05eed8f64ca6a543f951a44', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'ba2f0c103c2b54e9047aee927ed8afb8e5361f66', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
15
+ return (h("div", { key: 'e13d3613af061d0067d1dbd84b6c3aebfc782aad', class: 'd-flex gap-2' }, h(Button, { key: '7b422ce77e13872f3dbd622574bce0e3e6e9c2ed', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'ea1242fdccb0b0af2438f4aaab91e3e17a607ef7', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '0c323f533ea84608dcdabb885f69d71a81ec684b', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
16
16
  }
17
17
  static get is() { return "justifi-payment-provisioning-form-buttons"; }
18
18
  static get properties() {
@@ -18,7 +18,7 @@ export class PaymentProvisioningFormSteps {
18
18
  return this.componentStepMapping[this.currentStep]();
19
19
  }
20
20
  render() {
21
- return (h("div", { key: '2e1d2983f259fd9fe4e1dda9c1f442b248f4c5ba', class: 'col-12 mb-4' }, this.currentStepComponent));
21
+ return (h("div", { key: 'dcf3f283bae7de00311f35e41b8d803196f50d49', class: 'col-12 mb-4' }, this.currentStepComponent));
22
22
  }
23
23
  static get is() { return "justifi-payment-provisioning-form-steps"; }
24
24
  static get properties() {
@@ -46,7 +46,7 @@ export class PaymentProvisioning {
46
46
  }
47
47
  }
48
48
  render() {
49
- return (h("justifi-payment-provisioning-core", { key: '41e96a931c082212f43bdd84dd5c948fac1eddfc', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
49
+ return (h("justifi-payment-provisioning-core", { key: '80baf93d680fd610755fdfb6be030178140568da', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
50
50
  }
51
51
  static get is() { return "justifi-payment-provisioning"; }
52
52
  static get encapsulation() { return "shadow"; }