@saasquatch/mint-components 1.13.0-41 → 1.13.0-42

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 (384) hide show
  1. package/dist/cjs/{ShadowViewAddon-44cb1a98.js → ShadowViewAddon-37f2cd8b.js} +132 -182
  2. package/dist/cjs/{copy-text-view-9b950efe.js → copy-text-view-67cb700e.js} +13 -12
  3. package/dist/cjs/{global-19fc8a7a.js → global-6fe7c678.js} +161 -10
  4. package/dist/cjs/index-e6bafae4.js +2227 -0
  5. package/dist/cjs/{index.module-57703088.js → index.module-b880d18a.js} +1196 -229
  6. package/dist/cjs/loader.cjs.js +4 -4
  7. package/dist/cjs/{luxon-2926d85f.js → luxon-78820ce9.js} +1 -1
  8. package/dist/cjs/mint-components.cjs.js +4 -4
  9. package/dist/cjs/{mockRewardData-272e22d6.js → mockRewardData-d117428d.js} +1 -1
  10. package/dist/cjs/{re-render-35b016ed.js → re-render-050852fe.js} +2 -2
  11. package/dist/cjs/sqm-asset-card.cjs.entry.js +3 -3
  12. package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js +404 -403
  13. package/dist/cjs/sqm-big-stat_38.cjs.entry.js +71 -143
  14. package/dist/cjs/sqm-close-button.cjs.entry.js +3 -3
  15. package/dist/cjs/sqm-context-router.cjs.entry.js +3 -3
  16. package/dist/cjs/sqm-empty_4.cjs.entry.js +6 -6
  17. package/dist/cjs/sqm-form-message.cjs.entry.js +2 -2
  18. package/dist/cjs/sqm-google-sign-in.cjs.entry.js +3 -3
  19. package/dist/cjs/sqm-graphql-client-provider.cjs.entry.js +3 -3
  20. package/dist/cjs/sqm-header-logo.cjs.entry.js +2 -2
  21. package/dist/cjs/sqm-instant-access-registration.cjs.entry.js +6 -6
  22. package/dist/cjs/{sqm-invoice-table-view-9dfa2a16.js → sqm-invoice-table-view-9b735809.js} +1 -1
  23. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +9 -8
  24. package/dist/cjs/sqm-logout-current-user.cjs.entry.js +8 -7
  25. package/dist/cjs/{sqm-navigation-sidebar-item-view-9bba5f7e.js → sqm-navigation-sidebar-item-view-b76869c1.js} +1 -1
  26. package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js +4 -4
  27. package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js +3 -3
  28. package/dist/cjs/sqm-pagination_3.cjs.entry.js +10 -9
  29. package/dist/cjs/sqm-password-field.cjs.entry.js +4 -4
  30. package/dist/cjs/sqm-popup-container.cjs.entry.js +3 -3
  31. package/dist/cjs/{sqm-portal-email-verification-view-98d84549.js → sqm-portal-email-verification-view-39add3d2.js} +1 -1
  32. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +5 -5
  33. package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js +4 -4
  34. package/dist/cjs/sqm-portal-google-login.cjs.entry.js +130 -0
  35. package/dist/cjs/sqm-portal-google-registration-form.cjs.entry.js +9 -7
  36. package/dist/cjs/sqm-portal-login-view-761a4d8e.js +58 -0
  37. package/dist/cjs/sqm-portal-logout.cjs.entry.js +3 -3
  38. package/dist/cjs/{sqm-portal-profile-view-bae28ea0.js → sqm-portal-profile-view-a722b40a.js} +1 -1
  39. package/dist/cjs/sqm-portal-profile.cjs.entry.js +12 -11
  40. package/dist/cjs/sqm-portal-protected-route.cjs.entry.js +3 -3
  41. package/dist/cjs/{sqm-portal-registration-form-view-bd72eeff.js → sqm-portal-registration-form-view-ebf355a6.js} +12 -11
  42. package/dist/cjs/sqm-portal-registration-form.cjs.entry.js +8 -7
  43. package/dist/cjs/sqm-portal-reset-password.cjs.entry.js +4 -4
  44. package/dist/cjs/sqm-portal-verify-email.cjs.entry.js +3 -3
  45. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +17 -16
  46. package/dist/cjs/sqm-referred-registration.cjs.entry.js +6 -6
  47. package/dist/cjs/sqm-rewards-table-customer-note-cell.cjs.entry.js +2 -2
  48. package/dist/cjs/sqm-rewards-table-customer-note-column.cjs.entry.js +4 -4
  49. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +62 -61
  50. package/dist/cjs/sqm-stencilbook.cjs.entry.js +22 -31
  51. package/dist/cjs/sqm-tab.cjs.entry.js +4 -4
  52. package/dist/cjs/sqm-tabs.cjs.entry.js +5 -5
  53. package/dist/cjs/sqm-text-span.cjs.entry.js +2 -2
  54. package/dist/cjs/{stencil-hooks.module-3a336b0f.js → stencil-hooks.module-b248b384.js} +1 -4
  55. package/dist/cjs/{useChildElements-854cd1e5.js → useChildElements-e2139cb4.js} +2 -2
  56. package/dist/cjs/{useInstantAccessRegistration-daff8290.js → useInstantAccessRegistration-653d2aba.js} +3 -3
  57. package/dist/cjs/usePortalLogin-521b6d8f.js +74 -0
  58. package/dist/cjs/{usePortalRegistrationForm-a89d736e.js → usePortalRegistrationForm-f7dfd694.js} +5 -4
  59. package/dist/cjs/{useReferralTable-283d2316.js → useReferralTable-43818f78.js} +14 -13
  60. package/dist/cjs/{useRegistrationFormState-986b5ea1.js → useRegistrationFormState-9aa98cfa.js} +2 -2
  61. package/dist/cjs/{utilities-c135f16f.js → utilities-d691629b.js} +2 -2
  62. package/dist/collection/collection-manifest.json +2 -1
  63. package/dist/collection/components/sqm-portal-google-login/sqm-portal-google-login.js +428 -0
  64. package/dist/collection/components/sqm-portal-google-login/usePortalGoogleLogin.js +0 -0
  65. package/dist/collection/components/sqm-portal-google-registration-form/sqm-portal-google-registration-form.js +3 -2
  66. package/dist/collection/components/sqm-portal-login/PortalLogin.stories.js +2 -13
  67. package/dist/collection/components/sqm-portal-login/sqm-portal-login.js +2 -56
  68. package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form-view.js +12 -11
  69. package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js +1 -1
  70. package/dist/esm/{ShadowViewAddon-eba44767.js → ShadowViewAddon-864e3ca8.js} +107 -156
  71. package/dist/esm/{copy-text-view-b060162f.js → copy-text-view-4655f200.js} +3 -2
  72. package/dist/esm/{global-bedc4329.js → global-2f2a008c.js} +161 -10
  73. package/dist/esm/index-c5f8b525.js +2225 -0
  74. package/dist/esm/{index.module-a2989d3c.js → index.module-863d1595.js} +1194 -224
  75. package/dist/esm/loader.js +4 -4
  76. package/dist/esm/{luxon-8d51c92b.js → luxon-e0fc3e69.js} +1 -1
  77. package/dist/esm/mint-components.js +4 -4
  78. package/dist/esm/{mockRewardData-8bd1b356.js → mockRewardData-6c2e62c8.js} +1 -1
  79. package/dist/esm/{re-render-268bb9c8.js → re-render-fcba2f50.js} +2 -2
  80. package/dist/esm/sqm-asset-card.entry.js +2 -2
  81. package/dist/esm/sqm-banking-info-form_16.entry.js +10 -9
  82. package/dist/esm/sqm-big-stat_38.entry.js +17 -89
  83. package/dist/esm/sqm-close-button.entry.js +2 -2
  84. package/dist/esm/sqm-context-router.entry.js +2 -2
  85. package/dist/esm/sqm-empty_4.entry.js +3 -3
  86. package/dist/esm/sqm-form-message.entry.js +1 -1
  87. package/dist/esm/sqm-google-sign-in.entry.js +2 -2
  88. package/dist/esm/sqm-graphql-client-provider.entry.js +2 -2
  89. package/dist/esm/sqm-header-logo.entry.js +1 -1
  90. package/dist/esm/sqm-instant-access-registration.entry.js +5 -5
  91. package/dist/esm/{sqm-invoice-table-view-8e2bb54a.js → sqm-invoice-table-view-c58334ce.js} +1 -1
  92. package/dist/esm/sqm-leaderboard-rank.entry.js +4 -3
  93. package/dist/esm/sqm-logout-current-user.entry.js +3 -2
  94. package/dist/esm/{sqm-navigation-sidebar-item-view-56da6bca.js → sqm-navigation-sidebar-item-view-306c5953.js} +1 -1
  95. package/dist/esm/sqm-navigation-sidebar-item.entry.js +3 -3
  96. package/dist/esm/sqm-navigation-sidebar.entry.js +2 -2
  97. package/dist/esm/sqm-pagination_3.entry.js +5 -4
  98. package/dist/esm/sqm-password-field.entry.js +3 -3
  99. package/dist/esm/sqm-popup-container.entry.js +2 -2
  100. package/dist/esm/{sqm-portal-email-verification-view-44c8970f.js → sqm-portal-email-verification-view-d6b1ddab.js} +1 -1
  101. package/dist/esm/sqm-portal-email-verification.entry.js +4 -4
  102. package/dist/esm/sqm-portal-forgot-password.entry.js +3 -3
  103. package/dist/esm/sqm-portal-google-login.entry.js +126 -0
  104. package/dist/esm/sqm-portal-google-registration-form.entry.js +8 -6
  105. package/dist/esm/sqm-portal-login-view-7e49609a.js +56 -0
  106. package/dist/esm/sqm-portal-logout.entry.js +2 -2
  107. package/dist/esm/{sqm-portal-profile-view-39039274.js → sqm-portal-profile-view-61c075cb.js} +1 -1
  108. package/dist/esm/sqm-portal-profile.entry.js +6 -5
  109. package/dist/esm/sqm-portal-protected-route.entry.js +2 -2
  110. package/dist/esm/{sqm-portal-registration-form-view-c08eafea.js → sqm-portal-registration-form-view-32c4b488.js} +12 -11
  111. package/dist/esm/sqm-portal-registration-form.entry.js +7 -6
  112. package/dist/esm/sqm-portal-reset-password.entry.js +3 -3
  113. package/dist/esm/sqm-portal-verify-email.entry.js +2 -2
  114. package/dist/esm/sqm-referral-table_11.entry.js +9 -8
  115. package/dist/esm/sqm-referred-registration.entry.js +5 -5
  116. package/dist/esm/sqm-rewards-table-customer-note-cell.entry.js +1 -1
  117. package/dist/esm/sqm-rewards-table-customer-note-column.entry.js +3 -3
  118. package/dist/esm/sqm-rewards-table_9.entry.js +9 -8
  119. package/dist/esm/sqm-stencilbook.entry.js +18 -27
  120. package/dist/esm/sqm-tab.entry.js +3 -3
  121. package/dist/esm/sqm-tabs.entry.js +4 -4
  122. package/dist/esm/sqm-text-span.entry.js +1 -1
  123. package/dist/esm/{stencil-hooks.module-4bc38af4.js → stencil-hooks.module-bb10e6ff.js} +1 -1
  124. package/dist/esm/{useChildElements-38c11321.js → useChildElements-9d51a845.js} +2 -2
  125. package/dist/esm/{useInstantAccessRegistration-7255b0ca.js → useInstantAccessRegistration-b1ce1e58.js} +3 -3
  126. package/dist/esm/usePortalLogin-79bf5c9d.js +72 -0
  127. package/dist/esm/{usePortalRegistrationForm-5715c7a5.js → usePortalRegistrationForm-be236318.js} +4 -3
  128. package/dist/esm/{useReferralTable-d77b11f5.js → useReferralTable-4d03e881.js} +5 -4
  129. package/dist/esm/{useRegistrationFormState-01cdd8c7.js → useRegistrationFormState-f63404a4.js} +2 -2
  130. package/dist/esm/{utilities-863d06d1.js → utilities-6b8f9180.js} +2 -2
  131. package/dist/esm-es5/ShadowViewAddon-864e3ca8.js +1 -0
  132. package/dist/esm-es5/copy-text-view-4655f200.js +1 -0
  133. package/dist/esm-es5/global-2f2a008c.js +285 -0
  134. package/dist/esm-es5/index-c5f8b525.js +1 -0
  135. package/dist/esm-es5/index.module-863d1595.js +53 -0
  136. package/dist/esm-es5/loader.js +1 -1
  137. package/dist/esm-es5/{luxon-8d51c92b.js → luxon-e0fc3e69.js} +1 -1
  138. package/dist/esm-es5/mint-components.js +1 -1
  139. package/dist/esm-es5/{mockRewardData-8bd1b356.js → mockRewardData-6c2e62c8.js} +1 -1
  140. package/dist/esm-es5/{re-render-268bb9c8.js → re-render-fcba2f50.js} +1 -1
  141. package/dist/esm-es5/sqm-asset-card.entry.js +1 -1
  142. package/dist/esm-es5/sqm-banking-info-form_16.entry.js +1 -1
  143. package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
  144. package/dist/esm-es5/sqm-close-button.entry.js +1 -1
  145. package/dist/esm-es5/sqm-context-router.entry.js +1 -1
  146. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  147. package/dist/esm-es5/sqm-form-message.entry.js +1 -1
  148. package/dist/esm-es5/sqm-google-sign-in.entry.js +1 -1
  149. package/dist/esm-es5/sqm-graphql-client-provider.entry.js +1 -1
  150. package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
  151. package/dist/esm-es5/sqm-instant-access-registration.entry.js +1 -1
  152. package/dist/esm-es5/{sqm-invoice-table-view-8e2bb54a.js → sqm-invoice-table-view-c58334ce.js} +1 -1
  153. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  154. package/dist/esm-es5/sqm-logout-current-user.entry.js +1 -1
  155. package/dist/esm-es5/{sqm-navigation-sidebar-item-view-56da6bca.js → sqm-navigation-sidebar-item-view-306c5953.js} +1 -1
  156. package/dist/esm-es5/sqm-navigation-sidebar-item.entry.js +1 -1
  157. package/dist/esm-es5/sqm-navigation-sidebar.entry.js +1 -1
  158. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  159. package/dist/esm-es5/sqm-password-field.entry.js +1 -1
  160. package/dist/esm-es5/sqm-popup-container.entry.js +1 -1
  161. package/dist/esm-es5/{sqm-portal-email-verification-view-44c8970f.js → sqm-portal-email-verification-view-d6b1ddab.js} +1 -1
  162. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  163. package/dist/esm-es5/sqm-portal-forgot-password.entry.js +1 -1
  164. package/dist/esm-es5/sqm-portal-google-login.entry.js +1 -0
  165. package/dist/esm-es5/sqm-portal-google-registration-form.entry.js +1 -1
  166. package/dist/esm-es5/sqm-portal-login-view-7e49609a.js +1 -0
  167. package/dist/esm-es5/sqm-portal-logout.entry.js +1 -1
  168. package/dist/esm-es5/{sqm-portal-profile-view-39039274.js → sqm-portal-profile-view-61c075cb.js} +1 -1
  169. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  170. package/dist/esm-es5/sqm-portal-protected-route.entry.js +1 -1
  171. package/dist/esm-es5/sqm-portal-registration-form-view-32c4b488.js +1 -0
  172. package/dist/esm-es5/sqm-portal-registration-form.entry.js +1 -1
  173. package/dist/esm-es5/sqm-portal-reset-password.entry.js +1 -1
  174. package/dist/esm-es5/sqm-portal-verify-email.entry.js +1 -1
  175. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  176. package/dist/esm-es5/sqm-referred-registration.entry.js +1 -1
  177. package/dist/esm-es5/sqm-rewards-table-customer-note-cell.entry.js +1 -1
  178. package/dist/esm-es5/sqm-rewards-table-customer-note-column.entry.js +1 -1
  179. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  180. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  181. package/dist/esm-es5/sqm-tab.entry.js +1 -1
  182. package/dist/esm-es5/sqm-tabs.entry.js +1 -1
  183. package/dist/esm-es5/sqm-text-span.entry.js +1 -1
  184. package/dist/esm-es5/{stencil-hooks.module-4bc38af4.js → stencil-hooks.module-bb10e6ff.js} +1 -1
  185. package/dist/esm-es5/useChildElements-9d51a845.js +1 -0
  186. package/dist/esm-es5/{useInstantAccessRegistration-7255b0ca.js → useInstantAccessRegistration-b1ce1e58.js} +1 -1
  187. package/dist/esm-es5/usePortalLogin-79bf5c9d.js +1 -0
  188. package/dist/esm-es5/usePortalRegistrationForm-be236318.js +1 -0
  189. package/dist/esm-es5/useReferralTable-4d03e881.js +1 -0
  190. package/dist/esm-es5/{useRegistrationFormState-01cdd8c7.js → useRegistrationFormState-f63404a4.js} +1 -1
  191. package/dist/esm-es5/{utilities-863d06d1.js → utilities-6b8f9180.js} +1 -1
  192. package/dist/mint-components/mint-components.esm.js +1 -1
  193. package/dist/mint-components/mint-components.js +1 -1
  194. package/dist/mint-components/p-04172660.entry.js +1 -0
  195. package/dist/mint-components/p-0700c219.system.entry.js +1 -0
  196. package/dist/mint-components/{p-1c5cffae.js → p-07606410.js} +1 -1
  197. package/dist/mint-components/p-0cb8e830.entry.js +1 -0
  198. package/dist/mint-components/{p-5bedb58c.js → p-0d2cd2a9.js} +1 -1
  199. package/dist/mint-components/p-0ebab63e.system.js +1 -0
  200. package/dist/mint-components/{p-8056fd5b.system.entry.js → p-0f91825b.system.entry.js} +1 -1
  201. package/dist/mint-components/p-11f8a69e.system.js +53 -0
  202. package/dist/mint-components/p-1340e1f7.js +391 -0
  203. package/dist/mint-components/p-1b448f3c.system.entry.js +1 -0
  204. package/dist/mint-components/p-1bbbaae1.entry.js +1 -0
  205. package/dist/mint-components/p-1dc033fc.entry.js +1 -0
  206. package/dist/mint-components/{p-3972037c.system.entry.js → p-1df12a3a.system.entry.js} +1 -1
  207. package/dist/mint-components/{p-bd4810c7.system.entry.js → p-1f969054.system.entry.js} +1 -1
  208. package/dist/mint-components/{p-8d77feee.js → p-1f98e479.js} +1 -1
  209. package/dist/mint-components/{p-57bcf2d0.system.entry.js → p-220ab3d5.system.entry.js} +1 -1
  210. package/dist/mint-components/{p-857947fa.system.entry.js → p-231def02.system.entry.js} +1 -1
  211. package/dist/mint-components/{p-4ae54b04.entry.js → p-2857247a.entry.js} +1 -1
  212. package/dist/mint-components/{p-48135f99.system.js → p-28bb7dca.system.js} +2 -2
  213. package/dist/mint-components/{p-b9d17fa1.entry.js → p-2a543e93.entry.js} +3 -3
  214. package/dist/mint-components/p-2c26f787.system.entry.js +1 -0
  215. package/dist/mint-components/p-2def85b5.system.js +1 -0
  216. package/dist/mint-components/{p-a4a5beb5.system.entry.js → p-30e2f7d0.system.entry.js} +1 -1
  217. package/dist/mint-components/p-3205d5e4.system.entry.js +1 -0
  218. package/dist/mint-components/{p-75f50e5a.entry.js → p-35287ac8.entry.js} +1 -1
  219. package/dist/mint-components/p-37d6e0ec.entry.js +1 -0
  220. package/dist/mint-components/{p-f2fd1910.system.js → p-3b51a63e.system.js} +22 -22
  221. package/dist/mint-components/{p-79ea1597.system.entry.js → p-3f3accb6.system.entry.js} +1 -1
  222. package/dist/mint-components/{p-380bfde1.entry.js → p-432ca81a.entry.js} +1 -1
  223. package/dist/mint-components/{p-8413ade9.system.js → p-457d9d1d.system.js} +1 -1
  224. package/dist/mint-components/{p-35698aaa.system.js → p-49534fa6.system.js} +1 -1
  225. package/dist/mint-components/p-49e4c6e3.js +13 -0
  226. package/dist/mint-components/p-4f9f85e9.system.js +1 -0
  227. package/dist/mint-components/p-546c3b82.system.js +1 -0
  228. package/dist/mint-components/{p-faba3198.entry.js → p-5567b408.entry.js} +1 -1
  229. package/dist/mint-components/p-558141b7.entry.js +9 -0
  230. package/dist/mint-components/{p-3bdd338c.system.js → p-558fd481.system.js} +1 -1
  231. package/dist/mint-components/{p-2ab3b8d6.js → p-5e8d57ba.js} +3 -3
  232. package/dist/mint-components/p-5ef1b48a.system.entry.js +1 -0
  233. package/dist/mint-components/p-6094ba6f.entry.js +11 -0
  234. package/dist/mint-components/{p-2126e1e6.entry.js → p-6529dfc7.entry.js} +1 -1
  235. package/dist/mint-components/{p-8975c2be.entry.js → p-65af5296.entry.js} +3 -3
  236. package/dist/mint-components/{p-09c5e3ee.system.js → p-697dd7e7.system.js} +1 -1
  237. package/dist/mint-components/{p-046f4631.system.js → p-6ba5d2b9.system.js} +1 -1
  238. package/dist/mint-components/p-6bcb0866.entry.js +13 -0
  239. package/dist/mint-components/{p-19bc3406.system.entry.js → p-6bcfb9cf.system.entry.js} +1 -1
  240. package/dist/mint-components/p-6c6a7851.js +1 -0
  241. package/dist/mint-components/p-6c6edca0.system.entry.js +1 -0
  242. package/dist/mint-components/{p-1b3ab15a.system.entry.js → p-6cc9ec64.system.entry.js} +1 -1
  243. package/dist/mint-components/p-76ba0be8.js +1 -0
  244. package/dist/mint-components/{p-31a691af.js → p-78454d0a.js} +1 -1
  245. package/dist/mint-components/p-793d2130.js +1 -0
  246. package/dist/mint-components/{p-571c451e.entry.js → p-7957b8c3.entry.js} +1 -1
  247. package/dist/mint-components/{p-4f45be94.system.js → p-7a1f55af.system.js} +1 -1
  248. package/dist/mint-components/{p-492fdaf9.js → p-7bde0cf0.js} +1 -1
  249. package/dist/mint-components/p-7f65b53e.system.entry.js +1 -0
  250. package/dist/mint-components/p-851c9fe2.system.entry.js +1 -0
  251. package/dist/mint-components/{p-988ea164.system.entry.js → p-8793aebf.system.entry.js} +1 -1
  252. package/dist/mint-components/{p-2bbff88f.entry.js → p-879cf5af.entry.js} +1 -1
  253. package/dist/mint-components/{p-cd651f81.js → p-8b34d321.js} +1 -1
  254. package/dist/mint-components/{p-1ef299d7.js → p-8c4cbcde.js} +4 -4
  255. package/dist/mint-components/{p-8fa44e18.entry.js → p-8d49ad11.entry.js} +16 -16
  256. package/dist/mint-components/{p-7dabdca6.system.entry.js → p-97ef59a8.system.entry.js} +1 -1
  257. package/dist/mint-components/p-99053795.entry.js +1 -0
  258. package/dist/mint-components/{p-6de85677.js → p-9b0c0d2e.js} +1 -1
  259. package/dist/mint-components/p-9f4dd5f8.system.entry.js +1 -0
  260. package/dist/mint-components/p-a0ba1119.system.entry.js +1 -0
  261. package/dist/mint-components/{p-e544bb9a.entry.js → p-a1a22146.entry.js} +1 -1
  262. package/dist/mint-components/p-a2e9c945.entry.js +1 -0
  263. package/dist/mint-components/p-a765b696.system.js +1 -0
  264. package/dist/mint-components/{p-a21d1a30.system.entry.js → p-a7cac365.system.entry.js} +1 -1
  265. package/dist/mint-components/{p-506679e9.js → p-a9c24c77.js} +153 -153
  266. package/dist/mint-components/{p-aee674c8.entry.js → p-ab3dc379.entry.js} +1 -1
  267. package/dist/mint-components/p-acef9f8b.entry.js +1 -0
  268. package/dist/mint-components/p-afee1c9d.system.entry.js +1 -0
  269. package/dist/mint-components/{p-aaeaff1a.system.entry.js → p-b494d7ca.system.entry.js} +1 -1
  270. package/dist/mint-components/{p-ac2b7eb8.system.js → p-b4cfad1f.system.js} +1 -1
  271. package/dist/mint-components/{p-b207beeb.entry.js → p-b583ae26.entry.js} +1 -1
  272. package/dist/mint-components/p-b93047d2.entry.js +1 -0
  273. package/dist/mint-components/p-bab24c42.system.js +1 -0
  274. package/dist/mint-components/p-bb0f585c.system.js +1 -0
  275. package/dist/mint-components/p-bcc4a18b.system.entry.js +1 -0
  276. package/dist/mint-components/p-bd8beca3.js +1 -0
  277. package/dist/mint-components/p-c1371461.system.entry.js +1 -0
  278. package/dist/mint-components/{p-726a9924.js → p-c45b3e78.js} +1 -1
  279. package/dist/mint-components/p-c6cbe2d5.system.js +1 -0
  280. package/dist/mint-components/p-c7570a8d.system.js +1 -0
  281. package/dist/mint-components/p-c9f568b2.js +1 -0
  282. package/dist/mint-components/p-ca0f7772.entry.js +1 -0
  283. package/dist/mint-components/{p-2dc5e60a.entry.js → p-cca54a99.entry.js} +1 -1
  284. package/dist/mint-components/{p-ca740238.system.entry.js → p-cfdd5894.system.entry.js} +1 -1
  285. package/dist/mint-components/p-d0091b40.entry.js +1 -0
  286. package/dist/mint-components/{p-9f231a48.system.entry.js → p-d10037c5.system.entry.js} +1 -1
  287. package/dist/mint-components/{p-f9de8a59.system.js → p-d1608ef4.system.js} +1 -1
  288. package/dist/mint-components/{p-f32c8cb5.entry.js → p-d3b9ccb7.entry.js} +1 -1
  289. package/dist/mint-components/{p-1833c4f5.js → p-d9b04935.js} +1 -1
  290. package/dist/mint-components/p-dbcb5359.js +1 -0
  291. package/dist/mint-components/{p-b114e746.entry.js → p-dd16dde6.entry.js} +1 -1
  292. package/dist/mint-components/{p-635aaf11.system.entry.js → p-dd170c45.system.entry.js} +1 -1
  293. package/dist/mint-components/{p-28042d23.entry.js → p-de524512.entry.js} +10 -10
  294. package/dist/mint-components/p-de6b3ed7.system.entry.js +1 -0
  295. package/dist/mint-components/p-eb333400.entry.js +1 -0
  296. package/dist/mint-components/p-edcc6bdf.js +42 -0
  297. package/dist/mint-components/p-ee2bf706.system.js +1 -0
  298. package/dist/mint-components/p-ef6f9d3f.entry.js +1 -0
  299. package/dist/mint-components/{p-f4a1dc19.entry.js → p-ef848304.entry.js} +1 -1
  300. package/dist/mint-components/{p-f0c23e81.system.entry.js → p-efe87bd6.system.entry.js} +1 -1
  301. package/dist/mint-components/{p-cd480e3f.entry.js → p-f065a5d3.entry.js} +3 -3
  302. package/dist/mint-components/{p-9a16a3d8.system.entry.js → p-f0c830ec.system.entry.js} +1 -1
  303. package/dist/mint-components/p-f0d145d4.system.js +1 -0
  304. package/dist/mint-components/p-f3a4ed64.entry.js +1 -0
  305. package/dist/mint-components/p-f41cf5f2.system.entry.js +1 -0
  306. package/dist/mint-components/{p-7989a098.system.entry.js → p-f676b27e.system.entry.js} +1 -1
  307. package/dist/mint-components/p-f8c32c82.system.entry.js +1 -0
  308. package/dist/mint-components/{p-6d9e52c7.system.js → p-fa43f96c.system.js} +1 -1
  309. package/dist/mint-components/p-fbbc27c5.system.entry.js +1 -0
  310. package/dist/mint-components/{p-81665df6.system.entry.js → p-fe65104b.system.entry.js} +1 -1
  311. package/dist/mint-components/{p-618e1342.entry.js → p-fe75c80f.entry.js} +1 -1
  312. package/dist/mint-components/p-feb44492.js +1 -0
  313. package/dist/types/components/sqm-portal-google-login/sqm-portal-google-login.d.ts +74 -0
  314. package/dist/types/components/sqm-portal-google-login/usePortalGoogleLogin.d.ts +0 -0
  315. package/dist/types/components/sqm-portal-login/sqm-portal-login.d.ts +0 -9
  316. package/dist/types/components/sqm-portal-login/usePortalLogin.d.ts +2 -1
  317. package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form-view.d.ts +1 -0
  318. package/dist/types/components.d.ts +134 -17
  319. package/dist/types/global/android.d.ts +7 -0
  320. package/dist/types/global/demo.d.ts +2 -0
  321. package/dist/types/stories/features.d.ts +4 -0
  322. package/dist/types/stories/templates.d.ts +4 -0
  323. package/docs/docs.docx +0 -0
  324. package/docs/raisins.json +1 -1
  325. package/grapesjs/grapesjs.js +1 -1
  326. package/package.json +1 -1
  327. package/dist/collection/components/sqm-portal-google-registration-form/small-views/RegistrationFieldsView.js +0 -86
  328. package/dist/esm-es5/ShadowViewAddon-eba44767.js +0 -1
  329. package/dist/esm-es5/copy-text-view-b060162f.js +0 -1
  330. package/dist/esm-es5/global-bedc4329.js +0 -285
  331. package/dist/esm-es5/index.module-a2989d3c.js +0 -1
  332. package/dist/esm-es5/sqm-portal-registration-form-view-c08eafea.js +0 -1
  333. package/dist/esm-es5/useChildElements-38c11321.js +0 -1
  334. package/dist/esm-es5/usePortalRegistrationForm-5715c7a5.js +0 -1
  335. package/dist/esm-es5/useReferralTable-d77b11f5.js +0 -1
  336. package/dist/mint-components/p-0873eaa8.entry.js +0 -1
  337. package/dist/mint-components/p-0aa62b64.entry.js +0 -1
  338. package/dist/mint-components/p-0c5dae79.entry.js +0 -1
  339. package/dist/mint-components/p-0e53c59e.system.js +0 -1
  340. package/dist/mint-components/p-168a3298.entry.js +0 -1
  341. package/dist/mint-components/p-16c7bfda.js +0 -391
  342. package/dist/mint-components/p-1b0c58bc.system.entry.js +0 -1
  343. package/dist/mint-components/p-230baeff.system.entry.js +0 -1
  344. package/dist/mint-components/p-24c4e0b8.system.entry.js +0 -1
  345. package/dist/mint-components/p-30108c0e.js +0 -1
  346. package/dist/mint-components/p-31004ef4.entry.js +0 -9
  347. package/dist/mint-components/p-36233648.js +0 -1
  348. package/dist/mint-components/p-39b1a7fe.js +0 -1
  349. package/dist/mint-components/p-3ec660e9.js +0 -1
  350. package/dist/mint-components/p-3f6e0197.system.entry.js +0 -1
  351. package/dist/mint-components/p-40e99b24.js +0 -1
  352. package/dist/mint-components/p-4448febd.entry.js +0 -1
  353. package/dist/mint-components/p-45436d5a.entry.js +0 -1
  354. package/dist/mint-components/p-46ab5f80.system.js +0 -1
  355. package/dist/mint-components/p-53aaa0a4.entry.js +0 -1
  356. package/dist/mint-components/p-550ef977.js +0 -13
  357. package/dist/mint-components/p-7166caa6.system.js +0 -1
  358. package/dist/mint-components/p-731aa5c6.system.entry.js +0 -1
  359. package/dist/mint-components/p-749c7c9c.system.js +0 -1
  360. package/dist/mint-components/p-7bcf4467.system.entry.js +0 -1
  361. package/dist/mint-components/p-7cb919d4.system.entry.js +0 -1
  362. package/dist/mint-components/p-80fc549b.entry.js +0 -1
  363. package/dist/mint-components/p-85c49452.system.entry.js +0 -1
  364. package/dist/mint-components/p-868f176e.entry.js +0 -1
  365. package/dist/mint-components/p-92a25556.system.entry.js +0 -1
  366. package/dist/mint-components/p-95c64cfd.system.js +0 -1
  367. package/dist/mint-components/p-9a0c3ed9.system.entry.js +0 -1
  368. package/dist/mint-components/p-9b779add.entry.js +0 -1
  369. package/dist/mint-components/p-9e49479a.entry.js +0 -13
  370. package/dist/mint-components/p-9fc19501.system.entry.js +0 -1
  371. package/dist/mint-components/p-a8524459.system.js +0 -1
  372. package/dist/mint-components/p-b58661b3.system.js +0 -1
  373. package/dist/mint-components/p-b611eefd.entry.js +0 -1
  374. package/dist/mint-components/p-c470caf6.entry.js +0 -11
  375. package/dist/mint-components/p-c4b21562.system.entry.js +0 -1
  376. package/dist/mint-components/p-ca04737a.entry.js +0 -1
  377. package/dist/mint-components/p-cf505e92.system.js +0 -1
  378. package/dist/mint-components/p-d671e44e.system.js +0 -1
  379. package/dist/mint-components/p-de9afac2.system.entry.js +0 -1
  380. package/dist/mint-components/p-e0b344fb.entry.js +0 -1
  381. package/dist/mint-components/p-e9307725.system.entry.js +0 -1
  382. package/dist/mint-components/p-ebdcea27.system.entry.js +0 -1
  383. package/dist/mint-components/p-fe4a9dfe.system.entry.js +0 -1
  384. package/dist/types/components/sqm-portal-google-registration-form/small-views/RegistrationFieldsView.d.ts +0 -31
