@saasquatch/mint-components 1.10.2-6 → 1.10.2-7
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-3777ddbe.js → ShadowViewAddon-bfb7992d.js} +37 -36
- package/dist/cjs/{global-975908ec.js → global-02e50f09.js} +10 -161
- package/dist/cjs/{index.module-b1f9bdb8.js → index.module-df530553.js} +227 -1398
- 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-95d86b86.js → re-render-1976e05e.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 +410 -411
- package/dist/cjs/sqm-big-stat_38.cjs.entry.js +75 -66
- package/dist/cjs/sqm-close-button.cjs.entry.js +3 -3
- package/dist/cjs/sqm-context-router.cjs.entry.js +3 -3
- 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-c3a5024d.js → sqm-invoice-table-view-28b14d28.js} +1 -1
- package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +8 -9
- package/dist/cjs/sqm-logout-current-user.cjs.entry.js +7 -8
- package/dist/cjs/{sqm-navigation-sidebar-item-view-d8a21014.js → sqm-navigation-sidebar-item-view-a125ec5f.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-72dca980.js → sqm-portal-email-verification-view-292b5bf4.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-c3754c1c.js → sqm-portal-profile-view-fde54e35.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-stencilbook.cjs.entry.js +47 -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/{stencil-hooks.module-a5a04d8a.js → stencil-hooks.module-72742a0b.js} +4 -1
- package/dist/cjs/{useChildElements-91b9f4ff.js → useChildElements-e0d44916.js} +2 -2
- package/dist/cjs/{useInstantAccessRegistration-610f4be8.js → useInstantAccessRegistration-bbe746d1.js} +3 -3
- package/dist/cjs/{useReferralTable-4756d4fc.js → useReferralTable-a76adb0d.js} +13 -14
- package/dist/cjs/{useRegistrationFormState-49251027.js → useRegistrationFormState-876ed65d.js} +2 -2
- package/dist/cjs/{utilities-42a1810d.js → utilities-cec9dd36.js} +2 -2
- package/dist/collection/components/sqm-leaderboard/Leaderboard.stories.js +32 -0
- package/dist/collection/components/sqm-leaderboard/sqm-leaderboard-view.js +6 -3
- package/dist/collection/components/sqm-leaderboard/sqm-leaderboard.js +57 -4
- package/dist/esm/{ShadowViewAddon-7ae0f3a0.js → ShadowViewAddon-e0a3df6c.js} +11 -10
- package/dist/esm/{global-8a95a0d3.js → global-04c7d3b5.js} +10 -161
- package/dist/esm/{index.module-f9338fc3.js → index.module-def4aec5.js} +222 -1396
- 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-f023c070.js → re-render-12fd274a.js} +2 -2
- package/dist/esm/sqm-asset-card.entry.js +2 -2
- package/dist/esm/sqm-banking-info-form_16.entry.js +9 -10
- package/dist/esm/sqm-big-stat_38.entry.js +22 -13
- package/dist/esm/sqm-close-button.entry.js +2 -2
- package/dist/esm/sqm-context-router.entry.js +2 -2
- 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-4ee8e011.js → sqm-invoice-table-view-34ac7513.js} +1 -1
- package/dist/esm/sqm-leaderboard-rank.entry.js +3 -4
- package/dist/esm/sqm-logout-current-user.entry.js +2 -3
- package/dist/esm/{sqm-navigation-sidebar-item-view-05fa5ccd.js → sqm-navigation-sidebar-item-view-60ef06cc.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-de203924.js → sqm-portal-email-verification-view-4307c992.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-0a31702e.js → sqm-portal-profile-view-ffe955c8.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-stencilbook.entry.js +45 -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/{stencil-hooks.module-3c7f7c90.js → stencil-hooks.module-ac12ca1c.js} +1 -1
- package/dist/esm/{useChildElements-e32fe084.js → useChildElements-32e1bda1.js} +2 -2
- package/dist/esm/{useInstantAccessRegistration-59d8b278.js → useInstantAccessRegistration-46b89952.js} +3 -3
- package/dist/esm/{useReferralTable-34d7f6ee.js → useReferralTable-f4de0650.js} +4 -5
- package/dist/esm/{useRegistrationFormState-a140a962.js → useRegistrationFormState-9fc1ac80.js} +2 -2
- package/dist/esm/{utilities-c197ef25.js → utilities-3f5bba22.js} +2 -2
- package/dist/esm-es5/ShadowViewAddon-e0a3df6c.js +1 -0
- package/dist/esm-es5/global-04c7d3b5.js +285 -0
- package/dist/esm-es5/index.module-def4aec5.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-f023c070.js → re-render-12fd274a.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_38.entry.js +1 -1
- package/dist/esm-es5/sqm-close-button.entry.js +1 -1
- package/dist/esm-es5/sqm-context-router.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-4ee8e011.js → sqm-invoice-table-view-34ac7513.js} +1 -1
- package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
- package/dist/esm-es5/sqm-logout-current-user.entry.js +1 -1
- package/dist/esm-es5/sqm-navigation-sidebar-item-view-60ef06cc.js +1 -0
- 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-de203924.js → sqm-portal-email-verification-view-4307c992.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-0a31702e.js → sqm-portal-profile-view-ffe955c8.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-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/{stencil-hooks.module-3c7f7c90.js → stencil-hooks.module-ac12ca1c.js} +1 -1
- package/dist/esm-es5/useChildElements-32e1bda1.js +1 -0
- package/dist/esm-es5/useInstantAccessRegistration-46b89952.js +1 -0
- package/dist/esm-es5/useReferralTable-f4de0650.js +1 -0
- package/dist/esm-es5/useRegistrationFormState-9fc1ac80.js +1 -0
- package/dist/esm-es5/{utilities-c197ef25.js → utilities-3f5bba22.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-01cfff8a.system.entry.js +1 -0
- package/dist/mint-components/{p-2e6e8fc0.system.js → p-02424350.system.js} +1 -1
- package/dist/mint-components/{p-de1ab7b7.system.entry.js → p-07f675ab.system.entry.js} +1 -1
- package/dist/mint-components/{p-2755b7e6.js → p-0b9fa97f.js} +1 -1
- package/dist/mint-components/{p-fc5fa9b1.system.js → p-0d8c53ac.system.js} +1 -1
- package/dist/mint-components/p-10e89d0a.entry.js +1 -0
- package/dist/mint-components/{p-1e0a0f60.entry.js → p-137ea86e.entry.js} +1 -1
- package/dist/mint-components/{p-cdd04337.entry.js → p-178d2d2e.entry.js} +1 -1
- package/dist/mint-components/p-1c857edb.entry.js +33 -0
- package/dist/mint-components/p-1dd69917.system.entry.js +1 -0
- package/dist/mint-components/{p-4e792e17.entry.js → p-1fe65a36.entry.js} +1 -1
- package/dist/mint-components/{p-9223640e.js → p-251e7567.js} +1 -1
- package/dist/mint-components/{p-0979f82e.system.js → p-2a414b2e.system.js} +2 -2
- package/dist/mint-components/p-2dd67762.entry.js +1 -0
- package/dist/mint-components/{p-0d77f228.js → p-2ee2ebba.js} +4 -4
- package/dist/mint-components/{p-bd25d190.entry.js → p-3223ba7b.entry.js} +1 -1
- package/dist/mint-components/p-32d1d162.entry.js +1 -0
- package/dist/mint-components/{p-1b5eeaa4.system.entry.js → p-34fd1229.system.entry.js} +1 -1
- package/dist/mint-components/p-35d84041.system.entry.js +1 -0
- package/dist/mint-components/{p-cb45d0a8.system.js → p-370a1a73.system.js} +1 -1
- package/dist/mint-components/{p-0ad02032.system.js → p-3d4656bb.system.js} +1 -1
- package/dist/mint-components/p-3ec16698.entry.js +13 -0
- package/dist/mint-components/{p-d7bc0a83.js → p-41a11a7f.js} +1 -1
- package/dist/mint-components/{p-15399c43.entry.js → p-41f15489.entry.js} +1 -1
- package/dist/mint-components/{p-af870849.system.entry.js → p-4502ed11.system.entry.js} +1 -1
- package/dist/mint-components/p-471f5d95.system.entry.js +1 -0
- package/dist/mint-components/{p-21b00d45.js → p-4d233cd4.js} +1 -1
- package/dist/mint-components/{p-8dd1b127.system.js → p-4df8f1d2.system.js} +1 -1
- package/dist/mint-components/p-4ea58025.system.entry.js +1 -0
- package/dist/mint-components/{p-76b4892f.entry.js → p-4edde470.entry.js} +1 -1
- package/dist/mint-components/p-51f517a2.js +1 -0
- package/dist/mint-components/{p-2cc82672.entry.js → p-56f14840.entry.js} +1 -1
- package/dist/mint-components/{p-183c8ecc.system.entry.js → p-58ef25d3.system.entry.js} +1 -1
- package/dist/mint-components/{p-87165876.system.js → p-59fe4ad1.system.js} +22 -22
- package/dist/mint-components/p-5be235f9.entry.js +1 -0
- package/dist/mint-components/{p-b30636fc.system.entry.js → p-5cac90e8.system.entry.js} +1 -1
- package/dist/mint-components/{p-9396fa35.system.entry.js → p-5f1c4160.system.entry.js} +1 -1
- package/dist/mint-components/{p-773cead3.js → p-61eab172.js} +1 -1
- package/dist/mint-components/{p-f9780efd.system.js → p-674a64fe.system.js} +1 -1
- package/dist/mint-components/{p-95af445c.system.entry.js → p-6afb4f48.system.entry.js} +1 -1
- package/dist/mint-components/{p-00d12178.entry.js → p-6cef104b.entry.js} +1 -1
- package/dist/mint-components/p-7049e9b0.entry.js +1 -0
- package/dist/mint-components/p-733825fa.system.entry.js +1 -0
- package/dist/mint-components/p-770368bc.system.js +1 -0
- package/dist/mint-components/{p-37f67540.system.entry.js → p-7731f793.system.entry.js} +1 -1
- package/dist/mint-components/p-79191f88.entry.js +1 -0
- package/dist/mint-components/{p-31f08988.entry.js → p-7a89f528.entry.js} +2 -2
- package/dist/mint-components/{p-545402ff.entry.js → p-7f088154.entry.js} +1 -1
- package/dist/mint-components/{p-b5db456f.system.entry.js → p-8679ed9f.system.entry.js} +1 -1
- package/dist/mint-components/{p-1948d476.entry.js → p-86990110.entry.js} +1 -1
- package/dist/mint-components/{p-70890ada.js → p-8704937c.js} +153 -153
- package/dist/mint-components/{p-14beec1b.system.entry.js → p-88aac6a9.system.entry.js} +1 -1
- package/dist/mint-components/p-8b5b78ca.entry.js +1 -0
- package/dist/mint-components/p-8e907ac7.system.entry.js +1 -0
- package/dist/mint-components/p-91669312.entry.js +1 -0
- package/dist/mint-components/p-9c310991.system.entry.js +1 -0
- package/dist/mint-components/{p-b6593d79.js → p-a15e3807.js} +24 -24
- package/dist/mint-components/p-a1dba9a1.system.entry.js +1 -0
- package/dist/mint-components/p-a6a7dcaa.js +1 -0
- package/dist/mint-components/p-a8f7cb95.js +1 -0
- package/dist/mint-components/{p-bd229b60.entry.js → p-a9050eb0.entry.js} +1 -1
- package/dist/mint-components/p-aad11a68.entry.js +1 -0
- package/dist/mint-components/p-aedddb29.system.entry.js +1 -0
- package/dist/mint-components/{p-3c9b7cf5.system.entry.js → p-af062c8f.system.entry.js} +1 -1
- package/dist/mint-components/{p-e6024536.system.entry.js → p-afd366ae.system.entry.js} +1 -1
- package/dist/mint-components/{p-4519b7a5.system.entry.js → p-b12f7281.system.entry.js} +1 -1
- package/dist/mint-components/{p-1426f887.js → p-b23d5520.js} +1 -1
- package/dist/mint-components/p-b2507e82.entry.js +223 -0
- package/dist/mint-components/p-b370fca8.system.js +1 -0
- package/dist/mint-components/p-b3b5b4b7.system.entry.js +1 -0
- package/dist/mint-components/{p-2b4fbcf7.entry.js → p-b45ba369.entry.js} +9 -9
- package/dist/mint-components/{p-c96b66e0.entry.js → p-b4c52c5a.entry.js} +3 -3
- package/dist/mint-components/p-b5861974.system.entry.js +1 -0
- package/dist/mint-components/{p-8369d5c3.system.entry.js → p-b6fc1227.system.entry.js} +1 -1
- package/dist/mint-components/{p-105d3cea.system.js → p-bc51264d.system.js} +1 -1
- package/dist/mint-components/{p-022d8077.system.entry.js → p-be4b748a.system.entry.js} +1 -1
- package/dist/mint-components/p-c34a507e.system.entry.js +1 -0
- package/dist/mint-components/p-c84659a3.system.js +1 -0
- package/dist/mint-components/p-c8878e79.entry.js +1 -0
- package/dist/mint-components/{p-7c4879fd.entry.js → p-ce5afa40.entry.js} +1 -1
- package/dist/mint-components/{p-350f61cd.js → p-ce621bcc.js} +1 -1
- package/dist/mint-components/{p-e5299352.system.js → p-ce9e7c98.system.js} +1 -1
- package/dist/mint-components/{p-dd18c75b.system.entry.js → p-cf690d55.system.entry.js} +1 -1
- package/dist/mint-components/p-cfb48ad2.system.entry.js +1 -0
- package/dist/mint-components/{p-5c602e84.entry.js → p-dd0d79bf.entry.js} +1 -1
- package/dist/mint-components/{p-07957c5a.system.js → p-dd7ee007.system.js} +1 -1
- package/dist/mint-components/{p-cb550bef.entry.js → p-e3735866.entry.js} +2 -2
- package/dist/mint-components/p-e5a0c50e.entry.js +13 -0
- package/dist/mint-components/{p-86ba3785.js → p-eaada4da.js} +1 -1
- package/dist/mint-components/{p-208cf52b.system.entry.js → p-eba44835.system.entry.js} +1 -1
- package/dist/mint-components/{p-02acb970.system.js → p-ed095674.system.js} +1 -1
- package/dist/mint-components/{p-2932de37.system.js → p-ed17e637.system.js} +1 -1
- package/dist/mint-components/p-ed650f66.system.js +1 -0
- 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-43701d0d.system.entry.js → p-fb20eb5e.system.entry.js} +1 -1
- package/dist/mint-components/{p-79097c07.entry.js → p-fbdf0738.entry.js} +1 -1
- package/dist/mint-components/{p-1b24bb52.js → p-fd2c5407.js} +1 -1
- package/dist/mint-components/{p-45e6592d.entry.js → p-fe5675b3.entry.js} +1 -1
- package/dist/types/components/sqm-leaderboard/Leaderboard.stories.d.ts +1 -0
- package/dist/types/components/sqm-leaderboard/sqm-leaderboard-view.d.ts +2 -0
- package/dist/types/components/sqm-leaderboard/sqm-leaderboard.d.ts +10 -1
- package/dist/types/components/sqm-leaderboard/useLeaderboard.d.ts +1 -0
- package/dist/types/components.d.ts +18 -2
- 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-7ae0f3a0.js +0 -1
- package/dist/esm-es5/global-8a95a0d3.js +0 -285
- package/dist/esm-es5/index-0c7b14c5.js +0 -1
- package/dist/esm-es5/index.module-f9338fc3.js +0 -53
- package/dist/esm-es5/sqm-navigation-sidebar-item-view-05fa5ccd.js +0 -1
- package/dist/esm-es5/useChildElements-e32fe084.js +0 -1
- package/dist/esm-es5/useInstantAccessRegistration-59d8b278.js +0 -1
- package/dist/esm-es5/useReferralTable-34d7f6ee.js +0 -1
- package/dist/esm-es5/useRegistrationFormState-a140a962.js +0 -1
- package/dist/mint-components/p-0043bc3c.js +0 -1
- package/dist/mint-components/p-08bf5051.system.entry.js +0 -1
- package/dist/mint-components/p-098b5cef.system.entry.js +0 -1
- package/dist/mint-components/p-118c20e6.system.entry.js +0 -1
- package/dist/mint-components/p-12a1697b.system.js +0 -1
- package/dist/mint-components/p-17554cca.system.entry.js +0 -1
- package/dist/mint-components/p-1975adfc.entry.js +0 -1
- package/dist/mint-components/p-269fbf0d.entry.js +0 -1
- package/dist/mint-components/p-2db204e7.entry.js +0 -1
- package/dist/mint-components/p-3030c6ba.system.js +0 -1
- package/dist/mint-components/p-38211322.system.entry.js +0 -1
- package/dist/mint-components/p-3bd60021.system.js +0 -53
- package/dist/mint-components/p-4414e194.system.entry.js +0 -1
- package/dist/mint-components/p-48409171.entry.js +0 -33
- package/dist/mint-components/p-55d7380c.entry.js +0 -13
- package/dist/mint-components/p-57e9275a.system.entry.js +0 -1
- package/dist/mint-components/p-5873fc01.js +0 -1
- package/dist/mint-components/p-65c4e820.entry.js +0 -223
- package/dist/mint-components/p-6fbfd683.js +0 -1
- package/dist/mint-components/p-755073e7.entry.js +0 -1
- package/dist/mint-components/p-858a87ce.entry.js +0 -1
- package/dist/mint-components/p-85c56a32.system.entry.js +0 -1
- package/dist/mint-components/p-89669879.system.js +0 -1
- package/dist/mint-components/p-9a8180f3.entry.js +0 -1
- package/dist/mint-components/p-a06ac84d.entry.js +0 -1
- package/dist/mint-components/p-a252acc8.system.entry.js +0 -1
- package/dist/mint-components/p-a3e853b9.entry.js +0 -1
- package/dist/mint-components/p-a716994f.entry.js +0 -13
- package/dist/mint-components/p-af4357ee.system.js +0 -1
- package/dist/mint-components/p-bc9b2c8b.entry.js +0 -1
- package/dist/mint-components/p-bd124285.system.entry.js +0 -1
- package/dist/mint-components/p-c176d02b.js +0 -42
- package/dist/mint-components/p-c1c5ca28.system.entry.js +0 -1
- package/dist/mint-components/p-c7572e7e.system.entry.js +0 -1
- package/dist/mint-components/p-cac64545.system.entry.js +0 -1
- package/dist/mint-components/p-d6dd11db.system.entry.js +0 -1
- package/dist/mint-components/p-db39e02a.entry.js +0 -1
|
@@ -2,22 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index
|
|
6
|
-
const stencilHooks_module = require('./stencil-hooks.module-
|
|
7
|
-
const global = require('./global-
|
|
8
|
-
const index_module = require('./index.module-
|
|
5
|
+
const index = require('./index-b0129cd6.js');
|
|
6
|
+
const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
|
|
7
|
+
const global = require('./global-02e50f09.js');
|
|
8
|
+
const index_module = require('./index.module-df530553.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-4756d4fc.js');
|
|
14
|
+
const reRender = require('./re-render-1976e05e.js');
|
|
15
|
+
const useChildElements = require('./useChildElements-e0d44916.js');
|
|
16
|
+
const luxon = require('./luxon-05098e19.js');
|
|
17
|
+
const useReferralTable = require('./useReferralTable-a76adb0d.js');
|
|
18
18
|
const utils = require('./utils-6847bc06.js');
|
|
19
|
-
const
|
|
20
|
-
const sqmInvoiceTableView = require('./sqm-invoice-table-view-c3a5024d.js');
|
|
19
|
+
const sqmInvoiceTableView = require('./sqm-invoice-table-view-28b14d28.js');
|
|
21
20
|
|
|
22
21
|
const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
|
|
23
22
|
const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
|
|
@@ -29,7 +28,7 @@ const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
|
|
|
29
28
|
const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
|
|
30
29
|
const CURRENCIES_NAMESPACE = "sq:currencies:list";
|
|
31
30
|
const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
|
|
32
|
-
const GET_USER =
|
|
31
|
+
const GET_USER = index_module.dist.gql `
|
|
33
32
|
query getUserTaxInfo {
|
|
34
33
|
user: viewer {
|
|
35
34
|
... on User {
|
|
@@ -89,7 +88,7 @@ const GET_USER = index.dist.gql `
|
|
|
89
88
|
}
|
|
90
89
|
}
|
|
91
90
|
`;
|
|
92
|
-
const GET_COUNTRIES =
|
|
91
|
+
const GET_COUNTRIES = index_module.dist.gql `
|
|
93
92
|
query getCountries {
|
|
94
93
|
impactPayoutCountries(limit: 1000) {
|
|
95
94
|
data {
|
|
@@ -99,7 +98,7 @@ const GET_COUNTRIES = index.dist.gql `
|
|
|
99
98
|
}
|
|
100
99
|
}
|
|
101
100
|
`;
|
|
102
|
-
const GET_CURRENCIES =
|
|
101
|
+
const GET_CURRENCIES = index_module.dist.gql `
|
|
103
102
|
query currencies($locale: RSLocale) {
|
|
104
103
|
currencies(limit: 300) {
|
|
105
104
|
data {
|
|
@@ -109,7 +108,7 @@ const GET_CURRENCIES = index.dist.gql `
|
|
|
109
108
|
}
|
|
110
109
|
}
|
|
111
110
|
`;
|
|
112
|
-
const GET_FINANCE_NETWORK_SETTINGS =
|
|
111
|
+
const GET_FINANCE_NETWORK_SETTINGS = index_module.dist.gql `
|
|
113
112
|
query impactFinanceNetworkSettings(
|
|
114
113
|
$filter: ImpactFinanceNetworkSettingsFilterInput
|
|
115
114
|
) {
|
|
@@ -135,7 +134,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
135
134
|
const { errors, ...formState } = props.states.formState;
|
|
136
135
|
return {
|
|
137
136
|
0: {
|
|
138
|
-
input: (index
|
|
137
|
+
input: (index.h("sl-input", Object.assign({ required: true, label: props.text.beneficiaryAccountNameLabel, name: "/beneficiaryAccountName", id: "beneficiaryAccountName", key: "beneficiaryAccountName", type: "text" }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.beneficiaryAccountName) && {
|
|
139
138
|
class: "error-input",
|
|
140
139
|
helpText: getValidationErrorMessage({
|
|
141
140
|
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,
|
|
@@ -144,18 +143,18 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
144
143
|
})))),
|
|
145
144
|
},
|
|
146
145
|
1: {
|
|
147
|
-
input: (index
|
|
146
|
+
input: (index.h("sl-select", Object.assign({ required: true, label: props.text.bankAccountTypeLabel, name: "/bankAccountType", id: "bankAccountType", key: "bankAccountType" }, (((_d = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _d === void 0 ? void 0 : _d.bankAccountType) && {
|
|
148
147
|
class: "error-input",
|
|
149
148
|
helpText: getValidationErrorMessage({
|
|
150
149
|
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,
|
|
151
150
|
label: props.text.bankAccountTypeLabel,
|
|
152
151
|
}),
|
|
153
152
|
})),
|
|
154
|
-
index
|
|
155
|
-
index
|
|
153
|
+
index.h("sl-menu-item", { value: "CHECKING" }, props.text.checkingSelectItemLabel),
|
|
154
|
+
index.h("sl-menu-item", { value: "SAVINGS" }, props.text.savingsSelectItemLabel))),
|
|
156
155
|
},
|
|
157
156
|
2: {
|
|
158
|
-
input: (index
|
|
157
|
+
input: (index.h("sl-input", Object.assign({ required: true, label: props.text.bankAccountNumberLabel, name: "/bankAccountNumber", id: "bankAccountNumber", key: "bankAccountNumber", value: formState.bankAccountNumber, type: "text" }, (((_g = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _g === void 0 ? void 0 : _g.bankAccountNumber) && {
|
|
159
158
|
class: "error-input",
|
|
160
159
|
helpText: getValidationErrorMessage({
|
|
161
160
|
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,
|
|
@@ -164,7 +163,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
164
163
|
})))),
|
|
165
164
|
},
|
|
166
165
|
3: {
|
|
167
|
-
input: (index
|
|
166
|
+
input: (index.h("sl-input", Object.assign({ required: true, label: props.text.ibanLabel, name: "/bankAccountNumber", id: "iban", key: "iban", type: "text", value: formState.bankAccountNumber }, (((_k = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _k === void 0 ? void 0 : _k.bankAccountNumber) && {
|
|
168
167
|
class: "error-input",
|
|
169
168
|
helpText: getValidationErrorMessage({
|
|
170
169
|
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,
|
|
@@ -173,7 +172,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
173
172
|
})))),
|
|
174
173
|
},
|
|
175
174
|
4: {
|
|
176
|
-
input: (index
|
|
175
|
+
input: (index.h("sl-input", Object.assign({ required: true, label: props.text.swiftCodeLabel, name: "/swiftCode", id: "swiftCode", key: "swiftCode", type: "text" }, (((_o = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _o === void 0 ? void 0 : _o.swiftCode) && {
|
|
177
176
|
class: "error-input",
|
|
178
177
|
helpText: getValidationErrorMessage({
|
|
179
178
|
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,
|
|
@@ -182,7 +181,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
182
181
|
})))),
|
|
183
182
|
},
|
|
184
183
|
5: {
|
|
185
|
-
input: (index
|
|
184
|
+
input: (index.h("sl-input", Object.assign({ required: true, label: global.intl.formatMessage({
|
|
186
185
|
id: "routingCodeText",
|
|
187
186
|
defaultMessage: props.text.routingCodeLabel,
|
|
188
187
|
}, {
|
|
@@ -201,7 +200,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
201
200
|
})))),
|
|
202
201
|
},
|
|
203
202
|
6: {
|
|
204
|
-
input: (index
|
|
203
|
+
input: (index.h("sl-input", Object.assign({ required: true, label: props.text.bankNameLabel, name: "/bankName", id: "bankName", key: "bankName", type: "text" }, (((_u = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _u === void 0 ? void 0 : _u.bankName) && {
|
|
205
204
|
class: "error-input",
|
|
206
205
|
helpText: getValidationErrorMessage({
|
|
207
206
|
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,
|
|
@@ -211,17 +210,17 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
211
210
|
},
|
|
212
211
|
7: {
|
|
213
212
|
input: [
|
|
214
|
-
index
|
|
213
|
+
index.h("sl-select", Object.assign({ required: true, label: props.text.classificationLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_x = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _x === void 0 ? void 0 : _x.beneficiaryClassification) && {
|
|
215
214
|
class: "error-input",
|
|
216
215
|
helpText: getValidationErrorMessage({
|
|
217
216
|
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,
|
|
218
217
|
label: props.text.classificationLabel,
|
|
219
218
|
}),
|
|
220
219
|
})),
|
|
221
|
-
index
|
|
222
|
-
index
|
|
223
|
-
index
|
|
224
|
-
index
|
|
220
|
+
index.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
|
|
221
|
+
index.h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
|
|
222
|
+
index.h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel)),
|
|
223
|
+
index.h("sl-input", Object.assign({ required: true, label: global.intl.formatMessage({
|
|
225
224
|
id: "fxWireText",
|
|
226
225
|
defaultMessage: props.text.taxPayerIdLabel,
|
|
227
226
|
}, {
|
|
@@ -236,18 +235,18 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
236
235
|
],
|
|
237
236
|
},
|
|
238
237
|
8: {
|
|
239
|
-
input: (index
|
|
238
|
+
input: (index.h("sl-select", Object.assign({ required: true, label: props.text.classificationCPFLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_3 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _3 === void 0 ? void 0 : _3.beneficiaryClassification) && {
|
|
240
239
|
class: "error-input",
|
|
241
240
|
helpText: getValidationErrorMessage({
|
|
242
241
|
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,
|
|
243
242
|
label: props.text.classificationCPFLabel,
|
|
244
243
|
}),
|
|
245
244
|
})),
|
|
246
|
-
index
|
|
247
|
-
index
|
|
245
|
+
index.h("sl-menu-item", { value: "CPF" }, "CPF"),
|
|
246
|
+
index.h("sl-menu-item", { value: "CNPJ" }, "CNPJ"))),
|
|
248
247
|
},
|
|
249
248
|
9: {
|
|
250
|
-
input: (index
|
|
249
|
+
input: (index.h("sl-input", Object.assign({ key: "patronymicName", required: true, label: props.text.patronymicNameLabel, name: "/patronymicName", id: "patronymicName", type: "text" }, (((_6 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _6 === void 0 ? void 0 : _6.patronymicName) && {
|
|
251
250
|
class: "error-input",
|
|
252
251
|
helpText: getValidationErrorMessage({
|
|
253
252
|
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,
|
|
@@ -256,7 +255,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
256
255
|
})))),
|
|
257
256
|
},
|
|
258
257
|
10: {
|
|
259
|
-
input: (index
|
|
258
|
+
input: (index.h("sl-input", Object.assign({ key: "voCode", label: props.text.voCodeLabel, name: "/voCode", id: "voCode", type: "text" }, (((_9 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _9 === void 0 ? void 0 : _9.voCode) && {
|
|
260
259
|
class: "error-input",
|
|
261
260
|
helpText: getValidationErrorMessage({
|
|
262
261
|
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,
|
|
@@ -265,7 +264,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
265
264
|
})))),
|
|
266
265
|
},
|
|
267
266
|
11: {
|
|
268
|
-
input: (index
|
|
267
|
+
input: (index.h("sl-input", Object.assign({ required: true, label: props.text.agencyCodeLabel, name: "/agencyCode", id: "agencyCode", key: "agencyCode", type: "text" }, (((_12 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _12 === void 0 ? void 0 : _12.agencyCode) && {
|
|
269
268
|
class: "error-input",
|
|
270
269
|
helpText: getValidationErrorMessage({
|
|
271
270
|
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,
|
|
@@ -275,28 +274,28 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
275
274
|
},
|
|
276
275
|
12: {
|
|
277
276
|
input: [
|
|
278
|
-
index
|
|
277
|
+
index.h("sl-input", Object.assign({ required: true, label: props.text.bankAddressLabel, name: "/bankAddress", id: "bankAddress", key: "bankAddress", type: "text" }, (((_15 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _15 === void 0 ? void 0 : _15.bankAddress) && {
|
|
279
278
|
class: "error-input",
|
|
280
279
|
helpText: getValidationErrorMessage({
|
|
281
280
|
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,
|
|
282
281
|
label: props.text.bankAddressLabel,
|
|
283
282
|
}),
|
|
284
283
|
}))),
|
|
285
|
-
index
|
|
284
|
+
index.h("sl-input", Object.assign({ required: true, label: props.text.bankCityLabel, name: "/bankCity", id: "bankCity", key: "bankCity", type: "text" }, (((_18 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _18 === void 0 ? void 0 : _18.bankCity) && {
|
|
286
285
|
class: "error-input",
|
|
287
286
|
helpText: getValidationErrorMessage({
|
|
288
287
|
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,
|
|
289
288
|
label: props.text.bankCityLabel,
|
|
290
289
|
}),
|
|
291
290
|
}))),
|
|
292
|
-
index
|
|
291
|
+
index.h("sl-input", Object.assign({ required: true, label: props.text.bankStateLabel, name: "/bankState", id: "bankState", key: "bankState", type: "text" }, (((_21 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _21 === void 0 ? void 0 : _21.bankState) && {
|
|
293
292
|
class: "error-input",
|
|
294
293
|
helpText: getValidationErrorMessage({
|
|
295
294
|
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,
|
|
296
295
|
label: props.text.bankStateLabel,
|
|
297
296
|
}),
|
|
298
297
|
}))),
|
|
299
|
-
index
|
|
298
|
+
index.h("sl-input", Object.assign({ required: true, label: props.text.bankPostalCodeLabel, name: "/bankPostalCode", id: "bankPostalCode", key: "bankPostalCode", type: "text" }, (((_24 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _24 === void 0 ? void 0 : _24.bankPostalCode) && {
|
|
300
299
|
class: "error-input",
|
|
301
300
|
helpText: getValidationErrorMessage({
|
|
302
301
|
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,
|
|
@@ -306,7 +305,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
306
305
|
],
|
|
307
306
|
},
|
|
308
307
|
13: {
|
|
309
|
-
input: (index
|
|
308
|
+
input: (index.h("sl-input", Object.assign({ required: true, label: props.text.branchCodeLabel, name: "/branchCode", id: "branchCode", key: "branchCode", type: "text" }, (((_27 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _27 === void 0 ? void 0 : _27.branchCode) && {
|
|
310
309
|
class: "error-input",
|
|
311
310
|
helpText: getValidationErrorMessage({
|
|
312
311
|
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,
|
|
@@ -315,16 +314,16 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
315
314
|
})))),
|
|
316
315
|
},
|
|
317
316
|
14: {
|
|
318
|
-
input: (index
|
|
317
|
+
input: (index.h("sl-select", Object.assign({ required: true, label: props.text.classificationLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_30 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _30 === void 0 ? void 0 : _30.beneficiaryClassification) && {
|
|
319
318
|
class: "error-input",
|
|
320
319
|
helpText: getValidationErrorMessage({
|
|
321
320
|
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,
|
|
322
321
|
label: props.text.classificationLabel,
|
|
323
322
|
}),
|
|
324
323
|
})),
|
|
325
|
-
index
|
|
326
|
-
index
|
|
327
|
-
index
|
|
324
|
+
index.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
|
|
325
|
+
index.h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
|
|
326
|
+
index.h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel))),
|
|
328
327
|
},
|
|
329
328
|
};
|
|
330
329
|
}
|
|
@@ -822,80 +821,80 @@ const BankingInfoFormView = (props) => {
|
|
|
822
821
|
gap: "8px",
|
|
823
822
|
};
|
|
824
823
|
if (checkedValue === undefined) {
|
|
825
|
-
return (index
|
|
826
|
-
index
|
|
827
|
-
index
|
|
828
|
-
index
|
|
829
|
-
index
|
|
830
|
-
index
|
|
831
|
-
index
|
|
832
|
-
index
|
|
824
|
+
return (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column", gap: "16px" } },
|
|
825
|
+
index.h("div", { class: classes.SmallSkeleton }),
|
|
826
|
+
index.h("div", { style: { ...flexBoxStyle, flexDirection: "row" } },
|
|
827
|
+
index.h("div", { class: classes.CheckboxSkeleton }),
|
|
828
|
+
index.h("div", { class: classes.SmallSkeleton })),
|
|
829
|
+
index.h("div", { style: { ...flexBoxStyle, flexDirection: "row" } },
|
|
830
|
+
index.h("div", { class: classes.CheckboxSkeleton }),
|
|
831
|
+
index.h("div", { class: classes.SmallSkeleton }))));
|
|
833
832
|
}
|
|
834
833
|
if (checkedValue === "toPayPalAccount") {
|
|
835
|
-
return (index
|
|
836
|
-
index
|
|
837
|
-
index
|
|
834
|
+
return (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column" } },
|
|
835
|
+
index.h("div", { class: classes.SmallSkeleton }),
|
|
836
|
+
index.h("div", { class: classes.LargeSkeleton })));
|
|
838
837
|
}
|
|
839
|
-
const skeletons = inputNumArray.map((_, idx) => (index
|
|
840
|
-
index
|
|
841
|
-
index
|
|
838
|
+
const skeletons = inputNumArray.map((_, idx) => (index.h("div", { style: { ...flexBoxStyle, flexDirection: "column" }, key: idx },
|
|
839
|
+
index.h("div", { class: classes.SmallSkeleton }),
|
|
840
|
+
index.h("div", { class: classes.LargeSkeleton }))));
|
|
842
841
|
return skeletons;
|
|
843
842
|
};
|
|
844
|
-
return (index
|
|
845
|
-
index
|
|
843
|
+
return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
|
|
844
|
+
index.h("style", { type: "text/css" },
|
|
846
845
|
styleString,
|
|
847
846
|
vanillaStyle),
|
|
848
|
-
index
|
|
849
|
-
index
|
|
850
|
-
!states.hideSteps && (index
|
|
847
|
+
index.h("div", { class: classes.TextContainer },
|
|
848
|
+
index.h("div", null,
|
|
849
|
+
!states.hideSteps && (index.h("p", null, global.intl.formatMessage({
|
|
851
850
|
id: "formStep",
|
|
852
851
|
defaultMessage: text.formStep,
|
|
853
852
|
}, { step: states.step, count: FORM_STEPS }))),
|
|
854
|
-
index
|
|
855
|
-
index
|
|
856
|
-
((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
857
|
-
index
|
|
858
|
-
index
|
|
859
|
-
index
|
|
853
|
+
index.h("h3", { style: { fontSize: "24px" } }, text.taxAndPayouts),
|
|
854
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription)),
|
|
855
|
+
((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet.classes.AlertContainer },
|
|
856
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
857
|
+
index.h("strong", null, text.error.generalTitle),
|
|
858
|
+
index.h("br", null),
|
|
860
859
|
text.error.generalDescription)),
|
|
861
|
-
states.isPartner && !states.hideSteps && (index
|
|
862
|
-
index
|
|
863
|
-
index
|
|
864
|
-
index
|
|
860
|
+
states.isPartner && !states.hideSteps && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: sheet.classes.PartnerAlertContainer },
|
|
861
|
+
index.h("sl-icon", { slot: "icon", name: "info-circle" }),
|
|
862
|
+
index.h("strong", null, text.isPartnerAlertHeader),
|
|
863
|
+
index.h("br", null),
|
|
865
864
|
text.isPartnerAlertDescription)),
|
|
866
|
-
index
|
|
867
|
-
index
|
|
868
|
-
index
|
|
869
|
-
index
|
|
870
|
-
index
|
|
871
|
-
states.hasPayPal && (index
|
|
872
|
-
formState.paymentMethodChecked === "toBankAccount" && (index
|
|
865
|
+
index.h("div", null,
|
|
866
|
+
index.h("h4", null, text.paymentMethod),
|
|
867
|
+
index.h("p", { class: classes.DescriptionText }, text.paymentMethodSubtext))),
|
|
868
|
+
index.h("div", null,
|
|
869
|
+
index.h("div", { class: classes.CheckboxContainer }, states.loading && formState.paymentMethodChecked === undefined ? (getLoadingSkeleton(undefined)) : (index.h("div", { class: classes.RadioContainer },
|
|
870
|
+
states.hasPayPal && (index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toBankAccount", onInput: () => callbacks.setPaymentMethodChecked("toBankAccount"), disabled: states.disabled, id: "toBankAccount", name: "/toBankAccount" }, text.directlyToBankAccount)),
|
|
871
|
+
formState.paymentMethodChecked === "toBankAccount" && (index.h("div", { class: classes.InputContainer, style: states.hideBanking ? { display: "none" } : {} }, states.loading
|
|
873
872
|
? getLoadingSkeleton("toBankAccount", slots.formInputsSlot.length + 3)
|
|
874
873
|
: [
|
|
875
874
|
slots.countryInputSlot,
|
|
876
875
|
slots.paymentMethodSlot,
|
|
877
876
|
slots.formInputsSlot,
|
|
878
877
|
])),
|
|
879
|
-
states.hasPayPal && (index
|
|
878
|
+
states.hasPayPal && (index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toPayPalAccount", onInput: () => callbacks.setPaymentMethodChecked("toPayPalAccount"), disabled: states.disabled, id: "toPayPalAccount", name: "/toPayPalAccount" }, global.intl.formatMessage({
|
|
880
879
|
id: "paypal-input-label",
|
|
881
880
|
defaultMessage: text.toPayPalAccount,
|
|
882
881
|
}, { feeCap: states.feeCap }))),
|
|
883
|
-
formState.paymentMethodChecked === "toPayPalAccount" && (index
|
|
882
|
+
formState.paymentMethodChecked === "toPayPalAccount" && (index.h("div", { class: classes.InputContainer, style: states.hidePayPal ? { display: "none" } : {} }, states.loading
|
|
884
883
|
? getLoadingSkeleton("toPayPalAccount")
|
|
885
884
|
: slots.paypalInputSlot)),
|
|
886
|
-
index
|
|
887
|
-
index
|
|
888
|
-
index
|
|
889
|
-
formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (index
|
|
885
|
+
index.h("div", { style: { paddingTop: "24px", paddingBottom: "12px" } },
|
|
886
|
+
index.h("h4", null, text.paymentSchedule)),
|
|
887
|
+
index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "BALANCE_THRESHOLD", onInput: () => callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "BALANCE_THRESHOLD" }, text.paymentScheduleBalanceThreshold),
|
|
888
|
+
formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (index.h("div", { class: classes.InputContainer, style: states.hideBalanceThreshold ? { display: "none" } : {} }, states.loading
|
|
890
889
|
? getLoadingSkeleton("toPayPalAccount")
|
|
891
890
|
: slots.paymentThresholdSelectSlot)),
|
|
892
|
-
index
|
|
893
|
-
formState.paymentScheduleChecked === "FIXED_DAY" && (index
|
|
891
|
+
index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "FIXED_DAY", onInput: () => callbacks.setPaymentScheduleChecked("FIXED_DAY"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "FIXED_DAY" }, text.paymentScheduleFixedDay),
|
|
892
|
+
formState.paymentScheduleChecked === "FIXED_DAY" && (index.h("div", { class: classes.InputContainer, style: states.hideFixedDay ? { display: "none" } : {} }, states.loading
|
|
894
893
|
? getLoadingSkeleton("toPayPalAccount")
|
|
895
894
|
: slots.paymentFixedDaySelectSlot))))),
|
|
896
|
-
index
|
|
897
|
-
index
|
|
898
|
-
!states.hideBackButton && (index
|
|
895
|
+
index.h("div", { class: classes.BtnContainer },
|
|
896
|
+
index.h("sl-button", { type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
|
|
897
|
+
!states.hideBackButton && (index.h("sl-button", { exportparts: "base: secondarybutton-base", class: classes.SecondaryBtn, type: "text", onClick: callbacks.onBack }, text.backButton))))));
|
|
899
898
|
};
|
|
900
899
|
|
|
901
900
|
// Hardcoded in Impact backend
|
|
@@ -929,7 +928,7 @@ function getFormInputs({ bitset, formMap }) {
|
|
|
929
928
|
}, []);
|
|
930
929
|
return inputFields;
|
|
931
930
|
}
|
|
932
|
-
const SAVE_WITHDRAWAL_SETTINGS =
|
|
931
|
+
const SAVE_WITHDRAWAL_SETTINGS = index_module.dist.gql `
|
|
933
932
|
mutation setImpactPublisherWithdrawalSettings(
|
|
934
933
|
$setImpactPublisherWithdrawalSettingsInput: SetImpactPublisherWithdrawalSettingsInput!
|
|
935
934
|
) {
|
|
@@ -1191,7 +1190,7 @@ function useBankingInfoForm(props) {
|
|
|
1191
1190
|
|
|
1192
1191
|
const BankingInfoForm = class {
|
|
1193
1192
|
constructor(hostRef) {
|
|
1194
|
-
index
|
|
1193
|
+
index.registerInstance(this, hostRef);
|
|
1195
1194
|
this.ignored = true;
|
|
1196
1195
|
/**
|
|
1197
1196
|
* @uiName Setup progress
|
|
@@ -1432,7 +1431,7 @@ const BankingInfoForm = class {
|
|
|
1432
1431
|
* @uiWidget textArea
|
|
1433
1432
|
*/
|
|
1434
1433
|
this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact Support.";
|
|
1435
|
-
stencilHooks_module.h(this);
|
|
1434
|
+
stencilHooks_module.h$1(this);
|
|
1436
1435
|
}
|
|
1437
1436
|
disconnectedCallback() { }
|
|
1438
1437
|
getTextProps() {
|
|
@@ -1488,40 +1487,40 @@ const BankingInfoForm = class {
|
|
|
1488
1487
|
padding: "var(--sl-spacing-x-small)",
|
|
1489
1488
|
},
|
|
1490
1489
|
};
|
|
1491
|
-
return (index
|
|
1490
|
+
return (index.h(index.Host, null, index.h(BankingInfoFormView, { callbacks: props.callbacks, text: props.text, states: props.states, refs: props.refs, slots: {
|
|
1492
1491
|
formInputsSlot: inputFields === null || inputFields === void 0 ? void 0 : inputFields.map(({ input }) => input),
|
|
1493
|
-
countryInputSlot: (index
|
|
1492
|
+
countryInputSlot: (index.h("sl-select", Object.assign({ label: props.text.bankLocationLabel, required: true, name: "/bankCountry", id: "bankCountry", value: props.states.formState.bankCountry || "", "onSl-select": (e) => { var _a, _b; return props.callbacks.setBankCountry((_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.value); } }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.bankCountry) && {
|
|
1494
1493
|
class: "error-input",
|
|
1495
1494
|
helpText: getValidationErrorMessage({
|
|
1496
1495
|
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,
|
|
1497
1496
|
label: props.text.bankLocationLabel,
|
|
1498
1497
|
}),
|
|
1499
|
-
})), index
|
|
1498
|
+
})), index.h("sl-input", { class: searchStyle.SearchInput, placeholder: this.searchForCountryText, onKeyDown: (e) => {
|
|
1500
1499
|
// Stop shoelace intercepting key presses
|
|
1501
1500
|
e.stopPropagation();
|
|
1502
1501
|
}, "onSl-input": (e) => {
|
|
1503
1502
|
props.callbacks.setCountrySearch(e.target.value);
|
|
1504
1503
|
} }), (_d = props.states.countries) === null || _d === void 0 ? void 0 :
|
|
1505
1504
|
_d.map((country) => {
|
|
1506
|
-
return (index
|
|
1505
|
+
return (index.h("sl-menu-item", { value: country.countryCode }, country.displayName));
|
|
1507
1506
|
}), (_f = (_e = props.states) === null || _e === void 0 ? void 0 : _e.allCountries) === null || _f === void 0 ? void 0 :
|
|
1508
|
-
_f.map((c) => (index
|
|
1509
|
-
paymentMethodSlot: (index
|
|
1510
|
-
paymentThresholdSelectSlot: (index
|
|
1507
|
+
_f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName))))),
|
|
1508
|
+
paymentMethodSlot: (index.h("sl-input", { key: "paymentMethod", label: props.text.paymentMethod, placeholder: props.states.paymentMethodFeeLabel, disabled: true })),
|
|
1509
|
+
paymentThresholdSelectSlot: (index.h("sl-select", Object.assign({ required: true, label: props.text.paymentThresholdSelectLabel, name: "/paymentThreshold", id: "paymentThreshold", value: ((_h = (_g = props.states) === null || _g === void 0 ? void 0 : _g.formState) === null || _h === void 0 ? void 0 : _h.paymentThreshold) || "" }, (((_j = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _j === void 0 ? void 0 : _j.paymentThreshold) && {
|
|
1511
1510
|
class: "error-input",
|
|
1512
1511
|
helpText: getValidationErrorMessage({
|
|
1513
1512
|
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,
|
|
1514
1513
|
label: props.text.paymentThresholdSelectLabel,
|
|
1515
1514
|
}),
|
|
1516
|
-
})), props.states.thresholds.map((t) => (index
|
|
1517
|
-
paymentFixedDaySelectSlot: (index
|
|
1515
|
+
})), props.states.thresholds.map((t) => (index.h("sl-menu-item", { value: t }, `${props.states.currency}${t}`))))),
|
|
1516
|
+
paymentFixedDaySelectSlot: (index.h("sl-select", Object.assign({ required: true, label: props.text.paymentDaySelectLabel, value: ((_o = (_m = props.states) === null || _m === void 0 ? void 0 : _m.formState) === null || _o === void 0 ? void 0 : _o.paymentDay) || "", name: "/paymentDay", id: "paymentDay" }, (((_p = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _p === void 0 ? void 0 : _p.paymentDay) && {
|
|
1518
1517
|
class: "error-input",
|
|
1519
1518
|
helpText: getValidationErrorMessage({
|
|
1520
1519
|
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,
|
|
1521
1520
|
label: props.text.paymentDaySelectLabel,
|
|
1522
1521
|
}),
|
|
1523
|
-
})), index
|
|
1524
|
-
paypalInputSlot: (index
|
|
1522
|
+
})), index.h("sl-menu-item", { value: "1" }, props.text.paymentDayFirstOfMonthLabelText), index.h("sl-menu-item", { value: "15" }, props.text.paymentDayFifteenthOfMonthLabelText))),
|
|
1523
|
+
paypalInputSlot: (index.h("sl-input", Object.assign({ required: true, value: ((_t = (_s = props.states) === null || _s === void 0 ? void 0 : _s.formState) === null || _t === void 0 ? void 0 : _t.paypalEmailAddress) || "", label: props.text.payPalInputLabel, key: "paypalEmailAddress", name: "/paypalEmailAddress", id: "paypalEmailAddress", type: "text" }, (((_w = (_v = (_u = props.states.formState) === null || _u === void 0 ? void 0 : _u.errors) === null || _v === void 0 ? void 0 : _v.inputErrors) === null || _w === void 0 ? void 0 : _w.paypalEmailAddress) && {
|
|
1525
1524
|
class: "error-input",
|
|
1526
1525
|
helpText: getValidationErrorMessage({
|
|
1527
1526
|
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,
|
|
@@ -1628,7 +1627,7 @@ function useDemoBankingInfoForm(props) {
|
|
|
1628
1627
|
}, props.demoData || {}, { arrayMerge: (_, a) => a });
|
|
1629
1628
|
}
|
|
1630
1629
|
|
|
1631
|
-
const GET_TAX_DOCUMENT =
|
|
1630
|
+
const GET_TAX_DOCUMENT = index_module.dist.gql `
|
|
1632
1631
|
mutation createImpactPublisherTaxDocument(
|
|
1633
1632
|
$vars: CreateImpactPublisherTaxDocumentInput!
|
|
1634
1633
|
) {
|
|
@@ -1795,43 +1794,43 @@ const styleString$1 = sheet$1.toString();
|
|
|
1795
1794
|
const DocusignExpiredView = (props) => {
|
|
1796
1795
|
const { classes } = sheet$1;
|
|
1797
1796
|
const { text } = props;
|
|
1798
|
-
return (index
|
|
1799
|
-
index
|
|
1800
|
-
index
|
|
1801
|
-
index
|
|
1797
|
+
return (index.h("div", null,
|
|
1798
|
+
index.h("style", { type: "text/css" }, styleString$1),
|
|
1799
|
+
index.h("div", { class: classes.DocusignStatusContainer },
|
|
1800
|
+
index.h("sl-icon", { style: {
|
|
1802
1801
|
width: "50px",
|
|
1803
1802
|
height: "50px",
|
|
1804
1803
|
color: "var(--sl-color-neutral-500)",
|
|
1805
1804
|
}, name: "clock" }),
|
|
1806
|
-
index
|
|
1807
|
-
index
|
|
1808
|
-
index
|
|
1805
|
+
index.h("div", { class: classes.MessageContainer },
|
|
1806
|
+
index.h("p", { style: { margin: "0" } }, text.docusignExpired)),
|
|
1807
|
+
index.h("sl-button", { type: "primary", onClick: () => window.location.reload() }, text.refreshButton))));
|
|
1809
1808
|
};
|
|
1810
1809
|
const DocusignErrorView = (props) => {
|
|
1811
1810
|
const { classes } = sheet$1;
|
|
1812
1811
|
const { text } = props;
|
|
1813
|
-
return (index
|
|
1814
|
-
index
|
|
1815
|
-
index
|
|
1816
|
-
index
|
|
1812
|
+
return (index.h("div", null,
|
|
1813
|
+
index.h("style", { type: "text/css" }, styleString$1),
|
|
1814
|
+
index.h("div", { class: classes.DocusignStatusContainer },
|
|
1815
|
+
index.h("sl-icon", { style: {
|
|
1817
1816
|
width: "50px",
|
|
1818
1817
|
height: "50px",
|
|
1819
1818
|
color: "var(--sl-color-gray-500)",
|
|
1820
1819
|
}, name: "exclamation-octagon" }),
|
|
1821
|
-
index
|
|
1822
|
-
index
|
|
1823
|
-
index
|
|
1820
|
+
index.h("div", { class: classes.MessageContainer },
|
|
1821
|
+
index.h("p", { style: { margin: "0" } }, text.docusignError)),
|
|
1822
|
+
index.h("sl-button", { type: "primary", onClick: () => window.location.reload() }, text.refreshButton))));
|
|
1824
1823
|
};
|
|
1825
1824
|
const DocusignLoadingView = () => {
|
|
1826
1825
|
const { classes } = sheet$1;
|
|
1827
|
-
return (index
|
|
1828
|
-
index
|
|
1829
|
-
index
|
|
1830
|
-
index
|
|
1826
|
+
return (index.h("div", null,
|
|
1827
|
+
index.h("style", { type: "text/css" }, styleString$1),
|
|
1828
|
+
index.h("div", { class: classes.DocusignStatusContainer },
|
|
1829
|
+
index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
|
|
1831
1830
|
};
|
|
1832
1831
|
const DocusignIframe = ({ states, callbacks, text, }) => {
|
|
1833
1832
|
if (states.urlLoading)
|
|
1834
|
-
return index
|
|
1833
|
+
return index.h(DocusignLoadingView, null);
|
|
1835
1834
|
const callback = index_module.useCallback((e) => {
|
|
1836
1835
|
var _a;
|
|
1837
1836
|
if (!((_a = e.origin) === null || _a === void 0 ? void 0 : _a.includes("referralsaasquatch.com")))
|
|
@@ -1847,11 +1846,11 @@ const DocusignIframe = ({ states, callbacks, text, }) => {
|
|
|
1847
1846
|
};
|
|
1848
1847
|
}, []);
|
|
1849
1848
|
if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
|
|
1850
|
-
return index
|
|
1849
|
+
return index.h(DocusignErrorView, { text: text });
|
|
1851
1850
|
}
|
|
1852
1851
|
if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
|
|
1853
|
-
return index
|
|
1854
|
-
return (index
|
|
1852
|
+
return index.h(DocusignExpiredView, { text: text });
|
|
1853
|
+
return (index.h("iframe", { frameBorder: "0", src: states.url, width: "100%", height: "600px" }));
|
|
1855
1854
|
};
|
|
1856
1855
|
|
|
1857
1856
|
const style$2 = {
|
|
@@ -1995,49 +1994,49 @@ const DocusignFormView = (props) => {
|
|
|
1995
1994
|
var _a, _b;
|
|
1996
1995
|
const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
|
|
1997
1996
|
const { classes } = sheet$2;
|
|
1998
|
-
return (index
|
|
1999
|
-
index
|
|
1997
|
+
return (index.h("div", { class: classes.Container },
|
|
1998
|
+
index.h("style", { type: "text/css" },
|
|
2000
1999
|
styleString$2,
|
|
2001
2000
|
vanillaStyle$1),
|
|
2002
|
-
index
|
|
2003
|
-
index
|
|
2004
|
-
!states.hideSteps && (index
|
|
2001
|
+
index.h("div", { class: classes.TextContainer },
|
|
2002
|
+
index.h("div", null,
|
|
2003
|
+
!states.hideSteps && (index.h("p", null, global.intl.formatMessage({
|
|
2005
2004
|
id: "formStep",
|
|
2006
2005
|
defaultMessage: text.formStep,
|
|
2007
2006
|
}, { step: states.step, count: FORM_STEPS }))),
|
|
2008
|
-
index
|
|
2009
|
-
index
|
|
2010
|
-
states.loadingError && (index
|
|
2011
|
-
index
|
|
2012
|
-
index
|
|
2013
|
-
index
|
|
2014
|
-
index
|
|
2007
|
+
index.h("h3", null, text.taxForm),
|
|
2008
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
|
|
2009
|
+
states.loadingError && (index.h("div", null,
|
|
2010
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$2.classes.ErrorAlertContainer },
|
|
2011
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2012
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
2013
|
+
index.h("br", null),
|
|
2015
2014
|
text.error.loadingErrorAlertDescription))),
|
|
2016
|
-
((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
2017
|
-
index
|
|
2018
|
-
index
|
|
2019
|
-
index
|
|
2015
|
+
((_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 },
|
|
2016
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2017
|
+
index.h("strong", null, text.error.generalTitle),
|
|
2018
|
+
index.h("br", null),
|
|
2020
2019
|
text.error.generalDescription)),
|
|
2021
|
-
states.documentType !== "W9" && (index
|
|
2022
|
-
index
|
|
2023
|
-
states.loading ? (index
|
|
2024
|
-
index
|
|
2020
|
+
states.documentType !== "W9" && (index.h("div", { class: classes.CheckboxWrapper },
|
|
2021
|
+
index.h("p", { class: classes.BoldText }, text.participantType),
|
|
2022
|
+
states.loading ? (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index.h("div", { style: { display: "flex", flexDirection: "column" } },
|
|
2023
|
+
index.h("sl-radio", { exportparts: "base: radio-base", value: "individualParticipant", name: "/participantType", checked: formState.participantType === "individualParticipant", disabled: states.disabled || states.participantTypeDisabled, onClick: () => {
|
|
2025
2024
|
if (states.disabled || states.participantTypeDisabled)
|
|
2026
2025
|
return;
|
|
2027
2026
|
callbacks.setParticipantType("individualParticipant");
|
|
2028
2027
|
} },
|
|
2029
|
-
index
|
|
2030
|
-
index
|
|
2028
|
+
index.h("span", { class: classes.RadioText }, text.individualParticipant)),
|
|
2029
|
+
index.h("sl-radio", { exportparts: "base: radio-base", value: "businessEntity", name: "/participantType", checked: formState.participantType === "businessEntity", disabled: states.disabled || states.participantTypeDisabled, onClick: () => {
|
|
2031
2030
|
if (states.disabled || states.participantTypeDisabled)
|
|
2032
2031
|
return;
|
|
2033
2032
|
callbacks.setParticipantType("businessEntity");
|
|
2034
2033
|
} },
|
|
2035
|
-
index
|
|
2036
|
-
((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.participantType) && (index
|
|
2037
|
-
(states.documentType === "W9" || formState.participantType) && (index
|
|
2038
|
-
index
|
|
2039
|
-
index
|
|
2040
|
-
index
|
|
2034
|
+
index.h("span", { class: classes.RadioText }, text.businessEntity)))),
|
|
2035
|
+
((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.participantType) && (index.h("p", { class: classes.ErrorText }, text.error.participantType)))),
|
|
2036
|
+
(states.documentType === "W9" || formState.participantType) && (index.h("div", null,
|
|
2037
|
+
index.h("div", null,
|
|
2038
|
+
index.h("h5", { class: classes.BoldText }, global.intl.formatMessage({ id: "tax-form-label", defaultMessage: text.taxFormLabel }, { documentType: documentTypeString })),
|
|
2039
|
+
index.h("p", null, global.intl.formatMessage({
|
|
2041
2040
|
id: "tax-form-description",
|
|
2042
2041
|
defaultMessage: states.documentType === "W9"
|
|
2043
2042
|
? text.taxFormDescription
|
|
@@ -2045,16 +2044,16 @@ const DocusignFormView = (props) => {
|
|
|
2045
2044
|
? text.taxFormDescriptionIndividualParticipant
|
|
2046
2045
|
: text.taxFormDescriptionBusinessEntity,
|
|
2047
2046
|
}, { documentType: documentTypeString }))),
|
|
2048
|
-
index
|
|
2049
|
-
index
|
|
2050
|
-
index
|
|
2047
|
+
index.h("div", null,
|
|
2048
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: classes.InfoAlert },
|
|
2049
|
+
index.h("sl-icon", { class: classes.InfoIcon, slot: "icon", name: "info-circle" }),
|
|
2051
2050
|
text.docusignSessionWarning),
|
|
2052
2051
|
slots.docusignIframeSlot)))));
|
|
2053
2052
|
};
|
|
2054
2053
|
|
|
2055
2054
|
const DocusignForm = class {
|
|
2056
2055
|
constructor(hostRef) {
|
|
2057
|
-
index
|
|
2056
|
+
index.registerInstance(this, hostRef);
|
|
2058
2057
|
this.ignored = true;
|
|
2059
2058
|
/**
|
|
2060
2059
|
* @uiName Setup progress
|
|
@@ -2152,7 +2151,7 @@ const DocusignForm = class {
|
|
|
2152
2151
|
* @uiName Page description
|
|
2153
2152
|
*/
|
|
2154
2153
|
this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
|
|
2155
|
-
stencilHooks_module.h(this);
|
|
2154
|
+
stencilHooks_module.h$1(this);
|
|
2156
2155
|
}
|
|
2157
2156
|
disconnectedCallback() { }
|
|
2158
2157
|
getTextProps() {
|
|
@@ -2171,7 +2170,7 @@ const DocusignForm = class {
|
|
|
2171
2170
|
render() {
|
|
2172
2171
|
const _isDemo = index_module.isDemo();
|
|
2173
2172
|
const props = _isDemo ? useDocusignFormDemo(this) : useDocusignForm(this);
|
|
2174
|
-
const docusignIframeSlot = (index
|
|
2173
|
+
const docusignIframeSlot = (index.h(DocusignIframe, { states: {
|
|
2175
2174
|
url: props.data.documentUrl,
|
|
2176
2175
|
status: props.states.docusignStatus,
|
|
2177
2176
|
loading: props.states.loading,
|
|
@@ -2179,13 +2178,13 @@ const DocusignForm = class {
|
|
|
2179
2178
|
}, callbacks: {
|
|
2180
2179
|
onStatusChange: props.callbacks.setDocusignStatus,
|
|
2181
2180
|
}, text: props.text }));
|
|
2182
|
-
return (index
|
|
2181
|
+
return (index.h(index.Host, null, index.h(DocusignFormView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
|
|
2183
2182
|
docusignIframeSlot: _isDemo
|
|
2184
2183
|
? DemoDocusignIframe({ callbacks: props.callbacks })
|
|
2185
2184
|
: docusignIframeSlot,
|
|
2186
2185
|
} })));
|
|
2187
2186
|
}
|
|
2188
|
-
get el() { return index
|
|
2187
|
+
get el() { return index.getElement(this); }
|
|
2189
2188
|
};
|
|
2190
2189
|
function useDocusignFormDemo(props) {
|
|
2191
2190
|
const setStep = index_module.wn(TAX_CONTEXT_NAMESPACE);
|
|
@@ -2222,19 +2221,19 @@ function useDocusignFormDemo(props) {
|
|
|
2222
2221
|
}, props.demoData || {}, { arrayMerge: (_, a) => a });
|
|
2223
2222
|
}
|
|
2224
2223
|
const DemoDocusignIframe = ({ callbacks }) => {
|
|
2225
|
-
return (index
|
|
2224
|
+
return (index.h("div", { style: {
|
|
2226
2225
|
width: "100%",
|
|
2227
2226
|
height: "600px",
|
|
2228
2227
|
background: "#fafafa",
|
|
2229
2228
|
display: "flex",
|
|
2230
2229
|
justifyContent: "center",
|
|
2231
2230
|
alignItems: "center",
|
|
2232
|
-
} }, index
|
|
2231
|
+
} }, index.h("div", { style: {
|
|
2233
2232
|
display: "flex",
|
|
2234
2233
|
flexDirection: "column",
|
|
2235
2234
|
gap: "12px",
|
|
2236
2235
|
alignItems: "center",
|
|
2237
|
-
} }, index
|
|
2236
|
+
} }, 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")))));
|
|
2238
2237
|
};
|
|
2239
2238
|
|
|
2240
2239
|
const style$3 = {
|
|
@@ -2369,61 +2368,61 @@ const IndirectTaxFormView = (props) => {
|
|
|
2369
2368
|
var _a;
|
|
2370
2369
|
const { states, states: { formState }, callbacks, text, refs, slots, } = props;
|
|
2371
2370
|
const { classes } = sheet$3;
|
|
2372
|
-
return (index
|
|
2373
|
-
index
|
|
2371
|
+
return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
|
|
2372
|
+
index.h("style", { type: "text/css" },
|
|
2374
2373
|
styleString$3,
|
|
2375
2374
|
vanillaStyle$2),
|
|
2376
|
-
index
|
|
2377
|
-
index
|
|
2378
|
-
!states.hideSteps && (index
|
|
2375
|
+
index.h("div", { class: classes.TextContainer },
|
|
2376
|
+
index.h("div", null,
|
|
2377
|
+
!states.hideSteps && (index.h("p", null,
|
|
2379
2378
|
" ",
|
|
2380
2379
|
global.intl.formatMessage({
|
|
2381
2380
|
id: "formStep",
|
|
2382
2381
|
defaultMessage: text.formStep,
|
|
2383
2382
|
}, { step: states.step, count: FORM_STEPS }))),
|
|
2384
|
-
index
|
|
2385
|
-
index
|
|
2386
|
-
index
|
|
2387
|
-
states.loadingError && (index
|
|
2388
|
-
index
|
|
2389
|
-
index
|
|
2390
|
-
index
|
|
2391
|
-
index
|
|
2383
|
+
index.h("h3", null, text.indirectTax),
|
|
2384
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription),
|
|
2385
|
+
index.h("p", { class: classes.DescriptionText }, text.indirectTaxDescription)),
|
|
2386
|
+
states.loadingError && (index.h("div", null,
|
|
2387
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$3.classes.AlertContainer },
|
|
2388
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2389
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
2390
|
+
index.h("br", null),
|
|
2392
2391
|
text.error.loadingErrorAlertDescription))),
|
|
2393
|
-
((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
2394
|
-
index
|
|
2395
|
-
index
|
|
2396
|
-
index
|
|
2392
|
+
((_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 },
|
|
2393
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
2394
|
+
index.h("strong", null, text.error.generalTitle),
|
|
2395
|
+
index.h("br", null),
|
|
2397
2396
|
text.error.generalDescription)),
|
|
2398
|
-
states.isPartner && (index
|
|
2399
|
-
index
|
|
2400
|
-
index
|
|
2401
|
-
index
|
|
2397
|
+
states.isPartner && (index.h("sl-alert", { type: "primary", open: true, class: sheet$3.classes.PartnerAlertContainer, exportparts: "base: alert-base, icon:alert-icon" },
|
|
2398
|
+
index.h("sl-icon", { slot: "icon", name: "info-circle" }),
|
|
2399
|
+
index.h("strong", null, text.isPartnerAlertHeader),
|
|
2400
|
+
index.h("br", null),
|
|
2402
2401
|
text.isPartnerAlertDescription)),
|
|
2403
|
-
index
|
|
2404
|
-
index
|
|
2405
|
-
states.loading ? (index
|
|
2406
|
-
index
|
|
2407
|
-
index
|
|
2408
|
-
index
|
|
2409
|
-
index
|
|
2402
|
+
index.h("div", null,
|
|
2403
|
+
index.h("h4", null, text.indirectTaxDetails))),
|
|
2404
|
+
states.loading ? (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index.h("div", null,
|
|
2405
|
+
index.h("div", { class: classes.RadioContainer },
|
|
2406
|
+
index.h("div", { class: classes.InnerRadioContainer },
|
|
2407
|
+
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 },
|
|
2408
|
+
index.h("div", { class: classes.RadioContent },
|
|
2410
2409
|
text.notRegistered,
|
|
2411
|
-
index
|
|
2412
|
-
index
|
|
2413
|
-
index
|
|
2410
|
+
index.h("p", { class: classes.DescriptionText }, text.notRegisteredSubtext))),
|
|
2411
|
+
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 },
|
|
2412
|
+
index.h("div", { class: classes.RadioContent },
|
|
2414
2413
|
text.otherRegion,
|
|
2415
|
-
index
|
|
2414
|
+
index.h("p", { class: classes.DescriptionText }, text.otherRegionSubtext))),
|
|
2416
2415
|
slots.registeredInDifferentCountryDetailsSlot)),
|
|
2417
|
-
index
|
|
2418
|
-
index
|
|
2419
|
-
index
|
|
2416
|
+
index.h("div", { class: classes.CannotChangeAlertContainer },
|
|
2417
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: classes.InfoAlert },
|
|
2418
|
+
index.h("sl-icon", { class: classes.InfoWarningIcon, slot: "icon", name: "exclamation-triangle" }),
|
|
2420
2419
|
text.cannotChangeInfoAlert)),
|
|
2421
|
-
index
|
|
2422
|
-
index
|
|
2423
|
-
index
|
|
2420
|
+
index.h("div", { class: classes.BtnContainer },
|
|
2421
|
+
index.h("sl-button", { type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
|
|
2422
|
+
index.h("sl-button", { class: classes.SecondaryBtn, type: "text", disabled: states.disabled, onClick: callbacks.onBack, exportparts: "base: secondarybutton-base" }, text.backButton))))));
|
|
2424
2423
|
};
|
|
2425
2424
|
|
|
2426
|
-
const CONNECT_PARTNER =
|
|
2425
|
+
const CONNECT_PARTNER = index_module.dist.gql `
|
|
2427
2426
|
mutation createImpactConnection($vars: ImpactConnectionInput!) {
|
|
2428
2427
|
createImpactConnection(impactConnectionInput: $vars) {
|
|
2429
2428
|
success
|
|
@@ -2659,7 +2658,7 @@ function useIndirectTaxForm(props) {
|
|
|
2659
2658
|
|
|
2660
2659
|
const IndirectTaxForm = class {
|
|
2661
2660
|
constructor(hostRef) {
|
|
2662
|
-
index
|
|
2661
|
+
index.registerInstance(this, hostRef);
|
|
2663
2662
|
/**
|
|
2664
2663
|
* @uiName Setup progress
|
|
2665
2664
|
*/
|
|
@@ -2805,7 +2804,7 @@ const IndirectTaxForm = class {
|
|
|
2805
2804
|
* @uiName Page description
|
|
2806
2805
|
*/
|
|
2807
2806
|
this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
|
|
2808
|
-
stencilHooks_module.h(this);
|
|
2807
|
+
stencilHooks_module.h$1(this);
|
|
2809
2808
|
}
|
|
2810
2809
|
disconnectedCallback() { }
|
|
2811
2810
|
getTextProps() {
|
|
@@ -2840,7 +2839,7 @@ const IndirectTaxForm = class {
|
|
|
2840
2839
|
const props = index_module.isDemo()
|
|
2841
2840
|
? useDemoIndirectTaxForm(this)
|
|
2842
2841
|
: useIndirectTaxForm(this);
|
|
2843
|
-
const registeredInDifferentCountryDetailsSlot = (index
|
|
2842
|
+
const registeredInDifferentCountryDetailsSlot = (index.h(sqmInvoiceTableView.OtherRegionSlotView, { states: {
|
|
2844
2843
|
hide: props.states.formState.checked !== "otherRegion",
|
|
2845
2844
|
disabled: props.states.disabled || props.states.isPartner,
|
|
2846
2845
|
formState: props.slotProps.formState,
|
|
@@ -2852,7 +2851,7 @@ const IndirectTaxForm = class {
|
|
|
2852
2851
|
provinces: props.data.provinces,
|
|
2853
2852
|
allCountries: props.data.allCountries,
|
|
2854
2853
|
}, text: props.text.slotText }));
|
|
2855
|
-
return (index
|
|
2854
|
+
return (index.h(index.Host, null, index.h(IndirectTaxFormView, { callbacks: props.callbacks, states: props.states, refs: props.refs, text: props.text, slots: {
|
|
2856
2855
|
registeredInDifferentCountryDetailsSlot,
|
|
2857
2856
|
} })));
|
|
2858
2857
|
}
|
|
@@ -2942,7 +2941,7 @@ function useDemoIndirectTaxForm(props) {
|
|
|
2942
2941
|
|
|
2943
2942
|
const debug = stencilHooks_module.browser("sq:useInvoiceTable");
|
|
2944
2943
|
const CSS_NAMESPACE = "sqm-invoice-table";
|
|
2945
|
-
const GET_INVOICES =
|
|
2944
|
+
const GET_INVOICES = index_module.dist.gql `
|
|
2946
2945
|
query getUserTaxInfo($limit: Int!, $offset: Int!) {
|
|
2947
2946
|
user: viewer {
|
|
2948
2947
|
... on User {
|
|
@@ -3003,7 +3002,7 @@ function useInvoiceTable(props, emptyElement, loadingElement) {
|
|
|
3003
3002
|
netEarnings: `${invoice.currency}${((_c = (invoice.totalAmount - invoice.totalVatAmount)) === null || _c === void 0 ? void 0 : _c.toFixed(2)) || "0.00"}`,
|
|
3004
3003
|
downloadUrl: invoice.downloadUrl,
|
|
3005
3004
|
};
|
|
3006
|
-
const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(invoiceData, { locale }, index
|
|
3005
|
+
const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(invoiceData, { locale }, index.h)));
|
|
3007
3006
|
const cells = (await Promise.all(cellPromise));
|
|
3008
3007
|
return cells;
|
|
3009
3008
|
});
|
|
@@ -3072,7 +3071,7 @@ async function tryMethod(c, callback) {
|
|
|
3072
3071
|
// renderLabel did not return a promise, so this method probably doesn't exist
|
|
3073
3072
|
// therefore, we IGNORE the label
|
|
3074
3073
|
debug("label promise failed", e);
|
|
3075
|
-
return index
|
|
3074
|
+
return index.h("span", null);
|
|
3076
3075
|
}
|
|
3077
3076
|
try {
|
|
3078
3077
|
return await labelPromise;
|
|
@@ -3082,8 +3081,8 @@ async function tryMethod(c, callback) {
|
|
|
3082
3081
|
// This should not happen so we fail fast
|
|
3083
3082
|
debug("Error rendering label", e);
|
|
3084
3083
|
const userError = useReferralTable.generateUserError(e);
|
|
3085
|
-
return (index
|
|
3086
|
-
index
|
|
3084
|
+
return (index.h("details", null,
|
|
3085
|
+
index.h("summary", null, "Error"),
|
|
3087
3086
|
userError));
|
|
3088
3087
|
}
|
|
3089
3088
|
}
|
|
@@ -3110,7 +3109,7 @@ const getMockData = () => {
|
|
|
3110
3109
|
|
|
3111
3110
|
const InvoiceTable = class {
|
|
3112
3111
|
constructor(hostRef) {
|
|
3113
|
-
index
|
|
3112
|
+
index.registerInstance(this, hostRef);
|
|
3114
3113
|
/**
|
|
3115
3114
|
* Number of invoices displayed per page
|
|
3116
3115
|
*
|
|
@@ -3141,27 +3140,27 @@ const InvoiceTable = class {
|
|
|
3141
3140
|
this.emptyStateHeader = "View your invoice details";
|
|
3142
3141
|
/** @uiName Empty invoice table description */
|
|
3143
3142
|
this.emptyStateText = "Refer a friend to view the status of your invoices and rewards earned";
|
|
3144
|
-
stencilHooks_module.h(this);
|
|
3143
|
+
stencilHooks_module.h$1(this);
|
|
3145
3144
|
}
|
|
3146
3145
|
disconnectedCallback() { }
|
|
3147
3146
|
render() {
|
|
3148
|
-
const empty = (index
|
|
3149
|
-
const loading = index
|
|
3147
|
+
const empty = (index.h(EmptySlot, { emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText }));
|
|
3148
|
+
const loading = index.h(LoadingSlot, null);
|
|
3150
3149
|
const { states, data, callbacks, elements } = index_module.isDemo()
|
|
3151
3150
|
? useInvoiceTableDemo(this, empty, loading)
|
|
3152
3151
|
: useInvoiceTable(this, empty, loading);
|
|
3153
3152
|
reRender.useRequestRerender([this.perPage]);
|
|
3154
|
-
return (index
|
|
3153
|
+
return (index.h(sqmInvoiceTableView.InvoiceTableView, { header: this.header, description: this.description }, index.h(GenericTableView.GenericTableView, { states: states, data: data, callbacks: callbacks, elements: elements })));
|
|
3155
3154
|
}
|
|
3156
3155
|
};
|
|
3157
3156
|
function EmptySlot(props) {
|
|
3158
|
-
return (index
|
|
3157
|
+
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 })));
|
|
3159
3158
|
}
|
|
3160
3159
|
function LoadingSlot() {
|
|
3161
|
-
return (index
|
|
3160
|
+
return (index.h("slot", { name: "loading" }, index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null)));
|
|
3162
3161
|
}
|
|
3163
3162
|
function LoadingRow() {
|
|
3164
|
-
return (index
|
|
3163
|
+
return (index.h("sqm-table-row", null, index.h("sqm-table-cell", { colspan: 6 }, index.h("sl-skeleton", null))));
|
|
3165
3164
|
}
|
|
3166
3165
|
function useInvoiceTableDemo(props, emptyElement, loadingElement) {
|
|
3167
3166
|
const [content, setContent] = stencilHooks_module.useReducer((state, next) => ({
|
|
@@ -3255,9 +3254,9 @@ function useInvoiceTableDemo(props, emptyElement, loadingElement) {
|
|
|
3255
3254
|
|
|
3256
3255
|
const InvoiceTableDataCell = class {
|
|
3257
3256
|
constructor(hostRef) {
|
|
3258
|
-
index
|
|
3257
|
+
index.registerInstance(this, hostRef);
|
|
3259
3258
|
this.ignored = true;
|
|
3260
|
-
stencilHooks_module.h(this);
|
|
3259
|
+
stencilHooks_module.h$1(this);
|
|
3261
3260
|
}
|
|
3262
3261
|
disconnectedCallback() { }
|
|
3263
3262
|
render() {
|
|
@@ -3267,28 +3266,28 @@ const InvoiceTableDataCell = class {
|
|
|
3267
3266
|
|
|
3268
3267
|
const InvoiceTableDataColumn = class {
|
|
3269
3268
|
constructor(hostRef) {
|
|
3270
|
-
index
|
|
3271
|
-
stencilHooks_module.h(this);
|
|
3269
|
+
index.registerInstance(this, hostRef);
|
|
3270
|
+
stencilHooks_module.h$1(this);
|
|
3272
3271
|
}
|
|
3273
3272
|
disconnectedCallback() { }
|
|
3274
3273
|
async renderCell(data) {
|
|
3275
|
-
return (index
|
|
3274
|
+
return (index.h("sqm-invoice-table-data-cell", { data: data[this.property] }));
|
|
3276
3275
|
}
|
|
3277
3276
|
async renderLabel() {
|
|
3278
3277
|
return Promise.resolve(this.columnTitle);
|
|
3279
3278
|
}
|
|
3280
3279
|
render() {
|
|
3281
3280
|
reRender.useRequestRerender([this.columnTitle, this.property]);
|
|
3282
|
-
return (index
|
|
3281
|
+
return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
|
|
3283
3282
|
}
|
|
3284
3283
|
};
|
|
3285
3284
|
|
|
3286
3285
|
const RewardTableDateCell = class {
|
|
3287
3286
|
constructor(hostRef) {
|
|
3288
|
-
index
|
|
3287
|
+
index.registerInstance(this, hostRef);
|
|
3289
3288
|
this.ignored = true;
|
|
3290
3289
|
this.locale = "en";
|
|
3291
|
-
stencilHooks_module.h(this);
|
|
3290
|
+
stencilHooks_module.h$1(this);
|
|
3292
3291
|
}
|
|
3293
3292
|
disconnectedCallback() { }
|
|
3294
3293
|
render() {
|
|
@@ -3302,58 +3301,58 @@ const RewardTableDateCell = class {
|
|
|
3302
3301
|
|
|
3303
3302
|
const InvoiceTableDateColumn = class {
|
|
3304
3303
|
constructor(hostRef) {
|
|
3305
|
-
index
|
|
3306
|
-
stencilHooks_module.h(this);
|
|
3304
|
+
index.registerInstance(this, hostRef);
|
|
3305
|
+
stencilHooks_module.h$1(this);
|
|
3307
3306
|
}
|
|
3308
3307
|
disconnectedCallback() { }
|
|
3309
3308
|
async renderCell(data, options) {
|
|
3310
|
-
return (index
|
|
3309
|
+
return (index.h("sqm-invoice-table-date-cell", { date: data.dateCreated, locale: options === null || options === void 0 ? void 0 : options.locale }));
|
|
3311
3310
|
}
|
|
3312
3311
|
async renderLabel() {
|
|
3313
3312
|
return this.columnTitle;
|
|
3314
3313
|
}
|
|
3315
3314
|
render() {
|
|
3316
3315
|
reRender.useRequestRerender([this.columnTitle]);
|
|
3317
|
-
return (index
|
|
3316
|
+
return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
|
|
3318
3317
|
}
|
|
3319
3318
|
};
|
|
3320
3319
|
|
|
3321
3320
|
const InvoiceTableDownloadCell = class {
|
|
3322
3321
|
constructor(hostRef) {
|
|
3323
|
-
index
|
|
3322
|
+
index.registerInstance(this, hostRef);
|
|
3324
3323
|
this.ignored = true;
|
|
3325
|
-
stencilHooks_module.h(this);
|
|
3324
|
+
stencilHooks_module.h$1(this);
|
|
3326
3325
|
}
|
|
3327
3326
|
disconnectedCallback() { }
|
|
3328
3327
|
render() {
|
|
3329
3328
|
const vanillaStyle = `svg:hover, svg:hover * {
|
|
3330
3329
|
cursor: pointer;
|
|
3331
3330
|
}`;
|
|
3332
|
-
return (index
|
|
3331
|
+
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" }))))));
|
|
3333
3332
|
}
|
|
3334
3333
|
};
|
|
3335
3334
|
|
|
3336
3335
|
const InvoiceTableGenericColumn = class {
|
|
3337
3336
|
constructor(hostRef) {
|
|
3338
|
-
index
|
|
3339
|
-
stencilHooks_module.h(this);
|
|
3337
|
+
index.registerInstance(this, hostRef);
|
|
3338
|
+
stencilHooks_module.h$1(this);
|
|
3340
3339
|
}
|
|
3341
3340
|
disconnectedCallback() { }
|
|
3342
3341
|
async renderCell(data) {
|
|
3343
|
-
return (index
|
|
3342
|
+
return (index.h("sqm-invoice-table-download-cell", { downloadUrl: data.downloadUrl }));
|
|
3344
3343
|
}
|
|
3345
3344
|
async renderLabel() {
|
|
3346
|
-
return index
|
|
3345
|
+
return index.h("span", null);
|
|
3347
3346
|
}
|
|
3348
3347
|
render() {
|
|
3349
|
-
return (index
|
|
3348
|
+
return (index.h(index.Host, { style: { display: "none" } }, index.h("slot", null)));
|
|
3350
3349
|
}
|
|
3351
3350
|
};
|
|
3352
3351
|
|
|
3353
|
-
const PayPalIcon = () => (index
|
|
3354
|
-
index
|
|
3355
|
-
index
|
|
3356
|
-
index
|
|
3352
|
+
const PayPalIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "20", viewBox: "0 0 17 20", fill: "none" },
|
|
3353
|
+
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" }),
|
|
3354
|
+
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" }),
|
|
3355
|
+
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" })));
|
|
3357
3356
|
|
|
3358
3357
|
const style$4 = {
|
|
3359
3358
|
CardContainer: {
|
|
@@ -3494,12 +3493,12 @@ function PayoutDetailsCardView(props) {
|
|
|
3494
3493
|
const { classes } = sheet;
|
|
3495
3494
|
const { states, text } = props;
|
|
3496
3495
|
const renderLoadingSkeleton = () => {
|
|
3497
|
-
return (index
|
|
3498
|
-
index
|
|
3499
|
-
index
|
|
3500
|
-
index
|
|
3501
|
-
index
|
|
3502
|
-
index
|
|
3496
|
+
return (index.h("div", { class: classes.CardContainer },
|
|
3497
|
+
index.h("div", { class: classes.StatusContainer },
|
|
3498
|
+
index.h("sl-skeleton", { class: classes.SkeletonOne }),
|
|
3499
|
+
index.h("sl-skeleton", { class: classes.SkeletonTwo })),
|
|
3500
|
+
index.h("sl-skeleton", { class: classes.SkeletonThree }),
|
|
3501
|
+
index.h("sl-skeleton", { class: classes.SkeletonOne })));
|
|
3503
3502
|
};
|
|
3504
3503
|
const renderStatusBadge = (status, statusBadgeText) => {
|
|
3505
3504
|
const badgeType = status === "nextPayout" ? "success" : "primary";
|
|
@@ -3509,7 +3508,7 @@ function PayoutDetailsCardView(props) {
|
|
|
3509
3508
|
}, {
|
|
3510
3509
|
badgeText: status,
|
|
3511
3510
|
});
|
|
3512
|
-
return (index
|
|
3511
|
+
return (index.h("sl-badge", { pill: true, type: badgeType }, statusText));
|
|
3513
3512
|
};
|
|
3514
3513
|
const thresholdText = global.intl.formatMessage({
|
|
3515
3514
|
id: "thresholdText",
|
|
@@ -3517,16 +3516,16 @@ function PayoutDetailsCardView(props) {
|
|
|
3517
3516
|
}, {
|
|
3518
3517
|
thresholdBalance: states.thresholdBalance,
|
|
3519
3518
|
});
|
|
3520
|
-
return (index
|
|
3521
|
-
index
|
|
3522
|
-
states.error && (index
|
|
3523
|
-
index
|
|
3524
|
-
index
|
|
3525
|
-
index
|
|
3519
|
+
return (index.h("div", { class: classes.Container },
|
|
3520
|
+
index.h("style", { type: "text/css" }, styleString),
|
|
3521
|
+
states.error && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: classes.Alert, type: "warning", open: true },
|
|
3522
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
|
|
3523
|
+
index.h("div", { class: classes.AlertContent },
|
|
3524
|
+
index.h("b", null, text.error.errorTitleText),
|
|
3526
3525
|
text.error.errorDescriptionText))),
|
|
3527
|
-
states.loading ? (renderLoadingSkeleton()) : (index
|
|
3528
|
-
index
|
|
3529
|
-
index
|
|
3526
|
+
states.loading ? (renderLoadingSkeleton()) : (index.h("div", { class: classes.CardContainer },
|
|
3527
|
+
index.h("div", { class: classes.StatusContainer },
|
|
3528
|
+
index.h("p", { class: classes.SubduedRegularText }, states.badgeStatus === "thresholdPayout"
|
|
3530
3529
|
? states.thresholdBalance
|
|
3531
3530
|
? thresholdText
|
|
3532
3531
|
: ""
|
|
@@ -3534,11 +3533,11 @@ function PayoutDetailsCardView(props) {
|
|
|
3534
3533
|
states.badgeStatus === "thresholdPayout"
|
|
3535
3534
|
? null
|
|
3536
3535
|
: renderStatusBadge(states.badgeStatus, text.statusBadgeText)),
|
|
3537
|
-
index
|
|
3538
|
-
states.payoutType === "PAYPAL" ? (index
|
|
3539
|
-
index
|
|
3540
|
-
index
|
|
3541
|
-
index
|
|
3536
|
+
index.h("h1", { class: classes.MainCurrency }, states.balance),
|
|
3537
|
+
states.payoutType === "PAYPAL" ? (index.h("div", { class: classes.PaypalDetailsContainer },
|
|
3538
|
+
index.h("span", { class: classes.PaypalEmail }, states.paypalEmailAddress),
|
|
3539
|
+
index.h(PayPalIcon, null))) : (index.h("div", { class: classes.AccountDetailsContainer },
|
|
3540
|
+
index.h("span", null, states.cardNumberPreview
|
|
3542
3541
|
? `${text.accountText} ${states.cardNumberPreview}`
|
|
3543
3542
|
: text.payoutMissingInformationText)))))));
|
|
3544
3543
|
}
|
|
@@ -3603,7 +3602,7 @@ function usePayoutDetailsCard(props) {
|
|
|
3603
3602
|
|
|
3604
3603
|
const PayoutDetailsCard = class {
|
|
3605
3604
|
constructor(hostRef) {
|
|
3606
|
-
index
|
|
3605
|
+
index.registerInstance(this, hostRef);
|
|
3607
3606
|
/**
|
|
3608
3607
|
* Badge text indicating payout status
|
|
3609
3608
|
* @uiName Payout badge status text
|
|
@@ -3634,7 +3633,7 @@ const PayoutDetailsCard = class {
|
|
|
3634
3633
|
* @uiName Payout missing information subtext
|
|
3635
3634
|
*/
|
|
3636
3635
|
this.payoutMissingInformationText = "Missing banking information, go to Impact.com to resolve.";
|
|
3637
|
-
stencilHooks_module.h(this);
|
|
3636
|
+
stencilHooks_module.h$1(this);
|
|
3638
3637
|
}
|
|
3639
3638
|
disconnectedCallback() { }
|
|
3640
3639
|
getTextProps() {
|
|
@@ -3651,7 +3650,7 @@ const PayoutDetailsCard = class {
|
|
|
3651
3650
|
const props = index_module.isDemo()
|
|
3652
3651
|
? useDemoPayoutDetailsCard(this)
|
|
3653
3652
|
: usePayoutDetailsCard(this);
|
|
3654
|
-
return (index
|
|
3653
|
+
return (index.h(index.Host, null, index.h(PayoutDetailsCardView, { text: props.text, states: props.states })));
|
|
3655
3654
|
}
|
|
3656
3655
|
};
|
|
3657
3656
|
function useDemoPayoutDetailsCard(props) {
|
|
@@ -3677,27 +3676,27 @@ function useDemoPayoutDetailsCard(props) {
|
|
|
3677
3676
|
|
|
3678
3677
|
const TableCell = class {
|
|
3679
3678
|
constructor(hostRef) {
|
|
3680
|
-
index
|
|
3679
|
+
index.registerInstance(this, hostRef);
|
|
3681
3680
|
/** @uiName Column span */
|
|
3682
3681
|
this.colspan = 1;
|
|
3683
3682
|
/** @uiName Padding */
|
|
3684
3683
|
this.padding = "15px 10px";
|
|
3685
3684
|
}
|
|
3686
3685
|
render() {
|
|
3687
|
-
return (index
|
|
3686
|
+
return (index.h(index.Host, { style: { display: "contents" } }, index.h("td", { colSpan: this.colspan, style: { padding: this.padding } }, index.h("slot", null))));
|
|
3688
3687
|
}
|
|
3689
3688
|
};
|
|
3690
3689
|
|
|
3691
3690
|
const TableRow = class {
|
|
3692
3691
|
constructor(hostRef) {
|
|
3693
|
-
index
|
|
3692
|
+
index.registerInstance(this, hostRef);
|
|
3694
3693
|
/**
|
|
3695
3694
|
* @uiName Border
|
|
3696
3695
|
*/
|
|
3697
3696
|
this.border = "1px solid #EAEAEA";
|
|
3698
3697
|
}
|
|
3699
3698
|
render() {
|
|
3700
|
-
return (index
|
|
3699
|
+
return (index.h(index.Host, { style: { display: "contents" } }, index.h("tr", { style: { border: this.border } }, index.h("slot", null))));
|
|
3701
3700
|
}
|
|
3702
3701
|
};
|
|
3703
3702
|
|
|
@@ -3879,7 +3878,7 @@ function useTaxAndCash() {
|
|
|
3879
3878
|
|
|
3880
3879
|
const TaxAndCashMonolith = class {
|
|
3881
3880
|
constructor(hostRef) {
|
|
3882
|
-
index
|
|
3881
|
+
index.registerInstance(this, hostRef);
|
|
3883
3882
|
/*---------------------------------------------------------------------------------
|
|
3884
3883
|
!IMPORTANT!: Make sure to also change the prop names in the respective component
|
|
3885
3884
|
-----------------------------------------------------------------------------------*/
|
|
@@ -4758,7 +4757,7 @@ const TaxAndCashMonolith = class {
|
|
|
4758
4757
|
* @uiGroup General Form Properties
|
|
4759
4758
|
*/
|
|
4760
4759
|
this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
|
|
4761
|
-
stencilHooks_module.h(this);
|
|
4760
|
+
stencilHooks_module.h$1(this);
|
|
4762
4761
|
}
|
|
4763
4762
|
disconnectedCallback() { }
|
|
4764
4763
|
// this field is required prop
|
|
@@ -4789,27 +4788,27 @@ const TaxAndCashMonolith = class {
|
|
|
4789
4788
|
// @ts-ignore
|
|
4790
4789
|
if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
|
|
4791
4790
|
const textProps = utils.getProps(this);
|
|
4792
|
-
return (index
|
|
4791
|
+
return (index.h("div", null, (_b = Object.keys(textProps)) === null || _b === void 0 ? void 0 : _b.map((prop) => {
|
|
4793
4792
|
if (prop === "demoData")
|
|
4794
4793
|
return;
|
|
4795
|
-
return (index
|
|
4794
|
+
return (index.h("div", null, index.h("b", null, prop, ":"), " ", this[prop], index.h("hr", null)));
|
|
4796
4795
|
})));
|
|
4797
4796
|
}
|
|
4798
4797
|
switch (props.step) {
|
|
4799
4798
|
case "/1":
|
|
4800
|
-
return (index
|
|
4799
|
+
return (index.h("sqm-user-info-form", Object.assign({}, this.getGeneralStepTextProps("step1_"))));
|
|
4801
4800
|
case "/2":
|
|
4802
|
-
return (index
|
|
4801
|
+
return (index.h("sqm-indirect-tax-form", Object.assign({}, this.getGeneralStepTextProps("step2_"))));
|
|
4803
4802
|
case "/3":
|
|
4804
|
-
return (index
|
|
4803
|
+
return (index.h("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"))));
|
|
4805
4804
|
case "/4":
|
|
4806
|
-
return (index
|
|
4805
|
+
return (index.h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
|
|
4807
4806
|
case "/dashboard":
|
|
4808
|
-
return (index
|
|
4807
|
+
return (index.h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
|
|
4809
4808
|
case "/error":
|
|
4810
|
-
return (index
|
|
4809
|
+
return (index.h(sqmInvoiceTableView.ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: this.loadingErrorAlertDescription }));
|
|
4811
4810
|
}
|
|
4812
|
-
return index
|
|
4811
|
+
return index.h(sqmInvoiceTableView.LoadingView, null);
|
|
4813
4812
|
}
|
|
4814
4813
|
};
|
|
4815
4814
|
function useDemoTaxAndCash(props) {
|
|
@@ -4984,17 +4983,17 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
4984
4983
|
var _a;
|
|
4985
4984
|
const { states, text, callbacks, slots } = props;
|
|
4986
4985
|
const statusMap = {
|
|
4987
|
-
NOT_VERIFIED: (index
|
|
4988
|
-
index
|
|
4989
|
-
index
|
|
4986
|
+
NOT_VERIFIED: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
4987
|
+
index.h("sl-badge", { type: "warning", pill: true }, text.statusTextNotVerified),
|
|
4988
|
+
index.h("p", null, global.intl.formatMessage({
|
|
4990
4989
|
id: `badgeTextAwaitingReview`,
|
|
4991
4990
|
defaultMessage: text.badgeTextAwaitingReview,
|
|
4992
4991
|
}, {
|
|
4993
4992
|
dateSubmitted: states.dateSubmitted,
|
|
4994
4993
|
})))),
|
|
4995
|
-
ACTIVE: (index
|
|
4996
|
-
index
|
|
4997
|
-
index
|
|
4994
|
+
ACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
4995
|
+
index.h("sl-badge", { type: "success", pill: true }, text.statusTextActive),
|
|
4996
|
+
index.h("p", null, global.intl.formatMessage({
|
|
4998
4997
|
id: `badgeTextSubmittedOn`,
|
|
4999
4998
|
defaultMessage: states.documentType === "W9"
|
|
5000
4999
|
? text.badgeTextSubmittedOn
|
|
@@ -5002,14 +5001,14 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5002
5001
|
}, {
|
|
5003
5002
|
dateSubmitted: states.dateSubmitted,
|
|
5004
5003
|
})))),
|
|
5005
|
-
INACTIVE: (index
|
|
5006
|
-
index
|
|
5007
|
-
index
|
|
5004
|
+
INACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
5005
|
+
index.h("sl-badge", { type: "danger", pill: true }, text.statusTextNotActive),
|
|
5006
|
+
index.h("p", null, text.invalidForm))),
|
|
5008
5007
|
};
|
|
5009
5008
|
const alertMap = {
|
|
5010
|
-
INACTIVE: (index
|
|
5011
|
-
index
|
|
5012
|
-
index
|
|
5009
|
+
INACTIVE: (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
|
|
5010
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
5011
|
+
index.h("strong", null, global.intl.formatMessage({
|
|
5013
5012
|
id: `taxAlertHeaderNotActive`,
|
|
5014
5013
|
defaultMessage: states.documentType === "W9"
|
|
5015
5014
|
? text.taxAlertHeaderNotActiveW9
|
|
@@ -5017,7 +5016,7 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5017
5016
|
}, {
|
|
5018
5017
|
documentType: states.documentTypeString,
|
|
5019
5018
|
})),
|
|
5020
|
-
index
|
|
5019
|
+
index.h("br", null),
|
|
5021
5020
|
global.intl.formatMessage({
|
|
5022
5021
|
id: `taxAlertMessage`,
|
|
5023
5022
|
defaultMessage: states.documentType === "W9"
|
|
@@ -5055,66 +5054,66 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5055
5054
|
});
|
|
5056
5055
|
}
|
|
5057
5056
|
};
|
|
5058
|
-
return (index
|
|
5059
|
-
index
|
|
5060
|
-
index
|
|
5061
|
-
states.loadingError && (index
|
|
5062
|
-
index
|
|
5063
|
-
index
|
|
5064
|
-
index
|
|
5065
|
-
index
|
|
5057
|
+
return (index.h("div", null,
|
|
5058
|
+
index.h("div", null,
|
|
5059
|
+
index.h("style", { type: "text/css" }, styleString$4),
|
|
5060
|
+
states.loadingError && (index.h("div", null,
|
|
5061
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.WarningAlertContainer },
|
|
5062
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
5063
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
5064
|
+
index.h("br", null),
|
|
5066
5065
|
text.error.loadingErrorAlertDescription))),
|
|
5067
|
-
((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
5068
|
-
index
|
|
5069
|
-
index
|
|
5070
|
-
index
|
|
5066
|
+
((_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 },
|
|
5067
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
5068
|
+
index.h("strong", null, text.error.generalTitle),
|
|
5069
|
+
index.h("br", null),
|
|
5071
5070
|
text.error.generalDescription)),
|
|
5072
|
-
index
|
|
5073
|
-
index
|
|
5074
|
-
index
|
|
5075
|
-
index
|
|
5071
|
+
index.h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet$4.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
|
|
5072
|
+
index.h("p", null, text.replaceTaxFormModalBodyText),
|
|
5073
|
+
index.h("sl-button", { slot: "footer", type: "primary", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
|
|
5074
|
+
index.h("sl-button", { slot: "footer", type: "default", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormCancel }, text.cancelButton)),
|
|
5076
5075
|
states.status === "INACTIVE" && alertMap[states.status],
|
|
5077
|
-
index
|
|
5078
|
-
index
|
|
5079
|
-
index
|
|
5080
|
-
index
|
|
5076
|
+
index.h("div", null,
|
|
5077
|
+
index.h("h3", null, text.bankingInformationSectionHeader),
|
|
5078
|
+
index.h("p", { class: sheet$4.classes.PageDescriptionText }, text.taxAndPayoutsDescription),
|
|
5079
|
+
index.h("div", { class: sheet$4.classes.BankingInformationContainer },
|
|
5081
5080
|
slots.payoutDetailsCardSlot,
|
|
5082
|
-
!states.loading && (index
|
|
5083
|
-
states.canEditPayoutInfo && (index
|
|
5084
|
-
index
|
|
5085
|
-
index
|
|
5086
|
-
index
|
|
5087
|
-
index
|
|
5088
|
-
index
|
|
5089
|
-
index
|
|
5090
|
-
index
|
|
5091
|
-
index
|
|
5092
|
-
index
|
|
5081
|
+
!states.loading && (index.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
|
|
5082
|
+
states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
|
|
5083
|
+
index.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
|
|
5084
|
+
index.h("div", null, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
|
|
5085
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
|
|
5086
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (index.h("div", null, states.noFormNeeded ? (index.h("div", null,
|
|
5087
|
+
index.h("h3", { class: sheet$4.classes.TaxDocumentsSectionHeaderContainer }, text.taxDocumentSectionHeader),
|
|
5088
|
+
index.h("p", { class: sheet$4.classes.TaxDocSubtext }, text.noFormNeededSubtext))) : (index.h("div", null,
|
|
5089
|
+
index.h("span", { class: sheet$4.classes.TaxFormDetailsContainer },
|
|
5090
|
+
index.h("div", { class: sheet$4.classes.StatusContainer },
|
|
5091
|
+
index.h("h3", null, global.intl.formatMessage({
|
|
5093
5092
|
id: "section-subheader",
|
|
5094
5093
|
defaultMessage: text.taxDocumentSectionSubHeader,
|
|
5095
5094
|
}, {
|
|
5096
5095
|
documentType: states.documentTypeString,
|
|
5097
5096
|
})),
|
|
5098
|
-
index
|
|
5099
|
-
index
|
|
5100
|
-
index
|
|
5101
|
-
index
|
|
5102
|
-
index
|
|
5103
|
-
index
|
|
5097
|
+
index.h("span", { class: sheet$4.classes.StatusAlert }, statusMap[states.status]))),
|
|
5098
|
+
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))))))),
|
|
5099
|
+
index.h("div", { class: sheet$4.classes.IndirectTaxPreviewContainer }, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
|
|
5100
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
|
|
5101
|
+
index.h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (index.h("div", null,
|
|
5102
|
+
index.h("h3", { class: sheet$4.classes.IndirectTaxPreviewHeaderContainer },
|
|
5104
5103
|
text.indirectTaxInfoSectionHeader,
|
|
5105
|
-
index
|
|
5106
|
-
index
|
|
5107
|
-
index
|
|
5108
|
-
index
|
|
5109
|
-
!states.notRegistered && (index
|
|
5110
|
-
index
|
|
5104
|
+
index.h("sl-tooltip", { trigger: "hover", placement: "top", content: text.indirectTaxTooltipSupport, class: sheet$4.classes.TooltipContainer },
|
|
5105
|
+
index.h("sl-icon", { name: "info-circle", class: sheet$4.classes.ToolTip }))),
|
|
5106
|
+
index.h("div", { class: sheet$4.classes.IndirectTaxPreviewDetails },
|
|
5107
|
+
index.h("span", null, states.notRegistered ? (index.h("span", { class: sheet$4.classes.NotRegisteredIndirectTaxText }, text.notRegisteredForTax)) : (getIndirectTaxRegisteredIn())),
|
|
5108
|
+
!states.notRegistered && (index.h("div", { class: sheet$4.classes.TaxNumberContainer },
|
|
5109
|
+
index.h("span", null, global.intl.formatMessage({
|
|
5111
5110
|
id: `indirectTaxDetails`,
|
|
5112
5111
|
defaultMessage: text.indirectTaxDetails,
|
|
5113
5112
|
}, {
|
|
5114
5113
|
indirectTaxType: states.indirectTaxType,
|
|
5115
5114
|
indirectTaxNumber: states.indirectTaxNumber,
|
|
5116
5115
|
})),
|
|
5117
|
-
index
|
|
5116
|
+
index.h("span", null,
|
|
5118
5117
|
states.qstNumber &&
|
|
5119
5118
|
global.intl.formatMessage({
|
|
5120
5119
|
id: `qstNumber`,
|
|
@@ -5129,14 +5128,14 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
5129
5128
|
}, {
|
|
5130
5129
|
subRegionTaxNumber: states.subRegionTaxNumber,
|
|
5131
5130
|
})))),
|
|
5132
|
-
!states.notRegistered && (index
|
|
5133
|
-
index
|
|
5134
|
-
index
|
|
5135
|
-
index
|
|
5136
|
-
index
|
|
5137
|
-
index
|
|
5138
|
-
index
|
|
5139
|
-
index
|
|
5131
|
+
!states.notRegistered && (index.h("div", { class: sheet$4.classes.InvoiceTableContainer },
|
|
5132
|
+
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 },
|
|
5133
|
+
index.h("sqm-invoice-table-download-column", null),
|
|
5134
|
+
index.h("sqm-invoice-table-date-column", { "column-title": text.dateColumnTitle }),
|
|
5135
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.invoiceColumnTitle, property: "invoiceId" }),
|
|
5136
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.earningsColumnTitle, property: "earnings" }),
|
|
5137
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.indirectTaxColumnTitle, property: "indirectTax" }),
|
|
5138
|
+
index.h("sqm-invoice-table-data-column", { "column-title": text.earningsAfterTaxColumnTitle, property: "netEarnings" })))))))))));
|
|
5140
5139
|
};
|
|
5141
5140
|
|
|
5142
5141
|
function getCountryName(countryCode, locale) {
|
|
@@ -5242,7 +5241,7 @@ const useTaxAndCashDashboard = (props) => {
|
|
|
5242
5241
|
|
|
5243
5242
|
const TaxAndCashDashboard = class {
|
|
5244
5243
|
constructor(hostRef) {
|
|
5245
|
-
index
|
|
5244
|
+
index.registerInstance(this, hostRef);
|
|
5246
5245
|
/**
|
|
5247
5246
|
* @uiName Active tax form badge label
|
|
5248
5247
|
*/
|
|
@@ -5502,7 +5501,7 @@ const TaxAndCashDashboard = class {
|
|
|
5502
5501
|
* @uiName Cancel button label
|
|
5503
5502
|
*/
|
|
5504
5503
|
this.cancelButton = "Cancel";
|
|
5505
|
-
stencilHooks_module.h(this);
|
|
5504
|
+
stencilHooks_module.h$1(this);
|
|
5506
5505
|
}
|
|
5507
5506
|
disconnectedCallback() { }
|
|
5508
5507
|
getTextProps() {
|
|
@@ -5521,8 +5520,8 @@ const TaxAndCashDashboard = class {
|
|
|
5521
5520
|
const props = index_module.isDemo()
|
|
5522
5521
|
? useDemoTaxAndCashDashboard(this)
|
|
5523
5522
|
: useTaxAndCashDashboard(this);
|
|
5524
|
-
return (index
|
|
5525
|
-
payoutDetailsCardSlot: (index
|
|
5523
|
+
return (index.h(index.Host, null, index.h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
|
|
5524
|
+
payoutDetailsCardSlot: (index.h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
|
|
5526
5525
|
} })));
|
|
5527
5526
|
}
|
|
5528
5527
|
};
|
|
@@ -6636,7 +6635,7 @@ const UserInfoFormView = (props) => {
|
|
|
6636
6635
|
id: "bankingCollectionText",
|
|
6637
6636
|
defaultMessage: text.allowBankingCollection,
|
|
6638
6637
|
}, {
|
|
6639
|
-
termsAndConditionsLink: (index
|
|
6638
|
+
termsAndConditionsLink: (index.h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
|
|
6640
6639
|
});
|
|
6641
6640
|
let regionLabel = undefined;
|
|
6642
6641
|
switch (data.regionLabelEnum) {
|
|
@@ -6652,68 +6651,68 @@ const UserInfoFormView = (props) => {
|
|
|
6652
6651
|
default:
|
|
6653
6652
|
regionLabel = text.state;
|
|
6654
6653
|
}
|
|
6655
|
-
return (index
|
|
6656
|
-
index
|
|
6654
|
+
return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
|
|
6655
|
+
index.h("style", { type: "text/css" },
|
|
6657
6656
|
styleString$5,
|
|
6658
6657
|
vanillaStyle$3),
|
|
6659
|
-
states.loadingError && (index
|
|
6660
|
-
index
|
|
6661
|
-
index
|
|
6662
|
-
index
|
|
6663
|
-
index
|
|
6658
|
+
states.loadingError && (index.h("div", null,
|
|
6659
|
+
index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$5.classes.AlertContainer },
|
|
6660
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
6661
|
+
index.h("strong", null, text.error.loadingErrorAlertHeader),
|
|
6662
|
+
index.h("br", null),
|
|
6664
6663
|
text.error.loadingErrorAlertDescription),
|
|
6665
|
-
index
|
|
6666
|
-
states.loading ? (index
|
|
6667
|
-
index
|
|
6668
|
-
index
|
|
6669
|
-
!states.hideSteps && (index
|
|
6664
|
+
index.h("br", null))),
|
|
6665
|
+
states.loading ? (index.h(sqmInvoiceTableView.GeneralLoadingView, null)) : (index.h("div", null,
|
|
6666
|
+
index.h("div", { class: classes.TextContainer },
|
|
6667
|
+
index.h("div", null,
|
|
6668
|
+
!states.hideSteps && (index.h("p", null, global.intl.formatMessage({
|
|
6670
6669
|
id: "formStep",
|
|
6671
6670
|
defaultMessage: text.formStep,
|
|
6672
6671
|
}, { step: states.step, count: FORM_STEPS }))),
|
|
6673
|
-
index
|
|
6674
|
-
index
|
|
6675
|
-
((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index
|
|
6676
|
-
index
|
|
6677
|
-
index
|
|
6678
|
-
index
|
|
6672
|
+
index.h("h3", null, text.personalInformation),
|
|
6673
|
+
index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
|
|
6674
|
+
((_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 },
|
|
6675
|
+
index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
|
|
6676
|
+
index.h("strong", null, text.error.generalTitle),
|
|
6677
|
+
index.h("br", null),
|
|
6679
6678
|
text.error.generalDescription)),
|
|
6680
|
-
(states.isPartner || states.isUser) && (index
|
|
6681
|
-
index
|
|
6682
|
-
index
|
|
6683
|
-
index
|
|
6679
|
+
(states.isPartner || states.isUser) && (index.h("sl-alert", { type: "primary", open: true, class: sheet$5.classes.PartnerAlertContainer, exportparts: "base: alert-base, icon:alert-icon" },
|
|
6680
|
+
index.h("sl-icon", { slot: "icon", name: "info-circle" }),
|
|
6681
|
+
index.h("strong", null, text.isPartnerAlertHeader),
|
|
6682
|
+
index.h("br", null),
|
|
6684
6683
|
text.isPartnerAlertDescription)),
|
|
6685
|
-
index
|
|
6686
|
-
index
|
|
6687
|
-
index
|
|
6684
|
+
index.h("div", null,
|
|
6685
|
+
index.h("div", { class: classes.InputContainer },
|
|
6686
|
+
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) ? {
|
|
6688
6687
|
class: classes.ErrorInput,
|
|
6689
6688
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.firstName, formState.errors.firstName),
|
|
6690
6689
|
}
|
|
6691
6690
|
: {}), { id: "firstName", name: "/firstName", required: true })),
|
|
6692
|
-
index
|
|
6691
|
+
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) ? {
|
|
6693
6692
|
class: classes.ErrorInput,
|
|
6694
6693
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.lastName, formState.errors.lastName),
|
|
6695
6694
|
}
|
|
6696
6695
|
: {}), { id: "lastName", name: "/lastName", required: true })),
|
|
6697
|
-
index
|
|
6698
|
-
index
|
|
6696
|
+
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 }),
|
|
6697
|
+
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) ? {
|
|
6699
6698
|
class: classes.ErrorInput,
|
|
6700
6699
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.country, formState.errors.countryCode),
|
|
6701
6700
|
}
|
|
6702
6701
|
: {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("countryCode", e) }),
|
|
6703
|
-
index
|
|
6702
|
+
index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
|
|
6704
6703
|
// Stop shoelace intercepting key presses
|
|
6705
6704
|
e.stopPropagation();
|
|
6706
6705
|
}, "onSl-input": (e) => {
|
|
6707
6706
|
callbacks.setCountrySearch(e.target.value);
|
|
6708
6707
|
} }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
|
|
6709
|
-
_e.map((c) => (index
|
|
6710
|
-
_f.map((c) => (index
|
|
6711
|
-
index
|
|
6712
|
-
index
|
|
6708
|
+
_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 :
|
|
6709
|
+
_f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
|
|
6710
|
+
index.h("div", { style: { display: "flex", gap: "4px" } },
|
|
6711
|
+
index.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "140px" }, 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) ? {
|
|
6713
6712
|
class: classes.ErrorInput,
|
|
6714
6713
|
}
|
|
6715
6714
|
: {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
|
|
6716
|
-
index
|
|
6715
|
+
index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
|
|
6717
6716
|
// Stop shoelace intercepting key presses
|
|
6718
6717
|
e.stopPropagation();
|
|
6719
6718
|
}, "onSl-input": (e) => {
|
|
@@ -6721,17 +6720,17 @@ const UserInfoFormView = (props) => {
|
|
|
6721
6720
|
} }), (_h = data === null || data === void 0 ? void 0 : data.phoneCountries) === null || _h === void 0 ? void 0 :
|
|
6722
6721
|
_h.map((c) => {
|
|
6723
6722
|
var _a, _b;
|
|
6724
|
-
return (index
|
|
6725
|
-
index
|
|
6723
|
+
return (index.h("sl-menu-item", { style: { width: "500px" }, value: c.countryCode },
|
|
6724
|
+
index.h("div", { slot: "prefix", style: { marginRight: "8px" } }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
|
|
6726
6725
|
_b.dial_code));
|
|
6727
6726
|
}), (_j = data === null || data === void 0 ? void 0 : data.allCountries) === null || _j === void 0 ? void 0 :
|
|
6728
6727
|
_j.map((c) => {
|
|
6729
6728
|
var _a, _b;
|
|
6730
|
-
return (index
|
|
6731
|
-
index
|
|
6729
|
+
return (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
|
|
6730
|
+
index.h("div", { slot: "prefix", style: { marginRight: "8px" } }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
|
|
6732
6731
|
_b.dial_code));
|
|
6733
6732
|
})),
|
|
6734
|
-
index
|
|
6733
|
+
index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: " ", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, style: { marginTop: "2px", width: "362px" }, validationError: ({ value }) =>
|
|
6735
6734
|
// Naive phone number validation
|
|
6736
6735
|
sqmInvoiceTableView.validateBillingField(/[a-zA-Z]+/, value) &&
|
|
6737
6736
|
sqmInvoiceTableView.formatErrorMessage(text.phoneNumber, text.error.fieldInvalidError), disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
|
|
@@ -6739,7 +6738,7 @@ const UserInfoFormView = (props) => {
|
|
|
6739
6738
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
|
|
6740
6739
|
}
|
|
6741
6740
|
: {}), { required: true }))),
|
|
6742
|
-
index
|
|
6741
|
+
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 }) =>
|
|
6743
6742
|
// Checks for non-ASCII characters
|
|
6744
6743
|
!sqmInvoiceTableView.validateBillingField(/^[\x20-\xFF]+$/, value) &&
|
|
6745
6744
|
sqmInvoiceTableView.formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
|
|
@@ -6747,7 +6746,7 @@ const UserInfoFormView = (props) => {
|
|
|
6747
6746
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.address, formState.errors.address),
|
|
6748
6747
|
}
|
|
6749
6748
|
: {}), { required: true })),
|
|
6750
|
-
index
|
|
6749
|
+
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 }) =>
|
|
6751
6750
|
// Checks for non-ASCII characters
|
|
6752
6751
|
!sqmInvoiceTableView.validateBillingField(/^[\x20-\xFF]+$/, value) &&
|
|
6753
6752
|
sqmInvoiceTableView.formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
|
|
@@ -6755,41 +6754,41 @@ const UserInfoFormView = (props) => {
|
|
|
6755
6754
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.city, formState.errors.city),
|
|
6756
6755
|
}
|
|
6757
6756
|
: {}), { required: true })),
|
|
6758
|
-
!states.hideState && (index
|
|
6757
|
+
!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) ? {
|
|
6759
6758
|
class: classes.ErrorInput,
|
|
6760
6759
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.state, formState.errors.state),
|
|
6761
6760
|
}
|
|
6762
|
-
: {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index
|
|
6763
|
-
index
|
|
6761
|
+
: {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
|
|
6762
|
+
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) ? {
|
|
6764
6763
|
class: classes.ErrorInput,
|
|
6765
6764
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.postalCode, formState.errors.postalCode),
|
|
6766
6765
|
}
|
|
6767
6766
|
: {}), { required: true })),
|
|
6768
|
-
index
|
|
6767
|
+
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) ? {
|
|
6769
6768
|
class: classes.ErrorInput,
|
|
6770
6769
|
helpText: sqmInvoiceTableView.formatErrorMessage(text.currency, formState.errors.currency),
|
|
6771
6770
|
}
|
|
6772
6771
|
: {}), { required: true, ref: (el) => (refs.currencyRef.current = el) }),
|
|
6773
|
-
index
|
|
6772
|
+
index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCurrencyText, onKeyDown: (e) => {
|
|
6774
6773
|
// Stop shoelace intercepting key presses
|
|
6775
6774
|
e.stopPropagation();
|
|
6776
6775
|
}, "onSl-input": (e) => {
|
|
6777
6776
|
callbacks.setCurrencySearch(e.target.value);
|
|
6778
6777
|
} }), (_s = data === null || data === void 0 ? void 0 : data.currencies) === null || _s === void 0 ? void 0 :
|
|
6779
|
-
_s.map((c) => (index
|
|
6778
|
+
_s.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
|
|
6780
6779
|
c.currencyCode,
|
|
6781
6780
|
" - ",
|
|
6782
6781
|
c.displayName))), (_t = data === null || data === void 0 ? void 0 : data.allCurrencies) === null || _t === void 0 ? void 0 :
|
|
6783
|
-
_t.map((c) => (index
|
|
6782
|
+
_t.map((c) => (index.h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
|
|
6784
6783
|
c.currencyCode,
|
|
6785
6784
|
" - ",
|
|
6786
6785
|
c.displayName)))),
|
|
6787
|
-
index
|
|
6788
|
-
index
|
|
6786
|
+
index.h("div", { class: classes.CheckboxWrapper },
|
|
6787
|
+
index.h("sl-checkbox", { exportparts: "label: input-label, base: input-base", checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
|
|
6789
6788
|
e.target.value = e.target.checked;
|
|
6790
6789
|
}, disabled: states.isPartner ? false : states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
|
|
6791
|
-
((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (index
|
|
6792
|
-
index
|
|
6790
|
+
((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (index.h("p", { class: classes.ErrorText }, sqmInvoiceTableView.formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
|
|
6791
|
+
index.h("sl-button", { type: "primary", disabled: states.isPartner ? false : states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
|
|
6793
6792
|
};
|
|
6794
6793
|
|
|
6795
6794
|
function useUserInfoForm(props) {
|
|
@@ -6986,7 +6985,7 @@ function useUserInfoForm(props) {
|
|
|
6986
6985
|
|
|
6987
6986
|
const TaxForm = class {
|
|
6988
6987
|
constructor(hostRef) {
|
|
6989
|
-
index
|
|
6988
|
+
index.registerInstance(this, hostRef);
|
|
6990
6989
|
this.ignored = true;
|
|
6991
6990
|
/**
|
|
6992
6991
|
* @uiName First name field label
|
|
@@ -7134,7 +7133,7 @@ const TaxForm = class {
|
|
|
7134
7133
|
* @uiName Page description
|
|
7135
7134
|
*/
|
|
7136
7135
|
this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
|
|
7137
|
-
stencilHooks_module.h(this);
|
|
7136
|
+
stencilHooks_module.h$1(this);
|
|
7138
7137
|
}
|
|
7139
7138
|
disconnectedCallback() { }
|
|
7140
7139
|
getTextProps() {
|
|
@@ -7154,7 +7153,7 @@ const TaxForm = class {
|
|
|
7154
7153
|
}
|
|
7155
7154
|
render() {
|
|
7156
7155
|
const props = index_module.isDemo() ? useDemoUserInfoForm(this) : useUserInfoForm(this);
|
|
7157
|
-
return (index
|
|
7156
|
+
return (index.h(index.Host, null, index.h(UserInfoFormView, { data: props.data,
|
|
7158
7157
|
// @ts-ignore
|
|
7159
7158
|
states: props.states, callbacks: {
|
|
7160
7159
|
...props.callbacks,
|