@justifi/webcomponents 4.2.2 → 4.5.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 (603) hide show
  1. package/LICENSE +21 -0
  2. package/dist/cjs/{Api-11362403.js → Api-d2df6e84.js} +17 -4
  3. package/dist/cjs/Api-d2df6e84.js.map +1 -0
  4. package/dist/cjs/{Payment-ac4dea02.js → Payout-4906a445.js} +44 -1
  5. package/dist/cjs/Payout-4906a445.js.map +1 -0
  6. package/dist/cjs/business-form-schema-725ec6f5.js +150 -0
  7. package/dist/cjs/business-form-schema-725ec6f5.js.map +1 -0
  8. package/dist/cjs/form-control-datepart_2.cjs.entry.js +107 -0
  9. package/dist/cjs/form-control-datepart_2.cjs.entry.js.map +1 -0
  10. package/dist/cjs/form-control-monetary.cjs.entry.js +65 -0
  11. package/dist/cjs/form-control-monetary.cjs.entry.js.map +1 -0
  12. package/dist/cjs/form-control-number_3.cjs.entry.js +148 -0
  13. package/dist/cjs/form-control-number_3.cjs.entry.js.map +1 -0
  14. package/dist/cjs/form-control-select.cjs.entry.js +47 -0
  15. package/dist/cjs/form-control-select.cjs.entry.js.map +1 -0
  16. package/dist/cjs/{index-34312a38.js → index-4ffc90c0.js} +145 -20
  17. package/dist/cjs/index-4ffc90c0.js.map +1 -0
  18. package/dist/cjs/index-5a880722.js +3233 -0
  19. package/dist/cjs/index-5a880722.js.map +1 -0
  20. package/dist/cjs/{index.esm-bcf90c56.js → index.esm-84a0a7a8.js} +283 -14
  21. package/dist/cjs/index.esm-84a0a7a8.js.map +1 -0
  22. package/dist/cjs/justifi-additional-questions_5.cjs.entry.js +396 -0
  23. package/dist/cjs/justifi-additional-questions_5.cjs.entry.js.map +1 -0
  24. package/dist/cjs/justifi-bank-account-form.cjs.entry.js +8 -3
  25. package/dist/cjs/justifi-bank-account-form.cjs.entry.js.map +1 -1
  26. package/dist/cjs/justifi-billing-form_2.cjs.entry.js +5 -5
  27. package/dist/cjs/justifi-billing-form_2.cjs.entry.js.map +1 -1
  28. package/dist/cjs/justifi-business-form.cjs.entry.js +833 -0
  29. package/dist/cjs/justifi-business-form.cjs.entry.js.map +1 -0
  30. package/dist/cjs/justifi-business-list.cjs.entry.js +189 -0
  31. package/dist/cjs/justifi-business-list.cjs.entry.js.map +1 -0
  32. package/dist/cjs/justifi-card-form.cjs.entry.js +8 -3
  33. package/dist/cjs/justifi-card-form.cjs.entry.js.map +1 -1
  34. package/dist/cjs/justifi-details.cjs.entry.js +30 -0
  35. package/dist/cjs/justifi-details.cjs.entry.js.map +1 -0
  36. package/dist/cjs/justifi-payment-details.cjs.entry.js +63 -0
  37. package/dist/cjs/justifi-payment-details.cjs.entry.js.map +1 -0
  38. package/dist/cjs/justifi-payment-form.cjs.entry.js +25 -7
  39. package/dist/cjs/justifi-payment-form.cjs.entry.js.map +1 -1
  40. package/dist/cjs/justifi-payment-method-form.cjs.entry.js +26 -19
  41. package/dist/cjs/justifi-payment-method-form.cjs.entry.js.map +1 -1
  42. package/dist/cjs/justifi-payments-list.cjs.entry.js +78 -4039
  43. package/dist/cjs/justifi-payments-list.cjs.entry.js.map +1 -1
  44. package/dist/cjs/justifi-payout-details.cjs.entry.js +61 -0
  45. package/dist/cjs/justifi-payout-details.cjs.entry.js.map +1 -0
  46. package/dist/cjs/justifi-payouts-list.cjs.entry.js +123 -0
  47. package/dist/cjs/justifi-payouts-list.cjs.entry.js.map +1 -0
  48. package/dist/cjs/justifi-proceeds-list.cjs.entry.js +156 -0
  49. package/dist/cjs/justifi-proceeds-list.cjs.entry.js.map +1 -0
  50. package/dist/cjs/justifi-table.cjs.entry.js +68 -0
  51. package/dist/cjs/justifi-table.cjs.entry.js.map +1 -0
  52. package/dist/cjs/loader.cjs.js +3 -12
  53. package/dist/cjs/loader.cjs.js.map +1 -1
  54. package/dist/cjs/select-input_2.cjs.entry.js +6 -6
  55. package/dist/cjs/select-input_2.cjs.entry.js.map +1 -1
  56. package/dist/cjs/{state-options-efeaa587.js → state-options-83b52cd1.js} +1 -1
  57. package/dist/{esm/state-options-188acc34.js.map → cjs/state-options-83b52cd1.js.map} +1 -1
  58. package/dist/cjs/table-utils-617126e5.js +13 -0
  59. package/dist/cjs/table-utils-617126e5.js.map +1 -0
  60. package/dist/cjs/utils-0fd61dbd.js +3918 -0
  61. package/dist/cjs/utils-0fd61dbd.js.map +1 -0
  62. package/dist/cjs/utils-a5b5bfdf.js +35 -0
  63. package/dist/cjs/utils-a5b5bfdf.js.map +1 -0
  64. package/dist/cjs/webcomponents.cjs.js +3 -6
  65. package/dist/cjs/webcomponents.cjs.js.map +1 -1
  66. package/dist/collection/api/Api.js +17 -4
  67. package/dist/collection/api/Api.js.map +1 -1
  68. package/dist/collection/api/Business.js +50 -0
  69. package/dist/collection/api/Business.js.map +1 -0
  70. package/dist/collection/api/Payment.js.map +1 -1
  71. package/dist/collection/api/Payout.js +42 -0
  72. package/dist/collection/api/Payout.js.map +1 -0
  73. package/dist/collection/api/Proceed.js +42 -0
  74. package/dist/collection/api/Proceed.js.map +1 -0
  75. package/dist/collection/api/index.js +1 -0
  76. package/dist/collection/api/index.js.map +1 -1
  77. package/dist/collection/api/mockData/MockPayments.js +1 -1
  78. package/dist/collection/api/shared.js +2 -0
  79. package/dist/collection/api/shared.js.map +1 -0
  80. package/dist/collection/collection-manifest.json +30 -12
  81. package/dist/collection/components/bank-account-form/bank-account-form.js +38 -10
  82. package/dist/collection/components/bank-account-form/bank-account-form.js.map +1 -1
  83. package/dist/collection/components/bank-account-form/bank-account-form.stories.js +2 -0
  84. package/dist/collection/components/bank-account-form/bank-account-form.stories.js.map +1 -1
  85. package/dist/collection/components/bank-account-form/test/bank-account-form.e2e.js +1 -1
  86. package/dist/collection/components/bank-account-form/test/bank-account-form.spec.js +3 -3
  87. package/dist/collection/components/billing-form/billing-form-schema.js +1 -1
  88. package/dist/collection/components/billing-form/billing-form.css +212 -39
  89. package/dist/collection/components/billing-form/billing-form.js +16 -10
  90. package/dist/collection/components/billing-form/billing-form.js.map +1 -1
  91. package/dist/collection/components/billing-form/test/billing-form.spec.js +51 -24
  92. package/dist/collection/components/billing-form/test/billing-form.spec.js.map +1 -1
  93. package/dist/collection/components/business-form/additional-questions/additional-questions.js +59 -0
  94. package/dist/collection/components/business-form/additional-questions/additional-questions.js.map +1 -0
  95. package/dist/collection/components/{business-address/business-address-schema.js → business-form/business-address/business-address-form-schema.js} +2 -2
  96. package/dist/collection/components/business-form/business-address/business-address-form-schema.js.map +1 -0
  97. package/dist/collection/components/business-form/business-address/business-address-form.css +2532 -0
  98. package/dist/collection/components/business-form/business-address/business-address-form.js +98 -0
  99. package/dist/collection/components/business-form/business-address/business-address-form.js.map +1 -0
  100. package/dist/collection/components/business-form/business-address/test/business-address.e2e.js +10 -0
  101. package/dist/collection/components/business-form/business-address/test/business-address.e2e.js.map +1 -0
  102. package/dist/collection/components/business-form/business-address/test/business-address.spec.js +76 -0
  103. package/dist/collection/components/business-form/business-address/test/business-address.spec.js.map +1 -0
  104. package/dist/collection/components/business-form/business-form-schema.js +160 -0
  105. package/dist/collection/components/business-form/business-form-schema.js.map +1 -0
  106. package/dist/collection/components/business-form/business-form.css +7772 -0
  107. package/dist/collection/components/business-form/business-form.js +153 -0
  108. package/dist/collection/components/business-form/business-form.js.map +1 -0
  109. package/dist/collection/components/business-form/business-form.stories.js +115 -0
  110. package/dist/collection/components/business-form/business-form.stories.js.map +1 -0
  111. package/dist/collection/components/{business-info/business-info.css → business-form/business-generic-info/business-generic-info.css} +745 -530
  112. package/dist/collection/components/business-form/business-generic-info/business-generic-info.js +72 -0
  113. package/dist/collection/components/business-form/business-generic-info/business-generic-info.js.map +1 -0
  114. package/dist/collection/components/business-form/business-owners/business-owners.css +7772 -0
  115. package/dist/collection/components/business-form/business-owners/business-owners.js +131 -0
  116. package/dist/collection/components/business-form/business-owners/business-owners.js.map +1 -0
  117. package/dist/collection/components/business-form/business-representative/business-representative-schema.js +2 -0
  118. package/dist/collection/components/business-form/business-representative/business-representative-schema.js.map +1 -0
  119. package/dist/collection/components/business-form/business-representative/business-representative.css +2489 -0
  120. package/dist/collection/components/business-form/business-representative/business-representative.js +71 -0
  121. package/dist/collection/components/business-form/business-representative/business-representative.js.map +1 -0
  122. package/dist/collection/components/business-form/test/business-form.spec.js +44 -0
  123. package/dist/collection/components/business-form/test/business-form.spec.js.map +1 -0
  124. package/dist/collection/components/business-list/business-list.css +576 -0
  125. package/dist/collection/components/business-list/business-list.js +209 -0
  126. package/dist/collection/components/business-list/business-list.js.map +1 -0
  127. package/dist/collection/components/business-list/business-list.stories.js +68 -0
  128. package/dist/collection/components/business-list/business-list.stories.js.map +1 -0
  129. package/dist/collection/components/business-list/example.js +12 -0
  130. package/dist/collection/components/card-form/card-form.js +38 -10
  131. package/dist/collection/components/card-form/card-form.js.map +1 -1
  132. package/dist/collection/components/card-form/card-form.stories.js +5 -2
  133. package/dist/collection/components/card-form/card-form.stories.js.map +1 -1
  134. package/dist/collection/components/card-form/test/card-form.e2e.js +1 -1
  135. package/dist/collection/components/card-form/test/card-form.spec.js +3 -3
  136. package/dist/collection/components/details/details.css +7983 -0
  137. package/dist/collection/components/details/details.js +66 -0
  138. package/dist/collection/components/details/details.js.map +1 -0
  139. package/dist/collection/components/details/utils.js +10 -0
  140. package/dist/collection/components/details/utils.js.map +1 -0
  141. package/dist/collection/components/form/form-control-datepart.js +233 -0
  142. package/dist/collection/components/form/form-control-datepart.js.map +1 -0
  143. package/dist/collection/components/form/form-control-monetary.js +186 -0
  144. package/dist/collection/components/form/form-control-monetary.js.map +1 -0
  145. package/dist/collection/components/form/form-control-number-masked.js +217 -0
  146. package/dist/collection/components/form/form-control-number-masked.js.map +1 -0
  147. package/dist/collection/components/form/form-control-number.css +1818 -0
  148. package/dist/collection/components/form/form-control-number.js +194 -0
  149. package/dist/collection/components/form/form-control-number.js.map +1 -0
  150. package/dist/collection/components/{business-address/business-address.css → form/form-control-select.css} +350 -1212
  151. package/dist/collection/components/form/form-control-select.js +200 -0
  152. package/dist/collection/components/form/form-control-select.js.map +1 -0
  153. package/dist/collection/components/form/form-control-text.css +1801 -0
  154. package/dist/collection/components/form/form-control-text.js +194 -0
  155. package/dist/collection/components/form/form-control-text.js.map +1 -0
  156. package/dist/collection/components/form/form.js +93 -0
  157. package/dist/collection/components/form/form.js.map +1 -0
  158. package/dist/collection/components/legal-address-form/legal-address-form-schema.js +11 -0
  159. package/dist/collection/components/legal-address-form/legal-address-form-schema.js.map +1 -0
  160. package/dist/collection/components/legal-address-form/legal-address-form.css +2489 -0
  161. package/dist/collection/components/legal-address-form/legal-address-form.js +90 -0
  162. package/dist/collection/components/legal-address-form/legal-address-form.js.map +1 -0
  163. package/dist/collection/components/payment-details/example.js +12 -0
  164. package/dist/collection/components/payment-details/payment-details.css +7983 -0
  165. package/dist/collection/components/payment-details/payment-details.js +129 -0
  166. package/dist/collection/components/payment-details/payment-details.js.map +1 -0
  167. package/dist/collection/components/payment-details/payment-details.stories.js +47 -0
  168. package/dist/collection/components/payment-details/payment-details.stories.js.map +1 -0
  169. package/dist/collection/components/payment-form/payment-form.css +220 -45
  170. package/dist/collection/components/payment-form/payment-form.js +47 -7
  171. package/dist/collection/components/payment-form/payment-form.js.map +1 -1
  172. package/dist/collection/components/payment-form/payment-form.stories.js +3 -2
  173. package/dist/collection/components/payment-form/payment-form.stories.js.map +1 -1
  174. package/dist/collection/components/payment-form/payment-method-selector.css +348 -145
  175. package/dist/collection/components/payment-form/payment-method-selector.js +5 -3
  176. package/dist/collection/components/payment-form/payment-method-selector.js.map +1 -1
  177. package/dist/collection/components/payment-form/test/payment-form.e2e.js +1 -1
  178. package/dist/collection/components/payment-form/test/payment-form.spec.js +4 -3
  179. package/dist/collection/components/payment-form/test/payment-form.spec.js.map +1 -1
  180. package/dist/collection/components/payment-method-form/get-computed-theme.js +2 -0
  181. package/dist/collection/components/payment-method-form/get-computed-theme.js.map +1 -1
  182. package/dist/collection/components/payment-method-form/payment-method-form.js +19 -11
  183. package/dist/collection/components/payment-method-form/payment-method-form.js.map +1 -1
  184. package/dist/collection/components/payment-method-form/test/payment-method-form.e2e.js +1 -1
  185. package/dist/collection/components/payment-method-form/test/payment-method-form.spec.js +3 -3
  186. package/dist/collection/components/payment-method-form/theme.js.map +1 -1
  187. package/dist/collection/components/payments-list/example.js +12 -0
  188. package/dist/collection/components/payments-list/payments-list.css +574 -1
  189. package/dist/collection/components/payments-list/payments-list.js +130 -27
  190. package/dist/collection/components/payments-list/payments-list.js.map +1 -1
  191. package/dist/collection/components/payments-list/payments-list.stories.js +78 -0
  192. package/dist/collection/components/payments-list/payments-list.stories.js.map +1 -0
  193. package/dist/collection/components/payments-list/test/payments-list.spec.js +31 -18
  194. package/dist/collection/components/payments-list/test/payments-list.spec.js.map +1 -1
  195. package/dist/collection/components/payout-details/example.js +12 -0
  196. package/dist/collection/components/payout-details/payout-details.css +7983 -0
  197. package/dist/collection/components/payout-details/payout-details.js +126 -0
  198. package/dist/collection/components/payout-details/payout-details.js.map +1 -0
  199. package/dist/collection/components/payout-details/payout-details.stories.js +47 -0
  200. package/dist/collection/components/payout-details/payout-details.stories.js.map +1 -0
  201. package/dist/collection/components/payouts-list/example.js +12 -0
  202. package/dist/collection/components/payouts-list/payouts-list.css +576 -0
  203. package/dist/collection/components/payouts-list/payouts-list.js +215 -0
  204. package/dist/collection/components/payouts-list/payouts-list.js.map +1 -0
  205. package/dist/collection/components/payouts-list/payouts-list.stories.js +69 -0
  206. package/dist/collection/components/payouts-list/payouts-list.stories.js.map +1 -0
  207. package/dist/collection/components/proceeds-list/example.js +12 -0
  208. package/dist/collection/components/proceeds-list/proceeds-list.css +576 -0
  209. package/dist/collection/components/proceeds-list/proceeds-list.js +207 -0
  210. package/dist/collection/components/proceeds-list/proceeds-list.js.map +1 -0
  211. package/dist/collection/components/proceeds-list/proceeds-list.stories.js +69 -0
  212. package/dist/collection/components/proceeds-list/proceeds-list.stories.js.map +1 -0
  213. package/dist/collection/components/select-input/select-input.css +344 -141
  214. package/dist/collection/components/select-input/select-input.js +5 -4
  215. package/dist/collection/components/select-input/select-input.js.map +1 -1
  216. package/dist/collection/components/select-input/test/select-input.spec.js +72 -28
  217. package/dist/collection/components/select-input/test/select-input.spec.js.map +1 -1
  218. package/dist/collection/components/table/table-utils.js +8 -0
  219. package/dist/collection/components/table/table-utils.js.map +1 -0
  220. package/dist/collection/components/table/table.css +8077 -0
  221. package/dist/collection/components/table/table.js +215 -0
  222. package/dist/collection/components/table/table.js.map +1 -0
  223. package/dist/collection/components/table/test/table.spec.js +59 -0
  224. package/dist/collection/components/table/test/table.spec.js.map +1 -0
  225. package/dist/collection/components/text-input/test/text-input.spec.js +47 -5
  226. package/dist/collection/components/text-input/test/text-input.spec.js.map +1 -1
  227. package/dist/collection/components/text-input/text-input.css +344 -141
  228. package/dist/collection/components/text-input/text-input.js +2 -2
  229. package/dist/collection/components/text-input/text-input.js.map +1 -1
  230. package/dist/collection/utils/country-options.js +202 -0
  231. package/dist/collection/utils/country-options.js.map +1 -0
  232. package/dist/collection/utils/phone-masks.js +4 -0
  233. package/dist/collection/utils/phone-masks.js.map +1 -0
  234. package/dist/collection/utils/utils.js +47 -2
  235. package/dist/collection/utils/utils.js.map +1 -1
  236. package/dist/components/Api.js +16 -3
  237. package/dist/components/Api.js.map +1 -1
  238. package/dist/{esm/Payment-c86e1e84.js → components/Payout.js} +44 -2
  239. package/dist/components/Payout.js.map +1 -0
  240. package/dist/components/additional-questions.js +51 -0
  241. package/dist/components/additional-questions.js.map +1 -0
  242. package/dist/components/billing-form.js +2 -2
  243. package/dist/components/billing-form.js.map +1 -1
  244. package/dist/components/business-address-form.js +71 -0
  245. package/dist/components/business-address-form.js.map +1 -0
  246. package/dist/components/business-generic-info.js +216 -0
  247. package/dist/components/business-generic-info.js.map +1 -0
  248. package/dist/components/business-owners.js +118 -0
  249. package/dist/components/business-owners.js.map +1 -0
  250. package/dist/components/business-representative.js +91 -0
  251. package/dist/components/business-representative.js.map +1 -0
  252. package/dist/components/details.js +66 -0
  253. package/dist/components/details.js.map +1 -0
  254. package/dist/components/{justifi-business-info.d.ts → form-control-datepart.d.ts} +4 -4
  255. package/dist/components/form-control-datepart.js +8 -0
  256. package/dist/components/form-control-datepart.js.map +1 -0
  257. package/dist/components/form-control-datepart2.js +97 -0
  258. package/dist/components/form-control-datepart2.js.map +1 -0
  259. package/dist/components/form-control-monetary.d.ts +11 -0
  260. package/dist/components/form-control-monetary.js +8 -0
  261. package/dist/components/form-control-monetary.js.map +1 -0
  262. package/dist/components/form-control-monetary2.js +82 -0
  263. package/dist/components/form-control-monetary2.js.map +1 -0
  264. package/dist/components/form-control-number-masked.d.ts +11 -0
  265. package/dist/components/form-control-number-masked.js +8 -0
  266. package/dist/components/form-control-number-masked.js.map +1 -0
  267. package/dist/components/form-control-number-masked2.js +81 -0
  268. package/dist/components/form-control-number-masked2.js.map +1 -0
  269. package/dist/components/form-control-number.d.ts +11 -0
  270. package/dist/components/form-control-number.js +8 -0
  271. package/dist/components/form-control-number.js.map +1 -0
  272. package/dist/components/form-control-number2.js +70 -0
  273. package/dist/components/form-control-number2.js.map +1 -0
  274. package/dist/components/form-control-select.d.ts +11 -0
  275. package/dist/components/form-control-select.js +8 -0
  276. package/dist/components/form-control-select.js.map +1 -0
  277. package/dist/components/form-control-select2.js +66 -0
  278. package/dist/components/form-control-select2.js.map +1 -0
  279. package/dist/components/form-control-text.d.ts +11 -0
  280. package/dist/components/form-control-text.js +8 -0
  281. package/dist/components/form-control-text.js.map +1 -0
  282. package/dist/components/form-control-text2.js +70 -0
  283. package/dist/components/form-control-text2.js.map +1 -0
  284. package/dist/components/index.d.ts +6 -0
  285. package/dist/components/index.esm.js +281 -14
  286. package/dist/components/index.esm.js.map +1 -1
  287. package/dist/components/index.js +1 -1
  288. package/dist/components/index2.js +3231 -0
  289. package/dist/components/index2.js.map +1 -0
  290. package/dist/components/justifi-additional-questions.d.ts +11 -0
  291. package/dist/components/justifi-additional-questions.js +8 -0
  292. package/dist/components/justifi-additional-questions.js.map +1 -0
  293. package/dist/components/justifi-bank-account-form.js +7 -2
  294. package/dist/components/justifi-bank-account-form.js.map +1 -1
  295. package/dist/components/justifi-business-address-form.d.ts +11 -0
  296. package/dist/components/justifi-business-address-form.js +8 -0
  297. package/dist/components/justifi-business-address-form.js.map +1 -0
  298. package/dist/components/justifi-business-form.d.ts +11 -0
  299. package/dist/components/justifi-business-form.js +920 -0
  300. package/dist/components/justifi-business-form.js.map +1 -0
  301. package/dist/components/justifi-business-generic-info.d.ts +11 -0
  302. package/dist/components/justifi-business-generic-info.js +8 -0
  303. package/dist/components/justifi-business-generic-info.js.map +1 -0
  304. package/dist/components/justifi-business-list.d.ts +11 -0
  305. package/dist/components/justifi-business-list.js +215 -0
  306. package/dist/components/justifi-business-list.js.map +1 -0
  307. package/dist/components/justifi-business-owners.d.ts +11 -0
  308. package/dist/components/justifi-business-owners.js +8 -0
  309. package/dist/components/justifi-business-owners.js.map +1 -0
  310. package/dist/components/justifi-business-representative.d.ts +11 -0
  311. package/dist/components/justifi-business-representative.js +8 -0
  312. package/dist/components/justifi-business-representative.js.map +1 -0
  313. package/dist/components/justifi-card-form.js +7 -2
  314. package/dist/components/justifi-card-form.js.map +1 -1
  315. package/dist/components/justifi-details.d.ts +11 -0
  316. package/dist/components/justifi-details.js +8 -0
  317. package/dist/components/justifi-details.js.map +1 -0
  318. package/dist/components/justifi-legal-address-form.d.ts +11 -0
  319. package/dist/components/justifi-legal-address-form.js +8 -0
  320. package/dist/components/justifi-legal-address-form.js.map +1 -0
  321. package/dist/components/justifi-payment-details.d.ts +11 -0
  322. package/dist/components/justifi-payment-details.js +88 -0
  323. package/dist/components/justifi-payment-details.js.map +1 -0
  324. package/dist/components/justifi-payment-form.js +24 -4
  325. package/dist/components/justifi-payment-form.js.map +1 -1
  326. package/dist/components/justifi-payments-list.js +88 -4041
  327. package/dist/components/justifi-payments-list.js.map +1 -1
  328. package/dist/components/justifi-payout-details.d.ts +11 -0
  329. package/dist/components/justifi-payout-details.js +86 -0
  330. package/dist/components/justifi-payout-details.js.map +1 -0
  331. package/dist/components/justifi-payouts-list.d.ts +11 -0
  332. package/dist/components/justifi-payouts-list.js +149 -0
  333. package/dist/components/justifi-payouts-list.js.map +1 -0
  334. package/dist/components/justifi-proceeds-list.d.ts +11 -0
  335. package/dist/components/justifi-proceeds-list.js +182 -0
  336. package/dist/components/justifi-proceeds-list.js.map +1 -0
  337. package/dist/components/justifi-table.d.ts +11 -0
  338. package/dist/components/justifi-table.js +8 -0
  339. package/dist/components/justifi-table.js.map +1 -0
  340. package/dist/components/legal-address-form.js +271 -0
  341. package/dist/components/legal-address-form.js.map +1 -0
  342. package/dist/components/payment-method-form.js +25 -18
  343. package/dist/components/payment-method-form.js.map +1 -1
  344. package/dist/components/payment-method-selector.js +1 -1
  345. package/dist/components/payment-method-selector.js.map +1 -1
  346. package/dist/components/phone-masks.js +7 -0
  347. package/dist/components/phone-masks.js.map +1 -0
  348. package/dist/components/select-input2.js +3 -3
  349. package/dist/components/select-input2.js.map +1 -1
  350. package/dist/components/state-options.js.map +1 -1
  351. package/dist/components/table.js +94 -0
  352. package/dist/components/table.js.map +1 -0
  353. package/dist/components/text-input2.js +2 -2
  354. package/dist/components/text-input2.js.map +1 -1
  355. package/dist/components/utils.js +3911 -0
  356. package/dist/components/utils.js.map +1 -0
  357. package/dist/esm/{Api-a07f0057.js → Api-a95f17ac.js} +17 -4
  358. package/dist/esm/Api-a95f17ac.js.map +1 -0
  359. package/dist/{components/Payment.js → esm/Payout-9a1f2859.js} +44 -2
  360. package/dist/esm/Payout-9a1f2859.js.map +1 -0
  361. package/dist/esm/business-form-schema-5885d3d6.js +146 -0
  362. package/dist/esm/business-form-schema-5885d3d6.js.map +1 -0
  363. package/dist/esm/form-control-datepart_2.entry.js +102 -0
  364. package/dist/esm/form-control-datepart_2.entry.js.map +1 -0
  365. package/dist/esm/form-control-monetary.entry.js +61 -0
  366. package/dist/esm/form-control-monetary.entry.js.map +1 -0
  367. package/dist/esm/form-control-number_3.entry.js +142 -0
  368. package/dist/esm/form-control-number_3.entry.js.map +1 -0
  369. package/dist/esm/form-control-select.entry.js +43 -0
  370. package/dist/esm/form-control-select.entry.js.map +1 -0
  371. package/dist/esm/index-5ed53c20.js +3231 -0
  372. package/dist/esm/index-5ed53c20.js.map +1 -0
  373. package/dist/esm/{index-044f93fc.js → index-609a2c67.js} +145 -21
  374. package/dist/esm/index-609a2c67.js.map +1 -0
  375. package/dist/esm/{index.esm-5624a5ed.js → index.esm-89fe6af9.js} +282 -15
  376. package/dist/esm/index.esm-89fe6af9.js.map +1 -0
  377. package/dist/esm/justifi-additional-questions_5.entry.js +388 -0
  378. package/dist/esm/justifi-additional-questions_5.entry.js.map +1 -0
  379. package/dist/esm/justifi-bank-account-form.entry.js +8 -3
  380. package/dist/esm/justifi-bank-account-form.entry.js.map +1 -1
  381. package/dist/esm/justifi-billing-form_2.entry.js +5 -5
  382. package/dist/esm/justifi-billing-form_2.entry.js.map +1 -1
  383. package/dist/esm/justifi-business-form.entry.js +829 -0
  384. package/dist/esm/justifi-business-form.entry.js.map +1 -0
  385. package/dist/esm/justifi-business-list.entry.js +185 -0
  386. package/dist/esm/justifi-business-list.entry.js.map +1 -0
  387. package/dist/esm/justifi-card-form.entry.js +8 -3
  388. package/dist/esm/justifi-card-form.entry.js.map +1 -1
  389. package/dist/esm/justifi-details.entry.js +26 -0
  390. package/dist/esm/justifi-details.entry.js.map +1 -0
  391. package/dist/esm/justifi-payment-details.entry.js +59 -0
  392. package/dist/esm/justifi-payment-details.entry.js.map +1 -0
  393. package/dist/esm/justifi-payment-form.entry.js +22 -4
  394. package/dist/esm/justifi-payment-form.entry.js.map +1 -1
  395. package/dist/esm/justifi-payment-method-form.entry.js +26 -19
  396. package/dist/esm/justifi-payment-method-form.entry.js.map +1 -1
  397. package/dist/esm/justifi-payments-list.entry.js +78 -4039
  398. package/dist/esm/justifi-payments-list.entry.js.map +1 -1
  399. package/dist/esm/justifi-payout-details.entry.js +57 -0
  400. package/dist/esm/justifi-payout-details.entry.js.map +1 -0
  401. package/dist/esm/justifi-payouts-list.entry.js +119 -0
  402. package/dist/esm/justifi-payouts-list.entry.js.map +1 -0
  403. package/dist/esm/justifi-proceeds-list.entry.js +152 -0
  404. package/dist/esm/justifi-proceeds-list.entry.js.map +1 -0
  405. package/dist/esm/justifi-table.entry.js +64 -0
  406. package/dist/esm/justifi-table.entry.js.map +1 -0
  407. package/dist/esm/loader.js +4 -13
  408. package/dist/esm/loader.js.map +1 -1
  409. package/dist/esm/select-input_2.entry.js +6 -6
  410. package/dist/esm/select-input_2.entry.js.map +1 -1
  411. package/dist/esm/{state-options-188acc34.js → state-options-ece00aa2.js} +1 -1
  412. package/dist/esm/state-options-ece00aa2.js.map +1 -0
  413. package/dist/esm/table-utils-6cdcaa8c.js +11 -0
  414. package/dist/esm/table-utils-6cdcaa8c.js.map +1 -0
  415. package/dist/esm/utils-ad0bbe03.js +3911 -0
  416. package/dist/esm/utils-ad0bbe03.js.map +1 -0
  417. package/dist/esm/utils-cdf0b984.js +28 -0
  418. package/dist/esm/utils-cdf0b984.js.map +1 -0
  419. package/dist/esm/webcomponents.js +4 -7
  420. package/dist/esm/webcomponents.js.map +1 -1
  421. package/dist/types/api/Api.d.ts +1 -1
  422. package/dist/types/api/Business.d.ts +133 -0
  423. package/dist/types/api/Payment.d.ts +1 -0
  424. package/dist/types/api/Payout.d.ts +60 -0
  425. package/dist/types/api/Proceed.d.ts +60 -0
  426. package/dist/types/api/index.d.ts +1 -0
  427. package/dist/types/api/shared.d.ts +11 -0
  428. package/dist/types/components/business-form/additional-questions/additional-questions.d.ts +15 -0
  429. package/dist/types/components/business-form/business-address/business-address-form.d.ts +9 -0
  430. package/dist/types/components/business-form/business-form-schema.d.ts +119 -0
  431. package/dist/types/components/business-form/business-form.d.ts +19 -0
  432. package/dist/types/components/business-form/business-form.stories.d.ts +21 -0
  433. package/dist/types/components/business-form/business-generic-info/business-generic-info.d.ts +15 -0
  434. package/dist/types/components/business-form/business-owners/business-owners.d.ts +33 -0
  435. package/dist/types/components/business-form/business-representative/business-representative-schema.d.ts +15 -0
  436. package/dist/types/components/business-form/business-representative/business-representative.d.ts +11 -0
  437. package/dist/types/components/business-list/business-list.d.ts +35 -0
  438. package/dist/types/components/business-list/business-list.stories.d.ts +9 -0
  439. package/dist/types/components/details/details.d.ts +7 -0
  440. package/dist/types/components/details/utils.d.ts +19 -0
  441. package/dist/types/components/form/form-control-datepart.d.ts +19 -0
  442. package/dist/types/components/form/form-control-monetary.d.ts +17 -0
  443. package/dist/types/components/form/form-control-number-masked.d.ts +19 -0
  444. package/dist/types/components/form/form-control-number.d.ts +18 -0
  445. package/dist/types/components/form/form-control-select.d.ts +21 -0
  446. package/dist/types/components/form/form-control-text.d.ts +18 -0
  447. package/dist/types/components/form/form.d.ts +22 -0
  448. package/dist/types/components/legal-address-form/legal-address-form-schema.d.ts +17 -0
  449. package/dist/types/components/legal-address-form/legal-address-form.d.ts +16 -0
  450. package/dist/types/components/payment-details/payment-details.d.ts +28 -0
  451. package/dist/types/components/payment-details/payment-details.stories.d.ts +8 -0
  452. package/dist/types/components/payment-form/payment-form.d.ts +2 -0
  453. package/dist/types/components/payment-method-form/theme.d.ts +2 -0
  454. package/dist/types/components/payments-list/payments-list.d.ts +30 -5
  455. package/dist/types/components/payments-list/payments-list.stories.d.ts +10 -0
  456. package/dist/types/components/payout-details/payout-details.d.ts +28 -0
  457. package/dist/types/components/payout-details/payout-details.stories.d.ts +8 -0
  458. package/dist/types/components/payouts-list/payouts-list.d.ts +37 -0
  459. package/dist/types/components/payouts-list/payouts-list.stories.d.ts +9 -0
  460. package/dist/types/components/proceeds-list/proceeds-list.d.ts +37 -0
  461. package/dist/types/components/proceeds-list/proceeds-list.stories.d.ts +9 -0
  462. package/dist/types/components/table/table-utils.d.ts +14 -0
  463. package/dist/types/components/table/table.d.ts +28 -0
  464. package/dist/types/components.d.ts +964 -28
  465. package/dist/types/stencil-public-runtime.d.ts +16 -2
  466. package/dist/types/utils/country-options.d.ts +5 -0
  467. package/dist/types/utils/phone-masks.d.ts +3 -0
  468. package/dist/types/utils/utils.d.ts +3 -0
  469. package/dist/webcomponents/p-0237a6bc.entry.js +2 -0
  470. package/dist/webcomponents/p-0237a6bc.entry.js.map +1 -0
  471. package/dist/webcomponents/p-0d6e9f76.entry.js +2 -0
  472. package/dist/webcomponents/p-0d6e9f76.entry.js.map +1 -0
  473. package/dist/webcomponents/p-126146d4.js +2 -0
  474. package/dist/webcomponents/p-126146d4.js.map +1 -0
  475. package/dist/webcomponents/p-239564c6.entry.js +2 -0
  476. package/dist/webcomponents/p-239564c6.entry.js.map +1 -0
  477. package/dist/webcomponents/p-27b15fe8.entry.js +2 -0
  478. package/dist/webcomponents/p-27b15fe8.entry.js.map +1 -0
  479. package/dist/webcomponents/p-2c2cde2d.js +2 -0
  480. package/dist/webcomponents/p-2c2cde2d.js.map +1 -0
  481. package/dist/webcomponents/p-308b6784.js +3 -0
  482. package/dist/webcomponents/p-308b6784.js.map +1 -0
  483. package/dist/webcomponents/p-391b8f1d.entry.js +2 -0
  484. package/dist/webcomponents/p-391b8f1d.entry.js.map +1 -0
  485. package/dist/webcomponents/p-439fc294.entry.js +2 -0
  486. package/dist/webcomponents/p-439fc294.entry.js.map +1 -0
  487. package/dist/webcomponents/{p-0ea23153.js → p-47bc59b5.js} +1 -1
  488. package/dist/webcomponents/p-47bc59b5.js.map +1 -0
  489. package/dist/webcomponents/p-66f010e5.entry.js +2 -0
  490. package/dist/webcomponents/p-66f010e5.entry.js.map +1 -0
  491. package/dist/webcomponents/p-7abb092c.entry.js +2 -0
  492. package/dist/webcomponents/p-7abb092c.entry.js.map +1 -0
  493. package/dist/webcomponents/p-7e3bbe32.entry.js +2 -0
  494. package/dist/webcomponents/p-7e3bbe32.entry.js.map +1 -0
  495. package/dist/webcomponents/p-86464cab.entry.js +2 -0
  496. package/dist/webcomponents/p-86464cab.entry.js.map +1 -0
  497. package/dist/webcomponents/p-8f421dc6.js +2 -0
  498. package/dist/webcomponents/p-8f421dc6.js.map +1 -0
  499. package/dist/webcomponents/p-9346ae33.js +2 -0
  500. package/dist/webcomponents/p-9346ae33.js.map +1 -0
  501. package/dist/webcomponents/p-ab0756ff.js +2 -0
  502. package/dist/webcomponents/p-ab0756ff.js.map +1 -0
  503. package/dist/webcomponents/p-b042bf80.entry.js +2 -0
  504. package/dist/webcomponents/p-b042bf80.entry.js.map +1 -0
  505. package/dist/webcomponents/p-b967262f.entry.js +2 -0
  506. package/dist/webcomponents/p-b967262f.entry.js.map +1 -0
  507. package/dist/webcomponents/p-bf9c2be2.entry.js +2 -0
  508. package/dist/webcomponents/p-bf9c2be2.entry.js.map +1 -0
  509. package/dist/webcomponents/p-c18d876e.entry.js +2 -0
  510. package/dist/webcomponents/p-c18d876e.entry.js.map +1 -0
  511. package/dist/webcomponents/p-c1e4288d.entry.js +2 -0
  512. package/dist/webcomponents/p-c1e4288d.entry.js.map +1 -0
  513. package/dist/webcomponents/p-c46241ba.js +2 -0
  514. package/dist/webcomponents/p-c46241ba.js.map +1 -0
  515. package/dist/webcomponents/p-ccb0e1c5.js +2 -0
  516. package/dist/webcomponents/p-ccb0e1c5.js.map +1 -0
  517. package/dist/webcomponents/p-d1bbf409.entry.js +2 -0
  518. package/dist/webcomponents/p-d1bbf409.entry.js.map +1 -0
  519. package/dist/webcomponents/p-e26d7eea.entry.js +2 -0
  520. package/dist/webcomponents/p-e26d7eea.entry.js.map +1 -0
  521. package/dist/webcomponents/p-e77d8c6e.entry.js +2 -0
  522. package/dist/webcomponents/p-e77d8c6e.entry.js.map +1 -0
  523. package/dist/webcomponents/p-f0acb27e.entry.js +2 -0
  524. package/dist/webcomponents/p-f0acb27e.entry.js.map +1 -0
  525. package/dist/webcomponents/p-f8d49acb.entry.js +2 -0
  526. package/dist/webcomponents/p-f8d49acb.entry.js.map +1 -0
  527. package/dist/webcomponents/p-f9e127a5.js +2 -0
  528. package/dist/webcomponents/p-f9e127a5.js.map +1 -0
  529. package/dist/webcomponents/webcomponents.css +1 -1
  530. package/dist/webcomponents/webcomponents.esm.js +1 -1
  531. package/dist/webcomponents/webcomponents.esm.js.map +1 -1
  532. package/loader/index.d.ts +1 -1
  533. package/package.json +16 -16
  534. package/CHANGELOG.md +0 -208
  535. package/changelog-template.hbs +0 -10
  536. package/dist/cjs/Api-11362403.js.map +0 -1
  537. package/dist/cjs/Payment-ac4dea02.js.map +0 -1
  538. package/dist/cjs/index-34312a38.js.map +0 -1
  539. package/dist/cjs/index.esm-bcf90c56.js.map +0 -1
  540. package/dist/cjs/justifi-business-address.cjs.entry.js +0 -69
  541. package/dist/cjs/justifi-business-address.cjs.entry.js.map +0 -1
  542. package/dist/cjs/justifi-business-info.cjs.entry.js +0 -174
  543. package/dist/cjs/justifi-business-info.cjs.entry.js.map +0 -1
  544. package/dist/cjs/state-options-efeaa587.js.map +0 -1
  545. package/dist/collection/components/business-address/business-address-schema.js.map +0 -1
  546. package/dist/collection/components/business-address/business-address.js +0 -100
  547. package/dist/collection/components/business-address/business-address.js.map +0 -1
  548. package/dist/collection/components/business-address/test/business-address.e2e.js +0 -10
  549. package/dist/collection/components/business-address/test/business-address.e2e.js.map +0 -1
  550. package/dist/collection/components/business-address/test/business-address.spec.js +0 -18
  551. package/dist/collection/components/business-address/test/business-address.spec.js.map +0 -1
  552. package/dist/collection/components/business-info/business-info-schema.js +0 -94
  553. package/dist/collection/components/business-info/business-info-schema.js.map +0 -1
  554. package/dist/collection/components/business-info/business-info.js +0 -168
  555. package/dist/collection/components/business-info/business-info.js.map +0 -1
  556. package/dist/components/Payment.js.map +0 -1
  557. package/dist/components/justifi-business-address.d.ts +0 -11
  558. package/dist/components/justifi-business-address.js +0 -99
  559. package/dist/components/justifi-business-address.js.map +0 -1
  560. package/dist/components/justifi-business-info.js +0 -207
  561. package/dist/components/justifi-business-info.js.map +0 -1
  562. package/dist/esm/Api-a07f0057.js.map +0 -1
  563. package/dist/esm/Payment-c86e1e84.js.map +0 -1
  564. package/dist/esm/index-044f93fc.js.map +0 -1
  565. package/dist/esm/index.esm-5624a5ed.js.map +0 -1
  566. package/dist/esm/justifi-business-address.entry.js +0 -65
  567. package/dist/esm/justifi-business-address.entry.js.map +0 -1
  568. package/dist/esm/justifi-business-info.entry.js +0 -170
  569. package/dist/esm/justifi-business-info.entry.js.map +0 -1
  570. package/dist/esm/polyfills/css-shim.js +0 -1
  571. package/dist/types/components/bank-account-form/bank-account-form.d.ts +0 -56
  572. package/dist/types/components/business-address/business-address.d.ts +0 -11
  573. package/dist/types/components/business-info/business-info-schema.d.ts +0 -42
  574. package/dist/types/components/business-info/business-info.d.ts +0 -20
  575. package/dist/types/components/card-form/card-form.d.ts +0 -62
  576. package/dist/webcomponents/p-0969db8f.entry.js +0 -2
  577. package/dist/webcomponents/p-0969db8f.entry.js.map +0 -1
  578. package/dist/webcomponents/p-0ea23153.js.map +0 -1
  579. package/dist/webcomponents/p-1ca0646b.js +0 -2
  580. package/dist/webcomponents/p-1ca0646b.js.map +0 -1
  581. package/dist/webcomponents/p-1f151d49.js +0 -2
  582. package/dist/webcomponents/p-1f151d49.js.map +0 -1
  583. package/dist/webcomponents/p-255b1284.entry.js +0 -2
  584. package/dist/webcomponents/p-255b1284.entry.js.map +0 -1
  585. package/dist/webcomponents/p-3aa91155.js +0 -3
  586. package/dist/webcomponents/p-3aa91155.js.map +0 -1
  587. package/dist/webcomponents/p-4ecc9860.entry.js +0 -2
  588. package/dist/webcomponents/p-4ecc9860.entry.js.map +0 -1
  589. package/dist/webcomponents/p-90c0d9e1.entry.js +0 -2
  590. package/dist/webcomponents/p-90c0d9e1.entry.js.map +0 -1
  591. package/dist/webcomponents/p-bd5352d6.entry.js +0 -2
  592. package/dist/webcomponents/p-bd5352d6.entry.js.map +0 -1
  593. package/dist/webcomponents/p-c903cc5a.entry.js +0 -2
  594. package/dist/webcomponents/p-c903cc5a.entry.js.map +0 -1
  595. package/dist/webcomponents/p-d87b0711.entry.js +0 -2
  596. package/dist/webcomponents/p-d87b0711.entry.js.map +0 -1
  597. package/dist/webcomponents/p-dbf7100f.entry.js +0 -2
  598. package/dist/webcomponents/p-dbf7100f.entry.js.map +0 -1
  599. package/dist/webcomponents/p-e0054bc3.js +0 -2
  600. package/dist/webcomponents/p-e0054bc3.js.map +0 -1
  601. package/dist/webcomponents/p-f30d1567.entry.js +0 -2
  602. package/dist/webcomponents/p-f30d1567.entry.js.map +0 -1
  603. /package/dist/types/components/{business-address/business-address-schema.d.ts → business-form/business-address/business-address-form-schema.d.ts} +0 -0
