@workos-inc/widgets 1.0.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +65 -0
- package/dist/cjs/card-list.d.ts +6 -0
- package/dist/cjs/card-list.d.ts.map +1 -0
- package/dist/cjs/card-list.js +13 -0
- package/dist/cjs/card-list.js.map +1 -0
- package/dist/cjs/index.d.ts +3 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +7 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/add-mfa-dialog.d.ts +9 -0
- package/dist/cjs/lib/add-mfa-dialog.d.ts.map +1 -0
- package/dist/cjs/lib/add-mfa-dialog.js +135 -0
- package/dist/cjs/lib/add-mfa-dialog.js.map +1 -0
- package/dist/cjs/lib/api/user.d.ts +13 -57
- package/dist/cjs/lib/api/user.d.ts.map +1 -1
- package/dist/cjs/lib/api/user.js +44 -314
- package/dist/cjs/lib/api/user.js.map +1 -1
- package/dist/cjs/lib/change-password-dialog.d.ts +8 -0
- package/dist/cjs/lib/change-password-dialog.d.ts.map +1 -0
- package/dist/cjs/lib/change-password-dialog.js +97 -0
- package/dist/cjs/lib/change-password-dialog.js.map +1 -0
- package/dist/cjs/lib/copy-button.d.ts +8 -0
- package/dist/cjs/lib/copy-button.d.ts.map +1 -0
- package/dist/cjs/lib/copy-button.js +63 -0
- package/dist/cjs/lib/copy-button.js.map +1 -0
- package/dist/cjs/lib/delete-user-dialog.d.ts +2 -2
- package/dist/cjs/lib/delete-user-dialog.d.ts.map +1 -1
- package/dist/cjs/lib/delete-user-dialog.js +1 -1
- package/dist/cjs/lib/delete-user-dialog.js.map +1 -1
- package/dist/cjs/lib/edit-user-profile-dialog.d.ts +10 -0
- package/dist/cjs/lib/edit-user-profile-dialog.d.ts.map +1 -0
- package/dist/cjs/lib/edit-user-profile-dialog.js +85 -0
- package/dist/cjs/lib/edit-user-profile-dialog.js.map +1 -0
- package/dist/cjs/lib/edit-user-role-dialog.d.ts +12 -0
- package/dist/cjs/lib/edit-user-role-dialog.d.ts.map +1 -0
- package/dist/cjs/lib/{edit-user-details-dialog.js → edit-user-role-dialog.js} +11 -7
- package/dist/cjs/lib/edit-user-role-dialog.js.map +1 -0
- package/dist/cjs/lib/elements.d.ts +1 -0
- package/dist/cjs/lib/elements.d.ts.map +1 -1
- package/dist/cjs/lib/elements.js +10 -4
- package/dist/cjs/lib/elements.js.map +1 -1
- package/dist/cjs/lib/elevated-access.d.ts +8 -0
- package/dist/cjs/lib/elevated-access.d.ts.map +1 -0
- package/dist/cjs/lib/elevated-access.js +130 -0
- package/dist/cjs/lib/elevated-access.js.map +1 -0
- package/dist/cjs/lib/generic-error.d.ts +4 -0
- package/dist/cjs/lib/generic-error.d.ts.map +1 -0
- package/dist/cjs/lib/generic-error.js +57 -0
- package/dist/cjs/lib/generic-error.js.map +1 -0
- package/dist/cjs/lib/icon-panel.d.ts +3 -0
- package/dist/cjs/lib/icon-panel.d.ts.map +1 -0
- package/dist/cjs/lib/icon-panel.js +16 -0
- package/dist/cjs/lib/icon-panel.js.map +1 -0
- package/dist/cjs/lib/icons.d.ts +3 -0
- package/dist/cjs/lib/icons.d.ts.map +1 -0
- package/dist/cjs/lib/icons.js +8 -0
- package/dist/cjs/lib/icons.js.map +1 -0
- package/dist/cjs/lib/invite-user-dialog.d.ts.map +1 -1
- package/dist/cjs/lib/invite-user-dialog.js +7 -5
- package/dist/cjs/lib/invite-user-dialog.js.map +1 -1
- package/dist/cjs/lib/logout-all-sessions-dialog.d.ts +9 -0
- package/dist/cjs/lib/logout-all-sessions-dialog.d.ts.map +1 -0
- package/dist/cjs/lib/logout-all-sessions-dialog.js +52 -0
- package/dist/cjs/lib/logout-all-sessions-dialog.js.map +1 -0
- package/dist/cjs/lib/logout-dialog.d.ts +10 -0
- package/dist/cjs/lib/logout-dialog.d.ts.map +1 -0
- package/dist/cjs/lib/logout-dialog.js +58 -0
- package/dist/cjs/lib/logout-dialog.js.map +1 -0
- package/dist/cjs/lib/marker.d.ts +14 -0
- package/dist/cjs/lib/marker.d.ts.map +1 -0
- package/dist/cjs/lib/marker.js +38 -0
- package/dist/cjs/lib/marker.js.map +1 -0
- package/dist/cjs/lib/oauth-icons.d.ts +4 -0
- package/dist/cjs/lib/oauth-icons.d.ts.map +1 -0
- package/dist/cjs/lib/oauth-icons.js +67 -0
- package/dist/cjs/lib/oauth-icons.js.map +1 -0
- package/dist/cjs/lib/organization-switcher.d.ts +24 -0
- package/dist/cjs/lib/organization-switcher.d.ts.map +1 -0
- package/dist/cjs/lib/organization-switcher.js +35 -0
- package/dist/cjs/lib/organization-switcher.js.map +1 -0
- package/dist/cjs/lib/otp-input.d.ts +20 -0
- package/dist/cjs/lib/otp-input.d.ts.map +1 -0
- package/dist/cjs/lib/otp-input.js +174 -0
- package/dist/cjs/lib/otp-input.js.map +1 -0
- package/dist/cjs/lib/resend-invite-dialog.d.ts +2 -2
- package/dist/cjs/lib/resend-invite-dialog.d.ts.map +1 -1
- package/dist/cjs/lib/resend-invite-dialog.js +1 -1
- package/dist/cjs/lib/resend-invite-dialog.js.map +1 -1
- package/dist/cjs/lib/reset-mfa-dialog.d.ts +9 -0
- package/dist/cjs/lib/reset-mfa-dialog.d.ts.map +1 -0
- package/dist/cjs/lib/reset-mfa-dialog.js +60 -0
- package/dist/cjs/lib/reset-mfa-dialog.js.map +1 -0
- package/dist/cjs/lib/revoke-invite-dialog.d.ts +2 -2
- package/dist/cjs/lib/revoke-invite-dialog.d.ts.map +1 -1
- package/dist/cjs/lib/revoke-invite-dialog.js +1 -1
- package/dist/cjs/lib/revoke-invite-dialog.js.map +1 -1
- package/dist/cjs/lib/save-button.d.ts +11 -0
- package/dist/cjs/lib/save-button.d.ts.map +1 -0
- package/dist/cjs/lib/save-button.js +47 -0
- package/dist/cjs/lib/save-button.js.map +1 -0
- package/dist/cjs/lib/set-password-dialog.d.ts +8 -0
- package/dist/cjs/lib/set-password-dialog.d.ts.map +1 -0
- package/dist/cjs/lib/set-password-dialog.js +80 -0
- package/dist/cjs/lib/set-password-dialog.js.map +1 -0
- package/dist/cjs/lib/use-dialog-close.d.ts +2 -0
- package/dist/cjs/lib/use-dialog-close.d.ts.map +1 -0
- package/dist/cjs/lib/use-dialog-close.js +43 -0
- package/dist/cjs/lib/use-dialog-close.js.map +1 -0
- package/dist/cjs/lib/use-security-settings.d.ts +11 -0
- package/dist/cjs/lib/use-security-settings.d.ts.map +1 -0
- package/dist/cjs/lib/use-security-settings.js +39 -0
- package/dist/cjs/lib/use-security-settings.js.map +1 -0
- package/dist/cjs/lib/user-actions-dropdown.d.ts +2 -2
- package/dist/cjs/lib/user-actions-dropdown.d.ts.map +1 -1
- package/dist/cjs/lib/user-actions-dropdown.js +8 -4
- package/dist/cjs/lib/user-actions-dropdown.js.map +1 -1
- package/dist/cjs/lib/user-profile.d.ts +11 -0
- package/dist/cjs/lib/user-profile.d.ts.map +1 -0
- package/dist/cjs/lib/user-profile.js +36 -0
- package/dist/cjs/lib/user-profile.js.map +1 -0
- package/dist/cjs/lib/user-security.d.ts +11 -0
- package/dist/cjs/lib/user-security.d.ts.map +1 -0
- package/dist/cjs/lib/user-security.js +64 -0
- package/dist/cjs/lib/user-security.js.map +1 -0
- package/dist/cjs/lib/user-sessions.d.ts +12 -0
- package/dist/cjs/lib/user-sessions.d.ts.map +1 -0
- package/dist/cjs/lib/user-sessions.js +72 -0
- package/dist/cjs/lib/user-sessions.js.map +1 -0
- package/dist/cjs/lib/users-filter.d.ts +2 -2
- package/dist/cjs/lib/users-filter.d.ts.map +1 -1
- package/dist/cjs/lib/users-filter.js.map +1 -1
- package/dist/cjs/lib/users-management-context.d.ts +0 -9
- package/dist/cjs/lib/users-management-context.d.ts.map +1 -1
- package/dist/cjs/lib/users-management-context.js +13 -26
- package/dist/cjs/lib/users-management-context.js.map +1 -1
- package/dist/cjs/lib/users-management-state.d.ts +3 -3
- package/dist/cjs/lib/users-management-state.d.ts.map +1 -1
- package/dist/cjs/lib/users-management-state.js.map +1 -1
- package/dist/cjs/lib/users-management.d.ts +3 -4
- package/dist/cjs/lib/users-management.d.ts.map +1 -1
- package/dist/cjs/lib/users-management.js +8 -26
- package/dist/cjs/lib/users-management.js.map +1 -1
- package/dist/cjs/lib/utils.d.ts +10 -2
- package/dist/cjs/lib/utils.d.ts.map +1 -1
- package/dist/cjs/lib/utils.js +18 -0
- package/dist/cjs/lib/utils.js.map +1 -1
- package/dist/cjs/organization-switcher.client.d.ts +8 -0
- package/dist/cjs/organization-switcher.client.d.ts.map +1 -0
- package/dist/cjs/organization-switcher.client.js +37 -0
- package/dist/cjs/organization-switcher.client.js.map +1 -0
- package/dist/cjs/user-profile.client.d.ts +7 -0
- package/dist/cjs/user-profile.client.d.ts.map +1 -0
- package/dist/cjs/user-profile.client.js +31 -0
- package/dist/cjs/user-profile.client.js.map +1 -0
- package/dist/cjs/user-security.client.d.ts +7 -0
- package/dist/cjs/user-security.client.d.ts.map +1 -0
- package/dist/cjs/user-security.client.js +27 -0
- package/dist/cjs/user-security.client.js.map +1 -0
- package/dist/cjs/user-sessions.client.d.ts +12 -0
- package/dist/cjs/user-sessions.client.d.ts.map +1 -0
- package/dist/cjs/user-sessions.client.js +48 -0
- package/dist/cjs/user-sessions.client.js.map +1 -0
- package/dist/cjs/users-management.client.d.ts +2 -1
- package/dist/cjs/users-management.client.d.ts.map +1 -1
- package/dist/cjs/users-management.client.js +12 -43
- package/dist/cjs/users-management.client.js.map +1 -1
- package/dist/esm/card-list.d.ts +6 -0
- package/dist/esm/card-list.d.ts.map +1 -0
- package/dist/esm/card-list.js +9 -0
- package/dist/esm/card-list.js.map +1 -0
- package/dist/esm/index.d.ts +3 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/add-mfa-dialog.d.ts +9 -0
- package/dist/esm/lib/add-mfa-dialog.d.ts.map +1 -0
- package/dist/esm/lib/add-mfa-dialog.js +109 -0
- package/dist/esm/lib/add-mfa-dialog.js.map +1 -0
- package/dist/esm/lib/api/user.d.ts +13 -57
- package/dist/esm/lib/api/user.d.ts.map +1 -1
- package/dist/esm/lib/api/user.js +44 -313
- package/dist/esm/lib/api/user.js.map +1 -1
- package/dist/esm/lib/change-password-dialog.d.ts +8 -0
- package/dist/esm/lib/change-password-dialog.d.ts.map +1 -0
- package/dist/esm/lib/change-password-dialog.js +71 -0
- package/dist/esm/lib/change-password-dialog.js.map +1 -0
- package/dist/esm/lib/copy-button.d.ts +8 -0
- package/dist/esm/lib/copy-button.d.ts.map +1 -0
- package/dist/esm/lib/copy-button.js +37 -0
- package/dist/esm/lib/copy-button.js.map +1 -0
- package/dist/esm/lib/delete-user-dialog.d.ts +2 -2
- package/dist/esm/lib/delete-user-dialog.d.ts.map +1 -1
- package/dist/esm/lib/delete-user-dialog.js +1 -1
- package/dist/esm/lib/delete-user-dialog.js.map +1 -1
- package/dist/esm/lib/edit-user-profile-dialog.d.ts +10 -0
- package/dist/esm/lib/edit-user-profile-dialog.d.ts.map +1 -0
- package/dist/esm/lib/edit-user-profile-dialog.js +59 -0
- package/dist/esm/lib/edit-user-profile-dialog.js.map +1 -0
- package/dist/esm/lib/edit-user-role-dialog.d.ts +12 -0
- package/dist/esm/lib/edit-user-role-dialog.d.ts.map +1 -0
- package/dist/esm/lib/{edit-user-details-dialog.js → edit-user-role-dialog.js} +10 -6
- package/dist/esm/lib/edit-user-role-dialog.js.map +1 -0
- package/dist/esm/lib/elements.d.ts +1 -0
- package/dist/esm/lib/elements.d.ts.map +1 -1
- package/dist/esm/lib/elements.js +9 -3
- package/dist/esm/lib/elements.js.map +1 -1
- package/dist/esm/lib/elevated-access.d.ts +8 -0
- package/dist/esm/lib/elevated-access.d.ts.map +1 -0
- package/dist/esm/lib/elevated-access.js +104 -0
- package/dist/esm/lib/elevated-access.js.map +1 -0
- package/dist/esm/lib/generic-error.d.ts +4 -0
- package/dist/esm/lib/generic-error.d.ts.map +1 -0
- package/dist/esm/lib/generic-error.js +31 -0
- package/dist/esm/lib/generic-error.js.map +1 -0
- package/dist/esm/lib/icon-panel.d.ts +3 -0
- package/dist/esm/lib/icon-panel.d.ts.map +1 -0
- package/dist/esm/lib/icon-panel.js +13 -0
- package/dist/esm/lib/icon-panel.js.map +1 -0
- package/dist/esm/lib/icons.d.ts +3 -0
- package/dist/esm/lib/icons.d.ts.map +1 -0
- package/dist/esm/lib/icons.js +5 -0
- package/dist/esm/lib/icons.js.map +1 -0
- package/dist/esm/lib/invite-user-dialog.d.ts.map +1 -1
- package/dist/esm/lib/invite-user-dialog.js +7 -5
- package/dist/esm/lib/invite-user-dialog.js.map +1 -1
- package/dist/esm/lib/logout-all-sessions-dialog.d.ts +9 -0
- package/dist/esm/lib/logout-all-sessions-dialog.d.ts.map +1 -0
- package/dist/esm/lib/logout-all-sessions-dialog.js +26 -0
- package/dist/esm/lib/logout-all-sessions-dialog.js.map +1 -0
- package/dist/esm/lib/logout-dialog.d.ts +10 -0
- package/dist/esm/lib/logout-dialog.d.ts.map +1 -0
- package/dist/esm/lib/logout-dialog.js +32 -0
- package/dist/esm/lib/logout-dialog.js.map +1 -0
- package/dist/esm/lib/marker.d.ts +14 -0
- package/dist/esm/lib/marker.d.ts.map +1 -0
- package/dist/esm/lib/marker.js +9 -0
- package/dist/esm/lib/marker.js.map +1 -0
- package/dist/esm/lib/oauth-icons.d.ts +4 -0
- package/dist/esm/lib/oauth-icons.d.ts.map +1 -0
- package/dist/esm/lib/oauth-icons.js +39 -0
- package/dist/esm/lib/oauth-icons.js.map +1 -0
- package/dist/esm/lib/organization-switcher.d.ts +24 -0
- package/dist/esm/lib/organization-switcher.d.ts.map +1 -0
- package/dist/esm/lib/organization-switcher.js +29 -0
- package/dist/esm/lib/organization-switcher.js.map +1 -0
- package/dist/esm/lib/otp-input.d.ts +20 -0
- package/dist/esm/lib/otp-input.d.ts.map +1 -0
- package/dist/esm/lib/otp-input.js +148 -0
- package/dist/esm/lib/otp-input.js.map +1 -0
- package/dist/esm/lib/resend-invite-dialog.d.ts +2 -2
- package/dist/esm/lib/resend-invite-dialog.d.ts.map +1 -1
- package/dist/esm/lib/resend-invite-dialog.js +1 -1
- package/dist/esm/lib/resend-invite-dialog.js.map +1 -1
- package/dist/esm/lib/reset-mfa-dialog.d.ts +9 -0
- package/dist/esm/lib/reset-mfa-dialog.d.ts.map +1 -0
- package/dist/esm/lib/reset-mfa-dialog.js +34 -0
- package/dist/esm/lib/reset-mfa-dialog.js.map +1 -0
- package/dist/esm/lib/revoke-invite-dialog.d.ts +2 -2
- package/dist/esm/lib/revoke-invite-dialog.d.ts.map +1 -1
- package/dist/esm/lib/revoke-invite-dialog.js +1 -1
- package/dist/esm/lib/revoke-invite-dialog.js.map +1 -1
- package/dist/esm/lib/save-button.d.ts +11 -0
- package/dist/esm/lib/save-button.d.ts.map +1 -0
- package/dist/esm/lib/save-button.js +44 -0
- package/dist/esm/lib/save-button.js.map +1 -0
- package/dist/esm/lib/set-password-dialog.d.ts +8 -0
- package/dist/esm/lib/set-password-dialog.d.ts.map +1 -0
- package/dist/esm/lib/set-password-dialog.js +54 -0
- package/dist/esm/lib/set-password-dialog.js.map +1 -0
- package/dist/esm/lib/use-dialog-close.d.ts +2 -0
- package/dist/esm/lib/use-dialog-close.d.ts.map +1 -0
- package/dist/esm/lib/use-dialog-close.js +17 -0
- package/dist/esm/lib/use-dialog-close.js.map +1 -0
- package/dist/esm/lib/use-security-settings.d.ts +11 -0
- package/dist/esm/lib/use-security-settings.d.ts.map +1 -0
- package/dist/esm/lib/use-security-settings.js +36 -0
- package/dist/esm/lib/use-security-settings.js.map +1 -0
- package/dist/esm/lib/user-actions-dropdown.d.ts +2 -2
- package/dist/esm/lib/user-actions-dropdown.d.ts.map +1 -1
- package/dist/esm/lib/user-actions-dropdown.js +8 -4
- package/dist/esm/lib/user-actions-dropdown.js.map +1 -1
- package/dist/esm/lib/user-profile.d.ts +11 -0
- package/dist/esm/lib/user-profile.d.ts.map +1 -0
- package/dist/esm/lib/user-profile.js +27 -0
- package/dist/esm/lib/user-profile.js.map +1 -0
- package/dist/esm/lib/user-security.d.ts +11 -0
- package/dist/esm/lib/user-security.d.ts.map +1 -0
- package/dist/esm/lib/user-security.js +32 -0
- package/dist/esm/lib/user-security.js.map +1 -0
- package/dist/esm/lib/user-sessions.d.ts +12 -0
- package/dist/esm/lib/user-sessions.d.ts.map +1 -0
- package/dist/esm/lib/user-sessions.js +40 -0
- package/dist/esm/lib/user-sessions.js.map +1 -0
- package/dist/esm/lib/users-filter.d.ts +2 -2
- package/dist/esm/lib/users-filter.d.ts.map +1 -1
- package/dist/esm/lib/users-filter.js.map +1 -1
- package/dist/esm/lib/users-management-context.d.ts +0 -9
- package/dist/esm/lib/users-management-context.d.ts.map +1 -1
- package/dist/esm/lib/users-management-context.js +13 -25
- package/dist/esm/lib/users-management-context.js.map +1 -1
- package/dist/esm/lib/users-management-state.d.ts +3 -3
- package/dist/esm/lib/users-management-state.d.ts.map +1 -1
- package/dist/esm/lib/users-management-state.js.map +1 -1
- package/dist/esm/lib/users-management.d.ts +3 -4
- package/dist/esm/lib/users-management.d.ts.map +1 -1
- package/dist/esm/lib/users-management.js +9 -27
- package/dist/esm/lib/users-management.js.map +1 -1
- package/dist/esm/lib/users-search.d.ts +1 -1
- package/dist/esm/lib/users-search.d.ts.map +1 -1
- package/dist/esm/lib/utils.d.ts +10 -2
- package/dist/esm/lib/utils.d.ts.map +1 -1
- package/dist/esm/lib/utils.js +16 -0
- package/dist/esm/lib/utils.js.map +1 -1
- package/dist/esm/organization-switcher.client.d.ts +8 -0
- package/dist/esm/organization-switcher.client.d.ts.map +1 -0
- package/dist/esm/organization-switcher.client.js +33 -0
- package/dist/esm/organization-switcher.client.js.map +1 -0
- package/dist/esm/user-profile.client.d.ts +7 -0
- package/dist/esm/user-profile.client.d.ts.map +1 -0
- package/dist/esm/user-profile.client.js +27 -0
- package/dist/esm/user-profile.client.js.map +1 -0
- package/dist/esm/user-security.client.d.ts +7 -0
- package/dist/esm/user-security.client.d.ts.map +1 -0
- package/dist/esm/user-security.client.js +23 -0
- package/dist/esm/user-security.client.js.map +1 -0
- package/dist/esm/user-sessions.client.d.ts +12 -0
- package/dist/esm/user-sessions.client.d.ts.map +1 -0
- package/dist/esm/user-sessions.client.js +44 -0
- package/dist/esm/user-sessions.client.js.map +1 -0
- package/dist/esm/users-management.client.d.ts +2 -1
- package/dist/esm/users-management.client.d.ts.map +1 -1
- package/dist/esm/users-management.client.js +12 -20
- package/dist/esm/users-management.client.js.map +1 -1
- package/dist/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +10 -4
- package/src/card-list.tsx +26 -0
- package/src/index.ts +3 -0
- package/src/lib/add-mfa-dialog.tsx +379 -0
- package/src/lib/api/user.ts +54 -458
- package/src/lib/card-list.css +3 -0
- package/src/lib/change-password-dialog.tsx +290 -0
- package/src/lib/copy-button.tsx +53 -0
- package/src/lib/delete-user-dialog.tsx +9 -6
- package/src/lib/edit-user-profile-dialog.tsx +181 -0
- package/src/lib/{edit-user-details-dialog.tsx → edit-user-role-dialog.tsx} +12 -9
- package/src/lib/elements.tsx +34 -1
- package/src/lib/elevated-access.tsx +261 -0
- package/src/lib/generic-error.tsx +70 -0
- package/src/lib/icon-panel.tsx +26 -0
- package/src/lib/icons.tsx +21 -0
- package/src/lib/invite-user-dialog.tsx +15 -10
- package/src/lib/logout-all-sessions-dialog.tsx +82 -0
- package/src/lib/logout-dialog.tsx +89 -0
- package/src/lib/marker.css +81 -0
- package/src/lib/marker.tsx +39 -0
- package/src/lib/oauth-icons.tsx +138 -0
- package/src/lib/organization-switcher.tsx +160 -0
- package/src/lib/otp-input.tsx +276 -0
- package/src/lib/resend-invite-dialog.tsx +9 -6
- package/src/lib/reset-mfa-dialog.tsx +104 -0
- package/src/lib/revoke-invite-dialog.tsx +9 -6
- package/src/lib/save-button.css +60 -0
- package/src/lib/save-button.tsx +113 -0
- package/src/lib/set-password-dialog.tsx +204 -0
- package/src/lib/use-dialog-close.tsx +19 -0
- package/src/lib/use-security-settings.tsx +49 -0
- package/src/lib/user-actions-dropdown.tsx +10 -6
- package/src/lib/user-profile.tsx +247 -0
- package/src/lib/user-security.tsx +187 -0
- package/src/lib/user-sessions.tsx +204 -0
- package/src/lib/users-filter.tsx +2 -2
- package/src/lib/users-management-context.tsx +21 -36
- package/src/lib/users-management-state.ts +3 -3
- package/src/lib/users-management.tsx +21 -77
- package/src/lib/utils.ts +30 -2
- package/src/organization-switcher.client.tsx +77 -0
- package/src/styles.css +44 -0
- package/src/user-profile.client.tsx +51 -0
- package/src/user-security.client.tsx +55 -0
- package/src/user-sessions.client.tsx +96 -0
- package/src/users-management.client.tsx +28 -39
- package/dist/cjs/lib/api/role.d.ts +0 -9
- package/dist/cjs/lib/api/role.d.ts.map +0 -1
- package/dist/cjs/lib/api/role.js +0 -115
- package/dist/cjs/lib/api/role.js.map +0 -1
- package/dist/cjs/lib/edit-user-details-dialog.d.ts +0 -12
- package/dist/cjs/lib/edit-user-details-dialog.d.ts.map +0 -1
- package/dist/cjs/lib/edit-user-details-dialog.js.map +0 -1
- package/dist/esm/lib/api/role.d.ts +0 -9
- package/dist/esm/lib/api/role.d.ts.map +0 -1
- package/dist/esm/lib/api/role.js +0 -110
- package/dist/esm/lib/api/role.js.map +0 -1
- package/dist/esm/lib/edit-user-details-dialog.d.ts +0 -12
- package/dist/esm/lib/edit-user-details-dialog.d.ts.map +0 -1
- package/dist/esm/lib/edit-user-details-dialog.js.map +0 -1
- package/src/lib/api/role.ts +0 -147
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { AlertDialog } from "@radix-ui/themes";
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
|
-
import
|
|
3
|
+
import { Member } from "@repo/api";
|
|
4
4
|
interface DeleteUserDialogProps extends AlertDialog.RootProps {
|
|
5
5
|
open: boolean;
|
|
6
6
|
onOpenChange: (open: boolean) => void;
|
|
7
|
-
user:
|
|
7
|
+
user: Member;
|
|
8
8
|
children?: ReactNode;
|
|
9
9
|
}
|
|
10
10
|
export declare function DeleteUserDialog({ children, user, ...props }: DeleteUserDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"delete-user-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/delete-user-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAKZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"delete-user-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/delete-user-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAKZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAO/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,UAAU,qBAAsB,SAAQ,WAAW,CAAC,SAAS;IAC3D,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAuEvB"}
|
|
@@ -11,7 +11,7 @@ function DeleteUserDialog({ children, user, ...props }) {
|
|
|
11
11
|
const deleteUser = (0, user_1.useDeleteUser)();
|
|
12
12
|
const inputRef = (0, react_1.useRef)(null);
|
|
13
13
|
const onSubmitForm = () => {
|
|
14
|
-
deleteUser.mutate(user.id, {
|
|
14
|
+
deleteUser.mutate({ userId: user.id }, {
|
|
15
15
|
onSuccess: () => {
|
|
16
16
|
props.onOpenChange(false);
|
|
17
17
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"delete-user-dialog.js","sourceRoot":"","sources":["../../../src/lib/delete-user-dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AA0Bb,
|
|
1
|
+
{"version":3,"file":"delete-user-dialog.js","sourceRoot":"","sources":["../../../src/lib/delete-user-dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AA0Bb,4CA2EC;;AAlGD,6CAM0B;AAC1B,iCAA+C;AAC/C,qCAA2C;AAC3C,yCAIoB;AAUpB,SAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACc;IACtB,MAAM,UAAU,GAAG,IAAA,oBAAa,GAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,UAAU,CAAC,MAAM,CACf,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,EACnB;YACE,SAAS,EAAE,GAAG,EAAE;gBACd,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;SACF,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,oBAAW,CAAC,IAAI,OAAK,KAAK,aACxB,QAAQ,IAAI,uBAAC,oBAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAElE,wBAAC,6BAAkB,IACjB,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE;oBACpB,qBAAqB,CAAC,GAAG,EAAE;wBACzB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oBAC5B,CAAC,CAAC,CAAC;gBACL,CAAC,aAED,uBAAC,oBAAW,CAAC,KAAK,8BAAgC,EAClD,uBAAC,aAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YAC9B,wBAAC,oBAAW,CAAC,WAAW,kDACU,GAAG,EACnC,uBAAC,aAAI,IAAC,MAAM,EAAC,MAAM,YAAE,IAAI,CAAC,KAAK,GAAQ,wDAEf,GACrB,EAEN,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAO,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,YACtC,uBAAC,gBAAO,CAAC,IAAI,cACV,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,GAC7B,GACF,CAChB,CAAC,CAAC,CAAC,IAAI,EAER,uBAAC,aAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,kCACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,YAAY,EAAE,CAAC;4BACjB,CAAC,aAED,uBAAC,oBAAW,CAAC,MAAM,cACjB,uBAAC,0BAAe,IAAC,QAAQ,EAAE,UAAU,CAAC,SAAS,uBAE7B,GACC,EAErB,uBAAC,4BAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,CAAC,SAAS,uBAE1C,IACf,GACF,EAEP,uBAAC,uBAAc,IAAC,OAAO,kBACrB,iDAAmB,QAAQ,YACxB,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,GAClC,GACK,IACE,IACJ,CACpB,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAAC,KAAc;IAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,4BAA4B;IAC5B,OAAO,yDAAyD,CAAC;AACnE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Dialog } from "@radix-ui/themes";
|
|
2
|
+
import { Me } from "@repo/api";
|
|
3
|
+
import { type ReactNode } from "react";
|
|
4
|
+
interface EditUserProfileDialogProps extends Dialog.RootProps {
|
|
5
|
+
user: Me;
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare function EditUserProfileDialog({ children, user, ...props }: EditUserProfileDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=edit-user-profile-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"edit-user-profile-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/edit-user-profile-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,MAAM,EAA8B,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAiB,EAAE,EAAe,MAAM,WAAW,CAAC;AAG3D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,UAAU,0BAA2B,SAAQ,MAAM,CAAC,SAAS;IAC3D,IAAI,EAAE,EAAE,CAAC;IACT,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAoB5B"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
20
|
+
if (mod && mod.__esModule) return mod;
|
|
21
|
+
var result = {};
|
|
22
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
23
|
+
__setModuleDefault(result, mod);
|
|
24
|
+
return result;
|
|
25
|
+
};
|
|
26
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
27
|
+
exports.EditUserProfileDialog = EditUserProfileDialog;
|
|
28
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
|
+
const themes_1 = require("@radix-ui/themes");
|
|
30
|
+
const api_1 = require("@repo/api");
|
|
31
|
+
const react_query_1 = require("@tanstack/react-query");
|
|
32
|
+
const React = __importStar(require("react"));
|
|
33
|
+
const Form = __importStar(require("@radix-ui/react-form"));
|
|
34
|
+
const elements_1 = require("./elements");
|
|
35
|
+
const save_button_1 = require("./save-button");
|
|
36
|
+
function EditUserProfileDialog({ children, user, ...props }) {
|
|
37
|
+
const [open, setOpen] = React.useState(false);
|
|
38
|
+
const handleClose = React.useCallback(() => {
|
|
39
|
+
setOpen(false);
|
|
40
|
+
}, []);
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)(themes_1.Dialog.Root, { ...props, open: props.open ?? open, onOpenChange: props.onOpenChange ?? setOpen, children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Trigger, { children: children }), (0, jsx_runtime_1.jsx)(elements_1.DialogContent, { maxWidth: "480px", children: (0, jsx_runtime_1.jsx)(Content, { user: user, onClose: handleClose }) })] }));
|
|
42
|
+
}
|
|
43
|
+
function Content({ user, onClose }) {
|
|
44
|
+
const client = (0, react_query_1.useQueryClient)();
|
|
45
|
+
const updateMe = (0, api_1.useUpdateMe)({
|
|
46
|
+
mutation: {
|
|
47
|
+
onSettled: () => {
|
|
48
|
+
client.invalidateQueries({ queryKey: (0, api_1.getMeQueryKey)() });
|
|
49
|
+
},
|
|
50
|
+
onSuccess: (newProfile) => {
|
|
51
|
+
client.setQueryData((0, api_1.getMeQueryKey)(), {
|
|
52
|
+
...user,
|
|
53
|
+
firstName: newProfile.firstName || user.firstName,
|
|
54
|
+
lastName: newProfile.lastName || user.lastName,
|
|
55
|
+
});
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
});
|
|
59
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Title, { mb: "5", children: "Edit name" }), (0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsxs)(themes_1.Dialog.Description, { children: ["Edit the details of ", (0, jsx_runtime_1.jsx)(themes_1.Text, { weight: "bold", children: user.email })] }) }), updateMe.error ? ((0, jsx_runtime_1.jsx)(themes_1.Callout.Root, { color: "red", my: "-2", children: (0, jsx_runtime_1.jsx)(themes_1.Callout.Text, { children: getMutationErrorMessage(updateMe.error) }) })) : null, (0, jsx_runtime_1.jsxs)(Form.Root, { onSubmit: async (event) => {
|
|
60
|
+
event.preventDefault();
|
|
61
|
+
const formData = new FormData(event.currentTarget);
|
|
62
|
+
const firstName = formData.get("firstName")?.toString();
|
|
63
|
+
const lastName = formData.get("lastName")?.toString();
|
|
64
|
+
updateMe.mutate({
|
|
65
|
+
data: {
|
|
66
|
+
firstName: firstName ?? undefined,
|
|
67
|
+
lastName: lastName ?? undefined,
|
|
68
|
+
},
|
|
69
|
+
});
|
|
70
|
+
}, children: [(0, jsx_runtime_1.jsxs)(themes_1.Flex, { my: "5", direction: "column", gap: "4", children: [(0, jsx_runtime_1.jsx)(Form.Field, { name: "firstName", asChild: true, children: (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "1", children: [(0, jsx_runtime_1.jsx)(Form.Label, { asChild: true, children: (0, jsx_runtime_1.jsx)(elements_1.Label, { children: "First name" }) }), (0, jsx_runtime_1.jsx)(Form.Control, { asChild: true, children: (0, jsx_runtime_1.jsx)(elements_1.TextField, { "data-1p-ignore": true, autoComplete: "given-name", defaultValue: user.firstName ?? "", placeholder: "Your first name", disabled: updateMe.isPending || updateMe.isSuccess }) })] }) }), (0, jsx_runtime_1.jsx)(Form.Field, { name: "lastName", asChild: true, children: (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "1", children: [(0, jsx_runtime_1.jsx)(Form.Label, { asChild: true, children: (0, jsx_runtime_1.jsx)(elements_1.Label, { children: "Last name" }) }), (0, jsx_runtime_1.jsx)(Form.Control, { asChild: true, children: (0, jsx_runtime_1.jsx)(elements_1.TextField, { "data-1p-ignore": true, autoComplete: "family-name", defaultValue: user.lastName ?? "", placeholder: "Your last name", disabled: updateMe.isPending || updateMe.isSuccess }) })] }) })] }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { mt: "5", gap: "3", justify: "end", children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Close, { children: (0, jsx_runtime_1.jsx)(elements_1.SecondaryButton, { disabled: updateMe.isPending || updateMe.isSuccess, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(save_button_1.SaveButton, { asChild: true, loading: updateMe.isPending, done: updateMe.isSuccess, onDone: onClose, children: (0, jsx_runtime_1.jsx)(elements_1.PrimaryButton, { children: "Save" }) })] }), (0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { asChild: true, children: (0, jsx_runtime_1.jsx)("section", { "aria-live": "polite", children: getMutationErrorMessage(updateMe.error) }) })] })] }));
|
|
71
|
+
}
|
|
72
|
+
function getMutationErrorMessage(error) {
|
|
73
|
+
if (error instanceof Error) {
|
|
74
|
+
return error.message;
|
|
75
|
+
}
|
|
76
|
+
if (typeof error === "object" &&
|
|
77
|
+
error !== null &&
|
|
78
|
+
"message" in error &&
|
|
79
|
+
typeof error.message === "string") {
|
|
80
|
+
return error.message;
|
|
81
|
+
}
|
|
82
|
+
// TODO Handle server errors
|
|
83
|
+
return "Something went wrong. Please try again.";
|
|
84
|
+
}
|
|
85
|
+
//# sourceMappingURL=edit-user-profile-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"edit-user-profile-dialog.js","sourceRoot":"","sources":["../../../src/lib/edit-user-profile-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Dialog } from "@radix-ui/themes";
|
|
2
|
+
import { type ReactNode } from "react";
|
|
3
|
+
import { Member } from "@repo/api";
|
|
4
|
+
interface EditUserRoleDialogProps extends Dialog.RootProps {
|
|
5
|
+
open: boolean;
|
|
6
|
+
onOpenChange: (open: boolean) => void;
|
|
7
|
+
user: Member;
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare function EditUserRoleDialog({ children, user, ...props }: EditUserRoleDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=edit-user-role-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"edit-user-role-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/edit-user-role-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,MAAM,EAKP,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAYjD,OAAO,EAAE,MAAM,EAAY,MAAM,WAAW,CAAC;AAE7C,UAAU,uBAAwB,SAAQ,MAAM,CAAC,SAAS;IACxD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA6HzB"}
|
|
@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
24
|
return result;
|
|
25
25
|
};
|
|
26
26
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
27
|
-
exports.
|
|
27
|
+
exports.EditUserRoleDialog = EditUserRoleDialog;
|
|
28
28
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
29
|
const React = __importStar(require("react"));
|
|
30
30
|
const themes_1 = require("@radix-ui/themes");
|
|
@@ -32,15 +32,19 @@ const react_1 = require("react");
|
|
|
32
32
|
const user_1 = require("./api/user");
|
|
33
33
|
const elements_1 = require("./elements");
|
|
34
34
|
const utils_1 = require("./utils");
|
|
35
|
-
const
|
|
36
|
-
function
|
|
35
|
+
const api_1 = require("@repo/api");
|
|
36
|
+
function EditUserRoleDialog({ children, user, ...props }) {
|
|
37
37
|
const displayName = (0, utils_1.getBestName)(user) || user.email;
|
|
38
|
-
const rolesQuery = (0,
|
|
38
|
+
const rolesQuery = (0, api_1.useRoles)({
|
|
39
|
+
query: {
|
|
40
|
+
initialData: [],
|
|
41
|
+
},
|
|
42
|
+
});
|
|
39
43
|
const { data: roles } = rolesQuery;
|
|
40
44
|
const updateUser = (0, user_1.useUpdateUserRole)();
|
|
41
|
-
const [selectedRole, setSelectedRole] = (0, react_1.useState)(user.roles
|
|
45
|
+
const [selectedRole, setSelectedRole] = (0, react_1.useState)(user.roles?.at(0)?.slug || "Unknown");
|
|
42
46
|
const onSubmitForm = ({ id, roles }) => {
|
|
43
|
-
updateUser.mutate({ id, data: { roles } }, {
|
|
47
|
+
updateUser.mutate({ userId: id, data: { roles } }, {
|
|
44
48
|
onSuccess: () => {
|
|
45
49
|
props.onOpenChange(false);
|
|
46
50
|
},
|
|
@@ -75,4 +79,4 @@ function getMutationErrorMessage(error) {
|
|
|
75
79
|
// TODO Handle server errors
|
|
76
80
|
return "There was an error updating the user role. Please try again.";
|
|
77
81
|
}
|
|
78
|
-
//# sourceMappingURL=edit-user-
|
|
82
|
+
//# sourceMappingURL=edit-user-role-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"edit-user-role-dialog.js","sourceRoot":"","sources":["../../../src/lib/edit-user-role-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ export declare const SelectItem: React.ForwardRefExoticComponent<RadixSelect.Ite
|
|
|
12
12
|
export declare const Label: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLLabelElement>>;
|
|
13
13
|
export declare const TextField: React.ForwardRefExoticComponent<RadixTextField.RootProps & React.RefAttributes<HTMLInputElement>>;
|
|
14
14
|
export declare const TextFieldSlot: React.ForwardRefExoticComponent<RadixTextField.SlotProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export declare const PasswordField: React.ForwardRefExoticComponent<RadixTextField.RootProps & React.RefAttributes<HTMLInputElement>>;
|
|
15
16
|
export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
|
|
16
17
|
export declare const DropdownMenuContent: React.ForwardRefExoticComponent<RadixDropdownMenu.ContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
18
|
export declare const PrimaryMenuItem: React.ForwardRefExoticComponent<RadixDropdownMenu.ItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,WAAW,IAAI,gBAAgB,EAE/B,WAAW,IAAI,gBAAgB,EAG/B,MAAM,IAAI,WAAW,EACrB,YAAY,IAAI,iBAAiB,EAEjC,MAAM,IAAI,WAAW,EAGrB,SAAS,IAAI,cAAc,EAC3B,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,2BAA2B,EAC3B,wBAAwB,EACxB,kBAAkB,EAClB,YAAY,EACZ,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/lib/elements.js
CHANGED
|
@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
28
28
|
};
|
|
29
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
|
-
exports.AlertDialogContent = exports.DialogContent = exports.Avatar = exports.DestructiveMenuItem = exports.PrimaryMenuItem = exports.DropdownMenuContent = exports.Badge = exports.TextFieldSlot = exports.TextField = exports.Label = exports.SelectItem = exports.SelectContent = exports.SelectTrigger = exports.Skeleton = exports.IconButton = exports.DestructiveButton = exports.SecondaryButton = exports.PrimaryButton = void 0;
|
|
30
|
+
exports.AlertDialogContent = exports.DialogContent = exports.Avatar = exports.DestructiveMenuItem = exports.PrimaryMenuItem = exports.DropdownMenuContent = exports.Badge = exports.PasswordField = exports.TextFieldSlot = exports.TextField = exports.Label = exports.SelectItem = exports.SelectContent = exports.SelectTrigger = exports.Skeleton = exports.IconButton = exports.DestructiveButton = exports.SecondaryButton = exports.PrimaryButton = void 0;
|
|
31
31
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
32
32
|
const React = __importStar(require("react"));
|
|
33
33
|
const themes_1 = require("@radix-ui/themes");
|
|
@@ -36,13 +36,14 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
36
36
|
const widgets_context_1 = require("./widgets-context");
|
|
37
37
|
const utils_1 = require("./utils");
|
|
38
38
|
const use_layout_effect_1 = require("./use-layout-effect");
|
|
39
|
+
const react_icons_1 = require("@radix-ui/react-icons");
|
|
39
40
|
exports.PrimaryButton = React.forwardRef(function PrimaryButton({ className, ...props }, ref) {
|
|
40
41
|
const element = (0, widgets_context_1.useElement)("primaryButton");
|
|
41
42
|
return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, className: (0, clsx_1.default)((0, utils_1.namespaceClassNames)("button", "button--primary"), className), variant: "solid", ...props, ...element }));
|
|
42
43
|
});
|
|
43
44
|
exports.SecondaryButton = React.forwardRef(function SecondaryButton({ className, ...props }, ref) {
|
|
44
45
|
const element = (0, widgets_context_1.useElement)("secondaryButton");
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, className: (0, clsx_1.default)((0, utils_1.namespaceClassNames)("button", "button--secondary"), className), variant: "surface", color: "gray", ...props, ...element }));
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, highContrast: true, className: (0, clsx_1.default)((0, utils_1.namespaceClassNames)("button", "button--secondary"), className), variant: "surface", color: "gray", ...props, ...element }));
|
|
46
47
|
});
|
|
47
48
|
exports.DestructiveButton = React.forwardRef(function DestructiveButton({ className, ...props }, ref) {
|
|
48
49
|
const element = (0, widgets_context_1.useElement)("destructiveButton");
|
|
@@ -68,12 +69,12 @@ exports.SelectItem = React.forwardRef(function SelectItem({ className, ...props
|
|
|
68
69
|
const element = (0, widgets_context_1.useElement)("primaryMenuItem");
|
|
69
70
|
return ((0, jsx_runtime_1.jsx)(themes_1.Select.Item, { ref: ref, className: (0, clsx_1.default)((0, utils_1.namespaceClassNames)("menu-item", "select-item"), className), ...props, ...element }));
|
|
70
71
|
});
|
|
71
|
-
exports.Label = React.forwardRef(function Label({ children, className, ...props }, ref) {
|
|
72
|
+
exports.Label = React.forwardRef(function Label({ children, className, style = {}, ...props }, ref) {
|
|
72
73
|
const element = (0, widgets_context_1.useElement)("label");
|
|
73
74
|
return (
|
|
74
75
|
// @ts-expect-error: Text props are a complex union type depending on the
|
|
75
76
|
// `as` prop value, which breaks down when spreading in `element`
|
|
76
|
-
(0, jsx_runtime_1.jsx)(themes_1.Text, { as: "label", ref: ref, weight: "bold", size: "2", className: (0, clsx_1.default)((0, utils_1.namespaceClassNames)("label"), className), ...props, ...element, children: children }));
|
|
77
|
+
(0, jsx_runtime_1.jsx)(themes_1.Text, { as: "label", ref: ref, weight: "bold", size: "2", className: (0, clsx_1.default)((0, utils_1.namespaceClassNames)("label"), className), style: { width: "fit-content", ...style }, ...props, ...element, children: children }));
|
|
77
78
|
});
|
|
78
79
|
exports.TextField = React.forwardRef(function TextField({ className, ...props }, ref) {
|
|
79
80
|
const element = (0, widgets_context_1.useElement)("textfield");
|
|
@@ -82,6 +83,11 @@ exports.TextField = React.forwardRef(function TextField({ className, ...props },
|
|
|
82
83
|
exports.TextFieldSlot = React.forwardRef(function TextFieldSlot({ className, ...props }, ref) {
|
|
83
84
|
return ((0, jsx_runtime_1.jsx)(themes_1.TextField.Slot, { ref: ref, className: (0, clsx_1.default)((0, utils_1.namespaceClassNames)("text-field-slot"), className), ...props }));
|
|
84
85
|
});
|
|
86
|
+
exports.PasswordField = React.forwardRef(function TextField({ className, ...props }, ref) {
|
|
87
|
+
const element = (0, widgets_context_1.useElement)("textfield");
|
|
88
|
+
const [showPassword, setShowPassword] = React.useState(false);
|
|
89
|
+
return ((0, jsx_runtime_1.jsx)(themes_1.TextField.Root, { ref: ref, variant: "surface", className: (0, clsx_1.default)((0, utils_1.namespaceClassNames)("text-field"), className), ...props, ...element, type: showPassword ? "text" : "password", children: (0, jsx_runtime_1.jsx)(themes_1.TextField.Slot, { side: "right", children: (0, jsx_runtime_1.jsx)(exports.IconButton, { type: "button", size: "1", variant: "ghost", color: "gray", onClick: () => setShowPassword(!showPassword), children: showPassword ? (0, jsx_runtime_1.jsx)(react_icons_1.EyeOpenIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.EyeClosedIcon, {}) }) }) }));
|
|
90
|
+
});
|
|
85
91
|
exports.Badge = React.forwardRef(function Badge({ className, ...props }, ref) {
|
|
86
92
|
const element = (0, widgets_context_1.useElement)("badge");
|
|
87
93
|
return ((0, jsx_runtime_1.jsx)(themes_1.Badge, { ref: ref, className: (0, clsx_1.default)((0, utils_1.namespaceClassNames)("badge"), className), ...element, ...props }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,6CAA+B;AAC/B,6CAkB0B;AAe1B,qEAA+D;AAC/D,gDAAsB;AACtB,uDAA+C;AAC/C,mCAA8C;AAC9C,2DAAsD;
|
|
1
|
+
{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { PropsWithChildren } from "react";
|
|
2
|
+
interface ElevatedAccessProps extends PropsWithChildren {
|
|
3
|
+
onVerified?: () => Promise<unknown>;
|
|
4
|
+
type?: "dialog" | "alert";
|
|
5
|
+
}
|
|
6
|
+
export declare function ElevatedAccess({ type, children, onVerified, }: ElevatedAccessProps): import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=elevated-access.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elevated-access.d.ts","sourceRoot":"","sources":["../../../src/lib/elevated-access.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAIvE,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAe,EACf,QAAQ,EACR,UAAU,GACX,EAAE,mBAAmB,kDA6CrB"}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.ElevatedAccess = ElevatedAccess;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const Form = __importStar(require("@radix-ui/react-form"));
|
|
29
|
+
const themes_1 = require("@radix-ui/themes");
|
|
30
|
+
const api_1 = require("@repo/api");
|
|
31
|
+
const react_1 = require("react");
|
|
32
|
+
const elements_1 = require("./elements");
|
|
33
|
+
const Otp = __importStar(require("./otp-input"));
|
|
34
|
+
function ElevatedAccess({ type = "dialog", children, onVerified, }) {
|
|
35
|
+
const { elevatedAccess } = (0, api_1.useElevatedAccessToken)();
|
|
36
|
+
const [authenticationChallengeId, setAuthenticationChallengeId] = (0, react_1.useState)();
|
|
37
|
+
const prevAccessToken = (0, react_1.useRef)(elevatedAccess);
|
|
38
|
+
(0, react_1.useEffect)(() => {
|
|
39
|
+
prevAccessToken.current = elevatedAccess;
|
|
40
|
+
}, [elevatedAccess]);
|
|
41
|
+
if (elevatedAccess) {
|
|
42
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
|
|
43
|
+
}
|
|
44
|
+
if (!authenticationChallengeId) {
|
|
45
|
+
const hasTokenExpired = !!prevAccessToken.current;
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(SendVerificationEmailForm, { type: type, hasTokenExpired: hasTokenExpired, onSuccess: (challengeId) => {
|
|
47
|
+
setAuthenticationChallengeId(challengeId);
|
|
48
|
+
} }));
|
|
49
|
+
}
|
|
50
|
+
if (authenticationChallengeId) {
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)(VerificationIdentityForm, { type: type, authenticationChallengeId: authenticationChallengeId, onSuccess: () => {
|
|
52
|
+
// Reset the challenge id
|
|
53
|
+
setAuthenticationChallengeId(undefined);
|
|
54
|
+
return onVerified?.();
|
|
55
|
+
} }));
|
|
56
|
+
}
|
|
57
|
+
return null;
|
|
58
|
+
}
|
|
59
|
+
function SendVerificationEmailForm({ onSuccess, type, hasTokenExpired, }) {
|
|
60
|
+
const { data: me } = (0, api_1.useMe)();
|
|
61
|
+
const sendVerification = (0, api_1.useSendVerification)({
|
|
62
|
+
mutation: { onSuccess: (data) => onSuccess(data.authenticationChallenge) },
|
|
63
|
+
});
|
|
64
|
+
const Title = type === "dialog" ? themes_1.Dialog.Title : themes_1.AlertDialog.Title;
|
|
65
|
+
const Description = type === "dialog" ? themes_1.Dialog.Description : themes_1.AlertDialog.Description;
|
|
66
|
+
const Close = type === "dialog" ? themes_1.Dialog.Close : themes_1.AlertDialog.Cancel;
|
|
67
|
+
const handleSubmit = async (event) => {
|
|
68
|
+
event.preventDefault();
|
|
69
|
+
sendVerification.mutate();
|
|
70
|
+
};
|
|
71
|
+
return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, children: [(0, jsx_runtime_1.jsx)(Title, { children: hasTokenExpired
|
|
72
|
+
? "Your verification token has expired"
|
|
73
|
+
: "Verify your identity" }), (0, jsx_runtime_1.jsxs)(Description, { color: "gray", mb: "5", children: ["To continue, we need to confirm your identity. We'll send a temporary verification code to", " ", (0, jsx_runtime_1.jsx)(themes_1.Text, { weight: "bold", highContrast: true, children: me?.email }), "."] }), sendVerification.error && ((0, jsx_runtime_1.jsx)(themes_1.Callout.Root, { color: "red", mt: "-2", mb: "0", children: (0, jsx_runtime_1.jsx)(themes_1.Callout.Text, { children: getMutationErrorMessage(sendVerification.error) }) })), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [(0, jsx_runtime_1.jsx)(Close, { children: (0, jsx_runtime_1.jsx)(elements_1.SecondaryButton, { type: "button", disabled: sendVerification.isPending, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(elements_1.PrimaryButton, { type: "submit", loading: sendVerification.isPending, children: "Send verification code" })] })] }));
|
|
74
|
+
}
|
|
75
|
+
function VerificationIdentityForm({ onSuccess, authenticationChallengeId, type, }) {
|
|
76
|
+
const { data: me } = (0, api_1.useMe)();
|
|
77
|
+
const { setElevatedAccess } = (0, api_1.useElevatedAccessToken)();
|
|
78
|
+
const verifyIdentity = (0, api_1.useVerify)();
|
|
79
|
+
const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
|
|
80
|
+
const Title = type === "dialog" ? themes_1.Dialog.Title : themes_1.AlertDialog.Title;
|
|
81
|
+
const Description = type === "dialog" ? themes_1.Dialog.Description : themes_1.AlertDialog.Description;
|
|
82
|
+
const Close = type === "dialog" ? themes_1.Dialog.Close : themes_1.AlertDialog.Cancel;
|
|
83
|
+
const handleSubmit = async (event) => {
|
|
84
|
+
event.preventDefault();
|
|
85
|
+
const formData = new FormData(event.currentTarget);
|
|
86
|
+
const code = formData.get("otp-code")?.toString() ?? "";
|
|
87
|
+
setIsSubmitting(true);
|
|
88
|
+
try {
|
|
89
|
+
// Mutate async so we can wait for the onSuccess callback as well
|
|
90
|
+
const newAuthState = await verifyIdentity.mutateAsync({
|
|
91
|
+
data: {
|
|
92
|
+
code,
|
|
93
|
+
authenticationChallengeId,
|
|
94
|
+
},
|
|
95
|
+
});
|
|
96
|
+
const in10Seconds = new Date(Date.now() + 5 * 1000);
|
|
97
|
+
setElevatedAccess({
|
|
98
|
+
token: newAuthState.elevatedAccessToken,
|
|
99
|
+
// expiresAt: newAuthState.expiresAt,
|
|
100
|
+
expiresAt: in10Seconds.toISOString(),
|
|
101
|
+
});
|
|
102
|
+
if (onSuccess) {
|
|
103
|
+
await new Promise((resolve) => setTimeout(resolve, 200));
|
|
104
|
+
await onSuccess();
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
catch (error) {
|
|
108
|
+
console.error(error);
|
|
109
|
+
}
|
|
110
|
+
setIsSubmitting(false);
|
|
111
|
+
};
|
|
112
|
+
return ((0, jsx_runtime_1.jsxs)(Form.Root, { onSubmit: handleSubmit, children: [(0, jsx_runtime_1.jsx)(Title, { children: "Verify your identity" }), (0, jsx_runtime_1.jsxs)(Description, { color: "gray", children: ["A verification code was sent to", " ", (0, jsx_runtime_1.jsx)(themes_1.Text, { weight: "bold", highContrast: true, children: me?.email }), ". Please enter it below."] }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "2", mt: "5", mx: "auto", width: "fit-content", children: [(0, jsx_runtime_1.jsxs)(Otp.Root, { autoSubmit: true, gap: "2", justify: "center", columns: "repeat(6, 48px)", width: "fit-content", rows: "48px", name: "otp-code", readOnly: isSubmitting, children: [(0, jsx_runtime_1.jsx)(Otp.Input, { required: true, autoFocus: true, autoComplete: "off" }), (0, jsx_runtime_1.jsx)(Otp.Input, { required: true }), (0, jsx_runtime_1.jsx)(Otp.Input, { required: true }), (0, jsx_runtime_1.jsx)(Otp.Input, { required: true }), (0, jsx_runtime_1.jsx)(Otp.Input, { required: true }), (0, jsx_runtime_1.jsx)(Otp.Input, { required: true })] }), verifyIdentity.error && ((0, jsx_runtime_1.jsx)(themes_1.Text, { color: "red", size: "2", as: "p", children: getMutationErrorMessage(verifyIdentity.error) }))] }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [(0, jsx_runtime_1.jsx)(Close, { children: (0, jsx_runtime_1.jsx)(elements_1.SecondaryButton, { type: "button", children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(elements_1.PrimaryButton, { type: "submit", loading: isSubmitting, children: "Confirm" })] })] }));
|
|
113
|
+
}
|
|
114
|
+
function getMutationErrorMessage(error) {
|
|
115
|
+
let message = typeof error === "string" ? error : "";
|
|
116
|
+
if (error instanceof Error) {
|
|
117
|
+
message = error.message;
|
|
118
|
+
}
|
|
119
|
+
else if (typeof error === "object" &&
|
|
120
|
+
error !== null &&
|
|
121
|
+
"message" in error &&
|
|
122
|
+
typeof error.message === "string") {
|
|
123
|
+
message = error.message;
|
|
124
|
+
}
|
|
125
|
+
if (!message || message === "Bad Request") {
|
|
126
|
+
message = "Invalid code, please try again.";
|
|
127
|
+
}
|
|
128
|
+
return message;
|
|
129
|
+
}
|
|
130
|
+
//# sourceMappingURL=elevated-access.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elevated-access.js","sourceRoot":"","sources":["../../../src/lib/elevated-access.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,wCAiDC;;AAlED,2DAA6C;AAC7C,6CAA4E;AAC5E,mCAKmB;AACnB,iCAAuE;AACvE,yCAA4D;AAC5D,iDAAmC;AAOnC,SAAgB,cAAc,CAAC,EAC7B,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,UAAU,GACU;IACpB,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,4BAAsB,GAAE,CAAC;IACpD,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAC7D,IAAA,gBAAQ,GAAU,CAAC;IAErB,MAAM,eAAe,GAAG,IAAA,cAAM,EAAC,cAAc,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,OAAO,GAAG,cAAc,CAAC;IAC3C,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,2DAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAC/B,MAAM,eAAe,GAAG,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC;QAElD,OAAO,CACL,uBAAC,yBAAyB,IACxB,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,CAAC,WAAW,EAAE,EAAE;gBACzB,4BAA4B,CAAC,WAAW,CAAC,CAAC;YAC5C,CAAC,GACD,CACH,CAAC;IACJ,CAAC;IAED,IAAI,yBAAyB,EAAE,CAAC;QAC9B,OAAO,CACL,uBAAC,wBAAwB,IACvB,IAAI,EAAE,IAAI,EACV,yBAAyB,EAAE,yBAAyB,EACpD,SAAS,EAAE,GAAG,EAAE;gBACd,yBAAyB;gBACzB,4BAA4B,CAAC,SAAS,CAAC,CAAC;gBAExC,OAAO,UAAU,EAAE,EAAE,CAAC;YACxB,CAAC,GACD,CACH,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAQD,SAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,IAAI,EACJ,eAAe,GACgB;IAC/B,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAA,WAAK,GAAE,CAAC;IAC7B,MAAM,gBAAgB,GAAG,IAAA,yBAAmB,EAAC;QAC3C,QAAQ,EAAE,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,uBAAuB,CAAC,EAAE;KAC3E,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAM,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAW,CAAC,KAAK,CAAC;IACnE,MAAM,WAAW,GACf,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAM,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAW,CAAC,WAAW,CAAC;IACnE,MAAM,KAAK,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAM,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAW,CAAC,MAAM,CAAC;IAEpE,MAAM,YAAY,GAAG,KAAK,EAAE,KAAuC,EAAE,EAAE;QACrE,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,gBAAgB,CAAC,MAAM,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,kCAAM,QAAQ,EAAE,YAAY,aAC1B,uBAAC,KAAK,cACH,eAAe;oBACd,CAAC,CAAC,qCAAqC;oBACvC,CAAC,CAAC,sBAAsB,GACpB,EAER,wBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,2GAET,GAAG,EACxB,uBAAC,aAAI,IAAC,MAAM,EAAC,MAAM,EAAC,YAAY,kBAC7B,EAAE,EAAE,KAAK,GACL,SAEK,EAEb,gBAAgB,CAAC,KAAK,IAAI,CACzB,uBAAC,gBAAO,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,YACtC,uBAAC,gBAAO,CAAC,IAAI,cACV,uBAAuB,CAAC,gBAAgB,CAAC,KAAK,CAAC,GACnC,GACF,CAChB,EAED,wBAAC,aAAI,IAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aAC/C,uBAAC,KAAK,cACJ,uBAAC,0BAAe,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,gBAAgB,CAAC,SAAS,uBAEjD,GACZ,EACR,uBAAC,wBAAa,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,gBAAgB,CAAC,SAAS,uCAEhD,IACX,IACF,CACR,CAAC;AACJ,CAAC;AAQD,SAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,yBAAyB,EACzB,IAAI,GAC0B;IAC9B,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAA,WAAK,GAAE,CAAC;IAC7B,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,4BAAsB,GAAE,CAAC;IACvD,MAAM,cAAc,GAAG,IAAA,eAAS,GAAE,CAAC;IACnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExD,MAAM,KAAK,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAM,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAW,CAAC,KAAK,CAAC;IACnE,MAAM,WAAW,GACf,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAM,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAW,CAAC,WAAW,CAAC;IACnE,MAAM,KAAK,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAM,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAW,CAAC,MAAM,CAAC;IACpE,MAAM,YAAY,GAAG,KAAK,EAAE,KAAuC,EAAE,EAAE;QACrE,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACnD,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAExD,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,IAAI,CAAC;YACH,iEAAiE;YACjE,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,WAAW,CAAC;gBACpD,IAAI,EAAE;oBACJ,IAAI;oBACJ,yBAAyB;iBAC1B;aACF,CAAC,CAAC;YAEH,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;YAEpD,iBAAiB,CAAC;gBAChB,KAAK,EAAE,YAAY,CAAC,mBAAmB;gBACvC,qCAAqC;gBACrC,SAAS,EAAE,WAAW,CAAC,WAAW,EAAE;aACrC,CAAC,CAAC;YAEH,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;gBACzD,MAAM,SAAS,EAAE,CAAC;YACpB,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QAED,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,YAAY,aAC/B,uBAAC,KAAK,uCAA6B,EAEnC,wBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,gDACS,GAAG,EACnC,uBAAC,aAAI,IAAC,MAAM,EAAC,MAAM,EAAC,YAAY,kBAC7B,EAAE,EAAE,KAAK,GACL,gCAEK,EAEd,wBAAC,aAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,aAAa,aACnE,wBAAC,GAAG,CAAC,IAAI,IACP,UAAU,QACV,GAAG,EAAC,GAAG,EACP,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,YAAY,aAEtB,uBAAC,GAAG,CAAC,KAAK,IAAC,QAAQ,QAAC,SAAS,QAAC,YAAY,EAAC,KAAK,GAAG,EACnD,uBAAC,GAAG,CAAC,KAAK,IAAC,QAAQ,SAAG,EACtB,uBAAC,GAAG,CAAC,KAAK,IAAC,QAAQ,SAAG,EACtB,uBAAC,GAAG,CAAC,KAAK,IAAC,QAAQ,SAAG,EACtB,uBAAC,GAAG,CAAC,KAAK,IAAC,QAAQ,SAAG,EACtB,uBAAC,GAAG,CAAC,KAAK,IAAC,QAAQ,SAAG,IACb,EAEV,cAAc,CAAC,KAAK,IAAI,CACvB,uBAAC,aAAI,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,YAC9B,uBAAuB,CAAC,cAAc,CAAC,KAAK,CAAC,GACzC,CACR,IACI,EAEP,wBAAC,aAAI,IAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aAC/C,uBAAC,KAAK,cACJ,uBAAC,0BAAe,IAAC,IAAI,EAAC,QAAQ,uBAAyB,GACjD,EAER,uBAAC,wBAAa,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,wBAElC,IACX,IACG,CACb,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAAC,KAAc;IAC7C,IAAI,OAAO,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAErD,IAAI,KAAK,YAAY,KAAK,EAAE,CAAC;QAC3B,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC1B,CAAC;SAAM,IACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,SAAS,IAAI,KAAK;QAClB,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,EACjC,CAAC;QACD,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC1B,CAAC;IAED,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE,CAAC;QAC1C,OAAO,GAAG,iCAAiC,CAAC;IAC9C,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"generic-error.d.ts","sourceRoot":"","sources":["../../../src/lib/generic-error.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,2CAgEzD"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.GenericError = GenericError;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const React = __importStar(require("react"));
|
|
29
|
+
const themes_1 = require("@radix-ui/themes");
|
|
30
|
+
const errors_1 = require("./errors");
|
|
31
|
+
const react_icons_1 = require("@radix-ui/react-icons");
|
|
32
|
+
function GenericError({ error }) {
|
|
33
|
+
React.useEffect(() => {
|
|
34
|
+
console.error(error);
|
|
35
|
+
}, [error]);
|
|
36
|
+
const render = (heading, message) => ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { p: "6", justify: "center", align: "center", direction: "column", children: [(0, jsx_runtime_1.jsx)(themes_1.Flex, { align: "center", justify: "center", width: "32px", height: "32px", mb: "2", style: {
|
|
37
|
+
borderRadius: "9999px",
|
|
38
|
+
backgroundColor: "var(--red-a4)",
|
|
39
|
+
color: "var(--red-a11)",
|
|
40
|
+
}, children: (0, jsx_runtime_1.jsx)(react_icons_1.Cross2Icon, { width: "24px", height: "24px" }) }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "1", maxWidth: "420px", children: [(0, jsx_runtime_1.jsx)(themes_1.Heading, { size: "5", align: "center", mb: "1", wrap: "balance", as: "h3", children: heading }), (0, jsx_runtime_1.jsx)(themes_1.Text, { as: "p", align: "center", wrap: "balance", color: "gray", children: message })] })] }));
|
|
41
|
+
if (error instanceof errors_1.FetchError) {
|
|
42
|
+
return render("Error fetching data", "An error occurred. You may need to configure CORS in the WorkOS Dashboard. " +
|
|
43
|
+
"Contact your organization admin for support.");
|
|
44
|
+
}
|
|
45
|
+
if (error instanceof errors_1.NoAuthTokenError) {
|
|
46
|
+
return render("Error fetching data", "Authorization error. You likely forgot to provide an authorization " +
|
|
47
|
+
"token to the Users Management Widget.");
|
|
48
|
+
}
|
|
49
|
+
if (error instanceof errors_1.ApiError && error.status === 404) {
|
|
50
|
+
// The widgets API treats all authorization errors as 404s. If there is a
|
|
51
|
+
// legitimate 404, it's a bug on our end but there's currently no way to
|
|
52
|
+
// distinguish between the two.
|
|
53
|
+
return render("Error fetching data", "Authorization error. Contact your organization admin for support.");
|
|
54
|
+
}
|
|
55
|
+
return render("Error fetching data", "An unknown error occurred. If the problem continues, contact the site owner.");
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=generic-error.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"generic-error.js","sourceRoot":"","sources":["../../../src/lib/generic-error.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAKA,oCAgEC;;AArED,6CAA+B;AAC/B,6CAAuD;AACvD,qCAAkE;AAClE,uDAAmD;AAEnD,SAAgB,YAAY,CAAC,EAAE,KAAK,EAAsB;IACxD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,OAAwB,EAAE,EAAE,CAAC,CAC5D,wBAAC,aAAI,IAAC,CAAC,EAAC,GAAG,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,aAC5D,uBAAC,aAAI,IACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,EAAE,EAAC,GAAG,EACN,KAAK,EAAE;oBACL,YAAY,EAAE,QAAQ;oBACtB,eAAe,EAAE,eAAe;oBAChC,KAAK,EAAE,gBAAgB;iBACxB,YAED,uBAAC,wBAAU,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,GACpC,EAEP,wBAAC,aAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,aAC/C,uBAAC,gBAAO,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,YAC3D,OAAO,GACA,EAEV,uBAAC,aAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,YACpD,OAAO,GACH,IACF,IACF,CACR,CAAC;IAEF,IAAI,KAAK,YAAY,mBAAU,EAAE,CAAC;QAChC,OAAO,MAAM,CACX,qBAAqB,EACrB,6EAA6E;YAC3E,8CAA8C,CACjD,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,YAAY,yBAAgB,EAAE,CAAC;QACtC,OAAO,MAAM,CACX,qBAAqB,EACrB,qEAAqE;YACnE,uCAAuC,CAC1C,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,YAAY,iBAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;QACtD,yEAAyE;QACzE,wEAAwE;QACxE,+BAA+B;QAC/B,OAAO,MAAM,CACX,qBAAqB,EACrB,mEAAmE,CACpE,CAAC;IACJ,CAAC;IAED,OAAO,MAAM,CACX,qBAAqB,EACrB,8EAA8E,CAC/E,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-panel.d.ts","sourceRoot":"","sources":["../../../src/lib/icon-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGnD,eAAO,MAAM,SAAS,sGAsBrB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IconPanel = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const themes_1 = require("@radix-ui/themes");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
exports.IconPanel = (0, react_1.forwardRef)(function IconPanel({ children, ...props }, ref) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(themes_1.Flex, { ref: ref, width: "32px", height: "32px", align: "center", justify: "center", style: {
|
|
9
|
+
borderWidth: 1,
|
|
10
|
+
borderStyle: "solid",
|
|
11
|
+
borderColor: "var(--gray-4)",
|
|
12
|
+
borderRadius: "var(--radius-3)",
|
|
13
|
+
backgroundColor: "var(--gray-2)",
|
|
14
|
+
}, ...props, children: children }));
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=icon-panel.js.map
|