@saasquatch/mint-components 1.12.0-7 → 1.12.0-9
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 +452 -415
- package/dist/cjs/sqm-big-stat_39.cjs.entry.js +112 -127
- package/dist/cjs/sqm-close-button.cjs.entry.js +3 -3
- package/dist/cjs/sqm-code-verification.cjs.entry.js +6 -10
- 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-c58966f8.js} +41 -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 +11 -12
- 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/usePayoutStatus-b9fb7399.js +70 -0
- 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-code-verification/useCodeVerification.js +0 -3
- package/dist/collection/components/sqm-widget-verification/sqm-widget-verification-internal.js +2 -2
- package/dist/collection/components/tax-and-cash/TaxForm.stories.js +40 -0
- 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 +36 -3
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +53 -1
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js +18 -13
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/data.js +1 -0
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.js +2 -2
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +11 -0
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js +90 -1
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.js +6 -0
- 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 +49 -12
- package/dist/esm/sqm-big-stat_39.entry.js +57 -72
- package/dist/esm/sqm-close-button.entry.js +2 -2
- package/dist/esm/sqm-code-verification.entry.js +4 -8
- 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-d1cfdaf4.js} +41 -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 +4 -5
- 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/usePayoutStatus-1a635054.js +67 -0
- 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-d1cfdaf4.js +1 -0
- 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/usePayoutStatus-1a635054.js +1 -0
- 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-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-126a4f24.entry.js → p-24092973.entry.js} +2 -2
- 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-331d060e.entry.js +223 -0
- 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-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-4bd7a472.js +1 -0
- 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-517224ef.js +19 -0
- 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-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-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-8300d8c8.system.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-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-8bddb468.system.entry.js +1 -0
- 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-b62faaa5.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-0aebee07.entry.js → p-c05e7b9f.entry.js} +12 -11
- 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-a60ec391.system.entry.js → p-c7057066.system.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-ca809fdd.system.js +1 -0
- 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-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-e990dc21.system.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-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/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 +3 -0
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts +8 -0
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.d.ts +3 -0
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash/data.d.ts +1 -0
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.d.ts +7 -0
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.d.ts +17 -0
- package/dist/types/components.d.ts +50 -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/sqm-invoice-table-view-22bb7240.js +0 -1
- 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-0e2d876d.entry.js +0 -240
- 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-22b7bd75.system.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-2b5b2586.system.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-4a43ffbd.js +0 -1
- 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-55fe2ec0.system.entry.js +0 -1
- package/dist/mint-components/p-65de8fb2.js +0 -1
- package/dist/mint-components/p-6fb496ac.entry.js +0 -12
- 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-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-e05ff098.system.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,23 +2,23 @@
|
|
|
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-c58966f8.js');
|
|
21
20
|
const keys = require('./keys-cff24974.js');
|
|
21
|
+
const usePayoutStatus = require('./usePayoutStatus-b9fb7399.js');
|
|
22
22
|
const extractProps = require('./extractProps-fd93ba62.js');
|
|
23
23
|
|
|
24
24
|
const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
|
|
@@ -31,7 +31,7 @@ const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
|
|
|
31
31
|
const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
|
|
32
32
|
const CURRENCIES_NAMESPACE = "sq:currencies:list";
|
|
33
33
|
const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
|
|
34
|
-
const GET_USER =
|
|
34
|
+
const GET_USER = index_module.dist.gql `
|
|
35
35
|
query getUserTaxInfo {
|
|
36
36
|
user: viewer {
|
|
37
37
|
... on User {
|
|
@@ -89,6 +89,7 @@ const GET_USER = index.dist.gql `
|
|
|
89
89
|
}
|
|
90
90
|
payoutsAccount {
|
|
91
91
|
hold
|
|
92
|
+
holdReasons
|
|
92
93
|
balance
|
|
93
94
|
}
|
|
94
95
|
}
|
|
@@ -97,7 +98,7 @@ const GET_USER = index.dist.gql `
|
|
|
97
98
|
}
|
|
98
99
|
}
|
|
99
100
|
`;
|
|
100
|
-
const GET_COUNTRIES =
|
|
101
|
+
const GET_COUNTRIES = index_module.dist.gql `
|
|
101
102
|
query getCountries {
|
|
102
103
|
impactPayoutCountries(limit: 1000) {
|
|
103
104
|
data {
|
|
@@ -107,7 +108,7 @@ const GET_COUNTRIES = index.dist.gql `
|
|
|
107
108
|
}
|
|
108
109
|
}
|
|
109
110
|
`;
|
|
110
|
-
const GET_CURRENCIES =
|
|
111
|
+
const GET_CURRENCIES = index_module.dist.gql `
|
|
111
112
|
query currencies($locale: RSLocale) {
|
|
112
113
|
currencies(limit: 300) {
|
|
113
114
|
data {
|
|
@@ -117,7 +118,7 @@ const GET_CURRENCIES = index.dist.gql `
|
|
|
117
118
|
}
|
|
118
119
|
}
|
|
119
120
|
`;
|
|
120
|
-
const GET_FINANCE_NETWORK_SETTINGS =
|
|
121
|
+
const GET_FINANCE_NETWORK_SETTINGS = index_module.dist.gql `
|
|
121
122
|
query impactFinanceNetworkSettings(
|
|
122
123
|
$filter: ImpactFinanceNetworkSettingsFilterInput
|
|
123
124
|
) {
|
|
@@ -143,7 +144,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
143
144
|
const { errors, ...formState } = props.states.formState;
|
|
144
145
|
return {
|
|
145
146
|
0: {
|
|
146
|
-
input: (index
|
|
147
|
+
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
148
|
class: "error-input",
|
|
148
149
|
helpText: getValidationErrorMessage({
|
|
149
150
|
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 +153,18 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
152
153
|
})))),
|
|
153
154
|
},
|
|
154
155
|
1: {
|
|
155
|
-
input: (index
|
|
156
|
+
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
157
|
class: "error-input",
|
|
157
158
|
helpText: getValidationErrorMessage({
|
|
158
159
|
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
160
|
label: props.text.bankAccountTypeLabel,
|
|
160
161
|
}),
|
|
161
162
|
})),
|
|
162
|
-
index
|
|
163
|
-
index
|
|
163
|
+
index.h("sl-menu-item", { value: "CHECKING" }, props.text.checkingSelectItemLabel),
|
|
164
|
+
index.h("sl-menu-item", { value: "SAVINGS" }, props.text.savingsSelectItemLabel))),
|
|
164
165
|
},
|
|
165
166
|
2: {
|
|
166
|
-
input: (index
|
|
167
|
+
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
168
|
class: "error-input",
|
|
168
169
|
helpText: getValidationErrorMessage({
|
|
169
170
|
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 +173,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
172
173
|
})))),
|
|
173
174
|
},
|
|
174
175
|
3: {
|
|
175
|
-
input: (index
|
|
176
|
+
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
177
|
class: "error-input",
|
|
177
178
|
helpText: getValidationErrorMessage({
|
|
178
179
|
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 +182,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
181
182
|
})))),
|
|
182
183
|
},
|
|
183
184
|
4: {
|
|
184
|
-
input: (index
|
|
185
|
+
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
186
|
class: "error-input",
|
|
186
187
|
helpText: getValidationErrorMessage({
|
|
187
188
|
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 +191,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
190
191
|
})))),
|
|
191
192
|
},
|
|
192
193
|
5: {
|
|
193
|
-
input: (index
|
|
194
|
+
input: (index.h("sl-input", Object.assign({ required: true, label: global.intl.formatMessage({
|
|
194
195
|
id: "routingCodeText",
|
|
195
196
|
defaultMessage: props.text.routingCodeLabel,
|
|
196
197
|
}, {
|
|
@@ -209,7 +210,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
209
210
|
})))),
|
|
210
211
|
},
|
|
211
212
|
6: {
|
|
212
|
-
input: (index
|
|
213
|
+
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
214
|
class: "error-input",
|
|
214
215
|
helpText: getValidationErrorMessage({
|
|
215
216
|
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 +220,17 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
219
220
|
},
|
|
220
221
|
7: {
|
|
221
222
|
input: [
|
|
222
|
-
index
|
|
223
|
+
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
224
|
class: "error-input",
|
|
224
225
|
helpText: getValidationErrorMessage({
|
|
225
226
|
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
227
|
label: props.text.classificationLabel,
|
|
227
228
|
}),
|
|
228
229
|
})),
|
|
229
|
-
index
|
|
230
|
-
index
|
|
231
|
-
index
|
|
232
|
-
index
|
|
230
|
+
index.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
|
|
231
|
+
index.h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
|
|
232
|
+
index.h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel)),
|
|
233
|
+
index.h("sl-input", Object.assign({ required: true, label: global.intl.formatMessage({
|
|
233
234
|
id: "fxWireText",
|
|
234
235
|
defaultMessage: props.text.taxPayerIdLabel,
|
|
235
236
|
}, {
|
|
@@ -244,18 +245,18 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
244
245
|
],
|
|
245
246
|
},
|
|
246
247
|
8: {
|
|
247
|
-
input: (index
|
|
248
|
+
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
249
|
class: "error-input",
|
|
249
250
|
helpText: getValidationErrorMessage({
|
|
250
251
|
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
252
|
label: props.text.classificationCPFLabel,
|
|
252
253
|
}),
|
|
253
254
|
})),
|
|
254
|
-
index
|
|
255
|
-
index
|
|
255
|
+
index.h("sl-menu-item", { value: "CPF" }, "CPF"),
|
|
256
|
+
index.h("sl-menu-item", { value: "CNPJ" }, "CNPJ"))),
|
|
256
257
|
},
|
|
257
258
|
9: {
|
|
258
|
-
input: (index
|
|
259
|
+
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
260
|
class: "error-input",
|
|
260
261
|
helpText: getValidationErrorMessage({
|
|
261
262
|
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 +265,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
264
265
|
})))),
|
|
265
266
|
},
|
|
266
267
|
10: {
|
|
267
|
-
input: (index
|
|
268
|
+
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
269
|
class: "error-input",
|
|
269
270
|
helpText: getValidationErrorMessage({
|
|
270
271
|
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 +274,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
273
274
|
})))),
|
|
274
275
|
},
|
|
275
276
|
11: {
|
|
276
|
-
input: (index
|
|
277
|
+
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
278
|
class: "error-input",
|
|
278
279
|
helpText: getValidationErrorMessage({
|
|
279
280
|
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 +284,28 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
283
284
|
},
|
|
284
285
|
12: {
|
|
285
286
|
input: [
|
|
286
|
-
index
|
|
287
|
+
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
288
|
class: "error-input",
|
|
288
289
|
helpText: getValidationErrorMessage({
|
|
289
290
|
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
291
|
label: props.text.bankAddressLabel,
|
|
291
292
|
}),
|
|
292
293
|
}))),
|
|
293
|
-
index
|
|
294
|
+
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
295
|
class: "error-input",
|
|
295
296
|
helpText: getValidationErrorMessage({
|
|
296
297
|
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
298
|
label: props.text.bankCityLabel,
|
|
298
299
|
}),
|
|
299
300
|
}))),
|
|
300
|
-
index
|
|
301
|
+
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
302
|
class: "error-input",
|
|
302
303
|
helpText: getValidationErrorMessage({
|
|
303
304
|
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
305
|
label: props.text.bankStateLabel,
|
|
305
306
|
}),
|
|
306
307
|
}))),
|
|
307
|
-
index
|
|
308
|
+
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
309
|
class: "error-input",
|
|
309
310
|
helpText: getValidationErrorMessage({
|
|
310
311
|
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 +315,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
314
315
|
],
|
|
315
316
|
},
|
|
316
317
|
13: {
|
|
317
|
-
input: (index
|
|
318
|
+
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
319
|
class: "error-input",
|
|
319
320
|
helpText: getValidationErrorMessage({
|
|
320
321
|
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 +324,16 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
323
324
|
})))),
|
|
324
325
|
},
|
|
325
326
|
14: {
|
|
326
|
-
input: (index
|
|
327
|
+
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
328
|
class: "error-input",
|
|
328
329
|
helpText: getValidationErrorMessage({
|
|
329
330
|
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
331
|
label: props.text.classificationLabel,
|
|
331
332
|
}),
|
|
332
333
|
})),
|
|
333
|
-
index
|
|
334
|
-
index
|
|
335
|
-
index
|
|
334
|
+
index.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
|
|
335
|
+
index.h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
|
|
336
|
+
index.h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel))),
|
|
336
337
|
},
|
|
337
338
|
};
|
|
338
339
|
}
|
|
@@ -830,80 +831,80 @@ const BankingInfoFormView = (props) => {
|
|
|
830
831
|
gap: "8px",
|
|
831
832
|
};
|
|
832
833
|
if (checkedValue === undefined) {
|
|
833
|
-
return (index
|
|
834
|
-
index
|
|
835
|
-
index
|
|
836
|
-
index
|
|
837
|
-
index
|
|
838
|
-
index
|
|
839
|
-
index
|
|
840
|
-
index
|
|
834
|
+
return (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column", gap: "16px" } },
|
|
835
|
+
index.h("div", { class: classes.SmallSkeleton }),
|
|
836
|
+
index.h("div", { style: { ...flexBoxStyle, flexDirection: "row" } },
|
|
837
|
+
index.h("div", { class: classes.CheckboxSkeleton }),
|
|
838
|
+
index.h("div", { class: classes.SmallSkeleton })),
|
|
839
|
+
index.h("div", { style: { ...flexBoxStyle, flexDirection: "row" } },
|
|
840
|
+
index.h("div", { class: classes.CheckboxSkeleton }),
|
|
841
|
+
index.h("div", { class: classes.SmallSkeleton }))));
|
|
841
842
|
}
|
|
842
843
|
if (checkedValue === "toPayPalAccount") {
|
|
843
|
-
return (index
|
|
844
|
-
index
|
|
845
|
-
index
|
|
844
|
+
return (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column" } },
|
|
845
|
+
index.h("div", { class: classes.SmallSkeleton }),
|
|
846
|
+
index.h("div", { class: classes.LargeSkeleton })));
|
|
846
847
|
}
|
|
847
|
-
const skeletons = inputNumArray.map((_, idx) => (index
|
|
848
|
-
index
|
|
849
|
-
index
|
|
848
|
+
const skeletons = inputNumArray.map((_, idx) => (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column" }, key: idx },
|
|
849
|
+
index.h("div", { class: classes.SmallSkeleton }),
|
|
850
|
+
index.h("div", { class: classes.LargeSkeleton }))));
|
|
850
851
|
return skeletons;
|
|
851
852
|
};
|
|
852
|
-
return (index
|
|
853
|
-
index
|
|
853
|
+
return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
|
|
854
|
+
index.h("style", { type: "text/css" },
|
|
854
855
|
styleString,
|
|
855
856
|
vanillaStyle),
|
|
856
|
-
index
|
|
857
|
-
index
|
|
858
|
-
!states.hideSteps && (index
|
|
857
|
+
index.h("div", { class: classes.TextContainer },
|
|
858
|
+
index.h("div", null,
|
|
859
|
+
!states.hideSteps && (index.h("p", null, global.intl.formatMessage({
|
|
859
860
|
id: "formStep",
|
|
860
861
|
defaultMessage: text.formStep,
|
|
861
862
|
}, { 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
|
|
863
|
+
index.h("h3", { style: { fontSize: "24px" } }, text.taxAndPayouts),
|
|
864
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription)),
|
|
865
|
+
((_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 },
|
|
866
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
867
|
+
index.h("strong", null, text.error.generalTitle),
|
|
868
|
+
index.h("br", null),
|
|
868
869
|
text.error.generalDescription)),
|
|
869
|
-
states.isPartner && !states.hideSteps && (index
|
|
870
|
-
index
|
|
871
|
-
index
|
|
872
|
-
index
|
|
870
|
+
states.isPartner && !states.hideSteps && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: sheet.classes.PartnerAlertContainer },
|
|
871
|
+
index.h("sl-icon", { slot: "icon", name: "info-circle" }),
|
|
872
|
+
index.h("strong", null, text.isPartnerAlertHeader),
|
|
873
|
+
index.h("br", null),
|
|
873
874
|
text.isPartnerAlertDescription)),
|
|
874
|
-
index
|
|
875
|
-
index
|
|
876
|
-
index
|
|
877
|
-
index
|
|
878
|
-
index
|
|
879
|
-
states.hasPayPal && (index
|
|
880
|
-
formState.paymentMethodChecked === "toBankAccount" && (index
|
|
875
|
+
index.h("div", null,
|
|
876
|
+
index.h("h4", null, text.paymentMethod),
|
|
877
|
+
index.h("p", { class: classes.DescriptionText }, text.paymentMethodSubtext))),
|
|
878
|
+
index.h("div", null,
|
|
879
|
+
index.h("div", { class: classes.CheckboxContainer }, states.loading && formState.paymentMethodChecked === undefined ? (getLoadingSkeleton(undefined)) : (index.h("div", { class: classes.RadioContainer },
|
|
880
|
+
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)),
|
|
881
|
+
formState.paymentMethodChecked === "toBankAccount" && (index.h("div", { class: classes.InputContainer, style: states.hideBanking ? { display: "none" } : {} }, states.loading
|
|
881
882
|
? getLoadingSkeleton("toBankAccount", slots.formInputsSlot.length + 3)
|
|
882
883
|
: [
|
|
883
884
|
slots.countryInputSlot,
|
|
884
885
|
slots.paymentMethodSlot,
|
|
885
886
|
slots.formInputsSlot,
|
|
886
887
|
])),
|
|
887
|
-
states.hasPayPal && (index
|
|
888
|
+
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
889
|
id: "paypal-input-label",
|
|
889
890
|
defaultMessage: text.toPayPalAccount,
|
|
890
891
|
}, { feeCap: states.feeCap }))),
|
|
891
|
-
formState.paymentMethodChecked === "toPayPalAccount" && (index
|
|
892
|
+
formState.paymentMethodChecked === "toPayPalAccount" && (index.h("div", { class: classes.InputContainer, style: states.hidePayPal ? { display: "none" } : {} }, states.loading
|
|
892
893
|
? getLoadingSkeleton("toPayPalAccount")
|
|
893
894
|
: slots.paypalInputSlot)),
|
|
894
|
-
index
|
|
895
|
-
index
|
|
896
|
-
index
|
|
897
|
-
formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (index
|
|
895
|
+
index.h("div", { style: { paddingTop: "24px", paddingBottom: "12px" } },
|
|
896
|
+
index.h("h4", null, text.paymentSchedule)),
|
|
897
|
+
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),
|
|
898
|
+
formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (index.h("div", { class: classes.InputContainer, style: states.hideBalanceThreshold ? { display: "none" } : {} }, states.loading
|
|
898
899
|
? getLoadingSkeleton("toPayPalAccount")
|
|
899
900
|
: slots.paymentThresholdSelectSlot)),
|
|
900
|
-
index
|
|
901
|
-
formState.paymentScheduleChecked === "FIXED_DAY" && (index
|
|
901
|
+
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),
|
|
902
|
+
formState.paymentScheduleChecked === "FIXED_DAY" && (index.h("div", { class: classes.InputContainer, style: states.hideFixedDay ? { display: "none" } : {} }, states.loading
|
|
902
903
|
? getLoadingSkeleton("toPayPalAccount")
|
|
903
904
|
: slots.paymentFixedDaySelectSlot))))),
|
|
904
|
-
index
|
|
905
|
-
index
|
|
906
|
-
!states.hideBackButton && (index
|
|
905
|
+
index.h("div", { class: classes.BtnContainer },
|
|
906
|
+
index.h("sl-button", { type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
|
|
907
|
+
!states.hideBackButton && (index.h("sl-button", { exportparts: "base: secondarybutton-base", class: classes.SecondaryBtn, type: "text", onClick: callbacks.onBack }, text.backButton))))));
|
|
907
908
|
};
|
|
908
909
|
|
|
909
910
|
// Hardcoded in Impact backend
|
|
@@ -937,7 +938,7 @@ function getFormInputs({ bitset, formMap }) {
|
|
|
937
938
|
}, []);
|
|
938
939
|
return inputFields;
|
|
939
940
|
}
|
|
940
|
-
const SAVE_WITHDRAWAL_SETTINGS =
|
|
941
|
+
const SAVE_WITHDRAWAL_SETTINGS = index_module.dist.gql `
|
|
941
942
|
mutation setImpactPublisherWithdrawalSettings(
|
|
942
943
|
$setImpactPublisherWithdrawalSettingsInput: SetImpactPublisherWithdrawalSettingsInput!
|
|
943
944
|
) {
|
|
@@ -952,7 +953,7 @@ const SAVE_WITHDRAWAL_SETTINGS = index.dist.gql `
|
|
|
952
953
|
}
|
|
953
954
|
}
|
|
954
955
|
`;
|
|
955
|
-
const UPDATE_WITHDRAWAL_SETTINGS =
|
|
956
|
+
const UPDATE_WITHDRAWAL_SETTINGS = index_module.dist.gql `
|
|
956
957
|
mutation updateImpactPublisherWithdrawalSettings(
|
|
957
958
|
$updateImpactPublisherWithdrawalSettingsInput: UpdateImpactPublisherWithdrawalSettingsInput!
|
|
958
959
|
) {
|
|
@@ -1261,7 +1262,7 @@ function useBankingInfoForm(props) {
|
|
|
1261
1262
|
|
|
1262
1263
|
const BankingInfoForm = class {
|
|
1263
1264
|
constructor(hostRef) {
|
|
1264
|
-
index
|
|
1265
|
+
index.registerInstance(this, hostRef);
|
|
1265
1266
|
this.ignored = true;
|
|
1266
1267
|
/**
|
|
1267
1268
|
* @uiName Setup progress
|
|
@@ -1502,7 +1503,7 @@ const BankingInfoForm = class {
|
|
|
1502
1503
|
* @uiWidget textArea
|
|
1503
1504
|
*/
|
|
1504
1505
|
this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact Support.";
|
|
1505
|
-
stencilHooks_module.h(this);
|
|
1506
|
+
stencilHooks_module.h$1(this);
|
|
1506
1507
|
}
|
|
1507
1508
|
disconnectedCallback() { }
|
|
1508
1509
|
getTextProps() {
|
|
@@ -1559,42 +1560,42 @@ const BankingInfoForm = class {
|
|
|
1559
1560
|
},
|
|
1560
1561
|
};
|
|
1561
1562
|
if (props.states.isPartner && props.states.showVerification) {
|
|
1562
|
-
return (index
|
|
1563
|
+
return (index.h("sqm-code-verification", { onVerification: props.callbacks.onVerification }));
|
|
1563
1564
|
}
|
|
1564
|
-
return (index
|
|
1565
|
+
return (index.h(index.Host, null, index.h(BankingInfoFormView, { callbacks: props.callbacks, text: props.text, states: props.states, refs: props.refs, slots: {
|
|
1565
1566
|
formInputsSlot: inputFields === null || inputFields === void 0 ? void 0 : inputFields.map(({ input }) => input),
|
|
1566
|
-
countryInputSlot: (index
|
|
1567
|
+
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
1568
|
class: "error-input",
|
|
1568
1569
|
helpText: getValidationErrorMessage({
|
|
1569
1570
|
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
1571
|
label: props.text.bankLocationLabel,
|
|
1571
1572
|
}),
|
|
1572
|
-
})), index
|
|
1573
|
+
})), index.h("sl-input", { class: searchStyle.SearchInput, placeholder: this.searchForCountryText, onKeyDown: (e) => {
|
|
1573
1574
|
// Stop shoelace intercepting key presses
|
|
1574
1575
|
e.stopPropagation();
|
|
1575
1576
|
}, "onSl-input": (e) => {
|
|
1576
1577
|
props.callbacks.setCountrySearch(e.target.value);
|
|
1577
1578
|
} }), (_d = props.states.countries) === null || _d === void 0 ? void 0 :
|
|
1578
1579
|
_d.map((country) => {
|
|
1579
|
-
return (index
|
|
1580
|
+
return (index.h("sl-menu-item", { value: country.countryCode }, country.displayName));
|
|
1580
1581
|
}), (_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
|
|
1582
|
+
_f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName))))),
|
|
1583
|
+
paymentMethodSlot: (index.h("sl-input", { key: "paymentMethod", label: props.text.paymentMethod, placeholder: props.states.paymentMethodFeeLabel, disabled: true })),
|
|
1584
|
+
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
1585
|
class: "error-input",
|
|
1585
1586
|
helpText: getValidationErrorMessage({
|
|
1586
1587
|
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
1588
|
label: props.text.paymentThresholdSelectLabel,
|
|
1588
1589
|
}),
|
|
1589
|
-
})), props.states.thresholds.map((t) => (index
|
|
1590
|
-
paymentFixedDaySelectSlot: (index
|
|
1590
|
+
})), props.states.thresholds.map((t) => (index.h("sl-menu-item", { value: t }, `${props.states.currency}${t}`))))),
|
|
1591
|
+
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
1592
|
class: "error-input",
|
|
1592
1593
|
helpText: getValidationErrorMessage({
|
|
1593
1594
|
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
1595
|
label: props.text.paymentDaySelectLabel,
|
|
1595
1596
|
}),
|
|
1596
|
-
})), index
|
|
1597
|
-
paypalInputSlot: (index
|
|
1597
|
+
})), index.h("sl-menu-item", { value: "1" }, props.text.paymentDayFirstOfMonthLabelText), index.h("sl-menu-item", { value: "15" }, props.text.paymentDayFifteenthOfMonthLabelText))),
|
|
1598
|
+
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
1599
|
class: "error-input",
|
|
1599
1600
|
helpText: getValidationErrorMessage({
|
|
1600
1601
|
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 +1703,7 @@ function useDemoBankingInfoForm(props) {
|
|
|
1702
1703
|
}, props.demoData || {}, { arrayMerge: (_, a) => a });
|
|
1703
1704
|
}
|
|
1704
1705
|
|
|
1705
|
-
const GET_TAX_DOCUMENT =
|
|
1706
|
+
const GET_TAX_DOCUMENT = index_module.dist.gql `
|
|
1706
1707
|
mutation createImpactPublisherTaxDocument(
|
|
1707
1708
|
$vars: CreateImpactPublisherTaxDocumentInput!
|
|
1708
1709
|
) {
|
|
@@ -1713,7 +1714,7 @@ const GET_TAX_DOCUMENT = index.dist.gql `
|
|
|
1713
1714
|
}
|
|
1714
1715
|
}
|
|
1715
1716
|
`;
|
|
1716
|
-
const COMPLETE_TAX_DOCUMENT =
|
|
1717
|
+
const COMPLETE_TAX_DOCUMENT = index_module.dist.gql `
|
|
1717
1718
|
mutation completeImpactPublisherTaxDocument($vars: UserIdInput!) {
|
|
1718
1719
|
completeImpactPublisherTaxDocument(user: $vars) {
|
|
1719
1720
|
success
|
|
@@ -1889,39 +1890,39 @@ const styleString$1 = sheet$1.toString();
|
|
|
1889
1890
|
const DocusignExpiredView = (props) => {
|
|
1890
1891
|
const { classes } = sheet$1;
|
|
1891
1892
|
const { text } = props;
|
|
1892
|
-
return (index
|
|
1893
|
-
index
|
|
1894
|
-
index
|
|
1895
|
-
index
|
|
1893
|
+
return (index.h("div", null,
|
|
1894
|
+
index.h("style", { type: "text/css" }, styleString$1),
|
|
1895
|
+
index.h("div", { class: classes.DocusignStatusContainer },
|
|
1896
|
+
index.h("sl-icon", { style: {
|
|
1896
1897
|
width: "50px",
|
|
1897
1898
|
height: "50px",
|
|
1898
1899
|
color: "var(--sl-color-neutral-500)",
|
|
1899
1900
|
}, name: "clock" }),
|
|
1900
|
-
index
|
|
1901
|
-
index
|
|
1902
|
-
index
|
|
1901
|
+
index.h("div", { class: classes.MessageContainer },
|
|
1902
|
+
index.h("p", { style: { margin: "0" } }, text.docusignExpired)),
|
|
1903
|
+
index.h("sl-button", { type: "primary", onClick: () => window.location.reload() }, text.refreshButton))));
|
|
1903
1904
|
};
|
|
1904
1905
|
const DocusignErrorView = (props) => {
|
|
1905
1906
|
const { classes } = sheet$1;
|
|
1906
1907
|
const { text } = props;
|
|
1907
|
-
return (index
|
|
1908
|
-
index
|
|
1909
|
-
index
|
|
1910
|
-
index
|
|
1908
|
+
return (index.h("div", null,
|
|
1909
|
+
index.h("style", { type: "text/css" }, styleString$1),
|
|
1910
|
+
index.h("div", { class: classes.DocusignStatusContainer },
|
|
1911
|
+
index.h("sl-icon", { style: {
|
|
1911
1912
|
width: "50px",
|
|
1912
1913
|
height: "50px",
|
|
1913
1914
|
color: "var(--sl-color-gray-500)",
|
|
1914
1915
|
}, name: "exclamation-octagon" }),
|
|
1915
|
-
index
|
|
1916
|
-
index
|
|
1917
|
-
index
|
|
1916
|
+
index.h("div", { class: classes.MessageContainer },
|
|
1917
|
+
index.h("p", { style: { margin: "0" } }, text.docusignError)),
|
|
1918
|
+
index.h("sl-button", { type: "primary", onClick: () => window.location.reload() }, text.refreshButton))));
|
|
1918
1919
|
};
|
|
1919
1920
|
const DocusignLoadingView = () => {
|
|
1920
1921
|
const { classes } = sheet$1;
|
|
1921
|
-
return (index
|
|
1922
|
-
index
|
|
1923
|
-
index
|
|
1924
|
-
index
|
|
1922
|
+
return (index.h("div", null,
|
|
1923
|
+
index.h("style", { type: "text/css" }, styleString$1),
|
|
1924
|
+
index.h("div", { class: classes.DocusignStatusContainer },
|
|
1925
|
+
index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
|
|
1925
1926
|
};
|
|
1926
1927
|
const DocusignIframe = ({ states, data, callbacks, text, }) => {
|
|
1927
1928
|
const { classes } = sheet$1;
|
|
@@ -1949,17 +1950,17 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
|
|
|
1949
1950
|
};
|
|
1950
1951
|
}, [iFrameHeight]);
|
|
1951
1952
|
if (states.urlLoading)
|
|
1952
|
-
return index
|
|
1953
|
+
return index.h(DocusignLoadingView, null);
|
|
1953
1954
|
if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
|
|
1954
|
-
return index
|
|
1955
|
+
return index.h(DocusignErrorView, { text: text });
|
|
1955
1956
|
}
|
|
1956
1957
|
if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
|
|
1957
|
-
return index
|
|
1958
|
+
return index.h(DocusignExpiredView, { text: text });
|
|
1958
1959
|
// 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
|
|
1960
|
+
return (index.h("div", { style: { height: iFrameHeight } },
|
|
1961
|
+
index.h("style", { type: "text/css" }, styleString$1),
|
|
1962
|
+
index.h("div", { class: classes.IFrameContainer },
|
|
1963
|
+
index.h("iframe", { scrolling: "yes", frameBorder: "0", width: "100%", src: data.documentUrl, height: iFrameHeight }))));
|
|
1963
1964
|
};
|
|
1964
1965
|
|
|
1965
1966
|
const style$2 = {
|
|
@@ -2103,33 +2104,33 @@ const DocusignFormView = (props) => {
|
|
|
2103
2104
|
var _a;
|
|
2104
2105
|
const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
|
|
2105
2106
|
const { classes } = sheet$2;
|
|
2106
|
-
return (index
|
|
2107
|
-
index
|
|
2107
|
+
return (index.h("div", { class: classes.Container },
|
|
2108
|
+
index.h("style", { type: "text/css" },
|
|
2108
2109
|
styleString$2,
|
|
2109
2110
|
vanillaStyle$1),
|
|
2110
|
-
index
|
|
2111
|
-
index
|
|
2112
|
-
!states.hideSteps && (index
|
|
2111
|
+
index.h("div", { class: classes.TextContainer },
|
|
2112
|
+
index.h("div", null,
|
|
2113
|
+
!states.hideSteps && (index.h("p", null, global.intl.formatMessage({
|
|
2113
2114
|
id: "formStep",
|
|
2114
2115
|
defaultMessage: text.formStep,
|
|
2115
2116
|
}, { step: states.step, count: FORM_STEPS }))),
|
|
2116
|
-
index
|
|
2117
|
-
index
|
|
2118
|
-
states.loadingError && (index
|
|
2119
|
-
index
|
|
2120
|
-
index
|
|
2121
|
-
index
|
|
2122
|
-
index
|
|
2117
|
+
index.h("h3", null, text.taxForm),
|
|
2118
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
|
|
2119
|
+
states.loadingError && (index.h("div", null,
|
|
2120
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$2.classes.ErrorAlertContainer },
|
|
2121
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2122
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
2123
|
+
index.h("br", null),
|
|
2123
2124
|
text.error.loadingErrorAlertDescription))),
|
|
2124
|
-
((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
2125
|
-
index
|
|
2126
|
-
index
|
|
2127
|
-
index
|
|
2125
|
+
((_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 },
|
|
2126
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2127
|
+
index.h("strong", null, text.error.generalTitle),
|
|
2128
|
+
index.h("br", null),
|
|
2128
2129
|
text.error.generalDescription)),
|
|
2129
|
-
index
|
|
2130
|
-
index
|
|
2131
|
-
index
|
|
2132
|
-
index
|
|
2130
|
+
index.h("div", null,
|
|
2131
|
+
index.h("div", null,
|
|
2132
|
+
index.h("h5", { class: classes.BoldText }, global.intl.formatMessage({ id: "tax-form-label", defaultMessage: text.taxFormLabel }, { documentType: documentTypeString })),
|
|
2133
|
+
index.h("p", null, global.intl.formatMessage({
|
|
2133
2134
|
id: "tax-form-description",
|
|
2134
2135
|
defaultMessage: states.documentType === "W9"
|
|
2135
2136
|
? text.taxFormDescription
|
|
@@ -2137,13 +2138,13 @@ const DocusignFormView = (props) => {
|
|
|
2137
2138
|
? text.taxFormDescriptionIndividualParticipant
|
|
2138
2139
|
: text.taxFormDescriptionBusinessEntity,
|
|
2139
2140
|
}, { documentType: documentTypeString }))),
|
|
2140
|
-
index
|
|
2141
|
-
index
|
|
2141
|
+
index.h("div", null, slots.docusignIframeSlot),
|
|
2142
|
+
index.h("div", { class: classes.BtnContainer }, states.showExitButton && (index.h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onExit }, text.exitButton))))));
|
|
2142
2143
|
};
|
|
2143
2144
|
|
|
2144
2145
|
const DocusignForm = class {
|
|
2145
2146
|
constructor(hostRef) {
|
|
2146
|
-
index
|
|
2147
|
+
index.registerInstance(this, hostRef);
|
|
2147
2148
|
this.ignored = true;
|
|
2148
2149
|
/**
|
|
2149
2150
|
* @uiName Setup progress
|
|
@@ -2246,7 +2247,7 @@ const DocusignForm = class {
|
|
|
2246
2247
|
* @uiName Exit button text
|
|
2247
2248
|
*/
|
|
2248
2249
|
this.exitButton = "Exit";
|
|
2249
|
-
stencilHooks_module.h(this);
|
|
2250
|
+
stencilHooks_module.h$1(this);
|
|
2250
2251
|
}
|
|
2251
2252
|
disconnectedCallback() { }
|
|
2252
2253
|
getTextProps() {
|
|
@@ -2265,7 +2266,7 @@ const DocusignForm = class {
|
|
|
2265
2266
|
render() {
|
|
2266
2267
|
const _isDemo = index_module.isDemo();
|
|
2267
2268
|
const props = _isDemo ? useDocusignFormDemo(this) : useDocusignForm(this);
|
|
2268
|
-
const docusignIframeSlot = (index
|
|
2269
|
+
const docusignIframeSlot = (index.h(DocusignIframe, { states: {
|
|
2269
2270
|
status: props.states.docusignStatus,
|
|
2270
2271
|
loading: props.states.loading,
|
|
2271
2272
|
urlLoading: props.states.urlLoading,
|
|
@@ -2274,13 +2275,13 @@ const DocusignForm = class {
|
|
|
2274
2275
|
}, callbacks: {
|
|
2275
2276
|
completeDocument: props.callbacks.completeDocument,
|
|
2276
2277
|
}, text: props.text }));
|
|
2277
|
-
return (index
|
|
2278
|
+
return (index.h(index.Host, null, index.h(DocusignFormView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
|
|
2278
2279
|
docusignIframeSlot: _isDemo
|
|
2279
2280
|
? DemoDocusignIframe({ callbacks: props.callbacks })
|
|
2280
2281
|
: docusignIframeSlot,
|
|
2281
2282
|
} })));
|
|
2282
2283
|
}
|
|
2283
|
-
get el() { return index
|
|
2284
|
+
get el() { return index.getElement(this); }
|
|
2284
2285
|
};
|
|
2285
2286
|
function useDocusignFormDemo(props) {
|
|
2286
2287
|
const setStep = index_module.Sn(TAX_CONTEXT_NAMESPACE);
|
|
@@ -2317,19 +2318,19 @@ function useDocusignFormDemo(props) {
|
|
|
2317
2318
|
}, props.demoData || {}, { arrayMerge: (_, a) => a });
|
|
2318
2319
|
}
|
|
2319
2320
|
const DemoDocusignIframe = ({ callbacks }) => {
|
|
2320
|
-
return (index
|
|
2321
|
+
return (index.h("div", { style: {
|
|
2321
2322
|
width: "100%",
|
|
2322
2323
|
height: "600px",
|
|
2323
2324
|
background: "#fafafa",
|
|
2324
2325
|
display: "flex",
|
|
2325
2326
|
justifyContent: "center",
|
|
2326
2327
|
alignItems: "center",
|
|
2327
|
-
} }, index
|
|
2328
|
+
} }, index.h("div", { style: {
|
|
2328
2329
|
display: "flex",
|
|
2329
2330
|
flexDirection: "column",
|
|
2330
2331
|
gap: "12px",
|
|
2331
2332
|
alignItems: "center",
|
|
2332
|
-
} }, index
|
|
2333
|
+
} }, 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
2334
|
};
|
|
2334
2335
|
|
|
2335
2336
|
const style$3 = {
|
|
@@ -2462,60 +2463,60 @@ const IndirectTaxFormView = (props) => {
|
|
|
2462
2463
|
var _a;
|
|
2463
2464
|
const { states, states: { formState }, callbacks, text, refs, slots, } = props;
|
|
2464
2465
|
const { classes } = sheet$3;
|
|
2465
|
-
return (index
|
|
2466
|
-
index
|
|
2466
|
+
return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
|
|
2467
|
+
index.h("style", { type: "text/css" },
|
|
2467
2468
|
styleString$3,
|
|
2468
2469
|
vanillaStyle$2),
|
|
2469
|
-
index
|
|
2470
|
-
index
|
|
2471
|
-
!states.hideSteps && (index
|
|
2470
|
+
index.h("div", { class: classes.TextContainer },
|
|
2471
|
+
index.h("div", null,
|
|
2472
|
+
!states.hideSteps && (index.h("p", null,
|
|
2472
2473
|
" ",
|
|
2473
2474
|
global.intl.formatMessage({
|
|
2474
2475
|
id: "formStep",
|
|
2475
2476
|
defaultMessage: text.formStep,
|
|
2476
2477
|
}, { step: states.step, count: FORM_STEPS }))),
|
|
2477
|
-
index
|
|
2478
|
-
index
|
|
2479
|
-
index
|
|
2480
|
-
states.loadingError && (index
|
|
2481
|
-
index
|
|
2482
|
-
index
|
|
2483
|
-
index
|
|
2484
|
-
index
|
|
2478
|
+
index.h("h3", null, text.indirectTax),
|
|
2479
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription),
|
|
2480
|
+
index.h("p", { class: classes.DescriptionText }, text.indirectTaxDescription)),
|
|
2481
|
+
states.loadingError && (index.h("div", null,
|
|
2482
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$3.classes.AlertContainer },
|
|
2483
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2484
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
2485
|
+
index.h("br", null),
|
|
2485
2486
|
text.error.loadingErrorAlertDescription))),
|
|
2486
|
-
((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
2487
|
-
index
|
|
2488
|
-
index
|
|
2489
|
-
index
|
|
2487
|
+
((_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 },
|
|
2488
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2489
|
+
index.h("strong", null, text.error.generalTitle),
|
|
2490
|
+
index.h("br", null),
|
|
2490
2491
|
text.error.generalDescription)),
|
|
2491
|
-
states.isPartner && (index
|
|
2492
|
-
index
|
|
2493
|
-
index
|
|
2494
|
-
index
|
|
2492
|
+
states.isPartner && (index.h("sl-alert", { type: "primary", open: true, class: sheet$3.classes.PartnerAlertContainer, exportparts: "base: alert-base, icon:alert-icon" },
|
|
2493
|
+
index.h("sl-icon", { slot: "icon", name: "info-circle" }),
|
|
2494
|
+
index.h("strong", null, text.isPartnerAlertHeader),
|
|
2495
|
+
index.h("br", null),
|
|
2495
2496
|
text.isPartnerAlertDescription)),
|
|
2496
|
-
index
|
|
2497
|
-
index
|
|
2498
|
-
states.loading ? (index
|
|
2499
|
-
index
|
|
2500
|
-
index
|
|
2501
|
-
index
|
|
2502
|
-
index
|
|
2497
|
+
index.h("div", null,
|
|
2498
|
+
index.h("h4", null, text.indirectTaxDetails))),
|
|
2499
|
+
states.loading ? (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index.h("div", null,
|
|
2500
|
+
index.h("div", { class: classes.RadioContainer },
|
|
2501
|
+
index.h("div", { class: classes.InnerRadioContainer },
|
|
2502
|
+
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 },
|
|
2503
|
+
index.h("div", { class: classes.RadioContent },
|
|
2503
2504
|
text.notRegistered,
|
|
2504
|
-
index
|
|
2505
|
-
index
|
|
2506
|
-
index
|
|
2505
|
+
index.h("p", { class: classes.DescriptionText }, text.notRegisteredSubtext))),
|
|
2506
|
+
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 },
|
|
2507
|
+
index.h("div", { class: classes.RadioContent },
|
|
2507
2508
|
text.otherRegion,
|
|
2508
|
-
index
|
|
2509
|
+
index.h("p", { class: classes.DescriptionText }, text.otherRegionSubtext))),
|
|
2509
2510
|
slots.registeredInDifferentCountryDetailsSlot)),
|
|
2510
|
-
index
|
|
2511
|
-
index
|
|
2511
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: classes.InfoAlert },
|
|
2512
|
+
index.h("sl-icon", { class: classes.InfoWarningIcon, slot: "icon", name: "exclamation-triangle" }),
|
|
2512
2513
|
text.cannotChangeInfoAlert),
|
|
2513
|
-
index
|
|
2514
|
-
index
|
|
2515
|
-
index
|
|
2514
|
+
index.h("div", { class: classes.BtnContainer },
|
|
2515
|
+
index.h("sl-button", { type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
|
|
2516
|
+
index.h("sl-button", { class: classes.SecondaryBtn, type: "text", disabled: states.disabled, onClick: callbacks.onBack, exportparts: "base: secondarybutton-base" }, text.backButton))))));
|
|
2516
2517
|
};
|
|
2517
2518
|
|
|
2518
|
-
const CONNECT_PARTNER =
|
|
2519
|
+
const CONNECT_PARTNER = index_module.dist.gql `
|
|
2519
2520
|
mutation createImpactConnection($vars: ImpactConnectionInput!) {
|
|
2520
2521
|
createImpactConnection(impactConnectionInput: $vars) {
|
|
2521
2522
|
success
|
|
@@ -2751,7 +2752,7 @@ function useIndirectTaxForm(props) {
|
|
|
2751
2752
|
|
|
2752
2753
|
const IndirectTaxForm = class {
|
|
2753
2754
|
constructor(hostRef) {
|
|
2754
|
-
index
|
|
2755
|
+
index.registerInstance(this, hostRef);
|
|
2755
2756
|
/**
|
|
2756
2757
|
* @uiName Setup progress
|
|
2757
2758
|
*/
|
|
@@ -2897,7 +2898,7 @@ const IndirectTaxForm = class {
|
|
|
2897
2898
|
* @uiName Page description
|
|
2898
2899
|
*/
|
|
2899
2900
|
this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
|
|
2900
|
-
stencilHooks_module.h(this);
|
|
2901
|
+
stencilHooks_module.h$1(this);
|
|
2901
2902
|
}
|
|
2902
2903
|
disconnectedCallback() { }
|
|
2903
2904
|
getTextProps() {
|
|
@@ -2932,7 +2933,7 @@ const IndirectTaxForm = class {
|
|
|
2932
2933
|
const props = index_module.isDemo()
|
|
2933
2934
|
? useDemoIndirectTaxForm(this)
|
|
2934
2935
|
: useIndirectTaxForm(this);
|
|
2935
|
-
const registeredInDifferentCountryDetailsSlot = (index
|
|
2936
|
+
const registeredInDifferentCountryDetailsSlot = (index.h(sqmInvoiceTableView.OtherRegionSlotView, { states: {
|
|
2936
2937
|
hide: props.states.formState.checked !== "otherRegion",
|
|
2937
2938
|
disabled: props.states.disabled || props.states.isPartner,
|
|
2938
2939
|
formState: props.slotProps.formState,
|
|
@@ -2944,7 +2945,7 @@ const IndirectTaxForm = class {
|
|
|
2944
2945
|
provinces: props.data.provinces,
|
|
2945
2946
|
allCountries: props.data.allCountries,
|
|
2946
2947
|
}, text: props.text.slotText }));
|
|
2947
|
-
return (index
|
|
2948
|
+
return (index.h(index.Host, null, index.h(IndirectTaxFormView, { callbacks: props.callbacks, states: props.states, refs: props.refs, text: props.text, slots: {
|
|
2948
2949
|
registeredInDifferentCountryDetailsSlot,
|
|
2949
2950
|
} })));
|
|
2950
2951
|
}
|
|
@@ -3034,7 +3035,7 @@ function useDemoIndirectTaxForm(props) {
|
|
|
3034
3035
|
|
|
3035
3036
|
const debug = stencilHooks_module.browser("sq:useInvoiceTable");
|
|
3036
3037
|
const CSS_NAMESPACE = "sqm-invoice-table";
|
|
3037
|
-
const GET_INVOICES =
|
|
3038
|
+
const GET_INVOICES = index_module.dist.gql `
|
|
3038
3039
|
query getUserTaxInfo($limit: Int!, $offset: Int!) {
|
|
3039
3040
|
user: viewer {
|
|
3040
3041
|
... on User {
|
|
@@ -3095,7 +3096,7 @@ function useInvoiceTable(props, emptyElement, loadingElement) {
|
|
|
3095
3096
|
netEarnings: `${invoice.currency}${((_c = (invoice.totalAmount - invoice.totalVatAmount)) === null || _c === void 0 ? void 0 : _c.toFixed(2)) || "0.00"}`,
|
|
3096
3097
|
downloadUrl: invoice.downloadUrl,
|
|
3097
3098
|
};
|
|
3098
|
-
const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(invoiceData, { locale }, index
|
|
3099
|
+
const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(invoiceData, { locale }, index.h)));
|
|
3099
3100
|
const cells = (await Promise.all(cellPromise));
|
|
3100
3101
|
return cells;
|
|
3101
3102
|
});
|
|
@@ -3164,7 +3165,7 @@ async function tryMethod(c, callback) {
|
|
|
3164
3165
|
// renderLabel did not return a promise, so this method probably doesn't exist
|
|
3165
3166
|
// therefore, we IGNORE the label
|
|
3166
3167
|
debug("label promise failed", e);
|
|
3167
|
-
return index
|
|
3168
|
+
return index.h("span", null);
|
|
3168
3169
|
}
|
|
3169
3170
|
try {
|
|
3170
3171
|
return await labelPromise;
|
|
@@ -3174,8 +3175,8 @@ async function tryMethod(c, callback) {
|
|
|
3174
3175
|
// This should not happen so we fail fast
|
|
3175
3176
|
debug("Error rendering label", e);
|
|
3176
3177
|
const userError = useReferralTable.generateUserError(e);
|
|
3177
|
-
return (index
|
|
3178
|
-
index
|
|
3178
|
+
return (index.h("details", null,
|
|
3179
|
+
index.h("summary", null, "Error"),
|
|
3179
3180
|
userError));
|
|
3180
3181
|
}
|
|
3181
3182
|
}
|
|
@@ -3202,7 +3203,7 @@ const getMockData = () => {
|
|
|
3202
3203
|
|
|
3203
3204
|
const InvoiceTable = class {
|
|
3204
3205
|
constructor(hostRef) {
|
|
3205
|
-
index
|
|
3206
|
+
index.registerInstance(this, hostRef);
|
|
3206
3207
|
/**
|
|
3207
3208
|
* Number of invoices displayed per page
|
|
3208
3209
|
*
|
|
@@ -3233,27 +3234,27 @@ const InvoiceTable = class {
|
|
|
3233
3234
|
this.emptyStateHeader = "View your invoice details";
|
|
3234
3235
|
/** @uiName Empty invoice table description */
|
|
3235
3236
|
this.emptyStateText = "Refer a friend to view the status of your invoices and rewards earned";
|
|
3236
|
-
stencilHooks_module.h(this);
|
|
3237
|
+
stencilHooks_module.h$1(this);
|
|
3237
3238
|
}
|
|
3238
3239
|
disconnectedCallback() { }
|
|
3239
3240
|
render() {
|
|
3240
|
-
const empty = (index
|
|
3241
|
-
const loading = index
|
|
3241
|
+
const empty = (index.h(EmptySlot, { emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText }));
|
|
3242
|
+
const loading = index.h(LoadingSlot, null);
|
|
3242
3243
|
const { states, data, callbacks, elements } = index_module.isDemo()
|
|
3243
3244
|
? useInvoiceTableDemo(this, empty, loading)
|
|
3244
3245
|
: useInvoiceTable(this, empty, loading);
|
|
3245
3246
|
reRender.useRequestRerender([this.perPage]);
|
|
3246
|
-
return (index
|
|
3247
|
+
return (index.h(sqmInvoiceTableView.InvoiceTableView, { header: this.header, description: this.description }, index.h(GenericTableView.GenericTableView, { states: states, data: data, callbacks: callbacks, elements: elements })));
|
|
3247
3248
|
}
|
|
3248
3249
|
};
|
|
3249
3250
|
function EmptySlot(props) {
|
|
3250
|
-
return (index
|
|
3251
|
+
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
3252
|
}
|
|
3252
3253
|
function LoadingSlot() {
|
|
3253
|
-
return (index
|
|
3254
|
+
return (index.h("slot", { name: "loading" }, index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null)));
|
|
3254
3255
|
}
|
|
3255
3256
|
function LoadingRow() {
|
|
3256
|
-
return (index
|
|
3257
|
+
return (index.h("sqm-table-row", null, index.h("sqm-table-cell", { colspan: 6 }, index.h("sl-skeleton", null))));
|
|
3257
3258
|
}
|
|
3258
3259
|
function useInvoiceTableDemo(props, emptyElement, loadingElement) {
|
|
3259
3260
|
const [content, setContent] = stencilHooks_module.useReducer((state, next) => ({
|
|
@@ -3347,9 +3348,9 @@ function useInvoiceTableDemo(props, emptyElement, loadingElement) {
|
|
|
3347
3348
|
|
|
3348
3349
|
const InvoiceTableDataCell = class {
|
|
3349
3350
|
constructor(hostRef) {
|
|
3350
|
-
index
|
|
3351
|
+
index.registerInstance(this, hostRef);
|
|
3351
3352
|
this.ignored = true;
|
|
3352
|
-
stencilHooks_module.h(this);
|
|
3353
|
+
stencilHooks_module.h$1(this);
|
|
3353
3354
|
}
|
|
3354
3355
|
disconnectedCallback() { }
|
|
3355
3356
|
render() {
|
|
@@ -3359,28 +3360,28 @@ const InvoiceTableDataCell = class {
|
|
|
3359
3360
|
|
|
3360
3361
|
const InvoiceTableDataColumn = class {
|
|
3361
3362
|
constructor(hostRef) {
|
|
3362
|
-
index
|
|
3363
|
-
stencilHooks_module.h(this);
|
|
3363
|
+
index.registerInstance(this, hostRef);
|
|
3364
|
+
stencilHooks_module.h$1(this);
|
|
3364
3365
|
}
|
|
3365
3366
|
disconnectedCallback() { }
|
|
3366
3367
|
async renderCell(data) {
|
|
3367
|
-
return (index
|
|
3368
|
+
return (index.h("sqm-invoice-table-data-cell", { data: data[this.property] }));
|
|
3368
3369
|
}
|
|
3369
3370
|
async renderLabel() {
|
|
3370
3371
|
return Promise.resolve(this.columnTitle);
|
|
3371
3372
|
}
|
|
3372
3373
|
render() {
|
|
3373
3374
|
reRender.useRequestRerender([this.columnTitle, this.property]);
|
|
3374
|
-
return (index
|
|
3375
|
+
return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
|
|
3375
3376
|
}
|
|
3376
3377
|
};
|
|
3377
3378
|
|
|
3378
3379
|
const RewardTableDateCell = class {
|
|
3379
3380
|
constructor(hostRef) {
|
|
3380
|
-
index
|
|
3381
|
+
index.registerInstance(this, hostRef);
|
|
3381
3382
|
this.ignored = true;
|
|
3382
3383
|
this.locale = "en";
|
|
3383
|
-
stencilHooks_module.h(this);
|
|
3384
|
+
stencilHooks_module.h$1(this);
|
|
3384
3385
|
}
|
|
3385
3386
|
disconnectedCallback() { }
|
|
3386
3387
|
render() {
|
|
@@ -3394,58 +3395,58 @@ const RewardTableDateCell = class {
|
|
|
3394
3395
|
|
|
3395
3396
|
const InvoiceTableDateColumn = class {
|
|
3396
3397
|
constructor(hostRef) {
|
|
3397
|
-
index
|
|
3398
|
-
stencilHooks_module.h(this);
|
|
3398
|
+
index.registerInstance(this, hostRef);
|
|
3399
|
+
stencilHooks_module.h$1(this);
|
|
3399
3400
|
}
|
|
3400
3401
|
disconnectedCallback() { }
|
|
3401
3402
|
async renderCell(data, options) {
|
|
3402
|
-
return (index
|
|
3403
|
+
return (index.h("sqm-invoice-table-date-cell", { date: data.dateCreated, locale: options === null || options === void 0 ? void 0 : options.locale }));
|
|
3403
3404
|
}
|
|
3404
3405
|
async renderLabel() {
|
|
3405
3406
|
return this.columnTitle;
|
|
3406
3407
|
}
|
|
3407
3408
|
render() {
|
|
3408
3409
|
reRender.useRequestRerender([this.columnTitle]);
|
|
3409
|
-
return (index
|
|
3410
|
+
return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
|
|
3410
3411
|
}
|
|
3411
3412
|
};
|
|
3412
3413
|
|
|
3413
3414
|
const InvoiceTableDownloadCell = class {
|
|
3414
3415
|
constructor(hostRef) {
|
|
3415
|
-
index
|
|
3416
|
+
index.registerInstance(this, hostRef);
|
|
3416
3417
|
this.ignored = true;
|
|
3417
|
-
stencilHooks_module.h(this);
|
|
3418
|
+
stencilHooks_module.h$1(this);
|
|
3418
3419
|
}
|
|
3419
3420
|
disconnectedCallback() { }
|
|
3420
3421
|
render() {
|
|
3421
3422
|
const vanillaStyle = `svg:hover, svg:hover * {
|
|
3422
3423
|
cursor: pointer;
|
|
3423
3424
|
}`;
|
|
3424
|
-
return (index
|
|
3425
|
+
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
3426
|
}
|
|
3426
3427
|
};
|
|
3427
3428
|
|
|
3428
3429
|
const InvoiceTableGenericColumn = class {
|
|
3429
3430
|
constructor(hostRef) {
|
|
3430
|
-
index
|
|
3431
|
-
stencilHooks_module.h(this);
|
|
3431
|
+
index.registerInstance(this, hostRef);
|
|
3432
|
+
stencilHooks_module.h$1(this);
|
|
3432
3433
|
}
|
|
3433
3434
|
disconnectedCallback() { }
|
|
3434
3435
|
async renderCell(data) {
|
|
3435
|
-
return (index
|
|
3436
|
+
return (index.h("sqm-invoice-table-download-cell", { downloadUrl: data.downloadUrl }));
|
|
3436
3437
|
}
|
|
3437
3438
|
async renderLabel() {
|
|
3438
|
-
return index
|
|
3439
|
+
return index.h("span", null);
|
|
3439
3440
|
}
|
|
3440
3441
|
render() {
|
|
3441
|
-
return (index
|
|
3442
|
+
return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
|
|
3442
3443
|
}
|
|
3443
3444
|
};
|
|
3444
3445
|
|
|
3445
|
-
const PayPalIcon = () => (index
|
|
3446
|
-
index
|
|
3447
|
-
index
|
|
3448
|
-
index
|
|
3446
|
+
const PayPalIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "20", viewBox: "0 0 17 20", fill: "none" },
|
|
3447
|
+
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" }),
|
|
3448
|
+
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" }),
|
|
3449
|
+
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
3450
|
|
|
3450
3451
|
const style$4 = {
|
|
3451
3452
|
CardContainer: {
|
|
@@ -3586,12 +3587,12 @@ function PayoutDetailsCardView(props) {
|
|
|
3586
3587
|
const { classes } = sheet;
|
|
3587
3588
|
const { states, text } = props;
|
|
3588
3589
|
const renderLoadingSkeleton = () => {
|
|
3589
|
-
return (index
|
|
3590
|
-
index
|
|
3591
|
-
index
|
|
3592
|
-
index
|
|
3593
|
-
index
|
|
3594
|
-
index
|
|
3590
|
+
return (index.h("div", { class: classes.CardContainer },
|
|
3591
|
+
index.h("div", { class: classes.StatusContainer },
|
|
3592
|
+
index.h("sl-skeleton", { class: classes.SkeletonOne }),
|
|
3593
|
+
index.h("sl-skeleton", { class: classes.SkeletonTwo })),
|
|
3594
|
+
index.h("sl-skeleton", { class: classes.SkeletonThree }),
|
|
3595
|
+
index.h("sl-skeleton", { class: classes.SkeletonOne })));
|
|
3595
3596
|
};
|
|
3596
3597
|
const renderStatusBadge = (status, statusBadgeText) => {
|
|
3597
3598
|
const badgeType = status === "nextPayout" ? "success" : "primary";
|
|
@@ -3601,7 +3602,7 @@ function PayoutDetailsCardView(props) {
|
|
|
3601
3602
|
}, {
|
|
3602
3603
|
badgeText: status,
|
|
3603
3604
|
});
|
|
3604
|
-
return (index
|
|
3605
|
+
return (index.h("sl-badge", { pill: true, type: badgeType }, statusText));
|
|
3605
3606
|
};
|
|
3606
3607
|
const thresholdText = global.intl.formatMessage({
|
|
3607
3608
|
id: "thresholdText",
|
|
@@ -3609,16 +3610,16 @@ function PayoutDetailsCardView(props) {
|
|
|
3609
3610
|
}, {
|
|
3610
3611
|
thresholdBalance: states.thresholdBalance,
|
|
3611
3612
|
});
|
|
3612
|
-
return (index
|
|
3613
|
-
index
|
|
3614
|
-
states.error && (index
|
|
3615
|
-
index
|
|
3616
|
-
index
|
|
3617
|
-
index
|
|
3613
|
+
return (index.h("div", { class: classes.Container },
|
|
3614
|
+
index.h("style", { type: "text/css" }, styleString),
|
|
3615
|
+
states.error && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: classes.Alert, type: "warning", open: true },
|
|
3616
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
|
|
3617
|
+
index.h("div", { class: classes.AlertContent },
|
|
3618
|
+
index.h("b", null, text.error.errorTitleText),
|
|
3618
3619
|
text.error.errorDescriptionText))),
|
|
3619
|
-
states.loading ? (renderLoadingSkeleton()) : (index
|
|
3620
|
-
index
|
|
3621
|
-
index
|
|
3620
|
+
states.loading ? (renderLoadingSkeleton()) : (index.h("div", { class: classes.CardContainer },
|
|
3621
|
+
index.h("div", { class: classes.StatusContainer },
|
|
3622
|
+
index.h("p", { class: classes.SubduedRegularText }, states.badgeStatus === "thresholdPayout"
|
|
3622
3623
|
? states.thresholdBalance
|
|
3623
3624
|
? thresholdText
|
|
3624
3625
|
: ""
|
|
@@ -3626,11 +3627,11 @@ function PayoutDetailsCardView(props) {
|
|
|
3626
3627
|
states.badgeStatus === "thresholdPayout"
|
|
3627
3628
|
? null
|
|
3628
3629
|
: renderStatusBadge(states.badgeStatus, text.statusBadgeText)),
|
|
3629
|
-
index
|
|
3630
|
-
states.payoutType === "PAYPAL" ? (index
|
|
3631
|
-
index
|
|
3632
|
-
index
|
|
3633
|
-
index
|
|
3630
|
+
index.h("h1", { class: classes.MainCurrency }, states.balance),
|
|
3631
|
+
states.payoutType === "PAYPAL" ? (index.h("div", { class: classes.PaypalDetailsContainer },
|
|
3632
|
+
index.h("span", { class: classes.PaypalEmail }, states.paypalEmailAddress),
|
|
3633
|
+
index.h(PayPalIcon, null))) : (index.h("div", { class: classes.AccountDetailsContainer },
|
|
3634
|
+
index.h("span", null, states.cardNumberPreview
|
|
3634
3635
|
? `${text.accountText} ${states.cardNumberPreview}`
|
|
3635
3636
|
: text.payoutMissingInformationText)))))));
|
|
3636
3637
|
}
|
|
@@ -3695,7 +3696,7 @@ function usePayoutDetailsCard(props) {
|
|
|
3695
3696
|
|
|
3696
3697
|
const PayoutDetailsCard = class {
|
|
3697
3698
|
constructor(hostRef) {
|
|
3698
|
-
index
|
|
3699
|
+
index.registerInstance(this, hostRef);
|
|
3699
3700
|
/**
|
|
3700
3701
|
* Badge text indicating payout status
|
|
3701
3702
|
* @uiName Payout badge status text
|
|
@@ -3726,7 +3727,7 @@ const PayoutDetailsCard = class {
|
|
|
3726
3727
|
* @uiName Payout missing information subtext
|
|
3727
3728
|
*/
|
|
3728
3729
|
this.payoutMissingInformationText = "Missing banking information, go to Impact.com to resolve.";
|
|
3729
|
-
stencilHooks_module.h(this);
|
|
3730
|
+
stencilHooks_module.h$1(this);
|
|
3730
3731
|
}
|
|
3731
3732
|
disconnectedCallback() { }
|
|
3732
3733
|
getTextProps() {
|
|
@@ -3743,7 +3744,7 @@ const PayoutDetailsCard = class {
|
|
|
3743
3744
|
const props = index_module.isDemo()
|
|
3744
3745
|
? useDemoPayoutDetailsCard(this)
|
|
3745
3746
|
: usePayoutDetailsCard(this);
|
|
3746
|
-
return (index
|
|
3747
|
+
return (index.h(index.Host, null, index.h(PayoutDetailsCardView, { text: props.text, states: props.states })));
|
|
3747
3748
|
}
|
|
3748
3749
|
};
|
|
3749
3750
|
function useDemoPayoutDetailsCard(props) {
|
|
@@ -3769,33 +3770,33 @@ function useDemoPayoutDetailsCard(props) {
|
|
|
3769
3770
|
|
|
3770
3771
|
const TableCell = class {
|
|
3771
3772
|
constructor(hostRef) {
|
|
3772
|
-
index
|
|
3773
|
+
index.registerInstance(this, hostRef);
|
|
3773
3774
|
/** @uiName Column span */
|
|
3774
3775
|
this.colspan = 1;
|
|
3775
3776
|
/** @uiName Padding */
|
|
3776
3777
|
this.padding = "15px 10px";
|
|
3777
3778
|
}
|
|
3778
3779
|
render() {
|
|
3779
|
-
return (index
|
|
3780
|
+
return (index.h(index.Host, { style: { display: "contents" } }, index.h("td", { colSpan: this.colspan, style: { padding: this.padding } }, index.h("slot", null))));
|
|
3780
3781
|
}
|
|
3781
3782
|
};
|
|
3782
3783
|
|
|
3783
3784
|
const TableRow = class {
|
|
3784
3785
|
constructor(hostRef) {
|
|
3785
|
-
index
|
|
3786
|
+
index.registerInstance(this, hostRef);
|
|
3786
3787
|
/**
|
|
3787
3788
|
* @uiName Border
|
|
3788
3789
|
*/
|
|
3789
3790
|
this.border = "1px solid #EAEAEA";
|
|
3790
3791
|
}
|
|
3791
3792
|
render() {
|
|
3792
|
-
return (index
|
|
3793
|
+
return (index.h(index.Host, { style: { display: "contents" } }, index.h("tr", { style: { border: this.border } }, index.h("slot", null))));
|
|
3793
3794
|
}
|
|
3794
3795
|
};
|
|
3795
3796
|
|
|
3796
3797
|
function getCurrentStep(user) {
|
|
3797
|
-
var _a;
|
|
3798
|
-
if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected)) {
|
|
3798
|
+
var _a, _b;
|
|
3799
|
+
if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
|
|
3799
3800
|
return "/1";
|
|
3800
3801
|
}
|
|
3801
3802
|
const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, } = user.impactConnection.publisher;
|
|
@@ -3955,7 +3956,7 @@ function useTaxAndCash() {
|
|
|
3955
3956
|
|
|
3956
3957
|
const TaxAndCashMonolith = class {
|
|
3957
3958
|
constructor(hostRef) {
|
|
3958
|
-
index
|
|
3959
|
+
index.registerInstance(this, hostRef);
|
|
3959
3960
|
/*---------------------------------------------------------------------------------
|
|
3960
3961
|
!IMPORTANT!: Make sure to also change the prop names in the respective component
|
|
3961
3962
|
-----------------------------------------------------------------------------------*/
|
|
@@ -4839,7 +4840,7 @@ const TaxAndCashMonolith = class {
|
|
|
4839
4840
|
* @uiGroup General Form Properties
|
|
4840
4841
|
*/
|
|
4841
4842
|
this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
|
|
4842
|
-
stencilHooks_module.h(this);
|
|
4843
|
+
stencilHooks_module.h$1(this);
|
|
4843
4844
|
}
|
|
4844
4845
|
disconnectedCallback() { }
|
|
4845
4846
|
// this field is required prop
|
|
@@ -4870,27 +4871,27 @@ const TaxAndCashMonolith = class {
|
|
|
4870
4871
|
// @ts-ignore
|
|
4871
4872
|
if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
|
|
4872
4873
|
const textProps = utils.getProps(this);
|
|
4873
|
-
return (index
|
|
4874
|
+
return (index.h("div", null, (_b = Object.keys(textProps)) === null || _b === void 0 ? void 0 : _b.map((prop) => {
|
|
4874
4875
|
if (prop === "demoData")
|
|
4875
4876
|
return;
|
|
4876
|
-
return (index
|
|
4877
|
+
return (index.h("div", null, index.h("b", null, prop, ":"), " ", this[prop], index.h("hr", null)));
|
|
4877
4878
|
})));
|
|
4878
4879
|
}
|
|
4879
4880
|
switch (props.step) {
|
|
4880
4881
|
case "/1":
|
|
4881
|
-
return (index
|
|
4882
|
+
return (index.h("sqm-user-info-form", Object.assign({}, this.getGeneralStepTextProps("step1_"))));
|
|
4882
4883
|
case "/2":
|
|
4883
|
-
return (index
|
|
4884
|
+
return (index.h("sqm-indirect-tax-form", Object.assign({}, this.getGeneralStepTextProps("step2_"))));
|
|
4884
4885
|
case "/3":
|
|
4885
|
-
return (index
|
|
4886
|
+
return (index.h("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"))));
|
|
4886
4887
|
case "/4":
|
|
4887
|
-
return (index
|
|
4888
|
+
return (index.h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
|
|
4888
4889
|
case "/dashboard":
|
|
4889
|
-
return (index
|
|
4890
|
+
return (index.h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
|
|
4890
4891
|
case "/error":
|
|
4891
|
-
return (index
|
|
4892
|
+
return (index.h(sqmInvoiceTableView.ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: this.loadingErrorAlertDescription }));
|
|
4892
4893
|
}
|
|
4893
|
-
return index
|
|
4894
|
+
return index.h(sqmInvoiceTableView.LoadingView, null);
|
|
4894
4895
|
}
|
|
4895
4896
|
};
|
|
4896
4897
|
function useDemoTaxAndCash(props) {
|
|
@@ -5071,17 +5072,17 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5071
5072
|
var _a;
|
|
5072
5073
|
const { states, text, callbacks, slots } = props;
|
|
5073
5074
|
const statusMap = {
|
|
5074
|
-
NOT_VERIFIED: (index
|
|
5075
|
-
index
|
|
5076
|
-
index
|
|
5075
|
+
NOT_VERIFIED: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
5076
|
+
index.h("sl-badge", { type: "warning", pill: true }, text.statusTextNotVerified),
|
|
5077
|
+
index.h("p", null, global.intl.formatMessage({
|
|
5077
5078
|
id: `badgeTextAwaitingReview`,
|
|
5078
5079
|
defaultMessage: text.badgeTextAwaitingReview,
|
|
5079
5080
|
}, {
|
|
5080
5081
|
dateSubmitted: states.dateSubmitted,
|
|
5081
5082
|
})))),
|
|
5082
|
-
ACTIVE: (index
|
|
5083
|
-
index
|
|
5084
|
-
index
|
|
5083
|
+
ACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
5084
|
+
index.h("sl-badge", { type: "success", pill: true }, text.statusTextActive),
|
|
5085
|
+
index.h("p", null, global.intl.formatMessage({
|
|
5085
5086
|
id: `badgeTextSubmittedOn`,
|
|
5086
5087
|
defaultMessage: states.documentType === "W9"
|
|
5087
5088
|
? text.badgeTextSubmittedOn
|
|
@@ -5089,14 +5090,14 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5089
5090
|
}, {
|
|
5090
5091
|
dateSubmitted: states.dateSubmitted,
|
|
5091
5092
|
})))),
|
|
5092
|
-
INACTIVE: (index
|
|
5093
|
-
index
|
|
5094
|
-
index
|
|
5093
|
+
INACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
5094
|
+
index.h("sl-badge", { type: "danger", pill: true }, text.statusTextNotActive),
|
|
5095
|
+
index.h("p", null, text.invalidForm))),
|
|
5095
5096
|
};
|
|
5096
5097
|
const alertMap = {
|
|
5097
|
-
INACTIVE: (index
|
|
5098
|
-
index
|
|
5099
|
-
index
|
|
5098
|
+
INACTIVE: (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
|
|
5099
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
5100
|
+
index.h("strong", null, global.intl.formatMessage({
|
|
5100
5101
|
id: `taxAlertHeaderNotActive`,
|
|
5101
5102
|
defaultMessage: states.documentType === "W9"
|
|
5102
5103
|
? text.taxAlertHeaderNotActiveW9
|
|
@@ -5104,7 +5105,7 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5104
5105
|
}, {
|
|
5105
5106
|
documentType: states.documentTypeString,
|
|
5106
5107
|
})),
|
|
5107
|
-
index
|
|
5108
|
+
index.h("br", null),
|
|
5108
5109
|
global.intl.formatMessage({
|
|
5109
5110
|
id: `taxAlertMessage`,
|
|
5110
5111
|
defaultMessage: states.documentType === "W9"
|
|
@@ -5142,71 +5143,82 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5142
5143
|
});
|
|
5143
5144
|
}
|
|
5144
5145
|
};
|
|
5145
|
-
return (index
|
|
5146
|
-
index
|
|
5147
|
-
index
|
|
5148
|
-
states.loadingError && (index
|
|
5149
|
-
index
|
|
5150
|
-
index
|
|
5151
|
-
index
|
|
5152
|
-
index
|
|
5146
|
+
return (index.h("div", null,
|
|
5147
|
+
index.h("div", null,
|
|
5148
|
+
index.h("style", { type: "text/css" }, styleString$4),
|
|
5149
|
+
states.loadingError && (index.h("div", null,
|
|
5150
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
|
|
5151
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
5152
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
5153
|
+
index.h("br", null),
|
|
5153
5154
|
text.error.loadingErrorAlertDescription))),
|
|
5154
|
-
((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
5155
|
-
index
|
|
5156
|
-
index
|
|
5157
|
-
index
|
|
5155
|
+
((_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 },
|
|
5156
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
5157
|
+
index.h("strong", null, text.error.generalTitle),
|
|
5158
|
+
index.h("br", null),
|
|
5158
5159
|
text.error.generalDescription)),
|
|
5159
|
-
states.hasHold && (index
|
|
5160
|
-
index
|
|
5161
|
-
index
|
|
5162
|
-
index
|
|
5160
|
+
states.hasHold && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet$4.classes.HoldAlertContainer },
|
|
5161
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
|
|
5162
|
+
index.h("strong", null, text.payoutHoldAlertHeader),
|
|
5163
|
+
index.h("br", null),
|
|
5163
5164
|
text.payoutHoldAlertDescription)),
|
|
5164
|
-
index
|
|
5165
|
-
index
|
|
5166
|
-
index
|
|
5167
|
-
index
|
|
5165
|
+
states.payoutStatus === "VERIFICATION_NEEDED" && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet$4.classes.HoldAlertContainer },
|
|
5166
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
|
|
5167
|
+
index.h("strong", null, text.verificationRequiredHeader),
|
|
5168
|
+
index.h("p", { style: { margin: "0" } }, text.verificationRequiredDescription),
|
|
5169
|
+
index.h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.loading,
|
|
5170
|
+
//AL: TODO hooks
|
|
5171
|
+
onClick: () => callbacks.onClick }, text.verificationRequiredButtonText))),
|
|
5172
|
+
index.h("sl-dialog", { noDismiss: true, class: sheet$4.classes.Dialog, open: states.showVerifyIdentity, "onSl-hide": callbacks.onVerifyIdentityCancel },
|
|
5173
|
+
index.h("iframe", {
|
|
5174
|
+
// AL: TODO replace iframe URL with verification url when available
|
|
5175
|
+
scrolling: "yes", frameBorder: "0", width: "100%", height: "100%", src: "https://impacttech.complytaxforms.com/ServiceRedirect.aspx?Language=eng&Param1=UxBORV4bOIrqNb4gbpNmtvW3wjdZJyx4gPElIGMJNR8=&UUID=B576EA3E-80FD-4D85-AA59-653D23A7CCE8" })),
|
|
5176
|
+
index.h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet$4.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
|
|
5177
|
+
index.h("p", null, text.replaceTaxFormModalBodyText),
|
|
5178
|
+
index.h("sl-button", { slot: "footer", type: "primary", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
|
|
5179
|
+
index.h("sl-button", { slot: "footer", type: "default", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormCancel }, text.cancelButton)),
|
|
5168
5180
|
states.status === "INACTIVE" && alertMap[states.status],
|
|
5169
|
-
index
|
|
5170
|
-
index
|
|
5171
|
-
index
|
|
5172
|
-
index
|
|
5181
|
+
index.h("div", null,
|
|
5182
|
+
index.h("h3", null, text.bankingInformationSectionHeader),
|
|
5183
|
+
index.h("p", { class: sheet$4.classes.PageDescriptionText }, text.taxAndPayoutsDescription),
|
|
5184
|
+
index.h("div", { class: sheet$4.classes.BankingInformationContainer },
|
|
5173
5185
|
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
|
|
5186
|
+
!states.loading && (index.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
|
|
5187
|
+
states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
|
|
5188
|
+
index.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
|
|
5189
|
+
index.h("div", null, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
|
|
5190
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
|
|
5191
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (index.h("div", null, states.noFormNeeded ? (index.h("div", null,
|
|
5192
|
+
index.h("h3", { class: sheet$4.classes.TaxDocumentsSectionHeaderContainer }, text.taxDocumentSectionHeader),
|
|
5193
|
+
index.h("p", { class: sheet$4.classes.TaxDocSubtext }, text.noFormNeededSubtext))) : (index.h("div", null,
|
|
5194
|
+
index.h("span", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
5195
|
+
index.h("div", { class: sheet$4.classes.StatusContainer },
|
|
5196
|
+
index.h("h3", null, global.intl.formatMessage({
|
|
5185
5197
|
id: "section-subheader",
|
|
5186
5198
|
defaultMessage: text.taxDocumentSectionSubHeader,
|
|
5187
5199
|
}, {
|
|
5188
5200
|
documentType: states.documentTypeString,
|
|
5189
5201
|
})),
|
|
5190
|
-
index
|
|
5191
|
-
states.status !== "NOT_VERIFIED" && (index
|
|
5192
|
-
index
|
|
5193
|
-
index
|
|
5194
|
-
index
|
|
5195
|
-
index
|
|
5202
|
+
index.h("span", { class: sheet$4.classes.StatusAlert }, statusMap[states.status]))),
|
|
5203
|
+
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)))))))),
|
|
5204
|
+
index.h("div", { class: sheet$4.classes.IndirectTaxPreviewContainer }, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
|
|
5205
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
|
|
5206
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (index.h("div", null,
|
|
5207
|
+
index.h("h3", { class: sheet$4.classes.IndirectTaxPreviewHeaderContainer },
|
|
5196
5208
|
text.indirectTaxInfoSectionHeader,
|
|
5197
|
-
index
|
|
5198
|
-
index
|
|
5199
|
-
index
|
|
5200
|
-
index
|
|
5201
|
-
!states.notRegistered && (index
|
|
5202
|
-
index
|
|
5209
|
+
index.h("sl-tooltip", { trigger: "hover", placement: "top", content: text.indirectTaxTooltipSupport, class: sheet$4.classes.TooltipContainer },
|
|
5210
|
+
index.h("sl-icon", { name: "info-circle", class: sheet$4.classes.ToolTip }))),
|
|
5211
|
+
index.h("div", { class: sheet$4.classes.IndirectTaxPreviewDetails },
|
|
5212
|
+
index.h("span", null, states.notRegistered ? (index.h("span", { class: sheet$4.classes.NotRegisteredIndirectTaxText }, text.notRegisteredForTax)) : (getIndirectTaxRegisteredIn())),
|
|
5213
|
+
!states.notRegistered && (index.h("div", { class: sheet$4.classes.TaxNumberContainer },
|
|
5214
|
+
index.h("span", null, global.intl.formatMessage({
|
|
5203
5215
|
id: `indirectTaxDetails`,
|
|
5204
5216
|
defaultMessage: text.indirectTaxDetails,
|
|
5205
5217
|
}, {
|
|
5206
5218
|
indirectTaxType: states.indirectTaxType,
|
|
5207
5219
|
indirectTaxNumber: states.indirectTaxNumber,
|
|
5208
5220
|
})),
|
|
5209
|
-
index
|
|
5221
|
+
index.h("span", null,
|
|
5210
5222
|
states.qstNumber &&
|
|
5211
5223
|
global.intl.formatMessage({
|
|
5212
5224
|
id: `qstNumber`,
|
|
@@ -5221,14 +5233,14 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5221
5233
|
}, {
|
|
5222
5234
|
subRegionTaxNumber: states.subRegionTaxNumber,
|
|
5223
5235
|
})))),
|
|
5224
|
-
!states.notRegistered && (index
|
|
5225
|
-
index
|
|
5226
|
-
index
|
|
5227
|
-
index
|
|
5228
|
-
index
|
|
5229
|
-
index
|
|
5230
|
-
index
|
|
5231
|
-
index
|
|
5236
|
+
!states.notRegistered && (index.h("div", { class: sheet$4.classes.InvoiceTableContainer },
|
|
5237
|
+
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 },
|
|
5238
|
+
index.h("sqm-invoice-table-download-column", null),
|
|
5239
|
+
index.h("sqm-invoice-table-date-column", { "column-title": text.dateColumnTitle }),
|
|
5240
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.invoiceColumnTitle, property: "invoiceId" }),
|
|
5241
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.earningsColumnTitle, property: "earnings" }),
|
|
5242
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.indirectTaxColumnTitle, property: "indirectTax" }),
|
|
5243
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.earningsAfterTaxColumnTitle, property: "netEarnings" })))))))))));
|
|
5232
5244
|
};
|
|
5233
5245
|
|
|
5234
5246
|
function getCountryName(countryCode, locale) {
|
|
@@ -5270,6 +5282,7 @@ const useTaxAndCashDashboard = (props) => {
|
|
|
5270
5282
|
const setStep = index_module.Sn(TAX_CONTEXT_NAMESPACE);
|
|
5271
5283
|
const setContext = index_module.Sn(TAX_FORM_CONTEXT_NAMESPACE);
|
|
5272
5284
|
const [showDialog, setShowDialog] = stencilHooks_module.useState(false);
|
|
5285
|
+
const [showVerification, setShowVerification] = stencilHooks_module.useState(false);
|
|
5273
5286
|
const locale = index_module.Q();
|
|
5274
5287
|
stencilHooks_module.useEffect(() => {
|
|
5275
5288
|
// Clear override context once on submitted
|
|
@@ -5300,6 +5313,7 @@ const useTaxAndCashDashboard = (props) => {
|
|
|
5300
5313
|
setStep("/3");
|
|
5301
5314
|
};
|
|
5302
5315
|
const provinceName = (_d = sqmInvoiceTableView.INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _d === void 0 ? void 0 : _d.displayName;
|
|
5316
|
+
const payoutStatus = usePayoutStatus.getStatus(data);
|
|
5303
5317
|
return {
|
|
5304
5318
|
states: {
|
|
5305
5319
|
dateSubmitted,
|
|
@@ -5322,12 +5336,15 @@ const useTaxAndCashDashboard = (props) => {
|
|
|
5322
5336
|
loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
|
|
5323
5337
|
showNewFormDialog: showDialog,
|
|
5324
5338
|
hasHold: !!((_m = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount) === null || _m === void 0 ? void 0 : _m.hold),
|
|
5339
|
+
payoutStatus,
|
|
5340
|
+
showVerifyIdentity: showVerification,
|
|
5325
5341
|
},
|
|
5326
5342
|
callbacks: {
|
|
5327
5343
|
onClick: () => setShowDialog(true),
|
|
5328
5344
|
onEditPayoutInfo,
|
|
5329
5345
|
onNewFormCancel: () => setShowDialog(false),
|
|
5330
5346
|
onNewFormClick,
|
|
5347
|
+
onVerifyIdentityCancel: () => setShowVerification(false),
|
|
5331
5348
|
},
|
|
5332
5349
|
text: props.getTextProps(),
|
|
5333
5350
|
};
|
|
@@ -5335,7 +5352,7 @@ const useTaxAndCashDashboard = (props) => {
|
|
|
5335
5352
|
|
|
5336
5353
|
const TaxAndCashDashboard = class {
|
|
5337
5354
|
constructor(hostRef) {
|
|
5338
|
-
index
|
|
5355
|
+
index.registerInstance(this, hostRef);
|
|
5339
5356
|
/**
|
|
5340
5357
|
* @uiName Active tax form badge label
|
|
5341
5358
|
*/
|
|
@@ -5511,6 +5528,23 @@ const TaxAndCashDashboard = class {
|
|
|
5511
5528
|
* @uiName Payout missing information subtext
|
|
5512
5529
|
*/
|
|
5513
5530
|
this.payoutMissingInformationText = "Missing banking information, go to Impact.com to resolve.";
|
|
5531
|
+
/**
|
|
5532
|
+
* Part of the alert displayed at the top of the page when the user needs to verify their identity.
|
|
5533
|
+
* @uiName Verification required alert message title
|
|
5534
|
+
* @uiWidget textArea
|
|
5535
|
+
*/
|
|
5536
|
+
this.verificationRequiredHeader = "Verify your identity";
|
|
5537
|
+
/**
|
|
5538
|
+
* Part of the alert displayed at the top of the page when the user needs to verify their identity
|
|
5539
|
+
* @uiName Verification required alert message description
|
|
5540
|
+
* @uiWidget textArea
|
|
5541
|
+
*/
|
|
5542
|
+
this.verificationRequiredDescription = "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.";
|
|
5543
|
+
/**
|
|
5544
|
+
* Part of the alert displayed at the top of the page when the user needs to verify their identity.
|
|
5545
|
+
* @uiName Verification required alert button text
|
|
5546
|
+
*/
|
|
5547
|
+
this.verificationRequiredButtonText = "Start Verification";
|
|
5514
5548
|
/**
|
|
5515
5549
|
* Part of the alert displayed at the top of the page.
|
|
5516
5550
|
* @uiName Form submission error message title
|
|
@@ -5595,7 +5629,7 @@ const TaxAndCashDashboard = class {
|
|
|
5595
5629
|
* @uiName Cancel button label
|
|
5596
5630
|
*/
|
|
5597
5631
|
this.cancelButton = "Cancel";
|
|
5598
|
-
stencilHooks_module.h(this);
|
|
5632
|
+
stencilHooks_module.h$1(this);
|
|
5599
5633
|
}
|
|
5600
5634
|
disconnectedCallback() { }
|
|
5601
5635
|
getTextProps() {
|
|
@@ -5614,8 +5648,8 @@ const TaxAndCashDashboard = class {
|
|
|
5614
5648
|
const props = index_module.isDemo()
|
|
5615
5649
|
? useDemoTaxAndCashDashboard(this)
|
|
5616
5650
|
: useTaxAndCashDashboard(this);
|
|
5617
|
-
return (index
|
|
5618
|
-
payoutDetailsCardSlot: (index
|
|
5651
|
+
return (index.h(index.Host, null, index.h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
|
|
5652
|
+
payoutDetailsCardSlot: (index.h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
|
|
5619
5653
|
} })));
|
|
5620
5654
|
}
|
|
5621
5655
|
};
|
|
@@ -5634,12 +5668,15 @@ function useDemoTaxAndCashDashboard(props) {
|
|
|
5634
5668
|
loading: false,
|
|
5635
5669
|
showNewFormDialog: false,
|
|
5636
5670
|
hasHold: false,
|
|
5671
|
+
showVerifyIdentity: false,
|
|
5672
|
+
payoutStatus: "DONE",
|
|
5637
5673
|
},
|
|
5638
5674
|
callbacks: {
|
|
5639
5675
|
onClick: () => console.debug("check step"),
|
|
5640
5676
|
onEditPayoutInfo: () => console.debug("payout info"),
|
|
5641
5677
|
onNewFormCancel: () => console.log("hide"),
|
|
5642
5678
|
onNewFormClick: () => console.log("show"),
|
|
5679
|
+
onVerifyIdentityCancel: () => console.log("hide"),
|
|
5643
5680
|
},
|
|
5644
5681
|
text: props.getTextProps(),
|
|
5645
5682
|
}, props.demoData || {}, { arrayMerge: (_, a) => a });
|
|
@@ -6751,7 +6788,7 @@ const UserInfoFormView = (props) => {
|
|
|
6751
6788
|
id: "bankingCollectionText",
|
|
6752
6789
|
defaultMessage: text.allowBankingCollection,
|
|
6753
6790
|
}, {
|
|
6754
|
-
termsAndConditionsLink: (index
|
|
6791
|
+
termsAndConditionsLink: (index.h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
|
|
6755
6792
|
});
|
|
6756
6793
|
let regionLabel = undefined;
|
|
6757
6794
|
switch (data.regionLabelEnum) {
|
|
@@ -6767,70 +6804,70 @@ const UserInfoFormView = (props) => {
|
|
|
6767
6804
|
default:
|
|
6768
6805
|
regionLabel = text.state;
|
|
6769
6806
|
}
|
|
6770
|
-
return (index
|
|
6771
|
-
index
|
|
6807
|
+
return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
|
|
6808
|
+
index.h("style", { type: "text/css" },
|
|
6772
6809
|
styleString$5,
|
|
6773
6810
|
vanillaStyle$3),
|
|
6774
|
-
states.loadingError && (index
|
|
6775
|
-
index
|
|
6776
|
-
index
|
|
6777
|
-
index
|
|
6778
|
-
index
|
|
6811
|
+
states.loadingError && (index.h("div", null,
|
|
6812
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$5.classes.AlertContainer },
|
|
6813
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
6814
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
6815
|
+
index.h("br", null),
|
|
6779
6816
|
text.error.loadingErrorAlertDescription),
|
|
6780
|
-
index
|
|
6781
|
-
states.loading ? (index
|
|
6782
|
-
index
|
|
6783
|
-
index
|
|
6784
|
-
!states.hideSteps && (index
|
|
6817
|
+
index.h("br", null))),
|
|
6818
|
+
states.loading ? (index.h(sqmInvoiceTableView.GeneralLoadingView, null)) : (index.h("div", null,
|
|
6819
|
+
index.h("div", { class: classes.TextContainer },
|
|
6820
|
+
index.h("div", null,
|
|
6821
|
+
!states.hideSteps && (index.h("p", null, global.intl.formatMessage({
|
|
6785
6822
|
id: "formStep",
|
|
6786
6823
|
defaultMessage: text.formStep,
|
|
6787
6824
|
}, { 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
|
|
6825
|
+
index.h("h3", null, text.personalInformation),
|
|
6826
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
|
|
6827
|
+
((_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 },
|
|
6828
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
6829
|
+
index.h("strong", null, text.error.generalTitle),
|
|
6830
|
+
index.h("br", null),
|
|
6794
6831
|
text.error.generalDescription)),
|
|
6795
|
-
(states.isPartner || states.isUser) && (index
|
|
6796
|
-
index
|
|
6797
|
-
index
|
|
6798
|
-
index
|
|
6832
|
+
(states.isPartner || states.isUser) && (index.h("sl-alert", { type: "primary", open: true, class: sheet$5.classes.PartnerAlertContainer, exportparts: "base: alert-base, icon:alert-icon" },
|
|
6833
|
+
index.h("sl-icon", { slot: "icon", name: "info-circle" }),
|
|
6834
|
+
index.h("strong", null, text.isPartnerAlertHeader),
|
|
6835
|
+
index.h("br", null),
|
|
6799
6836
|
text.isPartnerAlertDescription)),
|
|
6800
|
-
index
|
|
6801
|
-
index
|
|
6802
|
-
index
|
|
6837
|
+
index.h("div", null,
|
|
6838
|
+
index.h("div", { class: classes.InputContainer },
|
|
6839
|
+
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
6840
|
class: classes.ErrorInput,
|
|
6804
6841
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.firstName, formState.errors.firstName),
|
|
6805
6842
|
}
|
|
6806
6843
|
: {}), { id: "firstName", name: "/firstName", required: true })),
|
|
6807
|
-
index
|
|
6844
|
+
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
6845
|
class: classes.ErrorInput,
|
|
6809
6846
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.lastName, formState.errors.lastName),
|
|
6810
6847
|
}
|
|
6811
6848
|
: {}), { id: "lastName", name: "/lastName", required: true })),
|
|
6812
|
-
index
|
|
6813
|
-
index
|
|
6849
|
+
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 }),
|
|
6850
|
+
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
6851
|
class: classes.ErrorInput,
|
|
6815
6852
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.country, formState.errors.countryCode),
|
|
6816
6853
|
}
|
|
6817
6854
|
: {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("countryCode", e) }),
|
|
6818
|
-
index
|
|
6855
|
+
index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
|
|
6819
6856
|
// Stop shoelace intercepting key presses
|
|
6820
6857
|
e.stopPropagation();
|
|
6821
6858
|
}, "onSl-input": (e) => {
|
|
6822
6859
|
callbacks.setCountrySearch(e.target.value);
|
|
6823
6860
|
} }), (_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
|
|
6861
|
+
_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 :
|
|
6862
|
+
_f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
|
|
6863
|
+
index.h("div", { class: classes.PhoneInputsSection },
|
|
6864
|
+
index.h("p", null, text.phoneNumber),
|
|
6865
|
+
index.h("div", { class: classes.PhoneInputsContainer },
|
|
6866
|
+
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
6867
|
class: classes.ErrorInput,
|
|
6831
6868
|
}
|
|
6832
6869
|
: {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
|
|
6833
|
-
index
|
|
6870
|
+
index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
|
|
6834
6871
|
// Stop shoelace intercepting key presses
|
|
6835
6872
|
e.stopPropagation();
|
|
6836
6873
|
}, "onSl-input": (e) => {
|
|
@@ -6838,17 +6875,17 @@ const UserInfoFormView = (props) => {
|
|
|
6838
6875
|
} }), (_h = data === null || data === void 0 ? void 0 : data.phoneCountries) === null || _h === void 0 ? void 0 :
|
|
6839
6876
|
_h.map((c) => {
|
|
6840
6877
|
var _a, _b;
|
|
6841
|
-
return (index
|
|
6842
|
-
index
|
|
6878
|
+
return (index.h("sl-menu-item", { value: c.countryCode },
|
|
6879
|
+
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
6880
|
_b.dial_code));
|
|
6844
6881
|
}), (_j = data === null || data === void 0 ? void 0 : data.allCountries) === null || _j === void 0 ? void 0 :
|
|
6845
6882
|
_j.map((c) => {
|
|
6846
6883
|
var _a, _b;
|
|
6847
|
-
return (index
|
|
6848
|
-
index
|
|
6884
|
+
return (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
|
|
6885
|
+
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
6886
|
_b.dial_code));
|
|
6850
6887
|
})),
|
|
6851
|
-
index
|
|
6888
|
+
index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, validationError: ({ value }) =>
|
|
6852
6889
|
// Naive phone number validation
|
|
6853
6890
|
sqmInvoiceTableView.validateBillingField(/[a-zA-Z]+/, value) &&
|
|
6854
6891
|
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 +6893,7 @@ const UserInfoFormView = (props) => {
|
|
|
6856
6893
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
|
|
6857
6894
|
}
|
|
6858
6895
|
: {}), { required: true })))),
|
|
6859
|
-
index
|
|
6896
|
+
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
6897
|
// Checks for non-ASCII characters
|
|
6861
6898
|
!sqmInvoiceTableView.validateBillingField(/^[\x20-\xFF]+$/, value) &&
|
|
6862
6899
|
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 +6901,7 @@ const UserInfoFormView = (props) => {
|
|
|
6864
6901
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.address, formState.errors.address),
|
|
6865
6902
|
}
|
|
6866
6903
|
: {}), { required: true })),
|
|
6867
|
-
index
|
|
6904
|
+
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
6905
|
// Checks for non-ASCII characters
|
|
6869
6906
|
!sqmInvoiceTableView.validateBillingField(/^[\x20-\xFF]+$/, value) &&
|
|
6870
6907
|
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 +6909,41 @@ const UserInfoFormView = (props) => {
|
|
|
6872
6909
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.city, formState.errors.city),
|
|
6873
6910
|
}
|
|
6874
6911
|
: {}), { required: true })),
|
|
6875
|
-
!states.hideState && (index
|
|
6912
|
+
!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
6913
|
class: classes.ErrorInput,
|
|
6877
6914
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.state, formState.errors.state),
|
|
6878
6915
|
}
|
|
6879
|
-
: {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index
|
|
6880
|
-
index
|
|
6916
|
+
: {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
|
|
6917
|
+
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
6918
|
class: classes.ErrorInput,
|
|
6882
6919
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.postalCode, formState.errors.postalCode),
|
|
6883
6920
|
}
|
|
6884
6921
|
: {}), { required: true })),
|
|
6885
|
-
index
|
|
6922
|
+
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
6923
|
class: classes.ErrorInput,
|
|
6887
6924
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.currency, formState.errors.currency),
|
|
6888
6925
|
}
|
|
6889
6926
|
: {}), { required: true, ref: (el) => (refs.currencyRef.current = el) }),
|
|
6890
|
-
index
|
|
6927
|
+
index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCurrencyText, onKeyDown: (e) => {
|
|
6891
6928
|
// Stop shoelace intercepting key presses
|
|
6892
6929
|
e.stopPropagation();
|
|
6893
6930
|
}, "onSl-input": (e) => {
|
|
6894
6931
|
callbacks.setCurrencySearch(e.target.value);
|
|
6895
6932
|
} }), (_s = data === null || data === void 0 ? void 0 : data.currencies) === null || _s === void 0 ? void 0 :
|
|
6896
|
-
_s.map((c) => (index
|
|
6933
|
+
_s.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
|
|
6897
6934
|
c.currencyCode,
|
|
6898
6935
|
" - ",
|
|
6899
6936
|
c.displayName))), (_t = data === null || data === void 0 ? void 0 : data.allCurrencies) === null || _t === void 0 ? void 0 :
|
|
6900
|
-
_t.map((c) => (index
|
|
6937
|
+
_t.map((c) => (index.h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
|
|
6901
6938
|
c.currencyCode,
|
|
6902
6939
|
" - ",
|
|
6903
6940
|
c.displayName)))),
|
|
6904
|
-
index
|
|
6905
|
-
index
|
|
6941
|
+
index.h("div", { class: classes.CheckboxWrapper },
|
|
6942
|
+
index.h("sl-checkbox", { exportparts: "label: input-label, base: input-base", checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
|
|
6906
6943
|
e.target.value = e.target.checked;
|
|
6907
6944
|
}, 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
|
|
6945
|
+
((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (index.h("p", { class: classes.ErrorText }, sqmInvoiceTableView.formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
|
|
6946
|
+
index.h("sl-button", { type: "primary", disabled: states.isPartner ? false : states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
|
|
6910
6947
|
};
|
|
6911
6948
|
|
|
6912
6949
|
function useUserInfoForm(props) {
|
|
@@ -7106,7 +7143,7 @@ function useUserInfoForm(props) {
|
|
|
7106
7143
|
|
|
7107
7144
|
const TaxForm = class {
|
|
7108
7145
|
constructor(hostRef) {
|
|
7109
|
-
index
|
|
7146
|
+
index.registerInstance(this, hostRef);
|
|
7110
7147
|
this.ignored = true;
|
|
7111
7148
|
/**
|
|
7112
7149
|
* @uiName First name field label
|
|
@@ -7254,7 +7291,7 @@ const TaxForm = class {
|
|
|
7254
7291
|
* @uiName Page description
|
|
7255
7292
|
*/
|
|
7256
7293
|
this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
|
|
7257
|
-
stencilHooks_module.h(this);
|
|
7294
|
+
stencilHooks_module.h$1(this);
|
|
7258
7295
|
}
|
|
7259
7296
|
disconnectedCallback() { }
|
|
7260
7297
|
getTextProps() {
|
|
@@ -7274,7 +7311,7 @@ const TaxForm = class {
|
|
|
7274
7311
|
}
|
|
7275
7312
|
render() {
|
|
7276
7313
|
const props = index_module.isDemo() ? useDemoUserInfoForm(this) : useUserInfoForm(this);
|
|
7277
|
-
return (index
|
|
7314
|
+
return (index.h(index.Host, null, index.h(UserInfoFormView, { data: props.data,
|
|
7278
7315
|
// @ts-ignore
|
|
7279
7316
|
states: props.states, callbacks: {
|
|
7280
7317
|
...props.callbacks,
|