package/dist/cjs/justifi-payment-form.cjs.entry.js CHANGED
@@ -2,10 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-34312a38.js');
6
- const Payment = require('./Payment-ac4dea02.js');
5
+ const index = require('./index-4ffc90c0.js');
6
+ const Payout = require('./Payout-4906a445.js');
7
+ const utils = require('./utils-0fd61dbd.js');
7
8
 
8
- const paymentFormCss = ":root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-body-color-rgb:33, 37, 41;--bs-body-bg-rgb:255, 255, 255;--bs-font-sans-serif:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:\"\"}.text-bg-primary{color:#fff !important;background-color:RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important}.link-primary{color:#0d6efd !important}.link-primary:hover,.link-primary:focus{color:#0a58ca !important}.link-secondary{color:#6c757d !important}.link-secondary:hover,.link-secondary:focus{color:#565e64 !important}.link-success{color:#198754 !important}.link-success:hover,.link-success:focus{color:#146c43 !important}.link-info{color:#0dcaf0 !important}.link-info:hover,.link-info:focus{color:#3dd5f3 !important}.link-warning{color:#ffc107 !important}.link-warning:hover,.link-warning:focus{color:#ffcd39 !important}.link-danger{color:#dc3545 !important}.link-danger:hover,.link-danger:focus{color:#b02a37 !important}.link-light{color:#f8f9fa !important}.link-light:hover,.link-light:focus{color:#f9fafb !important}.link-dark{color:#212529 !important}.link-dark:hover,.link-dark:focus{color:#1a1e21 !important}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:\"\"}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:\"\"}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentcolor;opacity:0.25}*,*::before,*::after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:0.25}h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + 0.9vw)}@media (min-width: 1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + 0.6vw)}@media (min-width: 1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + 0.3vw)}@media (min-width: 1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:0.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:0.875em}mark{padding:0.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:var(--bs-link-color);text-decoration:underline}a:hover{color:var(--bs-link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:0.1875rem 0.375rem;font-size:0.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:0.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:0.5rem;padding-bottom:0.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}@media (min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width: 576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width: 768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width: 992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width: 1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width: 1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled,.btn.disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49, 132, 253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130, 138, 145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60, 153, 110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11, 172, 204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217, 164, 6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225, 83, 97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211, 212, 213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66, 70, 73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13, 110, 253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108, 117, 125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25, 135, 84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13, 202, 240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255, 193, 7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220, 53, 69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248, 249, 250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33, 37, 41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:none;--bs-btn-focus-shadow-rgb:49, 132, 253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:0.5rem}.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:0.25rem}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}:host{font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";
9
+ const paymentFormCss = ":root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222, 226, 230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52, 58, 64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222, 226, 230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43, 48, 53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110, 168, 254;--bs-link-hover-color-rgb:139, 185, 254;--bs-code-color:#e685b5;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:\"\"}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:0.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:0.2s ease-in-out transform}@media (prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:\"\"}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:\"\"}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:0.25}*,*::before,*::after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:0.25}h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + 0.9vw)}@media (min-width: 1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + 0.6vw)}@media (min-width: 1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + 0.3vw)}@media (min-width: 1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:0.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:0.875em}mark{padding:0.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:0.1875rem 0.375rem;font-size:0.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:0.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:0.5rem;padding-bottom:0.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}@media (min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width: 576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width: 768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width: 992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width: 1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width: 1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled,.btn.disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49, 132, 253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130, 138, 145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60, 153, 110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11, 172, 204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217, 164, 6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225, 83, 97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211, 212, 213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66, 70, 73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13, 110, 253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108, 117, 125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25, 135, 84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13, 202, 240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255, 193, 7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220, 53, 69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248, 249, 250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33, 37, 41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49, 132, 253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}:host{font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";
9
10
 