package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js CHANGED
@@ -2,21 +2,22 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-a29c60ef.js');
6
- const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
7
- const global = require('./global-19fc8a7a.js');
8
- const index_module = require('./index.module-57703088.js');
9
- const jsonpointer = require('./jsonpointer-11327262.js');
5
+ const index$1 = require('./index-a29c60ef.js');
6
+ const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
7
+ const global = require('./global-6fe7c678.js');
8
+ const index_module = require('./index.module-b880d18a.js');
10
9
  const cjs = require('./cjs-1066ec21.js');
11
10
  const utils = require('./utils-6847bc06.js');
12
11
  const JSS = require('./JSS-8503a151.js');
12
+ const index = require('./index-e6bafae4.js');
13
13
  require('./mixins-f7e0377a.js');
14
14
  const GenericTableView = require('./GenericTableView-a9f4ba75.js');
15
- const reRender = require('./re-render-35b016ed.js');
16
- const useChildElements = require('./useChildElements-854cd1e5.js');
17
- const luxon = require('./luxon-2926d85f.js');
18
- const useReferralTable = require('./useReferralTable-283d2316.js');
19
- const sqmInvoiceTableView = require('./sqm-invoice-table-view-9dfa2a16.js');
15
+ const reRender = require('./re-render-050852fe.js');
16
+ const useChildElements = require('./useChildElements-e2139cb4.js');
17
+ const luxon = require('./luxon-78820ce9.js');
18
+ const useReferralTable = require('./useReferralTable-43818f78.js');
19
+ const jsonpointer = require('./jsonpointer-11327262.js');
20
+ const sqmInvoiceTableView = require('./sqm-invoice-table-view-9b735809.js');
20
21
 
21
22
  const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
22
23
  const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
@@ -28,7 +29,7 @@ const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
28
29
  const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
29
30
  const CURRENCIES_NAMESPACE = "sq:currencies:list";
30
31
  const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
