@justifi/webcomponents 4.16.0 → 4.17.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 (293) hide show
  1. package/dist/cjs/{Analytics-423b2bb5.js → Analytics-80336968.js} +1 -1
  2. package/dist/cjs/{SubAccount-4f4fac22.js → SubAccount-135ff8c8.js} +1 -1
  3. package/dist/cjs/additional-questions-details_5.cjs.entry.js +1 -1
  4. package/dist/cjs/{business-additional-questions-schema-606d1292.js → business-additional-questions-schema-cf545610.js} +2 -2
  5. package/dist/cjs/form-alert_5.cjs.entry.js +2 -2
  6. package/dist/cjs/form-control-checkbox_5.cjs.entry.js +7 -10
  7. package/dist/cjs/form-control-date_3.cjs.entry.js +3 -3
  8. package/dist/cjs/form-control-error-text_4.cjs.entry.js +2 -2
  9. package/dist/cjs/form-control-file.cjs.entry.js +1 -1
  10. package/dist/cjs/form-control-monetary.cjs.entry.js +1 -1
  11. package/dist/cjs/form-control-number.cjs.entry.js +1 -1
  12. package/dist/cjs/gross-payment-chart-core.cjs.entry.js +2 -2
  13. package/dist/cjs/justifi-additional-questions-form-step_10.cjs.entry.js +8 -11
  14. package/dist/cjs/justifi-bank-account-form.cjs.entry.js +2 -2
  15. package/dist/cjs/justifi-billing-form_2.cjs.entry.js +13 -1678
  16. package/dist/cjs/justifi-business-details.cjs.entry.js +2 -2
  17. package/dist/cjs/justifi-business-form.cjs.entry.js +5 -5
  18. package/dist/cjs/justifi-business-list.cjs.entry.js +1 -1
  19. package/dist/cjs/justifi-card-form.cjs.entry.js +2 -2
  20. package/dist/cjs/justifi-checkout-core.cjs.entry.js +13 -5
  21. package/dist/cjs/justifi-checkout.cjs.entry.js +11 -3
  22. package/dist/cjs/justifi-details.cjs.entry.js +1 -1
  23. package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +2 -2
  24. package/dist/cjs/justifi-new-payment-method_4.cjs.entry.js +68 -26
  25. package/dist/cjs/justifi-payment-balance-transactions.cjs.entry.js +2 -2
  26. package/dist/cjs/justifi-payment-details.cjs.entry.js +2 -2
  27. package/dist/cjs/justifi-payment-form.cjs.entry.js +6 -6
  28. package/dist/cjs/justifi-payment-method-form.cjs.entry.js +1688 -0
  29. package/dist/cjs/justifi-payment-method-selector.cjs.entry.js +1 -1
  30. package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +2 -2
  31. package/dist/cjs/justifi-payments-list.cjs.entry.js +2 -2
  32. package/dist/cjs/justifi-payout-details.cjs.entry.js +2 -2
  33. package/dist/cjs/justifi-payouts-list.cjs.entry.js +2 -2
  34. package/dist/cjs/justifi-proceeds-list.cjs.entry.js +2 -2
  35. package/dist/cjs/justifi-refund-form.cjs.entry.js +1 -1
  36. package/dist/cjs/justifi-season-interruption-insurance-core.cjs.entry.js +3 -3
  37. package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +1 -1
  38. package/dist/cjs/justifi-skeleton.cjs.entry.js +1 -1
  39. package/dist/cjs/justifi-subaccount-details.cjs.entry.js +3 -3
  40. package/dist/cjs/justifi-subaccounts-list.cjs.entry.js +3 -3
  41. package/dist/cjs/loader.cjs.js +1 -1
  42. package/dist/cjs/{package-b40227dd.js → package-7b63c02b.js} +1 -1
  43. package/dist/cjs/{payload-parsers-6e4cf5d7.js → payload-parsers-78445405.js} +1 -1
  44. package/dist/cjs/payment-details-core.cjs.entry.js +8 -8
  45. package/dist/cjs/payments-list-core.cjs.entry.js +2 -2
  46. package/dist/cjs/payout-details-core.cjs.entry.js +2 -2
  47. package/dist/cjs/payouts-list-core.cjs.entry.js +2 -2
  48. package/dist/cjs/{schema-validations-9668fd79.js → schema-validations-2733de42.js} +3 -4
  49. package/dist/cjs/subaccount-account-details_4.cjs.entry.js +5 -5
  50. package/dist/cjs/subaccount-bank-details.cjs.entry.js +1 -1
  51. package/dist/cjs/subaccount-terms-details.cjs.entry.js +1 -1
  52. package/dist/cjs/{utils-fd644316.js → utils-742da2e3.js} +12 -3
  53. package/dist/cjs/{utils-17869710.js → utils-80191fbe.js} +6 -0
  54. package/dist/cjs/webcomponents.cjs.js +1 -1
  55. package/dist/collection/api/Checkout.js +0 -1
  56. package/dist/collection/collection-manifest.json +1 -0
  57. package/dist/collection/components/billing-form/billing-form.js +2 -2
  58. package/dist/collection/components/business-forms/business-form/additional-questions/additional-questions.js +1 -1
  59. package/dist/collection/components/business-forms/owner-form/owner-form.js +2 -5
  60. package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step.js +1 -1
  61. package/dist/collection/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step.js +3 -2
  62. package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.js +1 -4
  63. package/dist/collection/components/business-forms/schemas/business-core-info-schema.js +1 -1
  64. package/dist/collection/components/business-forms/schemas/schema-helpers.js +0 -1
  65. package/dist/collection/components/business-forms/schemas/schema-validations.js +4 -4
  66. package/dist/collection/components/checkout/checkout-core.js +64 -5
  67. package/dist/collection/components/checkout/checkout.js +59 -1
  68. package/dist/collection/components/checkout/new-payment-method.js +94 -14
  69. package/dist/collection/components/checkout/payment-method-option-utils.js +2 -0
  70. package/dist/collection/components/checkout/payment-method-options.css +8 -0
  71. package/dist/collection/components/checkout/payment-method-options.js +98 -14
  72. package/dist/collection/components/checkout/save-new-payment-method.js +38 -0
  73. package/dist/collection/components/checkout/saved-payment-method.js +11 -4
  74. package/dist/collection/components/checkout/sezzle-payment-method.js +11 -4
  75. package/dist/collection/components/details/details.js +1 -1
  76. package/dist/collection/components/form/form-control-checkbox.js +1 -1
  77. package/dist/collection/components/form/form-control-date.js +1 -1
  78. package/dist/collection/components/form/form-control-file.js +1 -1
  79. package/dist/collection/components/form/form-control-monetary.js +1 -1
  80. package/dist/collection/components/form/form-control-number-masked.js +1 -1
  81. package/dist/collection/components/form/form-control-number.js +1 -1
  82. package/dist/collection/components/form/form-control-select.js +1 -1
  83. package/dist/collection/components/form/form-control-text.js +1 -1
  84. package/dist/collection/components/form/utils.js +12 -3
  85. package/dist/collection/components/gross-payment-chart/gross-payment-chart-core.js +1 -1
  86. package/dist/collection/components/insurance/season-interruption/season-interruption-insurance-core.js +2 -2
  87. package/dist/collection/components/insurance/season-interruption/season-interruption-insurance.js +1 -1
  88. package/dist/collection/components/payment-balance-transactions/payment-balance-transactions.js +1 -1
  89. package/dist/collection/components/payment-details/payment-details-core.js +7 -7
  90. package/dist/collection/components/payment-form/payment-form.js +3 -3
  91. package/dist/collection/components/payment-form/payment-method-selector.js +1 -1
  92. package/dist/collection/components/payments-list/payments-list-core.js +1 -1
  93. package/dist/collection/components/payout-details/payout-details-core.js +1 -1
  94. package/dist/collection/components/payouts-list/payouts-list-core.js +1 -1
  95. package/dist/collection/components/proceeds-list/proceeds-list.js +1 -1
  96. package/dist/collection/components/refund-form/refund-form.js +1 -1
  97. package/dist/collection/components/skeleton/skeleton.js +1 -1
  98. package/dist/collection/components/subaccount-details/subaccount-account-details/subaccount-account-details.js +1 -1
  99. package/dist/collection/components/subaccount-details/subaccount-bank-details/subaccount-bank-details.js +1 -1
  100. package/dist/collection/components/subaccount-details/subaccount-details.js +1 -1
  101. package/dist/collection/components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.js +1 -1
  102. package/dist/collection/components/subaccount-details/subaccount-owners-details/subaccount-owners-details.js +1 -1
  103. package/dist/collection/components/subaccount-details/subaccount-representative-details/subaccount-representative-details.js +1 -1
  104. package/dist/collection/components/subaccount-details/subaccount-terms-details/subaccount-terms-details.js +1 -1
  105. package/dist/collection/components/subaccounts-list/subaccounts-list.js +1 -1
  106. package/dist/collection/utils/utils.js +5 -0
  107. package/dist/docs.json +415 -41
  108. package/dist/esm/{Analytics-17c33e9e.js → Analytics-c52faca6.js} +1 -1
  109. package/dist/esm/{SubAccount-8bf9cb0c.js → SubAccount-7fcb1450.js} +1 -1
  110. package/dist/esm/additional-questions-details_5.entry.js +1 -1
  111. package/dist/esm/{business-additional-questions-schema-b00a73ba.js → business-additional-questions-schema-956e3caf.js} +2 -2
  112. package/dist/esm/form-alert_5.entry.js +2 -2
  113. package/dist/esm/form-control-checkbox_5.entry.js +7 -10
  114. package/dist/esm/form-control-date_3.entry.js +3 -3
  115. package/dist/esm/form-control-error-text_4.entry.js +2 -2
  116. package/dist/esm/form-control-file.entry.js +1 -1
  117. package/dist/esm/form-control-monetary.entry.js +1 -1
  118. package/dist/esm/form-control-number.entry.js +1 -1
  119. package/dist/esm/gross-payment-chart-core.entry.js +2 -2
  120. package/dist/esm/justifi-additional-questions-form-step_10.entry.js +9 -12
  121. package/dist/esm/justifi-bank-account-form.entry.js +2 -2
  122. package/dist/esm/justifi-billing-form_2.entry.js +13 -1678
  123. package/dist/esm/justifi-business-details.entry.js +2 -2
  124. package/dist/esm/justifi-business-form.entry.js +5 -5
  125. package/dist/esm/justifi-business-list.entry.js +1 -1
  126. package/dist/esm/justifi-card-form.entry.js +2 -2
  127. package/dist/esm/justifi-checkout-core.entry.js +13 -5
  128. package/dist/esm/justifi-checkout.entry.js +11 -3
  129. package/dist/esm/justifi-details.entry.js +1 -1
  130. package/dist/esm/justifi-gross-payment-chart.entry.js +2 -2
  131. package/dist/esm/justifi-new-payment-method_4.entry.js +68 -26
  132. package/dist/esm/justifi-payment-balance-transactions.entry.js +2 -2
  133. package/dist/esm/justifi-payment-details.entry.js +2 -2
  134. package/dist/esm/justifi-payment-form.entry.js +6 -6
  135. package/dist/esm/justifi-payment-method-form.entry.js +1684 -0
  136. package/dist/esm/justifi-payment-method-selector.entry.js +1 -1
  137. package/dist/esm/justifi-payment-provisioning.entry.js +2 -2
  138. package/dist/esm/justifi-payments-list.entry.js +2 -2
  139. package/dist/esm/justifi-payout-details.entry.js +2 -2
  140. package/dist/esm/justifi-payouts-list.entry.js +2 -2
  141. package/dist/esm/justifi-proceeds-list.entry.js +2 -2
  142. package/dist/esm/justifi-refund-form.entry.js +1 -1
  143. package/dist/esm/justifi-season-interruption-insurance-core.entry.js +3 -3
  144. package/dist/esm/justifi-season-interruption-insurance.entry.js +1 -1
  145. package/dist/esm/justifi-skeleton.entry.js +1 -1
  146. package/dist/esm/justifi-subaccount-details.entry.js +3 -3
  147. package/dist/esm/justifi-subaccounts-list.entry.js +3 -3
  148. package/dist/esm/loader.js +1 -1
  149. package/dist/esm/{package-02a6e473.js → package-8ab448a3.js} +1 -1
  150. package/dist/esm/{payload-parsers-a9e8f8cc.js → payload-parsers-57289fc4.js} +1 -1
  151. package/dist/esm/payment-details-core.entry.js +8 -8
  152. package/dist/esm/payments-list-core.entry.js +2 -2
  153. package/dist/esm/payout-details-core.entry.js +2 -2
  154. package/dist/esm/payouts-list-core.entry.js +2 -2
  155. package/dist/esm/{schema-validations-770bdf3e.js → schema-validations-a83ff220.js} +3 -4
  156. package/dist/esm/subaccount-account-details_4.entry.js +5 -5
  157. package/dist/esm/subaccount-bank-details.entry.js +1 -1
  158. package/dist/esm/subaccount-terms-details.entry.js +1 -1
  159. package/dist/esm/{utils-61a21dea.js → utils-5f4c4faa.js} +6 -1
  160. package/dist/esm/{utils-8de964da.js → utils-c7b3f21a.js} +12 -3
  161. package/dist/esm/webcomponents.js +1 -1
  162. package/dist/module/SubAccount.js +1 -1
  163. package/dist/module/additional-questions.js +1 -1
  164. package/dist/module/billing-form.js +2 -2
  165. package/dist/module/business-additional-questions-form-step.js +1 -1
  166. package/dist/module/business-core-info-form-step.js +3 -2
  167. package/dist/module/business-core-info-schema.js +1 -1
  168. package/dist/module/business-representative-form-step.js +1 -4
  169. package/dist/module/checkout-core.js +37 -21
  170. package/dist/module/details.js +1 -1
  171. package/dist/module/form-control-checkbox2.js +1 -1
  172. package/dist/module/form-control-date2.js +1 -1
  173. package/dist/module/form-control-file2.js +1 -1
  174. package/dist/module/form-control-monetary2.js +1 -1
  175. package/dist/module/form-control-number-masked2.js +1 -1
  176. package/dist/module/form-control-number.js +1 -1
  177. package/dist/module/form-control-select2.js +1 -1
  178. package/dist/module/form-control-text2.js +1 -1
  179. package/dist/module/gross-payment-chart-core2.js +1 -1
  180. package/dist/module/justifi-checkout.js +35 -20
  181. package/dist/module/justifi-payment-balance-transactions.js +2 -2
  182. package/dist/module/justifi-payment-form.js +3 -3
  183. package/dist/module/justifi-proceeds-list.js +1 -1
  184. package/dist/module/justifi-refund-form.js +1 -1
  185. package/dist/module/justifi-save-new-payment-method.d.ts +11 -0
  186. package/dist/module/justifi-save-new-payment-method.js +6 -0
  187. package/dist/module/justifi-season-interruption-insurance.js +1 -1
  188. package/dist/module/justifi-subaccount-details.js +2 -2
  189. package/dist/module/justifi-subaccounts-list.js +2 -2
  190. package/dist/module/new-payment-method.js +52 -24
  191. package/dist/module/owner-form.js +2 -5
  192. package/dist/module/package.js +1 -1
  193. package/dist/module/payment-details-core2.js +8 -8
  194. package/dist/module/payment-method-options.js +51 -26
  195. package/dist/module/payment-method-selector.js +1 -1
  196. package/dist/module/payments-list-core2.js +2 -2
  197. package/dist/module/payout-details-core2.js +2 -2
  198. package/dist/module/payouts-list-core2.js +2 -2
  199. package/dist/module/save-new-payment-method.js +36 -0
  200. package/dist/module/saved-payment-method.js +7 -2
  201. package/dist/module/schema-validations.js +3 -4
  202. package/dist/module/season-interruption-insurance-core.js +2 -2
  203. package/dist/module/sezzle-payment-method.js +5 -2
  204. package/dist/module/skeleton.js +1 -1
  205. package/dist/module/subaccount-account-details2.js +1 -1
  206. package/dist/module/subaccount-bank-details.js +1 -1
  207. package/dist/module/subaccount-merchant-details2.js +2 -2
  208. package/dist/module/subaccount-owners-details2.js +1 -1
  209. package/dist/module/subaccount-representative-details2.js +1 -1
  210. package/dist/module/subaccount-terms-details.js +1 -1
  211. package/dist/module/utils2.js +6 -1
  212. package/dist/module/utils3.js +12 -3
  213. package/dist/types/api/Checkout.d.ts +6 -0
  214. package/dist/types/components/business-forms/owner-form/owner-form.d.ts +0 -1
  215. package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.d.ts +0 -1
  216. package/dist/types/components/business-forms/schemas/schema-helpers.d.ts +0 -1
  217. package/dist/types/components/checkout/checkout-core.d.ts +5 -1
  218. package/dist/types/components/checkout/checkout.d.ts +5 -0
  219. package/dist/types/components/checkout/new-payment-method.d.ts +8 -2
  220. package/dist/types/components/checkout/payment-method-option-utils.d.ts +1 -0
  221. package/dist/types/components/checkout/payment-method-options.d.ts +6 -2
  222. package/dist/types/components/checkout/payment-method-payload.d.ts +1 -0
  223. package/dist/types/components/checkout/save-new-payment-method.d.ts +7 -0
  224. package/dist/types/components/checkout/saved-payment-method.d.ts +1 -1
  225. package/dist/types/components/checkout/sezzle-payment-method.d.ts +1 -1
  226. package/dist/types/components/form/utils.d.ts +1 -1
  227. package/dist/types/components/payment-method-form/payment-method-responses.d.ts +6 -4
  228. package/dist/types/components.d.ts +55 -12
  229. package/dist/types/utils/utils.d.ts +1 -0
  230. package/dist/webcomponents/{p-4791c1f2.entry.js → p-00de4ae0.entry.js} +1 -1
  231. package/dist/webcomponents/{p-0f10316f.entry.js → p-015ba24e.entry.js} +1 -1
  232. package/dist/webcomponents/p-0575daac.js +1 -0
  233. package/dist/webcomponents/p-0a09edbb.entry.js +1 -0
  234. package/dist/webcomponents/{p-31031d15.entry.js → p-0fc18c89.entry.js} +1 -1
  235. package/dist/webcomponents/{p-f14db665.entry.js → p-100cb35c.entry.js} +1 -1
  236. package/dist/webcomponents/{p-b01c0120.entry.js → p-189dee9f.entry.js} +1 -1
  237. package/dist/webcomponents/{p-288c95b3.entry.js → p-1c60004a.entry.js} +1 -1
  238. package/dist/webcomponents/{p-65969627.entry.js → p-30a7bebc.entry.js} +2 -2
  239. package/dist/webcomponents/{p-7ae2d26f.entry.js → p-378bb067.entry.js} +1 -1
  240. package/dist/webcomponents/p-3fd13ca3.js +1 -0
  241. package/dist/webcomponents/{p-923c37a2.entry.js → p-404d7c56.entry.js} +1 -1
  242. package/dist/webcomponents/{p-f18e63c3.entry.js → p-43326623.entry.js} +1 -1
  243. package/dist/webcomponents/{p-9228912b.entry.js → p-4c5f9260.entry.js} +1 -1
  244. package/dist/webcomponents/{p-7c28a80d.entry.js → p-5309e887.entry.js} +1 -1
  245. package/dist/webcomponents/{p-fee616cf.entry.js → p-6006e085.entry.js} +1 -1
  246. package/dist/webcomponents/{p-9c00adf1.entry.js → p-61e486ad.entry.js} +1 -1
  247. package/dist/webcomponents/{p-eefe2f29.entry.js → p-738049aa.entry.js} +1 -1
  248. package/dist/webcomponents/{p-56275f64.entry.js → p-739f1e09.entry.js} +1 -1
  249. package/dist/webcomponents/{p-4b260a52.entry.js → p-7f77d91f.entry.js} +1 -1
  250. package/dist/webcomponents/{p-ebce7b2f.entry.js → p-84b3cead.entry.js} +1 -1
  251. package/dist/webcomponents/{p-06baf263.entry.js → p-8805d083.entry.js} +1 -1
  252. package/dist/webcomponents/p-89887332.js +1 -0
  253. package/dist/webcomponents/p-95c18035.entry.js +1 -0
  254. package/dist/webcomponents/{p-fa9773c0.entry.js → p-95c8c313.entry.js} +1 -1
  255. package/dist/webcomponents/p-97220d5b.entry.js +1 -0
  256. package/dist/webcomponents/{p-8e8f5033.entry.js → p-98985c7d.entry.js} +1 -1
  257. package/dist/webcomponents/{p-e3a31451.entry.js → p-9936c393.entry.js} +1 -1
  258. package/dist/webcomponents/p-9d03464e.entry.js +1 -0
  259. package/dist/webcomponents/{p-3a7e0753.entry.js → p-a34c28af.entry.js} +1 -1
  260. package/dist/webcomponents/{p-d42e284d.entry.js → p-a6477232.entry.js} +1 -1
  261. package/dist/webcomponents/{p-2451611d.entry.js → p-a90a6703.entry.js} +1 -1
  262. package/dist/webcomponents/{p-a33c3e1c.entry.js → p-b1a24d24.entry.js} +1 -1
  263. package/dist/webcomponents/{p-9b1e7f5e.entry.js → p-b27d2ce1.entry.js} +1 -1
  264. package/dist/webcomponents/{p-3394ff6c.js → p-b7d9d9fa.js} +1 -1
  265. package/dist/webcomponents/{p-1e53021d.entry.js → p-be049573.entry.js} +1 -1
  266. package/dist/webcomponents/{p-c85fb952.entry.js → p-bfe69314.entry.js} +1 -1
  267. package/dist/webcomponents/{p-9601cf9d.entry.js → p-c2d6a5e2.entry.js} +1 -1
  268. package/dist/webcomponents/{p-4b4fc43d.js → p-c4264aaf.js} +1 -1
  269. package/dist/webcomponents/{p-808c8988.entry.js → p-c69713c2.entry.js} +1 -1
  270. package/dist/webcomponents/{p-9e5d765c.js → p-c8c08fe3.js} +1 -1
  271. package/dist/webcomponents/{p-b94bf537.entry.js → p-d779f2f2.entry.js} +1 -1
  272. package/dist/webcomponents/{p-26779944.entry.js → p-da313a7e.entry.js} +1 -1
  273. package/dist/webcomponents/{p-6ce586e0.entry.js → p-e04f7070.entry.js} +1 -1
  274. package/dist/webcomponents/p-e7915927.entry.js +1 -0
  275. package/dist/webcomponents/{p-fb53112b.js → p-e8c651b8.js} +1 -1
  276. package/dist/webcomponents/p-eb142b8a.entry.js +1 -0
  277. package/dist/webcomponents/{p-851e57f4.js → p-edb605b3.js} +1 -1
  278. package/dist/webcomponents/{p-e673e681.entry.js → p-efe744ce.entry.js} +1 -1
  279. package/dist/webcomponents/p-f6858597.entry.js +1 -0
  280. package/dist/webcomponents/p-f68cf935.entry.js +1 -0
  281. package/dist/webcomponents/{p-3f06ce2f.entry.js → p-fcf42299.entry.js} +1 -1
  282. package/dist/webcomponents/webcomponents.esm.js +1 -1
  283. package/package.json +1 -1
  284. package/dist/webcomponents/p-038fb958.entry.js +0 -1
  285. package/dist/webcomponents/p-144e4bda.js +0 -1
  286. package/dist/webcomponents/p-1feebf9c.entry.js +0 -1
  287. package/dist/webcomponents/p-306aea52.entry.js +0 -1
  288. package/dist/webcomponents/p-6b05f357.entry.js +0 -1
  289. package/dist/webcomponents/p-71800e4c.js +0 -1
  290. package/dist/webcomponents/p-88d68804.entry.js +0 -1
  291. package/dist/webcomponents/p-8a6049ed.js +0 -1
  292. package/dist/webcomponents/p-bacd9d6e.entry.js +0 -1
  293. package/dist/webcomponents/p-f3ae3cb6.entry.js +0 -1
