@saasquatch/mint-components 1.12.0-6 → 1.12.0-8
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.
- package/dist/cjs/{ShadowViewAddon-13173901.js → ShadowViewAddon-040cffad.js} +38 -36
- package/dist/cjs/{global-e4ebdbcc.js → global-c3637175.js} +10 -161
- package/dist/cjs/{index.module-236d0403.js → index.module-b8d9d0ba.js} +228 -1392
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/cjs/{luxon-20eafbd9.js → luxon-05098e19.js} +1 -1
- package/dist/cjs/mint-components.cjs.js +4 -4
- package/dist/cjs/{mockRewardData-3c470512.js → mockRewardData-4258e067.js} +1 -1
- package/dist/cjs/{re-render-5de6631a.js → re-render-5bde3d2e.js} +2 -2
- package/dist/cjs/sqm-asset-card.cjs.entry.js +3 -3
- package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js +414 -415
- package/dist/cjs/sqm-big-stat_39.cjs.entry.js +113 -72
- package/dist/cjs/sqm-close-button.cjs.entry.js +3 -3
- package/dist/cjs/sqm-code-verification.cjs.entry.js +6 -7
- package/dist/cjs/sqm-context-router.cjs.entry.js +3 -3
- package/dist/cjs/sqm-email-verification.cjs.entry.js +24 -25
- package/dist/cjs/sqm-empty_4.cjs.entry.js +6 -6
- package/dist/cjs/sqm-form-message.cjs.entry.js +2 -2
- package/dist/cjs/sqm-graphql-client-provider.cjs.entry.js +3 -3
- package/dist/cjs/sqm-header-logo.cjs.entry.js +2 -2
- package/dist/cjs/sqm-instant-access-registration.cjs.entry.js +6 -6
- package/dist/cjs/{sqm-invoice-table-view-e530775f.js → sqm-invoice-table-view-5d3a2d35.js} +1 -1
- package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +8 -9
- package/dist/cjs/sqm-logout-current-user.cjs.entry.js +7 -8
- package/dist/cjs/{sqm-navigation-sidebar-item-view-fc865ecf.js → sqm-navigation-sidebar-item-view-a2135064.js} +1 -1
- package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js +4 -4
- package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js +3 -3
- package/dist/cjs/sqm-password-field.cjs.entry.js +4 -4
- package/dist/cjs/sqm-popup-container.cjs.entry.js +3 -3
- package/dist/cjs/{sqm-portal-email-verification-view-4bc2760b.js → sqm-portal-email-verification-view-050dbe0f.js} +1 -1
- package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +5 -5
- package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js +4 -4
- package/dist/cjs/sqm-portal-logout.cjs.entry.js +3 -3
- package/dist/cjs/{sqm-portal-profile-view-cbab7c80.js → sqm-portal-profile-view-d97086bc.js} +1 -1
- package/dist/cjs/sqm-portal-profile.cjs.entry.js +11 -12
- package/dist/cjs/sqm-portal-protected-route.cjs.entry.js +3 -3
- package/dist/cjs/sqm-portal-registration-form.cjs.entry.js +6 -7
- package/dist/cjs/sqm-portal-reset-password.cjs.entry.js +4 -4
- package/dist/cjs/sqm-portal-verify-email.cjs.entry.js +3 -3
- package/dist/cjs/sqm-referral-table_11.cjs.entry.js +16 -17
- package/dist/cjs/sqm-referred-registration.cjs.entry.js +6 -6
- package/dist/cjs/sqm-rewards-table-customer-note-cell.cjs.entry.js +2 -2
- package/dist/cjs/sqm-rewards-table-customer-note-column.cjs.entry.js +4 -4
- package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +61 -62
- package/dist/cjs/sqm-scroll.cjs.entry.js +2 -2
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +17 -15
- package/dist/cjs/sqm-tab.cjs.entry.js +4 -4
- package/dist/cjs/sqm-tabs.cjs.entry.js +5 -5
- package/dist/cjs/sqm-text-span.cjs.entry.js +2 -2
- package/dist/cjs/sqm-widget-verification-internal.cjs.entry.js +16 -15
- package/dist/cjs/sqm-widget-verification.cjs.entry.js +3 -3
- package/dist/cjs/{stencil-hooks.module-a5a04d8a.js → stencil-hooks.module-72742a0b.js} +4 -1
- package/dist/cjs/{useChildElements-23beb180.js → useChildElements-410d2435.js} +2 -2
- package/dist/cjs/{useInstantAccessRegistration-7c125c00.js → useInstantAccessRegistration-ccf81eae.js} +3 -3
- package/dist/cjs/{useReferralTable-54d0ba70.js → useReferralTable-824ac152.js} +13 -14
- package/dist/cjs/{useRegistrationFormState-e7e820d0.js → useRegistrationFormState-f9ce55be.js} +2 -2
- package/dist/cjs/{useVerificationEmail-35aea294.js → useVerificationEmail-6aacdb71.js} +7 -8
- package/dist/cjs/{utilities-ac5b5f2c.js → utilities-f7de6c04.js} +2 -2
- package/dist/collection/components/sqm-big-stat/useBigStat.js +6 -3
- package/dist/collection/components/sqm-widget-verification/sqm-widget-verification-internal.js +8 -7
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.js +2 -0
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +21 -3
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +80 -1
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js +12 -4
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.js +2 -2
- package/dist/esm/{ShadowViewAddon-72e231a5.js → ShadowViewAddon-69b61037.js} +12 -10
- package/dist/esm/{global-adae7650.js → global-6306a9b8.js} +10 -161
- package/dist/esm/{index.module-c0eb7dc2.js → index.module-6c840c4e.js} +222 -1389
- package/dist/esm/loader.js +4 -4
- package/dist/esm/{luxon-63e24900.js → luxon-7600be8d.js} +1 -1
- package/dist/esm/mint-components.js +4 -4
- package/dist/esm/{mockRewardData-e6b763d1.js → mockRewardData-0eb6e778.js} +1 -1
- package/dist/esm/{re-render-5882a144.js → re-render-1bcfd0de.js} +2 -2
- package/dist/esm/sqm-asset-card.entry.js +2 -2
- package/dist/esm/sqm-banking-info-form_16.entry.js +11 -12
- package/dist/esm/sqm-big-stat_39.entry.js +58 -17
- package/dist/esm/sqm-close-button.entry.js +2 -2
- package/dist/esm/sqm-code-verification.entry.js +4 -5
- package/dist/esm/sqm-context-router.entry.js +2 -2
- package/dist/esm/sqm-email-verification.entry.js +3 -4
- package/dist/esm/sqm-empty_4.entry.js +3 -3
- package/dist/esm/sqm-form-message.entry.js +1 -1
- package/dist/esm/sqm-graphql-client-provider.entry.js +2 -2
- package/dist/esm/sqm-header-logo.entry.js +1 -1
- package/dist/esm/sqm-instant-access-registration.entry.js +5 -5
- package/dist/esm/{sqm-invoice-table-view-22bb7240.js → sqm-invoice-table-view-e9075c0b.js} +1 -1
- package/dist/esm/sqm-leaderboard-rank.entry.js +3 -4
- package/dist/esm/sqm-logout-current-user.entry.js +2 -3
- package/dist/esm/{sqm-navigation-sidebar-item-view-4715e546.js → sqm-navigation-sidebar-item-view-f8e78810.js} +1 -1
- package/dist/esm/sqm-navigation-sidebar-item.entry.js +3 -3
- package/dist/esm/sqm-navigation-sidebar.entry.js +2 -2
- package/dist/esm/sqm-password-field.entry.js +3 -3
- package/dist/esm/sqm-popup-container.entry.js +2 -2
- package/dist/esm/{sqm-portal-email-verification-view-598eb9a7.js → sqm-portal-email-verification-view-c6ac5430.js} +1 -1
- package/dist/esm/sqm-portal-email-verification.entry.js +4 -4
- package/dist/esm/sqm-portal-forgot-password.entry.js +3 -3
- package/dist/esm/sqm-portal-logout.entry.js +2 -2
- package/dist/esm/{sqm-portal-profile-view-a0f6ad48.js → sqm-portal-profile-view-15ddbec8.js} +1 -1
- package/dist/esm/sqm-portal-profile.entry.js +5 -6
- package/dist/esm/sqm-portal-protected-route.entry.js +2 -2
- package/dist/esm/sqm-portal-registration-form.entry.js +4 -5
- package/dist/esm/sqm-portal-reset-password.entry.js +3 -3
- package/dist/esm/sqm-portal-verify-email.entry.js +2 -2
- package/dist/esm/sqm-referral-table_11.entry.js +8 -9
- package/dist/esm/sqm-referred-registration.entry.js +5 -5
- package/dist/esm/sqm-rewards-table-customer-note-cell.entry.js +1 -1
- package/dist/esm/sqm-rewards-table-customer-note-column.entry.js +3 -3
- package/dist/esm/sqm-rewards-table_9.entry.js +8 -9
- package/dist/esm/sqm-scroll.entry.js +1 -1
- package/dist/esm/sqm-stencilbook.entry.js +15 -13
- package/dist/esm/sqm-tab.entry.js +3 -3
- package/dist/esm/sqm-tabs.entry.js +4 -4
- package/dist/esm/sqm-text-span.entry.js +1 -1
- package/dist/esm/sqm-widget-verification-internal.entry.js +10 -9
- package/dist/esm/sqm-widget-verification.entry.js +2 -2
- package/dist/esm/{stencil-hooks.module-3c7f7c90.js → stencil-hooks.module-ac12ca1c.js} +1 -1
- package/dist/esm/{useChildElements-fe94b660.js → useChildElements-fc84e640.js} +2 -2
- package/dist/esm/{useInstantAccessRegistration-670c1b98.js → useInstantAccessRegistration-8b0a4556.js} +3 -3
- package/dist/esm/{useReferralTable-52008143.js → useReferralTable-f6ffa103.js} +4 -5
- package/dist/esm/{useRegistrationFormState-4cfd1a8d.js → useRegistrationFormState-849e27f7.js} +2 -2
- package/dist/esm/{useVerificationEmail-02b78bd7.js → useVerificationEmail-c32696ba.js} +2 -3
- package/dist/esm/{utilities-98445452.js → utilities-443732be.js} +2 -2
- package/dist/esm-es5/ShadowViewAddon-69b61037.js +1 -0
- package/dist/esm-es5/global-6306a9b8.js +285 -0
- package/dist/esm-es5/index.module-6c840c4e.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{luxon-63e24900.js → luxon-7600be8d.js} +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/{mockRewardData-e6b763d1.js → mockRewardData-0eb6e778.js} +1 -1
- package/dist/esm-es5/{re-render-5882a144.js → re-render-1bcfd0de.js} +1 -1
- package/dist/esm-es5/sqm-asset-card.entry.js +1 -1
- package/dist/esm-es5/sqm-banking-info-form_16.entry.js +1 -1
- package/dist/esm-es5/sqm-big-stat_39.entry.js +1 -1
- package/dist/esm-es5/sqm-close-button.entry.js +1 -1
- package/dist/esm-es5/sqm-code-verification.entry.js +1 -1
- package/dist/esm-es5/sqm-context-router.entry.js +1 -1
- package/dist/esm-es5/sqm-email-verification.entry.js +1 -1
- package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
- package/dist/esm-es5/sqm-form-message.entry.js +1 -1
- package/dist/esm-es5/sqm-graphql-client-provider.entry.js +1 -1
- package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
- package/dist/esm-es5/sqm-instant-access-registration.entry.js +1 -1
- package/dist/esm-es5/{sqm-invoice-table-view-22bb7240.js → sqm-invoice-table-view-e9075c0b.js} +1 -1
- package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
- package/dist/esm-es5/sqm-logout-current-user.entry.js +1 -1
- package/dist/esm-es5/{sqm-navigation-sidebar-item-view-4715e546.js → sqm-navigation-sidebar-item-view-f8e78810.js} +1 -1
- package/dist/esm-es5/sqm-navigation-sidebar-item.entry.js +1 -1
- package/dist/esm-es5/sqm-navigation-sidebar.entry.js +1 -1
- package/dist/esm-es5/sqm-password-field.entry.js +1 -1
- package/dist/esm-es5/sqm-popup-container.entry.js +1 -1
- package/dist/esm-es5/{sqm-portal-email-verification-view-598eb9a7.js → sqm-portal-email-verification-view-c6ac5430.js} +1 -1
- package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
- package/dist/esm-es5/sqm-portal-forgot-password.entry.js +1 -1
- package/dist/esm-es5/sqm-portal-logout.entry.js +1 -1
- package/dist/esm-es5/{sqm-portal-profile-view-a0f6ad48.js → sqm-portal-profile-view-15ddbec8.js} +1 -1
- package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
- package/dist/esm-es5/sqm-portal-protected-route.entry.js +1 -1
- package/dist/esm-es5/sqm-portal-registration-form.entry.js +1 -1
- package/dist/esm-es5/sqm-portal-reset-password.entry.js +1 -1
- package/dist/esm-es5/sqm-portal-verify-email.entry.js +1 -1
- package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
- package/dist/esm-es5/sqm-referred-registration.entry.js +1 -1
- package/dist/esm-es5/sqm-rewards-table-customer-note-cell.entry.js +1 -1
- package/dist/esm-es5/sqm-rewards-table-customer-note-column.entry.js +1 -1
- package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
- package/dist/esm-es5/sqm-scroll.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/esm-es5/sqm-tab.entry.js +1 -1
- package/dist/esm-es5/sqm-tabs.entry.js +1 -1
- package/dist/esm-es5/sqm-text-span.entry.js +1 -1
- package/dist/esm-es5/sqm-widget-verification-internal.entry.js +1 -1
- package/dist/esm-es5/sqm-widget-verification.entry.js +1 -1
- package/dist/esm-es5/{stencil-hooks.module-3c7f7c90.js → stencil-hooks.module-ac12ca1c.js} +1 -1
- package/dist/esm-es5/useChildElements-fc84e640.js +1 -0
- package/dist/esm-es5/{useInstantAccessRegistration-670c1b98.js → useInstantAccessRegistration-8b0a4556.js} +1 -1
- package/dist/esm-es5/useReferralTable-f6ffa103.js +1 -0
- package/dist/esm-es5/useRegistrationFormState-849e27f7.js +1 -0
- package/dist/esm-es5/useVerificationEmail-c32696ba.js +1 -0
- package/dist/esm-es5/{utilities-98445452.js → utilities-443732be.js} +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/mint-components.js +1 -1
- package/dist/mint-components/{p-0ecb3019.js → p-0121e044.js} +1 -1
- package/dist/mint-components/p-012daf3c.entry.js +1 -0
- package/dist/mint-components/{p-1e40967f.entry.js → p-03dbe2ce.entry.js} +1 -1
- package/dist/mint-components/{p-65a449de.js → p-04348a9b.js} +1 -1
- package/dist/mint-components/{p-14488d1c.system.entry.js → p-04ced592.system.entry.js} +1 -1
- package/dist/mint-components/{p-78a831e0.system.entry.js → p-0527d90b.system.entry.js} +1 -1
- package/dist/mint-components/p-0893073b.entry.js +1 -0
- package/dist/mint-components/p-0c9ad5f3.system.entry.js +1 -0
- package/dist/mint-components/p-11d1b212.js +1 -0
- package/dist/mint-components/p-1649ee1e.entry.js +240 -0
- package/dist/mint-components/p-1712a9fd.entry.js +11 -0
- package/dist/mint-components/{p-cdd04337.entry.js → p-178d2d2e.entry.js} +1 -1
- package/dist/mint-components/{p-ee328054.entry.js → p-1b861be5.entry.js} +1 -1
- package/dist/mint-components/{p-4209cd94.js → p-1d27da33.js} +4 -4
- package/dist/mint-components/p-1e616d45.system.js +1 -0
- package/dist/mint-components/{p-5a2fd8e0.system.entry.js → p-1f7d7524.system.entry.js} +1 -1
- package/dist/mint-components/{p-f0fba496.system.entry.js → p-22425c71.system.entry.js} +1 -1
- package/dist/mint-components/{p-9223640e.js → p-251e7567.js} +1 -1
- package/dist/mint-components/{p-1602bf01.js → p-2816bf6a.js} +1 -1
- package/dist/mint-components/p-2868f475.entry.js +1 -0
- package/dist/mint-components/{p-0979f82e.system.js → p-2a414b2e.system.js} +2 -2
- package/dist/mint-components/p-36e9296e.system.entry.js +1 -0
- package/dist/mint-components/{p-cb45d0a8.system.js → p-370a1a73.system.js} +1 -1
- package/dist/mint-components/p-3925bcd6.entry.js +13 -0
- package/dist/mint-components/p-39e412e8.system.entry.js +1 -0
- package/dist/mint-components/{p-45d0b48a.system.entry.js → p-3e7ec0f3.system.entry.js} +1 -1
- package/dist/mint-components/{p-423821b9.system.js → p-43621f12.system.js} +1 -1
- package/dist/mint-components/p-4364001c.entry.js +12 -0
- package/dist/mint-components/{p-6a70d2d6.entry.js → p-4671e644.entry.js} +1 -1
- package/dist/mint-components/{p-f338ef55.system.js → p-4babe350.system.js} +1 -1
- package/dist/mint-components/{p-34a87e67.system.js → p-4e373c3d.system.js} +1 -1
- package/dist/mint-components/{p-ab89b44a.system.js → p-4eae91a9.system.js} +1 -1
- package/dist/mint-components/{p-ab7322f0.system.entry.js → p-51d53165.system.entry.js} +1 -1
- package/dist/mint-components/{p-4c0b7768.entry.js → p-5291891c.entry.js} +3 -3
- package/dist/mint-components/{p-0aebee07.entry.js → p-54ffae13.entry.js} +11 -11
- package/dist/mint-components/{p-34dab223.system.entry.js → p-59818690.system.entry.js} +1 -1
- package/dist/mint-components/p-5a23b560.system.entry.js +1 -0
- package/dist/mint-components/{p-00ec17d4.system.js → p-5becb2ff.system.js} +1 -1
- package/dist/mint-components/{p-a1f0d8ba.system.entry.js → p-5fba1a04.system.entry.js} +1 -1
- package/dist/mint-components/p-63ac51e1.system.entry.js +1 -0
- package/dist/mint-components/p-64491210.system.entry.js +1 -0
- package/dist/mint-components/{p-def70672.js → p-68747d88.js} +1 -1
- package/dist/mint-components/{p-95af445c.system.entry.js → p-6afb4f48.system.entry.js} +1 -1
- package/dist/mint-components/{p-cafebf8a.entry.js → p-6c928c7d.entry.js} +1 -1
- package/dist/mint-components/{p-657b290b.entry.js → p-76392386.entry.js} +1 -1
- package/dist/mint-components/p-7dd1ff31.system.entry.js +1 -0
- package/dist/mint-components/{p-d0c4f3bf.system.entry.js → p-83c9f37b.system.entry.js} +1 -1
- package/dist/mint-components/{p-cdcd825e.entry.js → p-84b25a46.entry.js} +1 -1
- package/dist/mint-components/{p-2b5b2586.system.js → p-8690f682.system.js} +1 -1
- package/dist/mint-components/{p-14beec1b.system.entry.js → p-88aac6a9.system.entry.js} +1 -1
- package/dist/mint-components/{p-45d6cde6.system.entry.js → p-88bf51b7.system.entry.js} +1 -1
- package/dist/mint-components/p-8d554a89.system.js +1 -0
- package/dist/mint-components/p-93576222.system.js +1 -0
- package/dist/mint-components/{p-d2a925d5.entry.js → p-94454880.entry.js} +1 -1
- package/dist/mint-components/{p-3ba349a3.entry.js → p-947fe79b.entry.js} +1 -1
- package/dist/mint-components/{p-ca423ca2.system.entry.js → p-9596e97c.system.entry.js} +1 -1
- package/dist/mint-components/p-974070c4.system.entry.js +1 -0
- package/dist/mint-components/p-99c15c5e.entry.js +1 -0
- package/dist/mint-components/{p-c293f586.system.entry.js → p-9cdbd1ac.system.entry.js} +1 -1
- package/dist/mint-components/{p-56b37aeb.entry.js → p-9d34f4f0.entry.js} +3 -3
- package/dist/mint-components/{p-64acc813.entry.js → p-9e0230c3.entry.js} +1 -1
- package/dist/mint-components/{p-8ccb4267.js → p-9eae245f.js} +30 -27
- package/dist/mint-components/{p-70886c65.system.entry.js → p-9ec008cb.system.entry.js} +1 -1
- package/dist/mint-components/p-a4282d02.system.entry.js +1 -0
- package/dist/mint-components/{p-a2e1af83.entry.js → p-a45b03d2.entry.js} +1 -1
- package/dist/mint-components/{p-15e01e7a.entry.js → p-a85f57bb.entry.js} +1 -1
- package/dist/mint-components/{p-dce3d296.system.js → p-ac51940e.system.js} +1 -1
- package/dist/mint-components/{p-d39da925.entry.js → p-b1e8a802.entry.js} +1 -1
- package/dist/mint-components/p-b3b5b4b7.system.entry.js +1 -0
- package/dist/mint-components/{p-3da2b3cf.system.entry.js → p-bc826117.system.entry.js} +1 -1
- package/dist/mint-components/p-bdd6bb13.js +1 -0
- package/dist/mint-components/{p-3c46b3de.system.entry.js → p-be1ae1ed.system.entry.js} +1 -1
- package/dist/mint-components/{p-cadb8dba.entry.js → p-bee1e573.entry.js} +1 -1
- package/dist/mint-components/{p-18cd88c4.system.entry.js → p-c1f4fb6d.system.entry.js} +1 -1
- package/dist/mint-components/{p-7507d72b.js → p-c3b37bbf.js} +1 -1
- package/dist/mint-components/{p-ac69b460.system.entry.js → p-c3babfa4.system.entry.js} +1 -1
- package/dist/mint-components/{p-e373b78a.entry.js → p-c510fb88.entry.js} +1 -1
- package/dist/mint-components/p-c8878e79.entry.js +1 -0
- package/dist/mint-components/p-c92a743e.entry.js +1 -0
- package/dist/mint-components/p-c9fb6102.entry.js +1 -0
- package/dist/mint-components/{p-e05ff098.system.js → p-ca809fdd.system.js} +1 -1
- package/dist/mint-components/p-cb433855.system.entry.js +1 -0
- package/dist/mint-components/{p-06c561ea.system.js → p-cd44de66.system.js} +1 -1
- package/dist/mint-components/{p-e5299352.system.js → p-ce9e7c98.system.js} +1 -1
- package/dist/mint-components/p-d238372a.system.entry.js +1 -0
- package/dist/mint-components/p-d35d8c06.entry.js +11 -0
- package/dist/mint-components/p-d468925f.entry.js +1 -0
- package/dist/mint-components/{p-7666cd3d.js → p-d7806f31.js} +6 -6
- package/dist/mint-components/{p-0db003f7.js → p-d83b0cf3.js} +153 -153
- package/dist/mint-components/{p-5c602e84.entry.js → p-dd0d79bf.entry.js} +1 -1
- package/dist/mint-components/p-def516b8.system.js +1 -0
- package/dist/mint-components/p-e01ac27c.system.js +1 -0
- package/dist/mint-components/{p-611a30f0.js → p-e0e7635a.js} +1 -1
- package/dist/mint-components/p-e12d3414.system.entry.js +1 -0
- package/dist/mint-components/p-e45a8501.system.entry.js +1 -0
- package/dist/mint-components/{p-816fb64f.system.entry.js → p-ead27698.system.entry.js} +1 -1
- package/dist/mint-components/{p-7ab14d4b.system.entry.js → p-f0806232.system.entry.js} +1 -1
- package/dist/mint-components/{p-48704504.js → p-f3053c61.js} +1 -1
- package/dist/mint-components/p-f340214f.entry.js +25 -0
- package/dist/mint-components/p-f36e33ff.entry.js +13 -0
- package/dist/mint-components/p-f450654b.system.entry.js +1 -0
- package/dist/mint-components/p-f4cbbe47.entry.js +1 -0
- package/dist/mint-components/p-f531a5c9.system.entry.js +1 -0
- package/dist/mint-components/{p-4a43ffbd.js → p-f55060db.js} +1 -1
- package/dist/mint-components/{p-b14a77e8.system.entry.js → p-f56348dc.system.entry.js} +1 -1
- package/dist/mint-components/p-f655a7df.js +1 -0
- package/dist/mint-components/{p-79097c07.entry.js → p-fbdf0738.entry.js} +1 -1
- package/dist/mint-components/{p-fda3d0ca.system.js → p-fc422446.system.js} +22 -22
- package/dist/mint-components/p-fd21ae8f.entry.js +1 -0
- package/dist/mint-components/{p-1b24bb52.js → p-fd2c5407.js} +1 -1
- package/dist/mint-components/{p-126a4f24.entry.js → p-fffc3590.entry.js} +2 -2
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.d.ts +1 -0
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.d.ts +7 -0
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts +12 -0
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.d.ts +5 -0
- package/dist/types/components.d.ts +24 -0
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/index-56d1fa5b.js +0 -2227
- package/dist/esm/index-0c7b14c5.js +0 -2225
- package/dist/esm-es5/ShadowViewAddon-72e231a5.js +0 -1
- package/dist/esm-es5/global-adae7650.js +0 -285
- package/dist/esm-es5/index-0c7b14c5.js +0 -1
- package/dist/esm-es5/index.module-c0eb7dc2.js +0 -53
- package/dist/esm-es5/useChildElements-fe94b660.js +0 -1
- package/dist/esm-es5/useReferralTable-52008143.js +0 -1
- package/dist/esm-es5/useRegistrationFormState-4cfd1a8d.js +0 -1
- package/dist/esm-es5/useVerificationEmail-02b78bd7.js +0 -1
- package/dist/mint-components/p-0078bc76.system.js +0 -53
- package/dist/mint-components/p-116c1809.entry.js +0 -11
- package/dist/mint-components/p-1f02e20b.entry.js +0 -1
- package/dist/mint-components/p-253c87e1.system.entry.js +0 -1
- package/dist/mint-components/p-2632464d.entry.js +0 -1
- package/dist/mint-components/p-28450e40.system.entry.js +0 -1
- package/dist/mint-components/p-286190c4.system.entry.js +0 -1
- package/dist/mint-components/p-414b3b6c.system.entry.js +0 -1
- package/dist/mint-components/p-4185f6f5.system.entry.js +0 -1
- package/dist/mint-components/p-4606b096.entry.js +0 -12
- package/dist/mint-components/p-46a5718f.system.entry.js +0 -1
- package/dist/mint-components/p-4986a616.entry.js +0 -240
- package/dist/mint-components/p-52241ba9.system.js +0 -1
- package/dist/mint-components/p-556753b2.js +0 -42
- package/dist/mint-components/p-55dcb6ff.system.js +0 -1
- package/dist/mint-components/p-65de8fb2.js +0 -1
- package/dist/mint-components/p-696e634f.system.entry.js +0 -1
- package/dist/mint-components/p-6fbfd683.js +0 -1
- package/dist/mint-components/p-71b8adf7.system.js +0 -1
- package/dist/mint-components/p-7c4c727c.system.entry.js +0 -1
- package/dist/mint-components/p-858a87ce.entry.js +0 -1
- package/dist/mint-components/p-87bf9880.entry.js +0 -25
- package/dist/mint-components/p-89669879.system.js +0 -1
- package/dist/mint-components/p-8a7d2170.system.entry.js +0 -1
- package/dist/mint-components/p-8b7d2f44.entry.js +0 -1
- package/dist/mint-components/p-8defb972.system.entry.js +0 -1
- package/dist/mint-components/p-9cdaa099.entry.js +0 -1
- package/dist/mint-components/p-a5eedbe2.system.entry.js +0 -1
- package/dist/mint-components/p-a60ec391.system.entry.js +0 -1
- package/dist/mint-components/p-a80c8f5c.system.js +0 -1
- package/dist/mint-components/p-b28df069.js +0 -1
- package/dist/mint-components/p-b4771476.entry.js +0 -1
- package/dist/mint-components/p-c9ca8473.system.entry.js +0 -1
- package/dist/mint-components/p-cac64545.system.entry.js +0 -1
- package/dist/mint-components/p-d3293ac3.entry.js +0 -11
- package/dist/mint-components/p-d7b701a7.entry.js +0 -1
- package/dist/mint-components/p-e4c3817a.system.entry.js +0 -1
- package/dist/mint-components/p-e7797040.entry.js +0 -1
- package/dist/mint-components/p-e82eec3c.entry.js +0 -13
- package/dist/mint-components/p-e8bfd924.system.entry.js +0 -1
- package/dist/mint-components/p-e8fcaaa2.entry.js +0 -13
- package/dist/mint-components/p-ef49d744.entry.js +0 -1
- package/dist/mint-components/p-f5f0fc0e.entry.js +0 -1
|
@@ -2,22 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index
|
|
6
|
-
const stencilHooks_module = require('./stencil-hooks.module-
|
|
7
|
-
const global = require('./global-
|
|
8
|
-
const index_module = require('./index.module-
|
|
5
|
+
const index = require('./index-b0129cd6.js');
|
|
6
|
+
const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
|
|
7
|
+
const global = require('./global-c3637175.js');
|
|
8
|
+
const index_module = require('./index.module-b8d9d0ba.js');
|
|
9
|
+
const jsonpointer = require('./jsonpointer-11327262.js');
|
|
9
10
|
const cjs = require('./cjs-1066ec21.js');
|
|
10
11
|
require('./mixins-fe9d4112.js');
|
|
11
12
|
const JSS = require('./JSS-8503a151.js');
|
|
12
13
|
const GenericTableView = require('./GenericTableView-80d7642e.js');
|
|
13
|
-
const reRender = require('./re-render-
|
|
14
|
-
const useChildElements = require('./useChildElements-
|
|
15
|
-
const luxon = require('./luxon-
|
|
16
|
-
const
|
|
17
|
-
const useReferralTable = require('./useReferralTable-54d0ba70.js');
|
|
14
|
+
const reRender = require('./re-render-5bde3d2e.js');
|
|
15
|
+
const useChildElements = require('./useChildElements-410d2435.js');
|
|
16
|
+
const luxon = require('./luxon-05098e19.js');
|
|
17
|
+
const useReferralTable = require('./useReferralTable-824ac152.js');
|
|
18
18
|
const utils = require('./utils-6847bc06.js');
|
|
19
|
-
const
|
|
20
|
-
const sqmInvoiceTableView = require('./sqm-invoice-table-view-e530775f.js');
|
|
19
|
+
const sqmInvoiceTableView = require('./sqm-invoice-table-view-5d3a2d35.js');
|
|
21
20
|
const keys = require('./keys-cff24974.js');
|
|
22
21
|
const extractProps = require('./extractProps-fd93ba62.js');
|
|
23
22
|
|
|
@@ -31,7 +30,7 @@ const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
|
|
|
31
30
|
const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
|
|
32
31
|
const CURRENCIES_NAMESPACE = "sq:currencies:list";
|
|
33
32
|
const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
|
|
34
|
-
const GET_USER =
|
|
33
|
+
const GET_USER = index_module.dist.gql `
|
|
35
34
|
query getUserTaxInfo {
|
|
36
35
|
user: viewer {
|
|
37
36
|
... on User {
|
|
@@ -97,7 +96,7 @@ const GET_USER = index.dist.gql `
|
|
|
97
96
|
}
|
|
98
97
|
}
|
|
99
98
|
`;
|
|
100
|
-
const GET_COUNTRIES =
|
|
99
|
+
const GET_COUNTRIES = index_module.dist.gql `
|
|
101
100
|
query getCountries {
|
|
102
101
|
impactPayoutCountries(limit: 1000) {
|
|
103
102
|
data {
|
|
@@ -107,7 +106,7 @@ const GET_COUNTRIES = index.dist.gql `
|
|
|
107
106
|
}
|
|
108
107
|
}
|
|
109
108
|
`;
|
|
110
|
-
const GET_CURRENCIES =
|
|
109
|
+
const GET_CURRENCIES = index_module.dist.gql `
|
|
111
110
|
query currencies($locale: RSLocale) {
|
|
112
111
|
currencies(limit: 300) {
|
|
113
112
|
data {
|
|
@@ -117,7 +116,7 @@ const GET_CURRENCIES = index.dist.gql `
|
|
|
117
116
|
}
|
|
118
117
|
}
|
|
119
118
|
`;
|
|
120
|
-
const GET_FINANCE_NETWORK_SETTINGS =
|
|
119
|
+
const GET_FINANCE_NETWORK_SETTINGS = index_module.dist.gql `
|
|
121
120
|
query impactFinanceNetworkSettings(
|
|
122
121
|
$filter: ImpactFinanceNetworkSettingsFilterInput
|
|
123
122
|
) {
|
|
@@ -143,7 +142,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
143
142
|
const { errors, ...formState } = props.states.formState;
|
|
144
143
|
return {
|
|
145
144
|
0: {
|
|
146
|
-
input: (index
|
|
145
|
+
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) && {
|
|
147
146
|
class: "error-input",
|
|
148
147
|
helpText: getValidationErrorMessage({
|
|
149
148
|
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,
|
|
@@ -152,18 +151,18 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
152
151
|
})))),
|
|
153
152
|
},
|
|
154
153
|
1: {
|
|
155
|
-
input: (index
|
|
154
|
+
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) && {
|
|
156
155
|
class: "error-input",
|
|
157
156
|
helpText: getValidationErrorMessage({
|
|
158
157
|
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,
|
|
159
158
|
label: props.text.bankAccountTypeLabel,
|
|
160
159
|
}),
|
|
161
160
|
})),
|
|
162
|
-
index
|
|
163
|
-
index
|
|
161
|
+
index.h("sl-menu-item", { value: "CHECKING" }, props.text.checkingSelectItemLabel),
|
|
162
|
+
index.h("sl-menu-item", { value: "SAVINGS" }, props.text.savingsSelectItemLabel))),
|
|
164
163
|
},
|
|
165
164
|
2: {
|
|
166
|
-
input: (index
|
|
165
|
+
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) && {
|
|
167
166
|
class: "error-input",
|
|
168
167
|
helpText: getValidationErrorMessage({
|
|
169
168
|
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,
|
|
@@ -172,7 +171,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
172
171
|
})))),
|
|
173
172
|
},
|
|
174
173
|
3: {
|
|
175
|
-
input: (index
|
|
174
|
+
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) && {
|
|
176
175
|
class: "error-input",
|
|
177
176
|
helpText: getValidationErrorMessage({
|
|
178
177
|
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,
|
|
@@ -181,7 +180,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
181
180
|
})))),
|
|
182
181
|
},
|
|
183
182
|
4: {
|
|
184
|
-
input: (index
|
|
183
|
+
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) && {
|
|
185
184
|
class: "error-input",
|
|
186
185
|
helpText: getValidationErrorMessage({
|
|
187
186
|
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,
|
|
@@ -190,7 +189,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
190
189
|
})))),
|
|
191
190
|
},
|
|
192
191
|
5: {
|
|
193
|
-
input: (index
|
|
192
|
+
input: (index.h("sl-input", Object.assign({ required: true, label: global.intl.formatMessage({
|
|
194
193
|
id: "routingCodeText",
|
|
195
194
|
defaultMessage: props.text.routingCodeLabel,
|
|
196
195
|
}, {
|
|
@@ -209,7 +208,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
209
208
|
})))),
|
|
210
209
|
},
|
|
211
210
|
6: {
|
|
212
|
-
input: (index
|
|
211
|
+
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) && {
|
|
213
212
|
class: "error-input",
|
|
214
213
|
helpText: getValidationErrorMessage({
|
|
215
214
|
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,
|
|
@@ -219,17 +218,17 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
219
218
|
},
|
|
220
219
|
7: {
|
|
221
220
|
input: [
|
|
222
|
-
index
|
|
221
|
+
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) && {
|
|
223
222
|
class: "error-input",
|
|
224
223
|
helpText: getValidationErrorMessage({
|
|
225
224
|
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,
|
|
226
225
|
label: props.text.classificationLabel,
|
|
227
226
|
}),
|
|
228
227
|
})),
|
|
229
|
-
index
|
|
230
|
-
index
|
|
231
|
-
index
|
|
232
|
-
index
|
|
228
|
+
index.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
|
|
229
|
+
index.h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
|
|
230
|
+
index.h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel)),
|
|
231
|
+
index.h("sl-input", Object.assign({ required: true, label: global.intl.formatMessage({
|
|
233
232
|
id: "fxWireText",
|
|
234
233
|
defaultMessage: props.text.taxPayerIdLabel,
|
|
235
234
|
}, {
|
|
@@ -244,18 +243,18 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
244
243
|
],
|
|
245
244
|
},
|
|
246
245
|
8: {
|
|
247
|
-
input: (index
|
|
246
|
+
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) && {
|
|
248
247
|
class: "error-input",
|
|
249
248
|
helpText: getValidationErrorMessage({
|
|
250
249
|
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,
|
|
251
250
|
label: props.text.classificationCPFLabel,
|
|
252
251
|
}),
|
|
253
252
|
})),
|
|
254
|
-
index
|
|
255
|
-
index
|
|
253
|
+
index.h("sl-menu-item", { value: "CPF" }, "CPF"),
|
|
254
|
+
index.h("sl-menu-item", { value: "CNPJ" }, "CNPJ"))),
|
|
256
255
|
},
|
|
257
256
|
9: {
|
|
258
|
-
input: (index
|
|
257
|
+
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) && {
|
|
259
258
|
class: "error-input",
|
|
260
259
|
helpText: getValidationErrorMessage({
|
|
261
260
|
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,
|
|
@@ -264,7 +263,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
264
263
|
})))),
|
|
265
264
|
},
|
|
266
265
|
10: {
|
|
267
|
-
input: (index
|
|
266
|
+
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) && {
|
|
268
267
|
class: "error-input",
|
|
269
268
|
helpText: getValidationErrorMessage({
|
|
270
269
|
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,
|
|
@@ -273,7 +272,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
273
272
|
})))),
|
|
274
273
|
},
|
|
275
274
|
11: {
|
|
276
|
-
input: (index
|
|
275
|
+
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) && {
|
|
277
276
|
class: "error-input",
|
|
278
277
|
helpText: getValidationErrorMessage({
|
|
279
278
|
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,
|
|
@@ -283,28 +282,28 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
283
282
|
},
|
|
284
283
|
12: {
|
|
285
284
|
input: [
|
|
286
|
-
index
|
|
285
|
+
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) && {
|
|
287
286
|
class: "error-input",
|
|
288
287
|
helpText: getValidationErrorMessage({
|
|
289
288
|
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,
|
|
290
289
|
label: props.text.bankAddressLabel,
|
|
291
290
|
}),
|
|
292
291
|
}))),
|
|
293
|
-
index
|
|
292
|
+
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) && {
|
|
294
293
|
class: "error-input",
|
|
295
294
|
helpText: getValidationErrorMessage({
|
|
296
295
|
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,
|
|
297
296
|
label: props.text.bankCityLabel,
|
|
298
297
|
}),
|
|
299
298
|
}))),
|
|
300
|
-
index
|
|
299
|
+
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) && {
|
|
301
300
|
class: "error-input",
|
|
302
301
|
helpText: getValidationErrorMessage({
|
|
303
302
|
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,
|
|
304
303
|
label: props.text.bankStateLabel,
|
|
305
304
|
}),
|
|
306
305
|
}))),
|
|
307
|
-
index
|
|
306
|
+
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) && {
|
|
308
307
|
class: "error-input",
|
|
309
308
|
helpText: getValidationErrorMessage({
|
|
310
309
|
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,
|
|
@@ -314,7 +313,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
314
313
|
],
|
|
315
314
|
},
|
|
316
315
|
13: {
|
|
317
|
-
input: (index
|
|
316
|
+
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) && {
|
|
318
317
|
class: "error-input",
|
|
319
318
|
helpText: getValidationErrorMessage({
|
|
320
319
|
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,
|
|
@@ -323,16 +322,16 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
323
322
|
})))),
|
|
324
323
|
},
|
|
325
324
|
14: {
|
|
326
|
-
input: (index
|
|
325
|
+
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) && {
|
|
327
326
|
class: "error-input",
|
|
328
327
|
helpText: getValidationErrorMessage({
|
|
329
328
|
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,
|
|
330
329
|
label: props.text.classificationLabel,
|
|
331
330
|
}),
|
|
332
331
|
})),
|
|
333
|
-
index
|
|
334
|
-
index
|
|
335
|
-
index
|
|
332
|
+
index.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
|
|
333
|
+
index.h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
|
|
334
|
+
index.h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel))),
|
|
336
335
|
},
|
|
337
336
|
};
|
|
338
337
|
}
|
|
@@ -830,80 +829,80 @@ const BankingInfoFormView = (props) => {
|
|
|
830
829
|
gap: "8px",
|
|
831
830
|
};
|
|
832
831
|
if (checkedValue === undefined) {
|
|
833
|
-
return (index
|
|
834
|
-
index
|
|
835
|
-
index
|
|
836
|
-
index
|
|
837
|
-
index
|
|
838
|
-
index
|
|
839
|
-
index
|
|
840
|
-
index
|
|
832
|
+
return (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column", gap: "16px" } },
|
|
833
|
+
index.h("div", { class: classes.SmallSkeleton }),
|
|
834
|
+
index.h("div", { style: { ...flexBoxStyle, flexDirection: "row" } },
|
|
835
|
+
index.h("div", { class: classes.CheckboxSkeleton }),
|
|
836
|
+
index.h("div", { class: classes.SmallSkeleton })),
|
|
837
|
+
index.h("div", { style: { ...flexBoxStyle, flexDirection: "row" } },
|
|
838
|
+
index.h("div", { class: classes.CheckboxSkeleton }),
|
|
839
|
+
index.h("div", { class: classes.SmallSkeleton }))));
|
|
841
840
|
}
|
|
842
841
|
if (checkedValue === "toPayPalAccount") {
|
|
843
|
-
return (index
|
|
844
|
-
index
|
|
845
|
-
index
|
|
842
|
+
return (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column" } },
|
|
843
|
+
index.h("div", { class: classes.SmallSkeleton }),
|
|
844
|
+
index.h("div", { class: classes.LargeSkeleton })));
|
|
846
845
|
}
|
|
847
|
-
const skeletons = inputNumArray.map((_, idx) => (index
|
|
848
|
-
index
|
|
849
|
-
index
|
|
846
|
+
const skeletons = inputNumArray.map((_, idx) => (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column" }, key: idx },
|
|
847
|
+
index.h("div", { class: classes.SmallSkeleton }),
|
|
848
|
+
index.h("div", { class: classes.LargeSkeleton }))));
|
|
850
849
|
return skeletons;
|
|
851
850
|
};
|
|
852
|
-
return (index
|
|
853
|
-
index
|
|
851
|
+
return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
|
|
852
|
+
index.h("style", { type: "text/css" },
|
|
854
853
|
styleString,
|
|
855
854
|
vanillaStyle),
|
|
856
|
-
index
|
|
857
|
-
index
|
|
858
|
-
!states.hideSteps && (index
|
|
855
|
+
index.h("div", { class: classes.TextContainer },
|
|
856
|
+
index.h("div", null,
|
|
857
|
+
!states.hideSteps && (index.h("p", null, global.intl.formatMessage({
|
|
859
858
|
id: "formStep",
|
|
860
859
|
defaultMessage: text.formStep,
|
|
861
860
|
}, { step: states.step, count: FORM_STEPS }))),
|
|
862
|
-
index
|
|
863
|
-
index
|
|
864
|
-
((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
865
|
-
index
|
|
866
|
-
index
|
|
867
|
-
index
|
|
861
|
+
index.h("h3", { style: { fontSize: "24px" } }, text.taxAndPayouts),
|
|
862
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription)),
|
|
863
|
+
((_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 },
|
|
864
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
865
|
+
index.h("strong", null, text.error.generalTitle),
|
|
866
|
+
index.h("br", null),
|
|
868
867
|
text.error.generalDescription)),
|
|
869
|
-
states.isPartner && !states.hideSteps && (index
|
|
870
|
-
index
|
|
871
|
-
index
|
|
872
|
-
index
|
|
868
|
+
states.isPartner && !states.hideSteps && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: sheet.classes.PartnerAlertContainer },
|
|
869
|
+
index.h("sl-icon", { slot: "icon", name: "info-circle" }),
|
|
870
|
+
index.h("strong", null, text.isPartnerAlertHeader),
|
|
871
|
+
index.h("br", null),
|
|
873
872
|
text.isPartnerAlertDescription)),
|
|
874
|
-
index
|
|
875
|
-
index
|
|
876
|
-
index
|
|
877
|
-
index
|
|
878
|
-
index
|
|
879
|
-
states.hasPayPal && (index
|
|
880
|
-
formState.paymentMethodChecked === "toBankAccount" && (index
|
|
873
|
+
index.h("div", null,
|
|
874
|
+
index.h("h4", null, text.paymentMethod),
|
|
875
|
+
index.h("p", { class: classes.DescriptionText }, text.paymentMethodSubtext))),
|
|
876
|
+
index.h("div", null,
|
|
877
|
+
index.h("div", { class: classes.CheckboxContainer }, states.loading && formState.paymentMethodChecked === undefined ? (getLoadingSkeleton(undefined)) : (index.h("div", { class: classes.RadioContainer },
|
|
878
|
+
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)),
|
|
879
|
+
formState.paymentMethodChecked === "toBankAccount" && (index.h("div", { class: classes.InputContainer, style: states.hideBanking ? { display: "none" } : {} }, states.loading
|
|
881
880
|
? getLoadingSkeleton("toBankAccount", slots.formInputsSlot.length + 3)
|
|
882
881
|
: [
|
|
883
882
|
slots.countryInputSlot,
|
|
884
883
|
slots.paymentMethodSlot,
|
|
885
884
|
slots.formInputsSlot,
|
|
886
885
|
])),
|
|
887
|
-
states.hasPayPal && (index
|
|
886
|
+
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({
|
|
888
887
|
id: "paypal-input-label",
|
|
889
888
|
defaultMessage: text.toPayPalAccount,
|
|
890
889
|
}, { feeCap: states.feeCap }))),
|
|
891
|
-
formState.paymentMethodChecked === "toPayPalAccount" && (index
|
|
890
|
+
formState.paymentMethodChecked === "toPayPalAccount" && (index.h("div", { class: classes.InputContainer, style: states.hidePayPal ? { display: "none" } : {} }, states.loading
|
|
892
891
|
? getLoadingSkeleton("toPayPalAccount")
|
|
893
892
|
: slots.paypalInputSlot)),
|
|
894
|
-
index
|
|
895
|
-
index
|
|
896
|
-
index
|
|
897
|
-
formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (index
|
|
893
|
+
index.h("div", { style: { paddingTop: "24px", paddingBottom: "12px" } },
|
|
894
|
+
index.h("h4", null, text.paymentSchedule)),
|
|
895
|
+
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),
|
|
896
|
+
formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (index.h("div", { class: classes.InputContainer, style: states.hideBalanceThreshold ? { display: "none" } : {} }, states.loading
|
|
898
897
|
? getLoadingSkeleton("toPayPalAccount")
|
|
899
898
|
: slots.paymentThresholdSelectSlot)),
|
|
900
|
-
index
|
|
901
|
-
formState.paymentScheduleChecked === "FIXED_DAY" && (index
|
|
899
|
+
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),
|
|
900
|
+
formState.paymentScheduleChecked === "FIXED_DAY" && (index.h("div", { class: classes.InputContainer, style: states.hideFixedDay ? { display: "none" } : {} }, states.loading
|
|
902
901
|
? getLoadingSkeleton("toPayPalAccount")
|
|
903
902
|
: slots.paymentFixedDaySelectSlot))))),
|
|
904
|
-
index
|
|
905
|
-
index
|
|
906
|
-
!states.hideBackButton && (index
|
|
903
|
+
index.h("div", { class: classes.BtnContainer },
|
|
904
|
+
index.h("sl-button", { type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
|
|
905
|
+
!states.hideBackButton && (index.h("sl-button", { exportparts: "base: secondarybutton-base", class: classes.SecondaryBtn, type: "text", onClick: callbacks.onBack }, text.backButton))))));
|
|
907
906
|
};
|
|
908
907
|
|
|
909
908
|
// Hardcoded in Impact backend
|
|
@@ -937,7 +936,7 @@ function getFormInputs({ bitset, formMap }) {
|
|
|
937
936
|
}, []);
|
|
938
937
|
return inputFields;
|
|
939
938
|
}
|
|
940
|
-
const SAVE_WITHDRAWAL_SETTINGS =
|
|
939
|
+
const SAVE_WITHDRAWAL_SETTINGS = index_module.dist.gql `
|
|
941
940
|
mutation setImpactPublisherWithdrawalSettings(
|
|
942
941
|
$setImpactPublisherWithdrawalSettingsInput: SetImpactPublisherWithdrawalSettingsInput!
|
|
943
942
|
) {
|
|
@@ -952,7 +951,7 @@ const SAVE_WITHDRAWAL_SETTINGS = index.dist.gql `
|
|
|
952
951
|
}
|
|
953
952
|
}
|
|
954
953
|
`;
|
|
955
|
-
const UPDATE_WITHDRAWAL_SETTINGS =
|
|
954
|
+
const UPDATE_WITHDRAWAL_SETTINGS = index_module.dist.gql `
|
|
956
955
|
mutation updateImpactPublisherWithdrawalSettings(
|
|
957
956
|
$updateImpactPublisherWithdrawalSettingsInput: UpdateImpactPublisherWithdrawalSettingsInput!
|
|
958
957
|
) {
|
|
@@ -1261,7 +1260,7 @@ function useBankingInfoForm(props) {
|
|
|
1261
1260
|
|
|
1262
1261
|
const BankingInfoForm = class {
|
|
1263
1262
|
constructor(hostRef) {
|
|
1264
|
-
index
|
|
1263
|
+
index.registerInstance(this, hostRef);
|
|
1265
1264
|
this.ignored = true;
|
|
1266
1265
|
/**
|
|
1267
1266
|
* @uiName Setup progress
|
|
@@ -1502,7 +1501,7 @@ const BankingInfoForm = class {
|
|
|
1502
1501
|
* @uiWidget textArea
|
|
1503
1502
|
*/
|
|
1504
1503
|
this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact Support.";
|
|
1505
|
-
stencilHooks_module.h(this);
|
|
1504
|
+
stencilHooks_module.h$1(this);
|
|
1506
1505
|
}
|
|
1507
1506
|
disconnectedCallback() { }
|
|
1508
1507
|
getTextProps() {
|
|
@@ -1559,42 +1558,42 @@ const BankingInfoForm = class {
|
|
|
1559
1558
|
},
|
|
1560
1559
|
};
|
|
1561
1560
|
if (props.states.isPartner && props.states.showVerification) {
|
|
1562
|
-
return (index
|
|
1561
|
+
return (index.h("sqm-code-verification", { onVerification: props.callbacks.onVerification }));
|
|
1563
1562
|
}
|
|
1564
|
-
return (index
|
|
1563
|
+
return (index.h(index.Host, null, index.h(BankingInfoFormView, { callbacks: props.callbacks, text: props.text, states: props.states, refs: props.refs, slots: {
|
|
1565
1564
|
formInputsSlot: inputFields === null || inputFields === void 0 ? void 0 : inputFields.map(({ input }) => input),
|
|
1566
|
-
countryInputSlot: (index
|
|
1565
|
+
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) && {
|
|
1567
1566
|
class: "error-input",
|
|
1568
1567
|
helpText: getValidationErrorMessage({
|
|
1569
1568
|
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,
|
|
1570
1569
|
label: props.text.bankLocationLabel,
|
|
1571
1570
|
}),
|
|
1572
|
-
})), index
|
|
1571
|
+
})), index.h("sl-input", { class: searchStyle.SearchInput, placeholder: this.searchForCountryText, onKeyDown: (e) => {
|
|
1573
1572
|
// Stop shoelace intercepting key presses
|
|
1574
1573
|
e.stopPropagation();
|
|
1575
1574
|
}, "onSl-input": (e) => {
|
|
1576
1575
|
props.callbacks.setCountrySearch(e.target.value);
|
|
1577
1576
|
} }), (_d = props.states.countries) === null || _d === void 0 ? void 0 :
|
|
1578
1577
|
_d.map((country) => {
|
|
1579
|
-
return (index
|
|
1578
|
+
return (index.h("sl-menu-item", { value: country.countryCode }, country.displayName));
|
|
1580
1579
|
}), (_f = (_e = props.states) === null || _e === void 0 ? void 0 : _e.allCountries) === null || _f === void 0 ? void 0 :
|
|
1581
|
-
_f.map((c) => (index
|
|
1582
|
-
paymentMethodSlot: (index
|
|
1583
|
-
paymentThresholdSelectSlot: (index
|
|
1580
|
+
_f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName))))),
|
|
1581
|
+
paymentMethodSlot: (index.h("sl-input", { key: "paymentMethod", label: props.text.paymentMethod, placeholder: props.states.paymentMethodFeeLabel, disabled: true })),
|
|
1582
|
+
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) && {
|
|
1584
1583
|
class: "error-input",
|
|
1585
1584
|
helpText: getValidationErrorMessage({
|
|
1586
1585
|
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,
|
|
1587
1586
|
label: props.text.paymentThresholdSelectLabel,
|
|
1588
1587
|
}),
|
|
1589
|
-
})), props.states.thresholds.map((t) => (index
|
|
1590
|
-
paymentFixedDaySelectSlot: (index
|
|
1588
|
+
})), props.states.thresholds.map((t) => (index.h("sl-menu-item", { value: t }, `${props.states.currency}${t}`))))),
|
|
1589
|
+
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) && {
|
|
1591
1590
|
class: "error-input",
|
|
1592
1591
|
helpText: getValidationErrorMessage({
|
|
1593
1592
|
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,
|
|
1594
1593
|
label: props.text.paymentDaySelectLabel,
|
|
1595
1594
|
}),
|
|
1596
|
-
})), index
|
|
1597
|
-
paypalInputSlot: (index
|
|
1595
|
+
})), index.h("sl-menu-item", { value: "1" }, props.text.paymentDayFirstOfMonthLabelText), index.h("sl-menu-item", { value: "15" }, props.text.paymentDayFifteenthOfMonthLabelText))),
|
|
1596
|
+
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) && {
|
|
1598
1597
|
class: "error-input",
|
|
1599
1598
|
helpText: getValidationErrorMessage({
|
|
1600
1599
|
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,
|
|
@@ -1702,7 +1701,7 @@ function useDemoBankingInfoForm(props) {
|
|
|
1702
1701
|
}, props.demoData || {}, { arrayMerge: (_, a) => a });
|
|
1703
1702
|
}
|
|
1704
1703
|
|
|
1705
|
-
const GET_TAX_DOCUMENT =
|
|
1704
|
+
const GET_TAX_DOCUMENT = index_module.dist.gql `
|
|
1706
1705
|
mutation createImpactPublisherTaxDocument(
|
|
1707
1706
|
$vars: CreateImpactPublisherTaxDocumentInput!
|
|
1708
1707
|
) {
|
|
@@ -1713,7 +1712,7 @@ const GET_TAX_DOCUMENT = index.dist.gql `
|
|
|
1713
1712
|
}
|
|
1714
1713
|
}
|
|
1715
1714
|
`;
|
|
1716
|
-
const COMPLETE_TAX_DOCUMENT =
|
|
1715
|
+
const COMPLETE_TAX_DOCUMENT = index_module.dist.gql `
|
|
1717
1716
|
mutation completeImpactPublisherTaxDocument($vars: UserIdInput!) {
|
|
1718
1717
|
completeImpactPublisherTaxDocument(user: $vars) {
|
|
1719
1718
|
success
|
|
@@ -1889,39 +1888,39 @@ const styleString$1 = sheet$1.toString();
|
|
|
1889
1888
|
const DocusignExpiredView = (props) => {
|
|
1890
1889
|
const { classes } = sheet$1;
|
|
1891
1890
|
const { text } = props;
|
|
1892
|
-
return (index
|
|
1893
|
-
index
|
|
1894
|
-
index
|
|
1895
|
-
index
|
|
1891
|
+
return (index.h("div", null,
|
|
1892
|
+
index.h("style", { type: "text/css" }, styleString$1),
|
|
1893
|
+
index.h("div", { class: classes.DocusignStatusContainer },
|
|
1894
|
+
index.h("sl-icon", { style: {
|
|
1896
1895
|
width: "50px",
|
|
1897
1896
|
height: "50px",
|
|
1898
1897
|
color: "var(--sl-color-neutral-500)",
|
|
1899
1898
|
}, name: "clock" }),
|
|
1900
|
-
index
|
|
1901
|
-
index
|
|
1902
|
-
index
|
|
1899
|
+
index.h("div", { class: classes.MessageContainer },
|
|
1900
|
+
index.h("p", { style: { margin: "0" } }, text.docusignExpired)),
|
|
1901
|
+
index.h("sl-button", { type: "primary", onClick: () => window.location.reload() }, text.refreshButton))));
|
|
1903
1902
|
};
|
|
1904
1903
|
const DocusignErrorView = (props) => {
|
|
1905
1904
|
const { classes } = sheet$1;
|
|
1906
1905
|
const { text } = props;
|
|
1907
|
-
return (index
|
|
1908
|
-
index
|
|
1909
|
-
index
|
|
1910
|
-
index
|
|
1906
|
+
return (index.h("div", null,
|
|
1907
|
+
index.h("style", { type: "text/css" }, styleString$1),
|
|
1908
|
+
index.h("div", { class: classes.DocusignStatusContainer },
|
|
1909
|
+
index.h("sl-icon", { style: {
|
|
1911
1910
|
width: "50px",
|
|
1912
1911
|
height: "50px",
|
|
1913
1912
|
color: "var(--sl-color-gray-500)",
|
|
1914
1913
|
}, name: "exclamation-octagon" }),
|
|
1915
|
-
index
|
|
1916
|
-
index
|
|
1917
|
-
index
|
|
1914
|
+
index.h("div", { class: classes.MessageContainer },
|
|
1915
|
+
index.h("p", { style: { margin: "0" } }, text.docusignError)),
|
|
1916
|
+
index.h("sl-button", { type: "primary", onClick: () => window.location.reload() }, text.refreshButton))));
|
|
1918
1917
|
};
|
|
1919
1918
|
const DocusignLoadingView = () => {
|
|
1920
1919
|
const { classes } = sheet$1;
|
|
1921
|
-
return (index
|
|
1922
|
-
index
|
|
1923
|
-
index
|
|
1924
|
-
index
|
|
1920
|
+
return (index.h("div", null,
|
|
1921
|
+
index.h("style", { type: "text/css" }, styleString$1),
|
|
1922
|
+
index.h("div", { class: classes.DocusignStatusContainer },
|
|
1923
|
+
index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
|
|
1925
1924
|
};
|
|
1926
1925
|
const DocusignIframe = ({ states, data, callbacks, text, }) => {
|
|
1927
1926
|
const { classes } = sheet$1;
|
|
@@ -1949,17 +1948,17 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
|
|
|
1949
1948
|
};
|
|
1950
1949
|
}, [iFrameHeight]);
|
|
1951
1950
|
if (states.urlLoading)
|
|
1952
|
-
return index
|
|
1951
|
+
return index.h(DocusignLoadingView, null);
|
|
1953
1952
|
if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
|
|
1954
|
-
return index
|
|
1953
|
+
return index.h(DocusignErrorView, { text: text });
|
|
1955
1954
|
}
|
|
1956
1955
|
if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
|
|
1957
|
-
return index
|
|
1956
|
+
return index.h(DocusignExpiredView, { text: text });
|
|
1958
1957
|
// Wrap iFrame with container that shares the same height to push other elements down when absolute positioned
|
|
1959
|
-
return (index
|
|
1960
|
-
index
|
|
1961
|
-
index
|
|
1962
|
-
index
|
|
1958
|
+
return (index.h("div", { style: { height: iFrameHeight } },
|
|
1959
|
+
index.h("style", { type: "text/css" }, styleString$1),
|
|
1960
|
+
index.h("div", { class: classes.IFrameContainer },
|
|
1961
|
+
index.h("iframe", { scrolling: "yes", frameBorder: "0", width: "100%", src: data.documentUrl, height: iFrameHeight }))));
|
|
1963
1962
|
};
|
|
1964
1963
|
|
|
1965
1964
|
const style$2 = {
|
|
@@ -2103,33 +2102,33 @@ const DocusignFormView = (props) => {
|
|
|
2103
2102
|
var _a;
|
|
2104
2103
|
const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
|
|
2105
2104
|
const { classes } = sheet$2;
|
|
2106
|
-
return (index
|
|
2107
|
-
index
|
|
2105
|
+
return (index.h("div", { class: classes.Container },
|
|
2106
|
+
index.h("style", { type: "text/css" },
|
|
2108
2107
|
styleString$2,
|
|
2109
2108
|
vanillaStyle$1),
|
|
2110
|
-
index
|
|
2111
|
-
index
|
|
2112
|
-
!states.hideSteps && (index
|
|
2109
|
+
index.h("div", { class: classes.TextContainer },
|
|
2110
|
+
index.h("div", null,
|
|
2111
|
+
!states.hideSteps && (index.h("p", null, global.intl.formatMessage({
|
|
2113
2112
|
id: "formStep",
|
|
2114
2113
|
defaultMessage: text.formStep,
|
|
2115
2114
|
}, { step: states.step, count: FORM_STEPS }))),
|
|
2116
|
-
index
|
|
2117
|
-
index
|
|
2118
|
-
states.loadingError && (index
|
|
2119
|
-
index
|
|
2120
|
-
index
|
|
2121
|
-
index
|
|
2122
|
-
index
|
|
2115
|
+
index.h("h3", null, text.taxForm),
|
|
2116
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
|
|
2117
|
+
states.loadingError && (index.h("div", null,
|
|
2118
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$2.classes.ErrorAlertContainer },
|
|
2119
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2120
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
2121
|
+
index.h("br", null),
|
|
2123
2122
|
text.error.loadingErrorAlertDescription))),
|
|
2124
|
-
((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
2125
|
-
index
|
|
2126
|
-
index
|
|
2127
|
-
index
|
|
2123
|
+
((_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 },
|
|
2124
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2125
|
+
index.h("strong", null, text.error.generalTitle),
|
|
2126
|
+
index.h("br", null),
|
|
2128
2127
|
text.error.generalDescription)),
|
|
2129
|
-
index
|
|
2130
|
-
index
|
|
2131
|
-
index
|
|
2132
|
-
index
|
|
2128
|
+
index.h("div", null,
|
|
2129
|
+
index.h("div", null,
|
|
2130
|
+
index.h("h5", { class: classes.BoldText }, global.intl.formatMessage({ id: "tax-form-label", defaultMessage: text.taxFormLabel }, { documentType: documentTypeString })),
|
|
2131
|
+
index.h("p", null, global.intl.formatMessage({
|
|
2133
2132
|
id: "tax-form-description",
|
|
2134
2133
|
defaultMessage: states.documentType === "W9"
|
|
2135
2134
|
? text.taxFormDescription
|
|
@@ -2137,13 +2136,13 @@ const DocusignFormView = (props) => {
|
|
|
2137
2136
|
? text.taxFormDescriptionIndividualParticipant
|
|
2138
2137
|
: text.taxFormDescriptionBusinessEntity,
|
|
2139
2138
|
}, { documentType: documentTypeString }))),
|
|
2140
|
-
index
|
|
2141
|
-
index
|
|
2139
|
+
index.h("div", null, slots.docusignIframeSlot),
|
|
2140
|
+
index.h("div", { class: classes.BtnContainer }, states.showExitButton && (index.h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onExit }, text.exitButton))))));
|
|
2142
2141
|
};
|
|
2143
2142
|
|
|
2144
2143
|
const DocusignForm = class {
|
|
2145
2144
|
constructor(hostRef) {
|
|
2146
|
-
index
|
|
2145
|
+
index.registerInstance(this, hostRef);
|
|
2147
2146
|
this.ignored = true;
|
|
2148
2147
|
/**
|
|
2149
2148
|
* @uiName Setup progress
|
|
@@ -2246,7 +2245,7 @@ const DocusignForm = class {
|
|
|
2246
2245
|
* @uiName Exit button text
|
|
2247
2246
|
*/
|
|
2248
2247
|
this.exitButton = "Exit";
|
|
2249
|
-
stencilHooks_module.h(this);
|
|
2248
|
+
stencilHooks_module.h$1(this);
|
|
2250
2249
|
}
|
|
2251
2250
|
disconnectedCallback() { }
|
|
2252
2251
|
getTextProps() {
|
|
@@ -2265,7 +2264,7 @@ const DocusignForm = class {
|
|
|
2265
2264
|
render() {
|
|
2266
2265
|
const _isDemo = index_module.isDemo();
|
|
2267
2266
|
const props = _isDemo ? useDocusignFormDemo(this) : useDocusignForm(this);
|
|
2268
|
-
const docusignIframeSlot = (index
|
|
2267
|
+
const docusignIframeSlot = (index.h(DocusignIframe, { states: {
|
|
2269
2268
|
status: props.states.docusignStatus,
|
|
2270
2269
|
loading: props.states.loading,
|
|
2271
2270
|
urlLoading: props.states.urlLoading,
|
|
@@ -2274,13 +2273,13 @@ const DocusignForm = class {
|
|
|
2274
2273
|
}, callbacks: {
|
|
2275
2274
|
completeDocument: props.callbacks.completeDocument,
|
|
2276
2275
|
}, text: props.text }));
|
|
2277
|
-
return (index
|
|
2276
|
+
return (index.h(index.Host, null, index.h(DocusignFormView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
|
|
2278
2277
|
docusignIframeSlot: _isDemo
|
|
2279
2278
|
? DemoDocusignIframe({ callbacks: props.callbacks })
|
|
2280
2279
|
: docusignIframeSlot,
|
|
2281
2280
|
} })));
|
|
2282
2281
|
}
|
|
2283
|
-
get el() { return index
|
|
2282
|
+
get el() { return index.getElement(this); }
|
|
2284
2283
|
};
|
|
2285
2284
|
function useDocusignFormDemo(props) {
|
|
2286
2285
|
const setStep = index_module.Sn(TAX_CONTEXT_NAMESPACE);
|
|
@@ -2317,19 +2316,19 @@ function useDocusignFormDemo(props) {
|
|
|
2317
2316
|
}, props.demoData || {}, { arrayMerge: (_, a) => a });
|
|
2318
2317
|
}
|
|
2319
2318
|
const DemoDocusignIframe = ({ callbacks }) => {
|
|
2320
|
-
return (index
|
|
2319
|
+
return (index.h("div", { style: {
|
|
2321
2320
|
width: "100%",
|
|
2322
2321
|
height: "600px",
|
|
2323
2322
|
background: "#fafafa",
|
|
2324
2323
|
display: "flex",
|
|
2325
2324
|
justifyContent: "center",
|
|
2326
2325
|
alignItems: "center",
|
|
2327
|
-
} }, index
|
|
2326
|
+
} }, index.h("div", { style: {
|
|
2328
2327
|
display: "flex",
|
|
2329
2328
|
flexDirection: "column",
|
|
2330
2329
|
gap: "12px",
|
|
2331
2330
|
alignItems: "center",
|
|
2332
|
-
} }, index
|
|
2331
|
+
} }, 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")))));
|
|
2333
2332
|
};
|
|
2334
2333
|
|
|
2335
2334
|
const style$3 = {
|
|
@@ -2462,60 +2461,60 @@ const IndirectTaxFormView = (props) => {
|
|
|
2462
2461
|
var _a;
|
|
2463
2462
|
const { states, states: { formState }, callbacks, text, refs, slots, } = props;
|
|
2464
2463
|
const { classes } = sheet$3;
|
|
2465
|
-
return (index
|
|
2466
|
-
index
|
|
2464
|
+
return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
|
|
2465
|
+
index.h("style", { type: "text/css" },
|
|
2467
2466
|
styleString$3,
|
|
2468
2467
|
vanillaStyle$2),
|
|
2469
|
-
index
|
|
2470
|
-
index
|
|
2471
|
-
!states.hideSteps && (index
|
|
2468
|
+
index.h("div", { class: classes.TextContainer },
|
|
2469
|
+
index.h("div", null,
|
|
2470
|
+
!states.hideSteps && (index.h("p", null,
|
|
2472
2471
|
" ",
|
|
2473
2472
|
global.intl.formatMessage({
|
|
2474
2473
|
id: "formStep",
|
|
2475
2474
|
defaultMessage: text.formStep,
|
|
2476
2475
|
}, { step: states.step, count: FORM_STEPS }))),
|
|
2477
|
-
index
|
|
2478
|
-
index
|
|
2479
|
-
index
|
|
2480
|
-
states.loadingError && (index
|
|
2481
|
-
index
|
|
2482
|
-
index
|
|
2483
|
-
index
|
|
2484
|
-
index
|
|
2476
|
+
index.h("h3", null, text.indirectTax),
|
|
2477
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription),
|
|
2478
|
+
index.h("p", { class: classes.DescriptionText }, text.indirectTaxDescription)),
|
|
2479
|
+
states.loadingError && (index.h("div", null,
|
|
2480
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$3.classes.AlertContainer },
|
|
2481
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2482
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
2483
|
+
index.h("br", null),
|
|
2485
2484
|
text.error.loadingErrorAlertDescription))),
|
|
2486
|
-
((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
2487
|
-
index
|
|
2488
|
-
index
|
|
2489
|
-
index
|
|
2485
|
+
((_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 },
|
|
2486
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2487
|
+
index.h("strong", null, text.error.generalTitle),
|
|
2488
|
+
index.h("br", null),
|
|
2490
2489
|
text.error.generalDescription)),
|
|
2491
|
-
states.isPartner && (index
|
|
2492
|
-
index
|
|
2493
|
-
index
|
|
2494
|
-
index
|
|
2490
|
+
states.isPartner && (index.h("sl-alert", { type: "primary", open: true, class: sheet$3.classes.PartnerAlertContainer, exportparts: "base: alert-base, icon:alert-icon" },
|
|
2491
|
+
index.h("sl-icon", { slot: "icon", name: "info-circle" }),
|
|
2492
|
+
index.h("strong", null, text.isPartnerAlertHeader),
|
|
2493
|
+
index.h("br", null),
|
|
2495
2494
|
text.isPartnerAlertDescription)),
|
|
2496
|
-
index
|
|
2497
|
-
index
|
|
2498
|
-
states.loading ? (index
|
|
2499
|
-
index
|
|
2500
|
-
index
|
|
2501
|
-
index
|
|
2502
|
-
index
|
|
2495
|
+
index.h("div", null,
|
|
2496
|
+
index.h("h4", null, text.indirectTaxDetails))),
|
|
2497
|
+
states.loading ? (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index.h("div", null,
|
|
2498
|
+
index.h("div", { class: classes.RadioContainer },
|
|
2499
|
+
index.h("div", { class: classes.InnerRadioContainer },
|
|
2500
|
+
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 },
|
|
2501
|
+
index.h("div", { class: classes.RadioContent },
|
|
2503
2502
|
text.notRegistered,
|
|
2504
|
-
index
|
|
2505
|
-
index
|
|
2506
|
-
index
|
|
2503
|
+
index.h("p", { class: classes.DescriptionText }, text.notRegisteredSubtext))),
|
|
2504
|
+
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 },
|
|
2505
|
+
index.h("div", { class: classes.RadioContent },
|
|
2507
2506
|
text.otherRegion,
|
|
2508
|
-
index
|
|
2507
|
+
index.h("p", { class: classes.DescriptionText }, text.otherRegionSubtext))),
|
|
2509
2508
|
slots.registeredInDifferentCountryDetailsSlot)),
|
|
2510
|
-
index
|
|
2511
|
-
index
|
|
2509
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: classes.InfoAlert },
|
|
2510
|
+
index.h("sl-icon", { class: classes.InfoWarningIcon, slot: "icon", name: "exclamation-triangle" }),
|
|
2512
2511
|
text.cannotChangeInfoAlert),
|
|
2513
|
-
index
|
|
2514
|
-
index
|
|
2515
|
-
index
|
|
2512
|
+
index.h("div", { class: classes.BtnContainer },
|
|
2513
|
+
index.h("sl-button", { type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
|
|
2514
|
+
index.h("sl-button", { class: classes.SecondaryBtn, type: "text", disabled: states.disabled, onClick: callbacks.onBack, exportparts: "base: secondarybutton-base" }, text.backButton))))));
|
|
2516
2515
|
};
|
|
2517
2516
|
|
|
2518
|
-
const CONNECT_PARTNER =
|
|
2517
|
+
const CONNECT_PARTNER = index_module.dist.gql `
|
|
2519
2518
|
mutation createImpactConnection($vars: ImpactConnectionInput!) {
|
|
2520
2519
|
createImpactConnection(impactConnectionInput: $vars) {
|
|
2521
2520
|
success
|
|
@@ -2751,7 +2750,7 @@ function useIndirectTaxForm(props) {
|
|
|
2751
2750
|
|
|
2752
2751
|
const IndirectTaxForm = class {
|
|
2753
2752
|
constructor(hostRef) {
|
|
2754
|
-
index
|
|
2753
|
+
index.registerInstance(this, hostRef);
|
|
2755
2754
|
/**
|
|
2756
2755
|
* @uiName Setup progress
|
|
2757
2756
|
*/
|
|
@@ -2897,7 +2896,7 @@ const IndirectTaxForm = class {
|
|
|
2897
2896
|
* @uiName Page description
|
|
2898
2897
|
*/
|
|
2899
2898
|
this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
|
|
2900
|
-
stencilHooks_module.h(this);
|
|
2899
|
+
stencilHooks_module.h$1(this);
|
|
2901
2900
|
}
|
|
2902
2901
|
disconnectedCallback() { }
|
|
2903
2902
|
getTextProps() {
|
|
@@ -2932,7 +2931,7 @@ const IndirectTaxForm = class {
|
|
|
2932
2931
|
const props = index_module.isDemo()
|
|
2933
2932
|
? useDemoIndirectTaxForm(this)
|
|
2934
2933
|
: useIndirectTaxForm(this);
|
|
2935
|
-
const registeredInDifferentCountryDetailsSlot = (index
|
|
2934
|
+
const registeredInDifferentCountryDetailsSlot = (index.h(sqmInvoiceTableView.OtherRegionSlotView, { states: {
|
|
2936
2935
|
hide: props.states.formState.checked !== "otherRegion",
|
|
2937
2936
|
disabled: props.states.disabled || props.states.isPartner,
|
|
2938
2937
|
formState: props.slotProps.formState,
|
|
@@ -2944,7 +2943,7 @@ const IndirectTaxForm = class {
|
|
|
2944
2943
|
provinces: props.data.provinces,
|
|
2945
2944
|
allCountries: props.data.allCountries,
|
|
2946
2945
|
}, text: props.text.slotText }));
|
|
2947
|
-
return (index
|
|
2946
|
+
return (index.h(index.Host, null, index.h(IndirectTaxFormView, { callbacks: props.callbacks, states: props.states, refs: props.refs, text: props.text, slots: {
|
|
2948
2947
|
registeredInDifferentCountryDetailsSlot,
|
|
2949
2948
|
} })));
|
|
2950
2949
|
}
|
|
@@ -3034,7 +3033,7 @@ function useDemoIndirectTaxForm(props) {
|
|
|
3034
3033
|
|
|
3035
3034
|
const debug = stencilHooks_module.browser("sq:useInvoiceTable");
|
|
3036
3035
|
const CSS_NAMESPACE = "sqm-invoice-table";
|
|
3037
|
-
const GET_INVOICES =
|
|
3036
|
+
const GET_INVOICES = index_module.dist.gql `
|
|
3038
3037
|
query getUserTaxInfo($limit: Int!, $offset: Int!) {
|
|
3039
3038
|
user: viewer {
|
|
3040
3039
|
... on User {
|
|
@@ -3095,7 +3094,7 @@ function useInvoiceTable(props, emptyElement, loadingElement) {
|
|
|
3095
3094
|
netEarnings: `${invoice.currency}${((_c = (invoice.totalAmount - invoice.totalVatAmount)) === null || _c === void 0 ? void 0 : _c.toFixed(2)) || "0.00"}`,
|
|
3096
3095
|
downloadUrl: invoice.downloadUrl,
|
|
3097
3096
|
};
|
|
3098
|
-
const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(invoiceData, { locale }, index
|
|
3097
|
+
const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(invoiceData, { locale }, index.h)));
|
|
3099
3098
|
const cells = (await Promise.all(cellPromise));
|
|
3100
3099
|
return cells;
|
|
3101
3100
|
});
|
|
@@ -3164,7 +3163,7 @@ async function tryMethod(c, callback) {
|
|
|
3164
3163
|
// renderLabel did not return a promise, so this method probably doesn't exist
|
|
3165
3164
|
// therefore, we IGNORE the label
|
|
3166
3165
|
debug("label promise failed", e);
|
|
3167
|
-
return index
|
|
3166
|
+
return index.h("span", null);
|
|
3168
3167
|
}
|
|
3169
3168
|
try {
|
|
3170
3169
|
return await labelPromise;
|
|
@@ -3174,8 +3173,8 @@ async function tryMethod(c, callback) {
|
|
|
3174
3173
|
// This should not happen so we fail fast
|
|
3175
3174
|
debug("Error rendering label", e);
|
|
3176
3175
|
const userError = useReferralTable.generateUserError(e);
|
|
3177
|
-
return (index
|
|
3178
|
-
index
|
|
3176
|
+
return (index.h("details", null,
|
|
3177
|
+
index.h("summary", null, "Error"),
|
|
3179
3178
|
userError));
|
|
3180
3179
|
}
|
|
3181
3180
|
}
|
|
@@ -3202,7 +3201,7 @@ const getMockData = () => {
|
|
|
3202
3201
|
|
|
3203
3202
|
const InvoiceTable = class {
|
|
3204
3203
|
constructor(hostRef) {
|
|
3205
|
-
index
|
|
3204
|
+
index.registerInstance(this, hostRef);
|
|
3206
3205
|
/**
|
|
3207
3206
|
* Number of invoices displayed per page
|
|
3208
3207
|
*
|
|
@@ -3233,27 +3232,27 @@ const InvoiceTable = class {
|
|
|
3233
3232
|
this.emptyStateHeader = "View your invoice details";
|
|
3234
3233
|
/** @uiName Empty invoice table description */
|
|
3235
3234
|
this.emptyStateText = "Refer a friend to view the status of your invoices and rewards earned";
|
|
3236
|
-
stencilHooks_module.h(this);
|
|
3235
|
+
stencilHooks_module.h$1(this);
|
|
3237
3236
|
}
|
|
3238
3237
|
disconnectedCallback() { }
|
|
3239
3238
|
render() {
|
|
3240
|
-
const empty = (index
|
|
3241
|
-
const loading = index
|
|
3239
|
+
const empty = (index.h(EmptySlot, { emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText }));
|
|
3240
|
+
const loading = index.h(LoadingSlot, null);
|
|
3242
3241
|
const { states, data, callbacks, elements } = index_module.isDemo()
|
|
3243
3242
|
? useInvoiceTableDemo(this, empty, loading)
|
|
3244
3243
|
: useInvoiceTable(this, empty, loading);
|
|
3245
3244
|
reRender.useRequestRerender([this.perPage]);
|
|
3246
|
-
return (index
|
|
3245
|
+
return (index.h(sqmInvoiceTableView.InvoiceTableView, { header: this.header, description: this.description }, index.h(GenericTableView.GenericTableView, { states: states, data: data, callbacks: callbacks, elements: elements })));
|
|
3247
3246
|
}
|
|
3248
3247
|
};
|
|
3249
3248
|
function EmptySlot(props) {
|
|
3250
|
-
return (index
|
|
3249
|
+
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 })));
|
|
3251
3250
|
}
|
|
3252
3251
|
function LoadingSlot() {
|
|
3253
|
-
return (index
|
|
3252
|
+
return (index.h("slot", { name: "loading" }, index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null)));
|
|
3254
3253
|
}
|
|
3255
3254
|
function LoadingRow() {
|
|
3256
|
-
return (index
|
|
3255
|
+
return (index.h("sqm-table-row", null, index.h("sqm-table-cell", { colspan: 6 }, index.h("sl-skeleton", null))));
|
|
3257
3256
|
}
|
|
3258
3257
|
function useInvoiceTableDemo(props, emptyElement, loadingElement) {
|
|
3259
3258
|
const [content, setContent] = stencilHooks_module.useReducer((state, next) => ({
|
|
@@ -3347,9 +3346,9 @@ function useInvoiceTableDemo(props, emptyElement, loadingElement) {
|
|
|
3347
3346
|
|
|
3348
3347
|
const InvoiceTableDataCell = class {
|
|
3349
3348
|
constructor(hostRef) {
|
|
3350
|
-
index
|
|
3349
|
+
index.registerInstance(this, hostRef);
|
|
3351
3350
|
this.ignored = true;
|
|
3352
|
-
stencilHooks_module.h(this);
|
|
3351
|
+
stencilHooks_module.h$1(this);
|
|
3353
3352
|
}
|
|
3354
3353
|
disconnectedCallback() { }
|
|
3355
3354
|
render() {
|
|
@@ -3359,28 +3358,28 @@ const InvoiceTableDataCell = class {
|
|
|
3359
3358
|
|
|
3360
3359
|
const InvoiceTableDataColumn = class {
|
|
3361
3360
|
constructor(hostRef) {
|
|
3362
|
-
index
|
|
3363
|
-
stencilHooks_module.h(this);
|
|
3361
|
+
index.registerInstance(this, hostRef);
|
|
3362
|
+
stencilHooks_module.h$1(this);
|
|
3364
3363
|
}
|
|
3365
3364
|
disconnectedCallback() { }
|
|
3366
3365
|
async renderCell(data) {
|
|
3367
|
-
return (index
|
|
3366
|
+
return (index.h("sqm-invoice-table-data-cell", { data: data[this.property] }));
|
|
3368
3367
|
}
|
|
3369
3368
|
async renderLabel() {
|
|
3370
3369
|
return Promise.resolve(this.columnTitle);
|
|
3371
3370
|
}
|
|
3372
3371
|
render() {
|
|
3373
3372
|
reRender.useRequestRerender([this.columnTitle, this.property]);
|
|
3374
|
-
return (index
|
|
3373
|
+
return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
|
|
3375
3374
|
}
|
|
3376
3375
|
};
|
|
3377
3376
|
|
|
3378
3377
|
const RewardTableDateCell = class {
|
|
3379
3378
|
constructor(hostRef) {
|
|
3380
|
-
index
|
|
3379
|
+
index.registerInstance(this, hostRef);
|
|
3381
3380
|
this.ignored = true;
|
|
3382
3381
|
this.locale = "en";
|
|
3383
|
-
stencilHooks_module.h(this);
|
|
3382
|
+
stencilHooks_module.h$1(this);
|
|
3384
3383
|
}
|
|
3385
3384
|
disconnectedCallback() { }
|
|
3386
3385
|
render() {
|
|
@@ -3394,58 +3393,58 @@ const RewardTableDateCell = class {
|
|
|
3394
3393
|
|
|
3395
3394
|
const InvoiceTableDateColumn = class {
|
|
3396
3395
|
constructor(hostRef) {
|
|
3397
|
-
index
|
|
3398
|
-
stencilHooks_module.h(this);
|
|
3396
|
+
index.registerInstance(this, hostRef);
|
|
3397
|
+
stencilHooks_module.h$1(this);
|
|
3399
3398
|
}
|
|
3400
3399
|
disconnectedCallback() { }
|
|
3401
3400
|
async renderCell(data, options) {
|
|
3402
|
-
return (index
|
|
3401
|
+
return (index.h("sqm-invoice-table-date-cell", { date: data.dateCreated, locale: options === null || options === void 0 ? void 0 : options.locale }));
|
|
3403
3402
|
}
|
|
3404
3403
|
async renderLabel() {
|
|
3405
3404
|
return this.columnTitle;
|
|
3406
3405
|
}
|
|
3407
3406
|
render() {
|
|
3408
3407
|
reRender.useRequestRerender([this.columnTitle]);
|
|
3409
|
-
return (index
|
|
3408
|
+
return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
|
|
3410
3409
|
}
|
|
3411
3410
|
};
|
|
3412
3411
|
|
|
3413
3412
|
const InvoiceTableDownloadCell = class {
|
|
3414
3413
|
constructor(hostRef) {
|
|
3415
|
-
index
|
|
3414
|
+
index.registerInstance(this, hostRef);
|
|
3416
3415
|
this.ignored = true;
|
|
3417
|
-
stencilHooks_module.h(this);
|
|
3416
|
+
stencilHooks_module.h$1(this);
|
|
3418
3417
|
}
|
|
3419
3418
|
disconnectedCallback() { }
|
|
3420
3419
|
render() {
|
|
3421
3420
|
const vanillaStyle = `svg:hover, svg:hover * {
|
|
3422
3421
|
cursor: pointer;
|
|
3423
3422
|
}`;
|
|
3424
|
-
return (index
|
|
3423
|
+
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" }))))));
|
|
3425
3424
|
}
|
|
3426
3425
|
};
|
|
3427
3426
|
|
|
3428
3427
|
const InvoiceTableGenericColumn = class {
|
|
3429
3428
|
constructor(hostRef) {
|
|
3430
|
-
index
|
|
3431
|
-
stencilHooks_module.h(this);
|
|
3429
|
+
index.registerInstance(this, hostRef);
|
|
3430
|
+
stencilHooks_module.h$1(this);
|
|
3432
3431
|
}
|
|
3433
3432
|
disconnectedCallback() { }
|
|
3434
3433
|
async renderCell(data) {
|
|
3435
|
-
return (index
|
|
3434
|
+
return (index.h("sqm-invoice-table-download-cell", { downloadUrl: data.downloadUrl }));
|
|
3436
3435
|
}
|
|
3437
3436
|
async renderLabel() {
|
|
3438
|
-
return index
|
|
3437
|
+
return index.h("span", null);
|
|
3439
3438
|
}
|
|
3440
3439
|
render() {
|
|
3441
|
-
return (index
|
|
3440
|
+
return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
|
|
3442
3441
|
}
|
|
3443
3442
|
};
|
|
3444
3443
|
|
|
3445
|
-
const PayPalIcon = () => (index
|
|
3446
|
-
index
|
|
3447
|
-
index
|
|
3448
|
-
index
|
|
3444
|
+
const PayPalIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "20", viewBox: "0 0 17 20", fill: "none" },
|
|
3445
|
+
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" }),
|
|
3446
|
+
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" }),
|
|
3447
|
+
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" })));
|
|
3449
3448
|
|
|
3450
3449
|
const style$4 = {
|
|
3451
3450
|
CardContainer: {
|
|
@@ -3586,12 +3585,12 @@ function PayoutDetailsCardView(props) {
|
|
|
3586
3585
|
const { classes } = sheet;
|
|
3587
3586
|
const { states, text } = props;
|
|
3588
3587
|
const renderLoadingSkeleton = () => {
|
|
3589
|
-
return (index
|
|
3590
|
-
index
|
|
3591
|
-
index
|
|
3592
|
-
index
|
|
3593
|
-
index
|
|
3594
|
-
index
|
|
3588
|
+
return (index.h("div", { class: classes.CardContainer },
|
|
3589
|
+
index.h("div", { class: classes.StatusContainer },
|
|
3590
|
+
index.h("sl-skeleton", { class: classes.SkeletonOne }),
|
|
3591
|
+
index.h("sl-skeleton", { class: classes.SkeletonTwo })),
|
|
3592
|
+
index.h("sl-skeleton", { class: classes.SkeletonThree }),
|
|
3593
|
+
index.h("sl-skeleton", { class: classes.SkeletonOne })));
|
|
3595
3594
|
};
|
|
3596
3595
|
const renderStatusBadge = (status, statusBadgeText) => {
|
|
3597
3596
|
const badgeType = status === "nextPayout" ? "success" : "primary";
|
|
@@ -3601,7 +3600,7 @@ function PayoutDetailsCardView(props) {
|
|
|
3601
3600
|
}, {
|
|
3602
3601
|
badgeText: status,
|
|
3603
3602
|
});
|
|
3604
|
-
return (index
|
|
3603
|
+
return (index.h("sl-badge", { pill: true, type: badgeType }, statusText));
|
|
3605
3604
|
};
|
|
3606
3605
|
const thresholdText = global.intl.formatMessage({
|
|
3607
3606
|
id: "thresholdText",
|
|
@@ -3609,16 +3608,16 @@ function PayoutDetailsCardView(props) {
|
|
|
3609
3608
|
}, {
|
|
3610
3609
|
thresholdBalance: states.thresholdBalance,
|
|
3611
3610
|
});
|
|
3612
|
-
return (index
|
|
3613
|
-
index
|
|
3614
|
-
states.error && (index
|
|
3615
|
-
index
|
|
3616
|
-
index
|
|
3617
|
-
index
|
|
3611
|
+
return (index.h("div", { class: classes.Container },
|
|
3612
|
+
index.h("style", { type: "text/css" }, styleString),
|
|
3613
|
+
states.error && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: classes.Alert, type: "warning", open: true },
|
|
3614
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
|
|
3615
|
+
index.h("div", { class: classes.AlertContent },
|
|
3616
|
+
index.h("b", null, text.error.errorTitleText),
|
|
3618
3617
|
text.error.errorDescriptionText))),
|
|
3619
|
-
states.loading ? (renderLoadingSkeleton()) : (index
|
|
3620
|
-
index
|
|
3621
|
-
index
|
|
3618
|
+
states.loading ? (renderLoadingSkeleton()) : (index.h("div", { class: classes.CardContainer },
|
|
3619
|
+
index.h("div", { class: classes.StatusContainer },
|
|
3620
|
+
index.h("p", { class: classes.SubduedRegularText }, states.badgeStatus === "thresholdPayout"
|
|
3622
3621
|
? states.thresholdBalance
|
|
3623
3622
|
? thresholdText
|
|
3624
3623
|
: ""
|
|
@@ -3626,11 +3625,11 @@ function PayoutDetailsCardView(props) {
|
|
|
3626
3625
|
states.badgeStatus === "thresholdPayout"
|
|
3627
3626
|
? null
|
|
3628
3627
|
: renderStatusBadge(states.badgeStatus, text.statusBadgeText)),
|
|
3629
|
-
index
|
|
3630
|
-
states.payoutType === "PAYPAL" ? (index
|
|
3631
|
-
index
|
|
3632
|
-
index
|
|
3633
|
-
index
|
|
3628
|
+
index.h("h1", { class: classes.MainCurrency }, states.balance),
|
|
3629
|
+
states.payoutType === "PAYPAL" ? (index.h("div", { class: classes.PaypalDetailsContainer },
|
|
3630
|
+
index.h("span", { class: classes.PaypalEmail }, states.paypalEmailAddress),
|
|
3631
|
+
index.h(PayPalIcon, null))) : (index.h("div", { class: classes.AccountDetailsContainer },
|
|
3632
|
+
index.h("span", null, states.cardNumberPreview
|
|
3634
3633
|
? `${text.accountText} ${states.cardNumberPreview}`
|
|
3635
3634
|
: text.payoutMissingInformationText)))))));
|
|
3636
3635
|
}
|
|
@@ -3695,7 +3694,7 @@ function usePayoutDetailsCard(props) {
|
|
|
3695
3694
|
|
|
3696
3695
|
const PayoutDetailsCard = class {
|
|
3697
3696
|
constructor(hostRef) {
|
|
3698
|
-
index
|
|
3697
|
+
index.registerInstance(this, hostRef);
|
|
3699
3698
|
/**
|
|
3700
3699
|
* Badge text indicating payout status
|
|
3701
3700
|
* @uiName Payout badge status text
|
|
@@ -3726,7 +3725,7 @@ const PayoutDetailsCard = class {
|
|
|
3726
3725
|
* @uiName Payout missing information subtext
|
|
3727
3726
|
*/
|
|
3728
3727
|
this.payoutMissingInformationText = "Missing banking information, go to Impact.com to resolve.";
|
|
3729
|
-
stencilHooks_module.h(this);
|
|
3728
|
+
stencilHooks_module.h$1(this);
|
|
3730
3729
|
}
|
|
3731
3730
|
disconnectedCallback() { }
|
|
3732
3731
|
getTextProps() {
|
|
@@ -3743,7 +3742,7 @@ const PayoutDetailsCard = class {
|
|
|
3743
3742
|
const props = index_module.isDemo()
|
|
3744
3743
|
? useDemoPayoutDetailsCard(this)
|
|
3745
3744
|
: usePayoutDetailsCard(this);
|
|
3746
|
-
return (index
|
|
3745
|
+
return (index.h(index.Host, null, index.h(PayoutDetailsCardView, { text: props.text, states: props.states })));
|
|
3747
3746
|
}
|
|
3748
3747
|
};
|
|
3749
3748
|
function useDemoPayoutDetailsCard(props) {
|
|
@@ -3769,33 +3768,33 @@ function useDemoPayoutDetailsCard(props) {
|
|
|
3769
3768
|
|
|
3770
3769
|
const TableCell = class {
|
|
3771
3770
|
constructor(hostRef) {
|
|
3772
|
-
index
|
|
3771
|
+
index.registerInstance(this, hostRef);
|
|
3773
3772
|
/** @uiName Column span */
|
|
3774
3773
|
this.colspan = 1;
|
|
3775
3774
|
/** @uiName Padding */
|
|
3776
3775
|
this.padding = "15px 10px";
|
|
3777
3776
|
}
|
|
3778
3777
|
render() {
|
|
3779
|
-
return (index
|
|
3778
|
+
return (index.h(index.Host, { style: { display: "contents" } }, index.h("td", { colSpan: this.colspan, style: { padding: this.padding } }, index.h("slot", null))));
|
|
3780
3779
|
}
|
|
3781
3780
|
};
|
|
3782
3781
|
|
|
3783
3782
|
const TableRow = class {
|
|
3784
3783
|
constructor(hostRef) {
|
|
3785
|
-
index
|
|
3784
|
+
index.registerInstance(this, hostRef);
|
|
3786
3785
|
/**
|
|
3787
3786
|
* @uiName Border
|
|
3788
3787
|
*/
|
|
3789
3788
|
this.border = "1px solid #EAEAEA";
|
|
3790
3789
|
}
|
|
3791
3790
|
render() {
|
|
3792
|
-
return (index
|
|
3791
|
+
return (index.h(index.Host, { style: { display: "contents" } }, index.h("tr", { style: { border: this.border } }, index.h("slot", null))));
|
|
3793
3792
|
}
|
|
3794
3793
|
};
|
|
3795
3794
|
|
|
3796
3795
|
function getCurrentStep(user) {
|
|
3797
|
-
var _a;
|
|
3798
|
-
if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected)) {
|
|
3796
|
+
var _a, _b;
|
|
3797
|
+
if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
|
|
3799
3798
|
return "/1";
|
|
3800
3799
|
}
|
|
3801
3800
|
const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, } = user.impactConnection.publisher;
|
|
@@ -3955,7 +3954,7 @@ function useTaxAndCash() {
|
|
|
3955
3954
|
|
|
3956
3955
|
const TaxAndCashMonolith = class {
|
|
3957
3956
|
constructor(hostRef) {
|
|
3958
|
-
index
|
|
3957
|
+
index.registerInstance(this, hostRef);
|
|
3959
3958
|
/*---------------------------------------------------------------------------------
|
|
3960
3959
|
!IMPORTANT!: Make sure to also change the prop names in the respective component
|
|
3961
3960
|
-----------------------------------------------------------------------------------*/
|
|
@@ -4839,7 +4838,7 @@ const TaxAndCashMonolith = class {
|
|
|
4839
4838
|
* @uiGroup General Form Properties
|
|
4840
4839
|
*/
|
|
4841
4840
|
this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
|
|
4842
|
-
stencilHooks_module.h(this);
|
|
4841
|
+
stencilHooks_module.h$1(this);
|
|
4843
4842
|
}
|
|
4844
4843
|
disconnectedCallback() { }
|
|
4845
4844
|
// this field is required prop
|
|
@@ -4870,27 +4869,27 @@ const TaxAndCashMonolith = class {
|
|
|
4870
4869
|
// @ts-ignore
|
|
4871
4870
|
if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
|
|
4872
4871
|
const textProps = utils.getProps(this);
|
|
4873
|
-
return (index
|
|
4872
|
+
return (index.h("div", null, (_b = Object.keys(textProps)) === null || _b === void 0 ? void 0 : _b.map((prop) => {
|
|
4874
4873
|
if (prop === "demoData")
|
|
4875
4874
|
return;
|
|
4876
|
-
return (index
|
|
4875
|
+
return (index.h("div", null, index.h("b", null, prop, ":"), " ", this[prop], index.h("hr", null)));
|
|
4877
4876
|
})));
|
|
4878
4877
|
}
|
|
4879
4878
|
switch (props.step) {
|
|
4880
4879
|
case "/1":
|
|
4881
|
-
return (index
|
|
4880
|
+
return (index.h("sqm-user-info-form", Object.assign({}, this.getGeneralStepTextProps("step1_"))));
|
|
4882
4881
|
case "/2":
|
|
4883
|
-
return (index
|
|
4882
|
+
return (index.h("sqm-indirect-tax-form", Object.assign({}, this.getGeneralStepTextProps("step2_"))));
|
|
4884
4883
|
case "/3":
|
|
4885
|
-
return (index
|
|
4884
|
+
return (index.h("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"))));
|
|
4886
4885
|
case "/4":
|
|
4887
|
-
return (index
|
|
4886
|
+
return (index.h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
|
|
4888
4887
|
case "/dashboard":
|
|
4889
|
-
return (index
|
|
4888
|
+
return (index.h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
|
|
4890
4889
|
case "/error":
|
|
4891
|
-
return (index
|
|
4890
|
+
return (index.h(sqmInvoiceTableView.ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: this.loadingErrorAlertDescription }));
|
|
4892
4891
|
}
|
|
4893
|
-
return index
|
|
4892
|
+
return index.h(sqmInvoiceTableView.LoadingView, null);
|
|
4894
4893
|
}
|
|
4895
4894
|
};
|
|
4896
4895
|
function useDemoTaxAndCash(props) {
|
|
@@ -5071,17 +5070,17 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5071
5070
|
var _a;
|
|
5072
5071
|
const { states, text, callbacks, slots } = props;
|
|
5073
5072
|
const statusMap = {
|
|
5074
|
-
NOT_VERIFIED: (index
|
|
5075
|
-
index
|
|
5076
|
-
index
|
|
5073
|
+
NOT_VERIFIED: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
5074
|
+
index.h("sl-badge", { type: "warning", pill: true }, text.statusTextNotVerified),
|
|
5075
|
+
index.h("p", null, global.intl.formatMessage({
|
|
5077
5076
|
id: `badgeTextAwaitingReview`,
|
|
5078
5077
|
defaultMessage: text.badgeTextAwaitingReview,
|
|
5079
5078
|
}, {
|
|
5080
5079
|
dateSubmitted: states.dateSubmitted,
|
|
5081
5080
|
})))),
|
|
5082
|
-
ACTIVE: (index
|
|
5083
|
-
index
|
|
5084
|
-
index
|
|
5081
|
+
ACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
5082
|
+
index.h("sl-badge", { type: "success", pill: true }, text.statusTextActive),
|
|
5083
|
+
index.h("p", null, global.intl.formatMessage({
|
|
5085
5084
|
id: `badgeTextSubmittedOn`,
|
|
5086
5085
|
defaultMessage: states.documentType === "W9"
|
|
5087
5086
|
? text.badgeTextSubmittedOn
|
|
@@ -5089,14 +5088,14 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5089
5088
|
}, {
|
|
5090
5089
|
dateSubmitted: states.dateSubmitted,
|
|
5091
5090
|
})))),
|
|
5092
|
-
INACTIVE: (index
|
|
5093
|
-
index
|
|
5094
|
-
index
|
|
5091
|
+
INACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
5092
|
+
index.h("sl-badge", { type: "danger", pill: true }, text.statusTextNotActive),
|
|
5093
|
+
index.h("p", null, text.invalidForm))),
|
|
5095
5094
|
};
|
|
5096
5095
|
const alertMap = {
|
|
5097
|
-
INACTIVE: (index
|
|
5098
|
-
index
|
|
5099
|
-
index
|
|
5096
|
+
INACTIVE: (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
|
|
5097
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
5098
|
+
index.h("strong", null, global.intl.formatMessage({
|
|
5100
5099
|
id: `taxAlertHeaderNotActive`,
|
|
5101
5100
|
defaultMessage: states.documentType === "W9"
|
|
5102
5101
|
? text.taxAlertHeaderNotActiveW9
|
|
@@ -5104,7 +5103,7 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5104
5103
|
}, {
|
|
5105
5104
|
documentType: states.documentTypeString,
|
|
5106
5105
|
})),
|
|
5107
|
-
index
|
|
5106
|
+
index.h("br", null),
|
|
5108
5107
|
global.intl.formatMessage({
|
|
5109
5108
|
id: `taxAlertMessage`,
|
|
5110
5109
|
defaultMessage: states.documentType === "W9"
|
|
@@ -5142,71 +5141,71 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5142
5141
|
});
|
|
5143
5142
|
}
|
|
5144
5143
|
};
|
|
5145
|
-
return (index
|
|
5146
|
-
index
|
|
5147
|
-
index
|
|
5148
|
-
states.loadingError && (index
|
|
5149
|
-
index
|
|
5150
|
-
index
|
|
5151
|
-
index
|
|
5152
|
-
index
|
|
5144
|
+
return (index.h("div", null,
|
|
5145
|
+
index.h("div", null,
|
|
5146
|
+
index.h("style", { type: "text/css" }, styleString$4),
|
|
5147
|
+
states.loadingError && (index.h("div", null,
|
|
5148
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
|
|
5149
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
5150
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
5151
|
+
index.h("br", null),
|
|
5153
5152
|
text.error.loadingErrorAlertDescription))),
|
|
5154
|
-
((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
5155
|
-
index
|
|
5156
|
-
index
|
|
5157
|
-
index
|
|
5153
|
+
((_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 },
|
|
5154
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
5155
|
+
index.h("strong", null, text.error.generalTitle),
|
|
5156
|
+
index.h("br", null),
|
|
5158
5157
|
text.error.generalDescription)),
|
|
5159
|
-
states.hasHold && (index
|
|
5160
|
-
index
|
|
5161
|
-
index
|
|
5162
|
-
index
|
|
5158
|
+
states.hasHold && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet$4.classes.HoldAlertContainer },
|
|
5159
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
|
|
5160
|
+
index.h("strong", null, text.payoutHoldAlertHeader),
|
|
5161
|
+
index.h("br", null),
|
|
5163
5162
|
text.payoutHoldAlertDescription)),
|
|
5164
|
-
index
|
|
5165
|
-
index
|
|
5166
|
-
index
|
|
5167
|
-
index
|
|
5163
|
+
index.h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet$4.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
|
|
5164
|
+
index.h("p", null, text.replaceTaxFormModalBodyText),
|
|
5165
|
+
index.h("sl-button", { slot: "footer", type: "primary", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
|
|
5166
|
+
index.h("sl-button", { slot: "footer", type: "default", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormCancel }, text.cancelButton)),
|
|
5168
5167
|
states.status === "INACTIVE" && alertMap[states.status],
|
|
5169
|
-
index
|
|
5170
|
-
index
|
|
5171
|
-
index
|
|
5172
|
-
index
|
|
5168
|
+
index.h("div", null,
|
|
5169
|
+
index.h("h3", null, text.bankingInformationSectionHeader),
|
|
5170
|
+
index.h("p", { class: sheet$4.classes.PageDescriptionText }, text.taxAndPayoutsDescription),
|
|
5171
|
+
index.h("div", { class: sheet$4.classes.BankingInformationContainer },
|
|
5173
5172
|
slots.payoutDetailsCardSlot,
|
|
5174
|
-
!states.loading && (index
|
|
5175
|
-
states.canEditPayoutInfo && (index
|
|
5176
|
-
index
|
|
5177
|
-
index
|
|
5178
|
-
index
|
|
5179
|
-
index
|
|
5180
|
-
index
|
|
5181
|
-
index
|
|
5182
|
-
index
|
|
5183
|
-
index
|
|
5184
|
-
index
|
|
5173
|
+
!states.loading && (index.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
|
|
5174
|
+
states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
|
|
5175
|
+
index.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
|
|
5176
|
+
index.h("div", null, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
|
|
5177
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
|
|
5178
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (index.h("div", null, states.noFormNeeded ? (index.h("div", null,
|
|
5179
|
+
index.h("h3", { class: sheet$4.classes.TaxDocumentsSectionHeaderContainer }, text.taxDocumentSectionHeader),
|
|
5180
|
+
index.h("p", { class: sheet$4.classes.TaxDocSubtext }, text.noFormNeededSubtext))) : (index.h("div", null,
|
|
5181
|
+
index.h("span", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
5182
|
+
index.h("div", { class: sheet$4.classes.StatusContainer },
|
|
5183
|
+
index.h("h3", null, global.intl.formatMessage({
|
|
5185
5184
|
id: "section-subheader",
|
|
5186
5185
|
defaultMessage: text.taxDocumentSectionSubHeader,
|
|
5187
5186
|
}, {
|
|
5188
5187
|
documentType: states.documentTypeString,
|
|
5189
5188
|
})),
|
|
5190
|
-
index
|
|
5191
|
-
states.status !== "NOT_VERIFIED" && (index
|
|
5192
|
-
index
|
|
5193
|
-
index
|
|
5194
|
-
index
|
|
5195
|
-
index
|
|
5189
|
+
index.h("span", { class: sheet$4.classes.StatusAlert }, statusMap[states.status]))),
|
|
5190
|
+
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)))))))),
|
|
5191
|
+
index.h("div", { class: sheet$4.classes.IndirectTaxPreviewContainer }, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
|
|
5192
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
|
|
5193
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (index.h("div", null,
|
|
5194
|
+
index.h("h3", { class: sheet$4.classes.IndirectTaxPreviewHeaderContainer },
|
|
5196
5195
|
text.indirectTaxInfoSectionHeader,
|
|
5197
|
-
index
|
|
5198
|
-
index
|
|
5199
|
-
index
|
|
5200
|
-
index
|
|
5201
|
-
!states.notRegistered && (index
|
|
5202
|
-
index
|
|
5196
|
+
index.h("sl-tooltip", { trigger: "hover", placement: "top", content: text.indirectTaxTooltipSupport, class: sheet$4.classes.TooltipContainer },
|
|
5197
|
+
index.h("sl-icon", { name: "info-circle", class: sheet$4.classes.ToolTip }))),
|
|
5198
|
+
index.h("div", { class: sheet$4.classes.IndirectTaxPreviewDetails },
|
|
5199
|
+
index.h("span", null, states.notRegistered ? (index.h("span", { class: sheet$4.classes.NotRegisteredIndirectTaxText }, text.notRegisteredForTax)) : (getIndirectTaxRegisteredIn())),
|
|
5200
|
+
!states.notRegistered && (index.h("div", { class: sheet$4.classes.TaxNumberContainer },
|
|
5201
|
+
index.h("span", null, global.intl.formatMessage({
|
|
5203
5202
|
id: `indirectTaxDetails`,
|
|
5204
5203
|
defaultMessage: text.indirectTaxDetails,
|
|
5205
5204
|
}, {
|
|
5206
5205
|
indirectTaxType: states.indirectTaxType,
|
|
5207
5206
|
indirectTaxNumber: states.indirectTaxNumber,
|
|
5208
5207
|
})),
|
|
5209
|
-
index
|
|
5208
|
+
index.h("span", null,
|
|
5210
5209
|
states.qstNumber &&
|
|
5211
5210
|
global.intl.formatMessage({
|
|
5212
5211
|
id: `qstNumber`,
|
|
@@ -5221,14 +5220,14 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5221
5220
|
}, {
|
|
5222
5221
|
subRegionTaxNumber: states.subRegionTaxNumber,
|
|
5223
5222
|
})))),
|
|
5224
|
-
!states.notRegistered && (index
|
|
5225
|
-
index
|
|
5226
|
-
index
|
|
5227
|
-
index
|
|
5228
|
-
index
|
|
5229
|
-
index
|
|
5230
|
-
index
|
|
5231
|
-
index
|
|
5223
|
+
!states.notRegistered && (index.h("div", { class: sheet$4.classes.InvoiceTableContainer },
|
|
5224
|
+
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 },
|
|
5225
|
+
index.h("sqm-invoice-table-download-column", null),
|
|
5226
|
+
index.h("sqm-invoice-table-date-column", { "column-title": text.dateColumnTitle }),
|
|
5227
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.invoiceColumnTitle, property: "invoiceId" }),
|
|
5228
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.earningsColumnTitle, property: "earnings" }),
|
|
5229
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.indirectTaxColumnTitle, property: "indirectTax" }),
|
|
5230
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.earningsAfterTaxColumnTitle, property: "netEarnings" })))))))))));
|
|
5232
5231
|
};
|
|
5233
5232
|
|
|
5234
5233
|
function getCountryName(countryCode, locale) {
|
|
@@ -5335,7 +5334,7 @@ const useTaxAndCashDashboard = (props) => {
|
|
|
5335
5334
|
|
|
5336
5335
|
const TaxAndCashDashboard = class {
|
|
5337
5336
|
constructor(hostRef) {
|
|
5338
|
-
index
|
|
5337
|
+
index.registerInstance(this, hostRef);
|
|
5339
5338
|
/**
|
|
5340
5339
|
* @uiName Active tax form badge label
|
|
5341
5340
|
*/
|
|
@@ -5595,7 +5594,7 @@ const TaxAndCashDashboard = class {
|
|
|
5595
5594
|
* @uiName Cancel button label
|
|
5596
5595
|
*/
|
|
5597
5596
|
this.cancelButton = "Cancel";
|
|
5598
|
-
stencilHooks_module.h(this);
|
|
5597
|
+
stencilHooks_module.h$1(this);
|
|
5599
5598
|
}
|
|
5600
5599
|
disconnectedCallback() { }
|
|
5601
5600
|
getTextProps() {
|
|
@@ -5614,8 +5613,8 @@ const TaxAndCashDashboard = class {
|
|
|
5614
5613
|
const props = index_module.isDemo()
|
|
5615
5614
|
? useDemoTaxAndCashDashboard(this)
|
|
5616
5615
|
: useTaxAndCashDashboard(this);
|
|
5617
|
-
return (index
|
|
5618
|
-
payoutDetailsCardSlot: (index
|
|
5616
|
+
return (index.h(index.Host, null, index.h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
|
|
5617
|
+
payoutDetailsCardSlot: (index.h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
|
|
5619
5618
|
} })));
|
|
5620
5619
|
}
|
|
5621
5620
|
};
|
|
@@ -6751,7 +6750,7 @@ const UserInfoFormView = (props) => {
|
|
|
6751
6750
|
id: "bankingCollectionText",
|
|
6752
6751
|
defaultMessage: text.allowBankingCollection,
|
|
6753
6752
|
}, {
|
|
6754
|
-
termsAndConditionsLink: (index
|
|
6753
|
+
termsAndConditionsLink: (index.h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
|
|
6755
6754
|
});
|
|
6756
6755
|
let regionLabel = undefined;
|
|
6757
6756
|
switch (data.regionLabelEnum) {
|
|
@@ -6767,70 +6766,70 @@ const UserInfoFormView = (props) => {
|
|
|
6767
6766
|
default:
|
|
6768
6767
|
regionLabel = text.state;
|
|
6769
6768
|
}
|
|
6770
|
-
return (index
|
|
6771
|
-
index
|
|
6769
|
+
return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
|
|
6770
|
+
index.h("style", { type: "text/css" },
|
|
6772
6771
|
styleString$5,
|
|
6773
6772
|
vanillaStyle$3),
|
|
6774
|
-
states.loadingError && (index
|
|
6775
|
-
index
|
|
6776
|
-
index
|
|
6777
|
-
index
|
|
6778
|
-
index
|
|
6773
|
+
states.loadingError && (index.h("div", null,
|
|
6774
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$5.classes.AlertContainer },
|
|
6775
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
6776
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
6777
|
+
index.h("br", null),
|
|
6779
6778
|
text.error.loadingErrorAlertDescription),
|
|
6780
|
-
index
|
|
6781
|
-
states.loading ? (index
|
|
6782
|
-
index
|
|
6783
|
-
index
|
|
6784
|
-
!states.hideSteps && (index
|
|
6779
|
+
index.h("br", null))),
|
|
6780
|
+
states.loading ? (index.h(sqmInvoiceTableView.GeneralLoadingView, null)) : (index.h("div", null,
|
|
6781
|
+
index.h("div", { class: classes.TextContainer },
|
|
6782
|
+
index.h("div", null,
|
|
6783
|
+
!states.hideSteps && (index.h("p", null, global.intl.formatMessage({
|
|
6785
6784
|
id: "formStep",
|
|
6786
6785
|
defaultMessage: text.formStep,
|
|
6787
6786
|
}, { step: states.step, count: FORM_STEPS }))),
|
|
6788
|
-
index
|
|
6789
|
-
index
|
|
6790
|
-
((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
6791
|
-
index
|
|
6792
|
-
index
|
|
6793
|
-
index
|
|
6787
|
+
index.h("h3", null, text.personalInformation),
|
|
6788
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
|
|
6789
|
+
((_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 },
|
|
6790
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
6791
|
+
index.h("strong", null, text.error.generalTitle),
|
|
6792
|
+
index.h("br", null),
|
|
6794
6793
|
text.error.generalDescription)),
|
|
6795
|
-
(states.isPartner || states.isUser) && (index
|
|
6796
|
-
index
|
|
6797
|
-
index
|
|
6798
|
-
index
|
|
6794
|
+
(states.isPartner || states.isUser) && (index.h("sl-alert", { type: "primary", open: true, class: sheet$5.classes.PartnerAlertContainer, exportparts: "base: alert-base, icon:alert-icon" },
|
|
6795
|
+
index.h("sl-icon", { slot: "icon", name: "info-circle" }),
|
|
6796
|
+
index.h("strong", null, text.isPartnerAlertHeader),
|
|
6797
|
+
index.h("br", null),
|
|
6799
6798
|
text.isPartnerAlertDescription)),
|
|
6800
|
-
index
|
|
6801
|
-
index
|
|
6802
|
-
index
|
|
6799
|
+
index.h("div", null,
|
|
6800
|
+
index.h("div", { class: classes.InputContainer },
|
|
6801
|
+
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) ? {
|
|
6803
6802
|
class: classes.ErrorInput,
|
|
6804
6803
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.firstName, formState.errors.firstName),
|
|
6805
6804
|
}
|
|
6806
6805
|
: {}), { id: "firstName", name: "/firstName", required: true })),
|
|
6807
|
-
index
|
|
6806
|
+
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) ? {
|
|
6808
6807
|
class: classes.ErrorInput,
|
|
6809
6808
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.lastName, formState.errors.lastName),
|
|
6810
6809
|
}
|
|
6811
6810
|
: {}), { id: "lastName", name: "/lastName", required: true })),
|
|
6812
|
-
index
|
|
6813
|
-
index
|
|
6811
|
+
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 }),
|
|
6812
|
+
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) ? {
|
|
6814
6813
|
class: classes.ErrorInput,
|
|
6815
6814
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.country, formState.errors.countryCode),
|
|
6816
6815
|
}
|
|
6817
6816
|
: {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("countryCode", e) }),
|
|
6818
|
-
index
|
|
6817
|
+
index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
|
|
6819
6818
|
// Stop shoelace intercepting key presses
|
|
6820
6819
|
e.stopPropagation();
|
|
6821
6820
|
}, "onSl-input": (e) => {
|
|
6822
6821
|
callbacks.setCountrySearch(e.target.value);
|
|
6823
6822
|
} }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
|
|
6824
|
-
_e.map((c) => (index
|
|
6825
|
-
_f.map((c) => (index
|
|
6826
|
-
index
|
|
6827
|
-
index
|
|
6828
|
-
index
|
|
6829
|
-
index
|
|
6823
|
+
_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 :
|
|
6824
|
+
_f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
|
|
6825
|
+
index.h("div", { class: classes.PhoneInputsSection },
|
|
6826
|
+
index.h("p", null, text.phoneNumber),
|
|
6827
|
+
index.h("div", { class: classes.PhoneInputsContainer },
|
|
6828
|
+
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) ? {
|
|
6830
6829
|
class: classes.ErrorInput,
|
|
6831
6830
|
}
|
|
6832
6831
|
: {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
|
|
6833
|
-
index
|
|
6832
|
+
index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
|
|
6834
6833
|
// Stop shoelace intercepting key presses
|
|
6835
6834
|
e.stopPropagation();
|
|
6836
6835
|
}, "onSl-input": (e) => {
|
|
@@ -6838,17 +6837,17 @@ const UserInfoFormView = (props) => {
|
|
|
6838
6837
|
} }), (_h = data === null || data === void 0 ? void 0 : data.phoneCountries) === null || _h === void 0 ? void 0 :
|
|
6839
6838
|
_h.map((c) => {
|
|
6840
6839
|
var _a, _b;
|
|
6841
|
-
return (index
|
|
6842
|
-
index
|
|
6840
|
+
return (index.h("sl-menu-item", { value: c.countryCode },
|
|
6841
|
+
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 :
|
|
6843
6842
|
_b.dial_code));
|
|
6844
6843
|
}), (_j = data === null || data === void 0 ? void 0 : data.allCountries) === null || _j === void 0 ? void 0 :
|
|
6845
6844
|
_j.map((c) => {
|
|
6846
6845
|
var _a, _b;
|
|
6847
|
-
return (index
|
|
6848
|
-
index
|
|
6846
|
+
return (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
|
|
6847
|
+
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 :
|
|
6849
6848
|
_b.dial_code));
|
|
6850
6849
|
})),
|
|
6851
|
-
index
|
|
6850
|
+
index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, validationError: ({ value }) =>
|
|
6852
6851
|
// Naive phone number validation
|
|
6853
6852
|
sqmInvoiceTableView.validateBillingField(/[a-zA-Z]+/, value) &&
|
|
6854
6853
|
sqmInvoiceTableView.formatErrorMessage(text.phoneNumber, text.error.fieldInvalidError), disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
|
|
@@ -6856,7 +6855,7 @@ const UserInfoFormView = (props) => {
|
|
|
6856
6855
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
|
|
6857
6856
|
}
|
|
6858
6857
|
: {}), { required: true })))),
|
|
6859
|
-
index
|
|
6858
|
+
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 }) =>
|
|
6860
6859
|
// Checks for non-ASCII characters
|
|
6861
6860
|
!sqmInvoiceTableView.validateBillingField(/^[\x20-\xFF]+$/, value) &&
|
|
6862
6861
|
sqmInvoiceTableView.formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
|
|
@@ -6864,7 +6863,7 @@ const UserInfoFormView = (props) => {
|
|
|
6864
6863
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.address, formState.errors.address),
|
|
6865
6864
|
}
|
|
6866
6865
|
: {}), { required: true })),
|
|
6867
|
-
index
|
|
6866
|
+
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 }) =>
|
|
6868
6867
|
// Checks for non-ASCII characters
|
|
6869
6868
|
!sqmInvoiceTableView.validateBillingField(/^[\x20-\xFF]+$/, value) &&
|
|
6870
6869
|
sqmInvoiceTableView.formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
|
|
@@ -6872,41 +6871,41 @@ const UserInfoFormView = (props) => {
|
|
|
6872
6871
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.city, formState.errors.city),
|
|
6873
6872
|
}
|
|
6874
6873
|
: {}), { required: true })),
|
|
6875
|
-
!states.hideState && (index
|
|
6874
|
+
!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) ? {
|
|
6876
6875
|
class: classes.ErrorInput,
|
|
6877
6876
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.state, formState.errors.state),
|
|
6878
6877
|
}
|
|
6879
|
-
: {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index
|
|
6880
|
-
index
|
|
6878
|
+
: {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
|
|
6879
|
+
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) ? {
|
|
6881
6880
|
class: classes.ErrorInput,
|
|
6882
6881
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.postalCode, formState.errors.postalCode),
|
|
6883
6882
|
}
|
|
6884
6883
|
: {}), { required: true })),
|
|
6885
|
-
index
|
|
6884
|
+
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) ? {
|
|
6886
6885
|
class: classes.ErrorInput,
|
|
6887
6886
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.currency, formState.errors.currency),
|
|
6888
6887
|
}
|
|
6889
6888
|
: {}), { required: true, ref: (el) => (refs.currencyRef.current = el) }),
|
|
6890
|
-
index
|
|
6889
|
+
index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCurrencyText, onKeyDown: (e) => {
|
|
6891
6890
|
// Stop shoelace intercepting key presses
|
|
6892
6891
|
e.stopPropagation();
|
|
6893
6892
|
}, "onSl-input": (e) => {
|
|
6894
6893
|
callbacks.setCurrencySearch(e.target.value);
|
|
6895
6894
|
} }), (_s = data === null || data === void 0 ? void 0 : data.currencies) === null || _s === void 0 ? void 0 :
|
|
6896
|
-
_s.map((c) => (index
|
|
6895
|
+
_s.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
|
|
6897
6896
|
c.currencyCode,
|
|
6898
6897
|
" - ",
|
|
6899
6898
|
c.displayName))), (_t = data === null || data === void 0 ? void 0 : data.allCurrencies) === null || _t === void 0 ? void 0 :
|
|
6900
|
-
_t.map((c) => (index
|
|
6899
|
+
_t.map((c) => (index.h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
|
|
6901
6900
|
c.currencyCode,
|
|
6902
6901
|
" - ",
|
|
6903
6902
|
c.displayName)))),
|
|
6904
|
-
index
|
|
6905
|
-
index
|
|
6903
|
+
index.h("div", { class: classes.CheckboxWrapper },
|
|
6904
|
+
index.h("sl-checkbox", { exportparts: "label: input-label, base: input-base", checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
|
|
6906
6905
|
e.target.value = e.target.checked;
|
|
6907
6906
|
}, disabled: states.isPartner ? false : states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
|
|
6908
|
-
((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (index
|
|
6909
|
-
index
|
|
6907
|
+
((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (index.h("p", { class: classes.ErrorText }, sqmInvoiceTableView.formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
|
|
6908
|
+
index.h("sl-button", { type: "primary", disabled: states.isPartner ? false : states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
|
|
6910
6909
|
};
|
|
6911
6910
|
|
|
6912
6911
|
function useUserInfoForm(props) {
|
|
@@ -7106,7 +7105,7 @@ function useUserInfoForm(props) {
|
|
|
7106
7105
|
|
|
7107
7106
|
const TaxForm = class {
|
|
7108
7107
|
constructor(hostRef) {
|
|
7109
|
-
index
|
|
7108
|
+
index.registerInstance(this, hostRef);
|
|
7110
7109
|
this.ignored = true;
|
|
7111
7110
|
/**
|
|
7112
7111
|
* @uiName First name field label
|
|
@@ -7254,7 +7253,7 @@ const TaxForm = class {
|
|
|
7254
7253
|
* @uiName Page description
|
|
7255
7254
|
*/
|
|
7256
7255
|
this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
|
|
7257
|
-
stencilHooks_module.h(this);
|
|
7256
|
+
stencilHooks_module.h$1(this);
|
|
7258
7257
|
}
|
|
7259
7258
|
disconnectedCallback() { }
|
|
7260
7259
|
getTextProps() {
|
|
@@ -7274,7 +7273,7 @@ const TaxForm = class {
|
|
|
7274
7273
|
}
|
|
7275
7274
|
render() {
|
|
7276
7275
|
const props = index_module.isDemo() ? useDemoUserInfoForm(this) : useUserInfoForm(this);
|
|
7277
|
-
return (index
|
|
7276
|
+
return (index.h(index.Host, null, index.h(UserInfoFormView, { data: props.data,
|
|
7278
7277
|
// @ts-ignore
|
|
7279
7278
|
states: props.states, callbacks: {
|
|
7280
7279
|
...props.callbacks,
|