10
11
  const PaymentForm = class {
11
12
  constructor(hostRef) {
@@ -19,21 +20,26 @@ const PaymentForm = class {
19
20
  this.accountId = undefined;
20
21
  this.submitButtonText = undefined;
21
22
  this.submitButtonEnabled = true;
23
+ this.hasLoadedFonts = false;
22
24
  this.isLoading = false;
23
25
  this.selectedPaymentMethodType = undefined;
24
26
  this.allowedPaymentMethodTypes = [];
25
27
  }
26
28
  connectedCallback() {
27
29
  if (this.card) {
28
- this.allowedPaymentMethodTypes.push(Payment.PaymentMethodTypes.card);
30
+ this.allowedPaymentMethodTypes.push(Payout.PaymentMethodTypes.card);
29
31
  }
30
32
  if (this.bankAccount) {
31
- this.allowedPaymentMethodTypes.push(Payment.PaymentMethodTypes.bankAccount);
33
+ this.allowedPaymentMethodTypes.push(Payout.PaymentMethodTypes.bankAccount);
32
34
  }
33
35
  if (!this.allowedPaymentMethodTypes.length) {
34
- this.allowedPaymentMethodTypes.push(Payment.PaymentMethodTypes.card);
36
+ this.allowedPaymentMethodTypes.push(Payout.PaymentMethodTypes.card);
35
37
  }
36
38
  this.selectedPaymentMethodType = this.allowedPaymentMethodTypes[0];
39
+ if (!this.hasLoadedFonts) {
40
+ this.loadFontsOnParent();
41
+ this.hasLoadedFonts = true;
42
+ }
37
43
  }
38
44
  paymentMethodSelectedHandler(event) {
39
45
  const paymentMethodType = event.detail;
@@ -45,6 +51,18 @@ const PaymentForm = class {
45
51
  async enableSubmitButton() {
46
52
  this.submitButtonEnabled = true;
47
53
  }
54
+ async loadFontsOnParent() {
55
+ const parent = document.body;
56
+ const fontsToLoad = utils.extractComputedFontsToLoad();
57
+ if (!parent || !fontsToLoad) {
58
+ return null;
59
+ }
60
+ // This approach is needed to load the font in a parent of the component
61
+ const fonts = document.createElement('link');
62
+ fonts.rel = 'stylesheet';
63
+ fonts.href = `https://fonts.googleapis.com/css2?family=${fontsToLoad}&display=swap`;
64
+ parent.append(fonts);
65
+ }
48
66
  async submit(event) {
49
67
  event.preventDefault();
50
68
  if (!this.paymentMethodFormRef || !this.billingFormRef)
@@ -69,7 +87,7 @@ const PaymentForm = class {
69
87
  if (el) {
70
88
  this.billingFormRef = el;
71
89
  }
72
- } })), index.h("div", { class: "col-12" }, index.h("button", { type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}` }, this.isLoading ?
90
+ } })), index.h("slot", { name: 'insurance' }), index.h("div", { class: "col-12" }, index.h("button", { type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}` }, this.isLoading ?
73
91
  index.h("div", { class: "spinner-border spinner-border-sm", role: "status" }, index.h("span", { class: "visually-hidden" }, "Loading...")) :
74
92
  this.submitButtonText || 'Submit')))));