31
- const GET_USER = index_module.dist.gql `
32
+ const GET_USER = index.dist.gql `
32
33
  query getUserTaxInfo {
33
34
  user: viewer {
34
35
  ... on User {
@@ -88,7 +89,7 @@ const GET_USER = index_module.dist.gql `
88
89
  }
89
90
  }
90
91
  `;
91
- const GET_COUNTRIES = index_module.dist.gql `
92
+ const GET_COUNTRIES = index.dist.gql `
92
93
  query getCountries {
93
94
  impactPayoutCountries(limit: 1000) {
94
95
  data {
@@ -98,7 +99,7 @@ const GET_COUNTRIES = index_module.dist.gql `
98
99
  }
99
100
  }
100
101
  `;
101
- const GET_CURRENCIES = index_module.dist.gql `
102
+ const GET_CURRENCIES = index.dist.gql `
102
103
  query currencies($locale: RSLocale) {
103
104
  currencies(limit: 300) {
104
105
  data {
@@ -108,7 +109,7 @@ const GET_CURRENCIES = index_module.dist.gql `
108
109
  }
109
110
  }
110
111
  `;
111
- const GET_FINANCE_NETWORK_SETTINGS = index_module.dist.gql `
112
+ const GET_FINANCE_NETWORK_SETTINGS = index.dist.gql `
112
113
  query impactFinanceNetworkSettings(
113
114
  $filter: ImpactFinanceNetworkSettingsFilterInput
114
115
  ) {
@@ -134,7 +135,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
134
135
  const { errors, ...formState } = props.states.formState;
135
136
  return {
136
137
  0: {
137
- input: (index.h("sl-input", Object.assign({ required: true, label: props.text.beneficiaryAccountNameLabel, name: "/beneficiaryAccountName", id: "beneficiaryAccountName", key: "beneficiaryAccountName", type: "text" }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.beneficiaryAccountName) && {
138
+ input: (index$1.h("sl-input", Object.assign({ required: true, label: props.text.beneficiaryAccountNameLabel, name: "/beneficiaryAccountName", id: "beneficiaryAccountName", key: "beneficiaryAccountName", type: "text" }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.beneficiaryAccountName) && {
138
139
  class: "error-input",
139
140
  helpText: getValidationErrorMessage({
140
141
  type: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _b === void 0 ? void 0 : _b.beneficiaryAccountName) === null || _c === void 0 ? void 0 : _c.type,
@@ -143,18 +144,18 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
143
144
  })))),
144
145
  },
145
146
  1: {
146
- input: (index.h("sl-select", Object.assign({ required: true, label: props.text.bankAccountTypeLabel, name: "/bankAccountType", id: "bankAccountType", key: "bankAccountType" }, (((_d = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _d === void 0 ? void 0 : _d.bankAccountType) && {
147
+ input: (index$1.h("sl-select", Object.assign({ required: true, label: props.text.bankAccountTypeLabel, name: "/bankAccountType", id: "bankAccountType", key: "bankAccountType" }, (((_d = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _d === void 0 ? void 0 : _d.bankAccountType) && {
147
148
  class: "error-input",
148
149
  helpText: getValidationErrorMessage({
149
150
  type: (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _e === void 0 ? void 0 : _e.bankAccountType) === null || _f === void 0 ? void 0 : _f.type,
150
151
  label: props.text.bankAccountTypeLabel,
151
152
  }),
152
153
  })),
153
- index.h("sl-menu-item", { value: "CHECKING" }, props.text.checkingSelectItemLabel),
154
- index.h("sl-menu-item", { value: "SAVINGS" }, props.text.savingsSelectItemLabel))),
154
+ index$1.h("sl-menu-item", { value: "CHECKING" }, props.text.checkingSelectItemLabel),
155
+ index$1.h("sl-menu-item", { value: "SAVINGS" }, props.text.savingsSelectItemLabel))),
155
156
  },
156
157
  2: {
157
- input: (index.h("sl-input", Object.assign({ required: true, label: props.text.bankAccountNumberLabel, name: "/bankAccountNumber", id: "bankAccountNumber", key: "bankAccountNumber", value: formState.bankAccountNumber, type: "text" }, (((_g = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _g === void 0 ? void 0 : _g.bankAccountNumber) && {
158
+ input: (index$1.h("sl-input", Object.assign({ required: true, label: props.text.bankAccountNumberLabel, name: "/bankAccountNumber", id: "bankAccountNumber", key: "bankAccountNumber", value: formState.bankAccountNumber, type: "text" }, (((_g = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _g === void 0 ? void 0 : _g.bankAccountNumber) && {
158
159
  class: "error-input",
159
160
  helpText: getValidationErrorMessage({
160
161
  type: (_j = (_h = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _h === void 0 ? void 0 : _h.bankAccountNumber) === null || _j === void 0 ? void 0 : _j.type,
@@ -163,7 +164,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
163
164
  })))),
164
165
  },
165
166
  3: {
166
- input: (index.h("sl-input", Object.assign({ required: true, label: props.text.ibanLabel, name: "/bankAccountNumber", id: "iban", key: "iban", type: "text", value: formState.bankAccountNumber }, (((_k = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _k === void 0 ? void 0 : _k.bankAccountNumber) && {
167
+ input: (index$1.h("sl-input", Object.assign({ required: true, label: props.text.ibanLabel, name: "/bankAccountNumber", id: "iban", key: "iban", type: "text", value: formState.bankAccountNumber }, (((_k = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _k === void 0 ? void 0 : _k.bankAccountNumber) && {
167
168
  class: "error-input",
168
169
  helpText: getValidationErrorMessage({
169
170
  type: (_m = (_l = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _l === void 0 ? void 0 : _l.bankAccountNumber) === null || _m === void 0 ? void 0 : _m.type,
@@ -172,7 +173,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
172
173
  })))),
173
174
  },
174
175
  4: {
175
- input: (index.h("sl-input", Object.assign({ required: true, label: props.text.swiftCodeLabel, name: "/swiftCode", id: "swiftCode", key: "swiftCode", type: "text" }, (((_o = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _o === void 0 ? void 0 : _o.swiftCode) && {
176
+ input: (index$1.h("sl-input", Object.assign({ required: true, label: props.text.swiftCodeLabel, name: "/swiftCode", id: "swiftCode", key: "swiftCode", type: "text" }, (((_o = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _o === void 0 ? void 0 : _o.swiftCode) && {
176
177
  class: "error-input",
177
178
  helpText: getValidationErrorMessage({
178
179
  type: (_q = (_p = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _p === void 0 ? void 0 : _p.swiftCode) === null || _q === void 0 ? void 0 : _q.type,
@@ -181,7 +182,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
181
182
  })))),
182
183
  },
183
184
  5: {
184
- input: (index.h("sl-input", Object.assign({ required: true, label: global.intl.formatMessage({
185
+ input: (index$1.h("sl-input", Object.assign({ required: true, label: global.intl.formatMessage({
185
186
  id: "routingCodeText",
186
187
  defaultMessage: props.text.routingCodeLabel,
187
188
  }, {
@@ -200,7 +201,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
200
201
  })))),
201
202
  },
202
203
  6: {
203
- input: (index.h("sl-input", Object.assign({ required: true, label: props.text.bankNameLabel, name: "/bankName", id: "bankName", key: "bankName", type: "text" }, (((_u = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _u === void 0 ? void 0 : _u.bankName) && {
204
+ input: (index$1.h("sl-input", Object.assign({ required: true, label: props.text.bankNameLabel, name: "/bankName", id: "bankName", key: "bankName", type: "text" }, (((_u = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _u === void 0 ? void 0 : _u.bankName) && {
204
205
  class: "error-input",
205
206
  helpText: getValidationErrorMessage({
206
207
  type: (_w = (_v = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _v === void 0 ? void 0 : _v.bankName) === null || _w === void 0 ? void 0 : _w.type,
@@ -210,17 +211,17 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
210
211
  },
211
212
  7: {
212
213
  input: [
213
- index.h("sl-select", Object.assign({ required: true, label: props.text.classificationLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_x = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _x === void 0 ? void 0 : _x.beneficiaryClassification) && {
214
+ index$1.h("sl-select", Object.assign({ required: true, label: props.text.classificationLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_x = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _x === void 0 ? void 0 : _x.beneficiaryClassification) && {
214
215
  class: "error-input",
215
216
  helpText: getValidationErrorMessage({
216
217
  type: (_z = (_y = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _y === void 0 ? void 0 : _y.beneficiaryClassification) === null || _z === void 0 ? void 0 : _z.type,
217
218
  label: props.text.classificationLabel,
218
219
  }),
219
220
  })),
220
- index.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
221
- index.h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
222
- index.h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel)),
223
- index.h("sl-input", Object.assign({ required: true, label: global.intl.formatMessage({
221
+ index$1.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
222
+ index$1.h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
223
+ index$1.h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel)),
224
+ index$1.h("sl-input", Object.assign({ required: true, label: global.intl.formatMessage({
224
225
  id: "fxWireText",
225
226
  defaultMessage: props.text.taxPayerIdLabel,
226
227
  }, {
@@ -235,18 +236,18 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
235
236
  ],
236
237
  },
237
238
  8: {
238
- input: (index.h("sl-select", Object.assign({ required: true, label: props.text.classificationCPFLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_3 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _3 === void 0 ? void 0 : _3.beneficiaryClassification) && {
239
+ input: (index$1.h("sl-select", Object.assign({ required: true, label: props.text.classificationCPFLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_3 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _3 === void 0 ? void 0 : _3.beneficiaryClassification) && {
239
240
  class: "error-input",
240
241
  helpText: getValidationErrorMessage({
241
242
  type: (_5 = (_4 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _4 === void 0 ? void 0 : _4.beneficiaryClassification) === null || _5 === void 0 ? void 0 : _5.type,
242
243
  label: props.text.classificationCPFLabel,
243
244
  }),
244
245
  })),
245
- index.h("sl-menu-item", { value: "CPF" }, "CPF"),
246
- index.h("sl-menu-item", { value: "CNPJ" }, "CNPJ"))),
246
+ index$1.h("sl-menu-item", { value: "CPF" }, "CPF"),
247
+ index$1.h("sl-menu-item", { value: "CNPJ" }, "CNPJ"))),
247
248
  },
248
249
  9: {
249
- input: (index.h("sl-input", Object.assign({ key: "patronymicName", required: true, label: props.text.patronymicNameLabel, name: "/patronymicName", id: "patronymicName", type: "text" }, (((_6 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _6 === void 0 ? void 0 : _6.patronymicName) && {
250
+ input: (index$1.h("sl-input", Object.assign({ key: "patronymicName", required: true, label: props.text.patronymicNameLabel, name: "/patronymicName", id: "patronymicName", type: "text" }, (((_6 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _6 === void 0 ? void 0 : _6.patronymicName) && {
250
251
  class: "error-input",
251
252
  helpText: getValidationErrorMessage({
252
253
  type: (_8 = (_7 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _7 === void 0 ? void 0 : _7.patronymicName) === null || _8 === void 0 ? void 0 : _8.type,
@@ -255,7 +256,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
255
256
  })))),
256
257
  },
257
258
  10: {
258
- input: (index.h("sl-input", Object.assign({ key: "voCode", label: props.text.voCodeLabel, name: "/voCode", id: "voCode", type: "text" }, (((_9 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _9 === void 0 ? void 0 : _9.voCode) && {
259
+ input: (index$1.h("sl-input", Object.assign({ key: "voCode", label: props.text.voCodeLabel, name: "/voCode", id: "voCode", type: "text" }, (((_9 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _9 === void 0 ? void 0 : _9.voCode) && {
259
260
  class: "error-input",
260
261
  helpText: getValidationErrorMessage({
261
262
  type: (_11 = (_10 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _10 === void 0 ? void 0 : _10.voCode) === null || _11 === void 0 ? void 0 : _11.type,
@@ -264,7 +265,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
264
265
  })))),
265
266
  },
266
267
  11: {
267
- input: (index.h("sl-input", Object.assign({ required: true, label: props.text.agencyCodeLabel, name: "/agencyCode", id: "agencyCode", key: "agencyCode", type: "text" }, (((_12 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _12 === void 0 ? void 0 : _12.agencyCode) && {
268
+ input: (index$1.h("sl-input", Object.assign({ required: true, label: props.text.agencyCodeLabel, name: "/agencyCode", id: "agencyCode", key: "agencyCode", type: "text" }, (((_12 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _12 === void 0 ? void 0 : _12.agencyCode) && {
268
269
  class: "error-input",
269
270
  helpText: getValidationErrorMessage({
270
271
  type: (_14 = (_13 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _13 === void 0 ? void 0 : _13.agencyCode) === null || _14 === void 0 ? void 0 : _14.type,
@@ -274,28 +275,28 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
274
275
  },
275
276
  12: {
276
277
  input: [
277
- index.h("sl-input", Object.assign({ required: true, label: props.text.bankAddressLabel, name: "/bankAddress", id: "bankAddress", key: "bankAddress", type: "text" }, (((_15 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _15 === void 0 ? void 0 : _15.bankAddress) && {
278
+ index$1.h("sl-input", Object.assign({ required: true, label: props.text.bankAddressLabel, name: "/bankAddress", id: "bankAddress", key: "bankAddress", type: "text" }, (((_15 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _15 === void 0 ? void 0 : _15.bankAddress) && {
278
279
  class: "error-input",
279
280
  helpText: getValidationErrorMessage({
280
281
  type: (_17 = (_16 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _16 === void 0 ? void 0 : _16.bankAddress) === null || _17 === void 0 ? void 0 : _17.type,
281
282
  label: props.text.bankAddressLabel,
282
283
  }),
283
284
  }))),
284
- index.h("sl-input", Object.assign({ required: true, label: props.text.bankCityLabel, name: "/bankCity", id: "bankCity", key: "bankCity", type: "text" }, (((_18 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _18 === void 0 ? void 0 : _18.bankCity) && {
285
+ index$1.h("sl-input", Object.assign({ required: true, label: props.text.bankCityLabel, name: "/bankCity", id: "bankCity", key: "bankCity", type: "text" }, (((_18 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _18 === void 0 ? void 0 : _18.bankCity) && {
285
286
  class: "error-input",
286
287
  helpText: getValidationErrorMessage({
287
288
  type: (_20 = (_19 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _19 === void 0 ? void 0 : _19.bankCity) === null || _20 === void 0 ? void 0 : _20.type,
288
289
  label: props.text.bankCityLabel,
289
290
  }),
290
291
  }))),
291
- index.h("sl-input", Object.assign({ required: true, label: props.text.bankStateLabel, name: "/bankState", id: "bankState", key: "bankState", type: "text" }, (((_21 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _21 === void 0 ? void 0 : _21.bankState) && {
292
+ index$1.h("sl-input", Object.assign({ required: true, label: props.text.bankStateLabel, name: "/bankState", id: "bankState", key: "bankState", type: "text" }, (((_21 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _21 === void 0 ? void 0 : _21.bankState) && {
292
293
  class: "error-input",
293
294
  helpText: getValidationErrorMessage({
294
295
  type: (_23 = (_22 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _22 === void 0 ? void 0 : _22.bankState) === null || _23 === void 0 ? void 0 : _23.type,
295
296
  label: props.text.bankStateLabel,
296
297
  }),
297
298
  }))),
298
- index.h("sl-input", Object.assign({ required: true, label: props.text.bankPostalCodeLabel, name: "/bankPostalCode", id: "bankPostalCode", key: "bankPostalCode", type: "text" }, (((_24 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _24 === void 0 ? void 0 : _24.bankPostalCode) && {
299
+ index$1.h("sl-input", Object.assign({ required: true, label: props.text.bankPostalCodeLabel, name: "/bankPostalCode", id: "bankPostalCode", key: "bankPostalCode", type: "text" }, (((_24 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _24 === void 0 ? void 0 : _24.bankPostalCode) && {
299
300
  class: "error-input",
300
301
  helpText: getValidationErrorMessage({
301
302
  type: (_26 = (_25 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _25 === void 0 ? void 0 : _25.bankPostalCode) === null || _26 === void 0 ? void 0 : _26.type,
@@ -305,7 +306,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
305
306
  ],
306
307
  },
307
308
  13: {
308
- input: (index.h("sl-input", Object.assign({ required: true, label: props.text.branchCodeLabel, name: "/branchCode", id: "branchCode", key: "branchCode", type: "text" }, (((_27 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _27 === void 0 ? void 0 : _27.branchCode) && {
309
+ input: (index$1.h("sl-input", Object.assign({ required: true, label: props.text.branchCodeLabel, name: "/branchCode", id: "branchCode", key: "branchCode", type: "text" }, (((_27 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _27 === void 0 ? void 0 : _27.branchCode) && {
309
310
  class: "error-input",
310
311
  helpText: getValidationErrorMessage({
311
312
  type: (_29 = (_28 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _28 === void 0 ? void 0 : _28.branchCode) === null || _29 === void 0 ? void 0 : _29.type,
@@ -314,16 +315,16 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
314
315
  })))),
315
316
  },
316
317
  14: {
317
- input: (index.h("sl-select", Object.assign({ required: true, label: props.text.classificationLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_30 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _30 === void 0 ? void 0 : _30.beneficiaryClassification) && {
318
+ input: (index$1.h("sl-select", Object.assign({ required: true, label: props.text.classificationLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_30 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _30 === void 0 ? void 0 : _30.beneficiaryClassification) && {
318
319
  class: "error-input",
319
320
  helpText: getValidationErrorMessage({
320
321
  type: (_32 = (_31 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _31 === void 0 ? void 0 : _31.beneficiaryClassification) === null || _32 === void 0 ? void 0 : _32.type,
321
322
  label: props.text.classificationLabel,
322
323
  }),
323
324
  })),
324
- index.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
325
- index.h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
326
- index.h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel))),
325
+ index$1.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
326
+ index$1.h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
327
+ index$1.h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel))),
327
328
  },
328
329
  };
329
330
  }
@@ -821,80 +822,80 @@ const BankingInfoFormView = (props) => {
821
822
  gap: "8px",
822
823
  };
823
824
  if (checkedValue === undefined) {
824
- return (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column", gap: "16px" } },
825
- index.h("div", { class: classes.SmallSkeleton }),
826
- index.h("div", { style: { ...flexBoxStyle, flexDirection: "row" } },
827
- index.h("div", { class: classes.CheckboxSkeleton }),
828
- index.h("div", { class: classes.SmallSkeleton })),
829
- index.h("div", { style: { ...flexBoxStyle, flexDirection: "row" } },
830
- index.h("div", { class: classes.CheckboxSkeleton }),
831
- index.h("div", { class: classes.SmallSkeleton }))));
825
+ return (index$1.h("div", { style: { ...flexBoxStyle, flexDirection: "column", gap: "16px" } },
826
+ index$1.h("div", { class: classes.SmallSkeleton }),
827
+ index$1.h("div", { style: { ...flexBoxStyle, flexDirection: "row" } },
828
+ index$1.h("div", { class: classes.CheckboxSkeleton }),
829
+ index$1.h("div", { class: classes.SmallSkeleton })),
830
+ index$1.h("div", { style: { ...flexBoxStyle, flexDirection: "row" } },
831
+ index$1.h("div", { class: classes.CheckboxSkeleton }),
832
+ index$1.h("div", { class: classes.SmallSkeleton }))));
832
833
  }
833
834
  if (checkedValue === "toPayPalAccount") {
834
- return (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column" } },
835
- index.h("div", { class: classes.SmallSkeleton }),
836
- index.h("div", { class: classes.LargeSkeleton })));
835
+ return (index$1.h("div", { style: { ...flexBoxStyle, flexDirection: "column" } },
836
+ index$1.h("div", { class: classes.SmallSkeleton }),
837
+ index$1.h("div", { class: classes.LargeSkeleton })));
837
838
  }
838
- const skeletons = inputNumArray.map((_, idx) => (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column" }, key: idx },
839
- index.h("div", { class: classes.SmallSkeleton }),
840
- index.h("div", { class: classes.LargeSkeleton }))));
839
+ const skeletons = inputNumArray.map((_, idx) => (index$1.h("div", { style: { ...flexBoxStyle, flexDirection: "column" }, key: idx },
840
+ index$1.h("div", { class: classes.SmallSkeleton }),
841
+ index$1.h("div", { class: classes.LargeSkeleton }))));
841
842
  return skeletons;
842
843
  };
843
- return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
844
- index.h("style", { type: "text/css" },
844
+ return (index$1.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
845
+ index$1.h("style", { type: "text/css" },
845
846
  styleString,
846
847
  vanillaStyle),
847
- index.h("div", { class: classes.TextContainer },
848
- index.h("div", null,
849
- !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
848
+ index$1.h("div", { class: classes.TextContainer },
849
+ index$1.h("div", null,
850
+ !states.hideSteps && (index$1.h("p", null, global.intl.formatMessage({
850
851
  id: "formStep",
851
852
  defaultMessage: text.formStep,
852
853
  }, { step: states.step, count: FORM_STEPS }))),
853
- index.h("h3", { style: { fontSize: "24px" } }, text.taxAndPayouts),
854
- index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription)),
855
- ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet.classes.AlertContainer },
856
- index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
857
- index.h("strong", null, text.error.generalTitle),
858
- index.h("br", null),
854
+ index$1.h("h3", { style: { fontSize: "24px" } }, text.taxAndPayouts),
855
+ index$1.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription)),
856
+ ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet.classes.AlertContainer },
857
+ index$1.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
858
+ index$1.h("strong", null, text.error.generalTitle),
859
+ index$1.h("br", null),
859
860
  text.error.generalDescription)),
860
- states.isPartner && !states.hideSteps && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: sheet.classes.PartnerAlertContainer },
861
- index.h("sl-icon", { slot: "icon", name: "info-circle" }),
862
- index.h("strong", null, text.isPartnerAlertHeader),
863
- index.h("br", null),
861
+ states.isPartner && !states.hideSteps && (index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: sheet.classes.PartnerAlertContainer },
862
+ index$1.h("sl-icon", { slot: "icon", name: "info-circle" }),
863
+ index$1.h("strong", null, text.isPartnerAlertHeader),
864
+ index$1.h("br", null),
864
865
  text.isPartnerAlertDescription)),
865
- index.h("div", null,
866
- index.h("h4", null, text.paymentMethod),
867
- index.h("p", { class: classes.DescriptionText }, text.paymentMethodSubtext))),
868
- index.h("div", null,
869
- index.h("div", { class: classes.CheckboxContainer }, states.loading && formState.paymentMethodChecked === undefined ? (getLoadingSkeleton(undefined)) : (index.h("div", { class: classes.RadioContainer },
870
- states.hasPayPal && (index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toBankAccount", onInput: () => callbacks.setPaymentMethodChecked("toBankAccount"), disabled: states.disabled, id: "toBankAccount", name: "/toBankAccount" }, text.directlyToBankAccount)),
871
- formState.paymentMethodChecked === "toBankAccount" && (index.h("div", { class: classes.InputContainer, style: states.hideBanking ? { display: "none" } : {} }, states.loading
866
+ index$1.h("div", null,
867
+ index$1.h("h4", null, text.paymentMethod),
868
+ index$1.h("p", { class: classes.DescriptionText }, text.paymentMethodSubtext))),
869
+ index$1.h("div", null,
870
+ index$1.h("div", { class: classes.CheckboxContainer }, states.loading && formState.paymentMethodChecked === undefined ? (getLoadingSkeleton(undefined)) : (index$1.h("div", { class: classes.RadioContainer },
871
+ states.hasPayPal && (index$1.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toBankAccount", onInput: () => callbacks.setPaymentMethodChecked("toBankAccount"), disabled: states.disabled, id: "toBankAccount", name: "/toBankAccount" }, text.directlyToBankAccount)),
872
+ formState.paymentMethodChecked === "toBankAccount" && (index$1.h("div", { class: classes.InputContainer, style: states.hideBanking ? { display: "none" } : {} }, states.loading
872
873
  ? getLoadingSkeleton("toBankAccount", slots.formInputsSlot.length + 3)
873
874
  : [
874
875
  slots.countryInputSlot,
875
876
  slots.paymentMethodSlot,
876
877
  slots.formInputsSlot,
877
878
  ])),
878
- states.hasPayPal && (index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toPayPalAccount", onInput: () => callbacks.setPaymentMethodChecked("toPayPalAccount"), disabled: states.disabled, id: "toPayPalAccount", name: "/toPayPalAccount" }, global.intl.formatMessage({
879
+ states.hasPayPal && (index$1.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toPayPalAccount", onInput: () => callbacks.setPaymentMethodChecked("toPayPalAccount"), disabled: states.disabled, id: "toPayPalAccount", name: "/toPayPalAccount" }, global.intl.formatMessage({
879
880
  id: "paypal-input-label",
880
881
  defaultMessage: text.toPayPalAccount,
881
882
  }, { feeCap: states.feeCap }))),
882
- formState.paymentMethodChecked === "toPayPalAccount" && (index.h("div", { class: classes.InputContainer, style: states.hidePayPal ? { display: "none" } : {} }, states.loading
883
+ formState.paymentMethodChecked === "toPayPalAccount" && (index$1.h("div", { class: classes.InputContainer, style: states.hidePayPal ? { display: "none" } : {} }, states.loading
883
884
  ? getLoadingSkeleton("toPayPalAccount")
884
885
  : slots.paypalInputSlot)),
885
- index.h("div", { style: { paddingTop: "24px", paddingBottom: "12px" } },
886
- index.h("h4", null, text.paymentSchedule)),
887
- index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "BALANCE_THRESHOLD", onInput: () => callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "BALANCE_THRESHOLD" }, text.paymentScheduleBalanceThreshold),
888
- formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (index.h("div", { class: classes.InputContainer, style: states.hideBalanceThreshold ? { display: "none" } : {} }, states.loading
886
+ index$1.h("div", { style: { paddingTop: "24px", paddingBottom: "12px" } },
887
+ index$1.h("h4", null, text.paymentSchedule)),
888
+ index$1.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "BALANCE_THRESHOLD", onInput: () => callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "BALANCE_THRESHOLD" }, text.paymentScheduleBalanceThreshold),
889
+ formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (index$1.h("div", { class: classes.InputContainer, style: states.hideBalanceThreshold ? { display: "none" } : {} }, states.loading
889
890
  ? getLoadingSkeleton("toPayPalAccount")
890
891
  : slots.paymentThresholdSelectSlot)),
891
- index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "FIXED_DAY", onInput: () => callbacks.setPaymentScheduleChecked("FIXED_DAY"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "FIXED_DAY" }, text.paymentScheduleFixedDay),
892
- formState.paymentScheduleChecked === "FIXED_DAY" && (index.h("div", { class: classes.InputContainer, style: states.hideFixedDay ? { display: "none" } : {} }, states.loading
892
+ index$1.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "FIXED_DAY", onInput: () => callbacks.setPaymentScheduleChecked("FIXED_DAY"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "FIXED_DAY" }, text.paymentScheduleFixedDay),
893
+ formState.paymentScheduleChecked === "FIXED_DAY" && (index$1.h("div", { class: classes.InputContainer, style: states.hideFixedDay ? { display: "none" } : {} }, states.loading
893
894
  ? getLoadingSkeleton("toPayPalAccount")
894
895
  : slots.paymentFixedDaySelectSlot))))),
895
- index.h("div", { class: classes.BtnContainer },
896
- index.h("sl-button", { type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
897
- !states.hideBackButton && (index.h("sl-button", { exportparts: "base: secondarybutton-base", class: classes.SecondaryBtn, type: "text", onClick: callbacks.onBack }, text.backButton))))));
896
+ index$1.h("div", { class: classes.BtnContainer },
897
+ index$1.h("sl-button", { type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
898
+ !states.hideBackButton && (index$1.h("sl-button", { exportparts: "base: secondarybutton-base", class: classes.SecondaryBtn, type: "text", onClick: callbacks.onBack }, text.backButton))))));
898
899
  };
899
900
 
900
901
  // Hardcoded in Impact backend
@@ -928,7 +929,7 @@ function getFormInputs({ bitset, formMap }) {
928
929
  }, []);
929
930
  return inputFields;
930
931
  }
931
- const SAVE_WITHDRAWAL_SETTINGS = index_module.dist.gql `
932
+ const SAVE_WITHDRAWAL_SETTINGS = index.dist.gql `
932
933
  mutation setImpactPublisherWithdrawalSettings(
933
934
  $setImpactPublisherWithdrawalSettingsInput: SetImpactPublisherWithdrawalSettingsInput!
934
935
  ) {
@@ -1190,7 +1191,7 @@ function useBankingInfoForm(props) {
1190
1191
 
1191
1192
  const BankingInfoForm = class {
1192
1193
  constructor(hostRef) {
1193
- index.registerInstance(this, hostRef);
1194
+ index$1.registerInstance(this, hostRef);
1194
1195
  this.ignored = true;
1195
1196
  /**
1196
1197
  * @uiName Setup progress
@@ -1431,7 +1432,7 @@ const BankingInfoForm = class {
1431
1432
  * @uiWidget textArea
1432
1433
  */
1433
1434
  this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact Support.";
1434
- stencilHooks_module.h$1(this);
1435
+ stencilHooks_module.h(this);
1435
1436
  }
1436
1437
  disconnectedCallback() { }
1437
1438
  getTextProps() {
@@ -1487,40 +1488,40 @@ const BankingInfoForm = class {
1487
1488
  padding: "var(--sl-spacing-x-small)",
1488
1489
  },
1489
1490
  };
1490
- return (index.h(index.Host, null, index.h(BankingInfoFormView, { callbacks: props.callbacks, text: props.text, states: props.states, refs: props.refs, slots: {
1491
+ return (index$1.h(index$1.Host, null, index$1.h(BankingInfoFormView, { callbacks: props.callbacks, text: props.text, states: props.states, refs: props.refs, slots: {
1491
1492
  formInputsSlot: inputFields === null || inputFields === void 0 ? void 0 : inputFields.map(({ input }) => input),
1492
- countryInputSlot: (index.h("sl-select", Object.assign({ label: props.text.bankLocationLabel, required: true, name: "/bankCountry", id: "bankCountry", value: props.states.formState.bankCountry || "", "onSl-select": (e) => { var _a, _b; return props.callbacks.setBankCountry((_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.value); } }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.bankCountry) && {
1493
+ countryInputSlot: (index$1.h("sl-select", Object.assign({ label: props.text.bankLocationLabel, required: true, name: "/bankCountry", id: "bankCountry", value: props.states.formState.bankCountry || "", "onSl-select": (e) => { var _a, _b; return props.callbacks.setBankCountry((_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.value); } }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.bankCountry) && {
1493
1494
  class: "error-input",
1494
1495
  helpText: getValidationErrorMessage({
1495
1496
  type: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _b === void 0 ? void 0 : _b.bankCountry) === null || _c === void 0 ? void 0 : _c.type,
1496
1497
  label: props.text.bankLocationLabel,
1497
1498
  }),
1498
- })), index.h("sl-input", { class: searchStyle.SearchInput, placeholder: this.searchForCountryText, onKeyDown: (e) => {
1499
+ })), index$1.h("sl-input", { class: searchStyle.SearchInput, placeholder: this.searchForCountryText, onKeyDown: (e) => {
1499
1500
  // Stop shoelace intercepting key presses
1500
1501
  e.stopPropagation();
1501
1502
  }, "onSl-input": (e) => {
1502
1503
  props.callbacks.setCountrySearch(e.target.value);
1503
1504
  } }), (_d = props.states.countries) === null || _d === void 0 ? void 0 :
1504
1505
  _d.map((country) => {
1505
- return (index.h("sl-menu-item", { value: country.countryCode }, country.displayName));
1506
+ return (index$1.h("sl-menu-item", { value: country.countryCode }, country.displayName));
1506
1507
  }), (_f = (_e = props.states) === null || _e === void 0 ? void 0 : _e.allCountries) === null || _f === void 0 ? void 0 :
1507
- _f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName))))),
1508
- paymentMethodSlot: (index.h("sl-input", { key: "paymentMethod", label: props.text.paymentMethod, placeholder: props.states.paymentMethodFeeLabel, disabled: true })),
1509
- paymentThresholdSelectSlot: (index.h("sl-select", Object.assign({ required: true, label: props.text.paymentThresholdSelectLabel, name: "/paymentThreshold", id: "paymentThreshold", value: ((_h = (_g = props.states) === null || _g === void 0 ? void 0 : _g.formState) === null || _h === void 0 ? void 0 : _h.paymentThreshold) || "" }, (((_j = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _j === void 0 ? void 0 : _j.paymentThreshold) && {
1508
+ _f.map((c) => (index$1.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName))))),
1509
+ paymentMethodSlot: (index$1.h("sl-input", { key: "paymentMethod", label: props.text.paymentMethod, placeholder: props.states.paymentMethodFeeLabel, disabled: true })),
1510
+ paymentThresholdSelectSlot: (index$1.h("sl-select", Object.assign({ required: true, label: props.text.paymentThresholdSelectLabel, name: "/paymentThreshold", id: "paymentThreshold", value: ((_h = (_g = props.states) === null || _g === void 0 ? void 0 : _g.formState) === null || _h === void 0 ? void 0 : _h.paymentThreshold) || "" }, (((_j = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _j === void 0 ? void 0 : _j.paymentThreshold) && {
1510
1511
  class: "error-input",
1511
1512
  helpText: getValidationErrorMessage({
1512
1513
  type: (_l = (_k = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _k === void 0 ? void 0 : _k.paymentThreshold) === null || _l === void 0 ? void 0 : _l.type,
1513
1514
  label: props.text.paymentThresholdSelectLabel,
1514
1515
  }),
1515
- })), props.states.thresholds.map((t) => (index.h("sl-menu-item", { value: t }, `${props.states.currency}${t}`))))),
1516
- paymentFixedDaySelectSlot: (index.h("sl-select", Object.assign({ required: true, label: props.text.paymentDaySelectLabel, value: ((_o = (_m = props.states) === null || _m === void 0 ? void 0 : _m.formState) === null || _o === void 0 ? void 0 : _o.paymentDay) || "", name: "/paymentDay", id: "paymentDay" }, (((_p = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _p === void 0 ? void 0 : _p.paymentDay) && {
1516
+ })), props.states.thresholds.map((t) => (index$1.h("sl-menu-item", { value: t }, `${props.states.currency}${t}`))))),
1517
+ paymentFixedDaySelectSlot: (index$1.h("sl-select", Object.assign({ required: true, label: props.text.paymentDaySelectLabel, value: ((_o = (_m = props.states) === null || _m === void 0 ? void 0 : _m.formState) === null || _o === void 0 ? void 0 : _o.paymentDay) || "", name: "/paymentDay", id: "paymentDay" }, (((_p = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _p === void 0 ? void 0 : _p.paymentDay) && {
1517
1518
  class: "error-input",
1518
1519
  helpText: getValidationErrorMessage({
1519
1520
  type: (_r = (_q = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _q === void 0 ? void 0 : _q.paymentDay) === null || _r === void 0 ? void 0 : _r.type,
1520
1521
  label: props.text.paymentDaySelectLabel,
1521
1522
  }),
1522
- })), index.h("sl-menu-item", { value: "1" }, props.text.paymentDayFirstOfMonthLabelText), index.h("sl-menu-item", { value: "15" }, props.text.paymentDayFifteenthOfMonthLabelText))),
1523
- paypalInputSlot: (index.h("sl-input", Object.assign({ required: true, value: ((_t = (_s = props.states) === null || _s === void 0 ? void 0 : _s.formState) === null || _t === void 0 ? void 0 : _t.paypalEmailAddress) || "", label: props.text.payPalInputLabel, key: "paypalEmailAddress", name: "/paypalEmailAddress", id: "paypalEmailAddress", type: "text" }, (((_w = (_v = (_u = props.states.formState) === null || _u === void 0 ? void 0 : _u.errors) === null || _v === void 0 ? void 0 : _v.inputErrors) === null || _w === void 0 ? void 0 : _w.paypalEmailAddress) && {
1523
+ })), index$1.h("sl-menu-item", { value: "1" }, props.text.paymentDayFirstOfMonthLabelText), index$1.h("sl-menu-item", { value: "15" }, props.text.paymentDayFifteenthOfMonthLabelText))),
1524
+ paypalInputSlot: (index$1.h("sl-input", Object.assign({ required: true, value: ((_t = (_s = props.states) === null || _s === void 0 ? void 0 : _s.formState) === null || _t === void 0 ? void 0 : _t.paypalEmailAddress) || "", label: props.text.payPalInputLabel, key: "paypalEmailAddress", name: "/paypalEmailAddress", id: "paypalEmailAddress", type: "text" }, (((_w = (_v = (_u = props.states.formState) === null || _u === void 0 ? void 0 : _u.errors) === null || _v === void 0 ? void 0 : _v.inputErrors) === null || _w === void 0 ? void 0 : _w.paypalEmailAddress) && {
1524
1525
  class: "error-input",
1525
1526
  helpText: getValidationErrorMessage({
1526
1527
  type: (_0 = (_z = (_y = (_x = props.states.formState) === null || _x === void 0 ? void 0 : _x.errors) === null || _y === void 0 ? void 0 : _y.inputErrors) === null || _z === void 0 ? void 0 : _z.paypalEmailAddress) === null || _0 === void 0 ? void 0 : _0.type,
@@ -1627,7 +1628,7 @@ function useDemoBankingInfoForm(props) {
1627
1628
  }, props.demoData || {}, { arrayMerge: (_, a) => a });
1628
1629
  }
1629
1630
 
1630
- const GET_TAX_DOCUMENT = index_module.dist.gql `
1631
+ const GET_TAX_DOCUMENT = index.dist.gql `
1631
1632
  mutation createImpactPublisherTaxDocument(
1632
1633
  $vars: CreateImpactPublisherTaxDocumentInput!
1633
1634
  ) {
@@ -1638,7 +1639,7 @@ const GET_TAX_DOCUMENT = index_module.dist.gql `
1638
1639
  }
1639
1640
  }
1640
1641
  `;
1641
- const COMPLETE_TAX_DOCUMENT = index_module.dist.gql `
1642
+ const COMPLETE_TAX_DOCUMENT = index.dist.gql `
1642
1643
  mutation completeImpactPublisherTaxDocument($vars: UserIdInput!) {
1643
1644
  completeImpactPublisherTaxDocument(user: $vars) {
1644
1645
  success
@@ -1806,39 +1807,39 @@ const styleString$1 = sheet$1.toString();
1806
1807
  const DocusignExpiredView = (props) => {
1807
1808
  const { classes } = sheet$1;
1808
1809
  const { text } = props;
1809
- return (index.h("div", null,
1810
- index.h("style", { type: "text/css" }, styleString$1),
1811
- index.h("div", { class: classes.DocusignStatusContainer },
1812
- index.h("sl-icon", { style: {
1810
+ return (index$1.h("div", null,
1811
+ index$1.h("style", { type: "text/css" }, styleString$1),
1812
+ index$1.h("div", { class: classes.DocusignStatusContainer },
1813
+ index$1.h("sl-icon", { style: {
1813
1814
  width: "50px",
1814
1815
  height: "50px",
1815
1816
  color: "var(--sl-color-neutral-500)",
1816
1817
  }, name: "clock" }),
1817
- index.h("div", { class: classes.MessageContainer },
1818
- index.h("p", { style: { margin: "0" } }, text.docusignExpired)),
1819
- index.h("sl-button", { type: "primary", onClick: () => window.location.reload() }, text.refreshButton))));
1818
+ index$1.h("div", { class: classes.MessageContainer },
1819
+ index$1.h("p", { style: { margin: "0" } }, text.docusignExpired)),
1820
+ index$1.h("sl-button", { type: "primary", onClick: () => window.location.reload() }, text.refreshButton))));
1820
1821
  };
1821
1822
  const DocusignErrorView = (props) => {
1822
1823
  const { classes } = sheet$1;
1823
1824
  const { text } = props;
1824
- return (index.h("div", null,
1825
- index.h("style", { type: "text/css" }, styleString$1),
1826
- index.h("div", { class: classes.DocusignStatusContainer },
1827
- index.h("sl-icon", { style: {
1825
+ return (index$1.h("div", null,
1826
+ index$1.h("style", { type: "text/css" }, styleString$1),
1827
+ index$1.h("div", { class: classes.DocusignStatusContainer },
1828
+ index$1.h("sl-icon", { style: {
1828
1829
  width: "50px",
1829
1830
  height: "50px",
1830
1831
  color: "var(--sl-color-gray-500)",
1831
1832
  }, name: "exclamation-octagon" }),
1832
- index.h("div", { class: classes.MessageContainer },
1833
- index.h("p", { style: { margin: "0" } }, text.docusignError)),
1834
- index.h("sl-button", { type: "primary", onClick: () => window.location.reload() }, text.refreshButton))));
1833
+ index$1.h("div", { class: classes.MessageContainer },
1834
+ index$1.h("p", { style: { margin: "0" } }, text.docusignError)),
1835
+ index$1.h("sl-button", { type: "primary", onClick: () => window.location.reload() }, text.refreshButton))));
1835
1836
  };
1836
1837
  const DocusignLoadingView = () => {
1837
1838
  const { classes } = sheet$1;
1838
- return (index.h("div", null,
1839
- index.h("style", { type: "text/css" }, styleString$1),
1840
- index.h("div", { class: classes.DocusignStatusContainer },
1841
- index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
1839
+ return (index$1.h("div", null,
1840
+ index$1.h("style", { type: "text/css" }, styleString$1),
1841
+ index$1.h("div", { class: classes.DocusignStatusContainer },
1842
+ index$1.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
1842
1843
  };
1843
1844
  const DocusignIframe = ({ states, data, callbacks, text, }) => {
1844
1845
  const [iFrameHeight, setiFrameHeight] = stencilHooks_module.useState("100%");
@@ -1865,13 +1866,13 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
1865
1866
  };
1866
1867
  }, []);
1867
1868
  if (states.urlLoading)
1868
- return index.h(DocusignLoadingView, null);
1869
+ return index$1.h(DocusignLoadingView, null);
1869
1870
  if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
1870
- return index.h(DocusignErrorView, { text: text });
1871
+ return index$1.h(DocusignErrorView, { text: text });
1871
1872
  }
1872
1873
  if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
1873
- return index.h(DocusignExpiredView, { text: text });
1874
- return (index.h("iframe", { scrolling: "yes", frameBorder: "0", src: data.documentUrl, width: "100%", height: iFrameHeight }));
1874
+ return index$1.h(DocusignExpiredView, { text: text });
1875
+ return (index$1.h("iframe", { scrolling: "yes", frameBorder: "0", src: data.documentUrl, width: "100%", height: iFrameHeight }));
1875
1876
  };
1876
1877
 
1877
1878
  const style$2 = {
@@ -2015,33 +2016,33 @@ const DocusignFormView = (props) => {
2015
2016
  var _a;
2016
2017
  const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
2017
2018
  const { classes } = sheet$2;
2018
- return (index.h("div", { class: classes.Container },
2019
- index.h("style", { type: "text/css" },
2019
+ return (index$1.h("div", { class: classes.Container },
2020
+ index$1.h("style", { type: "text/css" },
2020
2021
  styleString$2,
2021
2022
  vanillaStyle$1),
2022
- index.h("div", { class: classes.TextContainer },
2023
- index.h("div", null,
2024
- !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
2023
+ index$1.h("div", { class: classes.TextContainer },
2024
+ index$1.h("div", null,
2025
+ !states.hideSteps && (index$1.h("p", null, global.intl.formatMessage({
2025
2026
  id: "formStep",
2026
2027
  defaultMessage: text.formStep,
2027
2028
  }, { step: states.step, count: FORM_STEPS }))),
2028
- index.h("h3", null, text.taxForm),
2029
- index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
2030
- states.loadingError && (index.h("div", null,
2031
- index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$2.classes.ErrorAlertContainer },
2032
- index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
2033
- index.h("strong", null, text.error.loadingErrorAlertHeader),
2034
- index.h("br", null),
2029
+ index$1.h("h3", null, text.taxForm),
2030
+ index$1.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
2031
+ states.loadingError && (index$1.h("div", null,
2032
+ index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$2.classes.ErrorAlertContainer },
2033
+ index$1.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
2034
+ index$1.h("strong", null, text.error.loadingErrorAlertHeader),
2035
+ index$1.h("br", null),
2035
2036
  text.error.loadingErrorAlertDescription))),
2036
- ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet$2.classes.ErrorAlertContainer },
2037
- index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
2038
- index.h("strong", null, text.error.generalTitle),
2039
- index.h("br", null),
2037
+ ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet$2.classes.ErrorAlertContainer },
2038
+ index$1.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
2039
+ index$1.h("strong", null, text.error.generalTitle),
2040
+ index$1.h("br", null),
2040
2041
  text.error.generalDescription)),
2041
- index.h("div", null,
2042
- index.h("div", null,
2043
- index.h("h5", { class: classes.BoldText }, global.intl.formatMessage({ id: "tax-form-label", defaultMessage: text.taxFormLabel }, { documentType: documentTypeString })),
2044
- index.h("p", null, global.intl.formatMessage({
2042
+ index$1.h("div", null,
2043
+ index$1.h("div", null,
2044
+ index$1.h("h5", { class: classes.BoldText }, global.intl.formatMessage({ id: "tax-form-label", defaultMessage: text.taxFormLabel }, { documentType: documentTypeString })),
2045
+ index$1.h("p", null, global.intl.formatMessage({
2045
2046
  id: "tax-form-description",
2046
2047
  defaultMessage: states.documentType === "W9"
2047
2048
  ? text.taxFormDescription
@@ -2049,13 +2050,13 @@ const DocusignFormView = (props) => {
2049
2050
  ? text.taxFormDescriptionIndividualParticipant
2050
2051
  : text.taxFormDescriptionBusinessEntity,
2051
2052
  }, { documentType: documentTypeString }))),
2052
- index.h("div", null, slots.docusignIframeSlot),
2053
- index.h("div", { class: classes.BtnContainer }, states.showExitButton && (index.h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onExit }, text.exitButton))))));
2053
+ index$1.h("div", null, slots.docusignIframeSlot),
2054
+ index$1.h("div", { class: classes.BtnContainer }, states.showExitButton && (index$1.h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onExit }, text.exitButton))))));
2054
2055
  };
2055
2056
 
2056
2057
  const DocusignForm = class {
2057
2058
  constructor(hostRef) {
2058
- index.registerInstance(this, hostRef);
2059
+ index$1.registerInstance(this, hostRef);
2059
2060
  this.ignored = true;
2060
2061
  /**
2061
2062
  * @uiName Setup progress
@@ -2158,7 +2159,7 @@ const DocusignForm = class {
2158
2159
  * @uiName Exit button text
2159
2160
  */
2160
2161
  this.exitButton = "Exit";
2161
- stencilHooks_module.h$1(this);
2162
+ stencilHooks_module.h(this);
2162
2163
  }
2163
2164
  disconnectedCallback() { }
2164
2165
  getTextProps() {
@@ -2177,7 +2178,7 @@ const DocusignForm = class {
2177
2178
  render() {
2178
2179
  const _isDemo = index_module.isDemo();
2179
2180
  const props = _isDemo ? useDocusignFormDemo(this) : useDocusignForm(this);
2180
- const docusignIframeSlot = (index.h(DocusignIframe, { states: {
2181
+ const docusignIframeSlot = (index$1.h(DocusignIframe, { states: {
2181
2182
  status: props.states.docusignStatus,
2182
2183
  loading: props.states.loading,
2183
2184
  urlLoading: props.states.urlLoading,
@@ -2186,13 +2187,13 @@ const DocusignForm = class {
2186
2187
  }, callbacks: {
2187
2188
  completeDocument: props.callbacks.completeDocument,
2188
2189
  }, text: props.text }));
2189
- return (index.h(index.Host, null, index.h(DocusignFormView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
2190
+ return (index$1.h(index$1.Host, null, index$1.h(DocusignFormView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
2190
2191
  docusignIframeSlot: _isDemo
2191
2192
  ? DemoDocusignIframe({ callbacks: props.callbacks })
2192
2193
  : docusignIframeSlot,
2193
2194
  } })));
2194
2195
  }
2195
- get el() { return index.getElement(this); }
2196
+ get el() { return index$1.getElement(this); }
2196
2197
  };
2197
2198
  function useDocusignFormDemo(props) {
2198
2199
  const setStep = index_module.En(TAX_CONTEXT_NAMESPACE);
@@ -2229,19 +2230,19 @@ function useDocusignFormDemo(props) {
2229
2230
  }, props.demoData || {}, { arrayMerge: (_, a) => a });
2230
2231
  }
2231
2232
  const DemoDocusignIframe = ({ callbacks }) => {
2232
- return (index.h("div", { style: {
2233
+ return (index$1.h("div", { style: {
2233
2234
  width: "100%",
2234
2235
  height: "600px",
2235
2236
  background: "#fafafa",
2236
2237
  display: "flex",
2237
2238
  justifyContent: "center",
2238
2239
  alignItems: "center",
2239
- } }, index.h("div", { style: {
2240
+ } }, index$1.h("div", { style: {
2240
2241
  display: "flex",
2241
2242
  flexDirection: "column",
2242
2243
  gap: "12px",
2243
2244
  alignItems: "center",
2244
- } }, index.h("span", null, "Placeholder for docusign iframe"), index.h("div", { style: { display: "flex", gap: "8px" } }, index.h("sl-button", { type: "primary", submit: true, exportparts: "base: primarybutton-base", onClick: callbacks.demo.onBack }, "Back to Step 2"), index.h("sl-button", { type: "primary", submit: true, exportparts: "base: primarybutton-base", onClick: callbacks.demo.onSubmit }, "Continue to Step 4")))));
2245
+ } }, index$1.h("span", null, "Placeholder for docusign iframe"), index$1.h("div", { style: { display: "flex", gap: "8px" } }, index$1.h("sl-button", { type: "primary", submit: true, exportparts: "base: primarybutton-base", onClick: callbacks.demo.onBack }, "Back to Step 2"), index$1.h("sl-button", { type: "primary", submit: true, exportparts: "base: primarybutton-base", onClick: callbacks.demo.onSubmit }, "Continue to Step 4")))));
2245
2246
  };
2246
2247
 
2247
2248
  const style$3 = {
@@ -2374,60 +2375,60 @@ const IndirectTaxFormView = (props) => {
2374
2375
  var _a;
2375
2376
  const { states, states: { formState }, callbacks, text, refs, slots, } = props;
2376
2377
  const { classes } = sheet$3;
2377
- return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
2378
- index.h("style", { type: "text/css" },
2378
+ return (index$1.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
2379
+ index$1.h("style", { type: "text/css" },
2379
2380
  styleString$3,
2380
2381
  vanillaStyle$2),
2381
- index.h("div", { class: classes.TextContainer },
2382
- index.h("div", null,
2383
- !states.hideSteps && (index.h("p", null,
2382
+ index$1.h("div", { class: classes.TextContainer },
2383
+ index$1.h("div", null,
2384
+ !states.hideSteps && (index$1.h("p", null,
2384
2385
  " ",
2385
2386
  global.intl.formatMessage({
2386
2387
  id: "formStep",
2387
2388
  defaultMessage: text.formStep,
2388
2389
  }, { step: states.step, count: FORM_STEPS }))),
2389
- index.h("h3", null, text.indirectTax),
2390
- index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription),
2391
- index.h("p", { class: classes.DescriptionText }, text.indirectTaxDescription)),
2392
- states.loadingError && (index.h("div", null,
2393
- index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$3.classes.AlertContainer },
2394
- index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
2395
- index.h("strong", null, text.error.loadingErrorAlertHeader),
2396
- index.h("br", null),
2390
+ index$1.h("h3", null, text.indirectTax),
2391
+ index$1.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription),
2392
+ index$1.h("p", { class: classes.DescriptionText }, text.indirectTaxDescription)),
2393
+ states.loadingError && (index$1.h("div", null,
2394
+ index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$3.classes.AlertContainer },
2395
+ index$1.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
2396
+ index$1.h("strong", null, text.error.loadingErrorAlertHeader),
2397
+ index$1.h("br", null),
2397
2398
  text.error.loadingErrorAlertDescription))),
2398
- ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet$3.classes.AlertContainer },
2399
- index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
2400
- index.h("strong", null, text.error.generalTitle),
2401
- index.h("br", null),
2399
+ ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet$3.classes.AlertContainer },
2400
+ index$1.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
2401
+ index$1.h("strong", null, text.error.generalTitle),
2402
+ index$1.h("br", null),
2402
2403
  text.error.generalDescription)),
2403
- states.isPartner && (index.h("sl-alert", { type: "primary", open: true, class: sheet$3.classes.PartnerAlertContainer, exportparts: "base: alert-base, icon:alert-icon" },
2404
- index.h("sl-icon", { slot: "icon", name: "info-circle" }),
2405
- index.h("strong", null, text.isPartnerAlertHeader),
2406
- index.h("br", null),
2404
+ states.isPartner && (index$1.h("sl-alert", { type: "primary", open: true, class: sheet$3.classes.PartnerAlertContainer, exportparts: "base: alert-base, icon:alert-icon" },
2405
+ index$1.h("sl-icon", { slot: "icon", name: "info-circle" }),
2406
+ index$1.h("strong", null, text.isPartnerAlertHeader),
2407
+ index$1.h("br", null),
2407
2408
  text.isPartnerAlertDescription)),
2408
- index.h("div", null,
2409
- index.h("h4", null, text.indirectTaxDetails))),
2410
- states.loading ? (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index.h("div", null,
2411
- index.h("div", { class: classes.RadioContainer },
2412
- index.h("div", { class: classes.InnerRadioContainer },
2413
- index.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "notRegistered", id: "notRegistered", checked: formState.checked === "notRegistered", onInput: () => callbacks.onChange("notRegistered"), disabled: states.disabled || states.isPartner },
2414
- index.h("div", { class: classes.RadioContent },
2409
+ index$1.h("div", null,
2410
+ index$1.h("h4", null, text.indirectTaxDetails))),
2411
+ states.loading ? (index$1.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index$1.h("div", null,
2412
+ index$1.h("div", { class: classes.RadioContainer },
2413
+ index$1.h("div", { class: classes.InnerRadioContainer },
2414
+ index$1.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "notRegistered", id: "notRegistered", checked: formState.checked === "notRegistered", onInput: () => callbacks.onChange("notRegistered"), disabled: states.disabled || states.isPartner },
2415
+ index$1.h("div", { class: classes.RadioContent },
2415
2416
  text.notRegistered,
2416
- index.h("p", { class: classes.DescriptionText }, text.notRegisteredSubtext))),
2417
- index.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "otherRegion", id: "otherRegion", checked: formState.checked === "otherRegion", onInput: () => callbacks.onChange("otherRegion"), disabled: states.disabled || states.isPartner },
2418
- index.h("div", { class: classes.RadioContent },
2417
+ index$1.h("p", { class: classes.DescriptionText }, text.notRegisteredSubtext))),
2418
+ index$1.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "otherRegion", id: "otherRegion", checked: formState.checked === "otherRegion", onInput: () => callbacks.onChange("otherRegion"), disabled: states.disabled || states.isPartner },
2419
+ index$1.h("div", { class: classes.RadioContent },
2419
2420
  text.otherRegion,
2420
- index.h("p", { class: classes.DescriptionText }, text.otherRegionSubtext))),
2421
+ index$1.h("p", { class: classes.DescriptionText }, text.otherRegionSubtext))),
2421
2422
  slots.registeredInDifferentCountryDetailsSlot)),
2422
- index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: classes.InfoAlert },
2423
- index.h("sl-icon", { class: classes.InfoWarningIcon, slot: "icon", name: "exclamation-triangle" }),
2423
+ index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: classes.InfoAlert },
2424
+ index$1.h("sl-icon", { class: classes.InfoWarningIcon, slot: "icon", name: "exclamation-triangle" }),
2424
2425
  text.cannotChangeInfoAlert),
2425
- index.h("div", { class: classes.BtnContainer },
2426
- index.h("sl-button", { type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
2427
- index.h("sl-button", { class: classes.SecondaryBtn, type: "text", disabled: states.disabled, onClick: callbacks.onBack, exportparts: "base: secondarybutton-base" }, text.backButton))))));
2426
+ index$1.h("div", { class: classes.BtnContainer },
2427
+ index$1.h("sl-button", { type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
2428
+ index$1.h("sl-button", { class: classes.SecondaryBtn, type: "text", disabled: states.disabled, onClick: callbacks.onBack, exportparts: "base: secondarybutton-base" }, text.backButton))))));
2428
2429
  };
2429
2430
 
2430
- const CONNECT_PARTNER = index_module.dist.gql `
2431
+ const CONNECT_PARTNER = index.dist.gql `
2431
2432
  mutation createImpactConnection($vars: ImpactConnectionInput!) {
2432
2433
  createImpactConnection(impactConnectionInput: $vars) {
2433
2434
  success
@@ -2663,7 +2664,7 @@ function useIndirectTaxForm(props) {
2663
2664
 
2664
2665
  const IndirectTaxForm = class {
2665
2666
  constructor(hostRef) {
2666
- index.registerInstance(this, hostRef);
2667
+ index$1.registerInstance(this, hostRef);
2667
2668
  /**
2668
2669
  * @uiName Setup progress
2669
2670
  */
@@ -2809,7 +2810,7 @@ const IndirectTaxForm = class {
2809
2810
  * @uiName Page description
2810
2811
  */
2811
2812
  this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
2812
- stencilHooks_module.h$1(this);
2813
+ stencilHooks_module.h(this);
2813
2814
  }
2814
2815
  disconnectedCallback() { }
2815
2816
  getTextProps() {
@@ -2844,7 +2845,7 @@ const IndirectTaxForm = class {
2844
2845
  const props = index_module.isDemo()
2845
2846
  ? useDemoIndirectTaxForm(this)
2846
2847
  : useIndirectTaxForm(this);
2847
- const registeredInDifferentCountryDetailsSlot = (index.h(sqmInvoiceTableView.OtherRegionSlotView, { states: {
2848
+ const registeredInDifferentCountryDetailsSlot = (index$1.h(sqmInvoiceTableView.OtherRegionSlotView, { states: {
2848
2849
  hide: props.states.formState.checked !== "otherRegion",
2849
2850
  disabled: props.states.disabled || props.states.isPartner,
2850
2851
  formState: props.slotProps.formState,
@@ -2856,7 +2857,7 @@ const IndirectTaxForm = class {
2856
2857
  provinces: props.data.provinces,
2857
2858
  allCountries: props.data.allCountries,
2858
2859
  }, text: props.text.slotText }));
2859
- return (index.h(index.Host, null, index.h(IndirectTaxFormView, { callbacks: props.callbacks, states: props.states, refs: props.refs, text: props.text, slots: {
2860
+ return (index$1.h(index$1.Host, null, index$1.h(IndirectTaxFormView, { callbacks: props.callbacks, states: props.states, refs: props.refs, text: props.text, slots: {
2860
2861
  registeredInDifferentCountryDetailsSlot,
2861
2862
  } })));
2862
2863
  }
@@ -2946,7 +2947,7 @@ function useDemoIndirectTaxForm(props) {
2946
2947
 
2947
2948
  const debug = stencilHooks_module.browser("sq:useInvoiceTable");
2948
2949
  const CSS_NAMESPACE = "sqm-invoice-table";
2949
- const GET_INVOICES = index_module.dist.gql `
2950
+ const GET_INVOICES = index.dist.gql `
2950
2951
  query getUserTaxInfo($limit: Int!, $offset: Int!) {
2951
2952
  user: viewer {
2952
2953
  ... on User {
@@ -3007,7 +3008,7 @@ function useInvoiceTable(props, emptyElement, loadingElement) {
3007
3008
  netEarnings: `${invoice.currency}${((_c = (invoice.totalAmount - invoice.totalVatAmount)) === null || _c === void 0 ? void 0 : _c.toFixed(2)) || "0.00"}`,
3008
3009
  downloadUrl: invoice.downloadUrl,
3009
3010
  };
3010
- const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(invoiceData, { locale }, index.h)));
3011
+ const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(invoiceData, { locale }, index$1.h)));
3011
3012
  const cells = (await Promise.all(cellPromise));
3012
3013
  return cells;
3013
3014
  });
@@ -3076,7 +3077,7 @@ async function tryMethod(c, callback) {
3076
3077
  // renderLabel did not return a promise, so this method probably doesn't exist
3077
3078
  // therefore, we IGNORE the label
3078
3079
  debug("label promise failed", e);
3079
- return index.h("span", null);
3080
+ return index$1.h("span", null);
3080
3081
  }
3081
3082
  try {
3082
3083
  return await labelPromise;
@@ -3086,8 +3087,8 @@ async function tryMethod(c, callback) {
3086
3087
  // This should not happen so we fail fast
3087
3088
  debug("Error rendering label", e);
3088
3089
  const userError = useReferralTable.generateUserError(e);
3089
- return (index.h("details", null,
3090
- index.h("summary", null, "Error"),
3090
+ return (index$1.h("details", null,
3091
+ index$1.h("summary", null, "Error"),
3091
3092
  userError));
3092
3093
  }
3093
3094
  }
@@ -3114,7 +3115,7 @@ const getMockData = () => {
3114
3115
 
3115
3116
  const InvoiceTable = class {
3116
3117
  constructor(hostRef) {
3117
- index.registerInstance(this, hostRef);
3118
+ index$1.registerInstance(this, hostRef);
3118
3119
  /**
3119
3120
  * Number of invoices displayed per page
3120
3121
  *
@@ -3145,27 +3146,27 @@ const InvoiceTable = class {
3145
3146
  this.emptyStateHeader = "View your invoice details";
3146
3147
  /** @uiName Empty invoice table description */
3147
3148
  this.emptyStateText = "Refer a friend to view the status of your invoices and rewards earned";
3148
- stencilHooks_module.h$1(this);
3149
+ stencilHooks_module.h(this);
3149
3150
  }
3150
3151
  disconnectedCallback() { }
3151
3152
  render() {
3152
- const empty = (index.h(EmptySlot, { emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText }));
3153
- const loading = index.h(LoadingSlot, null);
3153
+ const empty = (index$1.h(EmptySlot, { emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText }));
3154
+ const loading = index$1.h(LoadingSlot, null);
3154
3155
  const { states, data, callbacks, elements } = index_module.isDemo()
3155
3156
  ? useInvoiceTableDemo(this, empty, loading)
3156
3157
  : useInvoiceTable(this, empty, loading);
3157
3158
  reRender.useRequestRerender([this.perPage]);
3158
- return (index.h(sqmInvoiceTableView.InvoiceTableView, { header: this.header, description: this.description }, index.h(GenericTableView.GenericTableView, { states: states, data: data, callbacks: callbacks, elements: elements })));
3159
+ return (index$1.h(sqmInvoiceTableView.InvoiceTableView, { header: this.header, description: this.description }, index$1.h(GenericTableView.GenericTableView, { states: states, data: data, callbacks: callbacks, elements: elements })));
3159
3160
  }
3160
3161
  };
3161
3162
  function EmptySlot(props) {
3162
- return (index.h("slot", { name: "empty" }, index.h("sqm-empty", { "empty-state-image": "https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png", "empty-state-header": props.emptyStateHeader, "empty-state-text": props.emptyStateText })));
3163
+ return (index$1.h("slot", { name: "empty" }, index$1.h("sqm-empty", { "empty-state-image": "https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png", "empty-state-header": props.emptyStateHeader, "empty-state-text": props.emptyStateText })));
3163
3164
  }
3164
3165
  function LoadingSlot() {
3165
- return (index.h("slot", { name: "loading" }, index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null)));
3166
+ return (index$1.h("slot", { name: "loading" }, index$1.h(LoadingRow, null), index$1.h(LoadingRow, null), index$1.h(LoadingRow, null), index$1.h(LoadingRow, null)));
3166
3167
  }
3167
3168
  function LoadingRow() {
3168
- return (index.h("sqm-table-row", null, index.h("sqm-table-cell", { colspan: 6 }, index.h("sl-skeleton", null))));
3169
+ return (index$1.h("sqm-table-row", null, index$1.h("sqm-table-cell", { colspan: 6 }, index$1.h("sl-skeleton", null))));
3169
3170
  }
3170
3171
  function useInvoiceTableDemo(props, emptyElement, loadingElement) {
3171
3172
  const [content, setContent] = stencilHooks_module.useReducer((state, next) => ({
@@ -3259,9 +3260,9 @@ function useInvoiceTableDemo(props, emptyElement, loadingElement) {
3259
3260
 
3260
3261
  const InvoiceTableDataCell = class {
3261
3262
  constructor(hostRef) {
3262
- index.registerInstance(this, hostRef);
3263
+ index$1.registerInstance(this, hostRef);
3263
3264
  this.ignored = true;
3264
- stencilHooks_module.h$1(this);
3265
+ stencilHooks_module.h(this);
3265
3266
  }
3266
3267
  disconnectedCallback() { }
3267
3268
  render() {
@@ -3271,28 +3272,28 @@ const InvoiceTableDataCell = class {
3271
3272
 
3272
3273
  const InvoiceTableDataColumn = class {
3273
3274
  constructor(hostRef) {
3274
- index.registerInstance(this, hostRef);
3275
- stencilHooks_module.h$1(this);
3275
+ index$1.registerInstance(this, hostRef);
3276
+ stencilHooks_module.h(this);
3276
3277
  }
3277
3278
  disconnectedCallback() { }
3278
3279
  async renderCell(data) {
3279
- return (index.h("sqm-invoice-table-data-cell", { data: data[this.property] }));
3280
+ return (index$1.h("sqm-invoice-table-data-cell", { data: data[this.property] }));
3280
3281
  }
3281
3282
  async renderLabel() {
3282
3283
  return Promise.resolve(this.columnTitle);
3283
3284
  }
3284
3285
  render() {
3285
3286
  reRender.useRequestRerender([this.columnTitle, this.property]);
3286
- return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
3287
+ return (index$1.h(index$1.Host, { style: { display: "none" } }, index$1.h("slot", null)));
3287
3288
  }
3288
3289
  };
3289
3290
 
3290
3291
  const RewardTableDateCell = class {
3291
3292
  constructor(hostRef) {
3292
- index.registerInstance(this, hostRef);
3293
+ index$1.registerInstance(this, hostRef);
3293
3294
  this.ignored = true;
3294
3295
  this.locale = "en";
3295
- stencilHooks_module.h$1(this);
3296
+ stencilHooks_module.h(this);
3296
3297
  }
3297
3298
  disconnectedCallback() { }
3298
3299
  render() {
@@ -3306,58 +3307,58 @@ const RewardTableDateCell = class {
3306
3307
 
3307
3308
  const InvoiceTableDateColumn = class {
3308
3309
  constructor(hostRef) {
3309
- index.registerInstance(this, hostRef);
3310
- stencilHooks_module.h$1(this);
3310
+ index$1.registerInstance(this, hostRef);
3311
+ stencilHooks_module.h(this);
3311
3312
  }
3312
3313
  disconnectedCallback() { }
3313
3314
  async renderCell(data, options) {
3314
- return (index.h("sqm-invoice-table-date-cell", { date: data.dateCreated, locale: options === null || options === void 0 ? void 0 : options.locale }));
3315
+ return (index$1.h("sqm-invoice-table-date-cell", { date: data.dateCreated, locale: options === null || options === void 0 ? void 0 : options.locale }));
3315
3316
  }
3316
3317
  async renderLabel() {
3317
3318
  return this.columnTitle;
3318
3319
  }
3319
3320
  render() {
3320
3321
  reRender.useRequestRerender([this.columnTitle]);
3321
- return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
3322
+ return (index$1.h(index$1.Host, { style: { display: "none" } }, index$1.h("slot", null)));
3322
3323
  }
3323
3324
  };
3324
3325
 
3325
3326
  const InvoiceTableDownloadCell = class {
3326
3327
  constructor(hostRef) {
3327
- index.registerInstance(this, hostRef);
3328
+ index$1.registerInstance(this, hostRef);
3328
3329
  this.ignored = true;
3329
- stencilHooks_module.h$1(this);
3330
+ stencilHooks_module.h(this);
3330
3331
  }
3331
3332
  disconnectedCallback() { }
3332
3333
  render() {
3333
3334
  const vanillaStyle = `svg:hover, svg:hover * {
3334
3335
  cursor: pointer;
3335
3336
  }`;
3336
- return (index.h(index.Host, null, index.h("style", null, vanillaStyle), !!this.downloadUrl && (index.h("a", { href: this.downloadUrl, target: "_blank" }, index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.625 12.4375C0.79076 12.4375 0.949732 12.5033 1.06694 12.6206C1.18415 12.7378 1.25 12.8967 1.25 13.0625V16.1875C1.25 16.519 1.3817 16.837 1.61612 17.0714C1.85054 17.3058 2.16848 17.4375 2.5 17.4375H17.5C17.8315 17.4375 18.1495 17.3058 18.3839 17.0714C18.6183 16.837 18.75 16.519 18.75 16.1875V13.0625C18.75 12.8967 18.8158 12.7378 18.9331 12.6206C19.0503 12.5033 19.2092 12.4375 19.375 12.4375C19.5408 12.4375 19.6997 12.5033 19.8169 12.6206C19.9342 12.7378 20 12.8967 20 13.0625V16.1875C20 16.8505 19.7366 17.4864 19.2678 17.9553C18.7989 18.4241 18.163 18.6875 17.5 18.6875H2.5C1.83696 18.6875 1.20107 18.4241 0.732233 17.9553C0.263392 17.4864 0 16.8505 0 16.1875V13.0625C0 12.8967 0.065848 12.7378 0.183058 12.6206C0.300269 12.5033 0.45924 12.4375 0.625 12.4375Z", fill: "#717179" }), index.h("path", { d: "M9.5575 14.88C9.61556 14.9382 9.68453 14.9844 9.76046 15.0159C9.83639 15.0474 9.91779 15.0636 10 15.0636C10.0822 15.0636 10.1636 15.0474 10.2395 15.0159C10.3155 14.9844 10.3844 14.9382 10.4425 14.88L14.1925 11.13C14.3099 11.0126 14.3758 10.8535 14.3758 10.6875C14.3758 10.5215 14.3099 10.3624 14.1925 10.245C14.0751 10.1276 13.916 10.0617 13.75 10.0617C13.584 10.0617 13.4249 10.1276 13.3075 10.245L10.625 12.9288V1.9375C10.625 1.77174 10.5592 1.61277 10.4419 1.49556C10.3247 1.37835 10.1658 1.3125 10 1.3125C9.83424 1.3125 9.67527 1.37835 9.55806 1.49556C9.44085 1.61277 9.375 1.77174 9.375 1.9375V12.9288L6.6925 10.245C6.57514 10.1276 6.41597 10.0617 6.25 10.0617C6.08403 10.0617 5.92486 10.1276 5.8075 10.245C5.69014 10.3624 5.62421 10.5215 5.62421 10.6875C5.62421 10.8535 5.69014 11.0126 5.8075 11.13L9.5575 14.88Z", fill: "#717179" }))))));
3337
+ return (index$1.h(index$1.Host, null, index$1.h("style", null, vanillaStyle), !!this.downloadUrl && (index$1.h("a", { href: this.downloadUrl, target: "_blank" }, index$1.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { d: "M0.625 12.4375C0.79076 12.4375 0.949732 12.5033 1.06694 12.6206C1.18415 12.7378 1.25 12.8967 1.25 13.0625V16.1875C1.25 16.519 1.3817 16.837 1.61612 17.0714C1.85054 17.3058 2.16848 17.4375 2.5 17.4375H17.5C17.8315 17.4375 18.1495 17.3058 18.3839 17.0714C18.6183 16.837 18.75 16.519 18.75 16.1875V13.0625C18.75 12.8967 18.8158 12.7378 18.9331 12.6206C19.0503 12.5033 19.2092 12.4375 19.375 12.4375C19.5408 12.4375 19.6997 12.5033 19.8169 12.6206C19.9342 12.7378 20 12.8967 20 13.0625V16.1875C20 16.8505 19.7366 17.4864 19.2678 17.9553C18.7989 18.4241 18.163 18.6875 17.5 18.6875H2.5C1.83696 18.6875 1.20107 18.4241 0.732233 17.9553C0.263392 17.4864 0 16.8505 0 16.1875V13.0625C0 12.8967 0.065848 12.7378 0.183058 12.6206C0.300269 12.5033 0.45924 12.4375 0.625 12.4375Z", fill: "#717179" }), index$1.h("path", { d: "M9.5575 14.88C9.61556 14.9382 9.68453 14.9844 9.76046 15.0159C9.83639 15.0474 9.91779 15.0636 10 15.0636C10.0822 15.0636 10.1636 15.0474 10.2395 15.0159C10.3155 14.9844 10.3844 14.9382 10.4425 14.88L14.1925 11.13C14.3099 11.0126 14.3758 10.8535 14.3758 10.6875C14.3758 10.5215 14.3099 10.3624 14.1925 10.245C14.0751 10.1276 13.916 10.0617 13.75 10.0617C13.584 10.0617 13.4249 10.1276 13.3075 10.245L10.625 12.9288V1.9375C10.625 1.77174 10.5592 1.61277 10.4419 1.49556C10.3247 1.37835 10.1658 1.3125 10 1.3125C9.83424 1.3125 9.67527 1.37835 9.55806 1.49556C9.44085 1.61277 9.375 1.77174 9.375 1.9375V12.9288L6.6925 10.245C6.57514 10.1276 6.41597 10.0617 6.25 10.0617C6.08403 10.0617 5.92486 10.1276 5.8075 10.245C5.69014 10.3624 5.62421 10.5215 5.62421 10.6875C5.62421 10.8535 5.69014 11.0126 5.8075 11.13L9.5575 14.88Z", fill: "#717179" }))))));
3337
3338
  }
3338
3339
  };
3339
3340
 
3340
3341
  const InvoiceTableGenericColumn = class {
3341
3342
  constructor(hostRef) {
3342
- index.registerInstance(this, hostRef);
3343
- stencilHooks_module.h$1(this);
3343
+ index$1.registerInstance(this, hostRef);
3344
+ stencilHooks_module.h(this);
3344
3345
  }
3345
3346
  disconnectedCallback() { }
3346
3347
  async renderCell(data) {
3347
- return (index.h("sqm-invoice-table-download-cell", { downloadUrl: data.downloadUrl }));
3348
+ return (index$1.h("sqm-invoice-table-download-cell", { downloadUrl: data.downloadUrl }));
3348
3349
  }
3349
3350
  async renderLabel() {
3350
- return index.h("span", null);
3351
+ return index$1.h("span", null);
3351
3352
  }
3352
3353
  render() {
3353
- return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
3354
+ return (index$1.h(index$1.Host, { style: { display: "none" } }, index$1.h("slot", null)));
3354
3355
  }
3355
3356
  };
3356
3357
 
3357
- const PayPalIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "20", viewBox: "0 0 17 20", fill: "none" },
3358
- index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.20649 4.55454H12.7877C15.7842 4.55454 16.9137 6.08577 16.7343 8.34231C16.4486 12.0629 14.2228 14.118 11.2728 14.118H9.78446C9.37916 14.118 9.10675 14.3866 9.00044 15.1254L8.36923 19.39C8.32937 19.6653 8.1832 19.8265 7.97058 19.8467H4.46242C4.13021 19.8467 4.01725 19.5915 4.10363 19.0408L6.23643 5.36045C6.32281 4.81646 6.61515 4.55454 7.20649 4.55454Z", fill: "#009EE3" }),
3359
- index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.71826 -0.15332H9.30607C10.8808 -0.15332 12.7478 -0.099593 13.9903 1.00853C14.8208 1.754 15.2593 2.936 15.1597 4.21203C14.8142 8.52364 12.2694 10.9347 8.84762 10.9347H6.09026C5.61852 10.9347 5.31288 11.2503 5.18 12.0965L4.40926 17.0461C4.35611 17.3685 4.22323 17.5566 3.97739 17.5767H0.53567C0.156948 17.5767 0.0174187 17.2879 0.117082 16.6432L2.59539 0.786908C2.69505 0.148896 3.04055 -0.15332 3.71826 -0.15332Z", fill: "#113984" }),
3360
- index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.25973 11.5995L6.23643 5.36045C6.32281 4.81646 6.61515 4.54782 7.20649 4.54782H12.7877C13.7112 4.54782 14.4554 4.69557 15.0401 4.96421C14.4819 8.799 12.0236 10.9347 8.80775 10.9347H6.06368C5.6916 10.9347 5.42583 11.1227 5.25973 11.5995Z", fill: "#172C70" })));
3358
+ const PayPalIcon = () => (index$1.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "20", viewBox: "0 0 17 20", fill: "none" },
3359
+ index$1.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.20649 4.55454H12.7877C15.7842 4.55454 16.9137 6.08577 16.7343 8.34231C16.4486 12.0629 14.2228 14.118 11.2728 14.118H9.78446C9.37916 14.118 9.10675 14.3866 9.00044 15.1254L8.36923 19.39C8.32937 19.6653 8.1832 19.8265 7.97058 19.8467H4.46242C4.13021 19.8467 4.01725 19.5915 4.10363 19.0408L6.23643 5.36045C6.32281 4.81646 6.61515 4.55454 7.20649 4.55454Z", fill: "#009EE3" }),
3360
+ index$1.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.71826 -0.15332H9.30607C10.8808 -0.15332 12.7478 -0.099593 13.9903 1.00853C14.8208 1.754 15.2593 2.936 15.1597 4.21203C14.8142 8.52364 12.2694 10.9347 8.84762 10.9347H6.09026C5.61852 10.9347 5.31288 11.2503 5.18 12.0965L4.40926 17.0461C4.35611 17.3685 4.22323 17.5566 3.97739 17.5767H0.53567C0.156948 17.5767 0.0174187 17.2879 0.117082 16.6432L2.59539 0.786908C2.69505 0.148896 3.04055 -0.15332 3.71826 -0.15332Z", fill: "#113984" }),
3361
+ index$1.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.25973 11.5995L6.23643 5.36045C6.32281 4.81646 6.61515 4.54782 7.20649 4.54782H12.7877C13.7112 4.54782 14.4554 4.69557 15.0401 4.96421C14.4819 8.799 12.0236 10.9347 8.80775 10.9347H6.06368C5.6916 10.9347 5.42583 11.1227 5.25973 11.5995Z", fill: "#172C70" })));
3361
3362
 
3362
3363
  const style$4 = {
3363
3364
  CardContainer: {
@@ -3498,12 +3499,12 @@ function PayoutDetailsCardView(props) {
3498
3499
  const { classes } = sheet;
3499
3500
  const { states, text } = props;
3500
3501
  const renderLoadingSkeleton = () => {
3501
- return (index.h("div", { class: classes.CardContainer },
3502
- index.h("div", { class: classes.StatusContainer },
3503
- index.h("sl-skeleton", { class: classes.SkeletonOne }),
3504
- index.h("sl-skeleton", { class: classes.SkeletonTwo })),
3505
- index.h("sl-skeleton", { class: classes.SkeletonThree }),
3506
- index.h("sl-skeleton", { class: classes.SkeletonOne })));
3502
+ return (index$1.h("div", { class: classes.CardContainer },
3503
+ index$1.h("div", { class: classes.StatusContainer },
3504
+ index$1.h("sl-skeleton", { class: classes.SkeletonOne }),
3505
+ index$1.h("sl-skeleton", { class: classes.SkeletonTwo })),
3506
+ index$1.h("sl-skeleton", { class: classes.SkeletonThree }),
3507
+ index$1.h("sl-skeleton", { class: classes.SkeletonOne })));
3507
3508
  };
3508
3509
  const renderStatusBadge = (status, statusBadgeText) => {
3509
3510
  const badgeType = status === "nextPayout" ? "success" : "primary";
@@ -3513,7 +3514,7 @@ function PayoutDetailsCardView(props) {
3513
3514
  }, {
3514
3515
  badgeText: status,
3515
3516
  });
3516
- return (index.h("sl-badge", { pill: true, type: badgeType }, statusText));
3517
+ return (index$1.h("sl-badge", { pill: true, type: badgeType }, statusText));
3517
3518
  };
3518
3519
  const thresholdText = global.intl.formatMessage({
3519
3520
  id: "thresholdText",
@@ -3521,16 +3522,16 @@ function PayoutDetailsCardView(props) {
3521
3522
  }, {
3522
3523
  thresholdBalance: states.thresholdBalance,
3523
3524
  });
3524
- return (index.h("div", { class: classes.Container },
3525
- index.h("style", { type: "text/css" }, styleString),
3526
- states.error && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: classes.Alert, type: "warning", open: true },
3527
- index.h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
3528
- index.h("div", { class: classes.AlertContent },
3529
- index.h("b", null, text.error.errorTitleText),
3525
+ return (index$1.h("div", { class: classes.Container },
3526
+ index$1.h("style", { type: "text/css" }, styleString),
3527
+ states.error && (index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: classes.Alert, type: "warning", open: true },
3528
+ index$1.h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
3529
+ index$1.h("div", { class: classes.AlertContent },
3530
+ index$1.h("b", null, text.error.errorTitleText),
3530
3531
  text.error.errorDescriptionText))),
3531
- states.loading ? (renderLoadingSkeleton()) : (index.h("div", { class: classes.CardContainer },
3532
- index.h("div", { class: classes.StatusContainer },
3533
- index.h("p", { class: classes.SubduedRegularText }, states.badgeStatus === "thresholdPayout"
3532
+ states.loading ? (renderLoadingSkeleton()) : (index$1.h("div", { class: classes.CardContainer },
3533
+ index$1.h("div", { class: classes.StatusContainer },
3534
+ index$1.h("p", { class: classes.SubduedRegularText }, states.badgeStatus === "thresholdPayout"
3534
3535
  ? states.thresholdBalance
3535
3536
  ? thresholdText
3536
3537
  : ""
@@ -3538,11 +3539,11 @@ function PayoutDetailsCardView(props) {
3538
3539
  states.badgeStatus === "thresholdPayout"
3539
3540
  ? null
3540
3541
  : renderStatusBadge(states.badgeStatus, text.statusBadgeText)),
3541
- index.h("h1", { class: classes.MainCurrency }, states.balance),
3542
- states.payoutType === "PAYPAL" ? (index.h("div", { class: classes.PaypalDetailsContainer },
3543
- index.h("span", { class: classes.PaypalEmail }, states.paypalEmailAddress),
3544
- index.h(PayPalIcon, null))) : (index.h("div", { class: classes.AccountDetailsContainer },
3545
- index.h("span", null, states.cardNumberPreview
3542
+ index$1.h("h1", { class: classes.MainCurrency }, states.balance),
3543
+ states.payoutType === "PAYPAL" ? (index$1.h("div", { class: classes.PaypalDetailsContainer },
3544
+ index$1.h("span", { class: classes.PaypalEmail }, states.paypalEmailAddress),
3545
+ index$1.h(PayPalIcon, null))) : (index$1.h("div", { class: classes.AccountDetailsContainer },
3546
+ index$1.h("span", null, states.cardNumberPreview
3546
3547
  ? `${text.accountText} ${states.cardNumberPreview}`
3547
3548
  : text.payoutMissingInformationText)))))));
3548
3549
  }
@@ -3607,7 +3608,7 @@ function usePayoutDetailsCard(props) {
3607
3608
 
3608
3609
  const PayoutDetailsCard = class {
3609
3610
  constructor(hostRef) {
3610
- index.registerInstance(this, hostRef);
3611
+ index$1.registerInstance(this, hostRef);
3611
3612
  /**
3612
3613
  * Badge text indicating payout status
3613
3614
  * @uiName Payout badge status text
@@ -3638,7 +3639,7 @@ const PayoutDetailsCard = class {
3638
3639
  * @uiName Payout missing information subtext
3639
3640
  */
3640
3641
  this.payoutMissingInformationText = "Missing banking information, go to Impact.com to resolve.";
3641
- stencilHooks_module.h$1(this);
3642
+ stencilHooks_module.h(this);
3642
3643
  }
3643
3644
  disconnectedCallback() { }
3644
3645
  getTextProps() {
@@ -3655,7 +3656,7 @@ const PayoutDetailsCard = class {
3655
3656
  const props = index_module.isDemo()
3656
3657
  ? useDemoPayoutDetailsCard(this)
3657
3658
  : usePayoutDetailsCard(this);
3658
- return (index.h(index.Host, null, index.h(PayoutDetailsCardView, { text: props.text, states: props.states })));
3659
+ return (index$1.h(index$1.Host, null, index$1.h(PayoutDetailsCardView, { text: props.text, states: props.states })));
3659
3660
  }
3660
3661
  };
3661
3662
  function useDemoPayoutDetailsCard(props) {
@@ -3681,27 +3682,27 @@ function useDemoPayoutDetailsCard(props) {
3681
3682
 
3682
3683
  const TableCell = class {
3683
3684
  constructor(hostRef) {
3684
- index.registerInstance(this, hostRef);
3685
+ index$1.registerInstance(this, hostRef);
3685
3686
  /** @uiName Column span */
3686
3687
  this.colspan = 1;
3687
3688
  /** @uiName Padding */
3688
3689
  this.padding = "15px 10px";
3689
3690
  }
3690
3691
  render() {
3691
- return (index.h(index.Host, { style: { display: "contents" } }, index.h("td", { colSpan: this.colspan, style: { padding: this.padding } }, index.h("slot", null))));
3692
+ return (index$1.h(index$1.Host, { style: { display: "contents" } }, index$1.h("td", { colSpan: this.colspan, style: { padding: this.padding } }, index$1.h("slot", null))));
3692
3693
  }
3693
3694
  };
3694
3695
 
3695
3696
  const TableRow = class {
3696
3697
  constructor(hostRef) {
3697
- index.registerInstance(this, hostRef);
3698
+ index$1.registerInstance(this, hostRef);
3698
3699
  /**
3699
3700
  * @uiName Border
3700
3701
  */
3701
3702
  this.border = "1px solid #EAEAEA";
3702
3703
  }
3703
3704
  render() {
3704
- return (index.h(index.Host, { style: { display: "contents" } }, index.h("tr", { style: { border: this.border } }, index.h("slot", null))));
3705
+ return (index$1.h(index$1.Host, { style: { display: "contents" } }, index$1.h("tr", { style: { border: this.border } }, index$1.h("slot", null))));
3705
3706
  }
3706
3707
  };
3707
3708
 
@@ -3885,7 +3886,7 @@ function useTaxAndCash() {
3885
3886
 
3886
3887
  const TaxAndCashMonolith = class {
3887
3888
  constructor(hostRef) {
3888
- index.registerInstance(this, hostRef);
3889
+ index$1.registerInstance(this, hostRef);
3889
3890
  /*---------------------------------------------------------------------------------
3890
3891
  !IMPORTANT!: Make sure to also change the prop names in the respective component
3891
3892
  -----------------------------------------------------------------------------------*/
@@ -4769,7 +4770,7 @@ const TaxAndCashMonolith = class {
4769
4770
  * @uiGroup General Form Properties
4770
4771
  */
4771
4772
  this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
4772
- stencilHooks_module.h$1(this);
4773
+ stencilHooks_module.h(this);
4773
4774
  }
4774
4775
  disconnectedCallback() { }
4775
4776
  // this field is required prop
@@ -4800,27 +4801,27 @@ const TaxAndCashMonolith = class {
4800
4801
  // @ts-ignore
4801
4802
  if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
4802
4803
  const textProps = utils.getProps(this);
4803
- return (index.h("div", null, (_b = Object.keys(textProps)) === null || _b === void 0 ? void 0 : _b.map((prop) => {
4804
+ return (index$1.h("div", null, (_b = Object.keys(textProps)) === null || _b === void 0 ? void 0 : _b.map((prop) => {
4804
4805
  if (prop === "demoData")
4805
4806
  return;
4806
- return (index.h("div", null, index.h("b", null, prop, ":"), " ", this[prop], index.h("hr", null)));
4807
+ return (index$1.h("div", null, index$1.h("b", null, prop, ":"), " ", this[prop], index$1.h("hr", null)));
4807
4808
  })));
4808
4809
  }
4809
4810
  switch (props.step) {
4810
4811
  case "/1":
4811
- return (index.h("sqm-user-info-form", Object.assign({}, this.getGeneralStepTextProps("step1_"))));
4812
+ return (index$1.h("sqm-user-info-form", Object.assign({}, this.getGeneralStepTextProps("step1_"))));
4812
4813
  case "/2":
4813
- return (index.h("sqm-indirect-tax-form", Object.assign({}, this.getGeneralStepTextProps("step2_"))));
4814
+ return (index$1.h("sqm-indirect-tax-form", Object.assign({}, this.getGeneralStepTextProps("step2_"))));
4814
4815
  case "/3":
4815
- return (index.h("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"))));
4816
+ return (index$1.h("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"))));
4816
4817
  case "/4":
4817
- return (index.h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
4818
+ return (index$1.h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
4818
4819
  case "/dashboard":
4819
- return (index.h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
4820
+ return (index$1.h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
4820
4821
  case "/error":
4821
- return (index.h(sqmInvoiceTableView.ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: this.loadingErrorAlertDescription }));
4822
+ return (index$1.h(sqmInvoiceTableView.ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: this.loadingErrorAlertDescription }));
4822
4823
  }
4823
- return index.h(sqmInvoiceTableView.LoadingView, null);
4824
+ return index$1.h(sqmInvoiceTableView.LoadingView, null);
4824
4825
  }
4825
4826
  };
4826
4827
  function useDemoTaxAndCash(props) {
@@ -4995,17 +4996,17 @@ const TaxAndCashDashboardView = (props) => {
4995
4996
  var _a;
4996
4997
  const { states, text, callbacks, slots } = props;
4997
4998
  const statusMap = {
4998
- NOT_VERIFIED: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4999
- index.h("sl-badge", { type: "warning", pill: true }, text.statusTextNotVerified),
5000
- index.h("p", null, global.intl.formatMessage({
4999
+ NOT_VERIFIED: (index$1.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
5000
+ index$1.h("sl-badge", { type: "warning", pill: true }, text.statusTextNotVerified),
5001
+ index$1.h("p", null, global.intl.formatMessage({
5001
5002
  id: `badgeTextAwaitingReview`,
5002
5003
  defaultMessage: text.badgeTextAwaitingReview,
5003
5004
  }, {
5004
5005
  dateSubmitted: states.dateSubmitted,
5005
5006
  })))),
5006
- ACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
5007
- index.h("sl-badge", { type: "success", pill: true }, text.statusTextActive),
5008
- index.h("p", null, global.intl.formatMessage({
5007
+ ACTIVE: (index$1.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
5008
+ index$1.h("sl-badge", { type: "success", pill: true }, text.statusTextActive),
5009
+ index$1.h("p", null, global.intl.formatMessage({
5009
5010
  id: `badgeTextSubmittedOn`,
5010
5011
  defaultMessage: states.documentType === "W9"
5011
5012
  ? text.badgeTextSubmittedOn
@@ -5013,14 +5014,14 @@ const TaxAndCashDashboardView = (props) => {
5013
5014
  }, {
5014
5015
  dateSubmitted: states.dateSubmitted,
5015
5016
  })))),
5016
- INACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
5017
- index.h("sl-badge", { type: "danger", pill: true }, text.statusTextNotActive),
5018
- index.h("p", null, text.invalidForm))),
5017
+ INACTIVE: (index$1.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
5018
+ index$1.h("sl-badge", { type: "danger", pill: true }, text.statusTextNotActive),
5019
+ index$1.h("p", null, text.invalidForm))),
5019
5020
  };
5020
5021
  const alertMap = {
5021
- INACTIVE: (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
5022
- index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
5023
- index.h("strong", null, global.intl.formatMessage({
5022
+ INACTIVE: (index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
5023
+ index$1.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
5024
+ index$1.h("strong", null, global.intl.formatMessage({
5024
5025
  id: `taxAlertHeaderNotActive`,
5025
5026
  defaultMessage: states.documentType === "W9"
5026
5027
  ? text.taxAlertHeaderNotActiveW9
@@ -5028,7 +5029,7 @@ const TaxAndCashDashboardView = (props) => {
5028
5029
  }, {
5029
5030
  documentType: states.documentTypeString,
5030
5031
  })),
5031
- index.h("br", null),
5032
+ index$1.h("br", null),
5032
5033
  global.intl.formatMessage({
5033
5034
  id: `taxAlertMessage`,
5034
5035
  defaultMessage: states.documentType === "W9"
@@ -5066,66 +5067,66 @@ const TaxAndCashDashboardView = (props) => {
5066
5067
  });
5067
5068
  }
5068
5069
  };
5069
- return (index.h("div", null,
5070
- index.h("div", null,
5071
- index.h("style", { type: "text/css" }, styleString$4),
5072
- states.loadingError && (index.h("div", null,
5073
- index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
5074
- index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
5075
- index.h("strong", null, text.error.loadingErrorAlertHeader),
5076
- index.h("br", null),
5070
+ return (index$1.h("div", null,
5071
+ index$1.h("div", null,
5072
+ index$1.h("style", { type: "text/css" }, styleString$4),
5073
+ states.loadingError && (index$1.h("div", null,
5074
+ index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
5075
+ index$1.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
5076
+ index$1.h("strong", null, text.error.loadingErrorAlertHeader),
5077
+ index$1.h("br", null),
5077
5078
  text.error.loadingErrorAlertDescription))),
5078
- ((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
5079
- index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
5080
- index.h("strong", null, text.error.generalTitle),
5081
- index.h("br", null),
5079
+ ((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
5080
+ index$1.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
5081
+ index$1.h("strong", null, text.error.generalTitle),
5082
+ index$1.h("br", null),
5082
5083
  text.error.generalDescription)),
5083
- index.h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet$4.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
5084
- index.h("p", null, text.replaceTaxFormModalBodyText),
5085
- index.h("sl-button", { slot: "footer", type: "primary", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
5086
- index.h("sl-button", { slot: "footer", type: "default", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormCancel }, text.cancelButton)),
5084
+ index$1.h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet$4.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
5085
+ index$1.h("p", null, text.replaceTaxFormModalBodyText),
5086
+ index$1.h("sl-button", { slot: "footer", type: "primary", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
5087
+ index$1.h("sl-button", { slot: "footer", type: "default", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormCancel }, text.cancelButton)),
5087
5088
  states.status === "INACTIVE" && alertMap[states.status],
5088
- index.h("div", null,
5089
- index.h("h3", null, text.bankingInformationSectionHeader),
5090
- index.h("p", { class: sheet$4.classes.PageDescriptionText }, text.taxAndPayoutsDescription),
5091
- index.h("div", { class: sheet$4.classes.BankingInformationContainer },
5089
+ index$1.h("div", null,
5090
+ index$1.h("h3", null, text.bankingInformationSectionHeader),
5091
+ index$1.h("p", { class: sheet$4.classes.PageDescriptionText }, text.taxAndPayoutsDescription),
5092
+ index$1.h("div", { class: sheet$4.classes.BankingInformationContainer },
5092
5093
  slots.payoutDetailsCardSlot,
5093
- !states.loading && (index.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
5094
- states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
5095
- index.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
5096
- index.h("div", null, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
5097
- index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
5098
- index.h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (index.h("div", null, states.noFormNeeded ? (index.h("div", null,
5099
- index.h("h3", { class: sheet$4.classes.TaxDocumentsSectionHeaderContainer }, text.taxDocumentSectionHeader),
5100
- index.h("p", { class: sheet$4.classes.TaxDocSubtext }, text.noFormNeededSubtext))) : (index.h("div", null,
5101
- index.h("span", { class: sheet$4.classes.TaxFormDetailsContainer },
5102
- index.h("div", { class: sheet$4.classes.StatusContainer },
5103
- index.h("h3", null, global.intl.formatMessage({
5094
+ !states.loading && (index$1.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
5095
+ states.canEditPayoutInfo && (index$1.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
5096
+ index$1.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
5097
+ index$1.h("div", null, states.loading ? (index$1.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
5098
+ index$1.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
5099
+ index$1.h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (index$1.h("div", null, states.noFormNeeded ? (index$1.h("div", null,
5100
+ index$1.h("h3", { class: sheet$4.classes.TaxDocumentsSectionHeaderContainer }, text.taxDocumentSectionHeader),
5101
+ index$1.h("p", { class: sheet$4.classes.TaxDocSubtext }, text.noFormNeededSubtext))) : (index$1.h("div", null,
5102
+ index$1.h("span", { class: sheet$4.classes.TaxFormDetailsContainer },
5103
+ index$1.h("div", { class: sheet$4.classes.StatusContainer },
5104
+ index$1.h("h3", null, global.intl.formatMessage({
5104
5105
  id: "section-subheader",
5105
5106
  defaultMessage: text.taxDocumentSectionSubHeader,
5106
5107
  }, {
5107
5108
  documentType: states.documentTypeString,
5108
5109
  })),
5109
- index.h("span", { class: sheet$4.classes.StatusAlert }, statusMap[states.status]))),
5110
- states.status !== "NOT_VERIFIED" && (index.h("sl-button", { disabled: states.disabled || states.loading, onClick: callbacks.onClick, type: "default", class: sheet$4.classes.NewFormButton, exportparts: "base: primarybutton-base" }, text.newFormButton)))))))),
5111
- index.h("div", { class: sheet$4.classes.IndirectTaxPreviewContainer }, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
5112
- index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
5113
- index.h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (index.h("div", null,
5114
- index.h("h3", { class: sheet$4.classes.IndirectTaxPreviewHeaderContainer },
5110
+ index$1.h("span", { class: sheet$4.classes.StatusAlert }, statusMap[states.status]))),
5111
+ states.status !== "NOT_VERIFIED" && (index$1.h("sl-button", { disabled: states.disabled || states.loading, onClick: callbacks.onClick, type: "default", class: sheet$4.classes.NewFormButton, exportparts: "base: primarybutton-base" }, text.newFormButton)))))))),
5112
+ index$1.h("div", { class: sheet$4.classes.IndirectTaxPreviewContainer }, states.loading ? (index$1.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
5113
+ index$1.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
5114
+ index$1.h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (index$1.h("div", null,
5115
+ index$1.h("h3", { class: sheet$4.classes.IndirectTaxPreviewHeaderContainer },
5115
5116
  text.indirectTaxInfoSectionHeader,
5116
- index.h("sl-tooltip", { trigger: "hover", placement: "top", content: text.indirectTaxTooltipSupport, class: sheet$4.classes.TooltipContainer },
5117
- index.h("sl-icon", { name: "info-circle", class: sheet$4.classes.ToolTip }))),
5118
- index.h("div", { class: sheet$4.classes.IndirectTaxPreviewDetails },
5119
- index.h("span", null, states.notRegistered ? (index.h("span", { class: sheet$4.classes.NotRegisteredIndirectTaxText }, text.notRegisteredForTax)) : (getIndirectTaxRegisteredIn())),
5120
- !states.notRegistered && (index.h("div", { class: sheet$4.classes.TaxNumberContainer },
5121
- index.h("span", null, global.intl.formatMessage({
5117
+ index$1.h("sl-tooltip", { trigger: "hover", placement: "top", content: text.indirectTaxTooltipSupport, class: sheet$4.classes.TooltipContainer },
5118
+ index$1.h("sl-icon", { name: "info-circle", class: sheet$4.classes.ToolTip }))),
5119
+ index$1.h("div", { class: sheet$4.classes.IndirectTaxPreviewDetails },
5120
+ index$1.h("span", null, states.notRegistered ? (index$1.h("span", { class: sheet$4.classes.NotRegisteredIndirectTaxText }, text.notRegisteredForTax)) : (getIndirectTaxRegisteredIn())),
5121
+ !states.notRegistered && (index$1.h("div", { class: sheet$4.classes.TaxNumberContainer },
5122
+ index$1.h("span", null, global.intl.formatMessage({
5122
5123
  id: `indirectTaxDetails`,
5123
5124
  defaultMessage: text.indirectTaxDetails,
5124
5125
  }, {
5125
5126
  indirectTaxType: states.indirectTaxType,
5126
5127
  indirectTaxNumber: states.indirectTaxNumber,
5127
5128
  })),
5128
- index.h("span", null,
5129
+ index$1.h("span", null,
5129
5130
  states.qstNumber &&
5130
5131
  global.intl.formatMessage({
5131
5132
  id: `qstNumber`,
@@ -5140,14 +5141,14 @@ const TaxAndCashDashboardView = (props) => {
5140
5141
  }, {
5141
5142
  subRegionTaxNumber: states.subRegionTaxNumber,
5142
5143
  })))),
5143
- !states.notRegistered && (index.h("div", { class: sheet$4.classes.InvoiceTableContainer },
5144
- index.h("sqm-invoice-table", { description: text.invoiceDescription, "prev-label": text.invoicePrevLabel, "more-label": text.invoiceMoreLabel, header: text.invoiceHeader, "empty-state-header": text.invoiceEmptyStateHeader, "empty-state-text": text.invoiceEmptyStateText },
5145
- index.h("sqm-invoice-table-download-column", null),
5146
- index.h("sqm-invoice-table-date-column", { "column-title": text.dateColumnTitle }),
5147
- index.h("sqm-invoice-table-data-column", { "column-title": text.invoiceColumnTitle, property: "invoiceId" }),
5148
- index.h("sqm-invoice-table-data-column", { "column-title": text.earningsColumnTitle, property: "earnings" }),
5149
- index.h("sqm-invoice-table-data-column", { "column-title": text.indirectTaxColumnTitle, property: "indirectTax" }),
5150
- index.h("sqm-invoice-table-data-column", { "column-title": text.earningsAfterTaxColumnTitle, property: "netEarnings" })))))))))));
5144
+ !states.notRegistered && (index$1.h("div", { class: sheet$4.classes.InvoiceTableContainer },
5145
+ index$1.h("sqm-invoice-table", { description: text.invoiceDescription, "prev-label": text.invoicePrevLabel, "more-label": text.invoiceMoreLabel, header: text.invoiceHeader, "empty-state-header": text.invoiceEmptyStateHeader, "empty-state-text": text.invoiceEmptyStateText },
5146
+ index$1.h("sqm-invoice-table-download-column", null),
5147
+ index$1.h("sqm-invoice-table-date-column", { "column-title": text.dateColumnTitle }),
5148
+ index$1.h("sqm-invoice-table-data-column", { "column-title": text.invoiceColumnTitle, property: "invoiceId" }),
5149
+ index$1.h("sqm-invoice-table-data-column", { "column-title": text.earningsColumnTitle, property: "earnings" }),
5150
+ index$1.h("sqm-invoice-table-data-column", { "column-title": text.indirectTaxColumnTitle, property: "indirectTax" }),
5151
+ index$1.h("sqm-invoice-table-data-column", { "column-title": text.earningsAfterTaxColumnTitle, property: "netEarnings" })))))))))));
5151
5152
  };
5152
5153
 
5153
5154
  function getCountryName(countryCode, locale) {
@@ -5253,7 +5254,7 @@ const useTaxAndCashDashboard = (props) => {
5253
5254
 
5254
5255
  const TaxAndCashDashboard = class {
5255
5256
  constructor(hostRef) {
5256
- index.registerInstance(this, hostRef);
5257
+ index$1.registerInstance(this, hostRef);
5257
5258
  /**
5258
5259
  * @uiName Active tax form badge label
5259
5260
  */
@@ -5513,7 +5514,7 @@ const TaxAndCashDashboard = class {
5513
5514
  * @uiName Cancel button label
5514
5515
  */
5515
5516
  this.cancelButton = "Cancel";
5516
- stencilHooks_module.h$1(this);
5517
+ stencilHooks_module.h(this);
5517
5518
  }
5518
5519
  disconnectedCallback() { }
5519
5520
  getTextProps() {
@@ -5532,8 +5533,8 @@ const TaxAndCashDashboard = class {
5532
5533
  const props = index_module.isDemo()
5533
5534
  ? useDemoTaxAndCashDashboard(this)
5534
5535
  : useTaxAndCashDashboard(this);
5535
- return (index.h(index.Host, null, index.h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
5536
- payoutDetailsCardSlot: (index.h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
5536
+ return (index$1.h(index$1.Host, null, index$1.h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
5537
+ payoutDetailsCardSlot: (index$1.h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
5537
5538
  } })));
5538
5539
  }
5539
5540
  };
@@ -6668,7 +6669,7 @@ const UserInfoFormView = (props) => {
6668
6669
  id: "bankingCollectionText",
6669
6670
  defaultMessage: text.allowBankingCollection,
6670
6671
  }, {
6671
- termsAndConditionsLink: (index.h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
6672
+ termsAndConditionsLink: (index$1.h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
6672
6673
  });
6673
6674
  let regionLabel = undefined;
6674
6675
  switch (data.regionLabelEnum) {
@@ -6684,70 +6685,70 @@ const UserInfoFormView = (props) => {
6684
6685
  default:
6685
6686
  regionLabel = text.state;
6686
6687
  }
6687
- return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
6688
- index.h("style", { type: "text/css" },
6688
+ return (index$1.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
6689
+ index$1.h("style", { type: "text/css" },
6689
6690
  styleString$5,
6690
6691
  vanillaStyle$3),
6691
- states.loadingError && (index.h("div", null,
6692
- index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$5.classes.AlertContainer },
6693
- index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
6694
- index.h("strong", null, text.error.loadingErrorAlertHeader),
6695
- index.h("br", null),
6692
+ states.loadingError && (index$1.h("div", null,
6693
+ index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$5.classes.AlertContainer },
6694
+ index$1.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
6695
+ index$1.h("strong", null, text.error.loadingErrorAlertHeader),
6696
+ index$1.h("br", null),
6696
6697
  text.error.loadingErrorAlertDescription),
6697
- index.h("br", null))),
6698
- states.loading ? (index.h(sqmInvoiceTableView.GeneralLoadingView, null)) : (index.h("div", null,
6699
- index.h("div", { class: classes.TextContainer },
6700
- index.h("div", null,
6701
- !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
6698
+ index$1.h("br", null))),
6699
+ states.loading ? (index$1.h(sqmInvoiceTableView.GeneralLoadingView, null)) : (index$1.h("div", null,
6700
+ index$1.h("div", { class: classes.TextContainer },
6701
+ index$1.h("div", null,
6702
+ !states.hideSteps && (index$1.h("p", null, global.intl.formatMessage({
6702
6703
  id: "formStep",
6703
6704
  defaultMessage: text.formStep,
6704
6705
  }, { step: states.step, count: FORM_STEPS }))),
6705
- index.h("h3", null, text.personalInformation),
6706
- index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
6707
- ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet$5.classes.AlertContainer },
6708
- index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
6709
- index.h("strong", null, text.error.generalTitle),
6710
- index.h("br", null),
6706
+ index$1.h("h3", null, text.personalInformation),
6707
+ index$1.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
6708
+ ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index$1.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet$5.classes.AlertContainer },
6709
+ index$1.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
6710
+ index$1.h("strong", null, text.error.generalTitle),
6711
+ index$1.h("br", null),
6711
6712
  text.error.generalDescription)),
6712
- (states.isPartner || states.isUser) && (index.h("sl-alert", { type: "primary", open: true, class: sheet$5.classes.PartnerAlertContainer, exportparts: "base: alert-base, icon:alert-icon" },
6713
- index.h("sl-icon", { slot: "icon", name: "info-circle" }),
6714
- index.h("strong", null, text.isPartnerAlertHeader),
6715
- index.h("br", null),
6713
+ (states.isPartner || states.isUser) && (index$1.h("sl-alert", { type: "primary", open: true, class: sheet$5.classes.PartnerAlertContainer, exportparts: "base: alert-base, icon:alert-icon" },
6714
+ index$1.h("sl-icon", { slot: "icon", name: "info-circle" }),
6715
+ index$1.h("strong", null, text.isPartnerAlertHeader),
6716
+ index$1.h("br", null),
6716
6717
  text.isPartnerAlertDescription)),
6717
- index.h("div", null,
6718
- index.h("div", { class: classes.InputContainer },
6719
- index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled || states.isUser || states.isPartner }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
6718
+ index$1.h("div", null,
6719
+ index$1.h("div", { class: classes.InputContainer },
6720
+ index$1.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled || states.isUser || states.isPartner }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
6720
6721
  class: classes.ErrorInput,
6721
6722
  helpText: sqmInvoiceTableView.formatErrorMessage(text.firstName, formState.errors.firstName),
6722
6723
  }
6723
6724
  : {}), { id: "firstName", name: "/firstName", required: true })),
6724
- index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: formState.lastName, label: text.lastName, disabled: states.disabled || states.isUser || states.isPartner }, (((_c = formState.errors) === null || _c === void 0 ? void 0 : _c.lastName) ? {
6725
+ index$1.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: formState.lastName, label: text.lastName, disabled: states.disabled || states.isUser || states.isPartner }, (((_c = formState.errors) === null || _c === void 0 ? void 0 : _c.lastName) ? {
6725
6726
  class: classes.ErrorInput,
6726
6727
  helpText: sqmInvoiceTableView.formatErrorMessage(text.lastName, formState.errors.lastName),
6727
6728
  }
6728
6729
  : {}), { id: "lastName", name: "/lastName", required: true })),
6729
- index.h("sl-input", { exportparts: "label: input-label, base: input-base", value: formState.email, label: text.email, disabled: true, id: "email", name: "/email", required: true }),
6730
- index.h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label, base: input-base", name: "/countryCode", label: text.country, value: formState.countryCode, disabled: states.disabled || states.isPartner }, (((_d = formState.errors) === null || _d === void 0 ? void 0 : _d.countryCode) ? {
6730
+ index$1.h("sl-input", { exportparts: "label: input-label, base: input-base", value: formState.email, label: text.email, disabled: true, id: "email", name: "/email", required: true }),
6731
+ index$1.h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label, base: input-base", name: "/countryCode", label: text.country, value: formState.countryCode, disabled: states.disabled || states.isPartner }, (((_d = formState.errors) === null || _d === void 0 ? void 0 : _d.countryCode) ? {
6731
6732
  class: classes.ErrorInput,
6732
6733
  helpText: sqmInvoiceTableView.formatErrorMessage(text.country, formState.errors.countryCode),
6733
6734
  }
6734
6735
  : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("countryCode", e) }),
6735
- index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
6736
+ index$1.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
6736
6737
  // Stop shoelace intercepting key presses
6737
6738
  e.stopPropagation();
6738
6739
  }, "onSl-input": (e) => {
6739
6740
  callbacks.setCountrySearch(e.target.value);
6740
6741
  } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
6741
- _e.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
6742
- _f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
6743
- index.h("div", { class: classes.PhoneInputsSection },
6744
- index.h("p", null, text.phoneNumber),
6745
- index.h("div", { class: classes.PhoneInputsContainer },
6746
- index.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
6742
+ _e.map((c) => (index$1.h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
6743
+ _f.map((c) => (index$1.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
6744
+ index$1.h("div", { class: classes.PhoneInputsSection },
6745
+ index$1.h("p", null, text.phoneNumber),
6746
+ index$1.h("div", { class: classes.PhoneInputsContainer },
6747
+ index$1.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
6747
6748
  class: classes.ErrorInput,
6748
6749
  }
6749
6750
  : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
6750
- index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
6751
+ index$1.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
6751
6752
  // Stop shoelace intercepting key presses
6752
6753
  e.stopPropagation();
6753
6754
  }, "onSl-input": (e) => {
@@ -6755,17 +6756,17 @@ const UserInfoFormView = (props) => {
6755
6756
  } }), (_h = data === null || data === void 0 ? void 0 : data.phoneCountries) === null || _h === void 0 ? void 0 :
6756
6757
  _h.map((c) => {
6757
6758
  var _a, _b;
6758
- return (index.h("sl-menu-item", { value: c.countryCode },
6759
- index.h("div", { slot: "prefix" }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
6759
+ return (index$1.h("sl-menu-item", { value: c.countryCode },
6760
+ index$1.h("div", { slot: "prefix" }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
6760
6761
  _b.dial_code));
6761
6762
  }), (_j = data === null || data === void 0 ? void 0 : data.allCountries) === null || _j === void 0 ? void 0 :
6762
6763
  _j.map((c) => {
6763
6764
  var _a, _b;
6764
- return (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
6765
- index.h("div", { slot: "prefix" }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
6765
+ return (index$1.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
6766
+ index$1.h("div", { slot: "prefix" }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
6766
6767
  _b.dial_code));
6767
6768
  })),
6768
- index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, validationError: ({ value }) =>
6769
+ index$1.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, validationError: ({ value }) =>
6769
6770
  // Naive phone number validation
6770
6771
  sqmInvoiceTableView.validateBillingField(/[a-zA-Z]+/, value) &&
6771
6772
  sqmInvoiceTableView.formatErrorMessage(text.phoneNumber, text.error.fieldInvalidError), disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
@@ -6773,7 +6774,7 @@ const UserInfoFormView = (props) => {
6773
6774
  helpText: sqmInvoiceTableView.formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
6774
6775
  }
6775
6776
  : {}), { required: true })))),
6776
- index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) =>
6777
+ index$1.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) =>
6777
6778
  // Checks for non-ASCII characters
6778
6779
  !sqmInvoiceTableView.validateBillingField(/^[\x20-\xFF]+$/, value) &&
6779
6780
  sqmInvoiceTableView.formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
@@ -6781,7 +6782,7 @@ const UserInfoFormView = (props) => {
6781
6782
  helpText: sqmInvoiceTableView.formatErrorMessage(text.address, formState.errors.address),
6782
6783
  }
6783
6784
  : {}), { required: true })),
6784
- index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.city, id: "city", name: "/city", value: formState.city, validationError: ({ value }) =>
6785
+ index$1.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.city, id: "city", name: "/city", value: formState.city, validationError: ({ value }) =>
6785
6786
  // Checks for non-ASCII characters
6786
6787
  !sqmInvoiceTableView.validateBillingField(/^[\x20-\xFF]+$/, value) &&
6787
6788
  sqmInvoiceTableView.formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
@@ -6789,41 +6790,41 @@ const UserInfoFormView = (props) => {
6789
6790
  helpText: sqmInvoiceTableView.formatErrorMessage(text.city, formState.errors.city),
6790
6791
  }
6791
6792
  : {}), { required: true })),
6792
- !states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
6793
+ !states.hideState && (index$1.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
6793
6794
  class: classes.ErrorInput,
6794
6795
  helpText: sqmInvoiceTableView.formatErrorMessage(text.state, formState.errors.state),
6795
6796
  }
6796
- : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
6797
- index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
6797
+ : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index$1.h("sl-menu-item", { value: r.value }, r.label))))),
6798
+ index$1.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
6798
6799
  class: classes.ErrorInput,
6799
6800
  helpText: sqmInvoiceTableView.formatErrorMessage(text.postalCode, formState.errors.postalCode),
6800
6801
  }
6801
6802
  : {}), { required: true })),
6802
- index.h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || states.isPartner, helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
6803
+ index$1.h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || states.isPartner, helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
6803
6804
  class: classes.ErrorInput,
6804
6805
  helpText: sqmInvoiceTableView.formatErrorMessage(text.currency, formState.errors.currency),
6805
6806
  }
6806
6807
  : {}), { required: true, ref: (el) => (refs.currencyRef.current = el) }),
6807
- index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCurrencyText, onKeyDown: (e) => {
6808
+ index$1.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCurrencyText, onKeyDown: (e) => {
6808
6809
  // Stop shoelace intercepting key presses
6809
6810
  e.stopPropagation();
6810
6811
  }, "onSl-input": (e) => {
6811
6812
  callbacks.setCurrencySearch(e.target.value);
6812
6813
  } }), (_s = data === null || data === void 0 ? void 0 : data.currencies) === null || _s === void 0 ? void 0 :
6813
- _s.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
6814
+ _s.map((c) => (index$1.h("sl-menu-item", { value: c.currencyCode },
6814
6815
  c.currencyCode,
6815
6816
  " - ",
6816
6817
  c.displayName))), (_t = data === null || data === void 0 ? void 0 : data.allCurrencies) === null || _t === void 0 ? void 0 :
6817
- _t.map((c) => (index.h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
6818
+ _t.map((c) => (index$1.h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
6818
6819
  c.currencyCode,
6819
6820
  " - ",
6820
6821
  c.displayName)))),
6821
- index.h("div", { class: classes.CheckboxWrapper },
6822
- index.h("sl-checkbox", { exportparts: "label: input-label, base: input-base", checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
6822
+ index$1.h("div", { class: classes.CheckboxWrapper },
6823
+ index$1.h("sl-checkbox", { exportparts: "label: input-label, base: input-base", checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
6823
6824
  e.target.value = e.target.checked;
6824
6825
  }, disabled: states.isPartner ? false : states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
6825
- ((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (index.h("p", { class: classes.ErrorText }, sqmInvoiceTableView.formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
6826
- index.h("sl-button", { type: "primary", disabled: states.isPartner ? false : states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
6826
+ ((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (index$1.h("p", { class: classes.ErrorText }, sqmInvoiceTableView.formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
6827
+ index$1.h("sl-button", { type: "primary", disabled: states.isPartner ? false : states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
6827
6828
  };
6828
6829
 
6829
6830
  function useUserInfoForm(props) {
@@ -7020,7 +7021,7 @@ function useUserInfoForm(props) {
7020
7021
 
7021
7022
  const TaxForm = class {
7022
7023
  constructor(hostRef) {
7023
- index.registerInstance(this, hostRef);
7024
+ index$1.registerInstance(this, hostRef);
7024
7025
  this.ignored = true;
7025
7026
  /**
7026
7027
  * @uiName First name field label
@@ -7168,7 +7169,7 @@ const TaxForm = class {
7168
7169
  * @uiName Page description
7169
7170
  */
7170
7171
  this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
7171
- stencilHooks_module.h$1(this);
7172
+ stencilHooks_module.h(this);
7172
7173
  }
7173
7174
  disconnectedCallback() { }
7174
7175
  getTextProps() {
@@ -7188,7 +7189,7 @@ const TaxForm = class {
7188
7189
  }
7189
7190
  render() {
7190
7191
  const props = index_module.isDemo() ? useDemoUserInfoForm(this) : useUserInfoForm(this);
7191
- return (index.h(index.Host, null, index.h(UserInfoFormView, { data: props.data,
7192
+ return (index$1.h(index$1.Host, null, index$1.h(UserInfoFormView, { data: props.data,
7192
7193
  // @ts-ignore
7193
7194
  states: props.states, callbacks: {
7194
7195
  ...props.callbacks,