@@ -23,7 +23,7 @@ export class AdditionalQuestions {
23
23
  render() {
24
24
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
25
25
  const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
26
- return (h(Host, { key: 'cd9fd951b9e84303a435ea6120c6af7f62771ea0', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '67169db7aaeef558b7b42aa5bf8feb7249b252fc' }, h("legend", { key: '0e07b0796e7524e98a9a03d035a9ef1166a76da1' }, "Additional Questions"), h("hr", { key: 'f807a4735dbad35409d2dac134f2db2163c1b61d' }), h("div", { key: 'c22d89cc083087f017011d983b68ed305b70febf', class: "row gy-3" }, h("div", { key: 'f5053d99a1b9a01c2e5c639ce693c58b1a1fc2db', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '68b390b35ae134cc308c10e4e70d01b8c5ead8c5', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activies?", 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: 'd5b6a6eb46c611a1b47295449000a7bb42971dce', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '361133818f775bdaa78fcf4f0f5158c0c8008f16', name: "business_payment_volume", label: "What is the business\u2019 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: '4cabb7ed4d0648b5879977e127e35b50b5109808', class: "col-12" }, h("form-control-select", { key: '7f14c9247787e9e935da49f11c8593954ee65e8a', 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: 'd30bf34b649c18bd7ee3acbaf68b9d39cd737877', class: "col-12" }, h("form-control-select", { key: '2157c04509c02559472dc25a318888d289a4b39b', 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: '46408ae19dc6b6957f3e17012a4b3e5a33139cd4', class: "col-12" }, h("form-control-text", { key: '0856075400d0f3a2da0f8bc9bcc5ed48a37394a2', 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: 'cac3babca1b5519f342d9f01f4f1dc17b2ffbef9', class: "col-12" }, h("form-control-select", { key: '9afb98b874d1813f4fed84cccadb8e1be85f8c99', 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: '923819af20e080fe8f5297218b2ccbc3caf4ed63', class: "col-12" }, h("form-control-text", { key: 'f305f0ce7ec15f3c5b775ee1aa2ca386f5a38267', 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 }))))));
26
+ return (h(Host, { key: 'cd9fd951b9e84303a435ea6120c6af7f62771ea0', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '67169db7aaeef558b7b42aa5bf8feb7249b252fc' }, h("legend", { key: '0e07b0796e7524e98a9a03d035a9ef1166a76da1' }, "Additional Questions"), h("hr", { key: 'f807a4735dbad35409d2dac134f2db2163c1b61d' }), h("div", { key: 'c22d89cc083087f017011d983b68ed305b70febf', class: "row gy-3" }, h("div", { key: 'f5053d99a1b9a01c2e5c639ce693c58b1a1fc2db', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '34f1986f6c71ea767419b24cf6aaf4a98109b30a', 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: 'c527d560cc82ea78df2b49560349b0dd06622c8e', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'b3fab39178309431f03f6e6f954fbd764c98e73c', 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: '7bd162ba9c80f6ad943435a03cdf89f3486424e8', class: "col-12" }, h("form-control-select", { key: 'b9f4414df1e05852bee4988a517139dbf442308a', 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: 'b3de6b94ead1b905e6fb37972351c220c676cb1b', class: "col-12" }, h("form-control-select", { key: '069d66fdbed25c1d69cfdb1f2931fcec6bbcf9cf', 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: 'da00423ade550ebda7d7b5d8fa2d322c8536c87b', class: "col-12" }, h("form-control-text", { key: 'a52855e1506358bc2f0880a0a85dffa43b230722', 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: 'd0605e153c29adb0edac15362e4e4703f8f586ba', class: "col-12" }, h("form-control-select", { key: 'bc502dbf3f40232eb9fb644afe679c4a5884866b', 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: '63dd09e3c8af15fe377248121912e313767e93b3', class: "col-12" }, h("form-control-text", { key: '9a20fd45a57e717496b97f4c94b5cf819dc6ff7a', 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 }))))));
27
27
  }
28
28
  static get is() { return "justifi-additional-questions"; }
29
29
  static get properties() {
@@ -110,9 +110,6 @@ export class BusinessOwnerForm {
110
110
  get identityEndpoint() {
111
111
  return this.ownerId ? `entities/identity/${this.ownerId}` : 'entities/identity';
112
112
  }
113
- get identificationNumberLabel() {
114
- return this.owner.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
115
- }
116
113
  get formTitle() {
117
114
  return this.ownerId ? 'Edit Business Owner' : 'Add Business Owner';
118
115
  }
@@ -175,8 +172,8 @@ export class BusinessOwnerForm {
175
172
  }
176
173
  render() {
177
174
  const ownerDefaultValue = this.formController.getInitialValues();
178
- return (h(Host, { key: 'a4c0404708538ef03ababd0b4485a92a371c8508', exportparts: "label,input,input-invalid" }, h("form", { key: 'e465f7e31313a7262fd39d4dcc1b3cced69a1ce1', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'd2a754d0e4cc5cdc400a2baf681fb0ecf92adfdd' }, h("legend", { key: 'dc0af522c7e8b4e1710b752e7ba2887c5293986a', class: 'fw-semibold fs-5' }, this.formTitle), h("br", { key: '0c7fee0bb6d9739264c69e7fa4152ca5dea62ad6' }), h("div", { key: '45f52e4e0a4467d91c90a91a9aa8ce59613075f7', class: 'row gy-3' }, h("div", { key: '3906bcd7cfabbd2d39e53d4db53e798e5d003d35', class: "col-12 col-md-6" }, h("form-control-text", { key: '5586f24927c3cdf32aa2c3ae8e0b99812a677fdd', name: "name", label: "Full Name", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'bc477162d20f90187342ae4cf9477d68a095f0e0', class: "col-12 col-md-4" }, h("form-control-text", { key: '5c166558fd47ab8e719ab7739985d1efe739707e', name: "title", label: "Title", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'b49969e3e38ee42e7f96e1177e61d0eb32f3fec4', class: "col-12 col-md-6" }, h("form-control-text", { key: '0b044ea6fee3b3e9edf874f045a16769ca165822', name: "email", label: "Email Address", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'bb754754a5c6d300cd4ec344e973c0a4a80be0ec', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '6865f3458aa79f5f0b54b7ebf13b6927c9df3928', name: "phone", label: "Phone Number", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '75dc0f7b0c61f15beaef5045f97a52d7fa99066f', class: "col-12 col-md-4" }, h("form-control-date", { key: '899c24b2b9fb47c16ac0a22213f11c23dfde035b', name: "dob_full", label: "Birth Date", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '1196001b3abc8ad48872ab594451412ff2bdbf85', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '4897aac1a0354778b34a8e5d57d6bee9710572b9', name: "identification_number", label: this.identificationNumberLabel, defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'e74a8ce68241b1ad067795724739f226383f0bcb', class: "col-12" }, h("justifi-identity-address-form", { key: '69dbc687d0deb6349825dbbfa1e4fdd58926ba21', errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { key: '480f6ddc304297c65b2cebe193a1136daed64c11', class: "container d-flex gap-2" }, h("button", { key: 'f57a245d2cd6895383c770faac2f315198608a93', type: "submit", class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
179
- h("button", { key: 'a06b9eff52b98af51abdff063c5d047a6d787183', type: "button", class: "btn btn-danger", onClick: () => this.handleRemoveOwner() }, "Remove owner"))), h("hr", { key: '0e5af7210f354286c1bb47acd3dfe5ba5338b3fb' })))));
175
+ return (h(Host, { key: 'eb92a5570638938a9aa2edec8d63d92ab127cb3e', exportparts: 'label,input,input-invalid' }, h("form", { key: 'f8ac2519ce5908045ca3ba04212406c64bd65622', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'ba8e81033034ac31151f6d920bcb19d825195bb5' }, h("legend", { key: '6d77419ef49152d3fe7b08804c3c61598ce44122', class: 'fw-semibold fs-5' }, this.formTitle), h("br", { key: '28135226e296cfbdc5971328925ab39c7359ceac' }), h("div", { key: 'daf7896bf801e4b5af710ede94059105a441dd9a', class: 'row gy-3' }, h("div", { key: 'e50be4e2f648e9be2fce68aa93c87f67c945a614', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'e295419d4a0f9a777a4eb1f4f7365c67cae0a478', name: 'name', label: 'Full Name', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '315cd57b8e378d7252029dcede76822053bc292f', class: 'col-12 col-md-4' }, h("form-control-text", { key: '88e61763b61a695afd4175d1d772b2a44abad599', name: 'title', label: 'Title', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '1d15f0fd4fd9c4152cfc8fc5f37a7cec6ff376f4', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'ffd5c799986ff594e61069198454d16d7b36d286', name: 'email', label: 'Email Address', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '40f44c917379bfff2c60361903559053c994e160', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '79df11699b9a59c8887c041e8dc744d2b2c5affc', name: 'phone', label: 'Phone Number', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '0d78cbd8638cff7fa7981e451c66fdc983306dbf', class: 'col-12 col-md-4' }, h("form-control-date", { key: '29c8f7929489424b967e0ac2b6476e345c9fa035', name: 'dob_full', label: 'Birth Date', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'a11ef411b2bcdb07801fe8448fd29f6533a3e0ad', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '1630d85878b798245b2303f45c2eef101eae25fc', name: 'identification_number', label: 'SSN', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'b134c3a8bc92f3edd099b44e97926c6bee2a6e02', class: 'col-12' }, h("justifi-identity-address-form", { key: '68e9763e33025502e0290fdf84353bdf039bc7df', errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { key: 'c5238b99b02d82e3e94a96ae282d0be11dd65206', class: 'container d-flex gap-2' }, h("button", { key: 'e57ff503567de6c13a7657c2ac7bb31593765169', type: 'submit', class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
176
+ h("button", { key: 'f7c3376b98e5727dd7a37f6148005da398557484', type: 'button', class: 'btn btn-danger', onClick: () => this.handleRemoveOwner() }, "Remove owner"))), h("hr", { key: '818dc67030ba2c4789b353a663a82309bfd6723f' })))));
180
177
  }
181
178
  static get is() { return "justifi-owner-form"; }
182
179
  static get properties() {
@@ -98,7 +98,7 @@ export class AdditionalQuestionsFormStep {
98
98
  render() {
99
99
  var _a, _b, _c, _d, _e, _f, _g;
100
100
  const additionalQuestionsDefaultValue = this.formController.getInitialValues();
101
- return (h(Host, { key: 'a6c4f79702b3ebeb087c7e0beb1353e243c26bb2', exportparts: "label,input,input-invalid" }, h("form", { key: 'e4f918d7b7a84b8a2332f14d79dcb8bc7c50da73' }, h("fieldset", { key: '921f14f225be38b665780a5640bc38302497a5b4' }, h("legend", { key: '01fa03c8134995cb23a67766febb6d4522e3d41a' }, "Additional Questions"), h("hr", { key: '61131730389e979b6aa7d68ca5f58a070aa2534e' }), h("div", { key: '54b3af3d2fe06b20463fa548a60ab986f246a3d7', class: "row gy-3" }, h("div", { key: '55c113e9d5f4746cc78de3f91cbf0a069d7a8e41', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '4375b355e2b65b194e6a77ea5b3c8e3c76047b5f', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activies?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '6c14d001d893f015508d11405a63e5d6a1a229bc', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'b5d2e79d85a4cc4920e7d3f3548df0ccd1b1938e', name: "business_payment_volume", label: "What is the business\u2019 annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '6dea46184e87fa64c5a6ce9165bafb5f067608fd', class: "col-12" }, h("form-control-select", { key: '1428fd982950e58140d03a2145f24eee70baa907', 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: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '279ff240c6d50a21bae96fa212dfe7cf4b340def', class: "col-12" }, h("form-control-select", { key: '8d2dd88c289366d3e4bc08f3d23fe4779b38f747', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '3431c043eaec6c08d36e68825bb70589883526a2', class: "col-12" }, h("form-control-text", { key: '8c8743fe4e63fb0b561714e8fc2d4a60ca56e843', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'cb6d2c2dbc409667395eb911292078f091da348c', class: "col-12" }, h("form-control-select", { key: '1aff6762230968f5754bb4b7d1bb9bc70326257b', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'ac5f6257d838393bb40cffb476b4480f75e31a0f', class: "col-12" }, h("form-control-text", { key: 'e068fecf84d91610dfc81c16f8e4456f815351d8', 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: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details })))))));
101
+ return (h(Host, { key: 'a6c4f79702b3ebeb087c7e0beb1353e243c26bb2', exportparts: "label,input,input-invalid" }, h("form", { key: 'e4f918d7b7a84b8a2332f14d79dcb8bc7c50da73' }, h("fieldset", { key: '921f14f225be38b665780a5640bc38302497a5b4' }, h("legend", { key: '01fa03c8134995cb23a67766febb6d4522e3d41a' }, "Additional Questions"), h("hr", { key: '61131730389e979b6aa7d68ca5f58a070aa2534e' }), h("div", { key: '54b3af3d2fe06b20463fa548a60ab986f246a3d7', class: "row gy-3" }, h("div", { key: '55c113e9d5f4746cc78de3f91cbf0a069d7a8e41', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '86a6cacf09105f5c4415a01738ba77b7eeb7622c', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'ae68b9c006ea41e1f214226efdb4e14098d5e800', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'ddbff877fc74121bbf84eb7f4ee278558f35d853', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '80fa2c11d3cadd1a1ab07ad79b7ff736a15a38d3', class: "col-12" }, h("form-control-select", { key: '7fca901a87105b9a401309d5841279bac7a6f5cd', 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: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'a20763d9518cd84b062f81fdce325be2a8dfb40e', class: "col-12" }, h("form-control-select", { key: 'cfec3aab19c544b16f8a0fab7541433130c3b749', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '0ef1a0473a5870428a741be696e08c881ebee524', class: "col-12" }, h("form-control-text", { key: '512a4924c14b7c2da661b5ffe966d8d1497cb706', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: '75a7b0adfde53443a53ca4e4143f1ff060291837', class: "col-12" }, h("form-control-select", { key: '1474ce5f608be57a36486ad46c7a7bd68fc44fc7', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '7de2fd399754cc0c77e2b08b7d1a4d0082903f61', class: "col-12" }, h("form-control-text", { key: '5de14ae950223e353dd6d58430a4493ffd26da4e', 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: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details })))))));
102
102
  }
103
103
  static get is() { return "justifi-additional-questions-form-step"; }
104
104
  static get properties() {
@@ -1,6 +1,6 @@
1
1
  import { Host, h } from "@stencil/core";
2
2
  import { FormController } from "../../../form/form";
3
- import { PHONE_MASKS, TAX_ID_MASKS } from "../../../../utils/form-input-masks";
3
+ import { PHONE_MASKS } from "../../../../utils/form-input-masks";
4
4
  import { CoreBusinessInfo } from "../../../../api/Business";
5
5
  import { Api } from "../../../../api";
6
6
  import { businessCoreInfoSchema } from "../../schemas/business-core-info-schema";
@@ -10,6 +10,7 @@ import { flattenNestedObject } from "../../../../utils/utils";
10
10
  import { BusinessFormStep } from "../../utils/business-form-types";
11
11
  import { businessClassificationOptions } from "../../utils/business-form-options";
12
12
  import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
13
+ import { numberOnlyHandler } from "../../../form/utils";
13
14
  /**
14
15
  *
15
16
  * The difference between this component and business-generic-info-details
@@ -106,7 +107,7 @@ export class BusinessCoreInfoFormStep {
106
107
  }
107
108
  render() {
108
109
  const coreInfoDefaultValue = this.formController.getInitialValues();
109
- return (h(Host, { key: '4a3f71bde18fce1e75cb10d0075dc8de0f06848d', exportparts: "label,input,input-invalid" }, h("form", { key: '596c6467902077a07093c29a53675db754d5bb8a' }, h("fieldset", { key: '5f27adca77338459acca818320076a1b73075150' }, h("legend", { key: '238d4d4afb293d757708778d6dcdcf5376f61e1b' }, "General Info"), h("hr", { key: 'd9627a44fad089208ce76500b7d044f204401d82' }), h("div", { key: '81275540d22275d22ff07ef1fc76f96cd6d344a3', class: "row gy-3" }, h("div", { key: 'ce1e19ff21341fbcf039e8b9952becf4150c389b', class: "col-12" }, h("form-control-text", { key: 'bf42b0297a0e9fb6a7d74108b44693cae8f6b04b', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '5b67921ac4ff50d21447cce095ca6658e0289906', class: "col-12" }, h("form-control-text", { key: '0a541657f2a6fcc62e1828530b194c4ba8743b92', 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: '5018dda1f9c486c987c31926c1c41bf28f2c7e09', class: "col-12 col-md-8" }, h("form-control-select", { key: '2185ce25a4e8a0285f4a428bce33826d158dd636', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '60d6501ecab83a4d155ad6e623eb96c4586fdc28', class: "col-12 col-md-4" }, h("form-control-date", { key: 'bbd0a8fb598f42e191b525ab2d1850970e8e1efd', 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: 'f41552b3e0dcdd3ea91b2dbf289c887f30af5e02', class: "col-12 col-md-6" }, h("form-control-text", { key: '68f07e40d1f529d6321ccb60448902f518a95c10', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '68f5a315a188750b2fae0b7b6bedf361cd0023d1', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '69ce0fb90b949d69e3510494b6ceb2bd506ded39', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'f337c75fcd5476393319ed16b4dc372e141fa262', class: "col-12" }, h("form-control-text", { key: '9c1979c876cb3068060421470e1088a3005d8c8d', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'a5606ac49c7edce9ba744c6d7d67a2dacb87c1ae', class: "col-12 col-md-6" }, h("form-control-text", { key: '7e521a96d3083b422816d8e88b416ca1d7320dd4', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd60fe7a5e4d2f7525546402b5522dcc3ece05fc1', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '0900f95c05ddf72025b93db27deb11a7d9266e3f', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })))))));
110
+ return (h(Host, { key: '4ea42b813bdd6e5c59a62ae4ae869e86dfddd7ce', exportparts: 'label,input,input-invalid' }, h("form", { key: 'f5ec3be342eda82dee8a51fe2ee5a6da1ee8902e' }, h("fieldset", { key: 'e07041577f53badc6c172a2c6dc20b1066c03f4c' }, h("legend", { key: '2bcc8cc013eeee4e27c874d0bed4471515b68610' }, "General Info"), h("hr", { key: '6dc6f73cf851b9244c8d797bc5cefdfda848c7bc' }), h("div", { key: 'b2bfad85255ddfa76d405e45df3d668ad02a6fea', class: 'row gy-3' }, h("div", { key: 'a9a65df07f40621513ce4881dd203e90142d7670', class: 'col-12' }, h("form-control-text", { key: '7fe7ac765902c7cd9ed60004dc7be687d43b2e49', name: 'legal_name', label: 'Legal Name', defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '6fe2e395e4391480f4d6dafcfc57619176efc45c', class: 'col-12' }, h("form-control-text", { key: 'd19870345d79e4c44c3e667e2751ff6f344e1d58', 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: '39acda8180c70f7684aa2d73ef31bc199233c358', class: 'col-12 col-md-8' }, h("form-control-select", { key: '67f98ac21a69a851bb9489df198e06c8b517d45e', name: 'classification', label: 'Business Classification', options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'd54631f13e8998170de1f175d52d89d90035e688', class: 'col-12 col-md-4' }, h("form-control-date", { key: '8038e4f909c9bb2e5f3a8dd577f7b7f75e3d4f41', 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: 'ca43f206b14494ddaa55c625a2c408426ebcf529', class: 'col-12 col-md-6' }, h("form-control-text", { key: '7ccf50e04dad1a7e001c37074925f27f53ec831c', name: 'industry', label: 'Industry', defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '76136df0a434b7fce1b0307e962e4ea387a063d3', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'ddfd853ed46b3995484dff54d47af0c0d6c93b0c', name: 'tax_id', label: 'Tax ID (EIN or SSN)', defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9 })), h("div", { key: '1084c4d7a261b8fc0a9ceacc16b5823f09cfb807', class: 'col-12' }, h("form-control-text", { key: 'c9ca186a6f2cc10f43966de56e6a224103ddd1f3', name: 'website_url', label: 'Website URL', defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '55bc2f83a170fc1bec20c208460cc63b8f42a566', class: 'col-12 col-md-6' }, h("form-control-text", { key: '5c35db62f1d7d56e01a839df29b39aa55e569d5c', name: 'email', label: 'Email Address', defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'f74aadc2ea606365918f29091a6f6bb08841bf00', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: 'ef54ee012cbc30464bcdc7e887d5eb0523e30057', name: 'phone', label: 'Phone Number', defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })))))));
110
111
  }
111
112
  static get is() { return "justifi-business-core-info-form-step"; }
112
113
  static get properties() {
@@ -74,9 +74,6 @@ export class BusinessRepresentativeFormStep {
74
74
  get businessEndpoint() {
75
75
  return `entities/business/${this.businessId}`;
76
76
  }
77
- get identificationNumberLabel() {
78
- return this.representative.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
79
- }
80
77
  handleResponse(response, onSuccess) {
81
78
  if (response.error) {
82
79
  this.errorEvent.emit({
@@ -108,7 +105,7 @@ export class BusinessRepresentativeFormStep {
108
105
  }
109
106
  render() {
110
107
  const representativeDefaultValue = this.formController.getInitialValues();
111
- return (h(Host, { key: 'cd9f67e1ac392f0abd7effdb259630eec985d502', exportparts: "label,input,input-invalid" }, h("form", { key: '73009fb0d1a660f7a342262552c73e096335a47a' }, h("fieldset", { key: '4c25aeec1cd4c9f8b52f4ee03ff7df0b6735ddbd' }, h("legend", { key: '3c68e0ed7efa42378a0b6fb056b9467dfbaf82b5' }, "Representative"), h("hr", { key: 'e9349c1d9ea3c354538050db53872309812866ac' }), h("div", { key: '279bd45d2b97f231345cf0f8fa907afcc1e97cca', class: "row gy-3" }, h("div", { key: '108163e0976cdec3fec33f651fd17382f1d6d526', class: "col-12 col-md-8" }, h("form-control-text", { key: '8f52a6302cbbbfc35141f5ae8154508c5eee9b8a', 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: 'be511e9d2abe2a7a1377aaac01ef8385f7d30451', class: "col-12 col-md-4" }, h("form-control-text", { key: '9db997a8ca24fb06f3c0ad70b2c68f4b853b34b5', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'ba4e5bb7dddf6d9c6601d2a4c2efe096b4ea6aa2', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a2c2aba33ef3482b3c69172e886009f2f8cfefb5', 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: '447c1274e56d0f264e7f56bb669496d785928fd1', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3ca6c8468205e91e7c3d5d91e7e06160667857aa', 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: '66bb119d19acfd5d48b2c95e44cd4fe5c902e8a8', class: "col-12 col-md-4" }, h("form-control-date", { key: 'a272e7f83db404dfd57a2b977d4c15c91ede56a2', 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: 'a0bb9017adcb0af08bad6754c34f73ff1a03f2df', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'e3edf6abc3bd2ca3591ef11881089922c4a20990', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '1b398352c8d1b132e9cd31dd8fe8bd970052a38c', class: "col-12" }, h("justifi-identity-address-form", { key: '38a170294f7072ec98df9c25d52e2876e6a57061', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
108
+ return (h(Host, { key: 'd2c9bc0dd40d85403688d4c0ff482d7b0c3c35ab', exportparts: 'label,input,input-invalid' }, h("form", { key: '99a6b23b13b893f760e322dfe2e6f603e86e718c' }, h("fieldset", { key: '7c3b1897a7fe0fa672fa2d8d1a35ba4c81e9c256' }, h("legend", { key: 'f0fe4c93f757167e631d6e21bda5b559556550ad' }, "Representative"), h("hr", { key: '1dd5db7898b510bcdae492460f2ce57d7871c282' }), h("div", { key: '33d1935e5b6cc441bd0193e35aaaedcecfc2bc95', class: 'row gy-3' }, h("div", { key: 'c872b5a20469e3609178106b019fe1d0aecb2a24', class: 'col-12 col-md-8' }, h("form-control-text", { key: '31f37067b3c46bb4f7120169878dae88c1d4e918', 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: '9bdc8c1756a693f48bf060ee66f6fcf44cabc025', class: 'col-12 col-md-4' }, h("form-control-text", { key: '1686ff4c8e7b2e2fb74cc104966bf56d2754f8a8', name: 'title', label: 'Title', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '789443ed50f9f0957e6bd8b4f6dea8d6ba7421a9', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'fcf1bd082368ee1adcc6b661ec75e3693fcc30dd', 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: '163d3f6e3ea1d2b7833b7a232e4726e56fda6416', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '3eba7a3ab6a7e8631cb9f100bfd7e5e5566efecc', 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: '42fc6d656c069f073b08e77398a266e367e771ad', class: 'col-12 col-md-4' }, h("form-control-date", { key: 'f627ff9478974305c83a8947b6c7f60d46189104', 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: 'ffded118a7a2d1c5889c46ac879cdadc289f1c1e', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: 'bf9cda57b1b7579a38d4f1f276c5cbc7b1723e2d', name: 'identification_number', label: 'SSN', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'b033205960692dc7b3cea5ce59e12a13c58d5243', class: 'col-12' }, h("justifi-identity-address-form", { key: 'f243060451c630da18d175a93f55bb1fcabd0cec', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
112
109
  }
113
110
  static get is() { return "justifi-business-representative-form-step"; }
114
111
  static get properties() {
@@ -9,7 +9,7 @@ export const businessCoreInfoSchema = (allowOptionalFields) => {
9
9
  doing_business_as: doingBusinessAsValidation.required('Enter doing business as'),
10
10
  classification: businessClassificationValidation.required('Select business classification'),
11
11
  industry: industryValidation.required('Enter a business industry'),
12
- tax_id: taxIdValidation.required('Enter tax id'),
12
+ tax_id: taxIdValidation.required('Enter tax id, SSN, or EIN'),
13
13
  date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
14
14
  });
15
15
  const easySchema = object({
@@ -17,7 +17,6 @@ export const validateRoutingNumber = (routingNumber) => {
17
17
  export const businessNameRegex = /^(?!^\s+$)[a-zA-Z0-9\s,&.-]*$/;
18
18
  export const phoneRegex = /^\d{10}$/;
19
19
  export const urlRegex = /^(?:http(s)?:\/\/)?(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/;
20
- export const taxIdRegex = /^\d{9}$/;
21
20
  export const stringLettersOnlyRegex = /^(?!^\s+$)[a-zA-Z\s]*$/;
22
21
  export const numbersOnlyRegex = /^\d+$/;
23
22
  export const ssnRegex = /^(?!000|666|9\d{2})\d{3}(?!00)\d{2}(?!0000)\d{4}$/;
@@ -1,7 +1,7 @@
1
1
  import { mixed, string } from "yup";
2
2
  import StateOptions from "../../../utils/state-options";
3
3
  import { businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions, bankAccountTypeOptions, businessClassificationOptions } from "../utils/business-form-options";
4
- import { businessNameRegex, numbersOnlyRegex, phoneRegex, poBoxRegex, ssnRegex, streetAddressRegex, stringLettersOnlyRegex, taxIdRegex, transformEmptyString, urlRegex, validateRoutingNumber } from "./schema-helpers";
4
+ import { businessNameRegex, numbersOnlyRegex, phoneRegex, poBoxRegex, ssnRegex, streetAddressRegex, stringLettersOnlyRegex, transformEmptyString, urlRegex, validateRoutingNumber } from "./schema-helpers";
5
5
  import { EntityDocumentType } from "../../../api/Document";
6
6
  // Common Validations
7
7
  export const emailValidation = string()
@@ -33,11 +33,11 @@ export const industryValidation = string()
33
33
  .matches(stringLettersOnlyRegex, 'Enter valid industry')
34
34
  .transform(transformEmptyString);
35
35
  export const taxIdValidation = string()
36
- .matches(taxIdRegex, 'Enter valid tax id')
37
- .test('not-repeat', 'Enter valid tax id', (value) => {
36
+ .matches(numbersOnlyRegex, 'Enter valid tax id, SSN, or EIN')
37
+ .test('not-repeat', 'Enter valid tax id, SSN, or EIN', (value) => {
38
38
  return !/^(\d)\1+$/.test(value);
39
39
  })
40
- .test('not-seq', 'Enter valid tax id', (value) => {
40
+ .test('not-seq', 'Enter valid tax id, SSN, or EIN', (value) => {
41
41
  return value !== '123456789';
42
42
  })
43
43
  .transform(transformEmptyString);
@@ -41,6 +41,10 @@ export class CheckoutCore {
41
41
  this.serverError = undefined;
42
42
  this.renderState = 'loading';
43
43
  this.creatingNewPaymentMethod = false;
44
+ this.insuranceToggled = false;
45
+ }
46
+ async fillBillingForm(fields) {
47
+ this.paymentMethodOptionsRef.fillBillingForm(fields);
44
48
  }
45
49
  componentWillLoad() {
46
50
  if (this.getCheckout) {
@@ -49,6 +53,7 @@ export class CheckoutCore {
49
53
  insuranceValuesOn('set', (key) => {
50
54
  const value = insuranceValues[key];
51
55
  if (value !== undefined) {
56
+ this.insuranceToggled = value;
52
57
  this.fetchData();
53
58
  }
54
59
  });
@@ -59,6 +64,8 @@ export class CheckoutCore {
59
64
  this.getCheckout({
60
65
  onSuccess: ({ checkout }) => {
61
66
  this.checkout = new Checkout(checkout);
67
+ const { status } = this.checkout;
68
+ this.loaded.emit({ checkout_status: status });
62
69
  this.renderState = 'success';
63
70
  },
64
71
  onError: ({ error, code, severity }) => {
@@ -78,8 +85,8 @@ export class CheckoutCore {
78
85
  event.preventDefault();
79
86
  this.renderState = 'loading';
80
87
  const insuranceValidation = validateInsuranceValues();
81
- const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod();
82
- if (!insuranceValidation.isValid) {
88
+ const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod(insuranceValidation);
89
+ if (payload.validationError) {
83
90
  this.renderState = 'error';
84
91
  }
85
92
  else if (payload.error) {
@@ -109,14 +116,14 @@ export class CheckoutCore {
109
116
  }
110
117
  get paymentType() {
111
118
  var _a, _b, _c, _d, _e;
112
- return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { variant: "rounded", height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, "show-saved-payment-methods": !this.disablePaymentMethodGroup, bnpl: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.bnpl, "client-id": (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.payment_client_id, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount }))));
119
+ return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { variant: "rounded", height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
113
120
  }
114
121
  get summary() {
115
122
  var _a, _b;
116
123
  return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
117
124
  }
118
125
  render() {
119
- return (h(Host, { key: 'b9ed9bb3b562a095100db2ef913be5e66c2667b7' }, h("div", { key: '3c31de9bcf652f407179d493f4d061c05eba85df', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '48390444c2118554692c4668400252c8fdc8b756', class: "col-12 mb-4" }, h("h2", { key: 'b04d9c5d1c6ce47a9c73ccfa5e95a0a7942aaf9f', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'c47d1ea97207dd0706b865467c912a4884c541d9', class: "col-12" }, h("h2", { key: 'b09fa554fe810f1c801ce6dae16938dea061937f', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'b4f423876effb2cc6a3304d66c800fb889cff0a1', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: 'c994dc3fdbc5c0f794f85f54bd2ff91cb1ecdfe7', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '006372341dacb61702902ae3e8732d8e4268490f', class: "col-12" }, h("slot", { key: '09054f7045ca784c1a0e781e10afe29cb04c972d', name: "insurance" })), h("div", { key: 'd7aaa6e830cbaf80958ffab573d9005bde8ba728', class: "col-12" }, h("div", { key: 'eb87c92dfb4f0e85851c4e43c014743fcb7fdb09', class: "d-flex justify-content-end" }, h("button", { key: '93f1b3a6ee8469707ee18135e8cf8ffa57965ef5', type: "submit", onClick: event => this.submit(event), disabled: this.isLoading, part: "pay-button", class: `btn btn-primary jfi-submit-button ${this.isLoading ? 'jfi-submit-button-loading' : ''}` }, this.isLoading ? this.loadingSpinner : 'Pay'))))));
126
+ return (h(Host, { key: 'b4eca3c8ce6642cc307df9bf0954d8db13ec3791' }, h("div", { key: '652bb4e5b2b4ec189d293630d31a3c1d8f345a7e', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '6bb0869d4632dd8937e5077dd84732f9091342d0', class: "col-12 mb-4" }, h("h2", { key: 'bd8d0d02f5a59ec9a5629808fea21dc3e922407a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: '81b1c5e141fa49da91e257eb40243e27f2c55f50', class: "col-12" }, h("slot", { key: '438606a898983e51141c62e7fe7ab209eadfa2a2', name: "insurance" })), h("div", { key: '0932dbfb2f6c57aed73f56b3563c189e76b1aa69', class: "col-12" }, h("h2", { key: 'd96345a9941679990d0e379293eb960751ef4063', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'cfcb5db0857f670008d5f71f3fccd53b1d05c91d', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: 'f9f06327db4ec89b0db943de0e6d3c983d33ab55', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '18392f4a553848f123910bb10501821b550e0abe', class: "col-12" }, h("div", { key: '31f6e5b2267ab507021b285becdd2961035ffe53', class: "d-flex justify-content-end" }, h("button", { key: '4dc7c5af2ca0d3766a2e3371da9b241e3260a351', type: "submit", onClick: event => this.submit(event), disabled: this.isLoading, part: "pay-button", class: `btn btn-primary jfi-submit-button ${this.isLoading ? 'jfi-submit-button-loading' : ''}` }, this.isLoading ? this.loadingSpinner : 'Pay'))))));
120
127
  }
121
128
  static get is() { return "justifi-checkout-core"; }
122
129
  static get encapsulation() { return "shadow"; }
@@ -300,7 +307,8 @@ export class CheckoutCore {
300
307
  "checkout": {},
301
308
  "serverError": {},
302
309
  "renderState": {},
303
- "creatingNewPaymentMethod": {}
310
+ "creatingNewPaymentMethod": {},
311
+ "insuranceToggled": {}
304
312
  };
305
313
  }
306
314
  static get events() {
@@ -346,6 +354,57 @@ export class CheckoutCore {
346
354
  }
347
355
  }
348
356
  }
357
+ }, {
358
+ "method": "loaded",
359
+ "name": "loaded",
360
+ "bubbles": true,
361
+ "cancelable": true,
362
+ "composed": true,
363
+ "docs": {
364
+ "tags": [],
365
+ "text": ""
366
+ },
367
+ "complexType": {
368
+ "original": "ILoadedEventResponse",
369
+ "resolved": "{ checkout_status: ICheckoutStatus; }",
370
+ "references": {
371
+ "ILoadedEventResponse": {
372
+ "location": "import",
373
+ "path": "../../api/Checkout",
374
+ "id": "src/api/Checkout.ts::ILoadedEventResponse"
375
+ }
376
+ }
377
+ }
349
378
  }];
350
379
  }
380
+ static get methods() {
381
+ return {
382
+ "fillBillingForm": {
383
+ "complexType": {
384
+ "signature": "(fields: BillingFormFields) => Promise<void>",
385
+ "parameters": [{
386
+ "name": "fields",
387
+ "type": "BillingFormFields",
388
+ "docs": ""
389
+ }],
390
+ "references": {
391
+ "Promise": {
392
+ "location": "global",
393
+ "id": "global::Promise"
394
+ },
395
+ "BillingFormFields": {
396
+ "location": "import",
397
+ "path": "../billing-form/billing-form-schema",
398
+ "id": "src/components/billing-form/billing-form-schema.ts::BillingFormFields"
399
+ }
400
+ },
401
+ "return": "Promise<void>"
402
+ },
403
+ "docs": {
404
+ "text": "",
405
+ "tags": []
406
+ }
407
+ }
408
+ };
409
+ }
351
410
  }
@@ -47,8 +47,15 @@ export class Checkout {
47
47
  propChanged() {
48
48
  this.initializeGetCheckout();
49
49
  }
50
+ async fillBillingForm(fields) {
51
+ this.checkoutCoreRef.fillBillingForm(fields);
52
+ }
50
53
  render() {
51
- return (h("justifi-checkout-core", { key: '1844bb35fc8d4f24e2983cb540a1fd10ec510cc1', getCheckout: this.getCheckout, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup }, h("div", { key: '2e2676cfd661970ef1ff8adaa2e8e75db8581f11', slot: "insurance" }, h("slot", { key: '1d6448f4f7db270924160791ec08fb8f115fb2c1', name: "insurance" }))));
54
+ return (h("justifi-checkout-core", { key: '5dd0269c6fd04bff259204e80800803e618ffa83', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
55
+ if (el) {
56
+ this.checkoutCoreRef = el;
57
+ }
58
+ } }, h("div", { key: 'a659fc258e90c32b4b16ea1d92492c0e16f830a3', slot: "insurance" }, h("slot", { key: 'c92ba9f86f72b372cafabbdd7aba92cee0af44f7', name: "insurance" }))));
52
59
  }
53
60
  static get is() { return "justifi-checkout"; }
54
61
  static get properties() {
@@ -203,8 +210,59 @@ export class Checkout {
203
210
  }
204
211
  }
205
212
  }
213
+ }, {
214
+ "method": "loadedEvent",
215
+ "name": "loaded",
216
+ "bubbles": true,
217
+ "cancelable": true,
218
+ "composed": true,
219
+ "docs": {
220
+ "tags": [],
221
+ "text": ""
222
+ },
223
+ "complexType": {
224
+ "original": "ILoadedEventResponse",
225
+ "resolved": "{ checkout_status: ICheckoutStatus; }",
226
+ "references": {
227
+ "ILoadedEventResponse": {
228
+ "location": "import",
229
+ "path": "../../api",
230
+ "id": "src/api/index.ts::ILoadedEventResponse"
231
+ }
232
+ }
233
+ }
206
234
  }];
207
235
  }
236
+ static get methods() {
237
+ return {
238
+ "fillBillingForm": {
239
+ "complexType": {
240
+ "signature": "(fields: BillingFormFields) => Promise<void>",
241
+ "parameters": [{
242
+ "name": "fields",
243
+ "type": "BillingFormFields",
244
+ "docs": ""
245
+ }],
246
+ "references": {
247
+ "Promise": {
248
+ "location": "global",
249
+ "id": "global::Promise"
250
+ },
251
+ "BillingFormFields": {
252
+ "location": "import",
253
+ "path": "../billing-form/billing-form-schema",
254
+ "id": "src/components/billing-form/billing-form-schema.ts::BillingFormFields"
255
+ }
256
+ },
257
+ "return": "Promise<void>"
258
+ },
259
+ "docs": {
260
+ "text": "",
261
+ "tags": []
262
+ }
263
+ }
264
+ };
265
+ }
208
266
  static get watchers() {
209
267
  return [{
210
268
  "propName": "authToken",