75
93
  }
package/dist/cjs/justifi-payment-form.cjs.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"justifi-payment-form.entry.cjs.js","mappings":"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","names":["PaymentMethodTypes","h","Host"],"sources":["./src/components/payment-form/payment-form.scss?tag=justifi-payment-form&encapsulation=shadow","./src/components/payment-form/payment-form.tsx"],"sourcesContent":["@import 'reboot';\n@import 'grid';\n@import 'buttons';\n@import 'spinners';\n\n:host {\n @include host-base-styles;\n display: block;\n}\n\njustifi-payment-method-form {\n display: block;\n margin-left: calc(var(--jfi-layout-padding) * -1);\n margin-right: calc(var(--jfi-layout-padding) * -1);\n}\n\n*::part(label) {\n color: var(--jfi-form-label-color);\n font-family: var(--jfi-form-label-font-family);\n font-weight: var(--jfi-form-label-font-weight);\n font-size: var(--jfi-form-label-font-size);\n margin: var(--jfi-form-label-margin);\n}\n\n*::part(input) {\n background-color: var(--jfi-form-control-background-color);\n border-color: var(--jfi-form-control-border-color);\n border-width: var(--jfi-form-control-border-width);\n border-bottom-width: var(--jfi-form-control-border-bottom-width);\n border-left-width: var(--jfi-form-control-border-left-width);\n border-right-width: var(--jfi-form-control-border-right-width);\n border-top-width: var(--jfi-form-control-border-top-width);\n border-radius: var(--jfi-form-control-border-radius);\n border-style: var(--jfi-form-control-border-style);\n box-shadow: var(--jfi-form-control-box-shadow);\n color: var(--jfi-form-control-color);\n font-size: var(--jfi-form-control-font-size);\n font-weight: var(--jfi-form-control-font-weight);\n line-height: var(--jfi-form-control-line-height);\n margin: var(--jfi-form-control-margin);\n padding: var(--jfi-form-control-padding);\n\n &:focus {\n color: var(--jfi-form-control-color-focus);\n border-color: var(--jfi-form-control-border-color-focus);\n box-shadow: var(--jfi-form-control-box-shadow-focus);\n }\n}\n\n*::part(input-invalid) {\n border-color: var(--jfi-form-control-border-color-error);\n box-shadow: var(--jfi-form-control-box-shadow-error);\n\n &:focus {\n border-color: var(--jfi-form-control-border-color-error);\n box-shadow: var(--jfi-form-control-box-shadow-error-focus);\n }\n}\n\n.jfi-submit-button {\n color: var(--jfi-submit-button-color);\n background-color: var(--jfi-submit-button-background-color);\n border-color: var(--jfi-submit-button-border-color);\n padding: var(--jfi-submit-button-padding);\n font-size: var(--jfi-submit-button-font-size);\n border-radius: var(--jfi-submit-button-border-radius);\n width: var(--jfi-submit-button-width);\n box-shadow: var(--jfi-submit-button-box-shadow);\n}\n\n.jfi-submit-button:hover {\n color: var(--jfi-submit-button-color-hover);\n background-color: var(--jfi-submit-button-background-color-hover);\n border-color: var(--jfi-submit-button-border-color-hover);\n}\n\n.jfi-submit-button:focus {\n color: var(--jfi-submit-button-color-focus);\n background-color: var(--jfi-submit-button-background-color-focus);\n border-color: var(--jfi-submit-button-border-color-focus);\n}\n\n// Extra selector for specificity\n.btn.jfi-submit-button:active {\n color: var(--jfi-submit-button-color-active);\n background-color: var(--jfi-submit-button-background-color-active);\n border-color: var(--jfi-submit-button-border-color-active);\n}\n.btn.jfi-submit-button-loading {\n min-width: 75px;\n color: var(--jfi-submit-button-color-loading);\n background-color: var(--jfi-submit-button-background-color-loading);\n border-color: var(--jfi-submit-button-border-color-loading);\n}\n.btn.jfi-submit-button-loading .spinner-border {\n border-top-color: var(--jfi-submit-button-color-loading);\n border-bottom-color: var(--jfi-submit-button-color-loading);\n border-left-color: var(--jfi-submit-button-color-loading);\n}\n","import { Component, Prop, h, Host, State, Listen, Method, Event, EventEmitter } from '@stencil/core';\nimport { PaymentMethodTypes } from '../../api';\nimport { BillingFormFields } from '../billing-form/billing-form-schema';\nimport { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';\n\n@Component({\n tag: 'justifi-payment-form',\n styleUrl: 'payment-form.scss',\n shadow: true,\n})\nexport class PaymentForm {\n @Prop() bankAccount?: boolean;\n @Prop() card?: boolean;\n @Prop() email?: string;\n @Prop() iframeOrigin?: string;\n @Prop() clientId: string;\n @Prop() accountId?: string;\n @Prop() submitButtonText?: string;\n @Event() submitted: EventEmitter<CreatePaymentMethodResponse>;\n @State() submitButtonEnabled: boolean = true;\n @State() isLoading: boolean = false;\n @State() selectedPaymentMethodType: PaymentMethodTypes;\n @State() allowedPaymentMethodTypes: PaymentMethodTypes[] = [];\n\n private paymentMethodFormRef?: HTMLJustifiPaymentMethodFormElement;\n private billingFormRef?: HTMLJustifiBillingFormElement;\n\n connectedCallback() {\n if (this.card) {\n this.allowedPaymentMethodTypes.push(PaymentMethodTypes.card);\n }\n if (this.bankAccount) {\n this.allowedPaymentMethodTypes.push(PaymentMethodTypes.bankAccount);\n }\n if (!this.allowedPaymentMethodTypes.length) {\n this.allowedPaymentMethodTypes.push(PaymentMethodTypes.card);\n }\n this.selectedPaymentMethodType = this.allowedPaymentMethodTypes[0];\n }\n\n @Listen('paymentMethodSelected')\n paymentMethodSelectedHandler(event: CustomEvent) {\n const paymentMethodType: PaymentMethodTypes = event.detail;\n this.selectedPaymentMethodType = paymentMethodType;\n }\n\n @Method()\n async fillBillingForm(fields: BillingFormFields) {\n this.billingFormRef.fill(fields);\n }\n\n @Method()\n async enableSubmitButton() {\n this.submitButtonEnabled = true;\n }\n\n async submit(event) {\n event.preventDefault();\n if (!this.paymentMethodFormRef || !this.billingFormRef) return;\n\n const billingFormValidation = await this.billingFormRef.validate();\n const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();\n\n if (!billingFormValidation.isValid || !paymentMethodFormValidation.isValid) return;\n\n this.isLoading = true;\n\n const billingFormFieldValues = await this.billingFormRef.getValues();\n const paymentMethodData = { email: this.email, ...billingFormFieldValues };\n const tokenizeResponse = await this.paymentMethodFormRef.tokenize(this.clientId, paymentMethodData, this.accountId);\n\n this.submitted.emit(tokenizeResponse);\n this.isLoading = false;\n }\n\n render() {\n return (\n <Host>\n <form class=\"row gy-3\">\n {this.allowedPaymentMethodTypes.length > 1 && (\n <div class=\"col-12\">\n <justifi-payment-method-selector paymentMethodTypes={this.allowedPaymentMethodTypes} selectedPaymentMethodType={this.selectedPaymentMethodType} />\n </div>\n )}\n <div class=\"col-12\">\n <justifi-payment-method-form\n payment-method-form-type={this.selectedPaymentMethodType}\n iframe-origin={this.iframeOrigin}\n ref={el => {\n if (el) {\n this.paymentMethodFormRef = el;\n }\n }}\n />\n </div>\n <div class=\"col-12\">\n <justifi-billing-form\n legend=\"Billing Info\"\n ref={el => {\n if (el) {\n this.billingFormRef = el;\n }\n }}\n />\n </div>\n <div class=\"col-12\">\n <button\n type=\"submit\"\n onClick={event => this.submit(event)}\n disabled={!this.submitButtonEnabled || this.isLoading}\n class={`btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`}\n >\n {\n this.isLoading ?\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\n <span class=\"visually-hidden\">Loading...</span>\n </div> :\n this.submitButtonText || 'Submit'\n }\n </button>\n </div>\n </form>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"justifi-payment-form.entry.cjs.js","mappings":"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","names":["PaymentMethodTypes","extractComputedFontsToLoad","h","Host"],"sources":["src/components/payment-form/payment-form.scss?tag=justifi-payment-form&encapsulation=shadow","src/components/payment-form/payment-form.tsx"],"sourcesContent":["@import 'reboot';\n@import 'grid';\n@import 'buttons';\n@import 'spinners';\n\n:host {\n @include host-base-styles;\n display: block;\n}\n\njustifi-payment-method-form {\n display: block;\n margin-left: calc(var(--jfi-layout-padding) * -1);\n margin-right: calc(var(--jfi-layout-padding) * -1);\n}\n\n*::part(label) {\n color: var(--jfi-form-label-color);\n font-family: var(--jfi-form-label-font-family);\n font-weight: var(--jfi-form-label-font-weight);\n font-size: var(--jfi-form-label-font-size);\n margin: var(--jfi-form-label-margin);\n}\n\n*::part(input) {\n font-family: var(--jfi-layout-font-family);\n background-color: var(--jfi-form-control-background-color);\n border-color: var(--jfi-form-control-border-color);\n border-width: var(--jfi-form-control-border-width);\n border-bottom-width: var(--jfi-form-control-border-bottom-width);\n border-left-width: var(--jfi-form-control-border-left-width);\n border-right-width: var(--jfi-form-control-border-right-width);\n border-top-width: var(--jfi-form-control-border-top-width);\n border-radius: var(--jfi-form-control-border-radius);\n border-style: var(--jfi-form-control-border-style);\n box-shadow: var(--jfi-form-control-box-shadow);\n color: var(--jfi-form-control-color);\n font-size: var(--jfi-form-control-font-size);\n font-weight: var(--jfi-form-control-font-weight);\n line-height: var(--jfi-form-control-line-height);\n margin: var(--jfi-form-control-margin);\n padding: var(--jfi-form-control-padding);\n\n &:focus {\n color: var(--jfi-form-control-color-focus);\n border-color: var(--jfi-form-control-border-color-focus);\n box-shadow: var(--jfi-form-control-box-shadow-focus);\n }\n}\n\n*::part(input-invalid) {\n border-color: var(--jfi-form-control-border-color-error);\n box-shadow: var(--jfi-form-control-box-shadow-error);\n\n &:focus {\n border-color: var(--jfi-form-control-border-color-error);\n box-shadow: var(--jfi-form-control-box-shadow-error-focus);\n }\n}\n\n.jfi-submit-button {\n font-family: var(--jfi-layout-font-family);\n color: var(--jfi-submit-button-color);\n background-color: var(--jfi-submit-button-background-color);\n border-color: var(--jfi-submit-button-border-color);\n padding: var(--jfi-submit-button-padding);\n font-size: var(--jfi-submit-button-font-size);\n border-radius: var(--jfi-submit-button-border-radius);\n width: var(--jfi-submit-button-width);\n box-shadow: var(--jfi-submit-button-box-shadow);\n}\n\n.jfi-submit-button:hover {\n color: var(--jfi-submit-button-color-hover);\n background-color: var(--jfi-submit-button-background-color-hover);\n border-color: var(--jfi-submit-button-border-color-hover);\n}\n\n.jfi-submit-button:focus {\n color: var(--jfi-submit-button-color-focus);\n background-color: var(--jfi-submit-button-background-color-focus);\n border-color: var(--jfi-submit-button-border-color-focus);\n}\n\n// Extra selector for specificity\n.btn.jfi-submit-button:active {\n color: var(--jfi-submit-button-color-active);\n background-color: var(--jfi-submit-button-background-color-active);\n border-color: var(--jfi-submit-button-border-color-active);\n}\n.btn.jfi-submit-button-loading {\n min-width: 75px;\n color: var(--jfi-submit-button-color-loading);\n background-color: var(--jfi-submit-button-background-color-loading);\n border-color: var(--jfi-submit-button-border-color-loading);\n}\n.btn.jfi-submit-button-loading .spinner-border {\n border-top-color: var(--jfi-submit-button-color-loading);\n border-bottom-color: var(--jfi-submit-button-color-loading);\n border-left-color: var(--jfi-submit-button-color-loading);\n}\n","import { Component, Prop, h, Host, State, Listen, Method, Event, EventEmitter } from '@stencil/core';\nimport { PaymentMethodTypes } from '../../api';\nimport { BillingFormFields } from '../billing-form/billing-form-schema';\nimport { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';\nimport { extractComputedFontsToLoad } from '../../utils/utils';\n\n@Component({\n tag: 'justifi-payment-form',\n styleUrl: 'payment-form.scss',\n shadow: true,\n})\nexport class PaymentForm {\n @Prop() bankAccount?: boolean;\n @Prop() card?: boolean;\n @Prop() email?: string;\n @Prop() iframeOrigin?: string;\n @Prop() clientId: string;\n @Prop() accountId?: string;\n @Prop() submitButtonText?: string;\n @Event() submitted: EventEmitter<CreatePaymentMethodResponse>;\n @State() submitButtonEnabled: boolean = true;\n @State() hasLoadedFonts: boolean = false;\n @State() isLoading: boolean = false;\n @State() selectedPaymentMethodType: PaymentMethodTypes;\n @State() allowedPaymentMethodTypes: PaymentMethodTypes[] = [];\n\n private paymentMethodFormRef?: HTMLJustifiPaymentMethodFormElement;\n private billingFormRef?: HTMLJustifiBillingFormElement;\n\n connectedCallback() {\n if (this.card) {\n this.allowedPaymentMethodTypes.push(PaymentMethodTypes.card);\n }\n if (this.bankAccount) {\n this.allowedPaymentMethodTypes.push(PaymentMethodTypes.bankAccount);\n }\n if (!this.allowedPaymentMethodTypes.length) {\n this.allowedPaymentMethodTypes.push(PaymentMethodTypes.card);\n }\n this.selectedPaymentMethodType = this.allowedPaymentMethodTypes[0];\n\n if (!this.hasLoadedFonts) {\n this.loadFontsOnParent();\n this.hasLoadedFonts = true;\n }\n }\n\n @Listen('paymentMethodSelected')\n paymentMethodSelectedHandler(event: CustomEvent) {\n const paymentMethodType: PaymentMethodTypes = event.detail;\n this.selectedPaymentMethodType = paymentMethodType;\n }\n\n @Method()\n async fillBillingForm(fields: BillingFormFields) {\n this.billingFormRef.fill(fields);\n }\n\n @Method()\n async enableSubmitButton() {\n this.submitButtonEnabled = true;\n }\n\n @Method()\n async loadFontsOnParent() {\n\n const parent = document.body;\n const fontsToLoad = extractComputedFontsToLoad();\n if (!parent || !fontsToLoad) {\n return null;\n }\n\n // This approach is needed to load the font in a parent of the component\n const fonts = document.createElement('link');\n fonts.rel = 'stylesheet';\n fonts.href = `https://fonts.googleapis.com/css2?family=${fontsToLoad}&display=swap`;\n\n parent.append(fonts);\n }\n\n async submit(event) {\n event.preventDefault();\n if (!this.paymentMethodFormRef || !this.billingFormRef) return;\n\n const billingFormValidation = await this.billingFormRef.validate();\n const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();\n\n if (!billingFormValidation.isValid || !paymentMethodFormValidation.isValid) return;\n\n this.isLoading = true;\n\n const billingFormFieldValues = await this.billingFormRef.getValues();\n const paymentMethodData = { email: this.email, ...billingFormFieldValues };\n const tokenizeResponse = await this.paymentMethodFormRef.tokenize(this.clientId, paymentMethodData, this.accountId);\n\n this.submitted.emit(tokenizeResponse);\n this.isLoading = false;\n }\n\n render() {\n return (\n <Host>\n <form class=\"row gy-3\">\n {this.allowedPaymentMethodTypes.length > 1 && (\n <div class=\"col-12\">\n <justifi-payment-method-selector paymentMethodTypes={this.allowedPaymentMethodTypes} selectedPaymentMethodType={this.selectedPaymentMethodType} />\n </div>\n )}\n <div class=\"col-12\">\n <justifi-payment-method-form\n payment-method-form-type={this.selectedPaymentMethodType}\n iframe-origin={this.iframeOrigin}\n ref={el => {\n if (el) {\n this.paymentMethodFormRef = el;\n }\n }}\n />\n </div>\n <div class=\"col-12\">\n <justifi-billing-form\n legend=\"Billing Info\"\n ref={el => {\n if (el) {\n this.billingFormRef = el;\n }\n }}\n />\n </div>\n <slot name='insurance' />\n <div class=\"col-12\">\n <button\n type=\"submit\"\n onClick={event => this.submit(event)}\n disabled={!this.submitButtonEnabled || this.isLoading}\n class={`btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`}\n >\n {\n this.isLoading ?\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\n <span class=\"visually-hidden\">Loading...</span>\n </div> :\n this.submitButtonText || 'Submit'\n }\n </button>\n </div>\n </form>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/cjs/justifi-payment-method-form.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-34312a38.js');
5
+ const index = require('./index-4ffc90c0.js');
6
6
 
7
7
  const MessageEventType = {
8
8
  card: {
@@ -22,7 +22,7 @@ const MessageEventType = {
22
22
  };
23
23
 
24
24
  const name = "@justifi/webcomponents";
25
- const version = "4.2.2";
25
+ const version = "4.5.0";
26
26
  const description = "JustiFi Web Components";
27
27
  const main = "dist/index.cjs.js";
28
28
  const module$1 = "dist/components/index.js";
@@ -42,25 +42,26 @@ const files = [
42
42
  "loader/"
43
43
  ];
44
44
  const scripts = {
45
- "auto-changelog": "auto-changelog",
45
+ build: "npm run build:prod",
46
46
  "build:dev": "NODE_ENV=dev stencil build --docs",
47
47
  "build:staging": "NODE_ENV=staging stencil build --docs",
48
48
  "build:prod": "NODE_ENV=prod stencil build --docs",
49
- start: "NODE_ENV=dev concurrently -c \"bgBlue.bold,bgMagenta.bold,bgGreen.bold\" \"yarn run start-stencil\" \"yarn run storybook\"",
50
- "start-stencil": "stencil build --watch --serve --no-open",
49
+ start: "concurrently --restart-tries 3 -c \"bgBlue.bold,bgMagenta.bold,bgGreen.bold\" \"npm run start-stencil\" \"npm run storybook\"",
50
+ "start-stencil": "NODE_ENV=dev stencil build --watch --serve --no-open",
51
51
  test: "stencil test --spec",
52
52
  "test:watch": "stencil test --spec --watchAll",
53
53
  "test:e2e": "stencil test --e2e",
54
54
  generate: "stencil generate",
55
- storybook: "storybook dev -p 6006 --quiet",
55
+ storybook: "NODE_ENV=dev storybook dev -p 6006 --quiet",
56
56
  "build-storybook": "storybook build -o ../docs"
57
57
  };
58
58
  const dependencies = {
59
- "@stencil/core": "^3.3.0",
60
- "@stencil/react-output-target": "^0.3.1",
59
+ "@stencil/core": "^4.0.5",
61
60
  bootstrap: "^5.2.3",
62
61
  "date-fns": "^2.29.3",
63
62
  "dinero.js": "^1.9.1",
63
+ imask: "^7.1.3",
64
+ rxjs: "^7.8.1",
64
65
  "ts-dedent": "^2.2.0",
65
66
  uuid: "^9.0.0",
66
67
  yup: "^1.0.0"
@@ -70,7 +71,11 @@ const devDependencies = {
70
71
  "@babel/preset-react": "^7.18.6",
71
72
  "@babel/preset-typescript": "^7.21.5",
72
73
  "@pxtrn/storybook-addon-docs-stencil": "^6.4.1",
74
+ "@stencil/angular-output-target": "^0.7.1",
75
+ "@stencil/react-output-target": "^0.5.3",
73
76
  "@stencil/sass": "^3.0.1",
77
+ "@stencil/store": "^2.0.8",
78
+ "@stencil/vue-output-target": "^0.8.6",
74
79
  "@storybook/addon-actions": "^7.0.4",
75
80
  "@storybook/addon-essentials": "^7.0.4",
76
81
  "@storybook/addon-interactions": "^7.0.4",
@@ -83,18 +88,18 @@ const devDependencies = {
83
88
  "@types/node": "^20.1.4",
84
89
  "@types/react": "^18.0.37",
85
90
  "@types/react-dom": "^18.0.11",
86
- "auto-changelog": "^2.4.0",
87
91
  concurrently: "^7.6.0",
92
+ dotenv: "^16.3.1",
88
93
  jest: "^27.4.5",
89
94
  "jest-cli": "^27.4.5",
90
95
  puppeteer: "^10.0.0",
91
96
  react: "^18.2.0",
92
97
  "react-dom": "^18.2.0",
93
- "release-it": "^15.6.0",
94
98
  "rollup-plugin-replace": "^2.2.0",
95
99
  storybook: "^7.0.4"
96
100
  };
97
101
  const license = "MIT";
102
+ const gitHead = "507bac1d941eae6e1f56e185ecd9bc9d22637783";
98
103
  const packageJson = {
99
104
  name: name,
100
105
  version: version,
@@ -110,20 +115,18 @@ const packageJson = {
110
115
  publishConfig: publishConfig,
111
116
  files: files,
112
117
  scripts: scripts,
113
- "auto-changelog": {
114
- output: "../CHANGELOG.md",
115
- hideCredtis: "true",
116
- commitLimit: "true"
117
- },
118
118
  dependencies: dependencies,
119
119
  devDependencies: devDependencies,
120
- license: license
120
+ license: license,
121
+ gitHead: gitHead
121
122
  };
122
123
 
123
124
  const getComputedTheme = () => {
124
125
  const computedStyles = getComputedStyle(document.body);
125
126
  const computedTheme = {
127
+ loadGoogleFont: computedStyles.getPropertyValue('--jfi-load-google-font'),
126
128
  layout: {
129
+ fontFamily: computedStyles.getPropertyValue('--jfi-layout-font-family'),
127
130
  padding: computedStyles.getPropertyValue('--jfi-layout-padding'),
128
131
  formControlSpacingHorizontal: computedStyles.getPropertyValue('--jfi-layout-form-control-spacing-x'),
129
132
  formControlSpacingVertical: computedStyles.getPropertyValue('--jfi-layout-form-control-spacing-y'),
@@ -190,6 +193,7 @@ const PaymentMethodForm = class {
190
193
  }
191
194
  componentShouldUpdate() {
192
195
  this.sendStyleOverrides();
196
+ this.resize();
193
197
  }
194
198
  sendStyleOverrides() {
195
199
  if (this.computedTheme) {
@@ -209,7 +213,7 @@ const PaymentMethodForm = class {
209
213
  }
210
214
  postMessage(eventType, payload) {
211
215
  var _a, _b;
212
- (_b = (_a = this.iframeElement) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.postMessage(Object.assign({ eventType: eventType }, payload), '*');
216
+ (_b = (_a = this.iframeElement) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.postMessage(Object.assign({ eventType: eventType }, payload), this.iframeOrigin || "" || '*');
213
217
  }
214
218
  async postMessageWithResponseListener(eventType, payload) {
215
219
  return new Promise(resolve => {
@@ -251,7 +255,7 @@ const PaymentMethodForm = class {
251
255
  return queryParams.join('');
252
256
  }
253
257
  getIframeSrc() {
254
- const iframeOrigin = this.iframeOrigin || 'https://js.justifi.ai/v2';
258
+ const iframeOrigin = this.iframeOrigin || "" || 'https://js.justifi.ai/v2';
255
259
  let iframeSrc = `${iframeOrigin}/${this.paymentMethodFormType}`;
256
260
  let paramsList = [];
257
261
  if (this.paymentMethodFormValidationMode) {
@@ -263,7 +267,10 @@ const PaymentMethodForm = class {
263
267
  return iframeSrc.concat(this.composeQueryParams(paramsList));
264
268
  }
265
269
  render() {
266
- return (index.h(index.Host, null, index.h("iframe", { id: `justifi-payment-method-form-${this.paymentMethodFormType}`, src: this.getIframeSrc(), ref: el => (this.iframeElement = el), height: this.height })));
270
+ return (index.h(index.Host, null, index.h("iframe", { id: `justifi-payment-method-form-${this.paymentMethodFormType}`, src: this.getIframeSrc(), ref: el => (this.iframeElement = el), height: this.height, onLoad: () => {
271
+ this.sendStyleOverrides();
272
+ this.resize();
273
+ } })));
267
274
  }
268
275
  };
269
276
  PaymentMethodForm.style = paymentMethodFormCss;
package/dist/cjs/justifi-payment-method-form.cjs.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"justifi-payment-method-form.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["./src/components/payment-method-form/message-event-types.ts","./src/components/payment-method-form/get-computed-theme.ts","./src/components/payment-method-form/payment-method-form.css?tag=justifi-payment-method-form","./src/components/payment-method-form/payment-method-form.tsx"],"sourcesContent":["export const MessageEventType = {\n card: {\n ready: 'justifi.card.ready',\n tokenize: 'justifi.card.tokenize',\n validate: 'justifi.card.validate',\n resize: 'justifi.card.resize',\n styleOverrides: 'justifi.card.styleOverrides',\n },\n bankAccount: {\n ready: 'justifi.bankAccount.ready',\n tokenize: 'justifi.bankAccount.tokenize',\n validate: 'justifi.bankAccount.validate',\n resize: 'justifi.bankAccount.resize',\n styleOverrides: 'justifi.bankAccount.styleOverrides',\n },\n};\n","import { Theme } from './theme';\n\nconst getComputedTheme = () => {\n const computedStyles = getComputedStyle(document.body);\n\n const computedTheme: Theme = {\n layout: {\n padding: computedStyles.getPropertyValue('--jfi-layout-padding'),\n formControlSpacingHorizontal: computedStyles.getPropertyValue('--jfi-layout-form-control-spacing-x'),\n formControlSpacingVertical: computedStyles.getPropertyValue('--jfi-layout-form-control-spacing-y'),\n },\n formControl: {\n backgroundColor: computedStyles.getPropertyValue('--jfi-form-control-background-color'),\n borderColor: computedStyles.getPropertyValue('--jfi-form-control-border-color'),\n borderColorFocus: computedStyles.getPropertyValue('--jfi-form-control-border-color-focus'),\n borderColorError: computedStyles.getPropertyValue('--jfi-form-control-border-color-error'),\n borderWidth: computedStyles.getPropertyValue('--jfi-form-control-border-width'),\n borderBottomWidth: computedStyles.getPropertyValue('--jfi-form-control-border-bottom-width'),\n borderLeftWidth: computedStyles.getPropertyValue('--jfi-form-control-border-left-width'),\n borderRightWidth: computedStyles.getPropertyValue('--jfi-form-control-border-right-width'),\n borderTopWidth: computedStyles.getPropertyValue('--jfi-form-control-border-top-width'),\n borderRadius: computedStyles.getPropertyValue('--jfi-form-control-border-radius'),\n borderStyle: computedStyles.getPropertyValue('--jfi-form-control-border-style'),\n boxShadow: computedStyles.getPropertyValue('--jfi-form-control-box-shadow'),\n boxShadowError: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-error'),\n boxShadowErrorFocus: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-error-focus'),\n boxShadowFocus: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-focus'),\n color: computedStyles.getPropertyValue('--jfi-form-control-color'),\n colorFocus: computedStyles.getPropertyValue('--jfi-form-control-color-focus'),\n fontSize: computedStyles.getPropertyValue('--jfi-form-control-font-size'),\n fontWeight: computedStyles.getPropertyValue('--jfi-form-control-font-weight'),\n lineHeight: computedStyles.getPropertyValue('--jfi-form-control-line-height'),\n margin: computedStyles.getPropertyValue('--jfi-form-control-margin'),\n padding: computedStyles.getPropertyValue('--jfi-form-control-padding'),\n },\n formLabel: {\n color: computedStyles.getPropertyValue('--jfi-form-label-color'),\n fontFamily: computedStyles.getPropertyValue('--jfi-form-label-font-family'),\n fontSize: computedStyles.getPropertyValue('--jfi-form-label-font-size'),\n fontWeight: computedStyles.getPropertyValue('--jfi-form-label-font-weight'),\n margin: computedStyles.getPropertyValue('--jfi-form-label-margin'),\n },\n errorMessage: {\n color: computedStyles.getPropertyValue('--jfi-error-message-color'),\n margin: computedStyles.getPropertyValue('--jfi-error-message-margin'),\n fontSize: computedStyles.getPropertyValue('--jfi-error-message-font-size'),\n },\n };\n\n return computedTheme;\n};\n\nexport default getComputedTheme;\n",":host {\n display: block;\n}\n\njustifi-payment-method-form iframe {\n border: none;\n width: 100%;\n}\n","import { Component, Event, Host, Prop, h, EventEmitter, Method, State } from '@stencil/core';\nimport { MessageEventType } from './message-event-types';\nimport { Theme } from './theme';\nimport packageJson from '../../../package.json';\nimport getComputedTheme from './get-computed-theme';\nimport { CreatePaymentMethodResponse } from './payment-method-responses';\n\n@Component({\n tag: 'justifi-payment-method-form',\n styleUrl: 'payment-method-form.css',\n shadow: false,\n})\nexport class PaymentMethodForm {\n @Prop() paymentMethodFormType: 'card' | 'bankAccount';\n @Prop({\n mutable: true,\n })\n paymentMethodFormValidationMode: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n @Prop() iframeOrigin?: string;\n @Prop() singleLine: boolean;\n @Event({ bubbles: true }) paymentMethodFormReady: EventEmitter;\n @Event({ bubbles: true }) paymentMethodFormTokenize: EventEmitter<{ data: any }>;\n @State() height: number = 55;\n\n private computedTheme: Theme = getComputedTheme();\n\n iframeElement!: HTMLIFrameElement;\n\n connectedCallback() {\n window.addEventListener('message', this.dispatchMessageEvent.bind(this));\n }\n\n disconnectedCallback() {\n window.removeEventListener('message', this.dispatchMessageEvent.bind(this));\n }\n\n componentShouldUpdate() {\n this.sendStyleOverrides();\n }\n\n sendStyleOverrides() {\n if (this.computedTheme) {\n this.postMessage(MessageEventType[this.paymentMethodFormType].styleOverrides, { styleOverrides: this.computedTheme });\n }\n }\n\n private dispatchMessageEvent(messageEvent: MessageEvent) {\n const messagePayload = messageEvent.data;\n const messageType = messagePayload.eventType;\n const messageData = messagePayload.data;\n\n if (messageType === MessageEventType[this.paymentMethodFormType].ready) {\n this.paymentMethodFormReady.emit(messageData);\n }\n\n if (messageType === MessageEventType[this.paymentMethodFormType].resize) {\n this.height = messageData.height;\n }\n }\n\n private postMessage(eventType: string, payload?: any) {\n this.iframeElement?.contentWindow?.postMessage({ eventType: eventType, ...payload }, '*');\n }\n\n private async postMessageWithResponseListener(eventType: string, payload?: any): Promise<any> {\n return new Promise(resolve => {\n const responseListener = (event: MessageEvent) => {\n if (event.data.eventType !== eventType) return;\n window.removeEventListener('message', responseListener);\n resolve(event.data.data);\n };\n window.addEventListener('message', responseListener);\n this.postMessage(eventType, payload);\n });\n }\n\n @Method()\n async tokenize(clientId: string, paymentMethodMetadata: any, account?: string): Promise<CreatePaymentMethodResponse> {\n const eventType = MessageEventType[this.paymentMethodFormType].tokenize;\n const payload = {\n clientId: clientId,\n componentVersion: packageJson.version,\n paymentMethodMetadata: paymentMethodMetadata,\n account: account,\n };\n\n return this.postMessageWithResponseListener(eventType, payload);\n }\n\n @Method()\n async validate(): Promise<any> {\n return this.postMessageWithResponseListener(MessageEventType[this.paymentMethodFormType].validate);\n }\n\n @Method()\n async resize(): Promise<any> {\n this.postMessage(MessageEventType[this.paymentMethodFormType].resize);\n }\n\n private composeQueryParams(values: string[]) {\n const queryParams = values.map(value => {\n if (value === values[0]) {\n return (value = `?${value}`);\n } else {\n return (value = `&${value}`);\n }\n });\n return queryParams.join('');\n }\n\n private getIframeSrc() {\n const iframeOrigin = this.iframeOrigin || 'https://js.justifi.ai/v2';\n let iframeSrc = `${iframeOrigin}/${this.paymentMethodFormType}`;\n let paramsList = [];\n if (this.paymentMethodFormValidationMode) {\n paramsList.push(`validationMode=${this.paymentMethodFormValidationMode}`);\n }\n if (this.singleLine) {\n paramsList.push(`singleLine=${this.singleLine}`);\n }\n\n return iframeSrc.concat(this.composeQueryParams(paramsList));\n }\n\n render() {\n return (\n <Host>\n <iframe\n id={`justifi-payment-method-form-${this.paymentMethodFormType}`}\n src={this.getIframeSrc()}\n ref={el => (this.iframeElement = el as HTMLIFrameElement)}\n height={this.height}\n ></iframe>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"justifi-payment-method-form.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/payment-method-form/message-event-types.ts","src/components/payment-method-form/get-computed-theme.ts","src/components/payment-method-form/payment-method-form.css?tag=justifi-payment-method-form","src/components/payment-method-form/payment-method-form.tsx"],"sourcesContent":["export const MessageEventType = {\n card: {\n ready: 'justifi.card.ready',\n tokenize: 'justifi.card.tokenize',\n validate: 'justifi.card.validate',\n resize: 'justifi.card.resize',\n styleOverrides: 'justifi.card.styleOverrides',\n },\n bankAccount: {\n ready: 'justifi.bankAccount.ready',\n tokenize: 'justifi.bankAccount.tokenize',\n validate: 'justifi.bankAccount.validate',\n resize: 'justifi.bankAccount.resize',\n styleOverrides: 'justifi.bankAccount.styleOverrides',\n },\n};\n","import { Theme } from './theme';\n\nconst getComputedTheme = () => {\n const computedStyles = getComputedStyle(document.body);\n\n const computedTheme: Theme = {\n loadGoogleFont: computedStyles.getPropertyValue('--jfi-load-google-font'),\n layout: {\n fontFamily: computedStyles.getPropertyValue('--jfi-layout-font-family'),\n padding: computedStyles.getPropertyValue('--jfi-layout-padding'),\n formControlSpacingHorizontal: computedStyles.getPropertyValue('--jfi-layout-form-control-spacing-x'),\n formControlSpacingVertical: computedStyles.getPropertyValue('--jfi-layout-form-control-spacing-y'),\n },\n formControl: {\n backgroundColor: computedStyles.getPropertyValue('--jfi-form-control-background-color'),\n borderColor: computedStyles.getPropertyValue('--jfi-form-control-border-color'),\n borderColorFocus: computedStyles.getPropertyValue('--jfi-form-control-border-color-focus'),\n borderColorError: computedStyles.getPropertyValue('--jfi-form-control-border-color-error'),\n borderWidth: computedStyles.getPropertyValue('--jfi-form-control-border-width'),\n borderBottomWidth: computedStyles.getPropertyValue('--jfi-form-control-border-bottom-width'),\n borderLeftWidth: computedStyles.getPropertyValue('--jfi-form-control-border-left-width'),\n borderRightWidth: computedStyles.getPropertyValue('--jfi-form-control-border-right-width'),\n borderTopWidth: computedStyles.getPropertyValue('--jfi-form-control-border-top-width'),\n borderRadius: computedStyles.getPropertyValue('--jfi-form-control-border-radius'),\n borderStyle: computedStyles.getPropertyValue('--jfi-form-control-border-style'),\n boxShadow: computedStyles.getPropertyValue('--jfi-form-control-box-shadow'),\n boxShadowError: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-error'),\n boxShadowErrorFocus: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-error-focus'),\n boxShadowFocus: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-focus'),\n color: computedStyles.getPropertyValue('--jfi-form-control-color'),\n colorFocus: computedStyles.getPropertyValue('--jfi-form-control-color-focus'),\n fontSize: computedStyles.getPropertyValue('--jfi-form-control-font-size'),\n fontWeight: computedStyles.getPropertyValue('--jfi-form-control-font-weight'),\n lineHeight: computedStyles.getPropertyValue('--jfi-form-control-line-height'),\n margin: computedStyles.getPropertyValue('--jfi-form-control-margin'),\n padding: computedStyles.getPropertyValue('--jfi-form-control-padding'),\n },\n formLabel: {\n color: computedStyles.getPropertyValue('--jfi-form-label-color'),\n fontFamily: computedStyles.getPropertyValue('--jfi-form-label-font-family'),\n fontSize: computedStyles.getPropertyValue('--jfi-form-label-font-size'),\n fontWeight: computedStyles.getPropertyValue('--jfi-form-label-font-weight'),\n margin: computedStyles.getPropertyValue('--jfi-form-label-margin'),\n },\n errorMessage: {\n color: computedStyles.getPropertyValue('--jfi-error-message-color'),\n margin: computedStyles.getPropertyValue('--jfi-error-message-margin'),\n fontSize: computedStyles.getPropertyValue('--jfi-error-message-font-size'),\n },\n };\n\n return computedTheme;\n};\n\nexport default getComputedTheme;\n",":host {\n display: block;\n}\n\njustifi-payment-method-form iframe {\n border: none;\n width: 100%;\n}\n","import { Component, Event, Host, Prop, h, EventEmitter, Method, State } from '@stencil/core';\nimport { MessageEventType } from './message-event-types';\nimport { Theme } from './theme';\nimport packageJson from '../../../package.json';\nimport getComputedTheme from './get-computed-theme';\nimport { CreatePaymentMethodResponse } from './payment-method-responses';\n\n@Component({\n tag: 'justifi-payment-method-form',\n styleUrl: 'payment-method-form.css',\n shadow: false,\n})\nexport class PaymentMethodForm {\n @Prop() paymentMethodFormType: 'card' | 'bankAccount';\n @Prop({\n mutable: true,\n })\n paymentMethodFormValidationMode: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n @Prop() iframeOrigin?: string;\n @Prop() singleLine: boolean;\n @Event({ bubbles: true }) paymentMethodFormReady: EventEmitter;\n @Event({ bubbles: true }) paymentMethodFormTokenize: EventEmitter<{ data: any }>;\n @State() height: number = 55;\n\n private computedTheme: Theme = getComputedTheme();\n\n iframeElement!: HTMLIFrameElement;\n\n connectedCallback() {\n window.addEventListener('message', this.dispatchMessageEvent.bind(this));\n }\n\n disconnectedCallback() {\n window.removeEventListener('message', this.dispatchMessageEvent.bind(this));\n }\n\n componentShouldUpdate() {\n this.sendStyleOverrides();\n this.resize();\n }\n\n sendStyleOverrides() {\n if (this.computedTheme) {\n this.postMessage(MessageEventType[this.paymentMethodFormType].styleOverrides, { styleOverrides: this.computedTheme });\n }\n }\n\n private dispatchMessageEvent(messageEvent: MessageEvent) {\n const messagePayload = messageEvent.data;\n const messageType = messagePayload.eventType;\n const messageData = messagePayload.data;\n\n if (messageType === MessageEventType[this.paymentMethodFormType].ready) {\n this.paymentMethodFormReady.emit(messageData);\n }\n\n if (messageType === MessageEventType[this.paymentMethodFormType].resize) {\n this.height = messageData.height;\n }\n }\n\n private postMessage(eventType: string, payload?: any) {\n this.iframeElement?.contentWindow?.postMessage({ eventType: eventType, ...payload }, this.iframeOrigin || process.env.IFRAME_ORIGIN || '*');\n }\n\n private async postMessageWithResponseListener(eventType: string, payload?: any): Promise<any> {\n return new Promise(resolve => {\n const responseListener = (event: MessageEvent) => {\n if (event.data.eventType !== eventType) return;\n window.removeEventListener('message', responseListener);\n resolve(event.data.data);\n };\n window.addEventListener('message', responseListener);\n this.postMessage(eventType, payload);\n });\n }\n\n @Method()\n async tokenize(clientId: string, paymentMethodMetadata: any, account?: string): Promise<CreatePaymentMethodResponse> {\n const eventType = MessageEventType[this.paymentMethodFormType].tokenize;\n const payload = {\n clientId: clientId,\n componentVersion: packageJson.version,\n paymentMethodMetadata: paymentMethodMetadata,\n account: account,\n };\n\n return this.postMessageWithResponseListener(eventType, payload);\n }\n\n @Method()\n async validate(): Promise<any> {\n return this.postMessageWithResponseListener(MessageEventType[this.paymentMethodFormType].validate);\n }\n\n @Method()\n async resize(): Promise<any> {\n this.postMessage(MessageEventType[this.paymentMethodFormType].resize);\n }\n\n private composeQueryParams(values: string[]) {\n const queryParams = values.map(value => {\n if (value === values[0]) {\n return (value = `?${value}`);\n } else {\n return (value = `&${value}`);\n }\n });\n return queryParams.join('');\n }\n\n private getIframeSrc() {\n const iframeOrigin = this.iframeOrigin || process.env.IFRAME_ORIGIN || 'https://js.justifi.ai/v2';\n let iframeSrc = `${iframeOrigin}/${this.paymentMethodFormType}`;\n let paramsList = [];\n if (this.paymentMethodFormValidationMode) {\n paramsList.push(`validationMode=${this.paymentMethodFormValidationMode}`);\n }\n if (this.singleLine) {\n paramsList.push(`singleLine=${this.singleLine}`);\n }\n\n return iframeSrc.concat(this.composeQueryParams(paramsList));\n }\n\n render() {\n return (\n <Host>\n <iframe\n id={`justifi-payment-method-form-${this.paymentMethodFormType}`}\n src={this.getIframeSrc()}\n ref={el => (this.iframeElement = el as HTMLIFrameElement)}\n height={this.height}\n onLoad={() => {\n this.sendStyleOverrides();\n this.resize();\n }}\n ></iframe>\n </Host>\n );\n }\n}\n"],"version":3}